Dasar Te ori
Class DateField ada lah subclass Item berupa ko mponen yang dapat diedit untuk mena mpilkan data tanggal dan waktu. DateFie ld me miliki tiga mode input yaitu DATE, TIM E dan DATE_TIM E.
Class Gauge adalah subclass Item yang me miliki ta mpilan berupa grafik batang yang mewakili nila i integer tertentu.Gauge dapat digunakan dalam mode interaktif maupun non-interaktif. Mode interakt if me mungkin kan user untuk mengedit nilai Gauge dengan me manggil method setValue. Mode non-interaktif biasa digunakan untuk indikator akt ifitas dengan me manfaatkan Thread.
Interface ItemStateListener digunakan untuk me mbaca perubahan yang terjadi pada Gauge mode interaktif. Hanya ada satu abstract method yang perlu dioverride yaitu ite mStateChanged. Method setItemStateListener digunakan untuk mena mbahkan listener bagi subclass Item in i.
Praktikum
Pada bagian ini, kita akan me mbangun MIDlet yang dapat me manggil beberapa class yang masing-masing digunakan untuk mencoba class DateField, Gauge interaktif dan Gauge non-interaktif, serta mengimp le mentasikan interface ItemStateListener.
1. Jalankan J2M E WTK dan buat project baru dengan nama Perte muan6 dengan CobaDateFieldDan Gauge sebagai nama class MIDletnya.
2. MIDlet berisi ma inForm yang akan tampil pada saat MIDlet dijalan kan pertama kali. Class ini juga berisi instance dari class CobaDateField,
Tujuan :
v Mahasiswa mampu menggunakan ko mponen antar mu ka tingkat
mah ir untuk mendesain ta mpilan antar muka pengguna
Tug as Pendahuluan
1. Jelaskan perbedaan antara Display dan Displayable! 2. Tuliskan cara penggunaan method sleep dari Thread! 3. Tuliskan cara me mbuat Thread!
Coba GaugeInteraktif dan Coba GaugeNonInteraktif. Set iap instance diakses dengan menggunakan Command cobaDateField Cmd, cobaGaugeInteraktifCmd, cobaGaugeNonInterakt if sedangkan Command e xit Co mmand digunakan untuk ke luar dari ap likasi.
3. Lengkapi ma inForm dengan itemData, instance dari StringIte m, yang akan digunakan untuk mena mpilkan data dari c lass lain (CobaDateFie ld, Coba GaugeInteraktif dan Coba GaugeNonInterakt if).
Menggunakan class DateField:
1. Buat class CobaDateFie ld yang merupakan subclass dari Form. 2. Tambahkan sebuah instance dari class DateFie ld dengan tipe DATE. 3. Tambahkan sebuah Co mmand ke mba liCmd untuk ke mba li ke ma inForm.
Menggunakan class Gauge mode interaktif:
1. Buat class Coba GaugeInteraktif yang me rupakan subclass dari Form. 2. Tambahkan sebuah instance dari class Gauge dengan tipe interakt if
dengan nilai batas bawah sama dengan 0 dan batas atas 10.
3. Tambahkan sebuah Co mmand ke mba liCmd untuk ke mba li ke ma inForm. Menggunakan class Gauge mode non-intera ktif:
1. Buat class Coba GaugeNonInteraktif yang me rupakan subclass dari Form. 2. Tambahkan sebuah instance dari c lass Gauge dengan tipe non-interaktif
dengan batas bawah 0 dan batas atas 10.
3. Tambahkan sebuah Co mmand ke mba liCmd untuk ke mba li ke ma inForm. 4. Untuk dapat menamp ilkan efek progress, class ini harus
mengimp le mentasikan interface Runnable. Da la m method run, beri jeda satu detik untuk setiap pertambahan nilai pada grafik batang. Gunakan method sleep dari Thread untuk mengatur jeda. Gunakan method setVa lue untuk mengatur nilai Gauge. Guna kan variabel jen is static untuk menyimpan n ila i yang akan disetkan pada Gauge (ingat nila i ini terus bertambah dari nilai batas bawah sehingga mencapai nila i batas atas). 5. Simpan se mua file ke mud ian BUILD dan RUN untuk menguji MIDlet.
Melengkapi Choice Group dengan image:
1. Pada class CobaGrafik, ta mbahkan sebuah Form ma inForm, sebuah Co mmand e xit Co mmand, dan sebuah Choice Group choice .
2. Pada constructor CobaGrafik, defin isikan Form, Co mmand dan Choice Group.
3. Definisi Choice Group menggunakan constructor dengan empat parameter.
ChoiceGroup
(String
label, int choiceType,String
[] stringElements,Image
[] imageElements)4. Untuk mena mbahkan Image, gunakan method createImage. Perhatikan, pemanggilan method in i harus diletakkan dala m penanganan kesalahan dengan merujuk pada NullPo interException dan IOException.
public static Image createImage(String name) throws IOException
5. Tambahkan instance dari Co mmand dan Choice Group pada Form.
6. Simpan file Coba Grafik. Buil dan Run untuk menguji MIDlet. Jika MIDlet dilaunch ma ka akan ta mpil tiga opsi Pilihan1, Pilihan2, dan Pilihan3 yang masing-masing dilengkapi dengan icon.
Gambar 7. 3 Me ncoba ChoiceGr oup
Menggunakan class Canvas:
1. Buat class CobaCanvas yang merupakan subclass dari Canvas. Letakkan file ini di d ire ktori src dari p roject Pe rte muan7.
2. Tambahkan sebuah Command untuk mengarahkan Displayable ke tampilan sebelumnya.
3. Definisikan ulang method paint dalam CobaCanvas. protected abstract void paint(Graphics g)
dengan CobaGrafik sebagai nama class MIDletnya.
2. Guna kan J2M E WTK – ktoolbar, pilih Settings, pilih menu MIDlets sehingga terbuka panel berisi Key, Na me, Icon dan Class.
3. Pilih MIDlet yang akan d iisi dengan icon ke mudian pilih Edit sehingga terbuka jendela Enter M IDlet Deta ils. Pada jendela Enter M IDlet Details, masukkan na ma file image tipe PNG yang akan menjad i icon dari midlet. Perhatikan, sebelu mnya file icon harus sudah tersedia di dalam d ire ktori res dari project Perte muan7. Jika file image diletakkan langsung di dalam direktori res, awa li na ma file dengan tanda slash ( / ).
Gambar 7. 1 Me ngatur seting pr ojec t
4. Setelah nama file icon dimasukkan, pilih OK. La kukan Build dan Run untuk menguji MIDlet. Emu lator akan menamp ilkan sebuah MIDlet dengan judul yang dilengkapi icon Opt ional.png.
Gambar 7. 2 MIDlet deng an icon
Gambar 6. 1 Me nu pada MIDle t Gambar 6. 2 Date Field di MIDle t
Gambar 6. 3 Me milih tanggal Gambar 6. 4 Hasil pe milihan Date Fiel d
Gambar 6. 5 Pe milihan Date Fiel d di tampilkan di for m utama
Gambar 6. 6 Gauge di MIDlet
Gambar 6. 7 Gauge interaktif Gambar 6. 8 Nil ai dari gauge di tampilkan di for m utama
Tug as
Buatlah MIDlet untuk mela kukan perkiraan ke lahiran bayi. Inputan yang dibutuhkan adalah tanggal menstruasi terakhir. Output yang ditampilkan adalah tanggal kelahiran bayi. MIDlet boleh dilengkapi dengan hala man yang bertindak sebagai splash screen saat aplikasi perta ma kali dibuka . MIDlet boleh dilengkapi dengan halaman progress yang muncul di antara hala man input dan hala man output.