MODUL PRAKTIKUM MOBILE PROGRAMMING

Transkripsi

1 MODUL PRAKTIKUM MOBILE PROGRAMMING LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS SRIWIJAYA 2015

2 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

3 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 Modul IV: Mengoneksikan B4A Ke Emulator Android Modul V: Fitur Yang Ada di Basic4android I Modul VI: Menambah Lebih dari 1 Module dan Design Modul VII: Fitur Yang Ada di Basic4android II Modul VIII: Library Gifrecorder dan SPMT Modul IX: Basic Panel B4A Modul X: Membuat Apk dan Install di Smartphone... 32

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

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

6 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;

7 5. Akan muncul progress seperti ini; 6. Setelah menunggu progress diatas, maka akan muncul seperti ini, klik Next; 7. Kemudian proses seperti ini;

8 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;

9 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;

10 6. Setelah ituakan muncul seperti ini, klik INSTALL; 7. Proses nya seperti ini; 8. Setelah selesai klik NEXT;

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

12 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;

13 5. Pilih tempat menyimpan dan NEXT; 6. Centang creat a desktop icon dan NEXT; 7. Kemudian klik INSTALL;

14 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;

15 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 , klik OK;

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

17 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

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

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

20 Untuk Text RadioButton1 isi dengan Laki-laki dan RadioButton2 dengan Perempuan. Soal: Buatlah aplikasi kalkulator sederhana menggunakan tools diatas!

21 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;

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

23 2. Spinner Isikan Text Button1 dengan Change to dan Button2 dengan Change to. 3. Listview Pada listview ada Addsingleline dan AddTwoLine, berikut penggunan AddSingleLine:

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

25 5. Multi Panel, mengguakan lebih dari 2 panel dalam 1 aplikasi. tutorial lengkap bisa diakses di

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

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

28 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

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

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

31 3. Panel dalam pembuatan basic game untuk anak termasuk gambar dan suara; Terdapat tutorial yang sudah dibuat untuk memudahkan pembuatan basic aplikasi:

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