Android Beginner Lessons

because i'm beginner

.

Selasa, 27 Oktober 2015

Android: ListActivity

5 komentar

INTRODUCTION
ListActivity yaitu menyusun object secara vertikal tanpa menggunakan layout karena langsung diatur oleh activity, berbeda dengan ListView yang membutuhkan layout untuk menampilkan list.

ListActivity dan ListView berbeda dalam penulisan code java tapi sama dalam hal penggunaan adapter. Posting kali ini kita mulai dari ListActivity terlebih dahulu.

ListActivity dalam hal penggunaan adapter terbagi dua, yaitu
  1.  Menggunakan adapter default Android
  2.  Menggunakan custom adapter, ini supaya kita lebih leluasa mengatur susunan item per list.

OK.. cekidot

SAMPLE -- LIST ACTIVITY WITH DEFAULT ADAPTER
  • Buat project baru, pilih Blank Activity pada pilihan template aplikasi
  • Buat layout baru, beri nama item_basic.xml, copy ini :
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/text_basic"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:padding="20dp"
        android:text="Item Text"
        android:textAppearance="?android:attr/textAppearanceMedium" /> 
  • Buka MainActivity.java, hapus semua kecuali package bla.bla.bla
  • Ganti dengan ini :
import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends ListActivity {

 //membuat variable list
 static final String[] ANDROID_LIST = new String[] {
  "Alpha",
  "Beta",
  "Cupcake",
  "Donut",
  "Eclair",
  "Frozen yogurt",
  "Ginger Bread",
  "Honeycomb",
  "Ice Cream Sandwich",
  "Jelly Bean",
  "Kitkat",
  "Lollipop",
  "Marshmallow"
  };
 
 //variable memanggil ArrayAdapter (default)
 private ArrayAdapter<String> adapter;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  
  //memuat list melalui adapter
  adapter = new ArrayAdapter<String>(
    this,    //activity
    R.layout.item_basic, //layout berisi textview
    ANDROID_LIST  //memanggil list
    );

  //set adapter
  setListAdapter(adapter);
  
  //set onClick
  ListView listView = getListView();oject baru dengan Blang Activity
  listView.setOnItemClickListener(new OnItemClickListener() {
   public void onItemClick(AdapterView<?> parent, View view,
     int position, long id) {
    
       // ketika di klik muncul toast
       Toast.makeText(getApplicationContext(),((TextView) view).getText(), Toast.LENGTH_SHORT).show();
   }
  });

 }

}

Hasilnya :


SAMPLE -- LIST ACTIVITY WITH CUSTOM ADAPTER
Custom Adapter disini sangat membebaskan kita untuk menaruh lebih dari satu item untuk setiap list, bahkan bisa menambahkan gambar.
  • Buat project baru
  • Buat layout baru, beri nama item_basic_with_image.xml
  • Copy ini : 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="20dp"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/image_item"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:padding="4dp"
        android:scaleType="centerCrop"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/text_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="12dp"
        android:layout_toRightOf="@id/image_item"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>

  • Download dulu bahannya disini, extract, masukkan ke res/drawable-hdpi 
  • Buat Class baru untuk adapternya, beri nama OsVersionAdapter.java, copy ini :
import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class OsVersionAdapter extends ArrayAdapter<String> {
  
  private final Activity context;
  private final String[] osName;
  private final int[] img;
  
  public OsVersionAdapter(Activity context, String[] itemname, int[] img) {
   super(context, R.layout.item_basic_with_image, itemname);
   // TODO Auto-generated constructor stub
   
   this.context=context;
   this.osName=itemname;
   this.img=img;
  }
  
  public View getView(int position,View view,ViewGroup parent) {
   LayoutInflater inflater=context.getLayoutInflater();
   View rowView=inflater.inflate(R.layout.item_basic_with_image, null, true);
   
   ImageView iv = (ImageView) rowView.findViewById(R.id.image_item);
   TextView tv = (TextView) rowView.findViewById(R.id.text_item);
   
   iv.setImageResource(img[position]);
   tv.setText(osName[position]);
   return rowView;
   
  };

}
  • Buka MainActivity.java, hapus semua code kecuali package bla.bla.bla
import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends ListActivity{
 
 String[] itemname = {
   "Alpha",
   "Beta",
   "Cupcake",
   "Donut",
   "Eclair",
   "Frozen yogurt",
   "Ginger Bread",
   "Honeycomb",
   "Ice Cream Sandwich",
   "Jelly Bean",
   "Kitkat",
   "Lollipop",
   "Marshmallow"
   };
 
 int[] imgid={
   R.drawable.a,
   R.drawable.b,
   R.drawable.c,
   R.drawable.d,
   R.drawable.e,
   R.drawable.f,
   R.drawable.g,
   R.drawable.h,
   R.drawable.i,
   R.drawable.j,
   R.drawable.k,
   R.drawable.l,
   R.drawable.m
   };
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  
  OsVersionAdapter adapter=new OsVersionAdapter(this, itemname, imgid);

  setListAdapter(adapter);

  ListView list = getListView();
  list.setOnItemClickListener(new OnItemClickListener() {
 
   @Override
   public void onItemClick(AdapterView<?> parent, View view,
     int position, long id) {
    String Slecteditem= itemname[+position];
    Toast.makeText(getApplicationContext(), Slecteditem, Toast.LENGTH_SHORT).show();
    
   }
  });
 }
}


Hasilnya :

Semogabermanfaat...

Selasa, 20 Oktober 2015

Android Layout: LinearLayout

4 komentar
INTRODUCTION

LinearLayout termasuk kategori viewGroup yang didalamnya bisa memuat view atau layout lain.
LinearLayout mempunyai beberapa parameter dan properties untuk mengatur ukuran dan orientasi. Perhatikan tabel dibawah ini:


Parameter Posisi Deskripsi
Gravity Child Untuk mengatur posisi layout apakah sebelah kiri, kanan, atas atau lainnya di dalam layout parent.
Padding Parent Mengatur jarak setiap sisi child. Jarak dihitung dalam satuan px atau dip.
WeightSum
Parent
Membagi layout ke beberapa bagian secara merata antar child, misal WeightSum="4" dan didalamnya ada 4 child maka otomatis setiap child akan mengambil space sebesar 1 (25%).
Orientation Parent Mengatur orientasi, horisontal dan vertikal.
Margin Child Mengatur jarak jauh dari parent disetiap sisi. Jarak dihitung dalam satuan px atau dip.
Weight Child Mengatur pengambilan porsi space dari WeightSum.
Misal, jika layout parent mempunyai WeightSum="3" dan ada dua child dengan rincian:
child-1: layout_weight = "1",
child-2: layout_weight = "2",
maka :
child1 akan mengambil space sebesar 1(30.3%) dan
child2 mengambil space sebesar 2(66.6%).
Visibility Parent / Child Menentukan aktif atau tidaknya satu View atau layout ketika aplikasi dijalankan.
FitSystemWindows Parent Menempatkan parent layout dibawah Toolbar/Actionbar. Ini digunakan pada kasus jika keduanya bertumpuk.

EXAMPLE

Buat satu layout di folder layout, beri nama apa saja, misal: test_linear.xml
copy code dibawah ini:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical" 
    android:weightSum="4" > 
    <!-- android:orientation="vertical" : mengatur object child tersusun secara vertical -->
    <!-- android:weightSum="4" : membagi layout menjadi 4 bagian @25% -->
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/hello_world" />
        <!-- android:layout_weight="1" : mengambil space sebesar 1 dari 4 (25%); -->

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/hello_world" />
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/hello_world" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/hello_world" />

</LinearLayout>

Hasilnya :


Sekarang ganti orientasinya
android:orientation="vertical"
jadi
android:orientation="horizontal"
Hasilnya :

Contoh nested LinearLayout
Perhatikan code xml dibawah ini :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:weightSum="3" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:weightSum="4" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:background="#ffffff"
            android:gravity="center"
            android:text="hello" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#ffffff"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="hello" />        

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#ffffff"
              android:layout_gravity="center"
            android:gravity="center"
            android:text="hello" />
        
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#ffffff"
            android:layout_gravity="center"
            android:gravity="center"            
            android:text="hello" />        
    </LinearLayout>
    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#ffffff"
        android:gravity="center"
        android:text="hello" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#ffffff"
        android:gravity="center"
        android:text="hello" />    

</LinearLayout>

Hasilnya :


Semoga bermanfaat

Rabu, 14 Oktober 2015

Android XML: Layout

2 komentar

Dalam membuat sebuah aplikasi diperlukan beberapa Layout untuk menampilkan antar muka (UI atau User Interface)aplikasi, ini sangat penting karena masih banyak orang yang menilai 'sesuatu' dari tampilan. :)

Ok, langsung saja...

Pada dasarnya layout terbagi menjadi dua kategori yaitu
  1. ViewGroup yaitu layout yang bisa dijadikan parent atau induk yang didalamnya ada banyak view atau viewGrup lainnya.
  2. View yaitu layout yang hanya bisa dijadikan child dan tidak bisa dijadikan parent/induk

1. ViewGroup
 Layout yang masuk dalam kategori ViewGroup diantaranya adalah:
  •  GridLayout
  •  LinearLayout (vertical dan horizontal)
  •  RelativeLayout
  •  FrameLayout 
  •  TableLayout
2. View
View hanya bisa dijadikan child dari ViewGroup, yang termasuk view diantaranya:
  •  FormWidget
  •  TextFields
  •  Composite 
  •  ImageView
  •  Dll 
Semoga bermanfaat.... 

Minggu, 11 Oktober 2015

Eclipse: Mengenal Struktur Project Aplikasi Android

2 komentar

Eclipse dan Android Studio berbeda di susunan struktur foldernya, kita mulai dari Eclipse terlebih dahulu

Struktur Folder Eclipse
di project MyApk pada gambar atas mempunyai susunan project seperti ini:
  • src/
  • gen/
  • Android 6.0/
  • Android Private Libraries/
  • Android Dependencies/
  • assets/
  • bin/
  • libs/
  • res/

  •  src/
folder src berisi package source code java. Disinilah kita menempatkan semua perintah dari sebuah aplikasi.


Untuk membuat file java baru, klik kanan di package com.zam.myapk, pilih New >> Class >> lalu isi nama Classnya.

Untuk menambah package, klik kanan di folder src , lalu pilih New >> Package >> lalu isi nama package baru, misal com.zam.myapk.settings.

  • gen/ 
folder gen terbentuk otomatis dan berisi informasi tentang semua source yang kita buat, misal tentang id dari string, drawable dll. 
File R.java akan terbentuk jika semua config sudah kita atur dengan benar, misal pengaturan di Manifest , Project Build, dll.

  • Android 6.0/


Folder ini menunjukan SDK yang kita pakai untuk membuild aplikasi. menggunakan versi terbaru akan lebih baik karena akan lebih luas jangkauan dukungan untuk aolikasi kita.

  • Android Private Libraries/ 

Dari nama foldernya bisa diketahui folder ni berisi libs private. Libs yang dimaksud adalah libs dari framework tambahan untuk memperluas dukungan aplikasi kita.
Folder ini otomatis terbentuk jika kita memasukan libs ke project kita.

  • Android Dependencies/


folder ini sama seperti folder libs private hanya saja biasanya folder ini diisi oleh libs tambahan dari pihak ketiga. Folder ini juga terbentuk otomatis jika kita memasukan libs ke project.

  • assets/
Folder ini berguna untuk menyimpan file tambahan yang diperlukan oleh aplikasi, misal buat menyimpan font, file html, dll.

  • bin/


 Folder ini untuk menyimpan hasil build dar project kita yang disimpan dalam format .apk.

  • libs/
 Folder ini untuk menempatkan libs yang sudah berbentuk file .jar, jika tidak ada folder libs di project kita, maka buat terlebih dahulu dengan cara klik kana di folder project >> New >> Folder, lalu beri nama libs, dan selanjutnya paste file lib .jar ke dalamnya.

  •  res/
Folder ini tak kalah pentingnya dengan folder lainnya bahkan boleh dibilang sangat penting karena folder res/ berisi file yang berhubungan dengan antar muka aplikasi dari mulai teks, bahasa, gambar, ikon, tampilan, dll.

NOTE:  Catatan diatas diambil pengalaman membuat aplikasi dan boleh dibilang kebanyakan adalah persepsi penulis sendiri, jadi jika ada kekeliruan mohon koreksi dari teman-teman pembaca..


 Semoga bermanfaat...
 

Jumat, 09 Oktober 2015

Android: Activity

2 komentar
Jika kita membuka sebuah aplikasi di ponsel android maka akan muncul tampilan untuk melakukan interaksi dengan aplikasi tersebut, tampilan tersebut adalah Layout dan yang mengatur dan menanganinya adalah Activity.
Sebuah Activity mempunyai cara keja yang sistematis untuk mengatur bagaimana sebuah aplikasi ketika dijalankan, berhenti, pause dan resume.
Sumber gambar: developer.android.com
Dari gambar diatas kita bisa menyimpulkan bahwa activity mengatur seluruh perputaran kerja sebuah aplikasi atau biasa disebut Lifecycle. 

Mari kita selidiki lebih jauh :)
  • Buka Eclipse atau Android Studio
  • Buat project baru, bisa dilihat disini  atau disini
  • Pilih template aplikasi "Blank Activity"
  • Setelah Eclipse menampilkan area kerja, buka MainActivity
  • Hapus semua kode di MainActivity.java kecuali baris pertama yaitu baris package bla.bla
  • Ganti jadi begini :
    import android.os.Bundle;
    import android.app.Activity;
    import android.util.Log;
    
    public class MainActivity extends Activity {
        String msg = "Activity : "; //tag untuk melihat logcat
       
        /** onCreate dijalankan ketika memulai aplikasi. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
          
            Log.d(msg, "The onCreate() event"); //tag logcat ketika onCreate
        }
    
        /** onStart dijalankan ketika aplikasi/activity menampilkan layout. */
        @Override
        protected void onStart() {
            super.onStart();
       
            //disini kita bisa menambahkan perintah apasaja yang
            //kita inginkan ketika aplikasi dimulai
       
            Log.d(msg, "The onStart() event"); //tag logcat ketika onStart, dst
        }
     
        /** onResume dijalankan ketika aplikasi/activity dijalankan kembali. */
        @Override
        protected void onResume() {
            super.onResume();
      
            //disini kita bisa menambahkan perintah apasaja yang
            //kita inginkan ketika activity dibuka kembali seperti
            //sehabis melakukan perubahan setting aplikasi 
      
        Log.d(msg, "The onResume() event");
        }
    
        /** onPause dijalankan ketika ada aplikasi lain yang berjalan di layar. */
        @Override
            protected void onPause() {
            super.onPause();
      
            Log.d(msg, "The onPause() event");
        }
    
        /** dijalankan ketika aplikasi/activity keluar. */
        @Override
        protected void onStop() {
            super.onStop();
      
            Log.d(msg, "The onStop() event");
        }
    
        /** dijalankan ketika activity diberhentikan. */
        @Override
        public void onDestroy() {
            super.onDestroy();
      
            Log.d(msg, "The onDestroy() event");
        }
    }
  • Save, lalu Run 
  • Tunggu sampai emulator melakukan booting
  • Setelah emulator menampilkan aplikasi yang kita buat tadi, coba tutup aplikasi, buka lagi, lalu buka aplikasi lain, buka lg aplikasi kita dan tutup lagi
  • Sekarang kita lihat logCat dari aplikasi kita 
  • dari catatan LogCat bisa diketahui urutan aktifitas sebuah activity

  • Masih di LogCat,scrolll kebawah lagi
    disini kita bisa mengetahui bagaimana sebuah activity ketika berhenti dan dan dibuka kembali
  •  
     
Seoga bermanfaat..

 

Selasa, 06 Oktober 2015

Android : Mengenal Komponen Aplikasi Android

5 komentar

Komponen aplikasi adalah bagian penting dari sebuah aplikasi Android. Komponen ini harus terhubung dengan AndroidManifest.xml file yang menggambarkan setiap komponen dari aplikasi dan bagaimana mereka berinteraksi.

Ada empat komponen utama yang dapat digunakan dalam aplikasi Android:


Komponen Deskripsi
Activity Untuk menampilkan antarmuka aplikasi.
Service Untuk menjalankan proses aplikasi di belakang layar.
Broadcast Receiver Untuk komunikasi antar activity, aplikasi dan antar device.
Content Provider Untuk manajemen data dan database.

Activity

Sebuah Activity akan menampilkan antarmuka aplikasi di layar, sebagai contoh ketika kita membuka sebuah aplikasi maka akan muncul tampilan dari aplikasi tersebut.
Activity diimplementasikan sebagai subclass dari class Activity sebagai contoh:
public class MainActivity extends Activity {
.....
}

Service

Service adalah komponen yang berjalan di latar belakang. Sebagai contoh, Service bisa memainkan musik di latar belakang saat pengguna berada dalam aplikasi yang berbeda, atau mungkin mengambil data melalui jaringan tanpa menghalangi interaksi pengguna dengan aktivitas.Service diimplementasikan sebagai subclass dari class Service sebagai contoh:
public class MyService extends Service {

}

Broadcast Receivers

Broadcast Receiver berfungsi menerima pesan intent dari aplikasi lain atau dari sistem. Sebagai contoh, suatu aplikasi mengirim pesan berisi perintah tertentu untuk aplikasi lain bahwa beberapa data telah diunduh ke perangkat dan tersedia bagi mereka untuk menggunakan apklikasi tersebut, jadi Broadcast Receiver inilah yang akan menangani komunikasi ini dan akan melakukan tindakan yang tepat.Sebuah Broadcast Receiver diimplementasikan sebagai subclass dari class BroadcastReceiver dan setiap pesan akan dikirim dan diterima sebagai objek Intent.
public class MyReceiver  extends  BroadcastReceiver {
   
   public void onReceive(context,intent){}

}

Content Providers

ContentProvider adalah penyedia konten dari satu aplikasi ke aplikasi lain atas perintah tertentu. Perintah tersebut ditangani oleh sebuah method dari class ContentResolver. Data dapat disimpan dalam sistem file, database atau di tempat lainnya.ContentProvider diimplementasikan sebagai subclass dari class ContentProvider dan harus menerapkan satu set standar API yang memungkinkan aplikasi lain untuk melakukan transaksi.
public class MyContentProvider extends  ContentProvider {
   
   public void onCreate(){}

}

Kita akan bahas lebih rinci lagi tentang semua komponen aplikasi android pada postingan mendatang... InsyaAllah...

Komponen Tambahan

Ada beberapa komponen tambahan yang digunakan dalam pembuatan aplikasi selain yang disebutkan di atas, diantaranya:
Komponen Deskripsi
Fragment Merupakan bagian dari antarmuka pengguna dalam Activity seperti tampilan tab atau pager
View Tampilan UI yang dimuat di layar seperti tombol, list, gambar dan lain-lain.
Layout Mengontrol sebuah View dengan melihatnya 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.

 Semoga bermanfaat...

Jumat, 02 Oktober 2015

Eclipse : Android Basic Application

2 komentar
Membuat Aplikasi dasar menggunakan Eclipse ADT Bundle


  1.  Jalankan Eclipse
  2.  Klik menu File >> New >> Android Application Project

  3.  Pada jendela dibawah ini isi properties aplikasi yang akan dibuat.
  4. Keterangan gambar :
    Nama aplikasi dan nama project diisi bebas.
    Minimum SDK yaitu minimum device yang akan bisa menjalankan aplikasi.
    Target SDK yaitu target prioritas device
    Compile With : pilihan untuk membuild aplikasi

  5. Dijendela dibawah ini biarkan secara default. Jika ingin menyimpan project di folder tertentu maka hilangkan tanda di "Create Project in Workspace" lalu klik tombol "Select.." untuk menentukan folder

  6. Langkah berikutnya pilih salahsatu template yang tersedia, misal Navigation Drawer Activity

  7. Pilih Finish di jendela berikutnya

  8.  Eclipse akan memproses hasil configurasi yang sudah kita buat dan menampilkan area kerja untuk menulis program aplikasi.
  9. Untuk mencoba hasil configurasi yang kita buat tadi, klik kanan di folder project, di contoh tadi adalah folder MyApk, pilih "Run As >> Android Application

  10.  Jika sebelumnya kita sudah membuat emulator maka Eclipse akan otomatis memilih emulator yang ada sebagai device, tunggu emulator melakukan boot

  11.  Emulator dengan posisi layar terkunci, drag menggunakan mouse dari bawah keatas untuk membuka kunci layar

  12.  Emulator menjalankan aplikasi MyApk

  13.  Selesai...
Semoga bermanfaat....