Catatan Ku

Projeck Membuat Biodata Diri

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">

<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>

<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>

<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>

<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" />

<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>

<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>

<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>

<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>

<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" />

<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>

<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>

<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>

<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>

<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

Catatan Ku

Senin, 21 Januari 2013

Membuat Project di Andorid

Koment FB

Labels

Blog Archive

About Me

Right Content

Blog Comuniti