Projeck Membuat Biodata Diri
Pembuatan projeck ini menggunakan Eclipse heliaos dan Android versi 2.2.
Pembuatan projeck ini menggunakan Eclipse heliaos dan Android versi 2.2.
Jalankan IDE Eclipse, pilih Fili - New - Android Project, sehingga muncul pilihan sebagai berikut :
kemudian pilih Next maka muncul sebagai berikut :
setelah pilih Next akan muncul seperti gambar di bawah ini :
Sekarang masuk ke halaman pertama pembuatan splas android. Yang harus diperhaikan pada saat pembuat project pada android adalah besar kecilnya suatu image karena itu akan mempengaruhi halaman android. Yang pertama kita lakukan adalah :
1. Membuat desain awal untuk splas, desain bisa dibuat sesuai keinginan, berikut tampilannya :
source code :
1. Desain
<TableLayout 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:background="@drawable/awan"
android:id="@+id/table">
<TableRow >
<TextView
android:id="@+id/textView1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingTop="20dp"
android:gravity="center_horizontal"
android:text=".:WELCOME TO MY PROFIL:."
android:textSize="20dp" />
</TableRow>
<TableRow >
<ImageView
android:id="@+id/imageView1"
android:layout_width="300dp"
android:layout_height="200dp"
android:layout_marginBottom="91dp"
android:paddingTop="30dp"
android:src="@drawable/gingjer" />
</TableRow>
<TableRow>
<TextView
android:id="@+id/textView3"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal"
android:text="Universitas Ibn Khaldun Bogor"
android:textSize="20dp" />
</TableRow>
<RelativeLayout>
<TextView
android:id="@+id/textView2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:gravity="center_horizontal"
android:text="Fakultas Teknik"
android:textSize="20dp" />
</RelativeLayout>
</TableLayout>
2. Splas (.java)
package com.example.tugasuas; /" packege sesuai penamaan pada project "
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationUtils;
import android.view.animation.LayoutAnimationController;
import android.widget.ImageView;
import android.widget.TableLayout;
import android.widget.TableRow;
import android.widget.TextView;
@SuppressWarnings("unused")
public class MainActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
startAnimating(); }
private void startAnimating() { /" splas animasi "
// TODO Auto-generated method stub
TextView textView1 = (TextView) findViewById(R.id.textView1);
Animation fade1 = AnimationUtils.loadAnimation(this, R.anim.fade_in);
textView1.startAnimation(fade1);
ImageView imageView1 = (ImageView) findViewById(R.id.imageView1);
Animation fade2 = AnimationUtils.loadAnimation(this, R.anim.fade_in2);
imageView1.startAnimation(fade2);
TextView textView2 = (TextView) findViewById(R.id.textView2);
Animation fade3 = AnimationUtils.loadAnimation(this, R.anim.fade_in);
textView2.startAnimation(fade3);
TextView textView3 = (TextView) findViewById(R.id.textView3);
Animation fade4 = AnimationUtils.loadAnimation(this, R.anim.fade_in2);
textView3.startAnimation(fade4);
fade2.setAnimationListener(new AnimationListener() {
public void onAnimationStart(Animation animation) {
// TODO Auto-generated method stub
}
public void onAnimationRepeat(Animation animation) {
// TODO Auto-generated method stub }
public void onAnimationEnd(Animation animation) {
// TODO Auto-generated method stub
startActivity(new Intent(MainActivity.this, MenuActivity.class));
MainActivity.this.finish(); } });
Animation spinin = AnimationUtils.loadAnimation(this, R.anim.custom_anim);
LayoutAnimationController controller = new LayoutAnimationController(spinin);
TableLayout table = (TableLayout) findViewById(R.id.table);
TableRow row = (TableRow) table.getChildAt(0);
row.setLayoutAnimation(controller); }}
3. Agar animasi dapat di kontrol maka pembuatan animasi harus ditanpah folder anim :
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
2. Membuat desaign untuk menu, berikut tampilannya :
Source code :
1. Halaman menu (.xml)
<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:background="@drawable/awan" >
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:gravity="center_horizontal"
android:paddingTop="10dp"
android:text="Di halaman ini anda bisa memilih menu atau button yang telah di sediakan yaitu sebagai berikut :"
android:textSize="10dp" />
<ImageView
android:id="@+id/imageButton2"
android:layout_width="70dp"
android:layout_height="80dp"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_marginLeft="48dp"
android:onClick="menu"
android:src="@drawable/profil" />
<ImageView
android:id="@+id/imageButton1"
android:layout_width="70dp"
android:layout_height="80dp"
android:layout_alignParentRight="true"
android:layout_alignTop="@+id/imageButton2"
android:layout_marginRight="63dp"
android:onClick="menu2"
android:src="@drawable/rencana" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/imageButton2"
android:layout_alignRight="@+id/imageButton2"
android:gravity="center"
android:text="Profil" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/textView2"
android:layout_alignBottom="@+id/textView2"
android:layout_alignLeft="@+id/imageButton1"
android:gravity="center"
android:text="Rencana" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignRight="@+id/textView3"
android:gravity="center"
android:paddingTop="10dp"
android:text="Halaman menu"
android:textSize="20dp" />
</RelativeLayout>
2. (.java)
package com.example.tugasuas;
import android.os.Bundle;
import android.app.Activity;
import android.app.ProgressDialog;
import android.content.Intent;
import android.util.Log;
import android.view.Menu;
import android.view.View;
public class MenuActivity extends Activity {
protected ProgressDialog progressDialog;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
progressDialog = ProgressDialog.show(MenuActivity.this,"Tolong Ditunggu . . .", "Karena sistem sedang loading"); /" loading pada button "
new Thread(){
public void run() {
try{
sleep(4000); }
catch (Exception e) {
Log.e("tag",e.getMessage()); }
progressDialog.dismiss(); }
}.start();
setContentView(R.layout.activity_menu); }
public void menu (View v){
Intent intent = new Intent (this,ProfilActivity.class);
startActivity(intent);}
public void menu2 (View v){
Intent intent = new Intent (this,RencanaActivity.class);
startActivity(intent);}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_menu, menu);
return true; }}
Tampilan loading pada button profil dan button rencana :
------------------------------------------------------------------------------------------------------------------------------------------------------------------
3. Membuat desain untuk halaman profil, berikut tampilannya :
Source code :
1. (.xml)
<ScrollView 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:background="@drawable/awan" >
<TableLayout
android:layout_width="400dp"
android:layout_height="200dp"
android:layout_alignParentLeft="true"
android:layout_below="@+id/imageView1"
android:layout_marginTop="25dp" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="88dp"
android:layout_marginTop="20dp"
android:textSize="25dp"
android:text="Halaman Profil" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="200dp"
android:layout_height="150dp"
android:layout_gravity="center"
android:layout_marginTop="18dp"
android:layout_marginRight="35dp"
android:src="@drawable/foto" />
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Nama" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Linanda Kusumawati" />
</TableRow>
<TableRow >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Alamat" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Rusunawa UIKA Bogor" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Email" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="yu_zhulin@rocketmail.com" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Golongan Darah" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="A" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Prodi" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:padding="5dp"
android:text="Rekayasa Perangkat Lunak" />
</TableRow>
<ImageView
android:id="@+id/imageButton1"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_marginTop="80dp"
android:onClick="menu1"
android:layout_marginRight="100dp"
android:src="@drawable/back" />
</TableLayout>
</ScrollView>
2. Profil (.java)
package com.example.tugasuas;
import android.os.Bundle;
import android.app.Activity;
import android.app.ProgressDialog;
import android.content.Intent;
import android.util.Log;
import android.view.Menu;
import android.view.View;
public class ProfilActivity<P> extends Activity {
protected ProgressDialog progressDialog;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
progressDialog = ProgressDialog.show(ProfilActivity.this,"Tolong Ditunggu . . .", "Karena sistem sedang loading");
new Thread(){
public void run() {
try{
sleep(4000);
}
catch (Exception e) {
Log.e("tag",e.getMessage()); }
progressDialog.dismiss(); }
}.start();
setContentView(R.layout.activity_profil); }
public void menu1 (View v){
Intent intent = new Intent (this,MenuActivity.class);
startActivity(intent); }
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_profil, menu);
return true; }}
-------------------------------------------------------------------------------------------------------------------------------------------------------------------
4. Membuat desain untuk halaman rencana masa depan, berikut tampilannya :
Source code :
1. Rencana Masa Depan (.xml)
<ScrollView 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:background="@drawable/awan">
<TableLayout
android:layout_width="fill_parent"
android:layout_height="200dp"
android:layout_alignParentLeft="true"
android:layout_below="@+id/imageView1"
android:layout_marginTop="25dp" >
<TextView
android:id="@+id/textView1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal"
android:text="Rencana Masa Depan"
android:textSize="20dp" />
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="50dp"
android:padding="10dp"
android:text="Saya ingin satu setengah tahun lagi saya sudah mendapat gelar S1. Kemudian meneruskan S2 saya dengan uang hasil keringat saya sendiri. Kemudian sekolah lagi sampai gelar Prof. dinama saya."
android:textSize="10dp" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="Empat tahun atau lima tahun yang akan datang saya ingin menikah. Dan tidak akan menunda - nunda untuk punya anak. Karena anak adalah kado terindah dari allah swt."
android:textSize="10dp" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text=" Saya ingin membahagiakan orang tua saya, terutama dalam memberikan pendidikan kepada adik2 saya."
android:textSize="10dp" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="Satu tahun setelah saya menikah saya ingin mempunyai rumah sendiri dan mobil sendiri. Saya ingin menjadi istri yang dicintai allah swt dan suami, menjadi ibu yang bisa memberikan pendidikan yang baik untuk anak2 saya, menjadi istri/ortu yang mandiri dan banyak wawasan (cerdas dalam bidang apapun) amiin..."
android:textSize="10dp" />
</TableRow>
<TableRow>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="Semoga cita2 ku semua tercapai amiin... "
android:textSize="10dp" />
</TableRow>
<ImageView
android:id="@+id/imageButton2"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_marginRight="50dp"
android:layout_marginTop="75dp"
android:layout_weight="0.07"
android:onClick="menu2"
android:src="@drawable/back" />
</TableLayout>
</ScrollView>
2. untuk (.java) seperti pada halaman profil. Hanya beda pada :
public void menu2 (View v){ " Hanya berbeda pada penamaan button "
Intent intent = new Intent (this,MenuActivity.class);
startActivity(intent); }
Tampilan loading pada button back :
Semoga blog ini bermanfaan dan bisa membantu bagi yang membuka blog ini, mencoba dan membacanya. TERIMA KASIH mau berkunjung ke blog saya.
Untuk APK bisa di download disini
