Al-Faris Komputer: Membuat Aplikasi Android Menggunakan HTML + Javascript + XML + JSON + PHP + MYSQL (Bagian 1)

Persiapan software yang diperlukan, yaitu :

Install Macromedia DreamWeaver
Install JDK / Java
Install AVD
Instal Adt
Install Eclipse

Bukalah Macromedia Dreamweaver, yang saya gunakan versi 2004, tampilannya seperti berikut ini :

Kemudian buatlah file baru dengan memilih menu HTML pada menu Create New

Hasil setelah memilih menu HTML

Kemudian ketikkan Aplikasi Android Pertamaku pada TAG <body> </body> seperti dibawah ini

Kemudian simpan pada directory ( D : ) dengan nama index.html, seperti dibawah ini

Itulah penjelasan mengenai pembuatan aplikasi android menggunakan dreamweaver. Aplikasi diatas belum bisa dijalankan karena masih ada langkah berikutnya.

Buka Eclipse

Langkah berikutnya kita buka eclipse, yang saya gunakan versi juno, tampilannya seperti berikut ini :

Buatlah AVD untuk menjalankan Android, seperti berikut

Kemudian aturlah seperti dibawah ini, lalu klik tombol OK

Klik close untuk menutup seting avd

Kemudian buatlah file baru dengan memilih menu file > new > project

Pilihlah Folder Android>Android Application Project

Klik tombol Next

Pada kotak Application Name ketikkan : “Aplikasi” tanpa tanda kutip Pengaturannya seperti dibawah ini

Klik Tombol Next

Klik tombol Next

Klik tombol Finish

Jika hasilnya seperti berikut ini, maka anda klik restore

Hasilnya setelah memilih restore

Download File :

- phonegap-1.0.0.jar

- Folder : xml yang didalamnya berisi file : plugins.xml

Kemudian klik folder libs untuk mempastekan file phonegap-1.0.0.jar

Hasilnya seperti ini :

Kemudian klik folder res untuk mempastekan folder xml

Hasilnya seperti ini :

klik folder asset

Kemudian klik kanan pada folder asset > New > Folder

Ketikkan www pada kotak Folder name

Klik Finish

Kemudian Copy > paste file index.html yang sudah dibuat difolder www, hasilnya seperti berikut ini:

Kemudian bukalah folder src seperti berikut ini :

Klik 2 x pada file MainActivity.java, hasilnya :

Klik lambang + import

Hasilnya seperti berikut ini, kemudian hapuslah yang diberi kotak warna merah dan ketikkan “import com.phonegap.*;” (tanpa tanda kutip)

Hasillnya muncul lambang erros, seperti dibawah ini :

Kemudian hapuslah yang diberi kotak warna merah dan ketikkan “DroidGap” (tanpa tanda kutip), hasillnya lambang error mulai berkurang :

Kemudian hapuslah yang diberi kotak warna merah dan ketikkan “public” (tanpa tanda kutip)

Hasilllnya lambang error akan hilang, dan tekan tombol keyboard CTRL + S

Kemudian ubahlah yang diberi kotak warna merah dan ketikkan “super.loadUrl("file:///android_asset/www/index.html");” (tanpa tanda kutip)

Hasillnya seperti dibawah ini

Sekarang kita lihat hasillnya diemulator > klik menu run > run

Dengan cara lain untuk run yaitu dengan klik kanan pada Folder Aplikasi > klik Run As > klik Android Application

Kemudian pilih Run As > Android Application

Hasillnya seperti berikut ini :

Sekian Tutorial dari Al-Faris, Tunggu tutorial Membuat Aplikasi Android Menggunakan HTML + Javascript + XML + JSON + PHP + MYSQL (Bagian 2).

Silahkan berikan komentarnya ya untuk tutorial ini !!!.

Al-Faris Komputer

Jumat, 19 Desember 2014

Membuat Aplikasi Android Menggunakan HTML + Javascript + XML + JSON + PHP + MYSQL (Bagian 1)

5 komentar: