LAPORAN PRAKTIKUM 3 “MEMBUAT APLIKASI ANDROID LISTVIEW – CHECK BOX”

PEMROGRAMAN MOBILE

LAPORAN PRAKTIKUM 3

“MEMBUAT APLIKASI ANDROID LISTVIEW – CHECK BOX”

Disusun Oleh:

Benedikta Bella Adityana 12.12.0080

SI 12 B

Blog: bdcprograming.blogspot.com

STMIK AMIKOM PURWOKERTO

TAHUN 2013/2014

BAB I

Membuat Widget ListView ‘Pilih Hari’ pada Android

1. Setelah kita masuk ke aplikasi Eclipse, untuk membuat project aplikasi android baru, kita pilih menu File-New-Android Appliaction Project.

2. Kemudian akan muncul wizard seperti gambar di bawah ini. Beri nama aplikasi yang akan dibuat. Aplikasi ini saya beri nama Widget’SelectionDay, karena aplikasi widget yang dibuat kali ini menampilkan pilihan Hari (dari Senin-Minggu). Ubah pula Package Name nya, contoh nya seperti widgetselectionday.widgetselectionday. Setelah itu klik Next.

3.  Selanjutnya akan muncul tampilan seperti di bawah ini. Lalu klik Next.

4.  Setelah itu, pilih icon yang akan mewakili aplikasi yang kita buat. Dalam contoh ini saya memilih icon yang ada di tab Clipart. Apabila sudah sesuai dengan keiinginan, klik Next.

5.  Jika muncul tampilan seperti di bawah, klik Next .

6. Setelah itu akan muncul tampilan seperti di bawah ini. Klik Finish.

7. Jika project yang kita buat tadi berhasil, akan muncul tampilan seperti gambar di bawah. Aplikasi kali ini menggunakan ListView. Kita tidak membuatnya dengan kode program, melainkan dengan cara Drag and Drop. Untuk memasukannya ke dalam layout, pada bagian Palette pilih Composite. Kemudian drag dan taruh ListView ke dalam Layout, seperti gambar di bawah ini.

8.  Setelah kita drag ListView dan menaruh nya pada layout, tampilan nya akan menjadi seperti gambar berikut.

9. Setelah itu, ketikan kode program berikut ini pada activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

     android:layout_width="fill_parent"

      android:layout_height="fill_parent">

     

  <TextView

       android:id="@+id/yangDipilih"

       android:layout_width="fill_parent"

        android:layout_height="wrap_content" />

       

  <ListView android:id="@android:id/list"

       android:layout_width="fill_parent"

       android:layout_height="fill_parent"

       android:drawSelectorOnTop="false" />

      

  </LinearLayout>

10. Setelah kita menuliskan kode program pada activity_main.xml , selanjutnya tuliskan kode program berikut pada Package Explorer – src - (package) widgetselectionday.widgetselectionday - MainActivity.java

package widgetselectionday.widgetselectionday;

import android.os.Bundle;

import android.app.Activity;

import android.app.ListActivity;

import android.view.Menu;

import android.view.View;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.widget.TextView;

import android.widget.Toast;

public class MainActivity extends ListActivity {

                TextView seleksi;

                String[] pilihan = { "SENIN", "SELASA", "RABU", "KAMIS", "JUM'AT",

                                "SABTU", "MINGGU"};

    @Override

    protected void onCreate(Bundle savedInstanceState) {

                /** Called when the activity is first created. */

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        setListAdapter (new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, pilihan));

    }

   

    public void onListItemClick(ListView parent, View v, int posisi, long id) {

                                Toast.makeText(getBaseContext(), " Hello^^ Anda Memilih Hari " + pilihan [posisi], Toast.LENGTH_LONG).show();

                }

    @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;

        }

    }

   

}

11. Setelah kode program yang dituliskan berhasil, jalankan emulator aplikasi android. Tampilan pada saat kita membuka menu utama emulator yaitu seperti gambar di bawah ini. Untuk menjalankan aplikasi, pilih icon menu Widget’SelectionDay.

12. Di bawah ini adalah tampilan aplikasi ketika dijalankan. Terdapat pilihan hari Senin sampai hari Minggu. Saat kita memilih salah satu nama hari, maka akan muncul pemberitahuan yang menyatakan hari apa yang kita pilih.

BAB II

Membuat Aplikasi Check Box pada Android

1. Langkah pertama yaitu buat project aplikasi android baru. Untuk contoh kali ini saya memberi nama project My’CheckBox, dengan Package Name benedicta.mycheckbox. Kemudian klik Next.

2. Setelah itu akan muncul tampilan seperti gambar di bawah ini. Klik Next.

3. Kemudian pilih icon menu aplikasi yang kita inginkan. Setelah itu klik Next.

4. Berikutnya akan muncul tampilan seperti di bawah ini. Langsung saja, klik Next.

5. Tampilan di bawah ini adalah langkah terakir untuk membuat project aplikasi android baru. Klik Finish.

6.  Setelah project baru selesai dibuat, maka akan muncul tampilan seperti gambar di bawah ini. Checkbox “CentangCentang” yang muncul pada layout bukan lah hasil dari drag and drop, melainkan kita buat melalui kode program yang ada pada activity_main.xml

7. Untuk menampilkan CheckBox pada layout, kita tuliskan kode program seperti yang ada di bawah ini pada bagian activity_main.xml 

8. Setelah kita selesai menuliskan kode program di atas (activity_main.xml), selanjutnya kita tuliskan kode program di bawah ini pada bagian MainActivity.Java

package benedicta.mycheckbox;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.CheckBox;

import android.widget.CompoundButton;

import android.widget.CompoundButton.OnCheckedChangeListener;

public class MainActivity extends Activity implements OnCheckedChangeListener {

                CheckBox cb;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

      //proses instansiasi / pencarian id

                                cb = (CheckBox) findViewById(R.id.check);

                               

                                //proses set cb dg checked agar proses centangnya berfungsi

                                cb.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 onCheckedChanged(CompoundButton buttonView, boolean dicek) {

                                // TODO Auto-generated method stub

                                if (dicek){

                                                cb.setText("Aku telah dicentang, Terimakasih^^");

                                } else {

                                                cb.setText("Aku tidak dicentang, :(");

                                }

                }

   

}

9. Setelah kita menuliskan kode program tersebut dengan benar, langkah selanjutnya yaitu jalankan emulator aplikasi. Pada saat kita membuka menu utama pada emulator, tampilan yang akan muncul adalah seperti gambar di bawah ini. Untuk membuka aplikasi CheckBox yang telah dibuat, pilih icon menu My’CheckBox.

10. Tampilan pertama dari aplikasi CheckBox yang dibuat adalah seperti gambar berikut.

11. Setelah aplikasi CheckBox tersebut berhasil dibuka, kemudian centang (cheklist) pada checkbox yang tersedia pada layout aplikasi. Jika berhasil dicentang, maka akan muncul pesan yang menyatakan bahwa checkbox tersebut telah diisi, seperti yang ada pada gambar di bawah ini.

12.  Selanjutnya kita coba unchecklist atau menghapus ulang checklist yang kita lakukan pada langkah nomer 11. Maka akan muncul pesan yang menunjukan bahwa checkbox pada layout aplikasi sudah tidak tercheklist, seperti yang ditunjukan pada gambar di bawah ini.

Sekian, terimakasih :)