PEMROGRAMAN

PERANGKAT BERGERAK

MULAI MATERI
Deskripsi
• Mata kuliah pengembangan aplikasi Mobile
membahas tentang pembuatan aplikasi di
mana programmer membuat Aplikasi yang bisa
berjalan di mobile dengan IDE Eclipse ADT,
framework PhoneGap , serta terintegrasi
dengan database. Sehingga, programmer bisa
menciptakan dan mengembangkan aplikasi-
aplikasi yang berbasis mobile dengan
pemrograman java serta mampu
mengintegrasikan dengan framewok yang
mendukung pemrograman mobile.
 Target Hasil Pembelajaran
• Mahasiswa dapat mengetahui konsep dasar
pemrogrman mobile dengan java programming
• Mahasiswa dapat memahami struktur
penulisan java dan menciptakan program-
program sederhana yang berjalan di mobile
• Mahasiswa mampu membuat aplikasi mobile
dengan menggunakan framework phonegap.
• Pada akhirnya mahasiswa mampu membuat
aplikasi berbasis mobile dangn pemrograman
java
Metode Pembelajaran

Presentasi Latihan

Diskusi
Metode Penilaian
PERTEMUAN 1
PENGENALAN PEMROGRAMAN
JAVA MOBILE
 Highlight
• Pengantar java mobile
• arsitektur operasi mobile
• Instalasi Android SDK dan
Menjalakan eclipse ADT Android
• Membuat program pertama
“hello word”
 Pengantar java mobile
• Android adalah sistem operasi untuk telepon seluler yang berbasis Linux. Android
menyediakan platform yang bersifat open source bagi para pengembang untuk
menciptakan sebuah aplikasi.

• Awalnya, Google Inc. mengakuisi Android Inc. yang mengembangkan software

untuk ponsel yang berada di Palo Alto, California Amerika Serikat pada tahun 2005.

• Para pendiri Android Inc. yang bekerja di Google, diantaranya adalah Andy Rubin,
Rich Miner, Nick Sears, dan Chris White.

• Google merilis kode–kode Android di bawah lisensi Apache, sebuah lisensi

perangkat lunak dan standar terbuka untuk perangkat seluler.
Tanggal 5 Desember 2007 Google membentuk Open Handset
Alliance (OHA) yang didukung oleh 34 perusahaan.
 Perangkat pertama dengan OS
Android, dikembangkan oleh HTC
Dream smartphone atau T-Mobile
G1, secara resmi diluncurkan pada 23
September 2008. Penjualan
perangkat ini di pasar AS dimulai
pada bulan Oktober 2008.

Google mengenalkan Nexus One,

dengan menggunakan sistem operasi
Android. Telepon seluler ini diproduksi
oleh HTC Corporation dan tersedia di
pasaran pada 5 Januari 2010.
Android Market adalah sebuah pasar digital yang berisi ribuan
program/software baik yang gratisan maupun berbayar. Salah
satu situs resmi Android yang berorientasi dengan berbagai
aplikasi yang tersedia adalah Android Market.

450,000 apps, millions of songs and books,

and thousands of movies,
Pada 9 Februari 2009, Google merilis Android versi 1.1.
Android versi ini dilengkapi dengan pembaharuan

• Estetis pada aplikasi.

• Jam alarm.
• Voice search (pencarian suara).
• Pengiriman pesan dengan Gmail.
• Pemberitahuan email.
Pada 30 April 2009, Google kembali merilis telepon seluler
dengan menggunakan Android dan SDK (Software Development
Kit) dengan versi 1.5 (Cupcake) dibangun di atas Linux Kernel
2.6.27.
• Kemampuan merekam dan menonton video dengan modus
kamera;
• Mengunggah video ke youtube dan gambar ke Picasa
langsung dari telepon;
• Dukungan bluetooth A2DP;
• Kemampuan terhubung secara otomatis ke headset
bluetooth, animasi layar, dan keyboard pada layar yang dapat
disesuaikan dengan sistem.
• Mendukung 27 Bahasa
Donut (versi 1.6) dibangun di atas Linux kernel 2.6.29 dirilis pada 15
September 2009 dengan beberapa pembaharuan yaitu:

• Menampilkan proses pencarian yang lebih baik dibanding sebelumnya;

• Penggunaan baterai indikator dan kontrol applet VPN.
• Galeri yang memungkinkan pengguna untuk memilih foto yang akan
dihapus.
• Kamera, camcorder dan galeri yang diintegrasikan.
• CDMA / EVDO, 802.1x, VPN, gestures, dan text-to-speech engine;
• Kemampuan dial contact;
• Teknologi text to change speech;
• Pengaturan resolusi VWGA.
Pada tanggal 26 Oktober 2009 kembali diluncurkan ponsel
Android dengan versi 2.0/2.1 (Eclair) dibangun di atas Linux
kernel 2.6.29, perubahan yang dilakukan adalah:

• Pengoptimalan hardware.
• Peningkatan google maps 3.1.2.
• Perubahan UI dengan browser baru dan dukungan HTML5.
• Daftar kontak yang baru.
• Dukungan flash untuk kamera 3,2 MP.
• Digital zoom, dan bluetooth 2.1.
Android 2.2 atau yang biasa dikenal dengan Froyo dirilis pada
tanggal 20 Mei 2010, Froyo dibangun di atas Linux kernel
2.6.32, dengan fitur sebagai berikut:

• Peningkatan performa dua kali lipat dari versi Éclair

• Peningkatan kapasitas memory
• dapat meletakkan aplikasi di sd card berbeda
• Merekam video dengan kualitas HD
Pada tanggal 6 Desember 2010 Google merilis Android 2.3
dengan sebutan Gingerbread, dibangun di atas Linux Kernel
2.6.35 dengan beberapa pembaharuan sebagai berikut:
• Perubahan user interface,
• Mendukung ukuran layar WXGA,
• Mendukung nativ SIP VoIP,
• Mendukung WebM/VP8 playback video, dan AAC audio
encoding
• Audio efek baru seperti reverb, equalization, headphone
virtualization, dan bass boost,
• Peningkatan grafis, audio dan input untuk pengembang
game.
• Mendukung Near Field Communication(NFC)
• Peningkatan fungsi copy-paste
Pada tanggal 22 Februari 2011 Google merilis Android 3.0
dengan sebutan Honeycomb untuk komputer tablet, dibangun
di atas Linux Kernel 2.6.36 dengan beberapa perubahan sebagai
berikut:

• Optimasi untuk komputer tablet, System Bar, Action Bar

• Multitasking, dan Redesign Keyboard,
• Peningkatan fungsi copy-paste
• Camera,
• Browser,
• Gallery,
• Contact,
• Email,
• Mendukung multi-core processor.
Ice Cream Sandwich diperkenalkan pada bulan Mei 2011 pada
Google I/O even, dan secara resmi diluncurkan pada Galaxy
Nexus tanggal 19 Oktober 2011.

• Virtual buttons in the UI, Separation of widgets in a new tab,

listed in a similar list to apps
• Easier-to-create folders, with a drag-and-drop
• Improved visual voicemail
• Pinch-to-zoom
• Offline Search
• Improvisasi fungsi copy-paste
• Face Unlock
• Built-in photo editor
• Wi-Fi Direct
 Distribution API level %
4.0.x Ice Cream Sandwich 14-15 2.9%
3.x.x Honeycomb 11-13 3.3%
2.3.x Gingerbread 9-10 63.7%
2.2 Froyo 8 23.1%
2.0, 2.1 Eclair 7 6%
1.6 Donut 4 0.7%
1.5 Cupcake 3 0.3%
Data pada tanggal 2 April 2012

27 Februari 2012 Andy Rubin mengumumkan

Google mengaktivasi 850,000 perangkat
Android baru setiap hari.
Smartphone Jam Tangan Google TV Kamera Digital

Portable Media Smartbook Notebook Komputer Netbook

Player(PMP) Desktop

Tablet Telepon Rumah eBook-Reader Harmony Link

Empat blok bangunan dasar:
• Activities, yaitu proses ketika sebuah aplikasi menampilkan screen di layar suatu
device. Sebagai contoh, sebuah aplikasi GPS mempunyai screen peta dasar, screen
rencana perjalanan, dan screen rute di atasnya. Ketiga tampilan screen ini disebut
activities.
• Intents, yaitu mekanisme perpindahan dari suatu activity ke activity lainnya.
Sebagai contoh, ketika merencanakan perjalanan pada aplikasi GPS, intent akan
menginterpretasi input dan mengaktifkan screen rute di atas screen peta.
• Services, yaitu program yang berjalan di background, tanpa interferensi dari
pengguna, seperti service yang berjalan di PC.
• Content Provider, yaitu mekanisme yang memungkinkan sebuah aplikasi berbagi
informasi dengan aplikasi lainnya.
Kelebihan:
 Open source
 Developmentment: C/C++ atau Java
 Konektifitas Tanpa Batas
 Support Library 2D dan 3D
 Support Database SQLite
 Object oriented
 Multitasking
 Sederhana & Stabil
 Didukung oleh OHA

Kekurangan:
 Aplikasi masih terbatas / tidak ada validasi App
 Platform berbasis Java, linux tidak di optimalkan
Dengan adanya dukungan penggunaan layar sentuh, pendeteksi gerak, pendeteksi getar,
serta animasi pada Android, maka dapat dipastikan bahwa akan semakin banyak konsumen
yang tertarik dan berpindah hati ke Android.

Kompatibilitas pemrograman Android yang mendukung penuh code style Java, memberikan
kebebasan sepenuhnya pada para pengembang untuk memanfaatkan dan menggunakan
kemampuan Android

Maka dari itu, dapat di simpulkan bahwa di masa yang akan datang, Android akan meraih
sukses besar di pasaran, serta dapat berdiri sejajar dengan nama-nama besar seperti
Symbian, iPhone, BlackBerry dan Windows Mobile
Android merupakan sistem operasi berbasiskan Java dan
bekerja berdasarkan Linux Kernel 2.6.
 Download Java Runtime Environment
 Download Eclipse IDE
 Download Android SDK
 Install JRE
 Ikuti langkah -langkah instalasi JRE
 Open source
 Mendukung pemrograman lain (PhP, C/C++
dan lainnya)
 Simple
 Sistem Operasi Windows dan Linux
Download Eclipse www.eclipse.org/downloads
• Extract file Eclipse
• Jalankan Eclipse.exe
Download Android SDK
developer.android.com/sdk/index.html
• Install Android SDK Manager
• Ikuti langkah instalasi
Update SDK Platform secara online
1. Window
2. Android SDK

2
Tampilan Android SDK and AVD Manager
Pilih New untuk membuat Emulator
1. Name : NamaEmulator 1
2. Target : TipeSDK 2

3. SD Card : 500 MiB 3

4. Skin : Default 4

5. Hardware : Abstracted
6. Create AVD
5

6
1 1. File
2
3
2. New
3. Android Project
Tampilan Hello.java

Mengacu Mengacu pada Mengacu

pada folder layout pada
R.java main.xml
Tampilan res/layout/main.xml

Memanggil string hello pada

string.xml
Tampilan res/values/strings.xml
Menampilkan Hello World dengan XML
 Hello Word Widget
klik File  New  Project  Android Project
Kemudian pilih HaloAndroid.java pada Navigator dalam folder src  com  contoh 
haloandroid  HaloAndroid.java. Maka akan tampil seperti berikut.
Kemudian tambahkan/edit code-nya menjadi seperti berikut.
Hasil Output
 Tugas
• Buatlah Program pertama Hello Word dan
Nama anda pada emulator.
PERTEMUAN 2
XML LAYOUT
 Highlight
• Struktur XML
• Teknik Layout User Interface
sebuah bahasa markup yang digunakan untuk
mengolah meta data (informasi tentang data) yang
menggambarkan struktur dan maksud/tujuan data
yang terdapat dalam dokumen XML, namun bukan
menggambarkan format tampilan data tersebut.

Semua yang berhubungan dengan user interface

pada aplikasi android biasanya berada pada lokasi
res/layout/filename.xml dimana coding java untuk
memanggilnya dikenal dengan R.layout.filename.
• Secara umum sintaks file ini mmpunyai struktur sebagai berikut
 Teknik Layout User Interface
• Program UIcoding1 main.xml

Buatlah project android dengan ketentuan sebagai berikut:

Project Name : UIcoding1
Built Targetv : Android 2.3
Application Name : uicoding1
Package Name : com.wilis.uicoding1
Activity : uicoding1
Min SDK :9

uicoding1.java string.xml
AndroidManifest.xml
Jalankan aplikasi dan lihat hasilnya.

Program UIcoding1
 main.xml
Membuat Program Uicoding2
Buatlah project android dengan ketentuan sebagai berikut:
Project Name : UIcoding2
Built Target : Android 4.2.2
Application Name : uicoding2
Package Name : com.wilis.uicoding2
Activity : uicoding2
Min SDK :9
uicoding2.java
string.xml
Apabila Aplikasi Uicoding2 dijalankan akan memiliki hasil seperti gambar berikut:
 main.xml (layout berubah menjadi RelativeLayout):
Membuat Program Uicoding3
• Buatlah project android dengan ketentuan sebagai
berikut:
Project Name : UIcoding3
Built Target : Android 2.3
Application Name : uicoding3
Package Name : com.wilis.uicoding3
Activity : uicoding3
Min SDK :9

uicoding3.java
 string.xml

Apabila aplikasi uicoding3 dijalankan akan memiliki hasil seperti

gambar berikut :

Program UIcoding3
 main.xml (menggunakan AbsoluteLayout)
Membuat Program Uicoding4
• Buatlah project android dengan ketentuan
sebagai berikut:
Project Name : UIcoding4
Built Target : Android 2.3
Application Name : uicoding4
Package Name : com.wilis.uicoding4
Activity : uicoding4
Min SDK :9

uicoding4.java
string.xml

Apabila aplikasi uicoding4 dijalankan akan memiliki hasil seperti

gambar berikut :

Program UIcoding4
 main.xml (menggunakan TableLayout)
Membuat Program Uicoding5
• Buatlah project android dengan ketentuan
sebagai berikut:
Project Name : UIcoding5
Built Target : Android 2.3
Application Name : uicoding3
Package Name : com.wilis.uicoding5
Activity : uicoding5
Min SDK :9
uicoding5.java
string.xml

Apabila aplikasi uicoding4 dijalankan akan memiliki hasil seperti

gambar berikut :

Program UIcoding5
Membuat Program Uicoding6 main.xml (menggunakan ScrollView)
• Buatlah project android dengan ketentuan sebagai
berikut:
Project Name : UIcoding6
Built Target : Android 2.3
Application Name : uicoding6
Package Name : com.wilis.uicoding6
Activity : uicoding6
Min SDK :9

uicoding6.java
 string.xml

Apabila aplikasi uicoding6 dijalankan akan memiliki hasil seperti

gambar berikut :
PERTEMUAN 3
ACTIVITY
 Highlight
• Konsep Activity
• Suklus Activity
• Aplikasi Activity
Activity merupakan :
• container untuk User Interface (UI).Sebuah Aplikasi Android terbangun dari satu
atau beberapa Activity.
• Activity berhubungan dengan user di maa activity menciptakan wondows atau UI
yang mana ditampilkan denan concepts setContentView(View).

2 Method yang pasti di miliki oleh satu activity yaitu :

• onCreate : menginisiasi suatu activity dengan memanggil setContentnView(int)
untuk resource yang kita definisikan di layout. findViewById(int) untuk memanggil
widget yang dibutuhkan UI untuk berinteraksi dengan aplikasi.

• onPause : untuk menyatakan ketika user meninggalkan suatu acitivity.

 Siklus Activity
Activity aplikasi android dikelola dengan sistem yang dikenal
dengan activity stack.
• ketika suatu activity start,
• activity diletakkan pada stack yang paling atas dan
• activity-activity yang sudah jalan berada dibawahnya dan
• akan terus berada pada posisi atas stack sampai muncul
activity yang baru.
 Siklus Activity
Pada dasarnya activity memiliki empat keadaan, yaitu :
1) Active /running, jika activity berada pada posisi yang stack.
2) Pause, jika activity tidak dipakai atau dibutuhkan pada suatu
saat tertentu. Tetapi activity tersebut masih ada atau visible.
3) Stopped, jika activity sudah tidak dipakai dan digantikan oleh
acitivity lain.
4) Restart, jika activity pause atau stopped, sistem dapat
menge-drop activity ini dari sistem memori, dan ketika user
membutuhkan activity tersebut, activity akan kembali keadaan
awal.
Secara umum, bahwa looping
(perulangan) yang mungkin dialami oleh
activity ada tiga perulangan yaitu :
1) Entire lifetime, yaitu activity yang
terjadi mulai dari onCreate() sampai
dengan onDestroy().
2) Visible lifetime, yaitu activity yang
terjadi mulai dari onCreate() sampai
dengan onStop().
3) Foreground lifetime, yaitu activity
yang terjadi di anatar onResume()
dan onPause()
public class activity extends ApplicationContext{

protected void onCreate (Bundle savedInstanceState);

protected void onStart();
protected void onRestart();
protected void onResume();
protected void onPause();
protected void onStop();
protected void onDestroy();

}
Method Description Killable Next

onCreate() Ketika sebuah activity N onStart ()

dibuat. Method
onCreate selalu diikuti
oleh onStart()
onRestart() Ketika sebuah activity N onStart()
dihentikan
onStart() Ketika sebuah activity N onResume () or onStop
dipanggil sebelum ()
diperhatikan user
onResume () Ketika sebuah activity N onPause()
start/mulai melakukan
interaksi dengan user
onPause () Ketika sebuah activity Y onResume() or
laiinya dipanggil atau onStop()
dimulai
Method Description Klikable Next
onStop() Ketika sebuah activity tidak Y onRestart() or
lagi dibutuhkan atau tidak onDestroy()
terlihat lagi oleh user
onDestroy() Ketika sebuah activity secara Y -
permanen tidak lagi
dibutuhkan

Klikable : apakah memungkinkan sistem untuk

mematikan proses host activity atau
tidak.Sehingga method yang ditandai
dengan N berarti melindungi host
activity(tidak dimatikan)
 Aplikasi Activiy
Jam1.java
Buatlah project android dengan
ketentuan sebagai berikut :

Project Name : Jam1

Build Target : Android 2.3
Application name : jam1
Package name : com.wilis.jam1
Activity : jam1
Min SDK :9
AndroidManifest.xml default.propertis

main.xml
Jika di running akan menghasilkan tampilan :

Aplikasi jam 1
PERTEMUAN 4
MENGENAL WIDGET
 Highlight
• Dasar Membuat Widget
• Text View
• Tab Widget
• List View
• Grid View
• Date and Time
• Spinner
 Dasar Membuat Widget
Dasar Membuat Widget
• Widget di Android ditampilkan dengan konsep view
• Aplikasi android menggunakan widget sebagai layout XML

File – file yang umumnya dibutuhkan dalam membuat widget :

1. File java
File yang mengimplementasi kan aksi dari widget
2. File XML
file ini berada di values elemen –elemen XML yang digunkanan
Inisialisasi widget dan atribut mendukung
3. Layout XML (Optional)
File ini tidak haru s ada , karena dapat dilakukan di file
(javastring.xml)
 TextView
Widget Text View Textwiew.java
Buatlah project android dengan ketentuan sebagai berikut:
Project Name : TextView
Built Target : Android 2.3
Application Name : textview
Package Name : com.wilis.textview
Activity : textview
Min SDK :9

main.xml

Aplikasi textview
 Tab widget
activity_tab.xml
• Perhatikan bagian ImageView terdapat
android:src="@drawable/gambar".
• Skenarionya, ketika klik TAB 1 akan tampil
gambar seperti yang tersimpan pada folder
res>drawable.
• Jadi Anda harus membuat folder baru terlebih
dahulu pada folder res dengan nama
"drawable".
• Kemudian paste file dengan nama
"gambar.png" misalnya, pada folder drawable
tersebut.
Tab.java AndroidManifest.xml
Hasil tab widget
 EditText
edittext.java
• Widget EditText
buatlah project android dengan ketentuan
sebagai berikut :
Project Name : EditText
Buitl Target : Android 2.3
Application name : edittext
Package name : com.wilis.edittext
Activity : edittext
Min SDK :9

Main.xml
 Edittext

Aplikasi EditText
 ListView
• ListView Main.xml
Buatlah project android dengan ketentuan
sebagai berikut :
Project Name : Listview
Buitl Target : Android 2.3
Application name : Listview
Package name : com.wilis.tabula
Activity : listview
Min SDK :9
 ListView
Listview.java
Ketika di running :

Aplikasi ListView
GridView
Hasil run grid view
 Datepicker
• Date and time
• Datepicker View
layout yang memperbolehkan user untuk melakukan
seleksi (tanggal,bulan,tahun).
Buatlah project android dengan ketentuan sebagai
berikut :

Project Name : DatePicker

Buitl Target : Android 2.3
Application name : datepicker
Package name : com.wilis.datapicker
Activity : datapicker
Datepicker view
 TimePicker view
• Timepicker View
Layout tanggal dan waktu,memperbolehkan user seleksi
waktu dalam sehari yaitu 24jam(pm,am)

Buatlah project android dengan ketentuan sebagai berikut

:

Project Name : TimePicker

Buitl Target : Android 2.3
Application name : timepicker
Package name : com.wilis.timepicker
Activity : timepicker
timepicker
timepicker
 Spinner view
• Spinner view main.xml
• Menampilkan list dari item dan membolehkan
user untuk memilih
Buatlah project android dengan ketentuan
sebagai berikut :

Project Name : Spinner

Buitl Target : Android 2.3
Application name : spinner
Package name : com.wilis.spinner
Activity : spinner
Min SDK :9
 Spinner View
Spinner.java
Spinner
Hasil tampilan pertama kali dijalankan

Setelah dilakukan pemilihan misalnya sumatera selatan akan menghasilkan gambar

PERTEMUAN 5
MENGENAL DROIDDRAW DAN
WEBKIT
 Highlight
• Pengantar Droiddraw
• Apliasi Konverter
 Pengantar Droid Draw
DroidDraw
Tools desain aplikasi android yang bersifat free dan dapat di
download di http://www.droiddraw.org.

Tampilan awal DroidDraw

• Aplikasi Konverter
• Membuat aplikasi converter nilai mata uang dollar menjadi nilai mata uang rupiah, Berikut langkah –langkah nya :
1. Buka DroidDraw dan jadikan root layout adalah Relative layout seperti gambar berikut :

2. Kemudian pilih layout tabs

3. drag dan drop LinearLayout ke atas tengah layar
sehingga menghasilkan gambar seperti berikut: 5. Pilih Tab Widget, Drag dan Drob 2 buah TextView dan 2 buah
EditText serta 2 buah radio button sehingga menghasilkan seperti
gambar berikut :

4. Double click LinearLayout dan jadikan nilai

propertisnya menjadi width “200px” dan height
“130px”, setelah itu click apply.
 Double click TextView pertama dan jadikan textnya menjadi “Dollar” dalam
6. Drag dan Drop satu buah button dan tulisan bold begitu juga TextView kedua jadikan text-nya “Rupiah”.
penempatannya pada RelativeLatout Jadikan properties EditText pertama menjadi id “@+id/dollars” dan text-nya
sehingga menghasilkan seperti gambar kosong serta widthnya “100px”.
berikut: Kemudian EditText kedua menjadi @+id/rupiah dan textnya kosong serta
widthnya “100px”. Edit RadioButton pertama menjadi id @+id/rtod dan text-nya
“Dollar to Rupiah” dan RadioButton kedua menjadi id @+id/rtod dan text-nya
“Rupiah to Dollar”.
Dan edit button menjadi “@+id/convert” dan text-nya Conversi. Sehingga
menghasilkan gambar seperti berikut:

Tambahkan button

Tampilan full layout

• Click tombol gerate untuk mendapatkan layout tampilannya dalam coding xml, sehingga coding xml
kita adalah seperti berikut:
Buatlah project baru seperti ketentuan berikut:
Project Name : conver
Build Target : Android 2.3
Aplication name :conver
Package name : com.immobulus.conver
Min SDK :9
• Buat main.xml dari project tersebut dengan isi dari file xml yang kita generate
dari DroidDraw tersebut. Jadikan isi file conver.java menjadi seperti berikut:
• Jalankan project dan masukkan nilai di isian dollars dan click conversi sehingga akan menghasilkan seperti
gambar berikut:
 Main.xml
Webkit
• Android webkit adalah salah satu toolkits GUI dimana kita
diperbolehkan menggunakan format HTML untuk menampilkan
di browser yang lebih kenal dengan istilah embedding.
• Class yang paling dipakai Webview.

Aplikasi Webkit1
Buatlah project android dengan ketentuan sebagai berikut :
Webkit1.java
Project Name : webkit1
Buitl Target : Android 2.3
Application name : webkit
Package name : com.wilis.webkit
Activity : webkit1
Min SDK :9
• Dari program di atas, dibutuhkan import libraries android webkit yang diwakili oleh sub class WebView
seperti berikut:

• Kemudian data ditampilkan dengan statement loadData, seperti contoh berikut yang
• akan menampilkan tulisan text di layar:

Jalankan program dan perhatikan hasilnya.

Aplikasi webkit1
 Main.xml
2) Aplikasi Webkit 2

Pada aplikasi ini akan membuat program

dimana apabila aplikasi dibuka akan otomatis
membuka website.
• Buatlah project android dengan ketentuan
sebagai berikut:
Android.manifest.xml
Project Name : webkit2
Built Target : Android 2.3
Application Name : webkit2
Package Name : com.wilis.webkit2
Activity : webkit2
Min SDK :9
Webkit2.java Jalankan program dan perhatikan hasilnya.
• Aplikasi Webkit 3 main.xml
• Pada aplikasi ini akan melihat penggunaan
loadDataWithBaseUrl yang diterapkan untuk
menampilkan jam sistem ke browser.
Buatlah project android dengan ketentuan sebagai
berikut:
Project Name : webkit3 Android.Manifest.xml
Built Target : Android 2.3
Application Name : webkit3
Package Name : com.wilis.webkit3
Activity : webkit3
Min SDK :9
Webkit3.java
• Jalankan programnya dan lihat hasilnya
PERTEMUAN 6-7
ARRAY DAN FILE
 Highlight
• Konsep Array Adapter
• Aplikasi Array
• Aplikasi File
 Konsep Array dan Adapter
• ArrayAdapter adalah salah satu class yang terdapat pada android.widgets.Adapter.
• Aplikasi Array1
Buatlah project baru seperti berikut :
Project Name : Array1
Built Target :Android 4.2.2
Application Name : array1
Package Name : com.wilis.array1
Activity : array1
Min SDK :9
 Aplikasi Array 1
Main.xml
 Aplikasi Array 1
Dibutuhkan 2 file java yaitu array1.java sebagai file utama dan
almag.java sebagai class yang menangani class-class inputan
pada address manager.
Array1.java
 Aplikasi Array1
Almag.java
 Aplikasi Array2
Aplikasi Array 2 main.xml
Buatlah project android dengan ketentuan sebagai berikut :
Project Name : Array2
Built Target : Android 2.3
Application Name : array2
Package Name : com.wilis.array2
Activity : array2
Min SDK :9
 AplikasiArray2
Almag.java
 Aplikasi array 2
Array2.java
Jalankan program dan perhatikan hasilnya.
 Aplikasi File 1
Buatlah project baru seperti ketentuan berikut :
file1.java

Project Name : File1

Built Target : Android 2.3
Application Name : file1
Package Name : com.wilis.file1
Activity : file1
Min SDK :9
main.xml
 Aplikasi file1
Lanjutan 

Aplikasi file1
PERTEMUAN 8
UJIAN TENGAH SEMESTER
PERTEMUAN 9-10
CRUD DAN KONEKSI DATABASE
 Highlight
• Create Data
• Update Data
• Delete Data
• Teknik untuk melakukan penyimpanan data
di android yaitu :
o Shared Preference: Menyimpan data
beberapa nilai (value) dalam bentuk
group key
o Files : Menyimpan data dalam file
berupa menulis ke file atau
membaca file
o SQLite Databases : Menyimpan data
dalam bentuk database
o Content Providers : Menyimpan data
dalam bentuk content provides
service
SQLite Mozilla
• Aplikasi database 1 DBAdapter.java yang menghandle masalah SQLite beserta fungsi-
Pada aplikasi ini akan membuat database, fungsi yang dibutuhkan seperti stuktur dan skema database
tabel serta menyimpan data ke dalam
database.
Database1.java digunakan untuk melakukan pengiriman data yang
akan ditambahkan ke database, membuka, mengedit, dan
memanipulasi database.
Buatlah project android dengan ketentuan
sebagai berikut:
Project Name : Database1
Built Target : Android 2.3
Application Name : Databse1
Package Name : com.wilis.database1
Activity : database1
Min SDK :9
DBA.adapter.java
 Penambahan data ke database
Database1.java

Aplikasi database1
• Buka file explorer eclipse untuk memastikan database yang terbentuk dam isinya
seperti yang ditambahkan. Berikut adalah file explorer dari aplikasi Database1:

File Explorer aplikasi database1

• Lakukan proses pull dengan mengklik tombol yang bertuliskan Pull a file from device dan simpan di directory
penyimpan yang bisa diingat.
• Buka SQLite dan buka database yang sudah di pull sehingga muncul isi database di
• SQLite firefox seperti berikut :

SQLite Manager dari database1

• Aplikasi Database 1i
• Pada aplikasi ini akan membuat
menampilkan ke layar data-data
yang di-insert-kan dengan konsep
widget toast dalam penampilannya.
• Buatlah project android dengan
ketentuan sebagai berikut:
Project Name : Database1i
Built Target : Android 2.3
Application Name : Database1i
Package Name : com.wilis.database1i
Activity : database1
Min SDK :9
• Hasil menampilkan data dari inputan:
• Aplikasi Database 1ii
• Pada aplikasi ini akan mencoba melakukan update data di database, yang diubah adalah data buku
(1234512345, Android Programmer’s Reference, Washington Press) menjadi (1234512345, Android Coding
References, Jakarta Press).
Buatlah project android dengan ketentuan sebagai
berikut:
Project Name : Database1ii
Built Target : Android 2.3
Application Name : Database1ii
Package Name : com.wilis.database1ii
Activity : database1ii
Min SDK :9
Database1.java
Hasil update nya :
• Lakukan pengecekan kebenaran data dengan cara melakukan pull database sehingga isi
database adalah sebagai berikut:

Database sebelum aplikasi database 1ii

Database sesudah aplikasi database 1ii

• Dan apabila ingin menghapus salah satu data bisa menggunakan fungsi berikut:
 Android Mysql
• Pada bagian ini akan dibahas beberapa aplikasi yang dapat dikategorikan sebagai
aplikasi client server database.
• Android sebagai client akan berhubungan dengan MySQL Server dengan perantara PHP,
secara konsep dasar digambarkan sebagai berikut:
 Android Mysql
Aplikasi Entry Data

Langkah 1
Membuat databasenya dengan perintah berikut:

Membuat table user dengan perintah berikut:

 Langkah 2
Buat file PHP sebagai penghubung (web services controller)
yang berfungsi penghubungan/pengantar data ke MySQL
server. Beri nama Simpan.php kemudian ketikkan perintah
berikut:

- Root adalah user database dengan password-nya dalam hal ini kosong.
- Penggunaan _POST atau tanpa _POST tergantung setting variabel
global sistem Apache/PHP yang digunakan (apakah on/off)
Langkah 3
Persiapkan tampilan androidnya untuk input datanya seperti berikut:
layout/tambah_user.xml
Buat file java yaitu tambah_user.java dan CustomHttpClient.java.
tambah_user.java
Langkah 4
- Buatlah file java yaitu tambah_user.java dan custom HttpClient.java
tambah_user.java
CustomHttpClient.java
Jalankan aplikasinya dan lakukan input data seperti gambar berikut dan pastikan isi database di server bertambah setelah
tombol simpan di tekan.
Berikut adalah data MySQL setelah dilakukan penyimpanan ke server.
 Aplikasi Login User
Aplikasi Login User
login.xml
Aplikasi Login user
login.java
1. Jalankan aplikasi dan silakan isi form login dengan user data yang sudah ada di
database.
2. Berikut contoh apabila user yang dimasukkan salah user dan password-nya
salah.
3. Selanjutnya buat tampilan menu utama aplikasi yang akan diakses setelah user login ke dalam
sistem, menu utama pada modul ini adalah seperti gambar berikut ini.
menulayanan.java
PERTEMUAN 11
INTEGRASI DENGAN FRAMEWORK
PHONEGAP
 Highlight

• Instalasi Phone Gap

• Integrasi phoneGap dengan
android
 PhoneGap
• PhoneGap adalah salah satu framework yang opensource yang menjadikan aplikasi berbasis
web (HTML) menjadi aplikasi native.

• Dengan phoneGap bisa membuat aplikasi berbasis web yang nantinya bisa dijalankan sebagai
aplikasi native di platform mobile.

• PhoneGap menyediakan framework untuk membuat aplikasi native untuk semua jenis
platform sistem operasi smartphone/tablet yang ada (android, ios, bb, wp7, symbian, dll)

• Untuk mendownload phoneGap dapat dilakukan secara gratis di http://phonegap.com.

 Instalasi PhoneGap
Windows Installation
1. Download the latest Windows Installer.
2. Double click the downloaded file to run the installer. You will be prompted with the PhoneGap Desktop
Setup Wizard:
3. Accept the license agreement:
4. Select the desired destination for the application and click Next:
5. Select the desired location for theshortcut and click Next:
6. Click Install to begin the installation:
7. Click Finish to close the Setup Wizard:
8. Next simply open the application and proceed to next step below where you will install the PhoneGap
Developer App to your mobile device for previewing the apps you build.
 Integrasi PhoneGap dengan android

• Konfigurasi project dengan menggunakan Phonegap 2.9.0

Download Phonegap versi terbaru (untuk tutorial saya menggunakan Phonegap-2.9.0)
• Ekstrak ke folder tertentu lihat folder xml , file cordova.js dan cordova-2.9.0 di folder android di dalam
folder lib.
• Jalankan eclipse dan buat project baru lihat cara pengaturan eclipse dengan android SDK
• Salin file cordova-2.9.0.jar ke folder libs pada project kamu.
• Buatlah folder www di dalam folder assets pad project kamu.
• Salin file cordova.js ke dalam folder www yang baru kamu buat.
• Salin folder xml ke folder res di root project phonegap-eclipse3.jpg
• Klik kanan pada cordova-2.9.0.jar yang telah anda salin lalu klik Build Path > Add to Build Path
• Update class Activity
• Buka class MainActivity , lakukan beberapa • Hapus import android.app.Activity; dan import android.view.Menu;
perubahan.
• Tambahkan import org.apache.cordova.DroidGap;

• Hapus setContentView(R.layout.activity_main);

• Tambahkan super.loadUrl("file:///android_asset/www/index.html");

• Ubah class extend dari Activity menjadi DroidGap Ubah

• fungsi onCreate dari protected menjadi public

• Perhatikan class MainActivity setelah dilakukan perubahan
• Tambahkan pada posisi kode 1 <supports-screen> XML node seperti di bawah
<supports-screens android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true" />

• Tambahkan pada posisi kode 2 <uses-permission> XML nodes seperti di bawah

<uses-permission android:name="android.permission.CAMERA">
<uses-permission android:name="android.permission.VIBRATE">
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION">
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION">
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS">
<uses-permission android:name="android.permission.INTERNET">
<uses-permission android:name="android.permission.RECEIVE_SMS">
<uses-permission android:name="android.permission.RECORD_AUDIO">
<uses-permission android:name="android.permission.RECORD_VIDEO">
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS">
<uses-permission android:name="android.permission.READ_CONTACTS">
<uses-permission android:name="android.permission.WRITE_CONTACTS">
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE">
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE">
<uses-permission android:name="android.permission.GET_ACCOUNTS">
<uses-permission android:name="android.permission.BROADCAST_STICKY">
• Tambahkan pada posisi kode 3 sebagai atribut pada
tag <activity> seperti di bawah :
android:configChanges="orientation|keyboardHidden|
keyboard|screenSize|locale">
• Hasil akhir setelah kode disisipkan : <?xml version="1.0" encoding="utf-8"?>
<manifest
xmlns:android=http://schemas.android.com/apk/res/android
package="com.sample.helloandroid"
android:versionCode="1"
android:versionName="1.0" >
<supports-screens android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true" />
<uses-sdk
android:minSdkVersion="10"
android:targetSdkVersion="10" />
android:name="android.permission.RECEIVE_SMS" /> <uses-
permission android:name="android.permission.RECORD_AUDIO"
/> <uses-permission
<uses-permission android:name="android.permission.CAMERA" /> <uses-permission
android:name="android.permission.VIBRATE" /> <uses-permission
android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<usespermissio android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.RECORD_VIDEO"/>
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />
<application android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" > <activity
android:name="com.sample.helloandroid.MainActivity"
android:label="@string/app_name" >
android:configChanges="orientation|keyboardHidden|keyboard|
screenSize|locale"> <intent-filter> <action
android:name="android.intent.action.MAIN" /> <category
android:name="android.intent.category.LAUNCHER" /> </intent-
filter> </activity> </application> </manifest>
 Membuat dan menjalankan contoh file utama
• Buatlah satu file dengan nama index.html di dalam folder assets/www. File tersebut akan digunakan sebagai file utama untuk aplikasi
Phonegap kamu.
• Salinlah kode dibawah ini ke dalam file index.html yang baru kamu buat
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.9.0.js"></script>
</head>
<body>
<h1>Hello PhoneGap</h1>
</body>
</html>
• Jalankan aplikasi Phonegap dengan cara klik kanan pada android project kamu kemudian pilih menu Run
As > Android Apllication
• Jika langkah-langkah sudah kamu ikuti dan tidak ditemukan error maka akan tampil seperti gambar di
bawah:
PERTEMUAN 12
UPLOAD KE MARKET ANDROID
 Highlight

• Registrasi User Market

• Mempersiapkan Release
Keystore
• Mem-Package aplikasi (apk)
• Upload apk ke Market
 Registrasi ke user market
• Untuk melakukan upload ke android market diwajibkan untuk membayar sebesar $25 untuk selamanya
• Untuk upload aplikasi yang bersifat free , dapat melakukan registrasi di
http://market.android.com/publish/signup
 Mempersiapkan Release Keystore
• Gunanya ini adalah untuk generate public/private key serta masa validasi aplikasi yang akan kita publish.
Langkah-langkahnya sebagai berikut
• Buka CommandPromt / CMD (run as administrator)
• Masuk ke directory bin pada folder jdk anda

Masuk folder bin

Mengecek versi jdk

• Ketikkan perintah sebagai berikut :

ket : - me-release-key.keystore adalah nama keystore nya(bisa diubah)

- validity 1000 artinya aplikasi kita nantinya validasinya sampai 1000 hari

• Kemudian masukkan password baru anda, masukan nama anda, tipe organisasi, nama organisasi, kode
negara (indonesia = id), dan konfirmasi dengan menjawab “y” (yes) - See more at:
• Kemudian masukkan password anda kembali, • Sekarang keystora anda sudah berhasil
sehingga tampil seperti ini dibuat file keystore berada di folder bin jdk
dengan nama me-release-key.keystore
 Mem-Package Aplikasi (apk)
• Langkah selanjutnya adalah mem-package apk kita dengan keystore yang telah kita buat, caranya adalah :
• Buka eclipse dan pilih project yang akan kita publish
• Klik kanan pada project yang akan kita publish pilih android tools lalu pilih export signed application
package
• Selanjutnya penentuan key store selection
• Browse tempat me-release-key.keystore yang telah dibuat serta masukkan passwordnya
seperti gambar berikut :
Klik next
Kemudian tentukan lokasi penyimpanan apk yg telah dipackage, lalu
Klik finish
 Upload APK ke market
• Selanjutnya adalah melakukan upload apk yang sudah kita buat pada langka-langkah
sebelumnya, dengan membuka alamat https://play.google.com/apps/publish
• Login dengan akun google yang terdaftar di playstore.
•
• Pilih tombol add new application untuk melakukan upload
Kemudian pilih upload your first apk to production dan browse apk anda. Lalu isikan detail informasi
apk berupa deskripsi apk, screenshoot, icon apk, jenis apk.

Dan terakhir klik publish untuk mempublish apk anda ke market.

PERTEMUAN 13-15
PENGEMBANGAN APLIKASI
 Highlight

• Merancang Aplikasi
• Membuat Aplikasi
Merancang aplikasi
 Membuat Aplikasi
• Aplikasi doa harian Persiapkan menu aplikasi dimana menu
menampilkan pilihan berikut:
• Langkah I · Doa ber-sumber Al-Quran
• Persiapkan menu awal aplikasi dimana · Doa bersumber Hadits
menu menampilkan gambar berikut: · Bantuan
· About
· Exit
• Sementara submenu dari doa
bersumber Al-Quran berisi pilihan
berikut:
• Langkah II coding layout tampilan
Menuhadits.xml
Menu.xml xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:android="http://schemas.android.co android:layout_width="fill_parent"
m/apk/res/android" android:layout_height="fill_parent">
android:layout_width="fill_parent"
android:layout_height="fill_parent"> android:id="@+id/label"
android:text="@+id/TextView01"
android:id="@+id/label" android:layout_width="wrap_content"
android:text="@+id/TextView01" android:layout_height="wrap_content”
android:layout_width="wrap_content" android:textSize="30px"/>
android:layout_height="wrap_content"
android:textSize="30px"/>
Menuquran.xml d1.xml
xmlns:android="http://schemas.android.com/apk/res/a android:layout_width="fill_parent"
ndroid" android:layout_height="fill_parent"
android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android">
android:layout_height="fill_parent">

android:id="@+id/label" xmlns:android="http://schemas.android.com/apk/res/android"
android:text="@+id/TextView01" android:layout_width="fill_parent"
android:layout_width="wrap_content" android:background="#ffffffff"
android:layout_height="wrap_content" android:id="@+id/layar"
android:textColor= "#ff000000"
android:textSize="30px"/> android:layout_height="fill_parent" android:fadingEdge="vertical"
android:scrollbars="vertical">

xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:background="#ffffffff"
android:id="@+id/layar2"
android:layout_height="fill_parent" android:fadingEdge="vertical"
android:scrollbars="vertical">
• Langkah III coding file java
• Berikut adalah coding-an file javanya
Berikut ini adalah file java yang menghandle untuk menampilkan
doa makan serta untuk menampilkan suara/bunyi doa tersebut
 Penjelasan :

gambar.setImageResource(R.drawable.doaakanmakan);
gambar yang akan ditampilkan adalah image dengan nama file
doaakanmakan.jpg
try {
mp=MediaPlayer.create(this, R.raw.doaakanmakan);
mp.setOnCompletionListener(this);
}
• Begitu juga apabila tombol play ditekan, file doakanmakan.mp3 akan dipanggil.
• Gambar tersebut dan file mp3 tentunya harus sudah berada dalam package project kita seperti gambar
berikut:
• Jalankan aplikasi sehingga akan muncul seperti gambar berikut: Scroll-kan layar sehingga tampilan bawah akan muncul untuk mendengarkan
bunyi doa tersebut seperti gambar berikut:
PERTEMUAN 16
UJIAN AKHIR SEMESTER
Highlight