KELOMPOK 1 : PEMROGRAMAN MOBILE PERTEMUAN KE 3 Rizki Aditya (13.11.xxxx) Doni Pranoto (14.11.0120) Rakhmat Ari B.P (14.11.0390) Pangestu Rahmat N.(15.11.0001) Arif Sidik P (15.11.0007) 6. Sakti Septianto (15.11.0011) 7. Aan Hisbullah (15.11.0014)

Bahan Diskusi PMO 3 Komponen Aplikasi Android Hyrarchy Of Screen Elements Proses Thread Siklus Hidup Activity Project Structure Struktur Xml Jenis-Jenis Layout Mendesain User Interface / Layout Android UI Control (Textview, Edittext, Button, Spinner, Checkbox, Radio Button) Contoh Programnya Ui Control Dalam Aplikasi

1. Komponen Aplikasi Android Komponen aplikasi android adalah suatu bagian yang sangat penting dari suatu aplikasi Android karena dengan komponen-komponen inilah suatu aplikasi android dapat berjalan dengan baik. Komponen-komponen ini dikendalikan oleh AndroidManifest.xml yang mendeskripsikan setiap komponen dan bagaimana mereka berinteraksi. Berikut ini adalah 4 komponen utama yang dapat digunakan dalam sebuah aplikasi Android 1. Komponen Aplikasi Android Komponen Deskripsi Activities Suatu komponen yang mengendalikan User Interface dan menangani interaksi pengguna ke layar smart phone. Services Suatu komponen yang menangani proses di background yang terhubung dengan aplikasi. Broadcast Receivers Suatu komponen yang menangani komunikasi antara Sistem Operasi Android dengan aplikasi. Content Providers Suatu komponen yang menangani data dan masalah manajemen basis data.

Ada juga beberapa komponen tambahan diantaranya : Deskripsi Fragments Merepresentasikan sebuah porsi dari User Interface dalam sebuah Activity. Views Elemen User Interface yang digambar pada layar seperti tombol, list, formulir, dan lain lain. Layouts Hierarki dari view yang mengontrol format layar dan tampilan dari view. Intents Objek pesan yang dapat digunakan untuk meminta aksi dari komponen aplikasi lain. Resources Elemen eksternal, seperti: string, konstanta dan gambar. Manifest File Konfigurasi untuk aplikasi. 1. Komponen Aplikasi Android Sumber : http://www.insinyoer.com/komponen-aplikasi-android/

2. Hyrarchy Of Screen Elements Secara visual, jendela Android adalah hierarki tampilan, yang merupakan objek yang berasal dari kelas View dan ViewGroup. View adalah kelas dasar untuk subkelas android.widget, yang memberi instantiate objek UI sepenuhnya-diimplementasikan. Misalnya, Button adalah subclass dari View ViewGroup adalah kelas dasar untuk subclass “layout", yang menerapkan berbagai jenis arsitektur tata letak UI. (ViewGroup adalah bentuk khusus Tampilan yang dapat berisi Tampilan lainnya.) Misalnya, LinearLayout kelas, yang menerapkan tata letak yang mengatur anak-anaknya dalam satu kolom atau satu baris tunggal. 2. Hyrarchy Of Screen Elements

2. Hyrarchy Of Screen Elements Setiap kelompok tampilan merupakan container tak terlihat yang mengelola tampilan anak, sementara tampilan anak iniDapat berupa control masukan atau widget lain yang menggambar sebagian dari UI. Sumber : http://eagle.phys.utk.edu/guidry/android/androidUserInterface.html

3. Proses Thread Definisi Proses Thread Proses merupakan program sedang dieksekusi. Menurut Silberschatz proses tidak hanya sekedar suatu kode program (text section), melainkan meliputi beberapa aktivitas yang bersangkutan seperti program counter dan stack. Sebuah proses juga melibatkan stack yang berisi data sementara (parameter fungsi/metode, return address, dan variabel lokal) dan data section yang menyimpan variabel-variabel global.  3. Proses Thread Thread Proses merupakan sebuah program yang mengeksekusi thread tunggal. Kendali thread tunggal ini hanya memungkinkan proses untuk menjalankan satu tugas pada satu waktu. Banyak sistem operasi modern telah memiliki konsep yang dikembangkan agar memungkinkan sebuah proses untuk mengeksekusi multi-threads. Sumber: https://dewa18.wordpress.com/2009/10/28/manajemen-proses/

4. Siklus Hidup Activity Android Seiring dengan sedang belajarnya mengenai pemograman Android. Berikut akan coba menjelaskan Acitvity Life Cycle pada aplikasi berbasis Android. Siklus ini penting dipahami oleh para developer Android agar dapat mengetahui state aplikasi yang dikembangkan sejak aplikasi tersebut mulai dijalankan. Berikut Flowchart siklus tersebut 4. Siklus Hidup Activity Android

4. Siklus Hidup Activity Android Activity adalah suatu kelas yang disediakan oleh Android guna mengimplementasikan siklus hidup suatu kelas-kelas pada suatu aplikasi. Oleh karena itu, kelas Activity wajib diturunkan ke kelas-kelas lain pada aplikasi. 4. Siklus Hidup Activity Android Sumber: https://awesomedit.wordpress.com/2013/04/22/siklus-hidup- activity-android/

5. Project Structure a). Manifest (app/manifest/AndroidManifest.xml ) b.) Java(app/packagename/MainActivity.java) c) Resource (app/res/drawable/filegambar)  d) Resource (app/res/layout/activity_main.xml) e) Resource (app/res/mipmap/ic_launcher), f) Resource (app/res/values) g)  Gradle http://www.malasngoding.com/struktur-project-android-studio/ 5. Project Structure

6. Struktur XML Struktur XML Sebuah dokumen XML harus berisi element root, elemen ini merupakan parent dari element-element yang lain. Elemen dalam dokumen XML membentuk struktur pohon. Sebuah pohon dimulai dengan root dan memiliki cabang sampai level yang paling rendah. Semua elemen dapat mempunyai sub elemen(elemen child). <root> <child> <subchild>…..</subchild> </child> </root> Istilah parent, child, dan sibling yang digunakan untuk menggambarkan hubungan antar elemen. Elemen root memiliki child. children pada tingkat yang sama disebut sibling(saudara). 6. Struktur XML

7. Jenis – jenis Layout Jenis – jenis layout Layout adalah suatu tampilan tata letak di android studio untuk mengatur penempatan text/gambar yang sudah terkonsep.jadi layout di sini adalah bagian terpenting untuk memperindah tampilan pada aplikasi yang kita buat nyaman di lihat bagi pengguna. Layout dibagi menjadi : 1. 7. Jenis – jenis Layout Linear Layout, design tampilan pada aplikasi kita dengan tata letak secara vertical dan horizontal dimana tata letak aplikasi kita hanya bisa memasukan media secara mendatar dan menurun.

2. Relative Layout, design tampilan pada aplikasi kita dengan tata letak secara bebas tanpa aturan sesuai keinginan kita.tidak seperti Linear Layout yang hanya terpaku pada salah satu tampilan vertical dan horizontal. Atau bias juga diartikan layout yang menampilkan element-element view dalam posisi yang relative. 7. Jenis – jenis Layout 3. Table Layout adalah layout yang menampilkan elemen view berdasarkan baris dan kolom.

4. Grid Viewadalah layout grid yang biasa digunakan untuk membuat galeri foto 5. TabLayout adalah Layout pada android dengan tampilan seperti tab 7. Jenis – jenis Layout 6. Listview yaitu adalah jenis layout dengan tampilan list. Sumber: https://www.dumetschool .com/blog/Layout-di- Android

8. Mendesain User Interface/ Layout Di Layout Editor Android Studio, Anda bisa dengan cepat membangun layout dengan menyeret widget ke dalam editor desain visual sebagai ganti menulis XML layout secara manual. Editor ini bisa menampilkan pratinjau layout Anda dalam berbagai versi dan perangkat Android, dan Anda secara dinamis bisa mengubah ukuran layout untuk memastikannya berfungsi dengan baik pada berbagai ukuran layar. Penjelasan : Palette Component Tree Toolbar Design Editor Properties 8. Mendesain User Interface/ Layout Sumber : https://developer.android.com/studio/write/layout-editor.html?hl=id

(Textview, Edittext, Button, Spinner, Checkbox, Radio Button) Komponen TextView ini dapat menampilkan tulisan di layar tetapi pengguna tidak dapat mengubah tulisan tersebut. TextView juga dapat membuat autoLink terhadap URL. Jadi apabila pengguna menekan TextView, maka sistem akan merujuk pada halaman web dari URL tersebut dengan menggunakan class android.text.util.Linkfy. Edit Text EditText merupakan subclass dari TextView. EditText dapat digunakan untuk mengubah teks dan juga dapat digunakan untuk memasukkan input berupa angka saja atau membuat kata kunci. Button Jenis-jenis buton yaitu : Basic Button, Image Button,Toggle Button dan Custom Button. Spinner Spinner merupakan sebuah widget yang mirip dengan drop-downlist. CheckBok CheckBox memiliki dua keadaan yaitu On dan Offsama seperti ToggleButton. Dalam pembuatannya di Android, dapat menggunakan class android.widget.CheckBox RadioButton RadioButton memberikan pilihan kepada pengguna, namun pengguna hanya dapat memilih satu item saja. Untuk membuat group dari RadioButton, pertama buat RadioGroup kemudian tambahkan RadioButton ke dalam group. 9. Android UI Controler Sumber : https://adityaronisn.wordpress.com/2014/06/06/dasar- pemrograman-android/

10.Contoh Program UI dalam Aplikasi Interface From Login <ScrollView xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" tools:context=".UIandroid1" >   <LinearLayout android:layout_height="fill_parent"> <TextView android:text="Halaman Login" android:layout_height="wrap_content"/> android:text="Username:" android:layout_width="wrap_content" 10.Contoh Program UI dalam Aplikasi

10.Contoh Program UI dalam Aplikasi Interface From Login <EditText android:id="@+id/username" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="username"/> <TextView android:text="Password:" android:layout_width="wrap_content" android:layout_height="wrap_content"/> android:id="@+id/password" android:inputType ="textPassword" android:hint="password"/> 10.Contoh Program UI dalam Aplikasi <Button android:id="@+id/loginbutton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Login"/> <TextView android:id="@+id/status" android:layout_width="fill_parent" android:textStyle="normal" android:text="Masukan Username and Password"/>   </LinearLayout> </ScrollView>

10.Contoh Program UI dalam Aplikasi Interface From Login Maka Hasilnya Seperti ini : 10.Contoh Program UI dalam Aplikasi Sumber : http://salatigadev.com/membuat-user-interface-dasar-pada-aplikasi-android/

SEKIAN DAN TRIMAKASIH...