Senin, 14 Januari 2013

Tugas Matakuliah Pemrograman Bergerak




Membuat Aplikasi Biodata Dengan Android


Sebelum Pembuatan Terlebih dahulu disiapkan Beberapa Aplikasi dibawah ini.

     1.     Install Eclipse Terlebih dahulu dalam contoh ini menggunakan Eclipse Helios
     2.     Install JDK nya (Contoh : jdk-7u7-windows-i586)
     3.     Siapkan File ADT nya (Contoh : ADT-20.0.3)


Berikut Langkah-langkah Pembuatan Aplikasi Data Diri Pada Android.

1.Buka Program Eclipse, Kemudian Klik File  Pilih  New Lalu Pilih  Project
2.Maka akan Muncul Kotak Dialog New Project kemudian Pilih Android selanjutnya pilih Android 
   Application Project Lalu Klik Next (Gambar 1)

                                                         Gambar 1


3.Setelah Kita next maka akan muncul Kotak dialog New Android App kemudian isikan :
  Application Nama : Biodataku
  Project Name   : biodataku
  Package Name : yanto.biodataku
4.Jika semua telah diisi kemudian Klik Next. (Gambar 2)
     

                                                            Gambar 2





5.Setting Icon yang diinginkan,  pilih icon yang anda sukai. Apabila telah memilih dilanjutkan dengan Klik Next. (Gambar 3)


                                                          Gambar 3

6. Berikut akan muncul Kotak Dialog Create Activity Lalu pilih Blank Activity Kemudian Klik Next.   
   (Gambar 4)




                                                            Gambar 4


9. Selanjutnya akan muncul Kotak Dialog Create Activity, disini anda hanya mengisikan Title saja dengan : 
    Biodataku Apabila Sudah Klik Finish. (Gambar 5)


                                                                Gambar 5



Setelah Kita membuat dan Mensetting Projectnya, berikutnya kita akan membuat Activity dalam Android adalah sebuah kelas untuk menjalanakan layout yang berisi interface seperti text view, button, combo box dll. Untuk membuat kelas Activity baru.
Berikut cara membuat Activity
      1.       Klik kanan pada Project
     2.       Pilih New Kemudian pilih Class (Gambar 6)


                                                            Gambar 6



     3.       Kemudian akan muncul Kotak Dialog, lalu isikan seperti contoh (Gambar 7)
     4.       Setelah Mengisi lalu Klik Finish.


                                                            Gambar 7


Berikut Kelas - kelas yang dibutuhkan dalam pembuatan aplikasi ini adalah :
  1. MainActivity.java
  2. MenuActivity.java
  3. Profile.java 
  4. Rencana.java


A. MainActivity.java   ## Animasi
package biodata.yanto;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.LayoutAnimationController;
import android.view.animation.Animation.AnimationListener;
import android.widget.ImageView;
import android.widget.TableLayout;
import android.widget.TableRow;
import android.widget.TextView;

public class MainActivity extends Activity {

            @Override
            public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
                startAnimating();
            }
           
            private void startAnimating() {
                        // TODO Auto-generated method stub
                        TextView text1 = (TextView) findViewById(R.id.text1);
                        Animation fade1 = AnimationUtils.loadAnimation(this, R.anim.fade_in);
                        text1.startAnimation(fade1);
                       
                        TextView text2 = (TextView) findViewById(R.id.text2);
                        Animation fade2 = AnimationUtils.loadAnimation(this, R.anim.fade_in2);
                        text2.startAnimation(fade2);
                       
                        ImageView text3 = (ImageView) findViewById(R.id.text3);
                        Animation fade3 = AnimationUtils.loadAnimation(this, R.anim.fade_in);
                        text3.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(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);

            }
              
}


MainActivity.xml  ## Splash
<TableLayout 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:id="@+id/table"
    android:stretchColumns="1"
    android:shrinkColumns="1"
    android:background="@drawable/gambar"
    android:layout_gravity="center"
   
    >

    <TableRow
        android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center">
   
    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Selamat Datang di Biodataku"
        android:textSize="14pt"
        android:textColor="#aa0000"
        android:gravity="center"
        android:layout_gravity="center"
         />
    </TableRow>
    <TableRow
        android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center">
    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Yanto Hermawan"
        android:textSize="15pt"
        android:textColor="#aa0000"
        android:layout_gravity="center"
       
         />
</TableRow>
<TableRow
        android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center">
   
    <ImageView
        android:id="@+id/text3"
        android:layout_marginTop="100dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/anto"
         />
    </TableRow>
   
</TableLayout>

Berikut Tampilan nya :
Gambar 8

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
B. MenuActivity.java  


package biodata.yanto;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.app.ProgressDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MenuActivity extends Activity implements View.OnClickListener{
protected ProgressDialog progressDialog;
 Button keluar ;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        progressDialog = ProgressDialog.show(MenuActivity.this,"I N F O ... "," MOHON MENUNGGU . . . !!");
        new Thread(){
            public void run (){
                        try{
                                    sleep(3000);
                        }
                        catch (Exception e){
                                    Log.e("tag",e.getMessage());
                        }
                        progressDialog.dismiss();
            }
        }.start();
        setContentView(R.layout.menu);

        keluar = (Button) findViewById(R.id.exit);
        keluar.setOnClickListener(this);
    }
   
    public void profil(View v){
            Intent intent = new Intent (this,Profile.class);
            startActivity(intent);
    }
    public void rmd(View v){
            Intent intent2 = new Intent (this,Rencana.class);
            startActivity(intent2);
    }
   
   
    public boolean onCreateOptionsMenu1(Menu menu) {
        getMenuInflater().inflate(R.menu.menu, menu);
        return true;
    }


@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.activity_main, menu);
    return true;
}
//Tombol Exit
public void onClick(View view) {
            if (view == keluar) {
                        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) {
                                                                                                MenuActivity.this.finish();
                                                                                    }
                                                                        })
                                                .setNegativeButton("Tidak",
                                                                        new DialogInterface.OnClickListener() {
                                                                                    public void onClick(DialogInterface dialog,
                                                                                                            int id) {
                                                                                                dialog.cancel();
                                                                                    }
                                                                        }).show();
            }
}
}   


Menu.xml 
<TableLayout 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:background="@drawable/gambar"
   
     >

    <TableRow
        android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center">
   
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Menu Utama"
        android:textSize="14pt"
         />
   
  
</TableRow>

    <TableRow
        android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center">
   
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Biodataku"
        android:textSize="12pt"
         />
   
  
</TableRow>
   
   

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Profil Saya"
        android:onClick="profil"
        android:layout_marginTop="140dp"
         />


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Rencana Masa Depan"
        android:onClick="rmd"
         />

  <Button
      android:id="@+id/exit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Exit"
        android:onClick="exit"
         />

</TableLayout>


Berikut Tampilannya :


Gambar 9
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> 
C. Profile.java  

package biodata.yanto;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;

public class Profile extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_profile);
    }

    public void back (View v){
    Intent intent = new Intent (this,MenuActivity.class);
    startActivity(intent);}
   
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_profile, menu);
        return true;
    }
}

Activity_Profile.xml
<ScrollView 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" >
   
  
      
       
    <TableLayout
    android:background="@drawable/gambar"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1"
    android:shrinkColumns="1">




        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="120dp"
            android:layout_marginTop="20dp"
            android:src="@drawable/anto" />
       
        <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="Nama       :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
      <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Yanto Hermawan"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       </TableRow>
        <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="Npm         :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
      <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="10215410558"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       </TableRow>
        <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="TTL           :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Bogor, 23 Juli 1988"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       </TableRow>
        <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="Alamat    :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Jl.Cipaku No 10 RT. 1/X Bogor"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       </TableRow>
        <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="TLP           :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="085693641115"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       </TableRow>
 
  <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="Bekerja   :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
        <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="STIE Kesatuan"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       
       </TableRow>
         <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="Bagian     :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="H R D"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       
       </TableRow>
       <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="Pin BB      :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="22B34984"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       
       </TableRow>
            <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="Email       :"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="center"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="anto_stiek@yahoo.com"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        />
       
       
       </TableRow>
            <Button
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_marginTop="20dp"
                android:onClick="back"
                android:text="Kembali" />
           
</TableLayout>       
</ScrollView>


Berikut Tampilannya :

Gambar 10

Apabila kita telah selesai melihat menu profil, maka klik Tombol Kembali, dan akan muncul Menu dibawah ini (Gambar 11)

Gambar 11

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

D. Rencana.java  



package biodata.yanto;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;

public class Rencana extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_rencana);
    }
    public void back (View v){
        Intent intent = new Intent (this,MenuActivity.class);
        startActivity(intent);}
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_rencana, menu);
        return true;
    }
}

Activity_Rencana.xml
<ScrollView 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" >

    <TableLayout
       
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1"
    android:shrinkColumns="1"
    android:background="@drawable/gambar">

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Rencana Masa Depan"
        android:textSize="12pt"
         />
       
       
       
       
        <TableRow
            android:layout_marginTop="50dp">
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="1."
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="10dp"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Menyelesaikan Perkuliahan Tahun 2014 di UIKA Bogor"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="-90dp"
        />
       </TableRow>
        <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="2. "
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="10dp"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Mencari Pekerjaan Baru Agar Lebih Baik Dalam Karir"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="-90dp"
        />
       </TableRow>
       <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="3. "
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="10dp"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Memiliki Rumah yang Sederhana (Mewah)"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="-90dp"
        />
       </TableRow>
       <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="4. "
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="10dp"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Berinvestasi untuk Haritua, Investasi Jangka Panjang"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="-90dp"
        />
       </TableRow>
       <TableRow>
       
       <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="5. "
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="10dp"
        />
       
       <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="Menikah di Tahun 2015"
        android:textSize="8pt"
        android:textStyle="bold"
        android:gravity="left"
        android:layout_marginLeft="-90dp"
        />
       </TableRow>

            <Button
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_marginTop="20dp"
                android:onClick="back"
                android:text="Kembali" />


           
</TableLayout>  

    </ScrollView>

Berikut Tampilannya :

Gambar 12

Apabila kita telah selesai melihat Menu Rencana Masa Depan, maka klik Tombol Kembali, dan akan muncul Menu dibawah ini (Gambar 13)


Gambar 13

Terdapat 1 (satu) tombol lagi, yang belum dicoba yaitu Tombol Keluar Aplikasi, Silahkan Klik Tombol tersebut, Maka akan muncul Seperti Gambar dibawah ini

Gambar 14

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>



E. Manifest.xml


<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="biodata.yanto"
    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=".MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".MenuActivity"
            android:label="@string/title_activity_menu" >
            <intent-filter>
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".Profile"
            android:label="@string/title_activity_profile" >
            <intent-filter>
              

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".Rencana"
            android:label="@string/title_activity_rencana" >
            <intent-filter>
               

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>


# SELAMAT MENCOBA #



Download file apk