job10_Cici Gusmawati_14202013_Aplikasi Android dengan Data Base

LAPORAN

“PEMOGRAMAN PERANGKAT BERGERAK”

Dosen Pembimbing 

Sri Nofri Wihandari S.pd

Disusun oleh

Cici gusmawati

14202013

PRODI REKAYASA PERANGKAT LUNAK

AKADEMI KOMUNITAS NEGERI PADANG PARIAMAN

2015

A.    Landasan Teori

Pada pertemuan ini kita akan membuat sebuah program dengan menggunakan database SQLite, tabel kemudian mengisi data kedalamnya, serta enampilkan data tersebut pada tampilan android. Program ini terdiri dari dua bagian, yaitu program yang menampilkan sebuah form pengisian data, dimana pengguna bisa memasukkan data dan menyimpannya di dalam database. Bagianke dua yaitu untuk menampilkan data yang telah tersimpan. Sebebelum kedua bagian tersebut dapat bekerja, tentunya kita harus menyiapkan database dan membuat tabel dengan struktur tertentu terlebih dahulu. Agar lebih jelasnya akan diuraikan pada langkah kerja berikut ini.

B.     Langkah Kerja

1.      Langkah pertama kita buat sebuah project baru pada aplikasi eclips dibawah ini:

2.      Kemudian kita buat file android yang baru dengan memilih pada package explorer→res→layout→new→other

3.      Selanjutnya kita pilih Android XML File lalu klik next seperti berikut ini:

4.      Kemudian kita tuliskan nama file yang akan kita buat yaitu customer_form.xml seperti berikut ini, lalu klik finish

5.      Kemudian dengna langkah yang sama, kita buat file save_customer.xml. Maka file yang kita buat akan muncul pada layout berikut ini:

6.      Selanjutnya kita buka main.xml lalu kita desain tampilannya seperti berikut:

7.      Setelah selesai mendesain di main.xml, maka pada graphical layout nya akan berubah menjadi seperti berikut:

8.      Kemudian kita lanjutkan untuk mendesain pada layout customer_form.xml, kita desain tampilannya seperti berikut ini:

9.      Lalu kita buka pada graphical layout dan sesuaikan source kode tersebut dengan desain yang telah kita buat.

10.  Selanjutnya kita juga desain untuk tampilan layout save_customer.xml seperti berikut ini:

11.  Kita sesuaikan juga source kode save_customer.xml tersebut seperti berikut ini:

12.  Selanjutnya pada package explorer →src  kita buat class baru, seperti berikut ini:

13.  Lalu kita tuliskan nama class DBAdapter seperti berikut ini:

14.  Dengan langkah yang sama kita buat class CusotmerForm dan SaveCustomer

15.  Kemudian kita buka DBAdapter.java lalu kita sesuaikan source kodenya seperti berikut ini:

16.  Kita lanjutkan pada DBProjectActivity, kita sesuaikan source kodenya seperti berikut ini:

17.  Selanjutnya kita sesuaikan source kode untuk CustomerForm.java seperti berikut ini:

18.  Lalu kita juga lakukan hal yang sama untuk SaveCustomer.java seperti berikut ini:

19.  Kemudian langkah terakhir kita buka AndroidManifest.xml seperti berikut ini:

20.  Kita sesuaikan/edit source kode yang ditandai berikut ini:

21.  Selanjutnya kita jalankan program dengan perintah Ctrl+F11, maka akan muncul tampilan berikut:

22.  Pada tampilan tersebut kita Klik tombol New, maka akan muncul tampilan berikut ini:

23.  Setelah kita isikan semua data tersebut, lalu kita klik tombol Save, maka akan muncul tampilan bahwa data yang telah kita buat berhasil disimpan, seperti berikut ini:

24.  Setelah itu, jika kita klik tombol Back To Main Menu maka akan kembali pada menu utama seperti berikut ini:

25.  Kemudian kita klik tombol Browse untuk menampilkan kembali data yang telah tersimpan sebelumnya, seperti berikut ini:

Demikianlah hasil tampilan dari project android kali ini semoga bermanfaat, atas perhatiannya saya ucapakan terima kasih.

Job9_Cici Gusmawati_Menu Tab

LAPORAN

“PEMOGRAMAN PERANGKAT BERGERAK”

Dosen Pembimbing 

Sri Nofri Wihandari S.pd

Disusun oleh

Cici gusmawati

14202013

PRODI REKAYASA PERANGKAT LUNAK

AKADEMI KOMUNITAS NEGERI PADANG PARIAMAN

2015

A.    Pendahuluan

Pada pertemuan ini kita akan membuat projek baru dengan tampilan menu tab. Agar lebih jelasnya akan diuraikan pada langkah kerja berikut ini.

A.       Langkah Kerja

1.      Pada tampilan eclips kita buat projek baru dengan pilih file→new→Project seperti berikut ini:

2.      Kemudian kita pilih Android Project lalu Next pada tampilan dibawah ini:

3.      Kemudian kita tuliskan nama Projek yang akan kita buat pada tampilan berikut:

4.      Lalu kita pilih next, maka akan muncul tampilan berikut ini dan kita pilih android 2.2  lalu pilih Next.

5.      Kemudian kita tuliskan Package Name projek kita pada tampilan berikut, lalu pilih Finish.

6.      Selanjutnya kita pilih res→layout→main.xml untuk menuliskan source kode projek yang akan kita buat.

7.      Lalu kita tuliskan source kode pada main.xml seperti berikut ini:

8.      Kemudian kita lanjutkan untuk koding pada Activity kita pilih src→TugasMenuActivity

9.      Selanjutnya kita tuliskan code pada TugasMenuActivity seperti berikut ini:

10.  Kemudian kita buat file baru untuk tampilan Profil, Sejarah dan Program_Study. Klik kanan pada layout→new→file

11.  Setelah kita buat, maka akan muncul file tersebut pada tampilan layout seprti berikut ini:

                                   

12.  Kemudian kita buka file profil.xml lalu kita tuliskan source kode berikut ini:

13.  Kita lanjutkan menuliskan code untuk tampilan sejarah.xml berikut ini:

14.  Lalu kita lanjutkan pada program_study.xml berikut ini:

15.  Kemudian kita buat class baru untuk memanggil layout-layout yang telah kita buat sebelumnya, pada src→new→class

16.  Maka akan muncul tampiilan berikut, lalu kita tuliskan nama class yang sesuai dengan layout yang telah kita buat sebelumnya, disini kita buat class ProfilActivity seperti berikut ini:

17.  Kemudian kita lanjutkan untuk class SejarahActivity dan Program_StrudyActivity, maka class tersebut akan muncul pada tampilan src seperti berikut ini:

18.  Selanjutnya kita tuliskan source kode pada ProfilActivity seperti berikut ini:

19.  Kemudian kita lanjutkan code pada SejarahActivity berikut ini:

20.  Selanjutnya kita tuliskan code untuk Program_StudyActivity seperti berikut ini:

21.  Terakhir kita daftarkan activity yang kita buat ke Androidmanifest.xml yang terdapat pada file projek paling bawah seperti tampilan berikut:

22.  Kemudian kita tuliskan codenya seperti berikut ini:

23.  Setelah selesai menuliskan semua code yang diperlukan, selanjutnya kita jalankan program dengan perintah Ctrl+F11, maka akan muncul tampilan berikut ini:

24.  Kita buka pada menu Profil maka akan muncul tampilan berikut:

25.  Sedangkan jika kita pilih menu sejarah, maka akan muncul tampilan sejarah seperti berikut:

26.  Kemudian kita pilih menu program_study maka akan muncul tampilan berikut:

Demikianlah hasil dari tampilan projek pada pertemuan ini, atas perhatiannya saya ucapkan terima kasih.