Andi Sunyoto Personal Blog » Tutorials http://www.andisun.com andi|blog Wed, 28 Dec 2011 12:24:37 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 J2ME: Menampilkan Gambar dengan Class Canvas http://www.andisun.com/tutorials/j2me-programming/j2me-menampilkan-gambar http://www.andisun.com/tutorials/j2me-programming/j2me-menampilkan-gambar#comments Fri, 15 Jan 2010 02:52:08 +0000 myandisun http://www.andisun.com/?p=551 Salah satu kelebihan class Canvas adalah dapat menampilkan gambar. Pada modul ini kita akan membahas kode program untuk menampilkan file gambar di layar handphone.

Pertama anda siapkan file gambar yang akan ditampilkna. Biasanya file gambar yang ditampilkan dalam layar HP bertipe “PNG”.

Siapkan gambar degan nama dan extensi berikut: “btw.png,globe.png,ipod.png,printer.png,sepeda.png”
File di atas dapat diganti sesuai dengan keinginan kita.

MIDShowImage.java

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

import javax.microedition.midlet.*;
 
import javax.microedition.lcdui.*;
 
public class ShowImageNext extends MIDlet {
 
private Display display;
 
private Canvas canvas;
 
private Command cmdNExt;
 
private int counter = 0;
 
public ShowImageNext() {
 
canvas = new CanvasShowImg();
 
}
 
public void startApp() {
 
display.getDisplay(this).setCurrent(canvas);
 
}
 
public void pauseApp() {
 
}
 
public void destroyApp(boolean unconditional) {
 
}
 
//End of MIDlet
 
public class CanvasShowImg extends Canvas {
 
private Image currentImg;
 
public CanvasShowImg() {
 
}
 
protected void paint(Graphics g) {
 
try {
 
//set background to white
 
g.setColor(0xFFFFFF);
 
g.fillRect(0, 0, this.getWidth(), this.getHeight());
 
String[] option = {"/btw.png", "/globe.png", "/ipod.png", "/printer.png", "/sepeda.png"};
 
currentImg = Image.createImage(option[counter]);
 
System.out.println(counter);
 
} catch (Exception e) {
 
e.getMessage();
 
}
 
g.drawImage(currentImg, getWidth() / 2, getHeight() / 2, Graphics.VCENTER | Graphics.HCENTER);
 
}
 
public void keyPressed(int keycode) {
 
switch (getGameAction(keycode)) {
 
case Canvas.RIGHT:
 
counter = counter + 1;
 
repaint();
 
break;
 
case Canvas.LEFT:
 
break;
 
default:
 
}
 
}
 
}
 
}

Hasil program di atas adalah sebagai berikut:

Program menampilkan gambar

Program menampilkan gambar

Keterangan:

Klik panah ke kanan untuk melihat gambar selanjutnya.

]]> http://www.andisun.com/tutorials/j2me-programming/j2me-menampilkan-gambar/feed 0 Intro JavaScript and Hello World http://www.andisun.com/tutorials/javascript-tutorials/intro-javascript-and-hello-world http://www.andisun.com/tutorials/javascript-tutorials/intro-javascript-and-hello-world#comments Sun, 13 Sep 2009 02:17:40 +0000 myandisun http://www.andisun.com/?p=453 JavaScript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla FireFox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

Beberapa hal tentang JavaScript:

  1. JavaScript didesain untuk menambah interaktif suatu web.
  2. JavaScript merupakan sebuah bahasa scripting.
  3. Bahasa scripting merupakan bahasa pemrograman yang ringan.
  4. JavaScript berisi baris kode yang dijalankan di komputer (web browser).
  5. JavaScript biasanya disisipkan (embedded) dalam halaman HTML.
  6. JavaScript adalah bahasa interpreter (yang berarti skrip dieksekusi tanpa proses kompilasi).
  7. Setiap orang dapat menggunakan JavaScript tanpa membayar lisensi.

Contoh skrip JavaScript dapat dilihat pada contoh berikut:

Nama file: js01.html

?View Code HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<html>
<head>
  <title>JavaScript</title>
</head>
 
<body>
  <script type="text/javascript">
    document.write("Hello world!");
    document.write("<p>Apa Kabar <br />" +
                   "<i>anda</i>?</p>");
  </script>
 
  <p>Demo output untuk menampilkan teks.
  </p>
</body>
</html>

Output file: js01.html

Menampilkan skrip pada HTML

Menampilkan skrip pada HTML

Keterangan:

  • document.write : untuk menampilkan teks di halaman HTML.

Teks yang akan ditampilkan dapat dimasukkan ke dalam tag HTML. Tag akan dieksekusi oleh browser ketika teks ditampilkan. Hal mendasar yang perlu diperhatikan dalam JavaScript adalah:

  • Seperti pada C++/Java, perintah dalam Java diakhiri dengan ”;” (titik koma).
  • Komentar menggunakan:

//           : untuk satu baris perintah

/*…*/  : untuk kelompok program (banyak baris)

]]> http://www.andisun.com/tutorials/javascript-tutorials/intro-javascript-and-hello-world/feed 0 J2ME: Form dan Ticker http://www.andisun.com/tutorials/j2me-programming/j2me-form-dan-ticker http://www.andisun.com/tutorials/j2me-programming/j2me-form-dan-ticker#comments Fri, 11 Sep 2009 02:07:24 +0000 myandisun http://www.andisun.com/?p=442 Apabila sedang menyaksikan tayangan pada televisi akan sering terlihat berita pada bagian bawah layar yang berupa tulisan berjalan. Atau pada acara yang berhubungan dengan bursa efek akan bisa dilihat juga berupa tulisan berjalan yang memberikan informasi mengenai keadaan saham pada saat itu. Untuk membuat “tayangan” seperti itu pada layar ponsel dapat digunakan class Ticker.

Class Ticker tampak seperti animasi teks berjalan terus menerus dari kanan ke  kiri. Untuk menampilkan obyek Ticker yang telah dibuat, kita perlu memanggil method setTicker() yang didefinisikan pada class Displayable. Ini artinya, method tersebut dapat kita panggil dari obyek turunan dari kelas Screen maupun Canvas.

Pada modul ini akan mengekplorasi ticker. Disini akan membuat obyek Ticker dan mengkaitkannya dengan obyek Form.

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class MIDTicker extends MIDlet implements CommandListener {
	private Form form;
	private Display display;
	private Ticker ticker;
	private Command cmdKeluar;
 
	public MIDTicker() {
		cmdKeluar = new Command("Keluar", Command.EXIT, 1);
		ticker = new Ticker("Saham TELKOM naik 10 point");
		form = new Form("Ticker");
		form.setTicker(ticker);
		form.addCommand(cmdKeluar);
		form.setCommandListener(this);
	}
 
	public void startApp() {
		display = Display.getDisplay(this);
		display.setCurrent(form);
	}
 
	public void pauseApp() {
	}
 
	public void destroyApp(boolean unconditional) {
	}
 
	public void commandAction(Command c, Displayable d) {
		if (c == cmdKeluar) {
			destroyApp(false);
			notifyDestroyed();
		}
	}
}

Berikut keterangan kode program di atas:

Untuk membuat objek ticker digunakan baris berikut :

ticker = new Ticker("Ini text berjalan yang akan ditampilan pada layar ");

Sedangkan untuk menambahkan objek ticker pada form digunakan method setTicker(objekTicker), seperti di bawah ini :

form.setTicker(ticker);

Berbeda pada ponsel lainnya, pada Siemens, teks dari objek ticker menempati baris sama dengan title dari form. Selain itu, teks pada objek ticker hanya berjalan setelah layar saja.

midlet_ticker01

1.1.    Setting Teks pada Ticker

Pada class Ticker terdapat dua method yaitu getString() dan setString(String str). Berikut adalah contoh untuk aplikasi yang memberikan fasilitas bagi user untuk mengubah teks yang ditampilkan oleh objek ticker. Berikut adalah contoh dari aplikasi tersebut. Aplikasi ini dapat memodifikasi aplikasi ticker sebelumnya.

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class MIDTickerLanjut extends MIDlet implements CommandListener {
	private Form form;
	private Display display;
	private Ticker ticker;
	private Command cmdKeluar;
	private Command cmdTicker;
	private TextField textField;
 
	public MIDTickerLanjut() {
		cmdKeluar = new Command("Keluar", Command.EXIT, 1);
		cmdTicker = new Command("Set Ticker", Command.SCREEN, 2);
		textField = new TextField("Teks : ", "", 50, TextField.ANY);
		ticker = new Ticker("");
		form = new Form("Ticker");
		form.append(textField);
		form.addCommand(cmdKeluar);
		form.addCommand(cmdTicker);
		form.setCommandListener(this);
	}
 
	public void startApp() {
		display = Display.getDisplay(this);
		display.setCurrent(form);
	}
 
	public void pauseApp() {
	}
 
	public void destroyApp(boolean unconditional) {
	}
 
	public void commandAction(Command c, Displayable d) {
		if (c == cmdKeluar) {
			destroyApp(false);
			notifyDestroyed();
		}
		if (c == cmdTicker) {
			form.setTicker(ticker);
			ticker.setString(textField.getString());
		}
	}
}

Aplikasi ini merupakan hasil modifikasi dari MIDTickerLanjut.java. Objek yang ditambahkan adalah objek textField yang akan digunakan oleh user untuk memasukkan teks yang akan digunakan oleh objek ticker. Pada konstruktor hanya dilakukan pembuatan objek ticker dan belum ditambahkan pada objek form. Setelah “tombol” Ticker ditekan baru objek ticker ditambahkan pada form dengan baris seperti berikut ini:

if (c == cmdTicker) {
  form.setTicker(ticker);
  ticker.setString(textField.getString());
}

Untuk menampilkan teks yang diisikan user pada textField digunakan baris berikut:

ticker.setString(textField.getString());

midlet_ticker02

]]> http://www.andisun.com/tutorials/j2me-programming/j2me-form-dan-ticker/feed 2 J2ME: Memanfaatkan Class TextBox http://www.andisun.com/tutorials/j2me-programming/j2me-memanfaatkan-class-textbox http://www.andisun.com/tutorials/j2me-programming/j2me-memanfaatkan-class-textbox#comments Wed, 29 Jul 2009 00:21:15 +0000 myandisun http://www.andisun.com/?p=312 Class TextBox merupakan turunan dari class Screen yang merepresentasikan sebuah kotak untuk mengisi teks.

Konstruktor class TextBox adalah sebagai berikut:

TextBox(String title, String text, int maxSize, int constraints);

Agar lebih jelas untuk memahami tentang class TextBox berikut contoh programnya:

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class MIDTextBox extends MIDlet implements CommandListener {
 
    private Display display;
    private TextBox txt;
    private Form form;
    private Alert alert;
    private Command cmdExit;
    private Command cmdSetText;
    private Command cmdInsertText;
    private Command cmdClearText;
    private Command cmdInfoText;
    private Command cmdBack;
 
    public MIDTextBox() {
        display = Display.getDisplay(this);
        txt = new TextBox("Contoh Midlet TextBox", null, 256, TextField.ANY);
        cmdExit = new Command("Exit", Command.EXIT, 1);
        cmdSetText = new Command("Set Text", Command.SCREEN, 2);
        cmdInsertText = new Command("Insert", Command.SCREEN, 2);
        cmdInfoText = new Command("Info Text", Command.SCREEN, 2);
        cmdBack = new Command("Back", Command.BACK, 2);
 
        txt.addCommand(cmdExit);
        txt.addCommand(cmdSetText);
        txt.addCommand(cmdInsertText);
        txt.addCommand(cmdInfoText);
        txt.setCommandListener(this);
    }
 
    public void startApp() {
        display.setCurrent(txt);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
 
    public void commandAction(Command c, Displayable d) {
        if (c == cmdExit) {
            destroyApp(true);
            notifyDestroyed();
        } else if (c == cmdSetText) {
            txt.setString("Contoh Mengeset Text dalam TextBox");
        } else if (c == cmdInsertText) {
            txt.insert("Text Sisipan", 0);
        } else if (c == cmdClearText) {
            if (txt.size() &gt; 0) {
                txt.delete(0, txt.size());
            }
        } else if (c == cmdInfoText) {
            form = new Form("Informasi Text");
            form.append("Teks Aktif: " + txt.getString() + "\n");
            form.append("Jumlah Karakter: " + txt.size() + "\n");
            form.append("Posisi cursor: " + txt.getCaretPosition());
 
            form.addCommand(cmdBack);
            form.setCommandListener(this);
            display.setCurrent(form);
        } else if (c == cmdBack) {
            display.setCurrent(txt);
        }
    }
}

Hasil program di atas adalah sebagai berikut:

Tampilan Awal

Tampilan Awal

Setelah muncul gambar di atas, dapat dicoba diklik “Menu”, hasilnya adalah:

Pilihan Menu Aplikasi

Pilihan Menu Aplikasi

Coba pilih menu Info Text, hasilnya adalah:

Tampilan menu "Info Text"

Tampilan menu "Info Text"

]]> http://www.andisun.com/tutorials/j2me-programming/j2me-memanfaatkan-class-textbox/feed 4 Memanfaatkan Class List http://www.andisun.com/tutorials/j2me-programming/memanfaatkan-class-list http://www.andisun.com/tutorials/j2me-programming/memanfaatkan-class-list#comments Thu, 23 Jul 2009 15:30:42 +0000 myandisun http://www.andisun.com/?p=265 Class List merupakan turunan dari class Screen. Class ini berfungsi untuk menampilkan daftar item pilihan yang dapat diakses denagn cara menscroll. Untuk memilih item yang diinginkan dengan menekan tombol select atau menggunakan Command.

Bentuk constructor List adalah sebagai berikut:

  • List(String title, int listType)
  • List(String title, int listType, String[] choices, Image[] images)

Daftar method clas List yang digunakan untuk memanipulasi item adalah:

Nama Method

Kegunaan
append() Menambah item dan menempatkannya pada posisi terakhir.
insert() Menambah item dan menempatkannya di posisi sebelum item yang aktif(item yang sedang dipilih)
delete() Menghapus item yang sedang dipilih.
deleteAll() Menghapus semua item yan gterdapat pada objek List.

Parameter choices digunakan untuk melewatkan item-item yang diisikan, sedangkan images digunakan untuk menyimpan daftar gambar (icon) yang akan ditampilkan.

Dalam class List ada tiga macam tipe:

Tipe Keterangan
EXCLUSIVE List ini berbentuk radio button. User hanya dapat memilih satu pilihan.
MULTIPLE List berupa list yang didalamnya dilengkapi dengan ChecBox. User dapat memilih lebih dari satu pilihan.
IMPLICITE List standar yang biasa digunakan untuk menampilkan item pilihan.

Untuk mengetahui gambar-gambar mana yang dipilih, class List mendefinisikan method-method sebagai berikut:

public int getSelectedIndex()
public void getSelectedFlags(boolean[] selected)
public boolean isSelected(int elemenNum)

Sebelum memulai menuliskan program kita siapkan dulu icon yang akan dimunculkan pada List. Format gambar yang digunakan untuk icon adalah PNG. Berikut icon yang yang akan digunakan:

Nama File Images
register.png register
tools.png tools
wizard.png wizard
contact.png contact
help.png help

Copykan file di atas jadi satu direktori dengan file Java, yaitu direktory: src. Jika dilihat pada tampilan explorer adalah sebagai berikut:

Tampilan pada file explorer

Tampilan pada file explorer

Kode program untuk aplikasi ini adalah:

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
 
public class MIDList extends MIDlet implements CommandListener {
 
    private Display display;
    private List list;
    private Command cmdPilih;
    private Command cmdBack;
    private Image img1, img2, img3, img4, img5;
 
    public MIDList() {
        display = Display.getDisplay(this);
    }
 
    public void startApp() {
        //membuat objek Command
        cmdPilih = new Command("Pilih", Command.SCREEN, 2);
        cmdBack = new Command("Back", Command.BACK, 1);
 
        //membuat daftar icon
        try {
            img1 = Image.createImage("/register.png");
            img2 = Image.createImage("/contact.png");
            img3 = Image.createImage("/tools.png");
            img4 = Image.createImage("/wizard.png");
            img5 = Image.createImage("/help.png");
        } catch (Exception e) {
            System.out.println(e.getMessage());
        }
 
        //membuat List bertipe Exclusive
        list = new List("List Tipe Exclusive", Choice.EXCLUSIVE);
        list.append("Register", img1);
        list.append("Contact", img2);
        list.append("Tool", img3);
        list.append("Wizard", img4);
        list.append("Help", img5);
        list.addCommand(cmdPilih);
        list.addCommand(cmdBack);
        list.setCommandListener(this);
        display.setCurrent(list);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
 
    public void commandAction(Command c, Displayable d) {
        if (c == cmdBack) {
            destroyApp(false);
        } else {
            int indeks = list.getSelectedIndex();
            Alert info = new Alert("Informasi");
            info.setString("Anda memilih : " + list.getString(indeks));
            info.setTimeout(Alert.FOREVER);
            display.setCurrent(info, list);
        }
    }
}

Bentuk tipe List dapat dilihat pada gambar-gambar berikut:

Tipe Exclusive

Tipe Exclusive

Setelah dipilih tombol "Pilih"

Setelah dipilih tombol "Pilih"

Jika di ubah tipe Listnya hasilnya masing-masing sebagai berikut:

Tipe Exclusive

Tipe Exclusive

Tipe Implicit

Tipe Implicit

Tipe Multiple

Tipe Multiple
]]> http://www.andisun.com/tutorials/j2me-programming/memanfaatkan-class-list/feed 0 User Interface pada J2ME http://www.andisun.com/tutorials/j2me-programming/user-interface-pada-j2me http://www.andisun.com/tutorials/j2me-programming/user-interface-pada-j2me#comments Thu, 23 Jul 2009 03:43:38 +0000 myandisun http://www.andisun.com/?p=256 Satu hal terpenting dalam sebuah aplikasi adalah Graphical User Interface (GUI). GUI dapat dimanfaatkan sebagai media input dalam sebuah aplikasi.

Class-class untuk membangun GUI dalam MIDP disimpan dalam lcdui (javax.microedition.lcdui), sehingga agar dapat memanfaatkan class tersebut dengan mengimport paketnya.

Struktur GUI dalam MIDP

GUI di dalam MIDP dibagi menjadi dua bagian, yaitu: high-level API (yang didasarkan pada penbentukan window) dan low-level API (yang didasarkan pada pembentukan canvas dan pixel). Penggunaan high-level API lebih mudah disbanding mengunakan low-level API untuk membangun sebuah interface pada suatu aplikasi. Namun dengan menggunakan low level API lebih leluasa dalam mendesain sebuah interface.

Model high-level API menyediakan class-class standar yang digunakan untuk membangun UI (User Interface) seperti component Form, TextBox, List, Alert. Model High-level mengimplementasikan class-class yang diturunkan dari class Screen.

Model Low-level API memberikan akses yang kepada programmer untuk melakukan control terhadap tampilan layer, termasuk pengembaran menggunakan pixel, pembentukan bentuk geometri (segitiga, segiempat,lingkaran,elips, arc, dll). Model ini sering digunakan untuk membuat game. Karena model ini dapat membuat bentuk tek graphic yang lebih spesifik sesaui dengan keinginan. Model ini juga dapat membaca tombol-tombol yang ditekan oleh user.

Dalam paket lcdui yang dimport menggunakan:

import javax.microedition.lcdui.*;

Paket ini terdiri dari interface dan class.

Tabel daftar interface:

Interface Keterangan
Choice Mengimplementasikan sejumah item pilihan yang didefinisikan.
CommandListener Menerima event-event level tinggi.
ItemStateListener Menerima event yang mengindikasikan perubahan keadaan dari item yang terdapat pada obyek Form

Daftar kelas paket lcdui:

Class Keterangan
Alert Menampilkan pesan ke user untuk periode waktu tertentu
AlertType Mendefinisikan tipe objek Alert yang akan ditampilkan
Canvas Class yang digunakan untuk aplikasi yang membutuhkan event-event rendah seperti game dan untuk mengambar dilayar.
ChoiceGroup Meyajikan sekumpulan elemen yang dapat dipilih yang dimasukkan di dalam Form.
Command Konstruksi yang mebungkus informasi-informasi yang dilakukan oleh user.
CustomItem Membuat elemen user interface baru yang ditempatkan pada sebuah Form.
DateField Komponen yang digunakan untuk menampilkan tanggal dan waktu.
Display Manager tampilan
Displayable Objek yang memiliki kemampuan ditampilkan pada layar.
Font Mengatur huruf yang akan ditampilkan ke layar.
Gauge Tampilan grafis yang digunakan untuk memvisualisasikan nilai tertentu yang diletakkan pada Form.
Graphics Menyediakan kemampuan menggambar pada sebuah Canvas.
Image Digunakan untuk menyimpan data gambar.
ImageItem Meyediakan kotrol layout untuk gambar-gambar yang ditempatkan pada sebuah Form.
Item Kelas dasar untuk menempatkan komponen-komponen yang dapat ditempatkan pada sebuah Form.
List Layar yang berisi daftar pilihan
Screen Kelas dasar semua komponen layar dalam high-level user interface.
StringItem Item yang berisi string yang kemudian ditempatkan pada Form.
TextBox Layar yang mengijinkan user memanipulasi teks dan bisa juga dijadikan media input.
TextField Komponen untuk memasukkan teks di atas Form.
Ticker Bagian teks yang berjalan terus-menerus di atas layar. Ticker tidak dapat ditempelkan pada Canvas.

Arsitektur LCDUI

Beriku hierarki class-class yang diambil dari pake lcdui (javax.microedition.lcdui)

Hierarki Class LCDUI

Hierarki Class LCDUI

Dari class-class di atas yang dapat langsung ditampilkan ke layar hanya turunan dari class Displayable.

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
 
public class MIDAlert extends MIDlet implements CommandListener {
    private Display display;
    private Form form;
    private Alert alert;
    private Command cmdExit;
    private Command cmdAlert;
 
    public MIDAlert() {
        display = Display.getDisplay(this);
        //membuat objek Form
        form = new Form("Demo Alert");
 
        //membuat objek Command
        cmdExit = new Command("Exit", Command.EXIT, 1);
        cmdAlert = new Command("Alert", Command.SCREEN, 2);
 
        //menambahkan objek Command "cmdExit" dan "cmdAlert"
        form.addCommand(cmdExit);
        form.addCommand(cmdAlert);
 
        //menset event
        form.setCommandListener(this);
    }
 
    public void startApp() {
        //menentukan objek yang ditampilkan di layar
        display.setCurrent(form);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
 
    public void commandAction(Command c, Displayable d) {
        if (c == cmdAlert) {
            //memanggil method tampilAlert
            tampilAlert();
        } else if (c == cmdExit) {
            destroyApp(true);
            notifyDestroyed();
        }
    }
 
    private void tampilAlert() {
        try {
            //membuat objek Alert dan menentukan String yang ditampilkan
            alert = new Alert("Informasi", "Pesan ini tampil di User", null, null);
 
            //menentukan tipe Alert
            alert.setType(AlertType.ALARM);
 
            //menentukan lamanya Alert tampil
            alert.setTimeout(5000);
 
            //menampilkan Alert
            display.setCurrent(alert);
        } catch(Exception e)  {
            System.out.println(e.getMessage());
        }
    }
}

Sebuah aplikasi biasanya ketika menampilkan pesan menggunakan icon atau gambar tertentu, berikut tambahan kode program agar pesan yang ditampilkan di atas dapat menampilkan pesan yang disertai dengan gambar.

Hasil output dari program di atas adalah:

Sesudah dan sebelum diklik Alert

Sesudah dan sebelum diklik Alert

Ubahlah method tampilAlert() menjadi seperti berikut:

private void tampilAlert() {

try {

//membuat objek Image

Image img = Image.createImage(“/globe.png”);

//membuat objek Alert dan menentukan String yang ditampilkan

alert = new Alert(“Informasi”, “Pesan ini tampil di User”, img, null);

//menentukan tipe Alert

alert.setType(AlertType.ALARM);

//menentukan lamanya Alert tampil

alert.setTimeout(5000);

//menampilkan Alert

display.setCurrent(alert);

} catch(Exception e) {

System.out.println(e.getMessage());

}

}

private void tampilAlert() {
	try {
		//membuat objek Image
		Image img = Image.createImage("/globe.png");

		//membuat objek Alert dan menentukan String yang ditampilkan
		alert = new Alert("Informasi", "Pesan ini tampil di User", img, null);

		//menentukan tipe Alert
		alert.setType(AlertType.ALARM);

		//menentukan lamanya Alert tampil
		alert.setTimeout(5000);

		//menampilkan Alert
		display.setCurrent(alert);
	} catch(Exception e)  {
		System.out.println(e.getMessage());
	}
}

Tampilan ketika ditambahkan gambar pada Alert.

Tampilan Alert setelah ditambah image

Tampilan Alert setelah ditambah image

]]> http://www.andisun.com/tutorials/j2me-programming/user-interface-pada-j2me/feed 4 Mengelola Tombol (Object Command) http://www.andisun.com/tutorials/j2me-programming/mengelola-tombol-object-command http://www.andisun.com/tutorials/j2me-programming/mengelola-tombol-object-command#comments Thu, 23 Jul 2009 01:53:03 +0000 myandisun http://www.andisun.com/?p=248 Suatu aplikasi yang menggunakan object Command terkadang memerlukan penambahan tombol dan pengurangan tombol pada saat run-time. Jadi sebuah object Command dapat di tambahkan maupun di kurangkan.

Mendeklarasikan Obyek Command

Bentuk umum membuat object Command adalah:

Command(label, commandType, priority)

Contoh:

cmdExit = new Command(“Exit”, Command.EXIT, 0);

Berikut macam-macam tipe Command yang dapat dipakai:

Berikut daftar tipe Command yang dapat digunakan:

Tipe

Nilai

Keterangan
SCREEN

1

 Tipe Command yang diaplikasikan untuk layer (screen) tertentu.
BACK

2

 Tipe Command yang digunakan untuk kembali ke layar sebelumnya.
CANCEL

3

 Tipe Comamnd yang digunakan untuk jawaban negatif pada dialog box.
OK

4

 Tipe Command untuk jawaban positif pada dialoag box.
HELP

5

 Tipe Command yang digunakan untuk menampilkan help.
STOP

6

 Tipe Command yang akan menghentikan proses-proses yang sedang berjalan.
EXIT

7

 Tipe Command yang digunakan untuk keluar dari aplikasi.
ITEM

8

 Tipe Command yang digunakan untuk menghubungkan aksi dalam suatu Command dengan item di dalam layar.

Menambah Obyek Command

Ada tulisan sebelumnya sudah banyak yang membahas tentang penambahan objek command pada objek lain seperti objek dari class List atau Form. Berikut contoh pengunaan obyek Command.

Untuk menambahkan obyek command menggunakan method  addComamnd().

Contoh:

frm.addCommand(cmdExit);

Menghapus Obyek Command

Obyek Command yang telah kita tambahkan di dalam obyek frm dapat dihapus dengan menggunakan method removeCommand().

Contoh:

frm.removeCommand(cmdOpen);

Contoh Program

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
 
public class MIDCommand extends MIDlet implements CommandListener{
    private Display display;
    private Form frm;
    private Command cmdExit;
    private Command cmdOpen;
    private Command cmdClose;
    private Command cmdStart;
    private Command cmdStop;
 
    public MIDCommand(){
        frm = new Form("Contoh Command");
        cmdExit = new Command("Exit", Command.EXIT, 0);
        cmdOpen = new Command("Open", Command.OK,0);
        cmdClose = new Command("Close", Command.OK, 0);
        cmdStart = new Command("Start", Command.OK, 0);
//        cmdStop = new Command(label, commandType, priority)
        cmdStop = new Command("Stop", Command.OK, 0);
        frm.setCommandListener(this);
    }
 
    public void startApp() {
        frm.addCommand(cmdExit);
        frm.addCommand(cmdOpen);
 
        display = Display.getDisplay(this);
        display.setCurrent(frm);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
 
    public void commandAction(Command c, Displayable d) {
        if (c==cmdExit){
            destroyApp(false);
            notifyDestroyed();
        }else if(c==cmdOpen){
            frm.removeCommand(cmdOpen);
            frm.addCommand(cmdClose);
            frm.addCommand(cmdStart);
            display.setCurrent(frm);
        }else if(c==cmdStart){
            frm.removeCommand(cmdStart);
            frm.addCommand(cmdClose);
            frm.addCommand(cmdStop);
            display.setCurrent(frm);
        }else if(c==cmdStop){
            frm.removeCommand(cmdStop);
            frm.addCommand(cmdStart);
            display.setCurrent(frm);
        }else if(c==cmdClose){
            frm.removeCommand(cmdClose);
            frm.removeCommand(cmdStart);
            frm.addCommand(cmdOpen);
        }
    }
}

Hasil Runing Program

Sebelum mengklik tombol

Sebelum mengklik tombol

Setelah mengklik tombol

Setelah mengklik tombol

]]> http://www.andisun.com/tutorials/j2me-programming/mengelola-tombol-object-command/feed 0 Menangkap Event pada Tombol http://www.andisun.com/tutorials/j2me-programming/menangkap-event-pada-tombol http://www.andisun.com/tutorials/j2me-programming/menangkap-event-pada-tombol#comments Wed, 22 Jul 2009 07:54:09 +0000 myandisun http://www.andisun.com/?p=217 Agar sebuah tombol dapat berfungsi, maka event yang terjadi pada tombol harus di tangkap.

Program diatas ketika di klik tombol Exit belum dapat keluar dari program.

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class EventCommand extends MIDlet implements CommandListener{
    private Display display;
    private TextBox mainScreen;
    private Command cmdExit;
 
    public EventCommand(){
        display = Display.getDisplay(this);
        mainScreen = new TextBox("Hello", "Hello World", 512, 1);
        cmdExit = new Command("Exit", Command.EXIT, 1);
        mainScreen.addCommand(cmdExit);
        mainScreen.setCommandListener(this);
    }
 
    public void startApp() {
        display.setCurrent(mainScreen);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
 
    public void commandAction(Command c, Displayable d) {
        if (c==cmdExit){
            destroyApp(false);
            notifyDestroyed();
        }
    }
}

Hal-hal yang harus disertakan dalam menangkap sebuah event adalah:

  1. … implement Command Listener
  2. … setComamndListener
  3. … commandAction

Catatan:

Ketika menambahkan implement CommandListener maka akan terdapat pesan kesalahan. Kesalahan tersebut terjadi karena jika menggunakan interface Command Listener harus disertai dengan method commandAction.

Aksi yang akan terjadi pada event di atur pada method commandAction. Pada aplikasi ini ketika ditekan tombol “Exit”, maka akan keluar dari program.

public void commandAction(Command c, Displayable d) {
 if (c==cmdExit){
  destroyApp(false);
  notifyDestroyed();
 }
}

Hasil running program di atas adalah:

Sebelum di klik "Exit"

Sebelum diklik "Exit"

Setelah diklik "Exit"

Setelah diklik "Exit"

]]> http://www.andisun.com/tutorials/j2me-programming/menangkap-event-pada-tombol/feed 2 Menambah Tombol http://www.andisun.com/tutorials/j2me-programming/menambah-tombol http://www.andisun.com/tutorials/j2me-programming/menambah-tombol#comments Wed, 22 Jul 2009 03:35:56 +0000 myandisun http://www.andisun.com/?p=206 Tombol pada sebuah aplikasi sangat penting. Tombol biasanya digunakan untuk mengendalikan jalannya program. Pada program ini kita akan menambahkan tombol pada aplikasi J2ME.

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class AddCommand extends MIDlet{
    private Display display;
    private TextBox mainScreen;
    private Command cmdExit;
 
    public AddCommand(){
        display = Display.getDisplay(this);
        mainScreen = new TextBox("Hello", "Hello World", 512, 1);
        cmdExit = new Command("Exit", Command.EXIT, 1);
        mainScreen.addCommand(cmdExit);
    }
 
    public void startApp() {
        display.setCurrent(mainScreen);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
}

Mendefinisikan tombol pada J2ME menggunakan class Command. Berikut mendefinisikan tombol bernama cmdExit:

public class AddCommand extends MIDlet {
   ...
   private Command cmdExit;

Membuat bentuk instant cmdExit dan menambahkannya kedalam Class mainScreen. Class main screen harus turunan dari class Displayable.

public AddCommand(){
...
cmdExit = new Command("Exit", Command.EXIT, 1);
mainScreen.addCommand(cmdExit);
}

Tampilan program di atas adalah sebagai berikut

Tombol Exit Muncul pada Bagian Kiri

Tombol Exit Muncul pada Bagian Kiri

]]> http://www.andisun.com/tutorials/j2me-programming/menambah-tombol/feed 0 Hello World http://www.andisun.com/tutorials/j2me-programming/181 http://www.andisun.com/tutorials/j2me-programming/181#comments Tue, 21 Jul 2009 18:33:10 +0000 myandisun http://www.andisun.com/?p=181 Seperti biasa ketika akan belajar sebuah bahasa pemrograman, program yang pertama kali dibuat adalah “Hello World”. Aplikasi ini dapat mengenal MIDlet Life Cycle. Program ini menggunakan J2ME.

?View Code JAVA
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class HelloWorld extends MIDlet {
    private Display display;
    private TextBox mainScreen;
 
    public HelloWorld(){
        display = Display.getDisplay(this);
        mainScreen = new TextBox("Hello", "Hello World", 512, 1);
    }
 
    public void startApp() {
        display.setCurrent(mainScreen);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
}

Ketika program diatas dijalankan menampilkan tulisan “Hello World”. Untuk menutup aplikasi kita harus lewat tombol di window layar emulator.
Hasil pada emulator adalah:

Tampilan Program Hello World

Tampilan Program Hello World

]]> http://www.andisun.com/tutorials/j2me-programming/181/feed 0