PEMROGRAMAN MOBILE 2 Dina Murniati Putri (NIM )

Presentasi berjudul: "PEMROGRAMAN MOBILE 2 Dina Murniati Putri (NIM )"— Transcript presentasi:

1 PEMROGRAMAN MOBILE 2 Dina Murniati Putri (NIM.15.11.0292)
Erlangga Putra Buana (NIM ) Irvinda Yudha Febrian (NIM ) Nugraga Dani Aji (NIM ) Rahman Al Firous (NIM ) Tegar Juniar Wibowo (NIM )

2 Komponen Aplikasi Android
File yang menggambarkan setiap komponen dan bagaimana mereka berinteraksi. Activities Services Broadcast Receivers Content Providers

3 Hierarki Element dalam Layar
Unit dasar dari aplikasi android adalah activity, yaitu sebuah objek dari kelas android.app.Activity. Activity bisa melakukan banyak hal, tetapi dia sendiri tidak akan terlihat secara langsung dilayar. Untuk membuat activity terlihat di layar adalah dengan membuatkannya User Interface, dimana disini kita akan menggunakan viewgroups Unit dasar User Interface dalam platform Andorid.

4 Proses Thread 1.Konsep Dasar Thread
Thread disebut juga sebagai proses ringan (lightweight) yang merupakan unit dasar dari utilitas CPU, yang mana didalamnya terdapat id thread, program counter, register, dan stuck. Thread saling berbagi bagian program, bagian data, dan sumber daya sistem operasi dengan thread lain yang mengacu pada proses yang sama disebut dengan multithreading. Dengan banyak control thread proses dapat melakukan lebih dari satu pekerjaan dalam waktu yang sama. 2.Multithreading Thread saling berbagi bagian program,bagian data,dan sumber daya sistem operasi dengan thread lain yang mengacu pada proses yang sama disebut dengan multithreading. Keuntungan Multithreading : Responsive,Berbagi Sumber daya,Ekonomis,Utilisasi arsitektur multiprosesor. 3.Model Multithreading : Many to one,Many to many,one to one 4.Pustaka Thread Pustaka thread atau yang lebih familiar dikenal dengan Thread Library bertugas untuk menyediakan API untuk programmer dalam menciptakan dan memanage thread.

5 Siklus Hidup Activity

6 Siklus Hidup Activity 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. Konsepnya adalah inheritance, yang mempunyai beberapa state method dalam kelas (class), berikut penjelasannya : onCreate() : Dipanggil ketika activity pertama kali dibuat onStart() : Dipanggil ketika sebuah activity tampil ke pengguna onResume() : Dipanggil ketika activity diberhentikan sementara (paused) dan sebelum activity dijalankan kembali (resume) onFreeze() : Dipanggil ketika activity dalam keadaan freeze (not respon) onPause() : Dipanggil ketika activity dihentikan sementara onStop() : Dipanggil ketika activity dihentikan onDestry() : Dipanggil sebelum activity dihancurkan ole sistem onRestart() : Dipanggil ketika activity dijalankan kembali

7 Project structure Tujuan dari memahami struktur project android adalah untuk  mengetahui fungsi atau peran dari masing-masing struktur file tersebut. Sehingga nantinya akan memudahkan kita dalam mengdevelop aplikasi android secara lebih lanjut.

8 1. Main Project Main Project merupakan isi dari keseluruhan pembentuk aplikasi android yang kita create. Pada Gambar.1 main projectnya adalah "ProjectBaru". Sebuah project di Android Studio mirip dengan Workspace pada Eclipse. 2. .idea Folder .idea ini merupkan direktori setingan IntelliJ IDEA yang berisikan metada untuk project.  3. Project module (app) Folder Project module (app) merupakan folder aktual dari aplikasi android yang kita buat. Pada folder ini terdiri beberapa subdirektori : Build :Folder build berisikan semua output dari module project yang kita buat Libs : Kondisi default dari folder libs ini adalah kosong. Pada folder ini kita dapat menambahkan librari yang berbentuk file .jar. Src :Pada folder src, terrdapat tiga subfolder yaitu : AndroidTest, main dan test. Graddle :automation build toolkit yang mengelola dependcy dari project android yang kita buat. External libraries :Bagian ini menyatakan untuk librari yang diperlukan dalam mendukung pembuatan aplikasi android.

9 Structure XML Struktur dasar XML terdiri dari beberapa elemen seperti root child dan subchild. Namun XML juga mempunyai bentuk atau struktur yang menyerupai bentuk sebuah pohon sehingga disebut struktur pohon atau Tree Structure. Berikut ini adalah struktur pohonnya :

10 Structure XML Penulisan XML Implementasi

11 Jenis-jenis Layout Layout adalah suatu tampilan tata letak di android studio untuk mengatur penempatan text/gambar yang sudah terkonsep. Layout adalah bagian terpenting untuk memperindah tampilan pada aplikasi yang kita buat. Dibagi menjadi 2: 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. 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.

12 Jenis-jenis Layout Linear Layout Relative Layout

13 Mendesain User Interface/Layout
cara membuat Linear layout Vertical dan Horizontal pada android studio: kita buat project baru pada android studio dan beri nama project sesuai keinginan kita contoh nama project:”Belajar Linear Layout”, jika belum tau membuat project di android studio bisa klik di sini. Berikut ini contoh sebagian script pada activity_main.xml. //contohLinearVertical <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" schemas.android.com/apk/res/android" xmlns:app=" res-auto" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent

14 Berikut hasil Relative Layout yang kita buat:
Sumber:

15 Android UI Control Ada sejumlah kontrol UI yang disediakan oleh Android yang memungkinkan untuk membangun antarmuka pengguna untuk aplikasi. Berikut ini ada beberapa kontrol UI: TextView EditText Button ImageButton CheckBox ToggleButton RadioButton RadioGroup ProgressBar

16 Contoh Program UI Control Dalam Aplikasi

17 android:id="@+id/switchButton2" android:layout_width="wrap_content"
activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:layout_margin="16dp"     android:gravity="center_horizontal"     android:orientation="vertical">     <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="Contoh Switch Button Android" />     <Switch                 android:layout_marginTop="50dp"         android:text="Android Switch Button 1" />                 android:text="Android Switch Button" />     <Switch                 android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_marginTop="30dp"         android:text="Android Switch Button 2" />     <TextView                 android:text="Android Switch Button" />         android:layout_width="fill_parent"         android:layout_height="fill_parent"         android:gravity="center|bottom"         android:text="okedroid.com"         android:textSize="24sp"         android:textStyle="bold" /> </LinearLayout>

18 if (switchButton.isChecked()) { textView.setText(switchOn); } else {
MainActivity.java package com.okedroid.myapplication; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.widget.CompoundButton; import android.widget.Switch; import android.widget.TextView; public class MainActivity extends AppCompatActivity {     Switch switchButton, switchButton2;     TextView textView, textView2;     String switchOn = "Switch is ON";     String switchOff = "Switch is OFF";       protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         // For first switch button         switchButton = (Switch) findViewById(R.id.switchButton);         textView = (TextView) findViewById(R.id.textView);         switchButton.setChecked(true);         switchButton.setOnCheckedChangeListener(newCompoundButton.OnCheckedChangeList ener() {                       public void onCheckedChanged(CompoundButton compoundButton, booleanbChecked) {                 if (bChecked) {                     textView.setText(switchOn);                 } else {                     textView.setText(switchOff);                 }             }         });         if (switchButton.isChecked()) {             textView.setText(switchOn);         } else {             textView.setText(switchOff);         }         // for second switch button         switchButton2 = (Switch) findViewById(R.id.switchButton2);         textView2 = (TextView) findViewById(R.id.textView2);         switchButton2.setChecked(false);         switchButton2.setOnCheckedChangeListener(newCompoundButton.OnCheckedChangeListener() {                       public void onCheckedChanged(CompoundButton compoundButton, booleanbChecked) {                 if (bChecked) {                     textView2.setText(switchOn);                 } else {                     textView2.setText(switchOff);                 }             }         });         if (switchButton2.isChecked()) {             textView2.setText(switchOn);             textView2.setText(switchOff);     } }