windakurniasari

MODUL PRAKTIKUM

MOBILE PROGRAMMING

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS SRIWIJAYA

2015

windakurniasari

Universitas Sriwijaya

Fakultas Ilmu Komputer

Laboratorium

LEMBAR PENGESAHAN

MODUL PRAKTIKUM

SISTEM

MANAJEMEN

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

LABORATORIUM

FASILKOM UNSRI

TIM DOSEN

KOMPUTERISASI

AKUNTANSI FASILKOM

UNSRI

KEPALA LABORATORIUM

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.