Pemrograman Visual - Laporan 2

Kali ini kita membuat program yang didalamnya terdapat masukkan dan keluaran berupa textfield, string item dan textbox menggunakan Java Mobile, yang saya pelajari dari Mata Kuliah Pemrograman Dasar dan berikut langkah-langkahnya :

•     Pilih New Project – Mobile – Mobile Application.

•     Hapus centang pada set as main project dengan create xxx.

•     Klik  next dan centang pada CLDC-1.1 dan MIDP-2.1 ( tipe CLDC dan MIDP bisa diganti tergantung kebutuhan HPnya.

•     Finish.

•     Klik kanan pada default package – Midlet.

•    Kemudian beri nama Prak2Midlet ( nama bisa diganti terserah kita )

•    Kemudian kita memulai memrogram

Gambar form program :

•  FormInput

• FormShow1

• FormShow2

Langkah memrogram kita pertama adalah terlebih dahulu membuat class untuk Prak2Midlet, FormInput, FormShow1 dan FormShow2 : 

1. Class Midlet Prak2Midlet 

Konsep program J2ME adalah sebagai berikut. Dalam J2ME kita harus akan membuat main class turunan dari class MIDlet, main class turunan dari MIDlet tersebut yag nantinya akan dipanggil pertama kali saat applikasi kita berjalan di HP, dalam main class tersebut juga ada 3 method yang nantinya berfungsi sebagai trigger even dari HP kita. Seperti:   
starApp(), method yang dipanggil apabila aplikasi kita pertama kali jalan.   
pauseApp(), method yang dipanggil apabila pengguna hp mempause aplikasi kita.   
destroyApp(), method yang dipanggil apabila pengguna hp menutup aplikasi kita.

Pada class ini kita akan menulis beberapa perintah penting untuk memanggil class form lain yang dibutuhkan dan komen-komen yang dibutuhkan untuk memanggil form lainya yang disediakan. berikut adalah source code untuk class midlet Prak2Midlet :

 

Perintah dibawah ini digunakan untuk menginisialisasika item atau form yang akan dipanggil.

private FormInput frmInput;
    private FormShow1 frmShow1;
    private FormShow2 frmShow2;   
    private Command cmShow1, cmShow2, cmBack, cmExit; 

Kemudian kita membuat command untuk menjalankan beberapa form yang ada, didalam startApp() kita tulis beberapa command dan mengatur form  yang ingin ditampilkan pertama. berikut source code-nya :

cmShow1 = new Command("StringItem", Command.OK, 0 );
        cmShow2 = new Command("TextBox", Command.OK, 1 );
        cmBack = new Command("Kembali", Command.BACK, 0 );
        cmExit = new Command("Keluar", Command.EXIT, 0 );
        
        frmInput.addCommand(cmShow1);
        frmInput.addCommand(cmShow2);
        frmInput.addCommand(cmExit);
        
        frmShow1.addCommand(cmBack);
        frmShow2.addCommand(cmBack);
        
        frmInput.setCommandListener(this);
        frmShow1.setCommandListener(this);
        frmShow2.setCommandListener(this);
        
        Display.getDisplay(this).setCurrent(frmInput);
    

Kemudian kita beralih ke method public void commandAction(Command c, Displayable d) dimana disini kita akan mengatur fungsi tombol sedemikian rupa sehingga jika tombol itu dipencet akan membuka form apa dan didalam form tersebut akan ditampilkan apa saja.

public void commandAction(Command c, Displayable d) {
        
        if (d == frmInput) {
            if (c == cmExit) {
                destroyApp(true);
                notifyDestroyed();
            }
            
            if (c == cmShow1) {
                frmShow1.setNama(frmInput.getNama());
                frmShow1.setEmail(frmInput.getEmail());
                Display.getDisplay(this).setCurrent(frmShow1);
            }
            
            if (c == cmShow2) {
                frmShow2.setTextBox(" Nama : "+frmInput.getNama() + "\n Email : " + frmInput.getEmail());
                Display.getDisplay(this).setCurrent(frmShow2);
            }
        }
        
        if (d == frmShow1) {
            if ( c == cmBack) {
                Display.getDisplay(this).setCurrent(frmInput);
            }
        }
        
        if (d == frmShow2) {
            if ( c == cmBack) {
                Display.getDisplay(this).setCurrent(frmInput);
            } 
        }    
    }

2. Class FormInput
    Disini kita akan menuliskan beberapa perintah yang akan ditampilkan pada FormInput, pada FormInput kita akan menampilkan sebuah item inputan yang berupa TextField, yang mana nanti inputan tersebut akan ditampilkan pada FormShow1 dan FormShow2, berikut source code-nya :

public FormInput() {
        super("Input Data");
        tfNama = new TextField("Nama Anda", null, 50, TextField.ANY);
        tfEmail = new TextField("Email", null, 50, TextField.EMAILADDR);
        append(tfNama);
        append(tfEmail);
    }

Kemudian kita buat method getNama() dan getEmail() dimana itu digunakan memanggil inputan pada FormShow1 dan FormShow2

public String getNama() {
        return tfNama.getString();
    }
    
    public String getEmail() {
        return tfEmail.getString();
    }

3. Class FormShow1
Setelah FormInput sudah dibuat selanjutnya kita membuat FormShow1 untuk menampilkan hasil atau tampilan dalam bentus StringItem seperti gambar diatas tadi. Pertama kita harus membuat StringItem-nya, dimana itu akan menampilkan inputan dari TextField pada FormInput untuk ditampilkan diFormShow1.

public FormShow1() {
        super("Tampil 1");
        
        stNama = new StringItem("Nama:", null);
        stEmail = new StringItem("Email", null);
        
        append(stNama);
        append(stEmail);
    }

Setelah itu kita membuat method setNama() dan setEmail() dimana keduanya untuk menempatkan inputan nantinya.

public void setNama(String nama) {
        stNama.setText(nama);
    }
    
    public void setEmail(String email) {
        stEmail.setText(email);
    }

4. Class FormShow2
Sekarang lanjut ke class FormShow2, gak ada bedanya sih sama class FormShow1 cuman kalau sekarang output dalam bentuk TextBox. Berikut adalah pembuatan TextBox-nya beserta method setTextBox() untuk menempatkan isi yang akan ditampilkan nanti.

public FormShow2() {
        super("Tampil 2", null, 255, 0);
    }
    
    public void setTextBox(String isi) {
        this.setString(isi);
    }

Semua class telah dijelaskan per itemnya, jika ingin Souce Code-nya lengkap download DISINI.

SEMOGA BERMANFAAT  ＼(^o^)／