ABDUL KADIR

Tuntunan Praktis untuk Mempelajari Pembuatan Aplikasi Android yang Melibatkan Database Menggunakan App Inventor 2 Ultimate

Pemrograman

& Database

Pemrograman Android & Database

Sanksi Pelanggaran Pasal 113

Undang-Undang Nomor 28 Tahun 2014

tentang Hak Cipta

1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi

sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf i untuk Penggunaan

Secara Komersial dipidana dengan pidana penjara paling lama 1 (satu)

tahun dan/atau pidana denda paling banyak Rp100.000.000 (seratus juta

rupiah).

2. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau

pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta

sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf c, huruf d, huruf f,

dan/atau huruf h untuk Penggunaan Secara Komersial dipidana dengan

pidana penjara paling lama 3 (tiga) tahun dan/atau pidana denda paling

banyak Rp500.000.000,00 (lima ratus juta rupiah).

3. Setiap Orang yang dengan tanpa hak dan/atau tanpa izin Pencipta atau

pemegang Hak Cipta melakukan pelanggaran hak ekonomi Pencipta

sebagaimana dimaksud dalam Pasal 9 ayat (1) huruf a, huruf b, huruf e,

dan/atau huruf g untuk Penggunaan Secara Komersial dipidana dengan

pidana penjara paling lama 4 (empat) tahun dan/atau pidana denda paling

banyak Rp1.000.000.000,00 (satu miliar rupiah).

4. Setiap Orang yang memenuhi unsur sebagaimana dimaksud pada ayat (3)

yang dilakukan dalam bentuk pembajakan, dipidana dengan pidana

penjara paling lama 10 (sepuluh) tahun dan/atau pidana denda paling

banyak Rp4.000.000.000,00 (empat miliar rupiah).

Pemrograman Android & Database

Abdul Kadir

PENERBIT PT ELEX MEDIA KOMPUTINDO

Pemrograman Android & Database

Abdul Kadir

©2018 PT Elex Media Komputindo

Hak cipta dilindungi undang-undang

Diterbitkan pertama kali oleh

Penerbit PT Elex Media Komputindo

Kelompok Gramedia, Anggota IKAPI, Jakarta 2018

okti@elexmedia.id

718050705

ISBN:978-602-04-5972-1 978-602-04-5973-8

Dilarang keras menerjemahkan, memfotokopi, atau memperbanyak sebagian

atau seluruh isi buku tanpa izin tertulis dari penerbit.

Dicetak oleh Percetakan PT. Gramedia, Jakarta

Isi di luar tanggung jawab percetakan

vii

Daftar Isi

Prakata ..................................................................................................... v

Daftar Isi ................................................................................................. vii

Penyimpanan Data dalam Bentuk File .................................. 1 1.1 Pengenalan Komponen File ............................................................... 2

1.2 Penyimpanan Data Warna Latar Belakang Layar ............................... 3

1.3 Operasi Penambahan Data pada File ................................................. 9

1.4 Penyajian Isi File pada Layar Lain ...................................................... 18

1.5 Fasilitas untuk Mengedit dan Menghapus Data ............................... 22

Penyimpanan Data Menggunakan TinyDB ........................... 39 2.1 Pengenalan Komponen TintDB ......................................................... 40

2.2 Operasi Manajemen Data Menggunakan TinyDB ............................. 41

2.3 Data Berbentuk CSV .......................................................................... 53

Penyimpanan Data Menggunakan TinyWebDB ................... 61 3.1 Pengenalan Komponen TinyWebDB ................................................. 62

3.2 Pengujian Database Melalui Web Browser ...................................... 62

3.3 Pengujian untuk Membaca Data ...................................................... 65

3.4 Pengujian untuk Menyimpan Data ................................................... 68

3.5 Pembacaan Data Secara Acak ........................................................... 72

3.6 Pengembangan Lebih Lanjut ............................................................ 75

HTML dan Komponen WebViewer ...................................... 77 4.1 Pengenalan Komponen WebViewer ................................................. 78

4.2 Pengenalan HTML ............................................................................. 83

4.3 Beberapa Aturan pada Penulisan Skrip HTML .................................. 86

4.4 Validasi HTML ................................................................................... 86

4.5 Tag-tag HTML .................................................................................... 89

4.6 Penggunaan Kode HTML pada WebViewer ...................................... 95

viii

Komponen Web ............................................................... 101 5.1 Pengenalan Komponen Web ......................................................... 102

5.2 Permintaan untuk Membaca Data Buku ....................................... 103

5.3 Penyusunan Daftar Buku ............................................................... 113

JavaScript dan CSS ............................................................ 121 6.1 Pengenalan JavaScript ................................................................... 122

6.2 Komunikasi Antara App Inventor dan JavaScript ........................... 130

6.3 Pelibatan jQuery ............................................................................ 135

6.4 Percobaan Penggunaan jQuery pada Aplikasi Android ................. 140

6.5 Pengenalan CSS .............................................................................. 143

6.6 Contoh Penggunaan CSS untuk Mengatur Warna Teks ................. 151

Registrasi Web Hosting ..................................................... 159 7.1 Pengenalan Web Hosting ............................................................... 160

7.2 Registrasi ke Web Hosting ............................................................. 160

Eksplorasi MySQL ............................................................. 169 8.1 Pengenalan MySQL ........................................................................ 170

8.2 Pengaksesan MySQL di Server ....................................................... 170

8.3 Pembuatan Database..................................................................... 171

8.4 Pengaktifan phpMyAdmin ............................................................. 172

8.5 Istilah dalam Database................................................................... 173

8.6 Pembuatan Tabel ........................................................................... 175

8.7 Pemasukan Data ............................................................................ 180

8.8 Pengecekan Isi Tabel ...................................................................... 182

8.9 Penyuntingan Data pada Tabel ...................................................... 184

8.10 Penyuntingan Struktur Tabel ....................................................... 185

8.11 Pembuatan dan Pengisian Data Tabel Film dan Pemeran ........... 187

8.11 Operasi Lain-Lain dengan phpMyAdmin ...................................... 189

8.12 Pengenalan SQL ........................................................................... 190

8.13 Dasar Literal dan Ekspresi ............................................................ 191

Literal ............................................................................................. 192

Literal Bilangan ............................................................................... 194

Ekspresi .......................................................................................... 195

Operator % ..................................................................................... 197

Operator DIV .................................................................................. 197

8.14 Dasar SELECT untuk Mengakses Tabel ......................................... 197

Penampilan Semua Kolom dan Semua Baris .................................. 198

1

Bab 1

Penyimpanan Data

dalam Bentuk File

Bahasan:

Pengenalan komponen File

Penyimpanan data warna latar belakang layar

Operasi penambahan data pada file

Penyajian isi file pada layar lain

Fasilitas untuk mengedit dan menghapus data

2

1.1 Pengenalan Komponen File

File merupakan komponen yang berguna untuk menyimpan data

memori internal perangkat Android. Komponen ini terdapat pada kelompok

Storage, seperti yang diperlihatkan pada Gambar 1.1. File yang terbentuk

bersifat spesifik terhadap layar aplikasi yang melibatkannya. Dengan

perkataan lain, file yang digunakan di suatu aplikasi tidak dapat diakses oleh

aplikasi lain.

Gambar 1.1 Komponen File

Blok-blok yang tersedia pada komponen ini dapat dilihat pada

Tabel 1.1.

Tabel 1.1 Blok-blok pada Komponen File

Blok Keterangan

Kejadian yang berlangsung setelah

penyimpanan ke file berhasil

dilaksanakan

Kejadian yang berlangsung ketika

data berhasil dibaca dari file

3

Blok ini digunakan untuk menyimpan

teks ke file. Jika data berhasil

disimpan, kejadian

AfterFileSaved akan

berlangsung

Blok ini digunakan untuk

menambahkan teks ke file. Jika data

berhasil disimpan, kejadian

AfterFileSaved akan

berlangsung

Digunakan untuk menghapus suatu

file

Digunakan untuk membaca file. Hasil

pembacaan ditangani melalui

kejadian GotText

1.2 Penyimpanan Data Warna Latar Belakang Layar

Contoh penggunaan komponen File digunakan untuk menyimpan

warna yang dipilih pemakai untuk menentukan warna latar belakang layar.

Warna ini akan digunakan sebagai warna latar belakang layar ketika aplikasi

dijalankan.

Untuk mempraktikkan hal ini, proyek bernama WarnaLayar

perlu dibuat. Bentuk antarmuka aplikasi diperlihatkan pada Gambar 1.2.

Pengaturan terhadap properti-properti setiap komponen ditunjukkan pada

Tabel 1.2.

4

Gambar 1.2 Antarmuka proyek WarnaLayar

Tabel 1.2 Pengaturan komponen pada proyek WarnaLayar

Komponen Properti Nilai

Screen1 Title Latar Belakang Layar

ListPickerWarna

(ListPicker pada User

Interface)

ElementsFromString Putih,Hitam,Merah,Hijau,Biru

Title Pilihan Warna Layar

FileLatarBelakang (File

pada Storage)

(Tidak ada pengaturan)

Setelah rancangan antarmuka aplikasi dibuat, halaman Blocks

perlu diaktifkan. Selanjutnya, blok yang perlu dibuat terlebih dahulu adalah

seperti yang terlihat pada Gambar 1.3.

5

Gambar 1.3 Blok-blok untuk menangani pengaturan warna

latar belakang layar

Blok berikut digunakan untuk menangani kejadian Initialize

milik Screen1, yang berlangsung ketika layar mulai ditampilkan:

Pada kejadian ini, file latbel.txt dibaca.

6

Keberhasilan operasi pembacaan file ditangani pada kejadian

GotText milik FileLatarBelakang. Bloknya berupa:

Dalam hal ini, parameter text berisi nama warna untuk latar belakang

layar. Adapun kode if bertingkat pada kejadian ini digunakan untuk

mengatur warna latar belakang layar sesuai dengan nilai yang tersimpan

pada file latbel.txt. Sebagai contoh, jika text berisi さBiruざ, ┘arﾐa biru diberikan ke properti BackgroundColor milik Screen1 untuk

mengatur warna latar belakang layar berupa biru.

Aplikasi melibatkan komponen ListPicker dengan nama. Properti

ElementsFromString pada komponen ini diisi dengan string

さPutih,Hitaﾏ,Merah,Hijau,Biruざ. Warﾐa-warna inilah yang digunakan untuk

penentuan warna latar belakang layar. Nah, untuk menangani pilihan

pemakai terhadap salah satu warna, blok berikut disertakan:

7

Kejadian AfterPicking ini berlangsung tepat setelah pemakai

menyentuh salah satu warna pada layar pemilih warna. Pengaturan warna

latar belakang layar dilakukan serupa dengan pada kejadian Initialize.

Namun, nilai yang diperiksa berupa . Lalu,

setelah warna layar diatur, nilai pada

disimpan ke file latbel.txt melalui:

Gambar 1.4 memperlihatkan tampilan awal aplikasi di Emulator.

8

Gambar 1.4 Tampilan awal aplikasi

pengatur warna latar belakang layar

Apabila di-klik, akan muncul tampilan seperti terlihat

pada Gambar 1.5.

Gambar 1.5 Pilihan warna untuk latar belakang layar

497

Tentang Penulis

Abdul Kadir adalah penulis senior

yang telah menghasilkan puluhan

buku di bidang Teknologi Informasi

terutama di bidang pemrograman

komputer. Beberapa bukunya telah

menjadi best seller. Sambil berbagi

pengetahuan melalui buku, dia terus

aktif melakukan berbagai riset tentang

bahasa-bahasa pemrograman dan

aplikasinya dan mengisi berbagai

pelatihan di bidang teknologi

informasi dan peningkatan motivasi

diri untuk menulis artikel atau buku. Di

waktu yang senggang dia menikmati

alunan musik Jazz atau mengambil

gambar tentang alam dan sekitarnya.

Dia dapat dihubungi melalui alamat

e-mail akadir64@gmail.com.