Rabu, 07 Juni 2017

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

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

  1. 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 :";
        }
        
    }
}

  1. Setelah itu tinggal dirunning aja programnya.

Semoga Bermanfaat


0 komentar:

Posting Komentar

Copyright © Sharing Pengetahuan | Powered by Blogger