MODUL PRAKTIKUM

MOBILE PROGRAMMING

LABORATORIUM KOMPUTER
FAKULTAS ILMU KOMPUTER
UNIVERSITAS SRIWIJAYA
2015

windakurniasari
 Universitas Sriwijaya LEMBAR PENGESAHAN SISTEM
Fakultas Ilmu Komputer MODUL PRAKTIKUM MANAJEMEN
Laboratorium MUTU
ISO 9001:2008
No. Dokumen ……. Tanggal
Revisi 0 Halaman 2 DARI

MODUL PRAKTIKUM

Mata Kuliah Praktikum : Mobile Programming

Kode Mata Kuliah : FIK09311
SKS :2
Program Studi : Komputerisasi Akuntansi
Semester : 5 (Ganjil)

DIBUAT OLEH DISAHKAN OLEH DIKETAHUI OLEH

TIM LABORAN TIM DOSEN KEPALA LABORATORIUM

LABORATORIUM KOMPUTERISASI
FASILKOM UNSRI AKUNTANSI FASILKOM
UNSRI

windakurniasari
 Daftar Isi

Cover ...................................................................................................... i
Lembar Pengesahan ................................................................................ ii
Daftar Isi ................................................................................................. iii
Modul I: Pendahuluan ............................................................................ 1
Modul II: Menginstall Jdk dan Sdk ......................................................... 6
Modul III: Menginstall dan Configure Basic4android ........................... 12
Modul IV: Mengoneksikan B4A Ke Emulator Android ......................... 16
Modul V: Fitur Yang Ada di Basic4android I......................................... 17
Modul VI: Menambah Lebih dari 1 Module dan Design ........................ 21
Modul VII: Fitur Yang Ada di Basic4android II..................................... 22
Modul VIII: Library Gifrecorder dan SPMT .......................................... 26
Modul IX: Basic Panel B4A .................................................................... 28
Modul X: Membuat Apk dan Install di Smartphone ............................... 32

windakurniasari
 MODUL I
PENDAHULUAN

1.1 Tujuan
 Memahami berbagai tipe sistem operasi Android
 Memahami pembuatan aplikasi di android dengan fitur yang telah disediakan
Basic4Android
 Memahami pembuatan teks, suara dan gambar
1.2 Dasar Teori
Android adalah sistem operasi untuk telepon seluler yang berbasis Linux.Android
menyediakan platformyang bersifat open source bagi para pengembang untuk
menciptakan sebuah aplikasi.Awalnya, Google Inc. mengakuisi Android Inc. yang
mengembangkan software untuk ponselyang berada di Palo Alto, California Amerika
Serikat. Kemudian untuk mengembangkan Android, dibentuklah Open Handset Alliance,
yaitu konsorsium dari 34 perusahaan hardware, software, dan telekomunikasi, termasuk
Google, HTC, Intel, Motorola, Qualcomm, T-Mobile, dan Nvidia. Telepon pertama yang
memakai sistem operasi Android adalah HTC Dream, yang dirilis pada 22 Oktober 2008.
Pada penghujung tahun 2009 diperkirakan di dunia ini paling sedikit terdapat 18 jenis
telepon seluler yang menggunakan Android.
1.3 Versi Android
Dalam praktikum ini menggunakan Android Versi 2.2 atau diatasnya. Berikut ini adalah
peningkatan performa dari Android 2.2 Froyo:
 Peningkatan performa meningkat hingga dua kali lipat dari sistem sebelumnya (Eclair).
Pengujian kinerja prosesor dalam mengolah multimedia, hingga kemampuan grafis untuk
menangani konten 3D.
 Free memory yang ada juga lebih besar dari sebelumnya. Jika biasanya pengguna hanya
mendapatkan sekitar 100MB, kini dapatmenggunakan sekitar 250MB dari total 512MB
memory yang ada. Otomatis hal tersebut makin meningkatkkan performa meski pengguna
menjalankan beragam aplikasi sekaligus.
 Perubahan lain dari HTC melalui sistem operasi Froyo Desire adalah dapat meletakkan
aplikasi di sd card berbeda dengan sitem operasi terdahulu yang hanya dapat meletakkan
semua aplikasi pada memory utama. Dengan sistem operasiFroyo, pengguna dapat
meletakkan seluruh file installasi pada memory eksternal.
 Merekam video dengan kualitas HD.Jika sebelumnya pengguna hanya dapat merekam
gambar bergerak pada resolusi maksimal 800x480pixel, kini dengan Froyo, resolusi
windakurniasari
pengambilan video dapat ditingkatkan hingga 1280x720pixel yang setara dengan kualitas
High Definition.
 Setelah upgrade ke Froyo, pengguna akan menemukan icon baru pada deretan aplikasi
yang ada yaitu Wi-Fi Hotspot. Seperti namanya, aplikasi ini memungkinkan ponsel
pengguna dijadikan sebagai access point.
 Selain itu masih ada lagi aplikasi tambahan seperti Flashlight, App Sharing, dan
Navigation. Khusus untuk navigasi peta, hanya tersedia dalam versi beta dan belum dapat
digunakan di beberapa lokasi.

windakurniasari
 MODUL II
MENGINSTALL JDK DAN SDK (1,2)

Sebelum menjalankan perangkat Android yang harus dilakukan adalah menginstall SDK
dan Java. Berikut tahapan menginstall JDK:

1. Buka folder tempat mendownload JDK tadi, seperti ini;

2. Klik dua kali, dan YES;

3. Kemudian akan muncul seperti ini, klik Next;

4. Kemudian Next lagi;

windakurniasari
5. Akan muncul progress seperti ini;

6. Setelah menunggu progress diatas, maka akan muncul seperti ini, klik Next;

7. Kemudian proses seperti ini;

windakurniasari
8. Setelah selesai, klik CLOSE;

9. Cek apakah ada folder JAVA di drive C -> Progrime Files - > Java tempat menyimpan
tadi, jika ada bearti JDK telah sukses di install.

Berikut cara mengintall SDK:

1. Buka folder tempat mendownload SDK tadi, seperti ini;

windakurniasari
2. Klik 2 kali dan YES;
3. Maka akan muncul seperti ini dan klik NEXT;

4. Lalu NEXT lagi;

5. Setelah itu muncul seperti ini dan pilih folder tempat menyimpan (Browse) dan NEXT;

windakurniasari
6. Setelah ituakan muncul seperti ini, klik INSTALL;

7. Proses nya seperti ini;

8. Setelah selesai klik NEXT;

windakurniasari
 9. Lalu centang Start SDK Manager dan klik FINISH;

10. Kemudian akan muncul seperti ini;

11. Pada proses diatas akan tercentang sendiri apa saja yang akan di install oleh SDK, jika
tidak ada seperti diatas (terutama SDK tools dan SDK platforms); Pertama pastikan
koneksi internet terhubung dengan baik (lalu diulang lagi), kedua bearti SDK tidak sesuai
dengan laptop pengguna, dengan kata lain cari SDK versi lain di internet (download lagi
sesuai dengan spec laptop).
12. Setelah tercentang, klik Install 14/16 packages dan tunggu sampai selesai, ini
membutuhkan proses yang cukup lama (dengan koneksi internet masih terpasang).
13. Kemudian FINISH / CLOSE.
14. Cek apakah ada folder drive C -> Program Files -> Android -> platform -> android.jar
Jika ada berhasil, jika tidak ada, kembali ke perintah no.11 (download SDK versi yang sesuai
dengan spec laptop masing-masing).

windakurniasari
 MODUL III
MENGINSTALL DAN CONFIGURE BASIC4ANDROID (3)

1. Buka folder B4A Full Version;

2. Klik 2 kali dan YES;

3. Klik NEXT;

4. Pilih I accept the agreement dan NEST;

windakurniasari
5. Pilih tempat menyimpan dan NEXT;

6. Centang creat a desktop icon dan NEXT;

7. Kemudian klik INSTALL;

windakurniasari
8. Proses seperti ini;

9. Centang launch Basic4android dan FINISH;

10. Pada versi FULL B4A secara otomatis diminta untuk mendownload dan menginstall
.NET Framework, klik Download and Install this feature;

windakurniasari
11. Dalam proses download dan install membutuhkan waktu yang cukup lama (koneksi
internet harus tetap ada);

12. Setelah berhasil akan seperti ini, klik CLOSE;

13. Buka Apliaksi B4A Full Version dan akan diminta alamat (cari di tempat folder
download B4A full version lalu OPEN;
14. Pilih b4a-gen.exe Ada perintah memasukkan email, klik OK;

windakurniasari
 MODUL IV
MENGONEKSIKAN B4A KE EMULATOR ANDROID (4)
Setelah membuat tampilan design dan Basic4Android yang dilakukan selanjutnya adalah
mengoneksikan B4A ke emulator android, yaitu dengan Double tap pada design. Berikut
penjelasan lebih lanjutnya:
1. Beri nama Design dengan “Main” atau sembarang;

2. Nama yang telah diberikan untuk design dimasukkan kedalam B4A pada
activity.loadlayout;

3. Double tap pada Design sampai muncul “connected”.

windakurniasari
 MODUL V
FITUR YANG ADA DI BASIC4ANDROID I (5,6,7,8,9)
Berikut fitur atau View yang ada di Basic4Android:

Dalam satu semester praktikum Mobile Programming hanya menggunakan beberapa View
saja, seperti EditText, Button, CheckBox, ImageView, Label, Listview, RadioButton, dan
Spinner. Untuk pertama, dipraktikan Edittext, Button, Checkbox, Label, RadioButton.
Berikut beberapa contoh dan hasilnya:
1. Membuat Hello World dengan 1 Button

windakurniasari
2. Gabungan antara Edittext, label dan button. Dimana ketika mengisikan pada Edittext1
maka akan pindah / tersalin ke Label1 setelah mengklik Button1.

3. Checkbox dan Radiobutton, penggunaan keduanya hampir sama begitu juga dengan
coding program nya. Isikan Text pada checkbox1 dengan “Terima Kasih” dan
checkbox2 dengan “Sampai jumpa”.

windakurniasari
Berikut ini adalah contoh penggunaan RadioButton dimana Text Label1 telah ditampilkan.

windakurniasari
Untuk Text RadioButton1 isi dengan “Laki-laki” dan RadioButton2 dengan “Perempuan”.

Soal:
Buatlah aplikasi kalkulator sederhana menggunakan tools diatas!

windakurniasari
 MODUL VI
MENAMBAH LEBIH DARI 1 MODULE DAN DESIGN (10,11)

1. Untuk menambah modul lebih dari 1;

2. Tampilan menambah design;

3. Untuk memanggil design mana yang akan tampil seperti ini;

windakurniasari
 MODUL VII
FITUR YANG ADA DI BASIC4ANDROID II (12,13,14,15,16)
Pada fitur berikutnya praktik menggunakan Tools Imageview, Listview, Panel dan Spinner.
Dalam beberapa pertemuan lanjutan ini seluruhnya menggunakan Panel dimana didalam satu
aplikasi ada lebih dari 2 Panel yang digunakan dan didalam masing-masing Panel terdapat
tools yang berbeda seperti imageview, listview, spinner, button, edittext, dan label.
1. Imageview, sebelum masuk ke Panel akan diberikan cara penggunaan basic imageview.

Klik Add Image untuk menambahkan gambar yang diinginkan, karena ada 3 Imageview
maka ambil 3 gambar dari komputer anda.

windakurniasari
2. Spinner
Isikan Text Button1 dengan “Change to ” dan Button2 dengan “Change to ”.

3. Listview
Pada listview ada Addsingleline dan AddTwoLine, berikut penggunan AddSingleLine:

windakurniasari
4. Basic Panel, pada basic panel menggunakan 2 panel sebagai contoh:
Buat 2 Panel dan 2 Button, kemudian letakkan Panel2 diatas Panel1.

menjadi

windakurniasari
5. Multi Panel, mengguakan lebih dari 2 panel dalam 1 aplikasi. tutorial lengkap bisa
diakses di https://www.youtube.com/watch?v=-pEC0ey4FcA

windakurniasari
 MODUL VIII
LIBRARY GIFRECORDER DAN SPMT (17,18,19)
Kegunaan Library GifRecorder adalah untuk menjalankan gambar Gif pada Basic4Android,
biasanya tidak langsung ada pada Library dan harus di download terlebih dahulu di
http://b4alibraries.blogspot.co.id/. Berikut tahapan mengintall dan menjalankan:
1. Setelah mendownload GifRecoder berupa .rar ekstrak pada file C: -> Program files ->
Anywhere software -> Basic4Android -> Libraries atau boleh di copy paste;

2. Setelah dipindahkan ke Libraries B4A kemudian buka Basic4Android dan koneksikan;

3. Hasil atau contohnya dapat dilihat di https://www.youtube.com/watch?v=C3z4cFYmK5Q

windakurniasari
Sedangkan SPMT adalah library untuk mengirim email, sama seperti GifRecorder yang harus
mendownload terlebih dahulu dan pindahkan atay copy paste ke Libraries B4A.
Berikut design untuk Email:

windakurniasari
 MODUL IX
BASIC PANEL B4A (20,21,22,24,25,26)
Panel adalah salah satu “View” B4A yang dapat dijadikan dasar dari pembuatan quiz
atau game. Sebelumnya sudah kita gunakan banyak modul untuk memanggil banyak tampilan
tapi kendalanya kebanyakan adalah lama dalam running/compiling. Maka dari itu panel
digunakan untuk lebih meminimal waktu yang digunakan untuk compiling, tetapi tahap
penggunaan panel harus ditumpuk atau dilapis-lapis. Dalam satu design ada 2 atau lebih
panel yang digunakan, tidak perlu membuat banyak design untuk memanggil design lain.
Berikut contoh Panel dalam pembuatan aplikasi sederhana:
1. Basic Panel;
Panel pertama yaitu Panel1 dengan warna kuning / sembarang dan terdapat Button1,
kemudian tambahkan Panel lagi yaitu Panel2 dengan warna hijau / sembarang dan
Button2, pada Panel2 Visible False.

Contoh dapat dilihat di https://www.youtube.com/watch?v=61ioYwGRO5M

windakurniasari
2. Panel dalam pembuatan basic quiz;
Dalam membuat basic quiz juga seperti contoh diatas, banyak panel yang digunakan
tergantung pada banyaknya soal yang diinginkan. Perlu diingat bahwa setelah Panel1,
yaitu Panel2 dan seterusnya harus visible false.

Panel1 adalah form pengisian yang mengisi quiz

Pada Panel2 adalah soal pilihan menggunakan checkbox atau radiobutton.

windakurniasari
Panel3 adalah hasil atau nilai dari quiz yang dikerjakan beserta nama peserta.

windakurniasari
3. Panel dalam pembuatan basic game untuk anak termasuk gambar dan suara;
Terdapat tutorial yang sudah dibuat untuk memudahkan pembuatan basic aplikasi:
https://www.youtube.com/watch?v=aZn_05cDWl4

windakurniasari
 MODUL X
MEMBUAT APK DAN INSTALL DI SMARTPHONE (27,28)
Untuk membuat sebuat .apk yang akan digunakan pada smartphone, pertama adalah
compile / run aplikasi B4A dengan “Release”. Ingat, sebelum dijadikan apk haruslah aplikasi
yang sudah tentu jadi, jika masih ragu dengan yang dibuat bisa gunakan “Debug” untuk
melakukan compile / run berulang-ulang.

Setelah di “Release” buka file tempat menyimpan B4A akan terdapat 2 folder yaitu Files dan
Objects. Pada folder Objects terdapat seperti ini, sebelumnya nama aplikasi yang dibuat
disimpan dengan nama “Panel” (sebagai contoh).

Tampilan diatas adalah bentuk apk yang belum diinstall, untuk dapat menjalankannya dengan
bantuan smartphone. Kirim panel.apk tersebut ke smartphone melalui Bluetooth atau kabel
data kemudian install.

windakurniasari