Selasa, 25 Maret 2014

Merubah tulisan "Hello World"

Langkah-langkah mengubah isi text Helloworld menjadi list NIM & NAMA kelompok :

1. Buka file SDK Manager terlebih dahulu
2. Jika aplikasi sudah terbuka, pilih File – New – Android Apllication project, maka akan terbuka tampilan form seperti ini


3. Isikan Application Name, Project Name, dan Package Name nya.
Application Name itu sendiri berfungsi sebagai nama dari alikasi program yang akan dibuat
Project Name adalah nama yang digunakan untuk membuat program kerja tu sendiri. Biasanya nama dari Project Name ini otomatis mengikuti nama yang diisikan pada Application Name
 Package Name adalah nama direktori dimana program ini disimpan

4. Setelah semuanya terisi, klik Next, dan seterusnya sampai ketemu button Finish
5. Akan muncul lembar kerja yang terdiri dari 2 file yaitu MainActivity.java dan activity_main.xml
6. Biarkan saja file yang bernama MainActivity.java, sekarang kita hanya focus pada file activity_main.xml
7. Oke, klik file lembar kerja activity_main.xml dan kita akan menemukan rentetan source code default yang sudah disediakan oleh program SDK Manager


8. Perhatikan 2 menu yang ada dibawah worksheet, yaitu Graphical Layout dan activity_main.xml
9.  Coba klik menu Graphical Layout, maka akan muncul worksheet seperti ini :


10. Nah itu adalah tampilan default dari SDK Manager yang sudah kita buat. Perhatikan pada gambar “Daftar Mahasiswa” merupakan hasil dari pengisian form yang sudah kita isikan di awal step
11. Setelah itu kita pilih submenu Text Fields yang ada pada kiri worksheet


12. Setelah diklik, maka akan muncul semacam template untuk meletakkan konten apa saja yang ingin ditampilkan pada layar aplikasi nantinya


13. Drag form “abc” ke dalam worksheet


14. Maka akan muncul tampilan seperti ini


15. Nah setelah itu, klik 2x pada form kotak biru tersebut
16. Secara otomatis worksheet akan berubah menjadi source code dari kotak biru itu tadi


17. Disinilah kita mulai membuat struktur source code dari tampilan yang ingin kita buat
18. Hapus terlebih dahulu tanda “ > ” yang ada pada android:ems="10" >


19. Copy source code android:text="@string/hello_world" /> dan paste kan tepat dibawah android:ems="10"


20. Ubah source code yang sudah dipaste tadi menjadi konten yang kita inginkan. Misal kita ingin membuat tulisan “Nama”, maka yang perlu diubah hanyalah source code yang berada diantara tanda petik dua “”. android:text="@string/hello_world" /> menjadi android:text="Nama : " />
21. Setelah sudah dirubah, maka kita lihat kembali pada tampilan menu Graphical Layout. Maka secara otomatis tampilannya akan berubah menjadi


22.  Lakukan step yang sama sampai terbentuk susunan konten seperti ini


23. Setelah semua konten yang diinginkan sudah lengkap, maka langkah selanjutnya adalah mengcompile hasil dari pekerjaan kita tadi. Caranya adalah.
1)      Klik kanan folder src yang ada pada bilah sebelah kiri dari layar kalian
2)      Pilih Debug As, kemudian Android Application


24. Selesai, dan program telah berhasil dibuat.



Tidak ada komentar:

Posting Komentar