Komponen Aplikasi Android
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.
a. Komponen Utama
- Activity = Untuk menampilkan antarmuka aplikasi
- Service = Untuk menjalankan proses aplikasi di belakang layar
- Broadcast Receiver = Untuk komunikasi antar activiy, aplikasi dan antar device
- Content Provider = Untuk manajemen data dan database
b. Komponen Tambahan
- Fragment = Merupakan bagian dari antarmuka pengguna dalam activiy seperti tampilan tab atau pager
- View = Tampilan UI yang dimuat di layar seperti tombol,list, gambar dan lain-lain
- Layout = Mengontrol sebuah view dengan melihat sebagai hirarki
- Intent = Mengirim atau menerima sebuah perintah dari aplikasi lain
- Resource = Element yang dibutuhkan secara visual seperti teks aplikasi (string), gambar, dan lain-lain
- Manifes = Konfigurasi dari sebuah aplikasi
Sumber :
http://android-beginner-lessons.blogspot.co.id/2015/10/android-mengenal-komponen-aplikasi.html
http://www.insinyoer.com/komponen-aplikasi-android/
Hierarchy of Screen Elements
Hierarchy Viewer adalah alat yang dibangun di dalam Android Device Monitor yang memungkinkan untuk memeriksa kecepatan properti dan tata letak untuk setiap tampilan dalam hierarki tata letak yang diinginkan. Ini dapat membantu menemukan kemacetan kinerja yang disebabkan oleh struktur hierarki pandangan yang diinginkan, sehingga membantu menyederhanakan hierarki dan mengurangi penawaran berlebihan.
Start Hierarchy Viewer
- Sambungkan perangkat Anda ke komputer Anda. Jika diminta oleh sebuah dialog pada perangkat yang menanyakan, Allow USB debugging ?, ketuk OK.
- Buka proyek Anda di Android Studio, bangun dan jalankan di perangkat Anda.
- Pilih Alat> Android> Monitor Perangkat Android. Android Studio mungkin menampilkan dialog integrasi Nonaktifkan adb karena hanya satu proses yang dapat terhubung ke perangkat via adb sekaligus, dan Android Device Monitor meminta sambungan. Jadi klik Yes.
- Di bilah menu, pilih Window> Open Perspective, lalu klik Hierarchy View.
Anda harus melihat pengaturan yang mirip dengan apa yang ditunjukkan pada gambar 2. Jika tidak, pilih Window> Reset Perspective untuk kembali ke tata letak default. - Klik dua kali nama paket aplikasi Anda di tab Windows di sebelah kiri. Ini mengisi panel dengan hierarki tampilan aplikasi Anda.
The Hierarchy Viewer menyediakan beberapa panel diantaranya :
- Tree View (center): Menunjukkan tampilan hierarki hierarki tampilan Anda. Anda dapat menarik dan memperbesar pohon menggunakan mouse dan kontrol zoom di bagian bawah. Setiap simpul menunjukkan itu adalah nama kelas dan nama ID.
- Tree Overview (top right): Memberi Anda tampilan mata burung dari hierarki tampilan lengkap aplikasi Anda. Gerakkan persegi panjang abu-abu untuk mengubah area pandang yang terlihat di Tampilan Pohon.
- Layout View (bottom right): Menampilkan tampilan bingkai gambar dari tata letak Anda. Garis besar tampilan yang dipilih saat ini berwarna merah, dan tampilan induknya berwarna merah muda.
Profile Your Layout
Setelah mengetahui jalan di sekitar alat ini, Anda bisa menggunakannya untuk profil pandangan Anda hiearchy dan menafsirkan hasilnya.
- Di Tree View atau Layout View, klik pada node tampilan yang anak-anak Anda ingin profil.
- Untuk memulai pembuatan profil, klik Dapatkan waktu tata letak di bagian atas Tree view.
- Untuk hierarki tampilan besar, profil mungkin memakan waktu beberapa detik.
- Setiap anak melihat simpul pilihan Anda mendapat tiga titik, yang bisa berwarna hijau, kuning, atau merah.
- Titik kiri mewakili proses menggambar dari pipa rendering.
- Titik tengah mewakili fase tata letak.
- Titik kanan mewakili fase eksekusi.
Sumber : https://developer.android.com/studio/profile/hierarchy-viewer.html
Proses Thread
Thread adalah sebuah alur kontrol dari sebuah proses.Kontrol threadtunggal ini hanya memungkinkan proses untuk menjalankan satu tugas pada satu waktu.Thread juga sering disebut lightweight process.Sebuah proses tradisional atau heavyweight process mempunyai thread tunggal yang berfungsi sebagai pengendali. Contohnya sebuah web browser mempunyai thread untuk menampilkan gambar atau tulisan sedangkan thread yang lain berfungsi sebagai penerima data dari network.
Siklus Hidup Activity
Siklus ini penting dipahami oleh para developer android agar dapat mengetahui state aplikasi yang dikembangkan sejak aplikasi tersebut mulai dijalankan.
Sumber : https://awesomedit.wordpress.com/2013/04/22/siklus-hidup-activity-android/
Project Structure
Sebuah proyek dalam Android Studio berisi segala sesuatu yang mendefinisikan workspace yang kamu buat untuk aplikasi, dari kode sumber dan aset, hingga kode pengujian dan konfigurasi pembangunan. Bila kamu memulai proyek baru, Android Studio akan membuat struktur yang diperlukan untuk semua file dan membuatnya terlihat di jendela Project di sebelah kiri IDE (klik View > Tool Windows > Project). Laman ini menyediakan ringkasan komponen utama di dalam proyekmu
Setiap proyek di Android Studio berisi satu atau beberapa modul dengan file kode sumber dan file sumber daya. Jenis-jenis modul mencakup:
- Modul aplikasi android
- Modul pustaka
- Modul Google App Engine
Untuk mengubah beragam setelan bagi proyek Android Studio, buka dialog Project Structure dengan mengeklik File > Project Structure. Isinya adalah bagian-bagian berikut :
- SDK Location: Menyetel lokasi JDK, Android SDK, dan Android NDK yang digunakan proyek yang kamu buat.
- Project: Menyetel versi untuk Gradle dan plugin Android untuk Gradle, serta nama lokasi repositori.
- Developer Services: Berisi setelan untuk komponen add-in Android Studio dari Google atau pihak ketiga lainnya.
- Modules: Memungkinkan Anda mengedit konfigurasi pembangunan khusus modul, termasuk SDK minimum dan target, tanda tangan aplikasi, dan dependensi pustaka.
Sumber : https://developer.android.com/studio/intro/index.html?hl=id#struktur_proyek
Struktur XML
Sebuah elemen XML harus berisi elemen root. Elemen ini merupakan parent dari element-element yang lain. Elemen data 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).
Sumber : http://dwi.staff.unisbank.ac.id/2012/10/24/struktur-dokumen-xml-xml-tree/
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.
SUMBER : https://medium.com/@kalifardy56/mengenal-jenis-layout-android-studio-335a63666ff7
Mendesain User Interface / Layout
User Interface (UI) Lebih memfokuskan pada apa yang pengguna inginkan dan apa yang dilakukan agar mudah digunakan, dimengerti, dan fasilitas untuk mempermudah penggunaan.
- Memilih Elemen Antar Muka
- Gunakan elemen antar muka yang familiar atau biasa ditemukan pada umumnya
- Tata letak yang konsisten dan mudah ditebak menu pilihanya.
- Membantu dalam penyelesaian tugas, efisiensi dan kepuasan penggunaan.
Pada intinya desain harus simpel atau user friendly yang mana memudahkan penggunanya dan tidak membuat penggunanya merasa lelah serta kesulitan mengoprasikannya.
SUMBER : https://www.usability.gov/what-and-why/user-interface-design.html
Android UI Control (TextView, Edit Text, Button, Spinner, Checkbox, Radio Button)
Ada sejumlah kontrol UI yang disediakan oleh Android yang memungkinkan Anda untuk membangun antarmuka pengguna grafis untuk aplikasi Anda.
| SN | UI Kontrol & Deskripsi |
| 1 | TextView
Kontrol ini digunakan untuk menampilkan teks ke pengguna. |
| 2 | EditText
EditText adalah subclass yang telah ditetapkan dari TextView yang mencakup kemampuan editing kaya. |
| 3 | AutoCompleteTextView
The AutoCompleteTextView adalah tampilan yang mirip dengan EditText, kecuali bahwa hal itu menunjukkan daftar saran penyelesaian secara otomatis saat pengguna mengetik. |
| 4 | Tombol
A push-tombol yang bisa ditekan, atau diklik, oleh pengguna untuk melakukan suatu tindakan. |
| 5 | ImageButton
AbsoluteLayout memungkinkan Anda untuk menentukan lokasi yang tepat dari anak-anaknya. |
| 6 | kotak centang
On / off switch yang dapat diubah oleh pengguna. Anda harus menggunakan kotak centang ketika menyajikan pengguna dengan sekelompok opsi yang dapat dipilih yang tidak saling eksklusif. |
| 7 | ToggleButton
Sebuah tombol on / off dengan lampu indikator. |
| 8 | Tombol radio
The RadioButton memiliki dua negara: baik diperiksa atau dicentang. |
| 9 | RadioGroup
Sebuah RadioGroup digunakan untuk kelompok bersama satu atau lebih tombol radio. |
| 10 | ProgressBar
ProgressBar lihat memberikan umpan balik visual tentang beberapa tugas yang sedang berlangsung, seperti ketika Anda melakukan tugas di latar belakang. |
| 11 | Pemintal
Sebuah daftar drop-down yang memungkinkan pengguna untuk memilih salah satu nilai dari satu set. |
| 12 | TimePicker
Pandangan TimePicker memungkinkan pengguna untuk memilih waktu hari, baik dalam modus 24-jam atau mode AM / PM. |
| 13 | DatePicker
DatePicker lihat memungkinkan pengguna untuk memilih tanggal hari. |
Sumber : http://www.w3ii.com/id/android/android_user_interface_controls.html
Contoh programnya UI Control dalam aplikasi
kontrol input adalah komponen interaktif di antarmuka pengguna aplikasi Anda. Android menyediakan berbagai macam kontrol yang dapat digunakan dalam UI Anda, seperti tombol, bidang teks, mencari bar, centang kotak, tombol zoom, tombol toggle, dan banyak lagi.
Sebagaimana dijelaskan dalam bab sebelumnya, tampilan objek mungkin memiliki ID unik yang ditugaskan untuk itu yang akan mengidentifikasi Melihat unik dalam pohon. Sintaks untuk ID, dalam sebuah tag XML adalah –
android:id=”@+id/text_id”
Untuk membuat UI Control / View / Widget Anda harus menentukan tampilan / widget di tata letak file dan menetapkan ID unik sebagai berikut –
<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:orientation=”vertical” >
<TextView android:id=”@+id/text_id”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”I am a TextView” />
</LinearLayout>
Lalu akhirnya membuat sebuah instance dari objek Control dan menangkap itu dari tata letak, gunakan berikut –
TextView myText = (TextView) findViewById(R.id.text_id);
Sumber : http://www.w3ii.com/id/android/android_user_interface_controls.html
Download ppt pertemuan ke 3 DISINI
Anggota Kelompok
- Aulia Fitriani(15.11.0219)
- Dani Widianto (15.11.0228)
- Gagas Restu Sutikno (15.11.0223)
- Irvando Demas Arifiandani (15.11.0225)
- Islakhun nur dzaki (15.11.0217)
- Saiful Anwar (15.11.0210)
- VIP Brilliant Baharudin Yusuf (15.11.0197)