Android Najwa - Selamat pagi sahabat sekalian. Mungkin diantara kita sudah banyak yang mengetahui tentang biodata, Biodata merupakan riwayat hidup seseorang yang disimpan dimedia cetak seperti kertas,dll. Tapi seiring perkembangan zaman, maka banyak kita jumpai biodata dapat dibuat menggunakan media elektronik seperti di komputer menggunakan Microsoft Word. Nah, jika anda ingin membuat sebuah biodata di dalam ponsel android anda. Bagaimana caranya?
 |
| Biodata Android Najwa |
Sekarang saya akan mempraktekkan bagaimana membuat sebuah Biodata didalam Android dengan menggunakan beberapa widget seperti ListView, Intent, dan lainnya yang telah kita bahas sebelumnya. Yuk, Mari simak tutorial dibawah ini.
Tutorial Cara Membuat Biodata di Android
1. Buat Project baru
Seperti biasanya kita membuat sebuah project baru di Android Studio, lalu beri nama projectnya
Biodata. seperti gambar dibawah ini
 |
| Buat Project Baru |
2. Edit Halaman Depan
Buka activity_main.xml lalu tambahkan widget ListView. atau bila ingin membuat script xml seperti berikut
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<ListView
android:id="@+id/l1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
</RelativeLayout>
3. Buat Halaman Biodata
Buat file xml baru seperti biasanya, lalu beri nama activity_biodata lalu buat nama anda atau pun tentang diri anda dengan menggunakan TextView. Dalam hal ini saya membuat biodata website
AndroidNajwa.com. Lihat script xml dibawah ini.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context="com.tama.uts.Biodata">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:gravity="left|center_vertical"
android:orientation="vertical"
android:layout_margin="17dp">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="BIODATA"
android:textColor="#37c8ab"
android:textSize="25dp" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nama Web : Android Najwa.com"
android:textSize="19sp" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Kode : 07072015"
android:textSize="19sp" />
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tempat Launching : Pekanbaru"
android:textSize="19sp" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tanggal Launcing : 07 Juli 2015"
android:textSize="19sp" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Jurusan : Teknik Informatika"
android:textSize="19sp" />
<TextView
android:id="@+id/textView7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fakultas : Sains dan Teknologi"
android:textSize="19sp" />
<Button
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Menu"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:textColor="#fff"
android:background="#37c8ab"/>
</LinearLayout>
</RelativeLayout>
4. Edit Controller Java di Main Activity
Buka
MainActivity.java kemudian hapus semua didalamnya lalu copy dan paste script dibawah ini
package com.androidnajwa.biodata;
import android.app.Dialog;
import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;
public class MainActivity extends ActionBarActivity {
AdapterView.OnItemClickListener listener;
ListAdapter adapter;
ListView list;
Dialog dialog;
String []isi={"Biodata","Pilihan Ganda","Luas Lingkaran",
"Volume Lingkaran","Luas Permukaan Bola",
"Volume Bola","Luas Peersgi Panjang",
"Volume Persegi Panjang"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
list=(ListView)findViewById(R.id.l1);
adapter=new ArrayAdapter<String>(
this,android.R.layout.simple_list_item_1,isi);
list.setAdapter(adapter);
listener =new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0,
View arg1, int arg2,long arg3) {
if(isi[0]==isi[arg2]){
Intent biodata=new Intent(
getApplicationContext(),Biodata.class);
startActivity(biodata);
}else if(isi[1]==isi[arg2]){
View.OnClickListener btn;
dialog=new Dialog(MainActivity.this);
dialog.setContentView(R.layout.activity_pilihan_ganda);
dialog.setTitle("Pilihan Ganda");
dialog.setCancelable(false);
dialog.show();
Button kirim,menu;
kirim=(Button)dialog.findViewById(R.id.kirim);
menu=(Button)dialog.findViewById(R.id.menu);
RadioGroup rGaroup=(RadioGroup)dialog.findViewById(R.id.radioGroup1);
final RadioButton r2=(RadioButton)dialog.findViewById(R.id.radio2);
btn=new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
if(v.getId()==R.id.kirim){
if(r2.isChecked()){
Toast.makeText(getApplicationContext(),
"Jawaban Anda Benar",Toast.LENGTH_SHORT
).show();
dialog.dismiss();
}else{
Toast.makeText(getApplicationContext(),
"Jawaban Anda Belum Benar", Toast.LENGTH_SHORT
).show();
dialog.dismiss();
}
}else if(v.getId()==R.id.menu){
dialog.dismiss();
}
}
};
kirim.setOnClickListener(btn);
menu.setOnClickListener(btn);
}
}
};
list.setOnItemClickListener(listener);
}
}
5. Buat Java Class Biodata
Buatlah file java baru lalu beri nama
Biodata. Ini sebagai class dari Biodata. Berikut script nya
package com.androidnajwa.biodata;
/**
* Created by Ikhsan Prakasa Putra on 29/08/2015.
*/
import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class Biodata extends ActionBarActivity {
Button btn1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_biodata);
btn1=(Button)findViewById(R.id.btn1);
View.OnClickListener on=new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Intent main=new Intent(
getApplicationContext(),MainActivity.class);
startActivity(main);
}
};
btn1.setOnClickListener(on);
}
}
6. Buat Halaman Pilihan Ganda
Untuk Membuat Menarik Daftar di Android, saya menambahkan sebuah halaman bernama Pilihan Ganda, dimana didalamnya terdapat sebuah soal dengan menggabungkan radio button, TextView, ImageView. Oleh karna itu buat file xml baru seperti biasa lalu beri nama
activity_pilihan_ganda.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent">
<ScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#f3f3f3"
>
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Jawablah pertannyaan dibawah ini"
android:textSize="20sp"
android:textColor="#000"
android:layout_marginLeft="5dp"
/>
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
android:layout_marginLeft="5dp"/>
<TextView
android:id="@+id/textView2"
android:textColor="#000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Gambar diatas adalah logo ?"
android:layout_marginLeft="5dp"/>
<RadioGroup
android:id="@+id/radioGroup1"
android:textColor="#000"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<RadioButton
android:id="@+id/radio0"
android:textColor="#000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="Iphone" />
<RadioButton
android:id="@+id/radio1"
android:textColor="#000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true"
android:text="BlackBerry" />
<RadioButton
android:id="@+id/radio2"
android:textColor="#000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Android" />
<RadioButton
android:id="@+id/radio3"
android:textColor="#000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Samsung" />
</RadioGroup>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<Button
android:id="@+id/kirim"
android:text="Kirim"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:textColor="#fff"
android:background="#37c8ab"
android:layout_marginLeft="5dp"
android:layout_marginBottom="5dp"/>
<Button
android:id="@+id/menu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Menu"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:layout_marginLeft="5dp"
android:layout_marginBottom="5dp"
android:textColor="#fff"
android:background="#37c8ab"/>
</LinearLayout>
</LinearLayout>
</ScrollView>
</RelativeLayout>
7. Run Application Project
Sekarang kita akan melakukan testing dengan menggunakan
Shift+F10.
 |
| (1) Tampilan Awal Project |
Kemudian ketika saya meng-klik
Biodata, maka hasilnya seperti berikut
 |
| (2) Tampilan Hasil Biodata |
Lalu saya meng-klik tombol
MENU untuk kehalaman awal, dan meng-klik kembali
Pilihan Ganda.
 |
| (3) Tampilan Hasil Pilihan Ganda |
Catatan : Untuk daftar menu yang lain tidak saya beri aksi, hasil tampilan saja sebagai menu. Bila ingin menambahkan juga bisa dengan menggunakan Intent yang sudah saya ajarkan sebelumnya.
Baca Juga : Tutorial Cara Membuat Intent di Android Studio
Demikianlah pembahasan kita kali ini mengenai
Tutorial Membuat Biodata di Android Studio, Bila ada pertanyaan silakan kirim dihalaman komentar. Terima Kasih atas Kunjungannya di
Android Studio.
0 Response to "Tutorial Membuat Biodata di Android Studio"