Copyright Laboratorium Pemrograman P.S. Sistem Informasi - Universitas Jember

Transkripsi

1

2 BAB I PENGENALAN & BEBERAPA PENGERTIAN DALAM ANDROID Android adalah sebuah sistem operasi untuk perangkat mobile berbasis linux yang mencakup sisem operasi, middleware dan apikasi. Dirilis pertama kali pada tanggal 5 November 2007 oleh Google Inc. yang kemudian membentuk konsorsium dari 34 perusahaan yang bernama Open Handset Alliance untuk pendistribusiannya. Pada saat ini, banyak sekali vendor-vendor smartphone yang memproduksi smartphone-nya menggunakan operating system Android ini. Hal ini dikarenakan, android merupakan sistem operasi yang open source sehingga bebas didistribusikan dan dipakai oleh vendor manapun, selain itu hal ini juga dikarenakan Android sendiri adalah platform yang sangat lengkap baik itu sistem operasinya, aplikasi dan tool pengembangannya, market aplikasi, serta dukungan yang sangat tinggi dari komunitaskomunitas global. THE DALVIK VIRTUAL MACHINE (DVM) Salah satu elemen kunci dari Android adalah Dalvik Virtual Machine(DVM). Android berjalan di dalam Dalvik Virtual Machine bukan di Java Virtual Machine, sebenarnya banyak persamaannya dengan Java Virtual Machine seperti Java ME, tetapi Android menggunakan Virtual Machine sendiri yang menurut saya dikustomisasi dan dirancang untuk memastikan bahwa beberapa fitur-fitur berjalan lebih efisien. Dalvik Virtual Machine ini mengeksekusi executable file, sebuah format yang memastikan memori yang digunakan sangat kecil. ANDROID SDK Android SDK adalah tools API (Application Programming Interface) yang digunakan untuk mulai mengembangkan aplikasi pada platform Android menggunakan Bahasa pemrograman Java. Saat ini disediakan Android SDK mengembangkan aplikasi pada platform Android menggunakan Bahasa pemrograman Java. Sebagai platform aplikasi-netral, Androdi memberi kesempatan untuk membuat aplikasi yang kita butuhkan yang bukan merupakan aplikasi bawaan Smartphone. Beberapa fitur-fitur Android yang paling penting adalah: Framework Aplikasi yang mendukung penggantian komponen dan reusable Integrated Browser berdasarkan engine open source WebKit Grafis yang dioptimalkan dan didukung oleh libraries grafis 2D, grafis 3D berdasarkan spesifikasi opengl ES 1,0 (Opsional akselerasi hardware) SQLite untuk penyimpanan data Media Support yang mendukung audio, video dan gambar Bluetoothe, EDGE, 3G, Wifi

3 Kamera, GPS, Kompas, Accelerometer Lingkungan development yang lengkap Untuk source SDK Android pada saat ini dapat diunduh satu dengan Android Studio di ANDROID STUDIO Android Studio adalah sebuah IDE baru yang dibuat oleh Google untuk memudahkan kita dalam membuat aplikasi project android, membuat GUI aplikasi dan menambahkan komponen-komponen yang lainnya, begitu juga kita dapat melakukan running aplikasi menggunakan Android SDK melalui Android Studio. Android Studio sendiri memakai IntelliJ IDEA Community Edition yang membuat Android SDK yang di download di website resmi Android menjadi satu dengan Android Studio. Selain itu, pada Android Studio diterapkan Gradle untuk manajemen proyeknya. Bagi yang belum pernah mendengar, Gradle adalah build automation tool yang dapat dikonfigurasi melalui DSL berbasis Groovy. Ini yang membedakan Gradle dari Ant atau Maven yang memakai XML. Penggunaan DSL berbasis Groovy menyebabkan Gradle lebih fleksibel dan dapat diprogram dengan mudah.

4 BAB II HELLO ANDROID Sekarang kita akan membuat program pertama kita pada android. Seperti belajar bahasa pemrograman yang lainnya, biasanya program pertama yang dibuat adalah program untuk menampilkan tulisan hello world, yang lebih dikenal dengan sebutan program Hello World. Jalankan Android Studio, pilih File New Project sehingga muncul pilihan sebagai berikut : Application Name akan menjadi nama project kita nantinya, sedangkan Project Location akan memberikan informasi dimana project kita tersimpan. Selanjutnya ada pemilihan target platform aplikasi yang akan kita bangun seperti gambar berikut ini :

5 Untuk target platform sendiri, google telah menyediakan opsi lengkap di Android Studio ini sesuai dengan teknologi yang telah Google rilis. Mulai dari smartphone hingga Google Glass. Lengkap tersedia sesuai dengan SDK-nya masing-masing. Untuk smartphone sendiri, sampai dengan modul ini ditulis, telah mencapai versi 5.0 (Lolipop) yang kemungkinan besar akan terus berkembang seiring dengan kebutuhan yang sangat kompleks di bidang penggunaan smartphone. Informasi detail versi platform, dapat dilihat di Untuk langkah selanjutnya adalah menentukan template aplikasi yang dibangun, seperti gambar berikut:

6 Terakhir, beri nama activity pada java file serta file xml yang akan pertama kali di-run ketika program dijalankan, seperti gambar berikut : Secara teknis, kita telah berhasil membentuk sebuah projek baru. Pada sisi kiri program kita terdapat project explorer yang berisi elemen-elemen yang ada pada program HelloWorld kita.

7 Dari project explorer di atas, dapat kita lihat susunan dari Android Studio, file java berada pada folder java dimana file ini yang akan menjadi pengatur jalannya program kita. File xml berada pada folder res (layout/values) yang akan menjadi interface kepada user. File Android Manifest.xml. Selanjutnya kita akan melihat isi dari class java itu.

8 Activity merupakan basic class dalam aplikasi Android. Setiap activity merupakan sesuatu yang unik atau single, yang ditujukan untuk meng-handle macam-macam hal yang bisa dilakukan oleh user. Di mana kita lihat bahwa di dalam Activity terdapat sebuah method oncreate yang berfungsi untuk memanggil setcontentview. Sementara setcontentview memanggil sebuah file activity_main.xml (R.layout.activity_main), yang akan bertindak sebagai user interface. Double click file activity_main.xml untuk melihat kodenya. Dari source coding activity_main.xml di atas, dapat kita lihat bahwa untuk menampilkan text adalah dengan coding Kode ini menunjukkan bahwa android:text berasal dari string.xml yang berada pada directory res/values, melalui pointer yang berada pada file R.java

9 File R.java ini di-generate oleh sistem secara otomatis, dan tidak diperkenankan diubah secara langsung. Selanjutnya kita akan melihat string yang berada di string.xml, penggunaan string.xml dalam user interface adalah sesuatu yang direkomendasikan di dalam mem-build sebuah program Android. Sebagai latihan, anda dapat ubah isi dari string menjadi <string name= hello_world >Hai, ini program pertama saya di android</string>. Kemudian kita akan running aplikasi ini. Untuk running program kali ini kita bisa memakai AVD biasa, namun pada kesempatan kali ini, kita akan memakai GenyMotion karena aplikasinya lebih ringan, untuk itu maka kita buka terlebih dahulu Geny Motionnya. Apabila belum terinstall template phone maka kita harus mendownloadnya terlebih dahulu, namun apabila sudah, kita bisa pakai itu untuk menjalankan program android kita.

10 Selanjutnya, jalankan program Androidnya dengan cara klik run di Android, maka secara otomatis GenyMotion akan menampilkan program kita.

11 BAB III CALCULATOR A. USER INTERFACE Secara umum Arsitektur User Interface pada aplikasi Android adalah user interface yang meliputi Activity dan user interface yang terdiri dari komponen, semua yang berhubungan dengan user interface pada aplikasi android biasanya berada pada lokasi res/layout/filename.xml di mana coding java untuk memanggilnya yang kita kenal dengan R.layout.filename. B. WIDGET Paket widget pada dasarnya merupakan visualisasi dari elemen user interface (UI) yang digunakan pada layar aplikasi Android di mana kita merancang sendiri sesuai kebutuhan kita. Widget di dalam Android ditampikan dengan konsep view. Di mana aplikasi android pada umumnya menggunakan widget sebagai layout xml. Di dalam android ada beberapa class widget yang bisa kita pakai, namun widget yang dipakai secara umum dan wajib diketahui oleh pengembang android adalah: 1. Widget TextView Widget ini berfungsi untuk menampilkan text kepada layar dan memiliki opsional bisa dilakukan edit, tetapi secara default TextView tidak dapat di edit, untuk dapat melakukan edit harus menggunakan subclass yang berfungsi untuk menampilkan isi TextView 2. Widget EditText EditText adalah kustomisasi dari TextView dimana menjadi TextView yang dapat mengkonfigurasi dirinya sendiri sehingga dapat diedit. 3. Widget RadioButton Pada umumnya RadioButton digunakan bersama-sama dengan RadioGroup didalam satu RadioGroup terdapat beberapa RadioButton. Dan didalam satu RadioGroup user hanya dapat melakukan satu check/pemilihan 4. Widget ImageView/ImageButton ImageView adalah widget untuk menampilkan gambar seperti icon. ImageView dapat memuat gambar dari berbagai sumber (resource atau content providers), sementara ImaageButton adalah widget yang menampikan tombo yang berisi gambar yang bisa ditekan oleh pengguna. 5. Widget ListView 6. Widget ComboList/Spinner Kumpulan Widgets yang memiliki struktur tersendiri-tersendiri biasanya disebut dengan contrainers. Jika kita bekerja dalam sebuah tampilan dimana terdapat beberapa widget kita harus menentukan layout yang digunakan. Seperti kebanyakan GUI yang memiliki layout

12 management, untuk menampilkan containers, seperti layout BoxLayout di Java/Swing, Android juga memiliki layout management yaitu : 1. Linear Penggunaannya mirip dengan model box dari Java/Swing, yaitu menampilkan widgets atau containers dalam posisi baris atau kolom, satu persau. Konfigurasi Linear Layout mempunyai 5 contents yaitu : Orientation, Fill Model, Weight, Gravity, Padding a. Orientation Orientation mengindikasikan layout ditampilkan berdasarkan baris atau kolom, sintaksnya adalah Android.orientation= value Valuenya horizontal berdasarkan baris, atau vertikal berdasarkan kolom. b. Fill Model Fill Model adalah bentuk tampilan elements/widgets terhadap space yang tersedia, terdiri dari tiga pilihan yaitu Specific Dimension, seperti 125px untuk mengisi widgets tampilan di 125 pixel Wrap_content, widgets akan mengisi posisi dengan konsep natural space Fill_parent, widgets akan mengisi posisi yang tersedia c. Weight Weight mengatur settingan android.layout_width (untuk baris) dan android.layout_height (untuk kolom) d. Gravity Gravity secara default pada tampilan dengan LinearLayout adalah Left and Top Aligned. Jika kita menginginkan tampilan yang berbeda kita bisa mengatur gravity sesuai kebutuhan. Nilai-nilai gravity adalah, left, center_horizontal, right for left aligned, centered, dan right_aligned e. Padding Padding memiliki empat nilai standard yaitu paddingleft, paddingrigth, paddingtop, dan paddingbottom 2. Relative Relative tau lebih tepatnya RelativeLayout adalah layout di mana jika kita membutuhkan penempatan widget A di bawah kiri dari widget B atau dibawah sebelah kanan, dan penempatan lainnya. RelativeLayout standart-nya mempunyai dua layout yaitu: Relative to Container Terdiri dari beberapa posisi yaitu

13 Android:layout_alignParentTop Android:layout_alignParentBottom Android:laoyut_alignParentLeft Android:layout_alignParentHorizontal Android:layout_centerHorizontal Android:layout_centerVertical Android:layout_centerInParent Relative to Widget lainnya Android:layout_above Android:layout_below Android:layout_toLeftOf Android:layout_toRightOf Untuk lebih jelasnya kita bisa langsung praktikum dalam program Calculator yang akan kita buat. Berikut langkah-langkahnya C. LANGKAH-LANGKAH PEMBUATAN USER INTERFACE CALCULATOR 1. Buat sebuah viewgroup dengan linear layout karena kita akan membaginya ke dalam sebuah layout yang rapi. Kemudian ubah layout_width dan height menjadi match_parent karena kita akan membuat layout keseluruhan yang meliputi seluruh layar dari smartphone. Tentukan jarak dari layar atas dengan aplikasi yang akan kita bangun kira-kira 16dp 2. Buat 2 linear layout di dalam linear layout yang awal. Kedua linear layout ini berfungsi untuk membagi layar/layout yang tadi telah kita buat menjadi dua bagian, yang pertama untuk display dan yang kedua untuk tombol-tombol dengan weight yang berbeda dimana proporsinya tombol-tombol 2 kali lebih besar daripada display. Layout_width keduanya kita pakai match_parent karena akan membuat lebar dari layout sepanjang layar, sedangkan panjang ke bawah (layout_height) memakai wrap_content sesuai dengan weight yang telah kita berikan. Untuk orientation kita pakai vertical.

14 3. Di dalam layout untuk display kita tambahkan textview yang nantinya akan menjadi nilai di display kita, dengan nilai default 0. Gravity kita berikan end, agar nilai akan terset di pojok kanan bawah dari layout. Display ini kita beri nama dengan cara yang artinya textview ini diberi nama display 4. Selanjutnya kita akan mengkotak-kotakkan tombol tadi dengan memberi linear layout di dalam linear layout untuk tombol tadi namun weight yang kita berikan adalah 1 baik secara horizontal maupun vertical, sehingga tombol dapat menampung 4 kotak tombol secara horizontal dan 4 kotak tombol secara vertical 5. Selanjutnya kita akan membuat button-button yang ada dengan nilai 1, 2, 3, 4, 5, 6, 7, 8, 9 0, x,+,-,:,=,c. Tombol-tombol ini merupakan tombol pada kalkulator pada umumnya. Tombol ini kita berikan nama sesuai dengan angka yang tampil. Dengan layout match_parent pada seluruh kotak tombol sesuai dengan weight yang tadi telah kita buat.

15 6. Untuk selanjutnya, silahkan anda explore sendiri untuk penambahan tombolnya. Cara yang dipakai untuk penambahan ini sama dengan yang di atas. D. ANDROID MANIFEST.XML File AndroidManifest.xml diperlukan oleh setiap aplikasi android, file ini berada pada folder root aplikasi, File ini mendeskripsikan variabel global dari paket aplikasi yang kita gunakan, file ini juga berfungsi untuk mendeskripsikan resource apa saja yang akan digunakan oleh project seperti koneksi internet, sms, mengakses gps, dll. Berikut adalah contoh AndroidManifest.xml dalam program Calculator kita. Di dalam AndroidManifest.xml ini lah berisi semua pendefinisian hal-hal yang dibutuhkan oleh aplikasi android kita, beberapa elemen yang terdapat di dalam file ini adalah sebagai berikut:

16 Penjelasannya adalah: <manifest> Titik root utama dari AndroidManifest.xml, berisi atribut package aplikasi serta paket activity dalam program android kita. Gambar di atas memperlihatkan bahwa package kita adalah com.rizkiherdatullah.calculator dengan version code 1 <uses-permission> Menjelaskan tentag user permission/security permission yang harus diberikan agar aplikasi dapat berjalan sebagaimana mestinya, apabila kita menggunakan resources yang tersedia dari system, seperti ketika mengirim sms, dan sebagainya. <instrumentation> Mendeklarasikan komponen instrument yang tersedia untuk menguji fungsionalitas dari paket aplikasi yang kita gunakan dalam aplikasi android kita <application> Elemen root yang berisi deklarasi aplikasi android kita <intent filter> Mendeklarasikan intent yang dibutuhkan oleh aplikasi android yang kita gunakan, atribuatribut bisa diberikan disini untuk mensupply label, icon, data dan informasi yang kita gunakan dalam aplikasi android.

17 <action> Berisi tentang action type yang didukung oleh komponen-komponen yang berada dalam aplikasi android. <category> Mendeklarasikan kategori-kategori yang didukung oleh aplikasi android <data> Mendeklarasikan tipe MIME, URL, authority penggunaan URL serta penentuan path yang digunakan dalam URL <meta-data> Mendeklarasikan meta data yang kita butuhkan sebagai tambahan data yang ada kita gunakan dalam aplikasi android <receiver> Mendeklarasikan di mana kita diberikan informasi mengenai sesuatu perubahan atau aksi yang terjadi seperti menerima sms <service> Mendeklarasikan komponen yang dapat berjalan sebagai service (berjalan di background) <provider> Mendeklarasikan komponen komponen yang mengelola data dan mempublikasikannya untuk dikelola/dipakai oleh aplikasi lain <uses-sdk uses-sdk android:minsdkversion =?> Mendeklarasikan sdk Android yang digunakan, bisa juga menentukan sdk minimum yang digunakan. E. ACTIVITY Umumnya, activity berhubungan dengan user di mana activity windows atau UI yang mana ditampilkan dengan concepts setcontentview. Ada 2 method untuk yang pasti dimiliki oleh satu activity, yaitu: a. OnCreate untuk menginisiasi suatu activity, biasanya dipanggil dengan perintah setcontentview(int)

18 b. OnPause untuk menyatakan ketika user meninggalkan suatu activity Untuk penggunaan dengan Context.startActivity(), semua kelas activity harus sesuai dengan <activity> yang dideklarasikan dalam suatu paket AndroidManifest.xml. Activity adalah bagian penting dari keseluruhan siklus aplikasi, bagaimana activity dijalankan merupakan bagian penting dari model aplikasi F. LANGKAH-LANGKAH MEMBENTUK CODING JAVA CALCULATOR 1. Buat pendeklarasian variable di dalam class main activity 2. Link-kan sebuah variable dengan id yang ada pada xml dengan cara findviewbyid 3. Buat sebuah method ketika kita mengklik sebuah tombol dengan cara setonclicklistener seperti di bawah. Untuk tombol lainnya akan memiliki cara coding yang sama. 4. Buat method untuk klik tombol yang lain sesuai logika yang benar

19 5. Run program dengan GenyMotion