More Related Content
Similar to Pemrograman android
Similar to Pemrograman android (20)
Pemrograman android
- 1. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
1
PPeemmrrooggrraammaann MMoobbiillee AAnnddrrooiidd
M.Octaviano Pratama
tavgreen008@gmail.com
http://tavgreen.com
Hampir setiap orang di kota-kota besar Indonesia, memiliki handphone atau smartphone yang
digunakan untuk berkomunikasi, bahkan memiliki lebih dari satu, berapa ribu smartphone-kah
yang ada di dunia ini? Peluang inilah yang dapat kita rambah yaitu pemrograman mobile phone.
Banyak sekali platform mobile yang dapat kita coba, diantaranya J2ME, QT Mobile, dan
Android. Salah satunya yang sedang booming adalah Android Mobile. Android merupakan
system operasi berbasis linux yang bahasa pemrograman aplikasinya dapat kita buat
menggunakan java. Dengan pengetahuan seputar java yang telah mencukupi, anda dapat
membuat aplikasi berbasis android.
Persiapan installasi
Untuk memprogram mobile android, penulis menggunakan IDE Eclipse Indigo, ADT 15 dan
SDK for Windows yang dapat di download disini , disini dan disini. Penulis juga menggunakan
tools lain yaitu Droid draw dan SQLite manager. Bukalah IDE Eclipse (portable), berikut
tampilan utamanya :
Lisensi Dokumen:
Copyright © 2003-2012 IlmuKomputer.Com
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan
disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang
disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,
kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.
- 2. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
2
Klik menu Help -> Install new Software, arahkan installasi pada ADT yang telah didownload
sebelumnya. Setelah diinstall, klik menu Windows – Preference, kemudian klik android dan
arahkan SDK Location ke tempat penyimpanan SDK yang telah anda download seperti berikut :
Perhatikan Target Name SDK yang ada, terdapat beberapa Platform diantaranya 2.2, 2.3, dll.
Sekarang anda telah memiliki beberapa platform yang dapat anda gunakan kelak untuk
memprogram device android anda.
Program pertamaku
Program pertama yang akan kita buat adalah sebuah aplikasi mobile android untuk
menampilkan tulisan “Program pertamaku” di layar android. Buatlah project baru klik File ->
New Android Project untuk membuat project baru. Berikan nama project “programpertamaku”,
kemudian pilih Build target seperti berikut :
- 3. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
3
Tambahkan nama package “program.pertama”. nama package harus terdiri atas dua identifier,
yaitu identifier pertama “program”, dan identifier yaitu “pertama”. Dalam project ini, penulis
menggunakan API SDK level 11 atau lebih terkenal dengan platform 3.0(HoneyComb).
Perhatikan pada project explorer project yang anda gunakan seperti berikut, terdapat beberapa
folder diantaranya, src, res dll. Biasakan program java anda disimpan di folder src dan desain
layout anda disimpan pada res -> layout.
- 4. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
4
Bukalah file ProgramPertamakuActivity.java, kemudian isikan sebagai berikut
Berikut keterangannya :
Textview tv menciptakan object tv bersumber dari class textview
Tv.settext(“M.Octaviano Pratama…”) memberikan teks kepada objek tv
setContentView(tv) mengatur layout utama dengan isinya adalah object tv
Berikut hasilnya
Agar layout lebih tertata dengan baik, pergunakan file xml yang dapat dijadikan sebagai
konfigurasi layout. Perhatikan folder res-> layout-> main.xml yang dapat anda manfaatkan
sebagai layout utama. Berikut isi dari file main.xml
- 5. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
5
Keterangan :
tipe layout yang digunakan adalah linearlayout.
Terdapat sebuah textview yang isinya terdapat pengaturan isi text, align , warna font dan
ukuran font. Gunakan ctrl + space untuk memanfaatkan fasilitas autocomplete.
Berikut isi dari file ProgramPertamakuActivity.java :
Perbedaan isi file ProgramPertamakuActivity.java dengan yang sebelumnya adalah pada
statement setContentView, perhatikan kalimat setContentView diatas, menunjukan bahwa layout
yang digunakan bersumber dari R.layout.main atau dibaca Res-> layout->main.xml. berikut
hasil running program :
- 6. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
6
Jenis Layout
Setelah pada project „programpertamaku‟, anda mengenal linearlayout, terdapat beberapa layout
lain yang dapat anda gunakan, diantaranya Relativelayout,AbsoluteLayout,ScroolView, dan
TableLayout.
Relative Layout
Merupakan konfigurasi layout secara relative (tergantung kemauan anda), posisi widget ingin
diletakan dimana. Berikut file xml-nya:
Keterangan :
Perhatikan pada Tag „EditText‟, terdapat atribut android:layout_toRightOf yang artinya
posisi EditText ditempatkan sebelah kanan dari posisi widget @/tv(textview).
Perhatikan pada tag „Button‟, terdapat atribut android:layout_below yang artinya posisi
Button ditempatkan dibawah posisi widget @id/et1(EditText) dan terdapat pula atribut
android:layout_alignleft artinya ditempatkan pada posisi paling kiri layout .
Berikut hasil running program :
- 7. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
7
TableLayout dan Scroolview
Merupakan jenis layout sesuai table-table, baik row (baris) atau column(kolom). Berikut contoh
tablelayout disertai dengan layout scrollview :
Berikut merupakan running program :
Android Widget
Button
Button merupakan sebuah tombol yang dapat kita pergunakan di android. Terdapat 3 event yang
kita gunakan jika kita menggunakan objek ini, yaitu event source, listener dan handle.
Buatlah file xml dengan isi seperti berikut :
- 8. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
8
Isilah file button1activity.java seperti berikut :
Keterangan :
Implements onClickListener , merupakan pemanggilan interface onClickListener yang
didalamnya terdapat method onClick.
Button btn = (Button) findviewbyid(R.id.tombol), merupakan penciptaan objek baru
dengan nama „btn‟ yang bersumber dari pencarian berdasarkan id pada file main.xml
dengan id = „tombol‟ yang berupa objek button
Btn.setonClickListener(this) , merupakan event yang mengarahkan kepada handle yang
berada pada method onClick
- 9. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
9
Public void onClick(View v) , ketika user mengklik tombol , maka event akan
mengeksekusi method ini yang didalamnya ada perintah set label = „tombol di klik‟.
Hasil Running Aplikasi:
RadioButton
Radio button merupakan komponen pemilih yang hanya dapat memilih satu dari beberapa
pilihan. Berikut contoh aplikasi yang akan dibuat menggunakan radiobutton
Buatlah desain seperti gambar dibawah
Berikut file xml nya :
- 10. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
10
Perhatikan sintaks diatas :
Radiogroup berfungsi untuk mengelompokan kedua radiobutton dengan id = „rbbaso‟ dan
„rbmie‟ . berilah id untuk radigroup = „rg‟ .
Berikut file java nya :
- 11. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
11
Keterangan :
Gunakan interface onCheckedChangeListener seperti pada sintaks diatas, kemudian
buatlah method onCheckedChanged(..) /*Cara cepat : ctrl + spasi */
Event source pada program diatas adalah rg = (RadioGroup) findviewbyid …
Event Listenernya adalah onCheckedChanged…
CheckedID , merupakan nilai id anak dari radiogroup sehingga checkedid dapat berupa
radiobutton 1 atau radiobutton 2
Checkbox
Checkbox merupakan komponen yang dapat kita pilih / ceklist dan tidak seperti radio yang
hanya salah satu, checkbox dapat diklik semua itemnya. Berikut contoh projek yang akan kita
buat.
- 13. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
13
Pada projek ini tetap menggunakan interface onclicklistener untuk button yang diklik.
Untuk memilih apakah checkbox di cek, maka gunakan perintah „ischecked‟.
Rating Bar
Di android, kita dapat menggunakan fasilitas rating bar, yaitu fasilitas untuk memilih bintang
atau nilai dari program yang kita buat. Berikut cuplikannya :
Dalam latihan ratingbar ini, kita akan menggunakan dua interface yaitu interface untuk ratingbar
dan untuk button exit.
Berikut script xmlnya :
- 14. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
14
Perhatikan tag ratingbar diatas, terdapat numstars = “5” artinya ada 5 bintang yang dapat kita
pilih dan perhatikan atribut stepsize =”0.5” yang berarti kita dapat memilih setengah bintang.
Berikut program java-nya :
- 15. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
15
Keterangan :
Implements onRatingBarChangeListener, onClickListener merupakan pemanggilan
interface onRatingBarChangeListener untuk rating bar dan interface onClickListener untuk
Button.
Buatlah method onRatingChanged (.. ) Note : pergunakan ctrl + spasi agar otomatis
terbentuk
Float rating merupakan nilai bintangnya dalam bentuk bil real, missal kita memilih 3 + ½
bintang maka nilai variabel rating pun akan bernilai 3,5
Buatlah method onClick (view v) untuk event listener dari objek button . sehingga ketika
kita mengclick button, maka event handler nya akan lari ke isi dari method onClick.
- 16. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
16
AlertDialog.builder ab = new alertdialog.builder(this) , merupakan penciptaan objek dengan
nama ab yang berasal dari kelas alertdialog
Output dari program :
Ketika anda mengklik tombol „ayeuna‟, maka otomatis program akan ditutup dan keluar dari
program. Jika tombol „engke‟ diklik, maka anda akan tetap dapat memilih ratingbar karena
program tidak otomatis keluar.
ImageView / ImageButton
Imageview merupakan widget yang menampilkan gambar, perbedaan utama dengan textview
adalah jika di textview, hanya teks yang ditampilkan, namun di image view, anda dapat
menampilkan gambar. ImageButton pun sama dengan widget Button, namun pada imageButton,
anda dapat menampilkan gambar di button anda.
Berikut layoutnya:
- 17. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
17
Anda dapat menggunakan Tag <ImageButton> untuk membuat objek imagebutton dan tag
<ImageView> untuk membuat objek ImageView.
Berikut program javanya :
Berikut output dari programnya :
List View
Listview merupakan widget yang menampilkan daftar secara dropdown , yang dapat kita pilih.
Berikut contoh layoutnya :
- 18. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
18
Tambahkan tag <Listview> seperti pada gambar diatas, berikan ID agar nanti pada saat objek
dipanggil di program java, dapat dikenali.
Berikut program javanya :
Untuk menampilkan list, yang item nya dalam bentuk Array tipe string, anda membutuhkan
adapter yang dinamakan array adapter. Dalam contoh program diatas, menggunakan 2 interface
yaitu onItemClickListener dan OnItemLongClick listener, perbedaannya hanya dalam click dan
long click akan berbeda outputnya.
Berikut outputnya :
- 19. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
19
Spinner
Jika kita telah mengenal combobox misalnya pada Delphi, maka spinner di android sama
dengan combobox. Item-item disimpan dalam objek . dan pada saat kita klik, akan muncul
dropdown list. Berikut cuplikannya :
Berikut layoutnya :
- 20. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
20
Berikut program javanya :
AutoCompleteTextview
Merupakan EditText yang secara otomatis dapat memunculkan nilai(Autocomplete). Sehingga
apabila kita akan mengetikan teks „Bandung‟, cukup dengan „Ba‟, maka nilainya akan keluar.
Berikut cuplikannya :
- 21. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
21
Berikut desain layoutnya :
Dan berikut file java nya :
Webview
Webview merupakan widget yang berfungsi untuk menampilkan script-script web(html). Anda
dapat melakukan direct ke url dan membuat script html didalam webview. Kita akan membuat
aplikasi yang didalamnya html sederhana input form, berikut layoutnya:
- 22. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
22
Dalam membuat project ini, penulis menggunakan satu file interface berikut sebagai
penyimpanan file html-nya :
Berikut file javanya :
Setelah di jalankan, maka program akan menghasilkan output sebagai berikut :
- 23. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
23
Hasil running program diatas, bukan merupakan edittext ataupun button android, namun
merupakan webview yang didalamnya terdapat script html untuk menampilkan form yang
berupa editext dan button html.
Setelah program running, gantilah file java sebelumnya menjadi sebagai berikut :
Dan bukalah file androidManifest.xml menjadi sebagai berikut :
- 24. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
24
Perhatikan sintak yang diberikan garis merah, merupakan permission android untuk dapat
mengakses internet. Jalankan program anda, periksalah apa yang terjadi.
DatePicker (Kalender)
Datepiker merupakan widget yang dapat anda gunakan untuk mengambil data waktu (tanggal,
bulan, hari). Biasanya dapat digunakan untuk kalender.
berikut desain layout nya :
- 25. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
25
berikut script java nya :
Time Picker View
Sama seperti Date Picker view, time picker view merupakan widget untuk mengambil waktu,
namun anda hanya dapat mengambil jam dan menit. biasanya digunakan untuk mengatur alarm di
android.
Anda hanya perlu memodifikasi dari sintaks date picker view diatas, yaitu ganti menjadi
Timepickerview.
Database
Sistem informasi tidak terlepas dari database. Mengapa memerlukan database? Dikarenakan
harus adanya penyimpanan data dengan skala cukup besar di dalam system, baik itu
pemrograman desktop maupun mobile, harus terdapat database. Dalam materi ini, penulis
menggunakan SQLite sebagai databasenya, karena SQLiter merupakan DBMS yang tidak
memerlukan server dan size nya pun cukup kecil namun memiliki kemampuan yang sangat
kokoh dan penyimpanan besar, sehingga cocok diterapkan untuk aplikasi mobile termasuk
android. Ada baiknya sebelum mempelajari database, anda mempelajari terlebih dahulu
dasar-dasar pemrograman Object Oriented Programming(OOP), dikarenakan project yang kita
buat selanjutanya menggunakan OOP. Untuk materi dapat anda download disini.
Project Database Pertamaku
Kita akan membuat project dengan judul “Aplikasi penyimpanan berat badan”. Berikut aplikasi
yang akan dibuat :
- 26. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
26
Perhatikan aplikasi diatas, terdapat dua buah tab. Tab insert merupakan aplikasi untuk
menyimpan data (insert), terdapat dua buah inputan yaitu nama dan berat. Kemudian tab lihat
merupakan tab untuk melihat data yang telah diinputkan sebelumnya.
Pada tab lihat, terdapat dua buah pilihan yaitu jika kita mengklik item pada list, maka akan
melihat nama dan berat sedangkan jika kita menahan item , maka akan menghapus data dari
database, berikut contohnya :
Buatlah beberapa file java dan kelompokan dalam beberapa package serta buatlah layout xml
sebagai berikut :
- 35. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
35
Isi file kode.java
Penutup
Dalam penyusunan E-book ini, penulis menyadari banyaknya kekurangan, oleh karena itu
penulis mengharapkan mendapat kritik dan saran agar penulis dapat menyusun E-book lainnya
dengan lebih baik lagi. Apabila pembaca terdapat kesulitan dalam mengaplikasikan
materi-materi yang telah diulas sebelumnya, silahkan menghubungi penulis di
http://tavgreen.com. Nantikan E-book selanjutnya “Pemrograman Android Lanjutan” yang
sedang penulis selesaikan.
Referensi
Lee, Wei-Meng, 2011 , Beginning Android™ Tablet Application Development. Indianapolis :
Wiley Publishing, Inc.
Hermawan, Stephanus, 2011 , Beginning Android™ Tablet Application Development.
Indianapolis : Wiley Publishing, Inc
http://developer.android.com/index.html diakses pada tanggal 1 April 2012
- 36. Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2012 IlmuKomputer.Com
36
Biografi Penulis
M.Octaviano Pratama . Mahasiswa semester akhir di Program studi
Teknik Komputer UNPAD. saat ini penulis aktif sebagai assisten
laboratorium Komputer , Penulis buku dan tutorial jaringan komputer dan
pemrograman, pemilik situs http://tavgreen.com yang bergerak dalam
bidang penjualan mikrokontroler, dan tutorial bidang IT. Beberapa bidang
IT yang ditekuni penulis diantaranya Pemrograman web, Java, basis data,
Robotika, Program Scripting dan Jaringan Komputer.
Anda dapat menghubungi penulis pada alamat dibawah :
http://www.tavgreen.com
tavgreen008@gmail.com