Minggu, 26 Desember 2010

Membuat output alert dengan textbox



  1. Buatlah sebuah package yang terdiri atas pilihan:
    • Data Diri (data input: nama, alamat, tanggal lahir) 
    • Data Sekolah (data input: Jurusan, Program Studi)
    • Data Lainnya (data input: Hobi)
    • Setiap data inputan harus dapat ditampilkan dalam bentuk bentuk alert atau ticker
       
       Langkah-langkah :
    Kita akan membuat sebuah tampilan berupa Data Diri, Data Sekolah dan Data Lainnya seperti gambar dibawah ini: 
      1. Membuat 3 Midlet, berupa DataPribadi, DataSekolah, dan DataLain.
        • DataPribadi
        • import javax.microedition.midlet.*; import javax.microedition.lcdui.*; public class DataPribadi extends MIDlet implements CommandListener{     private Form form;     private TextField textField1;     private TextField textField2;     private TextField textField3;     private Display display;     private Command cmdKeluar;     private Command cmdAksi;     private Alert alert;     public String strText1, strText2, strText3;     InputDataPribadi mainCanvas;     public DataPribadi() {         form = new Form("Form Isian");         textField1 = new TextField("Nama :", "", 20, 0);         textField2 = new TextField("Alamat :", "", 20, 0);         textField3 = new TextField("Tanggal Lahir :", "", 20, 0);         cmdKeluar = new Command("Keluar", Command.EXIT, 1);         cmdAksi = new Command("Aksi", Command.SCREEN, 2);         mainCanvas = new InputDataPribadi(this, display);         form.addCommand(cmdKeluar);         form.addCommand(cmdAksi);         form.append(textField1);         form.append(textField2);         form.append(textField3);         form.setCommandListener(this);     }     public void startApp() {         display = Display.getDisplay(this);         display.setCurrent(mainCanvas);         display.setCurrent(form);     }     public void pauseApp() {     }     public void destroyApp(boolean unconditional) {     }     public void commandAction(Command c, Displayable d) {         if (d == form) {             if (c == cmdKeluar) {                 destroyApp(false);                 notifyDestroyed();             }             else if (c == cmdAksi) {                 strText1 = textField1.getString();                 strText2 = textField2.getString();                 strText3 = textField3.getString();                 alert = new Alert("Pesan");                 alert.setString("Nama " +strText1);                 alert.setString("Alamat " +strText2);                 alert.setString("Tanggal Lahir " +strText3);                 display.setCurrent(alert);             }         }     } }
        •  DataSekolah
        • import javax.microedition.midlet.*; import javax.microedition.lcdui.*; public class DataSekolah extends MIDlet implements CommandListener{     private Form form;     private TextField textField1;     private TextField textField2;     private Display display;     private Command cmdKeluar;     private Command cmdAksi;     private Alert alert;     public String strText1, strText2;     InputDataSekolah mainCanvas;     public DataSekolah() {         form = new Form("Form Isian");         textField1 = new TextField("Jurusan :", "", 20, 0);         textField2 = new TextField("Program Studi :", "", 20, 0);         cmdKeluar = new Command("Keluar", Command.EXIT, 1);         cmdAksi = new Command("Aksi", Command.SCREEN, 2);         mainCanvas = new InputDataSekolah(this, display);         form.addCommand(cmdKeluar);         form.addCommand(cmdAksi);         form.append(textField1);         form.append(textField2);         form.setCommandListener(this);     }     public void startApp() {         display = Display.getDisplay(this);         display.setCurrent(mainCanvas);         display.setCurrent(form);     }     public void pauseApp() {     }     public void destroyApp(boolean unconditional) {     }     public void commandAction(Command c, Displayable d) {         if (d == form) {             if (c == cmdKeluar) {                 destroyApp(false);                 notifyDestroyed();             }             else if (c == cmdAksi) {                 strText1 = textField1.getString();                 strText2 = textField2.getString();                 alert = new Alert("Pesan");                 alert.setString("Jurusan " +strText1);                 alert.setString("Program Studi " +strText2);                 display.setCurrent(alert);             }         }     } }
        • DataLain
        • import javax.microedition.midlet.*; import javax.microedition.lcdui.*; public class DataLain extends MIDlet implements CommandListener{     private Form form;     private TextField textField1;     private Display display;     private Command cmdKeluar;     private Command cmdAksi;     private Alert alert;     public String strText1;     InputDataLain mainCanvas;     public DataLain() {         form = new Form("Form Isian");         textField1 = new TextField("Hobi :", "", 20, 0);         cmdKeluar = new Command("Keluar", Command.EXIT, 1);         cmdAksi = new Command("Aksi", Command.SCREEN, 2);         mainCanvas = new InputDataLain(this, display);         form.addCommand(cmdKeluar);         form.addCommand(cmdAksi);         form.append(textField1);         form.setCommandListener(this);     }     public void startApp() {         display = Display.getDisplay(this);         display.setCurrent(mainCanvas);         display.setCurrent(form);     }     public void pauseApp() {     }     public void destroyApp(boolean unconditional) {     }     public void commandAction(Command c, Displayable d) {         if (d == form) {             if (c == cmdKeluar) {                 destroyApp(false);                 notifyDestroyed();             }             else if (c == cmdAksi) {                 strText1 = textField1.getString();                 alert = new Alert("Pesan");                 alert.setString("Hobi " +strText1);                 display.setCurrent(alert);             }         }     } }
      2. Membuat 3 JavaClass, berupa InputDataPribadi, InputDataSekolah, dan InputDataLain.
        •  InputDataPribadi
        • import javax.microedition.lcdui.*; class InputDataPribadi extends Canvas {     private Display display;     private DataPribadi midlet;     public InputDataPribadi(DataPribadi midlet,Display display) {         this.midlet = midlet;         this.display = display;     }             protected void paint(Graphics g) {         /* background color luar - COKLAT */                 g.setColor(210, 135, 28);                 g.fillRect(0, 0, getWidth(), getHeight());         /* background color dalam - PUTIH */         g.setColor(255, 255, 255);         g.fillRect(3, 20, getWidth()-7, getHeight()-27);         /* warna border - HITAM */         g.setColor(0, 0, 0);         /* border luar */         g.drawRect(0, 1, getWidth()-1, getHeight()-3);         /* border dalam */         g.setStrokeStyle(g.DOTTED);         g.drawRect(3, 20, getWidth()-8, getHeight()-27);         g.drawRect(4, 21, getWidth()-10, getHeight()-29);         /* judul */         g.setColor(255, 255, 255);         g.setFont(Font.getFont(Font.FACE_SYSTEM,Font.STYLE_BOLD, Font.SIZE_LARGE));         g.drawString("e-ChocO", getWidth()/2, 1, g.TOP|g.HCENTER);         /* layar dan tombol */         g.setStrokeStyle(g.SOLID);         g.setColor(0, 0, 0);         g.drawRoundRect(8, 25, getWidth()-40, getHeight()-37, 3, 3);         g.drawRoundRect(getWidth()-28, 25, 19, getHeight()-57, 3, 3);         g.drawArc(getWidth()-26, getHeight()-28, 16, 16, 0, 360);     } }
        •  InputDataSekolah
        • import javax.microedition.lcdui.*; class InputDataSekolah extends Canvas {     private Display display;     private DataSekolah midlet;     public InputDataSekolah(DataSekolah midlet,Display display) {         this.midlet = midlet;         this.display = display;     }             protected void paint(Graphics g) {         /* background color luar - COKLAT */                 g.setColor(210, 135, 28);                 g.fillRect(0, 0, getWidth(), getHeight());         /* background color dalam - PUTIH */         g.setColor(255, 255, 255);         g.fillRect(3, 20, getWidth()-7, getHeight()-27);         /* warna border - HITAM */         g.setColor(0, 0, 0);         /* border luar */         g.drawRect(0, 1, getWidth()-1, getHeight()-3);         /* border dalam */         g.setStrokeStyle(g.DOTTED);         g.drawRect(3, 20, getWidth()-8, getHeight()-27);         g.drawRect(4, 21, getWidth()-10, getHeight()-29);         /* judul */         g.setColor(255, 255, 255);         g.setFont(Font.getFont(Font.FACE_SYSTEM,Font.STYLE_BOLD, Font.SIZE_LARGE));         g.drawString("e-ChocO", getWidth()/2, 1, g.TOP|g.HCENTER);         /* layar dan tombol */         g.setStrokeStyle(g.SOLID);         g.setColor(0, 0, 0);         g.drawRoundRect(8, 25, getWidth()-40, getHeight()-37, 3, 3);         g.drawRoundRect(getWidth()-28, 25, 19, getHeight()-57, 3, 3);         g.drawArc(getWidth()-26, getHeight()-28, 16, 16, 0, 360);     } }
        •  InputDataLain
        • import javax.microedition.lcdui.*; class InputDataLain extends Canvas {     private Display display;     private DataLain midlet;     public InputDataLain(DataLain midlet,Display display) {         this.midlet = midlet;         this.display = display;     }             protected void paint(Graphics g) {         /* background color luar - COKLAT */                 g.setColor(210, 135, 28);                 g.fillRect(0, 0, getWidth(), getHeight());         /* background color dalam - PUTIH */         g.setColor(255, 255, 255);         g.fillRect(3, 20, getWidth()-7, getHeight()-27);         /* warna border - HITAM */         g.setColor(0, 0, 0);         /* border luar */         g.drawRect(0, 1, getWidth()-1, getHeight()-3);         /* border dalam */         g.setStrokeStyle(g.DOTTED);         g.drawRect(3, 20, getWidth()-8, getHeight()-27);         g.drawRect(4, 21, getWidth()-10, getHeight()-29);         /* judul */         g.setColor(255, 255, 255);         g.setFont(Font.getFont(Font.FACE_SYSTEM,Font.STYLE_BOLD, Font.SIZE_LARGE));         g.drawString("e-ChocO", getWidth()/2, 1, g.TOP|g.HCENTER);         /* layar dan tombol */         g.setStrokeStyle(g.SOLID);         g.setColor(0, 0, 0);         g.drawRoundRect(8, 25, getWidth()-40, getHeight()-37, 3, 3);         g.drawRoundRect(getWidth()-28, 25, 19, getHeight()-57, 3, 3);         g.drawArc(getWidth()-26, getHeight()-28, 16, 16, 0, 360);     } }
                3. Setelah JavaClass dan MIDLet selesai dibuat, selanjutnya untuk melihat hasilnya pilih dan klik Run.

    • Jika DataPribadi yang di pilih, maka akan muncul seperti Gambar01 :
    Gambar01
    • Lalu Masukkan Data Pribadi anda ke dalam textbox seperti Gambar02 :
    Gambar02
    • Setelah Data Pribadi terisi kemudian pilih Menu di pojok kanan bawah seperti Gambar03 :
    Gambar03
    • Maka setelah Aksi di klik akan keluar hasil inputan berupa Alert seperti Gambar04 :
    Gambar04
    • Jika Data Sekolah di klik maka akan muncul tampilan seperti Gambar05:
     Gambar05
    •  Jika Data Lain yang dipilih maka akan keluar tampilan seperti Gambar06: