Aplikasi Biodata diri DataMe versi 1.0

TUTORIAL 1-INSTALASI ECLIPSE

Android memang luar biasa. Jika Anda ingin membuat aplikasi sendiri untuk Android,

Ada banyak jalan menuju ROMA, banyak cara juga untuk membangun aplikasi Android.

Salah satunya menggunakan software ampuh bernama Eclipse menggunakan bahasa

pemrograman Java. Software ini GRATIS! Dan sudah dulengkapi berbagai macam plugin untuk

mengembangkan aplikasi berbasis Android. Perlu Anda ketahui, untuk menjalankan Eclipse, kita

tidak perlu melakukan instalasi terlebih dahulu.

Oya, jika Anda tidak memiliki HP Android, Jangan khawatir, karena dengan Eclipse kita

sudah dibekali emulatornya.

Sebelumnya, terlebih dahulu Anda memiliki 3 buah komponen dibawah ini.

1. Eclipse

2. ADT Plugin

3. SDK

Selanjutnya ikuti langkah demi langkah berikut. Semoga berhasil! :D

MENGINSTAL PLUGIN ADT

Cara 1. Menginstal ADT Plugin untuk eclipse langsung dari server. Pada cara pertama, Anda harus

terhubung dengan internet.

1. Jalankan Eclipse, kemudian pilih help > instal new software. (Gambar 1.1)

2. Klik add di sebelah kanan atas.

3. Pada kotak dialog add repository, isikan nama : ADT dan location : https://dl-ssl.google.com/android/eclipse/. (Gambar 1.2)

4. Lihat kotak Available software. Centang pada item Developer Tools kemudian pilih Next.

(Gambar 1.3)

5. Pada tampilan berikutnya, Anda akan melihat daftar tools yang akan di download lebih

detail. Pilih Next.

Gambar 1.1

Gambar 1.2

Gambar 1.3

6. Anda akan melihat license agreement. Pilih Accept, kemudian klik Finish.

7. Setelah proses instalasi selesai, restart eclipse.

Cara 2. Apabila Anda terkendala dengan koneksi internet, Anda juga bisa melakukan instalasi

plugin secara offline. Caranya, download terlebih dahulu ADT Plugin kemudian simpan di direktori

tertentu.

1. Ikuti langak 1 dan 2 pada cara pertama

2. Pada dialog add site, pilih Archive.

3. Cari dan pilih file adt.zip yang Anda download tadi.

4. Jangan lupa memberi nama pada beris nama. (Gambar 1. 4)

Gambar 1.4

5. Klik ok.

6. Lihat kotak Available software. Centang pada item Developer Tools kemudian pilih Next.(Gambar 1.5)

Gambar 1.5

7. Pada tampilan berikutnya, anda akan melihat daftar Tools yang akan di instal. Pilih Next.

8. Anda akan melihat license agreement. Pilih Accept, kemudian klik Finish.

9. Setelah proses instalasi selesai, restart eclipse.

DOWNLOAD PACKAGE SDK

Pada tahap ini, Kamu harus terhubung dengan internet untuk melakukan update repositori. Jika

tidak, maka Kamu tidak punya package Android. Berikut caranya

1. Pada Eclipse, pilih Window > Android SDK and AVD manager (Gambar 1.6)

2. Pilih Available Package (Gambar 1.7)

3. Centang pada Android Repository (Gambar 1.8)

4. Otomatis akan melakukan Update , jika tidak pilih Refresh

Gambar 1.6

5. Centang Android Repositori, kemudian pilih Instal Selected

Gambar 1.9

Gambar 1.10

MEMBUAT ANDROID VIRTUAL DEVICE (AVD)

Nah, saatnya membuat Android Virtual Device (AVD). Ini nanti yang akan dipanggil sebagai

simulator.

1. Pada kotak dialog Android SDKdan AVD Manager, pilih New (Gambar 1.11)

2. Isikan seperti berikut (Gambar 1.12)

Gambar 1.11

Gambar 1.12

Nah, dengan demikian, sekarang Anda sudah memiliki Emulator Android.

Gambar 1.13

KONFIGURASI PLUGIN ADT

1. Jalankan Eclipse, pilih window > Preference

2. Pada panel sebelah kiri, pilih Android

Gambar 1.14

3. Pada SDK Location, klik Browse, cari kemudian pilih SDK File yang sudah anda miliki

sebelumya

4. Pilih salah satu platform android, kmeudian klik Apply .

5. Klik Ok.

2. MEMBUAT APP BIODATA DIRI

DataMe Versi 1.0

Langkah-langkahnya sebagai berikut :

1. Jalankan Eclipse, File > new > Project

2. Muncul tampilan kotak dialog New Project. Pilih Android > Android Project > Next.

3. Isikan seperti berikut (Gambar 2.1)

Gambar 2.1

4. Klik Next

5. Seting konfigurasi icon, lihat gambar (Gambar 2.2)

6. Pilih Centang Create Aktivity pilih BlankAktivity , lihat gambar (Gambar 2.3)

Gambar 2.2

Gambar 2.3

7. Klik Next

8. Isikan Title dengan nama App anda ; contoh saya mengisikan nama App saya adalah Data Me

9. lihat gambar (Gambar 2.4)

10. Klik Finish

Gambar 2.4

Membuat Beberapa Activity

Ada 2 cara untuk membuat Activity

1. Membuat Class dengan cara Create new Class

2. Membuat Class dengan cara Create new Android Activity

Ada beberapa kelebihan dan kekurangan dalam membuat Activity dengan cara di atas :

a. Membuat Activity dengan cara membuat new Class

1. Kita perlu memdaftarkan activity kita ke manifest.

2. Kita perlu membuat activity.java secara manual.

3. Kemudian kita juga harus membuat manual activity.xml.

4. Tetapi pada emulator activity yang di tampilkan hanya activity pertama yang kita buat saja.

b. Membuat Activity dengan cara membuat new Activity (Ctrl+N) > new Android Activity

1. Kita tidak perlu mendaftarkan activity kita ke manifes, otomatis activity kita terdaftar ke manifes saat kita membuat activity baru.

2. Kita tidak perlu membuat activity.java dan activity.xml , karena secara otomatis saat kita membuat new acktivity .java dan .xml akan di create .

3. Tetapi semua activity yang kita buat akan tampil semua di emulator, terlihat Berantakan .

4. Cara mengatasinya , masuk ke manifest pada

hapus .MAIN menjadi seperti ini <action android:name="android.intent.action" />

Disini saya akan membuat activity dengan cara ke 2 yaitu dengan Membuat Activity dengan cara membuat new Activity (Ctrl+N) > new Android Activity (Gambar 2.5)

11. Buat berapa activity , di sini saya akan membuat 6 activity (Ctrl+N)

a. Activity_main.xml

b. Biodata.xml

c. About.xml

d. Profil.xml

e. Rmd.xml

f. Spalsh.xml

Gambar 2.5

2. Pilih Android Activity > klik Next

3. Pilih BlankActivity > Next (Gambar 2.6)

I 4. sikan title sesuai activity yang akan anda buat > Klik Finish (Gambar 2.7)

Gambar 2.6

Gambar 2.7

15. Ulangi Langkah 1 – 4 Untuk Membuat beberapa Activity lagi.

Splash.java

package cang.biodata;

import android.content.Intent;
import android.os.Bundle;
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;

public class Splash extends MainActivity {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.splash);
    startAnimating();
}
private void startAnimating() {
// TODO Auto-generated method stub
TextView id = (TextView) findViewById(R.id.id);
Animation fade1 = AnimationUtils.loadAnimation(this, R.anim.fade_in);
id.startAnimation(fade1);

TextView id2 = (TextView) findViewById(R.id.id2);
Animation fade2 = AnimationUtils.loadAnimation(this, R.anim.fade_in2);
id2.startAnimation(fade2);

ImageView id3 = (ImageView) findViewById(R.id.id3);
Animation fade3 = AnimationUtils.loadAnimation(this, R.anim.fade_in2);
id3.startAnimation(fade3);

fade3.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(Splash.this,MainActivity.class));
Splash.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);
}
}

----------------------------------------------------------------------------------------------------------

splash.xml

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/table"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/cover"

android:shrinkColumns="1" >

<TextView

android:id="@+id/id"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="@string/judul"

android:textColor="#000000"

android:textSize="16pt" />

</TableRow>

<TextView

android:id="@+id/id2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="@string/ket"

android:textColor="#000000"

android:textSize="7pt" />

</TableRow>

</TableRow>

<ImageView

android:id="@+id/id3"

android:layout_width="100dp"

android:layout_height="200dp"

android:layout_marginTop="70dp"

android:layout_weight="0.58"

android:src="@drawable/ninja" />

<TextView

android:id="@+id/id4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="150dp"

android:gravity="center"

android:text="@string/Copyriht"

android:textStyle="italic|bold"

android:textColor="#000000"

android:textSize="7pt" />

</TableLayout>

Tampilan Splash

--------------------------------------------------------------------------------

MainActivity.java

package cang.biodata;

import android.app.Activity;

import android.app.AlertDialog;

import android.app.ProgressDialog;

import android.content.DialogInterface;

import android.content.Intent;

import android.os.Bundle;

import android.view.KeyEvent;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.ImageButton;

public class MainActivity extends Activity {

protected ProgressDialog progressDialog;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ImageButton exit = (ImageButton)findViewById(R.id.exit);

exit.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

close();

}

});

}

public void profil (View v){

Intent intent = new Intent (this,Profil.class);

startActivity(intent);}

public void option (View v){

Intent intent2 = new Intent (this,Option.class);

startActivity(intent2);

}

public void about (View v){

Intent intent3 = new Intent (this,About.class);

startActivity(intent3);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.activity_main, menu);

return true;

}

public void close(){

AlertDialog.Builder builder = new AlertDialog.Builder(this);

builder.setMessage("Apakah Anda Benar-Benar ingin keluar?")

.setCancelable(false)

.setPositiveButton("Ya",

new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog,

int id) {

MainActivity.this.finish();

}

})

.setNegativeButton("Tidak",new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog,

int id) {

dialog.cancel();

}

}).show();

}

public boolean onKeyDown(int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACKSLASH) {

close();

}

return super.onKeyDown(keyCode, event);

}

------------------------------------------------------------------------------------------------------

Tampilan Exit

Activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:background="@drawable/cover" >

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/welcome"

android:gravity="center"

android:textSize="10pt"

android:textColor="#000000"

android:textStyle="bold"

<ImageButton

android:src="@drawable/profil1"

android:layout_width="70dp"

android:layout_height="70dp"

android:id="@+id/profil"

android:onClick="profil"

android:textSize="6pt"

android:layout_gravity="center"

android:layout_marginTop="50dp"

android:textColor="#ffffff"/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Profil"

android:textSize="6pt"

android:gravity="center"

android:textColor="#000000"/>

<ImageButton

android:src="@drawable/about"

android:layout_width="70dp"

android:layout_height="70dp"

android:id="@+id/about"

android:onClick="about"

android:textSize="6pt"

android:layout_gravity="center"

android:layout_marginTop="30dp"

android:textColor="#ffffff"/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="About"

android:textSize="6pt"

android:gravity="center"

android:textColor="#000000"/>

<ImageButton

android:src="@drawable/exit"

android:layout_width="70dp"

android:layout_height="70dp"

android:id="@+id/exit"

android:onClick="exit"

android:textSize="6pt"

android:layout_gravity="center"

android:layout_marginTop="30dp"

android:textColor="#ffffff"/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Exit"

android:textSize="6pt"

android:gravity="center"

android:textColor="#000000"/>

</LinearLayout>

-----------------------------------------------------------------------------------------------------

Gambar Menu Utama

--------------------------------------------------------------------------------------------------------------------------

About.xml

package cang.biodata;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

public class About extends Activity {

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.about);

}

public void back (View v){

Intent intent = new Intent (this,MainActivity.class);

startActivity(intent);}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.about, menu);

return true;

}

-------------------------------------------------------------------------

about.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/aboutme"

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true"

tools:context=".About" />

<ImageView

android:layout_width="50dp"

android:layout_height="40dp"

android:id="@+id/back"

android:onClick="back"

android:textSize="10pt"

android:layout_gravity="left"

android:layout_marginTop="400dp"

android:src="@drawable/back"/>

</RelativeLayout>
--------------------------------------------------------------------------------

Gambar About

--------------------------------------------------------------------------------

Biodata.java

package cang.biodata;

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 Biodata extends Activity {

protected ProgressDialog progressDialog;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

progressDialog = ProgressDialog.show(Biodata.this,"Please Wait . . .", "System is Loading");

new Thread(){

public void run() {

try{

sleep(4000);

}

catch (Exception e) {

Log.e("tag",e.getMessage());

}

progressDialog.dismiss();

}

}.start();

setContentView(R.layout.biodata);

}

public void back (View v){

Intent intent = new Intent (this,Profil.class);

startActivity(intent);}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.biodata, menu);

return true;

}

------------------------------------------------------------------------

Biodata.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:background="@drawable/biodata">

<ImageView

android:layout_width="50dp"

android:layout_height="40dp"

android:id="@+id/back"

android:onClick="back"

android:text="back"

android:textSize="10pt"

android:layout_gravity="left"

android:layout_marginTop="410dp"

android:src="@drawable/back"/>

</LinearLayout>

-----------------------------------------------------------------------------------------------------------

Tampilan form Biodata

---------------------------------------------------------------------------------

Profil.java

package cang.biodata;

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 Profil extends Activity {

protected ProgressDialog progressDialog;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

progressDialog = ProgressDialog.show(Profil.this,"Please Wait . . .", "System is Loading");

new Thread(){

public void run() {

try{

sleep(4000);

}

catch (Exception e) {

Log.e("tag",e.getMessage());

}

progressDialog.dismiss();

}

}.start();

setContentView(R.layout.profil);

}

public void biodata (View v){

Intent intent = new Intent (this,Biodata.class);

startActivity(intent);}

public void rmd (View v){

Intent intent2 = new Intent (this,RMD.class);

startActivity(intent2);}

public void menu (View v){

Intent intent3 = new Intent (this,MainActivity.class);

startActivity(intent3);}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.profil, menu);

return true;

}

------------------------------------------------------------------------------- -

Profil.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:background="@drawable/cover" >

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/profil"

android:gravity="center"

android:textSize="14pt"

android:textStyle="bold"

<ImageButton

android:src="@drawable/pahlawan"

android:layout_width="70dp"

android:layout_height="70dp"

android:id="@+id/biodata"

android:onClick="biodata"

android:textSize="6pt"

android:layout_gravity="center"

android:layout_marginTop="30dp"

android:textColor="#000000"/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Biodata"

android:textSize="6pt"

android:gravity="center"

android:textColor="#000000"/>

<ImageView

android:id="@+id/rmd"

android:layout_width="270dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_marginTop="20dp"

android:onClick="rmd"

android:text="Rencana Masa Depan"

android:textColor="#ffffff"

android:textSize="10pt" />

<ImageButton

android:src="@drawable/data"

android:layout_width="70dp"

android:layout_height="70dp"

android:id="@+id/rmd"

android:onClick="rmd"

android:textSize="6pt"

android:layout_gravity="center"

android:layout_marginTop="20dp"

android:textColor="#000000"/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Rencana Masa Depan"

android:textSize="6pt"

android:gravity="center"

android:textColor="#000000"/>

<ImageButton

android:src="@drawable/home"

android:layout_width="70dp"

android:layout_height="70dp"

android:id="@+id/menu"

android:onClick="menu"

android:textSize="6pt"

android:layout_gravity="center"

android:layout_marginTop="20dp"

android:textColor="#000000"/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Menu Utama"

android:textSize="6pt"

android:gravity="center"

android:textColor="#000000"/>

</LinearLayout>

----------------------------------------------------------------------------

Tampilan Form Profil

Tampilan Progres Dialog

----------------------------------------------------------------------

Rmd.java

package cang.biodata;

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 RMD extends Activity {

protected ProgressDialog progressDialog;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

progressDialog = ProgressDialog.show(RMD.this,"Please Wait . . .", "System is Loading");

new Thread(){

public void run() {

try{

sleep(4000);

}

catch (Exception e) {

Log.e("tag",e.getMessage());

}

progressDialog.dismiss();

}

}.start();

setContentView(R.layout.rmd);

}

public void back (View v){

Intent intent = new Intent (this,Profil.class);

startActivity(intent);}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.rmd, menu);

return true;

}

-----------------------------------------------------------------------------

Rmd.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/rmd"

<ImageView

android:layout_width="50dp"

android:layout_height="40dp"

android:id="@+id/back"

android:onClick="back"

android:text="back"

android:textSize="10pt"

android:layout_gravity="left"

android:layout_marginTop="390dp"

android:src="@drawable/back"/>

</RelativeLayout>

-------------------------------------------------------------------------

Tampilan Form Rencana Masa Depan

---------------------------------------------------------------------

String.xml

<string name="app_name">Biodata</string>

<string name="hello_world">Hello world!</string>

<string name="menu_settings">Settings</string>

<string name="title_activity_main">Menu Utama</string>

<string name="title_activity_profil">Profil</string>

<string name="title_activity_biodata">Biodata</string>

<string name="title_activity_rmd">Rencana Masa Depan</string>

<string name="title_activity_option">Option</string>

<string name="title_activity_about">About</string>

<string name="ket">Applikasi Jati Diri Versi 1.0</string>

<string name="Copyriht">Copyright Hardiyansyah</string>

<string name="welcome">Welcome To DATA ME</string>

<string name="profil">Profil</string>

</resources>

-------------------------------------------------------------------------

Manifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="cang.biodata"

android:versionCode="1"

android:versionName="1.0" >

<uses-sdk

android:minSdkVersion="8"

android:targetSdkVersion="15" />

<application

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

<activity

android:name=".Splash"

android:label="@string/title_activity_splash" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".MainActivity"

android:label="@string/title_activity_main" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".Profil"

android:label="@string/title_activity_profil" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".Biodata"

android:label="@string/title_activity_biodata" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".RMD"

android:label="@string/title_activity_rmd" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".Option"

android:label="@string/title_activity_option" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".About"

android:label="@string/title_activity_about" >

<intent-filter>

</intent-filter>

</activity>

</application>

</manifest>

*** end ***

-----------------------------------------------
download source code :

Download DataMe.zip
Download file apk

Aplikasi Biodata diri DataMe versi 1.0

Next

This is the most recent post.

2 komentar: