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 ☺

Read More

Cara Berpindah Activity ke Activity Lain Pada Eclipse

Assalamualaiqum ☺

Pagi ini saya akan berbagi tentang bagaimana cara berpindah halaman menggunakan Intent pada Eclipse. Intent biasanya digunakan untuk berpindah ke activity lain, dengan atau tanpa pesan yang nantinya dikirim bersama dengan berpindahnya activity.

Silahkan di ikuti langkah - langkahnya dibawah ini:

1. Buatlah project android baru dengan nama “BerpindahActivity”.
2. Buka activity_main.xml. Susunlah komponen android seperti menjadi seperti ini. Dan berikan nama (id) pada setiap komponen.

3. Berikut source code activity_main.xml.

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”

  xmlns:tools=”http://schemas.android.com/tools”

  android:layout_width=”match_parent”

  android:layout_height=”match_parent”

  android:paddingBottom=”@dimen/activity_vertical_margin”

  android:paddingLeft=”@dimen/activity_horizontal_margin”

  android:paddingRight=”@dimen/activity_horizontal_margin”

  android:paddingTop=”@dimen/activity_vertical_margin”

  tools:context=”.MainActivity” >

  <TextView

     android:id=”@+id/textView1″

     android:layout_width=”wrap_content”

     android:layout_height=”wrap_content”

     android:layout_alignParentTop=”true”

     android:layout_centerHorizontal=”true”

     android:layout_marginTop=”60dp”

     android:text=”@string/hal1″

     android:textSize=”20sp” />

  <Button

     android:id=”@+id/btnPindah”

     android:layout_width=”wrap_content”

     android:layout_height=”wrap_content”

     android:layout_below=”@+id/textView1″

     android:layout_centerHorizontal=”true”

     android:layout_marginTop=”82dp”

     android:text=”@string/pindah” />

</RelativeLayout>

4. Buka file MainActivity.java, kemudian salinlah program dibawah ini. Jangan lupa sesuaikan nama (id) pada activity_main.xml.

package com.irmarismay.berpindahactivity;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

public class MainActivity extends Activity {

  Button btnPindah;

  

  @Override

  protected void onCreate(Bundle savedInstanceState) {

     super.onCreate(savedInstanceState);

     setContentView(R.layout.activity_main);

     btnPindah = (Button)findViewById(R.id.btnPindah);

     btnPindah.setOnClickListener(new View.OnClickListener() {

     @Override

     public void onClick(View v) {

     // TODO Auto-generated method stub

        Intent i = new Intent(getApplicationContext(), Halaman2.class);

        startActivity(i);

     }

  });

  }

  @Override

  public boolean onCreateOptionsMenu(Menu menu) {

  // Inflate the menu; this adds items to the action bar if it ispresent.

    getMenuInflater().inflate(R.menu.main, menu);

     return true;

  }

}

5. Buatlah sebuah file xml baru pada folder layout dengan nama “activity_hal2.xml”. Susunlah komponen android menjadi seperti dibawah ini, dan jangan lupa beri id pada setiap komponen.

6. Berikut source code activity_hal2.xml.

<?xml version=”1.0″ encoding=”utf-8″?>

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”

  android:layout_width=”match_parent”

  android:layout_height=”match_parent”

  android:orientation=”vertical” >

  

  <TextView

     android:id=”@+id/textView1″

     android:layout_width=”wrap_content”

     android:layout_height=”wrap_content”

     android:layout_alignParentTop=”true”

     android:layout_centerHorizontal=”true”

     android:layout_marginTop=”87dp”

     android:text=”@string/hal2″

     android:textSize=”20sp” />

  <Button

     android:id=”@+id/btnPindah2″

     android:layout_width=”wrap_content”

     android:layout_height=”wrap_content”

     android:layout_below=”@+id/textView1″

     android:layout_centerHorizontal=”true”

     android:layout_marginTop=”75dp”

     android:text=”@string/pindah” />

</RelativeLayout>

7. Buatlah sebuah class java baru dengan nama “Home.java“, kemudian salinlah program dibawah ini.

package com.irmarismay.berpindahactivity;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class Halaman2 extends Activity{

  Button btnPindah2;

  protected void onCreate(Bundle savedInstanceState) {

     super.onCreate(savedInstanceState);

     setContentView(R.layout.activity_hal2);

    

     btnPindah2 = (Button)findViewById(R.id.btnPindah2);

     btnPindah2.setOnClickListener(new View.OnClickListener() {

     @Override

     public void onClick(View v) {

     // TODO Auto-generated method stub

        Intent i = new Intent(getApplicationContext(), MainActivity.class);

        startActivity(i);

     }

   });

  }

}

8. Bukalah file AndroidManifest.xml, sesuaikan program dibawah ini dengan AndroidManifest yang anda miliki. Tambahkan deklarasi activity Home.

<?xml version=”1.0″ encoding=”utf-8″?>

<manifest xmlns:android=”http://schemas.android.com/apk/res/android”

  package=”com.irmarismay.berpindahactivity”

  android:versionCode=”1″

  android:versionName=”1.0″ >

  <uses-sdk

     android:minSdkVersion=”8″

     android:targetSdkVersion=”17″ />

  <application

     android:allowBackup=”true”

     android:icon=”@drawable/ic_launcher”

     android:label=”@string/app_name”

     android:theme=”@style/AppTheme” >

     <activity

        android:name=”com.irmarismay.berpindahactivity.MainActivity”

        android:label=”@string/app_name” >

        <intent-filter>

           <action android:name=”android.intent.action.MAIN” />

           <category android:name=”android.intent.category.LAUNCHER” />

        </intent-filter>

     </activity>

     <activity

         android:name=”com.irmarismay.berpindahactivity.Halaman2″

         android:label=”@string/app_name”>

     </activity>

     </application>

</manifest>

9. Setelah selesai, save project android anda. Dan jalankan aplikasinya pada Smartphone atau AVD pada Eclipse.

Selesai..

Semoga Bermanfaat ☺

Read More