Rabu, 02 April 2014

Tutorial Membuat Aplikasi Android Untuk Input Biodata

Selamat berjumpa kembali sahabat super, kali ini saya akan kembali membahas tentang aplikasi android untuk menginput dan menampilkan data diri kita. Langsung saja kita buat project baru, kali ini saya beri nama "inputbiodata", silahkan untuk mengunjungi postingan saya yang lainnya yang berhubungan dengan aplikasi android berikut ini Android Hello World dan Android Kalkulator


Simak source codenya berikut ini!
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="A11.2011.05934"
            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/labelkeahlian"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/groupjk"
            android:layout_marginTop="7dp"
            android:text="Keahlian"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxjava"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelkeahlian"
            android:layout_marginTop="5dp"
            android:text="Java Programming"
            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="Internet Networking"
            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="Software Analysis"
            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/outputahli"
            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/outputahli"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />
    </RelativeLayout>

</ScrollView>

MainActivity.java

package com.example.inputbiodata;

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, outputahli;
    String jk, ahli;
    @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);
        outputahli = (TextView)findViewById(R.id.outputahli);
        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()){
            outputahli.setText("Keahlian Anda : Java Programming, Internet Networking & Software Analysis");
        }else if(cekboxjava.isChecked() && cekboxnet.isChecked()){
                outputahli.setText("Keahlian Anda : Java Programming & Internet Networking");
        }else if(cekboxjava.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Keahlian Anda : Java Programming & Software Analysis");
        }else if(cekboxnet.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Keahlian Anda : Internet Networking & Software Analysis");
        }else if(cekboxjava.isChecked()){
            outputahli.setText("Keahlian Anda : Java Programming");
        }else if(cekboxnet.isChecked()){
            outputahli.setText("Keahlian Anda : Internet Networking");           
        }else if(cekboxsa.isChecked()){
            outputahli.setText("Keahlian Anda : Software Analysis");
        }else{
            outputahli.setText("Keahlian 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 :";
        }
       
    }

}
Berikut hasil input dan output biodata
Input Data
Output Data

Sekian postingan saya kali ini, jika ada kekurangan mohon komentarnya yang dapat membangun agar kedepannya bisa menjadi lebih baik. Semoga bermanfaat untuk teman-teman sekalian. Terimakasih

2 komentar: