Membuat Aplikasi Input Data Diri & Menampilkan Data dengan ADT Eclipse

Assalamualaiqum ☺

Di pagi yang mendung ini saya akan kembali memposting materi Android. Kali ini saya akan mempost tentang cara membuat input data diri dan melihat data dengan konsep array.

Oke simak langkah – langkah berikut:

1. Seperti biasa buat project baru. Terserah mau dikasih nama apa ☺
2. Disini saya menggunakan dua file yang terdiri dari file activity_main.xml dan MainActivity.java

3. Isikan source code berikut pada file activity_main.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"

    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>

4. Selanjutnya isikan source code berikut pada file MainActivity.java

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

        }

        

    }

}

5. Setelah itu tinggal dirunning aja programnya.

Semoga Bermanfaat ☺