Friday, 15 May 2015

Laporan Praktikum 4 | Membuat ListAdapter

Friday, May 15, 2015 Unknown Pemrograman Mobile No comments

Pada Praktikum ini akan membuat Lisadapter, dimana berisi tentang konstumisasi array2, dimana layar tampilan akan kita bagi dua tab, tab pertama berisi list-list data yang sudah diinputkan (tidak lagi satu tampilan seperti pada percobaan pertama), tab yang kedua berisi dengan tampilan list beserta nama inputan, apabila dia adalah inputan yang berjenis kelamin pria akan muncul icon pria.

1. Jalankan Eclipse, File > New > Android Project, Perhatikan Gambar Berikut

2. Isikan Kota Dialog New sepertik Berikut

3. Kemudian Pilih Finish

4. Pada Package Explorer, Buka file main.xml di folder res/layout, perhatikan gambar berikut

5. Ganti Kode pada main.xml menjadi sepertik berikut

main.xml

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"

    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
   >

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"


            android:layout_width="fill_parent"

            android:layout_height="wrap_content" />

        <FrameLayout
            android:id="@android:id/tabcontent"


            android:layout_width="fill_parent"

            android:layout_height="fill_parent" >

            <ListView
                android:id="@+id/almag"

                android:layout_width="fill_parent"

                android:layout_height="fill_parent"
                />

            <TableLayout
                android:id="@+id/details"

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"


                android:paddingTop="4px"

                android:stretchColumns="1" >

                <TableRow >

                    <TextView android:text="Nama:" />

                    <EditText android:id="@+id/nama" />
                </TableRow>

                <TableRow>

                    <TextView android:text="Jekel:" />

                    <RadioGroup android:id="@+id/jekel" >

                        <RadioButton
                            android:id="@+id/pria"
                            android:text="Pria" />

                        <RadioButton
                            android:id="@+id/perempuan"
                            android:text="Perempuan" />
                    </RadioGroup>
                </TableRow>

                <TableRow>

                    <TextView android:text="Alamat:" />

                    <EditText android:id="@+id/alamat" />
                </TableRow>

                <Button
                    android:id="@+id/save"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="Save" />
            </TableLayout>
        </FrameLayout>
    </LinearLayout>

</TabHost>

6. Buatlah xml baru, klik kanan pada layout -> New -> Android XML File beri nama row.xml
7. Ganti Kode pada row.xml menjadi sepertik berikut

row.xml

8. Pada package src/almag, buka almag.java pastikan kodenya seperti berikut

almag.java

package com.percobaan.array3;

public class almag {
    private String nama = "";
    private String alamat = "";
    private String jekel = "";

    public String getNama() {
       return (nama);
    }

    public void setNama(String nama) {
       this.nama = nama;
    }

    public String getAlamat() {
       return (alamat);
    }

    public void setAlamat(String alamat) {
       this.alamat = alamat;
    }

    public String getJekel() {
       return (jekel);
    }

    public void setJekel(String jekel) {
       this.jekel = jekel;
    }

    public String toString() {

       return (getNama());
    }
}

9. Buatlah class baru, klik kanan pada src -> New -> class beri nama array3.java
10. Pada package src/array3, buka array3.java pastikan kodenya seperti berikut

array3.java

package com.percobaan.array3;

import java.util.ArrayList;
import java.util.List;
import com.listarray3.R;
import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.RadioGroup;
import android.widget.TabHost;
import android.widget.TextView;

public class array3 extends TabActivity {
   List<almag> model = new ArrayList<almag>();
   almagAdapter adapter = null;
   EditText nama = null;
   EditText alamat = null;
   RadioGroup jekel = null;

   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main);
       nama = (EditText) findViewById(R.id.nama);
       alamat = (EditText) findViewById(R.id.alamat);
       jekel = (RadioGroup) findViewById(R.id.jekel);
       Button save = (Button) findViewById(R.id.save);
       save.setOnClickListener(onSave);
       ListView list = (ListView) findViewById(R.id.almag);
       adapter = new almagAdapter();
       list.setAdapter(adapter);
       TabHost.TabSpec spec = getTabHost().newTabSpec("tag1");
       spec.setContent(R.id.almag);
       spec.setIndicator("List", getResources().getDrawable(R.drawable.list));
       getTabHost().addTab(spec);
       spec = getTabHost().newTabSpec("tag2");
       spec.setContent(R.id.details);
       spec.setIndicator("Details",
               getResources().getDrawable(R.drawable.alamat));
       getTabHost().addTab(spec);
       getTabHost().setCurrentTab(0);
       list.setOnItemClickListener(onListClick);
   }

   private View.OnClickListener onSave = new View.OnClickListener() {
       public void onClick(View v) {
           almag r = new almag();
           r.setNama(nama.getText().toString());
           r.setAlamat(alamat.getText().toString());
           switch (jekel.getCheckedRadioButtonId()) {
           case R.id.pria:
               r.setJekel("Pria");
               break;
           case R.id.perempuan:
               r.setJekel("Perempuan");
               break;
           }
           adapter.add(r);
       }
   };
   private AdapterView.OnItemClickListener onListClick = new AdapterView.OnItemClickListener() {
       public void onItemClick(AdapterView<?> parent, View view, int position,
               long id) {
           almag r = model.get(position);
           nama.setText(r.getNama());
           alamat.setText(r.getAlamat());
           if (r.getJekel().equals("Pria")) {
               jekel.check(R.id.pria);
           } else if (r.getJekel().equals("Perempuan")) {
               jekel.check(R.id.perempuan);

           }
           getTabHost().setCurrentTab(1);
       }
   };

   class almagAdapter extends ArrayAdapter<almag> {
       almagAdapter() {
           super(array3.this, R.layout.row, model);
       }

       public View getView(int position, View convertView, ViewGroup parent) {
           View row = convertView;
           almagHolder holder = null;
           if (row == null) {
               LayoutInflater inflater = getLayoutInflater();
               row = inflater.inflate(R.layout.row, parent, false);
               holder = new almagHolder(row);
               row.setTag(holder);
           } else {
               holder = (almagHolder) row.getTag();
           }
           holder.populateFrom(model.get(position));
           return (row);
       }
   }

   static class almagHolder {
       private TextView nama = null;
       private TextView alamat = null;
       private ImageView icon = null;
       private View row = null;

       almagHolder(View row) {
           this.row = row;
           nama = (TextView) row.findViewById(R.id.title);
           alamat = (TextView) row.findViewById(R.id.alamat);
           icon = (ImageView) row.findViewById(R.id.icon);
       }

       void populateFrom(almag r) {
           nama.setText(r.getNama());
           alamat.setText(r.getAlamat());
           if (r.getJekel().equals("Pria")) {

               icon.setImageResource(R.drawable.pria);
           } else if (r.getJekel().equals("Perempuan")) {
               icon.setImageResource(R.drawable.perempuan);
           }
       }
   }
}

11. Jalankan Run dengan shourcut CTRL+F11 atau klik Kanan package > Runa As > Android Projeck. Lihat Hasilnya Seperti Dibawah Ini

12. jika Terjadi Force close pada saat kita run seperti gambar dibawah ini :

13. Pada package src/AndroidManifest, buka AndroidManifest.xml pastikan kodenya seperti berikut

Setelah itu kita jalankan aplikasinya..

Notice: kita harus sesuaikan nama packagenya dengan nama classnya..

Silahkan Download Projectnya Disini DOWNLOAD

Laporan Praktikum 4 | Membuat Array Adapter

Wednesday, May 13, 2015 Unknown Pemrograman Mobile No comments

Pada Praktikum ini kita akan membuat Array Adapter . dimana kita akan menyimpan list array inputanya akan kita tampilkan diatas form inputan.

1. Jalankan Eclipse, File > New > Android Project, Perhatikan Gambar Berikut

2. Isikan Kota Dialog New sepertik Berikut

3. Kemudian Pilih Finish

4. Pada Package Explorer, Buka file main.xml di folder res/layout, perhatikan gambar berikut

5. Ganti Kode pada main.xml menjadi sepertik berikut

main.xml

6. Pada package src/Almag, buka Almag.java pastikan kodenya seperti berikut

Almag.java

package com.percobaan.array2;

public class Almag {
    private String nama="";
    private String alamat="";
    private String jekel="";


    public String getNama(){
        return(nama);
    }

    public void setNama( String nama){
        this.nama=nama;
    }

    public String getAlamat(){
        return(alamat);
    }

    public void setAlamat(String alamat){
        this.alamat=alamat;
    }

    public String getJekel(){
        return(jekel);
    }

    public void setJekel(String jekel){
        this.jekel=jekel;
    }

    public String toString(){
        return(getNama());
    }
}

7. Setelah itu kita buat class baru beri nama Array2.java, Klik kanan pada package com.percobaan.array2 perhatikan gambar berikut

8. Pada package src/Array2, buka Array2.java pastikan kodenya seperti berikut

Array2.java

package com.percobaan.array2;

import java.util.ArrayList;
import java.util.List;

import com.arrayadapater.R;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.RadioGroup;

public class Array2 extends Activity {
    List<Almag> model=new ArrayList<Almag>();
    ArrayAdapter<Almag> Adapter=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

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

        save.setOnClickListener(onSave);

        ListView list = (ListView) findViewById(R.id.almag);
        Adapter = new ArrayAdapter<Almag>(this, android.R.layout.simple_list_item_1, model);
        list.setAdapter(Adapter);
    }

    private View.OnClickListener onSave=new View.OnClickListener(){

        public void onClick(View v) {
            Almag r=new Almag();
            EditText nama=(EditText) findViewById(R.id.nama);
            EditText alamat=(EditText) findViewById(R.id.alamat);

            r.setNama(nama.getText().toString());
            r.setAlamat(alamat.getText().toString());

            RadioGroup jekel = (RadioGroup) findViewById(R.id.jekel);

            switch (jekel.getCheckedRadioButtonId()) {
                case R.id.pria:
                    r.setJekel("Pria");
                    break;

                case R.id.perempuan:
                    r.setJekel("Perempuan");
                    break;
            }

            Adapter.add(r);
        }
    };

}

9. Jalankan Run dengan shourcut CTRL+F11 atau klik Kanan package > Runa As > Android Projeck. Lihat Hasilnya Seperti Dibawah Ini

Semoga Bermanfaat

Untuk Mengatasi gambar dibawah ini:

Pada package src/AndroidManifest, buka AndroidManifest.xml pastikan kodenya seperti berikut

Setelah itu kita jalankan aplikasinya..

Notice: kita harus sesuaikan nama packagenya dengan nama classnya..

Laporan Praktikum 3 | Membuat Spinner

Wednesday, May 06, 2015 Unknown Pemrograman Mobile 2 comments

Pertama Jalankan Eclipse, File > New > Android Project, Perhatikan Gambar Berikut

Isikan Kota Dialog New sepertik Berikut

Kemudian Pilih Finish

Pada Package Explorer, Buka file main.xml di folder res/layout, perhatikan gambar berikut

Ganti Kode pada main.xml menjadi sepertik berikut

main.xml

<?xml version="1.0" encoding="utf-8"?>

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

<Spinner

android:id="@+id/spinner"

android:layout_width="match_parent"

android:layout_height="48dp" />

<Button

android:id="@+id/button1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Tampil" />

<TextView

android:id="@+id/hasil"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=""

android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

Pada package src/MainActivity, buka MainActivity.java pastikan kodenya seperti berikut,

MainActivity.java

package example.spiner;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends Activity implements AdapterView.OnItemSelectedListener {
// untuk menampilkan daftar item
TextView selection;
String[] items={"JAVA", "PHP","ANDROID"};
Button tombol;
Spinner spin;
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.main);

//untuk memanggil id selection dan spinner dari file xml
selection=(TextView)findViewById(R.id.hasil);
tombol=(Button)findViewById(R.id.button1);
spin=(Spinner)findViewById(R.id.spinner);
tombol.setOnClickListener(new ok());
spin.setOnItemSelectedListener(this);

// untuk menampilkan daftar item
ArrayAdapter<String> aa=new ArrayAdapter<String>
(this, android.R.layout.simple_spinner_item, items);
aa.setDropDownViewResource(
android.R.layout.simple_spinner_dropdown_item);
spin.setAdapter(aa);
}
public void onItemSelected(AdapterView<?> parent,View v, int position, long id) {
//selection.setText(items[position]);

}

public void onNothingSelected(AdapterView<?> parent) {
selection.setText("");
}
class ok implements Button.OnClickListener{
public void onClick(View v)
{
String s = (String)("Pilihan Anda Adalah : "+spin.getSelectedItem());
selection.setText(s);
}
}
}

Jalankan Run dengan shourcut CTRL+F11 atau klik Kanan package > Runa As > Android Projeck. Lihat Hasilnya Seperti Dibawah Ini

Semoga Bermanfaat

Laporan Praktikum 3 | Membuat Check Box

Wednesday, May 06, 2015 Unknown Pemrograman Mobile No comments

1. Jalankan Eclipse, File > New > Android Project, Perhatikan Gambar Berikut

2. Isikan Kota New seperti berikut

3. Kemudian Pilih Next

4. Kemudian Pilih Finish

5. Pada package Explorer, buka file main.xml di folder res/layout, perhatikan gambar berikut

6. Ganti kode pada main.xml menjadi seperti berikut :

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 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="match_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Pilih Yang Ingin di Pelajari" />

<CheckBox

android:id="@+id/checkBoxAndroid"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Android" />

<CheckBox

android:id="@+id/checkBoxJava"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Java" />

<CheckBox

android:id="@+id/checkBoxC"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="C++" />

<CheckBox

android:id="@+id/checkBoxPhp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="PHP" />

<CheckBox

android:id="@+id/checkBoxPascal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="PASCAL" />

<Button

android:id="@+id/buttonKirim"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Button" />

<TextView

android:id="@+id/viewLaporan"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="TextView" />

</LinearLayout>

7. Pada package src/MainActivity, buka MainActivity.java pastikan kodenya sepertik berikut ini :

MainActivity.java

package com.example.checkbox;

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.TextView;

public class MainActivity extends Activity implements OnClickListener{

CheckBox checkBoxAndroid, checkBoxJava, checkBoxC, checkBoxPHP, checkBoxPascal;

Button buttonKirim;

TextView viewLaporan;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

checkBoxAndroid = (CheckBox) findViewById(R.id.checkBoxAndroid);

checkBoxJava = (CheckBox) findViewById(R.id.checkBoxJava);

checkBoxC = (CheckBox) findViewById(R.id.checkBoxC);

checkBoxPHP = (CheckBox) findViewById(R.id.checkBoxPhp);

checkBoxPascal = (CheckBox) findViewById(R.id.checkBoxPascal);

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

buttonKirim.setOnClickListener(this);

viewLaporan = (TextView) findViewById(R.id.viewLaporan);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

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

return true;

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.buttonKirim:

String hasil = "";

if (checkBoxAndroid.isChecked()) {

hasil = hasil + checkBoxAndroid.getText().toString() + "\n";

}

if (checkBoxJava.isChecked()) {

hasil = hasil + checkBoxJava.getText().toString() + "\n";

}

if (checkBoxC.isChecked()) {

hasil = hasil + checkBoxC.getText().toString() + "\n";

}

if (checkBoxPHP.isChecked()) {

hasil = hasil + checkBoxPHP.getText().toString() + "\n";

}

if (checkBoxPascal.isChecked()){

hasil = hasil + checkBoxPascal.getText().toString()+"\n";

}

// tampilkan hasil di viewLaporan

viewLaporan.setText("Yang Ingin Kamu Pelajari Adalah : \n" + hasil);

break;

default:

break;

}

8. Jalankan run dengan shourcut CTRL+F11 atau klik kanan package > run as > android project. Hasilnya Seperti Dibawah ini

Semoga Bermanfaat

Cara Mengkonfigurasi Eclipse dengn ADT

Wednesday, May 06, 2015 Unknown Pemrograman Mobile No comments

Untuk dapat menggunakan Eclipse dalam membangun Aplikasi Android. terlebih dahulu harus dilakukan konfigruasi Android Developmen Tools (ADT) dalam Eclipse

1. Jalankan Eclipse (jika belum berjalan
2. pilih pada menubar -> Help -> Install New Software

Laporan Praktikum 3 | Membuat Radio Button

Wednesday, May 06, 2015 Unknown Pemrograman Mobile No comments

Pada Pembahasan kali ini Saya Akan Membuat Aplikasi Sederhana Yaitu Radio Button Seperti Gambar Berikut :

1. Jalankan Eclipse, File > New Android Project Perhatikan Gambar Berikut

2. Isi kotak dialog new seperti berikut.

Gambar 1.1

3. Setelah itu Pilih Next

Gambar 1.2

4. kemudian pilih finish

Gambar 1.2

5. Pada package Explorer, buka file main.xml di folder res/layout perhatikan gambar berikut

6. Ganti kode pada main.xml menjadi seperti berikut

<LinearLayout 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:background="#00ff00"
android:orientation="vertical"
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:textSize="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pilih Salah Satu Pelajaran"
android:textColor="#000000"
android:textStyle="bold"
android:typeface="serif" />

<RadioButton
android:id="@+id/rb1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Android"
android:textColor="#000000" />

<RadioButton
android:id="@+id/rb2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Java"
android:textColor="#000000" />

<RadioButton
android:id="@+id/rb3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Php"
android:textColor="#000000" />

<Button
android:id="@+id/pilih"
android:layout_width="288dp"
android:layout_height="wrap_content"
android:text="Pilih"
android:textStyle="bold" />

<TextView
android:id="@+id/hasil"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#ffffff"
android:textStyle="bold" />
android:text="" />

</LinearLayout>

7. Maka Hasil Layoutnya seperti dibawah ini