LAPORAN AKHIR

PEMROGRAMAN PERANGKAT MOBILE

OLEH :
NAMA : SRI NURNA NINGSIH
KELAS : PTIK A/2017
NIM : 1729040003

Dosen Mata Kuliah :

Wakhid Yunendar, S.Pd., M.Pd.

PENDIDIKAN TEKNIK INFORMATIKA DAN KOMPUTER

JURUSAN PENDIDIKAN TEKNIK ELEKTRO
FAKULTAS TEKNIK
UNIVERSITAS NEGERI MAKASSAR
2019
LEMBAR PENGESAHAN

i
 LAPORAN AKHIR PEMROGRAMAN PERANGKAT MOBILE

Laporan ini disusun untuk menyelesaikan tugas akhir mata kuliah

pemrograman perangkat mobile. Laporan ini disusun oleh :
Nama : Sri Nurna Ningsih
Nim : 1729040003
Kelas : PTIK A 2017
Disahkan dan ditandatangani oleh :

Makassar, 28 Mei 2019

Dosen Mata Kuliah

Wakhid Yunendar,S.Pd.,M.Pd.

ii
 KATA PENGANTAR
Syukur Alhamdulillah, senantiasa kita panjatkan kehadirat Allah SWT,
karena atas limpahan petunjuk dan pertolongannya, maka penyusunan laporan
praktikum pemrograman perangkat mobile dapat terselesaikan.
Shalawat serta salam tidak lupa kami panjatkan kehadirat Nabi
Muhammad SAW, yang kita nantikan syafaa’atnya di hari akhir nanti. Dalam
penyusunan Makalah, Saya menyadari bahwa Laporan ini jauh dari
kesempurnaan karena keterbatasan pengetahuan maupun pengalaman saya. Untuk
itu saya mengharapkan kritik dan saran yang bersifat membangun. Khususnya
dari dosen mata kuliah guna menjadi acuan dalam bekal pengalaman bagi saya
untuk lebih baik di masa yang akan datang. Semoga Laporan ini dapat bermanfaat
bagi kita semua. Dan Allah SWT senantiasa melimpahkan rahmatnya kepada kita
semua. Amin ya robbal alamin.

Makassar, 24 Mei 2019

Penyusun

iii
 DAFTAR ISI

SAMPUL.......................................................................................................... i
LEMBAR PENGESAHAN.............................................................................. ii
KATA PENGANTAR...................................................................................... iii
DAFTAR ISI.................................................................................................... iv
DAFTAR GAMBAR........................................................................................ v
MODUL 1 (PENGENALAN MOBILE PROGRAMING).............................. 1
MODUL 2 (DESAIN USER INTERFACES).................................................. 19
MODUL 3 (ACTIVITY).................................................................................. 36
MODUL 4 (ALERT AND TOAST)................................................................. 62
MODUL 5 (LISTVIEW).................................................................................. 72
MODUL 6 (TABVIEW)................................................................................... 88
MODUL 7 (CAMERA).................................................................................... 108
DAFTAR PUSTAKA....................................................................................... 122
LAMPIRAN..................................................................................................... 123
 DAFTAR GAMBAR

Gambar 1.1 Arsitektur Sistem Operasi Android............................................... 10

Gambar 1.2 Instal SDK..................................................................................... 13
Gambar 1.3 Nama dan Lokasi ADT................................................................. 14
Gambar 1.4 Paket Developer Tools.................................................................. 14
Gambar 1.5 Mengatur lokasi SDK................................................................... 15
Gambar 1.6 Membuat AVD............................................................................. 15
Gambar 1.7 Setting AVD................................................................................. 16
Gambar 1.8 Start AVD..................................................................................... 16
Gambar 1.9 Tampilan AVD (Android Virtual Device).................................... 17
Gambar 1.10 Kotak dialog open perspective.................................................... 17
Gambar 1. 11 Instalation selesai....................................................................... 18
Gambar 2.1 Jendela palette........................................................................ 21
Gambar 2.2 Kotak dialog membuat project baru....................................... 21
Gambar 2.3 Kotak dialog pengaturan project............................................ 22
Gambar 2.4 Pengaturan icon aplikasi........................................................ 22
Gambar 2.5 Memilih jenis Activity........................................................... 23
Gambar 2.6 Mengatur nama dan judul activity.......................................... 23
Gambar 2.7 Tampilan IDE aplikasi android.............................................. 24
Gambar 2.8 Menambahkan komponen layout dan textview...................... 24
Gambar 2.9 Desain Tampilan layout......................................................... 25
Gambar 2.10 Desain outline...................................................................... 25
Gambar 2.11 Klik kanan pada Medium Text............................................. 25
Gambar 2.12 Jendela pengaturan teks........................................................ 26
Gambar 2.13 Membuat variabel reference................................................. 26
Gambar 2.14 Mengisi nilai teks dengan variabel reference....................... 26
Gambar 2.15 Lokasi strings.xml di dalam project..................................... 27
Gambar 2.16 Halaman resources strings.xml............................................ 27
Gambar 2.17 Menentukan jenis element.................................................... 27
Gambar 2.18 Memberi nilai element......................................................... 28
Gambar 2.19 Update nilai element............................................................ 28
Gambar 2.20 String.xml............................................................................ 28
Gambar 2.21 Memilih nama variabel reference............................................. 29
Gambar 2.22 Desain aplikasi..................................................................... 29
Gambar 2.23 Outline aplikasi.................................................................... 29
Gambar 2.24 Source code activity main...................................................... 31
Gambar 2.25 Desain aplikasi...................................................................... 31
Gambar 2.26 Lokasi MainActivity dalam project...................................... 32
Gambar 2.27 MainActivity.java.................................................................. 33
Gambar 2.28 Tampilan aplikasi dalam AVD............................................. 33
Gambar 2.29 Graphical layout activity_main.xml........................................... 34
Gambar 2. 30 Outline activity_main.xml......................................................... 34
Gambar 2.31 Source code mainactivity.java.................................................... 35
Gambar 2.32 Tampilan MainActivity di AVD................................................. 35
Gambar 3.1 Menjalankan Activity............................................................. 39
Gambar 3.2 Intent...................................................................................... 40
Gambar 3.3 Kotak dialog membuat project baru............................................. 42
Gambar 3.4 Kotak dialog pengaturan project.............................................. 42
Gambar 3.5 pengaturan icon aplikasi.......................................................... 43
Gambar 3.6 Memilih jenis Activity............................................................. 43
Gambar 3.7 Mengatur nama dan judul activity............................................ 44
Gambar 3.8 tampilan IDE aplikasi android.................................................. 44
Gambar 3.9 Graphical layout activity_main.xml......................................... 45
Gambar 3.10 Outline activity_main.xml...................................................... 45
Gambar 3.11 script activity_main.xml........................................................ 47
Gambar 3.12 Menambahkan activity baru................................................. 48
Gambar 3.13 Pengaturan activity............................................................... 48
Gambar 3.14 Graphical layout activity_success.xml................................. 49
Gambar 3.15 outline activity_success.xml................................................... 49
Gambar 3.16 script activity_success.xml..................................................... 50
Gambar 3.17 Pengaturan activity............................................................... 50
Gambar 3.18 Graphical layout activity_failed.xml.................................... 50
Gambar 3.19 Outline activity_failed.xml.................................................. 51
Gambar 3.20 Script activity_failed.xml....................................................... 51
Gambar 3.21 script FailedActivity.java....................................................... 52
Gambar 3.22 script SuccessActivity.java..................................................... 53
Gambar 3.23 script MainActivity.java........................................................ 55
Gambar 3.24 script AndroidManifest.xml................................................... 56
Gambar 3.25 project explorer..................................................................... 57
Gambar 3.26 Android Manifest................................................................. 57
Gambar 3.27 tampillan mainActivity di AVD................................................. 58
Gambar 3.28 Tampilan FailedActivity di AVD........................................... 58
Gambar 3.29 Tampilan successActivity di AVD......................................... 58
Gambar 3.30 Tampilan string.xml.................................................................... 59
Gambar 3.31 Tampilan grafik Actvity_main.xml............................................ 59
Gambar 3.32 Tampilan outline......................................................................... 60
Gambar 3.33 Tampilan layout dan outline failed_success.xml........................ 61
Gambar 4.1 Penulisan Pernyataan Alert Dialog............................................... 63
Gambar 4.2 Penulisan Pernyataan Alert Dialog............................................... 63
Gambar 4.3 Kotak dialog membuat project baru.............................................. 64
Gambar 4.4 Kotak dialog pengaturan project................................................... 65
Gambar 4.5 Pengaturan icon aplikasi............................................................... 65
Gambar 4.6 Memilih jenis Activity.................................................................. 66
Gambar 4.7 Mengatur nama dan judul activity................................................ 66
Gambar 4.8 Tampilan IDE aplikasi android..................................................... 67
Gambar 4.9 Graphical layout activity_main.xml............................................. 67
Gambar 4.10 Outline activity_main.xml.......................................................... 68
Gambar 4.11 Source code MainActivity.java................................................... 69
Gambar 4.12 Tampilan Aplikasi....................................................................... 69
Gambar 4.13 Layout......................................................................................... 70
Gambar 4.14 String.xml................................................................................... 70
Gambar 4.15 MainActivity.java....................................................................... 71
Gambar 4.18 ReceiverYeah.java...................................................................... 71
Gambar 4.19 Hasil Akhir.................................................................................. 71
Gambar 5.1 Kotak dialog membuat project baru.............................................. 73
Gambar 5.2 Kotak dialog pengaturan project................................................... 74
Gambar 5.3 Pengaturan icon aplikasi............................................................... 74
Gambar 5.4 Memilih jenis Activity.................................................................. 75
Gambar 5.5 Mengatur nama dan judul activity................................................ 75
Gambar 5.6 Tampilan IDE aplikasi android..................................................... 76
Gambar 5.7 Graphical layout activity_main.xml............................................. 76
Gambar 5.8 Outline activity_main.xml............................................................ 77
Gambar 5.9 Activity Main XML...................................................................... 77
Gambar 5.10 Menambahkan activity baru........................................................ 78
Gambar 5.11 Pengaturan activity..................................................................... 78
Gambar 5.12 Graphical layout activity_dipilih.xml......................................... 79
Gambar 5.13 Outline activity_dipilih.xml........................................................ 79
Gambar 5.14 Source kode activitycipilih xml.................................................. 80
Gambar 5.15 Source kode MainActivity.java.................................................. 81
Gambar 5.16 Source kode DipilihActivity.java............................................... 82
Gambar 5.17 Tampilan aplikasi di AVD (MainActivity)................................. 82
Gambar 5.18 Tampilan aplikasi di AVD (DipilihActivity).............................. 83
Gambar 5.19 Graphical layout activity_main.xml........................................... 83
Gambar 5.20 Outline_main.xml....................................................................... 84
Gambar 5.21 Script MainActivity.java............................................................. 85
Gambar 5.22 Grahical layout Activity_makanan.xml...................................... 85
Gambar 5.23 Outine Activity_makanan.xml).................................................. 85
Gambar 5.24 Script MakananActivity.java...................................................... 86
Gambar 5.25 Tampilan Main Activity di AVD................................................ 86
Gambar 5.26 Tampilan Makanan Activity di AVD......................................... 87
Gambar 6.1 Kotak dialog membuat project baru.............................................. 89
Gambar 6.2 Kotak dialog pengaturan project................................................... 90
Gambar 6.3 Pengaturan icon aplikasi............................................................... 90
Gambar 6.4 Memilih jenis Activity.................................................................. 91
Gambar 6.5 Mengatur nama dan judul activity................................................ 91
Gambar 6.6 Tampilan IDE aplikasi android..................................................... 92
Gambar 6.7 Graphical layout activity_main.xml............................................. 92
Gambar 6.8 Outline activity_main.xml............................................................ 93
Gambar 6.9 Script activity_main.xml............................................................... 94
Gambar 6.10 Menambahkan activity baru........................................................ 94
Gambar 6.11 Pengaturan activity..................................................................... 94
Gambar 6.12 Graphical layout activity_menghitung_huruf.xml...................... 95
Gambar 6.13 Outline activity_menghitung_huruf.xml.................................... 95
Gambar 6.14 Script activity_menghitung_huruf.xml....................................... 96
Gambar 6.15 Pengaturan activity menghitung kata.......................................... 97
Gambar 6.16 Graphical layout activity_menghitung_kata.xml........................ 97
Gambar 6.17 Outline activity_menghitung_kata.xml...................................... 98
Gambar 6.18 Source code activity_menghitung_kata.xml............................... 98
Gambar 6.19 Source code MenghitungHurufActivity.java.............................. 99
Gambar 6.20 Source code MenghitungKataActivity.java................................ 99
Gambar 6.21 Source code MainActivity.java................................................... 99
Gambar 6.22 Tampilan menghitung huruf di AVD.......................................... 100
Gambar 6.23 Tampilan Menghitung Kata........................................................ 100
Gambar 6.24 Activity_main.xml...................................................................... 101
Gambar 6.25 Activity user Interface................................................................ 101
Gambar 6.26 Activity_Alertoast....................................................................... 101
Gambar 6.27 Activity_ListView.xml............................................................... 102
Gambar 6.28 Activity_dipilih........................................................................... 102
Gambar 6.29 Activity_login.xml...................................................................... 102
Gambar 6.30 Activity_Success.xml................................................................. 103
Gambar 6.31 Activity_Failed.xml.................................................................... 103
Gambar 6.32 mainActivity.java........................................................................ 103
Gambar 6.33 AlertToastActivity.java............................................................... 104
Gambar 6.34 ListViewActivity.java................................................................. 105
Gambar 6.35 DipilihActivity.java.................................................................... 105
Gambar 6.36 LoginActivity.java...................................................................... 106
Gambar 6.37 SuccessActivity.java................................................................... 106
Gambar 6.38 FailedActivity.java......................................................................107
Gambar 6.39 Hasil akhir................................................................................... 107
Gambar 7.1 Permission mengambil gambar..................................................... 109
Gambar 7.2 Permission merekam video........................................................... 109
Gambar 7.3 permission menampilkan galeri.................................................... 110
Gambar 7.4 Permission untuk menggunakan kamera...................................... 110
Gambar 7.5 Permission untuk menulis di penyimpanan eksternal................... 110
Gambar 7.6 Permission untuk merekam audio................................................. 110
Gambar 7.7 Kotak dialog membuat project baru.............................................. 111
Gambar 7.8 Kotak dialog pengaturan project................................................... 111
Gambar 7.9 Pengaturan icon aplikasi............................................................... 112
Gambar 7.10 Memilih jenis Activity................................................................ 113
Gambar 7.11 Mengatur nama dan judul activity.............................................. 113
Gambar 7.12 Tampilan IDE aplikasi android................................................... 113
Gambar 7.13 Graphical layout activity_main.xml........................................... 114
Gambar 7.14 Outline activity_main.xml.......................................................... 114
Gambar 7.15 script activity_main.xml............................................................. 115
Gambar 7.16 Permission untuk menggunakan kamera.................................... 115
Gambar 7.17 Permission untuk menulis di penyimpanan eksternal................. 115
Gambar 7.18 Permission untuk merekam audio............................................... 115
Gambar 7.19 Script MainActivity.java............................................................. 115
Gambar 7.20 Tampilan materi kamera di AVD............................................... 118
Gambar 7.21 Graphical layout activity_main.xml........................................... 118
Gambar 7.22 Outline activity_main.xml.......................................................... 118
Gambar 7.23 Source code MainActivity.java................................................... 121
Gambar 7.24 Tampilan di AVD....................................................................... 121
Gambar 7.25 Tampilan materi kamera di AVD............................................... 121