MODUL PRAKTIKUM MOBILE PROGRAMMING

MODUL PRAKTIKUM

MOBILE PROGRAMMING

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS SRIWIJAYA

2015

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

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 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.

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.

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;

5. Akan muncul progress seperti ini;

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

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:

2. Klik 2 kali dan YES;

3. Maka akan muncul seperti ini dan klik NEXT;

4. Lalu NEXT lagi;

6. Setelah ituakan muncul seperti ini, klik INSTALL;

7. Proses nya seperti ini;

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).

MODUL III

MENGINSTALL DAN CONFIGURE BASIC4ANDROID (3)

1. Buka folder B4A Full Version;

2. Klik 2 kali dan YES; 3. Klik NEXT;

5. Pilih tempat menyimpan dan NEXT;

6. Centang creat a desktop icon dan NEXT;

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;

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;

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;

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:

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”.

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

Soal:

MODUL VI

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

1. Untuk menambah modul lebih dari 1;

2. Tampilan menambah design;

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.

2. Spinner

Isikan Text Button1 dengan “Change to ” dan Button2 dengan “Change to ”.

3. Listview

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

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

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;

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

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.

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

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

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.