Senin, 07 April 2014

Membuat Aplikasi Input Data Diri dan Menampilkan Data Menggunakan ADT Eclipse


Untuk kalian yang ingin belajar tentang ADT Eclipse, berikut ini saya akan share sedikit tutorial tentang bagaimana Membuat Aplikasi Input Data Diri dan Menampilkan Data Menggunakan ADT Eclipse

1. Seperti biasa, buat project terlebih dahulu. Terserah mau kalian isikan apa, Disini saya mengisikan "InputData"






























2. Isikan sourcecode berikut ini ke dalam activity_main.xml



                                                                                                  
Source Kode :

<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"
    tools:ignore="HardcodedText" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
        
          <TextView
            android:id="@+id/labelnim"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="7dp"
            android:text="INPUT DATA DIRI"
            android:layout_centerHorizontal="true"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/labelnama"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelnim"
            android:layout_marginTop="7dp"
            android:text="Nama"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/fieldnama"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/labelnama"
            android:layout_below="@+id/labelnim"
            android:inputType="text" >
        </EditText>

        <TextView
            android:id="@+id/labelemail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelnama"
            android:layout_marginTop="15dp"
            android:text="E-mail"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/fieldemail"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/fieldnama"
            android:layout_toRightOf="@+id/labelemail"
            android:inputType="textEmailAddress" >
        </EditText>

        <TextView
            android:id="@+id/labeljk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelemail"
            android:layout_marginTop="15dp"
            android:text="Jenis Kelamin"
            android:textSize="18sp" />

        <RadioGroup
            android:id="@+id/groupjk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labeljk"
            android:orientation="horizontal"
            android:padding="5dp" >

            <RadioButton
                android:id="@+id/radiolk"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Laki-Laki"
                android:textSize="18sp" />

            <RadioButton
                android:id="@+id/radiopr"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Perempuan"
                android:textSize="18sp" />
       
        </RadioGroup>

        <TextView
            android:id="@+id/labelhobi"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/groupjk"
            android:layout_marginTop="7dp"
            android:text="Hobi"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxjava"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelhobi"
            android:layout_marginTop="5dp"
            android:text="Ngumpul Yang Bermanfaat"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxnet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxjava"
            android:layout_marginTop="5dp"
            android:text="Makan Rame-rame"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxsa"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxnet"
            android:layout_marginTop="5dp"
            android:text="Membaca sambil ndengerin music"
            android:textSize="18sp" />

        <Button
            android:id="@+id/tomboltampil"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxsa"
            android:layout_marginTop="5dp"
            android:text="TAMPILKAN"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputnama"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tomboltampil"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputemail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputnama"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputhobi"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputemail"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputjk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputhobi"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />
    </RelativeLayout>

</ScrollView>


3. Isikan kembali sourcecode dibawah ini ke dalam MainActivity.java


















Souce Kode :

package com.example.inputdata;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends Activity implements OnClickListener, OnCheckedChangeListener {

    EditText fieldnama,fieldemail;
    Button tomboltampil;
    RadioGroup groupjk;
    RadioButton radiolk, radiopr;
    CheckBox cekboxjava, cekboxsa, cekboxnet;
    TextView outputnama, outputemail, outputjk, outputhobi;
    String jk, hobi;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        fieldemail = (EditText)findViewById(R.id.fieldemail);
        fieldnama = (EditText)findViewById(R.id.fieldnama);
        tomboltampil = (Button)findViewById(R.id.tomboltampil);
        groupjk = (RadioGroup)findViewById(R.id.groupjk);
        cekboxjava = (CheckBox)findViewById(R.id.cekboxjava);
        cekboxsa = (CheckBox)findViewById(R.id.cekboxsa);
        cekboxnet = (CheckBox)findViewById(R.id.cekboxnet);
        outputnama =(TextView)findViewById(R.id.outputnama);
        outputemail =(TextView)findViewById(R.id.outputemail);
        outputhobi = (TextView)findViewById(R.id.outputhobi);
        outputjk = (TextView)findViewById(R.id.outputjk);
        
        tomboltampil.setOnClickListener(this);
        groupjk.setOnCheckedChangeListener(this);        
        
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public void onClick(View klik) {
        // TODO Auto-generated method stub
    
        outputnama.setText("Nama Anda : "+fieldnama.getText());
        outputemail.setText("Email Anda : "+fieldemail.getText());
        if (cekboxjava.isChecked() && cekboxnet.isChecked() && cekboxsa.isChecked()){
            outputhobi.setText("Hobi Anda : Ngumpul Yang Bermanfaat, Makan Rame-rame & Membaca sambil ndengerin music");
        }else if(cekboxjava.isChecked() && cekboxnet.isChecked()){
                outputhobi.setText("Hobi Anda : Ngumpul Yang Bermanfaat & Makan Rame-rame");
        }else if(cekboxjava.isChecked() && cekboxsa.isChecked()){
            outputhobi.setText("Hobi Anda : Ngumpul Yang Bermanfaat & Membaca sambil ndengerin music");
        }else if(cekboxnet.isChecked() && cekboxsa.isChecked()){
            outputhobi.setText("Hobi Anda : Makan Rame-rame & Membaca sambil ndengerin music");
        }else if(cekboxjava.isChecked()){
            outputhobi.setText("Hobi Anda : Ngumpul Yang Bermanfaat");
        }else if(cekboxnet.isChecked()){
         outputhobi.setText("Hobi Anda: Makan Rame-rame");            
        }else if(cekboxsa.isChecked()){
         outputhobi.setText("Hobi Anda : Membaca sambil ndengerin music");
        }else{
         outputhobi.setText("Hobi Anda : ");
            
        }
        outputjk.setText(jk);
        fieldnama.setText("");
        fieldemail.setText("");
        cekboxjava.setChecked(false);
        cekboxsa.setChecked(false);
        cekboxnet.setChecked(false);
        groupjk.clearCheck();
    }
    
    @Override
    public void onCheckedChanged(RadioGroup group, int check) {
        // TODO Auto-generated method stub
        if(check==R.id.radiolk){
            jk="Jenis Kelamin : Laki-Laki";
            
        }else if(check==R.id.radiopr){
                jk="Jenis Kelamin : Perempuan";
                
        }else{
            jk="Jenis Kelamin :";
        }
        
    }

}

4. Setelah itu, tinggal kalian compile. Caranya pilih klik kanan pada Folder direktori SRC pada layar sebelah kanan - Run As - Android Aplication. Dan lihat hasilnya yang terjadi. Selamat mencoba. :)

1 komentar: