Kamis, 20 Maret 2014

Hello Word Mobile Apps Dengan Eclipse

Halooo guys...
Ketemu lagi dengan saya dan materi yang sama dengan postingan yang sebelumnya.
Kalo sebelumnya yaitu membuat mobile apps dengan phonegap dan github menggunakan linux, kali ini kita akan buat mobile apps menggunakan eclipse yang bisa digunakan di windows maupun linux.
Idem, langsung aja yukk..

1. Download dulu beberapa perangkat pendukung dibawah ini 
   - java JDK di sini
   - android SDK di sini
   - android ADT di sini
   - eclipse di sini
2. Buka folder android ADT, pilih eclipse.exe
3. Tunggu sampai muncul perintah buat workspace, browse lokasi yang Anda inginkan.

4. maka akan mucul tampilan, pilih file -> new -> project
5.  akan muncul tampilan, pilih Android Application Project -> Next
6. isi field Application Name dan Project Name sesuai keinginan Anda. Pada field Package Name ganti kata package dengan kata lain. misal maya, maka menjadi com.maya.hellomay -> Next
7. Maka akan mucul tampilan seperti gambar dibawah ini, kemudian next
8. Pilih icon untuk mobile apps Anda nanti. Pilih image atau clipart atau text. sebagai contoh silahkan pilih image -> Next
9. Pilih blank activity yang umum.
10. Akan muncul tampilan seperti berikut, kemudian klik Finish.
11. Maka akan mucul tampilan seperti gambar berikut. Bagian yang ditandai tanda merah adalah bagian yang akan kitamodifikasi scriptnya.
12. Pada file string.xml , untuk menambahkan kalimat baru contohnya greeting. Silahkan tambahkan script yang hampir sama dengan hello_word. Lihat script yang diblok biru.
13. kemudian pada file activity_main.xml juga ditambahkan script yang sama dengan script hello_word, tetapi diganti atribut atau variabelnya sesuai dengan script di string.xml
14. Lengkapi data. NIM, NAMA, KELOMPOK, KATA MUTIARA pada string.xml
15. Tambahkan juga script pada activity_main.xml seperti tadi.
16. Jalankan program dengan klik kanan pada project kita -> Run As -> Android Applicaion.
17. Akan muncul tampilan atau peringatan di bawah ini. kemudian klik OK
18. Pilih Launch a new Android Virtual Device  -> Manager
19. Maka akan muncul tampilan berikut, kemudian pilih New
20. Isi field AVD Name sesuai keinginan Anda. Pilih device dan target yang Anda inginkan. Isikan RAM sesuai kapasitas perangkat kita.
21. Kemudian silahkan pilih Android Virtual Device yang sudah kita buat tadi, kemudian klik Start
22. Kemudian Klik Launch
23. Tunggu sampai emulator selesai loading dan ini akan membutuhkan waktu yang agak lama. setelah selesai loading maka akan muncul tampilan, kemudian pilih menu. Maka mobile apps kita sudah ada di dalam emulator.
24. Double klik pada mobile apps yang kita buat tadi, maka hasilnya akan seperti gambar di bawah ini.

#penjelasan script
 a) Pada string.xml
      <script name="nama">Nama : Maya Sintia </string>
      digunakan untuk memberikan nilai atau value(Nama : Maya Sintia) pada variable nama.
 b) Pada activity_main.xml
     <TextView
               android:id="@+id/textView5"
               pemberian id pada TextView yaitu textView5
               android:layout_width="wrap_content"
               mengatur lebar dari textview5
               android:layout_height="wrap_content"
               mengatur tinggi dari textview5
               android:layout_alignLeft="@+id/textView4"
               memposisikan textview5 rata kiri berdasarkan atau menyamai textview4
               android:layout_below="@+id/textView4"
               memposisikan textview5 dibawah textview4
               android:layout_marginTop="16dp"
               memposisiskan jarak textview5 dengan bagian atas sejauh 16dp
               android:text="@string/kelompok"/>
               menampilkan kalimat pada variabel kelompok yang didefinisikan di string.xml

Naahhh, akhirnya selesai juga buat aplikasi mobile biodata dengan eclipse.
semoga bisa bermanfaat buat kalian. Selamat mencoba kembali ^__^

Tidak ada komentar:

Posting Komentar