Showing posts with label Programming. Show all posts

Wednesday, 8 July 2015

Super Note - Android App

Description

Super note is an application to make quick notes easy and simple, such as a phone number, email, etc. shopping list. This application is very easy to use and can be unlimited text storage.

Feature :
1. Flat User Interface
2. Dynamic Splash Screen
3. SQLite Database
4. Dynamic Theme Color
5. 14+ Color Variation
6. Sharing with Social Media
7. And many more

Keyword : note, super note, android note, note android, flat design, dynamic splash screen, android flat design

[DOWNLOAD]

[BUY SOURCE]

Wednesday, 29 April 2015

add google play services library

Here are the right steps to import google play services lib in Eclipse.
  • Goto Menu File and select Import
  • Select “Existing Android Code Into Workspace” in Android folder in popup window
  • Click “Browse” to find the google player services lib folder. In my example, the location is:
  • D:\android-sdk-windows\extras\google\google_play_services\libproject\google-play-services_lib
    or you can download here [DOWNLOAD]
  • Check “Copy projects into workspace” option
  • Click “Finish” button




Add Google Play Services Lib into Android Project

Now, you need to add google play services library into your android project. Follow these step by step instructions:
  • Right click on your android project and select “Properties”
  • Select “Android” section
  • Click “Add” in library area
  • Select “google-play-services_lib” and click “OK”
  • Click “Apply” and click “OK”




source : http://jmsliu.com

Saturday, 1 March 2014

Dasar Mengoperasikan Adt-bundle Untuk Develop dan Programming Android

Jika anda belum memiliki software Adt-bundle bisa di download di link berikut : http://developer.android.com/sdk/index.html,

Ada akan mendownload file dalam bentuk .RAR, jika sudah selesai extract file tersebut maka akan muncul folder sebagai berikut :

Untuk menjalankan eclipse sebagai IDE buka folder eclipse > jalankan eclipse.exe
Untuk pertama kali run anda diminta menentukan workspace (tempat penyimpanan project), untuk direktori workspace bebas sesuaikan dengan keinginan anda. Jika sudah run biasa muncul quick start, langsung close tab quick start tersebut.
Maka kurang lebih tampilan akan seperti berikut




Sedikit penjelasan : di bagian kiri merupakan kumpulan project yang sudah anda create, sedangkan di samping kanan merupakan editor untuk kodingan yang akan dibuat.

Mulai develop android
Pertama kita harus membuat profile emulator sebagai tempat running android.
Pilih Window > Android Virtual Device Manager > Pilih New


Kemudian isikan bebera device requirement

Kemudian pilih ok
Kemudian sebelumnya kita harus membuat project baru, caranya  sbb :


Yaitu pertama kita harus membuat project android baru.


Klik tombol Next sampai tombol Finish menjadi aktif, dan klik tombol finish


Ketika project baru selesai dibuat maka akan muncul filder seperti diatas di package explorer.
Terdapat 3 bagian penting yang penulis beri tanda kuning,
  1. 1.      Src
Dibagian ini merupakan bagian logic dari aplikasi yang akan ada buat, pada src terdapat package dan di dalam package terdapat file dengan extensi .java, Android menggunakan java sebagai bahasa pemrogramannya
  1. 2.      Layout
Pada bagian layout terdapat file dengan exntensi .xml, file ini berfungsi untuk menangani tampilan dari aplikasi, bisa disebut tempat membuat user interface. Ketika anda klik maka file xml ini akan muncul pada bagian editor. Ada dua cara untuk membuat user interface, pertama drag and drop- dengan cara memilih tab Graphical Layout pada bagian bawah file, kedua by code dengan memilih .xml dibagian bawah
  1. 3.      AndroidManifest.xml
Pada android manifest merupakan represesntasi dari aplikasi yang anda buat, kenapa? Karena didalam manifest ini harus anda isi dengan class2 ingin anda jadikan sebagai activity. Terdapat juga deklarasi pormission terhadap akses device, terdapat juga nama packaga, versi plikasi dll. misal aplikasi anda akan menggunakan kamera maka akses tersebut harus didefinisikan di manifest ini.


Cara menjalankan aplikasi yang sudah dibuat


Pertama Klik kanan pada project yang telah dibuat pilih run As > Android Application

Untuk memastikan apakah emulator benar2 bisa menjalankan aplikasi kita perlu memunculkan menu console, caranya pilih menu window di bagian atas pilih show view> console jika tidak ada pilih other masuk ke folder android kemudian pilih console

kemudian pastikan di tampilan console tidak terjadi "emulator-5556 disconnected! Cancelling 'nama.package activity launch'!"

^ hal ini berarti anda harus menjalankan ulang emulator anda


^ Ini berarti aplikasi anda berhasil di run


Download ebook pemrograman android disini


--Selamat mencoba dan semoga bermafaat-

Wednesday, 6 November 2013

V-Tasbih (Virtual Tasbih) - Release

[FREE DOWNLOAD APP] .APK size :793.21KB

Indonesia :
         V-Tasbih merupakan aplikasi android untuk membantu seorang muslim berdzikir,aplikasi ini dilengkapi dengan sistem perhitungan sederhan yang akan terus bertambah satu demi satu jika pengguna menyentuh tombol lingkaran, penjumlahan akan terus dilakukan hingga mencapai batas yang ditentukan akan ditandai dengan getaran, kondisi tersebut akan terus diulang sesuai kelipatan batas yang telah ditentukan.

Fitur aplikasi :
1. Circle Progress bar : menunjukkan seberapa persen berhitungan sudah berjalan, progress bar ini akan memulai dari awal setiap kali perhitungan melewati batas yang telah ditentukan.

2. Shortcut batas : Shortcut ini digunakan untuk mengatur batas, terdapat 4 lingkaran, yaitu 33 , 66, 99, dan set. Menu set untuk mengatur batas sesuai keinginan user.

3. Menu read : menu ini terdapat dipojok kiri atas, yang berisi statement yang biasanya digunakan dalam berdzikir.

4. Refresh : Untuk mereset semua kondisi ke semula.


English :
         V-Tasbih is an android application to help a Muslim dhikr, this application comes with a simpler calculation system that will continue to grow one by one if the user touches the circle button, will continue until the sum reaches a specified threshold will be marked with the vibration, the condition will continue repeated as multiples of the specified limits.

Features of application:
1. Circle Progress Bar: shows the percentage count has been running, the progress bar will start from the beginning each time the calculation passes a predetermined threshold.

2. Limit Shortcut: This shortcut is used to set the limits, there are 4 circles, namely 33, 66, 99, and sets. Menu set to set the user as desired.

3. The menu read: this menu are top left corner, which contains statements that are typically used in the dhikr.

4. Refresh: To reset all to default condition.


Screenshoot:







-Semoga bermanfaat-
-May be useful-


[FREE DOWNLOAD APP] .APK size :793.21KB

Tuesday, 8 October 2013

"Aksara Translator" - Android App


Aksara Translator Merupakan sebuah aplikasi berbasis android yang digunakan untuk mentranslate kata menjadi tulisan aksara jawa. baca sejarah aksara jawa disini


Fitur :
1. Friendly User Interface
2. Left Sliding menu
3. Menu Learn untuk belajar dasar aksara jawa

[DOWNLOAD APP]  size : 565 KB

Saturday, 16 March 2013

Pemrograman OOP dengan Java SE



Sebelum masuk ke dalam alangkah banya kita membahas apa itu OOP? merupakan singkatan dari Object Oriented Programming (Pemrograman Berorientasi Obyek),

Jadi OOP merupakan salah satu konsep pemrograman dengan menggunakan konsep obyek, bisa dikatakan OOP ini merupakan sebuah gaya/ style programming.. setahu saya ada 2 tipe programming
1. Prosedural

2. Object Oriented


Style Prosedural merupakan style yang di gunakan pertama kali, kemudain berkembang menjadi Style obyek oriented.. tapi sampai sekarang masih ada yang menggunakan Style Prosedural.

   Pemprograman Berbasis Objek merupakan salah satu teknik membuat program dengan teknik berdasarkan objek. Untuk mempermudah apa yang di maksud objek disini saya beri contoh CPU (computer). Pada sebuah CPU (computer) terdapat Harddisk, Motherboard, Ram yang dalan sudut pandang ini sebagai objek. CPU sebagai objek yang merupakan gabungan dari objek yang lebih kecil dibentuk dengan membentuk hubungan antara objek-objek penyusunnya seperti Ram, Harddisk, Motherboard. Begitu juga dengan sebuah program. Objek besar dapat dibentuk dengan menggabungkan beberapa objek-objek dalam bahasa pemrograman. Objek-objek tersebut berkomunikasi dengan saling mengirim pesan kepada objek lain. Dalam pemprograman Objek yang lebih besar merupakan Class dan penyusun-penyusunnya merupakan objek.

    Setiap objek memiliki attribute dan behavior, Atribut adalah segala sesuatu yang berhubungan dengan karakteristik objek. Semisal Harddisk sebagai objek untuk menyimpan data, Ram untuk memory. Sedangkan behavior dari CPU adalah cara menghidupkan CPU, cara menggunakannya. Jadi dalam OOP dapat disimpulkan bahwa objek adalah bagian software yang dibentuk dengan variabel-variabel dan metode-metode yang berhubungan dengan variabel tersebut.[http://liwungsetia.blogspot.com/]

   Kenapa harus OOP?? karena konsep oop ini memudahkan kita dalam membuat fungsi2 baru, dengan kemampuan tersebut memudahkan programmer untuk mengembangkan Stftware yang telah di buatnya, karena untuk cukup dengan menambhkan fungsi baru tanpa merubah seluruh script yang dibuat.

Kunci dari OOP ini adalah pengorganisasian fungsi2nya,

Terdapat tiga komponen utama dari OOP yang menjadikan ciri khas :

1.     Abstraksi

Abstraksi pada dasarnya adalah menemukan hal-hal yang esensial pada suatu objek dan mengabaikan hal-hal yang sifatnya insidental. Kita menentukan apa ciri-ciri(atribut) yang dimiliki oleh objek tersebut serta apa saja yang bisa dilakukan(fungsi) oleh objek tersebut.
Contohnya adalah abstraksi pada manusia.
Ciri-ciri (atribut) : punya tangan, berat, tinggi, dll. (kata benda, atau kata sifat)
Fungsi (perilaku): makan, minum, berjalan, dll. (kata kerja)

2.      Enkapsulasi

Pengkapsulan adalah proses pemaketan data objek bersama method-methodnya. Manfaat utama pengkapsulan adalah penyembunyian rincian-rincian implementasi dari pemakai/objek lain yang tidak berhak. Enkapsulasi memprotek suatu proses dari kemungkinan interferensi atau penyalahgunaan dari luar sistem.
Fungsi dari enkapsulasi adalah:
a.       Penyembunyian data
Penyembunyian data (data hiding) mengacu perlindungan data internal objek. Objek tersebut disusun dari antarmuka public method dan private data. Manfaat utama adalah bagian internal dapat berubah tanpa mempengaruhi bagian-bagian program yang lain.
b.      Modularitas
Modularitas (modularity) berarti objek dapat dikelola secara independen. Karena kode sumber bagian internal objek dikelola secara terpisah dari antarmuka, maka kita bebas melakukan modifikasi yang tidak menyebabkan masalah pada bagian-bagian lain. Manfaat ini mempermudah mendistribusikan objek-objek di sistem
Contoh ilustrasi  pada mobil.
Mobil memiliki sistem transmisi dan sistem ini menyembunyikan proses yang terjadi di dalamnya tentang bagaimana cara ia bekerja, mulai dari bagaimana cara ia mengatur percepatan dan apa yang dilakukan terhadap mesin untuk mendapat percepatan tersebut. Kita sebagai pengguna hanya cukup memindah-mindahkan tongkat transmisi untuk mendapatkan percepatan yang diinginkan. Tongkat transmisi adalah satu-satunya interface yang digunakan dalam mengatur sistem transmisi mobil tersebut. Kita tidak dapat menggunakan pedal rem untuk mengakses sistem transmisi tersebut dan sebaliknya dengan mengubah-ubah sistem transmisi kita tidak akan bisa menghidupkan radio mobil atau membuka pintu mobil. Konsep yang sama dapat pula kita terapkan dalam pemrograman orientasi objek.

3.      Pewarisan (Inheritance)

Pewarisan adalah proses penciptaan class baru (yang disebut subclass atau kelas turunan) dengan mewarisi karakteristik dari class yang telah ada (superclass atau kelas induk), ditambah karakteristik unik class baru itu. Karakteristik unik tersebut bisa merupakan perluasan atau spesialisasi dari superclass. Kelas turunan akan mewarisi anggota-anggota suatu kelas yang berupa data (atribut) dan fungsi (operasi) dan pada kelas turunan memungkinkan menambahkan data serta fungsi yang baru. Secara praktis berarti bahwa jika superclass telah mendefinisikan perilaku yang kita perlukan, maka kita tidak perlu mendefinisi ulang perilaku itu, kita cukup membuat class yang merupakan subclass dari superclass yang dimaksud.

4.      Reuseability

Reuseability adalah kemampuan untuk menggunakan kembali kelas yang sudah ada. Karakteristik ini dimiliki oleh OOP, sehingga kita tidak perlu membuat ulang definisi perilaku jika perilaku tersebut sudah ada di suatu class lain.

5.      Polymorphisms

Polymorphism berasal dari bahasa Yunani yang berarti banyak bentuk. Konsep ini memungkinkan digunakannya suatu antarmuka (interface) yang sama untuk memerintah suatu objek agar dapat melakukan suatu aksi atau tindakan yang mungkin secara prinsip sama tapi secara proses berbeda. Seringkali Polymorphism disebut dalam istilah “satu interface banyak aksi”. Mekanisme Polymorphism dapat dilakukan dengan dengan beberapa cara, seperti overloading method, overloading constructor, maupun overriding method. Semua akan dibahas pada bab selanjutnya.
Contoh ilustrasi pada mobil. Mobil yang ada di pasaran terdiri atas berbagai tipe dan merek, tetapi semuanya memilki interface kemudi yang hampir sama seperti setir, tongkat transmisi, pedal gas, dll. Jika kita dapat mengemudikan satu jenis mobil saja dari satu merek tertentu, maka boleh dikatakan kita dapat mengemudikan hampir semua jenis mobil yang ada karena semua mobil tersebut menggunakan interface yang sama. Misal, ketika kita menekan pedal gas pada mobil A, kita telah berhasil menggerakkan mobil A tersebut dengan percepatan yang tinggi. Sebaliknya, ketika kita menggunakan mobil B dan sama-sama menekan pedal gas, mobil B ini bergerak agak lambat. Jadi, dapat disimpulkan dengan sama-sama kita menekan pedal gas pada dua mobil ini akan didapatkan hasil yang berbeda pada keduanya.

6.      Message (Komunikasi antar objek)

Objek yang bertindak sendirian jarang berguna, kebanyakan objek memerlukan objek-objek lain untuk melakukan banyak hal. Oleh karena itu, objek-objek tersebut saling berkomunikasi dan berinteraksi lewat message. Ketika berkomunikasi, suatu objek mengirim pesan (dapat berupa pemanggilan method) untuk memberitahu agar objek lain melakukan sesuatu yang diharapkan. Seringkali pengiriman message juga disertai informasi untuk memperjelas apa yang dikehendaki. Informasi yang dilewatkan beserta message adalah parameter message. [ Modul PBO IF LAB]

Semoga Bermanfaat :)

Monday, 7 January 2013

Cara Membuat Stopwatch Dengan J2ME

Sebelumnya saya akan memperkenalkan sofware yang akan saya gunakan untuk membuat stopwatch dengan bahasa java 2 micro edition(java2ME)Java(TM) ME Platform SDK 3.0 bisa di download disini

Saturday, 28 July 2012

Membuat Stopwatch Sederhana dengan java2ME

Langsung saja saya kasihkan source code'y..

import java.util.Timer;
import java.util.TimerTask;
import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;

public class stopwatch extends MIDlet implements CommandListener{
int i, mdetik, detik, menit, jam;

 Display layar;
 Form frm;
 Timer tm;
 TextField tf;
 TimerJalan task;
 Command start, pause, reset;

public void startApp(){
layar=Display.getDisplay(this);
frm=new Form("Pemakaian Timer");
tf=new TextField("Stop Watch","",50,TextField.ANY);
start=new Command("Start",Command.OK,0);
pause=new Command("pause",Command.OK,0);
reset=new Command("reset",Command.OK,0);

frm.append(tf);
frm.addCommand(start);
tm=new Timer();
frm.setCommandListener((CommandListener)this);
layar.setCurrent(frm);
}


public void puseApp(){
}


public void destroyApp(boolean unconditional){
}

public void commandAction(Command c, Displayable d){
if(c==start){
frm.removeCommand(start);
frm.removeCommand(reset);
frm.addCommand(pause);
tm=new Timer();
task=new TimerJalan();
tm.schedule(task, 0, 100);
}


if(c==pause){
frm.removeCommand(pause);
frm.addCommand(start);
frm.addCommand(reset);
tm.cancel();
}
if(c==reset){
i=0;
mdetik=0;
detik=0;
menit=0;
jam=0;
frm.removeCommand(pause);
frm.addCommand(start);
tf.setString("0:0:0:0");
tm=new Timer();
}
}
protected void pauseApp() {
}
public class TimerJalan extends TimerTask{
public final void run(){
++mdetik;
if(mdetik>=9){
detik=detik+1;
mdetik=0;
}
if(detik>59){
menit=menit+1;
detik=0;
}
if(menit>59){
jam=jam+1;
menit=0;
}
tf.setString(jam+ ":" +menit+ ":" +detik+ ":" +mdetik);
}
}
}





selesai....semoga bermanfaat

Mengapa Mempelajari JAVA??

Berdasarkan white paper resmi dari SUN, Java memiliki karakteristik berikut :

1. Sederhana (Simple)
Bahasa pemrograman Java menggunakan Sintaks mirip dengan C++ namun sintaks pada Java telah banyak diperbaiki terutama menghilangkan penggunaan pointer yang rumit dan multiple inheritance. Java juga menggunakan automatic memory allocation dan memory garbage collection.

2. Terdistribusi (Distributed)
Java dibuat untuk membuat aplikasi terdistribusi secara mudah dengan adanya libraries networking yang terintegrasi pada Java.

3. Robust
Java mempuyai reliabilitas yang tinggi. Compiler pada Java mempunyai kemampuan mendeteksi error secara lebih teliti dibandingkan bahasa pemrograman lain. Java mempunyai runtime-Exception handling untuk membantu mengatasi error pada pemrograman.

4. Interpreted
Program Java dijalankan menggunakan interpreter yaitu Java Virtual Machine (JVM). Hal ini menyebabkan source code Java yang telah dikompilasi menjadi Java bytecodes dapat dijalankan pada platform yang berbeda-beda.

5. Berorientasi objek (Object Oriented)
Java mengunakan pemrograman berorientasi objek yang membuat program dapat dibuat secara modular dan dapat dipergunakan kembali. Pemrograman berorientasi objek memodelkan dunia nyata kedalam objek dan melakukan interaksi antar objek-objek tersebut.

6. Dynamic
Java didesain untuk dapat dijalankan pada lingkungan yang dinamis. Perubahan pada suatu class dengan menambahkan properties ataupun method dapat dilakukan tanpa menggangu program yang menggunakan

7. Architecture Neutral
Program Java merupakan platform independent. Program cukup mempunyai satu buah versi yang dapat dijalankan pada platform berbeda dengan Java Virtual Machine.

8. Multithreaded 
Java mempunyai kemampuan untuk membuat suatu program yang dapat melakukan beberapa pekerjaan secara sekaligus dan simultan.

9. Performance 
Performance pada Java sering dikatakan kurang tinggi. Namun performance Java dapat ditingkatkan menggunakan kompilasi Java lain seperti buatan

10. Portable
Source code maupun program Java dapat dengan mudah dibawa ke platform yang berbeda-beda tanpa harus dikompilasi ulang.

11. Secure
Sebagai bahasa pemrograman untuk aplikasi internet dan terdistribusi, Java memiliki beberapa mekanisme keamanan untuk menjaga aplikasi tidak digunakan untuk merusak sistem komputer yang menjalankan aplikasi tersebut.



sumber : http://wdwisuryanto.staff.ipb.ac.id

Serunya Belajar Java2ME

Sedikit uraian tentang bahasa java: 

Java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Bahasa ini awalnya dibuat olehJames Gosling saat masih bergabung di Sun Microsystems saat ini merupakan bagian dari Oracle dan dirilis tahun 1995. Bahasa ini banyak mengadopsi sintaksis yang terdapat pada C dan C++ namun dengan sintaksis model objek yang lebih sederhana serta dukungan rutin-rutin aras bawah yang minimal. Aplikasi-aplikasi berbasis Java umumnya dikompilasi ke dalam p-code (bytecode) dan dapat dijalankan pada berbagai [[Mesin virtual Java|Mesin Virtual Java (JVM)]]. Java merupakan bahasa pemrograman yang bersifat umum/non-spesifik (general purpose), dan secara khusus didisain untuk memanfaatkan dependensi implementasi seminimal mungkin. Karena fungsionalitasnya yang memungkinkan aplikasi Java mampu berjalan di beberapa platform sistem operasi yang berbeda, Java dikenal pula dengan slogannya, "Tulis sekali, jalankan di mana pun". Saat ini Java merupakan bahasa pemrograman yang paling populer digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.

Bahasa java sendiri mempunyai banyak kelebihan antara lain : 

1. Library Lengkap,
Java terkenal dengan kelengkapan library/perpustakaan (kumpulan program program yang disertakan dalam pemrograman java) .

2. OOP (Object Oriented Programming – Pemrogram Berorientasi Objek)
semua aspek yang terdapat di Java adalah Objek. Hal ini sangat memudahkan pemrogram untuk mendesain, membuat, mengembangkan dan mengalokasi kesalahan sebuah program dengan basis Java secara cepat, tepat, mudah dan terorganisir.

3. Bergaya C++,
memiliki sintaks seperti bahasa pemrograman C++ sehingga menarik banyak pemrogram C++ untuk pindah ke Java. Saat ini pengguna Java sangat banyak, sebagian besar adalah pemrogram C++ yang pindah ke Java.

4. Multiplatform,
Java dapat dijalankan di beberapa Platfom(system operasi komputer), dengan kemampuan ini programer tidak perlu menulis ulang program jika ingin menjalankan program Java yang dibuat di platform yang berbeda dengan platform penulisan awal program

5. Pengumpulan sampah otomatis,
memiliki fasilitas pengaturan penggunaan memori sehingga para pemrogram tidak perlu melakukan pengaturan memori secara langsung


6. Mudah didekompilasi.
Java merupakan bytecode yang menyimpan banyak atribut bahasa tingkat tinggi, seperti nama-nama kelas, metode, dan tipe data. Hal yang sama juga terjadi pada Microsoft .NET Platform. Dengan demikian, algoritma yang digunakan program akan lebih sulit disembunyikan dan mudah dibajak/direverse-engineer.


sumber : http://id.wikipedia.org

Tuesday, 17 July 2012

Desain Visual dan Tata Letak dengan CSS 3



Tujuan :
  • Memahami dan dapat menggunakan konsep CSS3
  • Memahami dan dapat mengetahui kelebihan maupun kekurangan CSS 3
  • Menerapkan CSS 3 dengan fitur lainnya
  1.  CSS 3
CSS3 adalah standar  untuk CSS yang paling baru, banyak batasan website design yang dahulu tidak bisa ditangani oleh CSS sekarang bisa dilakukan dengan CSS3. CSS3 sepenuhnya kompatibel dan pelengkap dari CSS lama, sehingga browser akan selalu mendukung CSS lama dan Anda tidak harus mengubah desain yang sudah ada.
CSS3 dibagi kedalam beberapa modul, beberapa modul CSS3 yang sangat penting untuk menghilangkan batasan desain diantaranya:
  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface
  1.  CSS3 Borders
Dengan menggunakan CSS3, kita dapat membuat garis tepi dengan ujung yang bulat, menambahkan bayangan pada kotak dan menggunakan gambar sebagai garis tepi tanpa menggunakan program desain seperti Photoshop.  Dalam bab ini kita akan belajar tentang properti dari garis tepi :
  •   Border-radius
  •   Box-shadow
  •   Border-image
Internet Explorer: tidak ada tambahan
Mozilla Firefox : -moz-
Google Chrome: -webkit-
Safari: -webkit-
Opera: -o-
  1.  CSS3 Rounded Corners
untuk membuat  garis tepi yang melengkung, dibutuhkan tools grafis tambahan untuk membuatnya. Namun dalam CSS 3, hal tersebut tidak diperlukan.
  1. CSS3 Box Shadow
Box Shadow digunakan untuk memunculkan efek bayangan pada kotak div yang dibuat.
IF LAB 2011

  1. CSS3 Border Image

Untuk membuat garis tepi dengan image, tanpa CSS 3 membutuhkan beberapa image untuk menampilkannya, sedangkan dengan adanya CSS 3, akan lebih dimudahkan karena detail border hanya perlu di definisikan apa adanya dan dapat  diedit sesuai selera.
  1. CSS3 Backgrounds
Penerapan CSS 3  pada background memudahkan kita untuk melakukan pengeditan terhadap background untuk suatu tampilan. Konfigurasi background dalam  CSS 3  antara lain:
  • background-size
  • background-origin
  1. CSS3 The background-size
Untuk menentukan ukuran yang pas dari  suatu gambar untuk dijadikan sebagai background, tidak selalu membutuhkan gambar sesuai ukuran aslinya, namun dapat sesuaikan ukuran gambar tersebut.
  1.   CSS3 The background-origin
Background origin merupakan layanan dalam CSS 3 dalam memberikan background sesuai dengan penempatannya. Dapat dilihat pada modul sebelumnya, pada bagian CSS untuk margin dan padding, terdapat keterangan mengenai box model, digambarkan suatu kotak memiliki atribut tersendiri. Background origin menyesuaikan dengan bentuk tersebut.
CSS3 dapat menggunakan beberapa background untuk satu elemen.
  1. CSS3 Text Effects
Dalam membuat efek terhadap suatu teks, tanpa CSS 3, hal itu tidak mungkin terjadi tanpa bantuan image. Namun CSS 3 bisa melakukan hal tersebut, cukup dengan sintaks yang singkat, tulisan akan berubah semuai kemauan kita.  Dalam text effect, terdapat dua konfigurasi, yaitu :
  • text-shadow
  • word-wrap
  1. CSS3 Text Shadow
Text shadow digunakan  untuk memberikan efek bayangan terhadap teks yang ingin dibuat.
  1.   CSS3 Word Wrapping
Word Wrap merupakan fitur dalam CSS 3  untuk  melakukan penyesuaian terhadap lebar yang ditentukan.

Aplikasi Blog




Tujuan :
  1. Mengetahui tentang blog offline dan wordpress offline
  2. Dapat membuat web dengan menggunakan engine WordPress
  3. Dapat melakukan installasi engine WordPress dengan pada localhost
  4. Mampu melakukan konfigurasi pada WordPress
  5. Dapat membuat artikel di WordPress
  6. Dapat melakukan installasi dan mengganti tema pada WordPress
  7. Dapat melakukan installasi dan mengaktifkan fitur tambahan pada WordPress
  8. Mampu melakukan manajemen User
 1.     Blog Offline 1.1   Pengertian Blog Offline Blog  merupakan singkatan dari  "web log"  adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.   Blog Offline sendiri adalah rancangan suatu blog, yang dengan bantuan localhost server, seperti XAMPP, LAMPP, blog offline ini akan bisa menjalankan di web browser. dan tidak  hanya untukmempersiapkan postingan sebelum di publish secara online.   1.2   Blog online vs. Blog Offline Yang membedakan antara Blog Online dengan Blog Offline adalah secara garis besar adalah :
  1. Blog Offline harus diinstallasi terlebih dahulu, sementara blog online tidak perlu.
  2. Blog Offline membutuhkan Localhost Server untuk bisa menjalankan blog tersebut,
  3. Blog Online diperuntukkan bagi pengguna (blogger) yang ingin membuat blog sendiri secara cepat dan punya alamat website misalnya,  http://namadomain.wordpress.com,
  4. Sedangkan  blog offline diperuntukkan bagi pengguna (blogger) yang ingin memodifikasi WordPress menurut kebutuhan sendiri
  5. Blog Offline sendiri nantinya dapat  dijadikan online oleh user, dengan melakukan web hosting. Untuk web hosting ini, akan dijelaskan di modul berikutnya.
 2.     Wordpress OfflineAda beberapa contoh software/produk yang dapat digunakan untuk membangun blog offline, diantaranya adalah Joomla dan Wordpress Offline. Kali ini, kita akan mempelajari Wordpress Offline. Wordpress offline (wordpress.org)  merupakan wilayah pengembang (developer). Di alamat ini, seseorang dapat mengunduh (download) aplikasi beserta seluruh berkas CMS WordPress. Selanjutnya, CMS ini dapat diubah ulang selama seseorang menguasai PHP, CSS dan skrip lain yang menyertainya.  WordPress dengan Bahasa Indonesia (http://id.wordpress.org) ada berkat kerja para kontributor di Indonesia yang dipimpin oleh   WordPress memiliki banyak keunggulan dan fitur untuk dunia blog, antara lain :
  1. Gratis.
  2. Berbasis kode sumber terbuka (Open Source).
  3. Template atau desain tampilannya mudah dimodifikasi sesuai keinginan pengguna.
  4. Pengoperasiannya mudah. Bagi pemula, tentu hal ini amat membantu.
  5. Satu blog WordPress, dapat digunakan untuk banyak pengguna (multi user).
  6. Isi content dari blog sebelumnya (selain blog wordpress) dapat di-import ke alamat hosting pribadi yang menggunakan perangkat lunak wordpress.
  7. Banyaknya dukungan komunitas (community support) untuk WordPress.
  8. Tersedia banyak plugin yang selalu berkembang
  9. Kemampuan untuk dapat memunculkan XML, XHTML, dan CSS standar.
  10. Tersedianya struktur permalink, yang memungkinkan mesin pencari mengenali struktur blog dengan baik.
  11. Kemungkinan untuk meningkatkan performa blog dengan ekstensi (http://wordpress.org/extend).
  12. Mampu mendukung banyak kategori untuk satu artikel.
  13. Fasilitas Trackback dan Pingback.
  14. Fasilitas format teks dan gaya teks.
  15. Halaman statis (Halaman khusus yang terpisah dari kumpulan tulisan pada blog).
  16. Mendukung LaTeX.
3.     Installasi
Untuk membangun blog offline dengan wordpress, ada 2 hal yang perlu dipersiapkan. Yangpertama, a)         XAMPP (adalah localhost server-nya)
  1. Jalankan XAMPP Control Panel. Jalankan (running) Apache dan MySQL.
  2. Buka web browser, ketik http://localhost/phpmyadmin
  3. Buat database baru pada kolom create new database.  Fungsi dari database ini adalah untuk menampung data-data yang akan dibutuhkan oleh wordpress offline yang akan kita buat nantinya.
  4. Proses installasi di localhost server sudah selesai
b)         WordPress (dan wordpress offline )
  1. download wordpress offline versi terbaru (pada contoh, yang digunakan adalah wordPress versi 2.9.2) di http://wordpress.org
  2. setelah file wordpress offline tersebut selesai di download, klik kanan pada file .zip, kemudian Extract file tersebut
  1. copy folder wordpress hasil extract, ke  C:\xampp\htdocs. Beri nama (Rename) folder wordpress tersebut dengan nama blog kita. Contoh nama folder : blogku
  2. setelah di copy, cari file wp-config-sample.php, kemudian cari tulisan :
  3. Ganti tulisan  ‘putyourdbnamehere’ menjadi nama database yang sudah dibuat.
Ganti tulisan ‘usernamehere’ menjadi ‘root’ Ganti ‘yourpasswordhere’ menjadi ‘ ‘ (dikosongkan).
  1. Setelah selesai mengisi nama database, username dan password,  Save  As  file tersebut dengan nama “wp-config.php”. Harus Save As, bukan Save saja.
  2. Buka web browser,  ketik http://localhost/nama_folder_blog_wordpress.
  3. Kemudian akan muncul tampilan awal dari wordpress offline. Isikan kolom yang ada, seperti judul blog dan email.
  4. Setelah selesai, Klik Install Wordpress
  5. Berikutnya, akan muncul tampilan yang berisi username dan password.
  6. Di tampilan Log In, akan muncul form untuk Log In. Masukkan atau paste password yang tadi sudah di copy untuk bisa masuk ke layanan konfigurasi blog kita.
  7. Jika password yang di masukkan benar, maka kita akan langsung masuk ke dalam halaman untuk melakukan konfigurasi-konfigurasi pada blog yang telah dibuat. Dan itu artinya, proses installasi wordpress offline telah selesai.
  8. Selamat mencoba !

  1. 4.      Pengaturan User
4.1   Mengupdate data-data user dan mengganti password admin Pada wordpress offline, langkah-langkah untu mengganti password admin. 1. Pada menu Users, pilih Your Profile 2. Jika ingin, user bisa melengkapi data-data user dengan mengisi informasi yangdibutuhkan pada kolom yang tersedia. 3. Untuk mengganti password, masukkan password yang baru sebanyak dua kalipada kolom yang tersedia. Jika dirasa sudah selesai, klik button Update Profile.   4.2   Membuat user baru Wordpress memiliki fitur yang memungkinkan satu blog dikelola oleh banyak user. Cara untuk menambah user tidaklah sulit. Cukup Pilih menu User  -> Add New. -> Lalu kemudian Isikan informasi yang dibutuhkan pada kolom yang tersedia,->klik button Add User. Role yang dipilih, akan berhubungan dengan hak akses dan hak kelola oleh user tersebut terhadap blog yang dibuat. Berikut ini adalah jenis-jenis user yang ada : Subscriber   : hak akses untuk membaca seluruh content pada blog. Administrator  : hak akses paling tinggi yang bisa mengatur seluruh postingan milik user lain Author  : hak akses untuk mempublish dan mengatur posting miliknya saja. Contributor  : hak akses untuk menulis dan mengatur postingan, tetapi tidak dapat mempublish postingan.5.     Membuat Postingan baru
Dalam blog, biasa dikenal istilah Post. Post adalah artikel yang ditulis oleh blogger.Berikut ini langkah-langkah untuk membuat postingan baru :
  1. Pertama, pada Menu Post, pilih Add New
  2. Kemudian, Isi judul post, dan tuliskan isi dari post
  3. Menambahkan image, video, audio, atau media lain
Dalam wordpress, ada dua cara untuk menambahkan media selain text ke dalam postingan di wordpress offline ini, yaitu media diupload ke dalam wordpress dan kedua yaitu menggunakan media diluar wordpress (dengan menggunakan link URL media yang akan dimasukkan ke dalam postingan). a)      Disamping tulisan Upload/Insert, Klik icon media yang ingin diupload atau di insert ke postingan. b)      Jika media belum diupload, klik tab  From Computer. Klik button  Select Files. Dan kemudian pilihmedia yang ingin dimasukkan ke dalam post. c)       Jika media sudah dimasukkan/ diupload ke dalam web, klik tab Media Library. Kemudian pilih media yang diinginkan, lalu klik Insert into post.
  1. Pada setiap postingan, terdapat beberapa menu tambahan,
  2. Setelah yakin dengan postingan yang telah dibuat, klik button Publish (atau button Update, jika postingan telah diubah)
  1. Membuat Page Baru
Page adalah sebuah halaman yang berisi text. Hampir sama seperti Post, pada Page juga bisa ditambahkan media lain seperti image, video, audio, dan lainnya. Tetapi yang membedakan adalah, Page tidak bisa diberi Tag maupun Category.
  1. 7.     Menambahkan Link
Link  adalah suatu fungsionalitas dari sebuah blog ataupun website untuk memberikan tautan kepada suatu website/blog lain di dunia maya. Pada wordpress, link ini nantinya akan ditampilkan pada link list (blogroll) di sidebar dari blog kita.
  1. 8.     Wordpress Themes
Saat ini, tema untuk blog wordpress sudah bisa dengan mudah didapatkan di internet. Karena tidak hanya wordpress, banyak juga web designer yang menyediakan beragam design template atau tema yang dapat dengan mudah didownload dan digunakan pada blog wordpress yang kita miliki.   8.1 Installasi Tema Wordpress
  1. Download tema yang diinginkan
  2. Buka blog atau ketik http://localhost/nama_folder_blog/wp-admin/
  3. Pada menu Appearance, pilih Add New Themes
  4. Klik Upload, lalu klik button Browse..., dan kemudian browse file  .zip yang tadi di download, kemudian klik button Install Now
  5. Jika sudah muncul tampilan seperti di bawah ini, berarti Tema yang baru sudah selesai di install
8.2 Mengganti tema di wordpress a)        Masih pada menu Appearance, pilih Themes b)         Wordpress akan menampilkan tema-tema yang sudah berhasil diinstall. Pilih tema yang akan dipakai dengan memilih Activate pada tema yang diinginkan c)          Buka halaman blog anda, dan Voila ! Tema blog wordpress berhasil diganti.. !
  1. 9.     Wordpress Widgets
Widgets  adalah salah satu fitur dari wordpress yang paling digemari atau paling sering digunakan oleh para blogger untuk mempercantik dan menghias blognya, ataupun untuk menambahkan atribut-atribut tambahan.  
  1. 10.                        Setting & Konfigurasi
Berikut ini adalah penjelasan untuk beberapa jenis settingan yang biasanya digunakan oleh blogger :
  • General Settings  digunakan untuk melakukan pengaturaan umum pada blog anda.
  • Blog Address (URL),
  • E-mail address, berisi alamat email pemilik blog.
  • Membership, berisi dua opsi untuk registrasi user,
  • New User Default Role,
  • Timezone, berisi definisi zona waktu.
  • Date format, untuk mendefinisikan format tanggal pada system blog
  • Time format, untuk mendefinisikan format waktu pada system blog.  (
  1. 11.                        Import dan Backup data
Langkah-langkah untuk mengimport data adalah :
  1. Pilih menu Tools -> Import
  2. Pilih service asal data untuk melakukan import data (perhatikan poin-poin apa saja yang dapat diimport).
  3. Browse data (file ber-extensi .xml)
  4. Klik Upload file and import untuk melakukan import dat
  5. Setelah  klik upload, maka ada opsi untuk mendownload seluruh file yang pernah di upload ke dalam sistem blog
Export data merupakan  fungsionalitas yang disediakan oleh wordpress untuk membuat sebuah file backup data. File tersebut mengandung seluruh hasil posting,  page, komentar, custom field, kategori, dan tags. Pilih menu Tools -> Export.
  1. Pilih Restrict Author untuk memilih data milik siapa yang akan diexport
  2. Klik Download Export file untuk membuat file export
  3. Save data pada komputer.