TUGAS PEMROGRAMAN MOBILE

Cara Membuat Program Status Kewarganegaraan

Pengganti Responsi

NAMA NIM KELAS

: Wahyu Nurfian : 12.12.0062 : SI 12 A

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM PURWOKERTO JL. LET. JEND. POL SUMARTO PURWOKERTO 2013

Berikut Langkah-langkah dalam membuat Linear di eclipse 1. Buka Software Eclipse

2. Klik menu File New Android Aplication Project

3. Isi Application Name yang akan kita buat dan ingat harus di awali dengan huruf besar dan di Package Name ganti example sesuai dengan keinginan kita.

4. Klik Next 5. Pilih tempat kita menyimpan project kita caranya dengan menghilangkan tanda ceklist di Create Project in Workspace,jika sudah ditentukan ceklist lagi kemudian next

6.Pilih konfigurasi buat ikon menu kita, lalu klik next

7. Pilih Blank Activity kemudian klik Next

8.Pilih Activity name sesuai keinginan kita, lalu klik Finish

9. dan akan muncul seperti dibawah ini

10.Selanjutnya buatlah interface atau tampilan untuk layout utama seperti dibawah ini

11. Lalu masukkanlah coding dibawah kedalam 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" android:background="@drawable/bendera" > <Button android:id="@+id/b1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="139dp" android:text="@string/register" /> <Button android:id="@+id/b2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/b1" android:layout_centerHorizontal="true" android:layout_marginTop="48dp"

android:text="@string/keluar" /> </RelativeLayout>

12.Kemudian buatlah interface pada MainActivity.xml

package com.example.datadiri;

import android.os.Bundle; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.content.Intent; import android.view.KeyEvent; import android.view.Menu; import android.view.View; import android.widget.Button;

public class MainActivity extends Activity { Button but1; Button but2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final Intent panggiloutput=new Intent(this,output.class); but1=(Button)findViewById(R.id.b1); but1.setOnClickListener(new View.OnClickListener() {

@Override public void onClick(View arg0) { // TODO Auto-generated method stub startActivity(panggiloutput); } }); but2=(Button)findViewById(R.id.b2); but2.setOnClickListener(new View.OnClickListener() {

@Override public void onClick(View arg0) { // TODO Auto-generated method stub close(); } }); } public boolean OnCreateOptionsMenu(Menu menu){ getMenuInflater().inflate(R.menu.main, menu); return true; } private void close() { // TODO Auto-generated method stub AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setMessage("Apakah anda ingin keluar?").setCancelable(false) .setPositiveButton("Iya", new DialogInterface.OnClickListener() { @Override

public void onClick(DialogInterface dialog, int id) { // TODO Auto-generated method stub MainActivity.this.finish(); } }) .setNegativeButton("tidak",new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int id) { dialog.cancel();

} }).show(); }

@Override public boolean onKeyDown(int keyCode, KeyEvent event){ if (keyCode == KeyEvent.KEYCODE_BACK){ close(); } return super.onKeyDown(keyCode, event); } };

13. Kemudian Buatlah satu lagi Android XML File, misal kita beri nama dengan output, lalu ubahlah codingnya menjadi seperti ini
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/RelativeLayout1" android:layout_width="match_parent" android:layout_height="match_parent" > <CheckBox android:id="@+id/checkBox2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/checkBox1" android:layout_below="@+id/checkBox1" android:layout_marginTop="22dp" android:text="@string/kuning" /> <CheckBox android:id="@+id/checkBox3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/checkBox2" android:layout_below="@+id/checkBox2" android:layout_marginTop="22dp" android:text="@string/hijau" /> <CheckBox android:id="@+id/checkBox1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/radioGroup1" android:layout_centerVertical="true" android:layout_marginLeft="26dp" android:text="@string/merah" /> <RadioGroup android:id="@+id/radioGroup1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@+id/textView1" android:layout_marginLeft="80dp" android:layout_marginTop="17dp" > <RadioButton android:id="@+id/rg2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="true" android:text="@string/wni1" /> <RadioButton android:id="@+id/rg1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/wna" /> </RadioGroup>

<TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignRight="@+id/checkBox2" android:layout_marginTop="18dp" android:text="@string/status" /> <TextView android:id="@+id/txt1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/checkBox1" android:layout_alignLeft="@+id/textView1" android:layout_marginBottom="26dp" android:layout_marginLeft="21dp" android:text="@string/pilihwarna" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/checkBox3" android:layout_below="@+id/checkBox3" android:layout_marginTop="21dp" android:text="@string/pilih" android:onClick="Tekan" /> </RelativeLayout>

14.Selanjutnya buatlah class baru misal kelas output lalu kemudiaan isikanlah kode berikut package com.example.datadiri;

import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.CheckBox; import android.widget.RadioButton;

import android.widget.Toast;

public class output extends Activity{ RadioButton rbWNI; RadioButton rbWNA; CheckBox cbMerah; CheckBox cbKuning; CheckBox cbHijau; Button btnTekan;

CharSequence Text;

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.output);

rbWNI=(RadioButton)findViewById(R.id.rg2); rbWNI=(RadioButton)findViewById(R.id.rg1); cbMerah=(CheckBox)findViewById(R.id.checkBox1); cbKuning=(CheckBox)findViewById(R.id.checkBox2); cbHijau=(CheckBox)findViewById(R.id.checkBox3); btnTekan=(Button)findViewById(R.id.button1); cbMerah.setChecked(true);

} public void Tekan(View v) { Text="Anda adalah ";

if (rbWNI.isChecked()) Text=Text+"WNI "; else Text=Text+"WNA ";

Text=Text+"yang menyukai warna "; if (cbMerah.isChecked()) { Text=Text+"Merah "; cbMerah.setTextColor(Color.RED); } if (cbKuning.isChecked()) { Text=Text+"Kuning "; cbKuning.setTextColor(Color.YELLOW); } if (cbHijau.isChecked()) { Text=Text+"Hijau "; cbHijau.setTextColor(Color.GREEN); }

Toast.makeText(getApplicationContext(), Text, Toast.LENGTH_LONG).show(); }

Output Layout Utama

Layout isi Data Diri

Hasilnya kita hanya bisa memilih satu status kewarganegaraan (WNA atau WNI) namun kita dapat memilih lebih dari satu warna (misal merah saja, atau merah kuning, ataupun merah kuning dan hijaupun bisa).

Happy Coding