MIDP High-Level User Interface

Presentasi berjudul: "MIDP High-Level User Interface"— Transcript presentasi:

1 MIDP High-Level User Interface
Marsel Willem Aipassa, S. Kom. Pemrograman Aplikasi Mobile

2 Pengenalan IDE IDE yang digunakan adalah Netbeans 6.7 dan Netbeans Mobility Pack IDE adalah sebuah lingkungan pemrograman (programming environment) yang memiliki GUI builder, text atau code editor, compiler dan/atau interpreter dan debugger. Netbeans Mobility Pack memiliki device emulator yang dpat membuat kita melihat program kita pada device yang sesugguhnya Marsel Willem Aipassa, S. Kom.

3 MIDP User Interface Display Display adalah inti dari MIDP UI
Displayable Title Command CommandListener Ticker Screen Item Display adalah inti dari MIDP UI Instance dari Display didapatkan menggunakan method static Display.getDisplay() Marsel Willem Aipassa, S. Kom. 3

4 MIDP User Interface Displayable Display Title Command CommandListener
Ticker Screen Item Displayable adalah interface yang dapat ditampilkan di Display Hanya ada satu Displayable yang dapat ditampilkan pada suatu waktu Sebuah Displayable ditampilkan ke Display dengan pemanggilan method setCurrent () yang berasal dari instance Display Method setCurrent() harus dipanggil pada saat memulai aplikasi Marsel Willem Aipassa, S. Kom. 4

5 MIDP User Interface Title Display Displayable Command CommandListener
Ticker Screen Item Title merupakan atribut dari Displayable, menunjukan judul dari Displayable tersebut Posisi dan tampilan dari title ditentukan oleh perangkat dimana aplikasi berjalan. Marsel Willem Aipassa, S. Kom. 5

6 MIDP User Interface Command Display Displayable Title CommandListener
Ticker Screen Item Command merupakan pengganti menu bar Objek Command berisi informasi tentang action yang akan dikerjakan tapi tidak berisikan kode/perintah yang harus dieksekusi Konstruktor Command New Command(“OK”, Command.OK, 1); Tipe Command : Command.OK, Command.BACK, Command.CANCEL, Command.EXIT, Command.HELP, Command.ITEM, Command.SCREEN, Command.STOP Command dimasukkan ke dalam Displayable dengan method addCommand() dari Displayable tersebut Marsel Willem Aipassa, S. Kom. 6

7 MIDP User Interface Display Displayable Title Command CommandListener
Ticker Screen Item CommandListener merupakan interface dengan satu method: void commandAction(Command command, Displayable displayable) Method CommandAction() akan dipanggil jika suatu Command dipilih Variabel command merupakan referensi dari command yang dipilih dan varibel displayable merupakan referensi dari displayable mana command tersebut berasal MIDlet yang ingin menggunakan Command harus mengimplementasikan kelas CommandListener Marsel Willem Aipassa, S. Kom. 7

8 MIDP User Interface Ticker Display Displayable Title Command
CommandListener Ticker Screen Item Ticker merupakan baris text yang dapat discrolling terus-menerus pada Displayable Ticker dipasang ke Displayable dengan fungsi setTicker() Marsel Willem Aipassa, S. Kom. 8

9 MIDP User Interface Screen Display Displayable Title Command
CommandListener Ticker Screen Item Screen merupakan kelas abstrak yang digunakan untuk High-Level UI Subkelas abstrak dari kelas Screen antra lain Form, TextBox, List, Alert Marsel Willem Aipassa, S. Kom. 9

10 MIDP User Interface Item Display Displayable Title Command
CommandListener Ticker Screen Item Item merupakan komponan yang diletakkan pada kontainer (Screen) Beberapa subkelas item antara lain TextField, ChoiceGroup, ImageItem & StringItem Marsel Willem Aipassa, S. Kom. 10

11 Letak UI Marsel Willem Aipassa, S. Kom. 11

12 … Marsel Willem Aipassa, S. Kom. 12

13 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask Alert merupakan sebuah Screen yang dapat menampilkan teks dan gambar Biasanya dipergunakan untuk menampilkan error, warning, atau informasi Konstruktor Alert: new Alert(String title, String alertText, Image alertImage, AlertType alertType); Marsel Willem Aipassa, S. Kom. 13

14 Contoh.. Simple MIDlet dengan Alert dan Command
Marsel Willem Aipassa, S. Kom. 14

15 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask List merupakan subclass dari Screen yang menampilkan daftar pilihan Mode pilihan dibagi menjadi tiga tipe : IMPLICIT, EXCLUSIVE dan MULTIPLE Marsel Willem Aipassa, S. Kom. 15

16 Contoh.. Simple MIDlet dengan List Marsel Willem Aipassa, S. Kom. 16

17 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask Form merupakan subclass dari Screen Form merupakan continer untuk item sepert TextField, StringItem, ImageItem, DateField dan ChoiceGroup Item dimasukkan ke dalam Form dengan method append() dan insert() Marsel Willem Aipassa, S. Kom. 17

18 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask ChoiceGroup merupakan item group dari selectable choice Sebuah choice dapat berupa teks, gambar atau keduanya Mode pilihan ChoiceGroup dapat berupa EXCLUSIVE, MULTIPLE, atau POPUP Fungsi GetSelectedIndex akan mengembalikan nilai index dari choice yang dipilih Fungsi GetSelectedFlags akan mengembalikan array dari pilihan-pilihan yang dipilih (mode MULTIPLE) Marsel Willem Aipassa, S. Kom. 18

19 Contoh.. Simple MIDlet dengan Form dan ChoiceGroup
Marsel Willem Aipassa, S. Kom. 19

20 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask Item DateField digunakan sebagai input waktu dan tanggal dari user Mode DateField antara lain date entry (mode DATE), time entry (mode TIME) atau keduanya (mode DATE_TIME) Untuk mendapatkan inputan digunakan method getDate() Marsel Willem Aipassa, S. Kom. 20

21 Contoh.. Simple MIDlet dengan DateField Marsel Willem Aipassa, S. Kom.
21

22 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask StringItem merupakan item yang terdiri dari label dan text StringItem memiliki beberapa mode tampilan antara lain Item.PLAIN, Item.HYPERLINK ata Item.BUTTON Jika mode yang digunakan adalah HYPERLINK atau BUTTON maka default Command dan ItemCommandListener harus diset Marsel Willem Aipassa, S. Kom. 22

23 Contoh.. Simple MIDlet dengan StringItem
Marsel Willem Aipassa, S. Kom. 23

24 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask ImageItem merupakan item yang dapat menampung gambar dan dapat dimaukkan ke dalam kontainer seperti Form Konstruktor ImageItem public ImageItem(String label, Image image, int layout, String altText, int appearanceMode) Marsel Willem Aipassa, S. Kom. 24

25 Contoh.. Simple MIDlet dengan ImageItem Marsel Willem Aipassa, S. Kom.
25

26 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask TextFied merupakan item dimana user dapat memasukkan inputan teks TextField memiliki beberapa constraint (batasan) antara lain TextField.ANY, TextField. ADDR, TextField.NUMERIC, TextField.PHONENUMBER, TextField.URL, TextField.DECIMAL, TextField.PASSWORD dan lainnya Constraint dari TextField dapat digabung dengan menggunakan operator bit-wise OR (|) Marsel Willem Aipassa, S. Kom. 26

27 Contoh.. Simple MIDlet dengan TextField Marsel Willem Aipassa, S. Kom.
27

28 High-Level User Interface
Alert List Form ChoiceGroup DateField StringItem ImageItem TextField Timer & TimerTask Timer dan TimerTask berfungsi untuk melakukan penjadwalan tugas pada waktu-waktu tertentu Tugas tersebut dapat dijadwalkan untuk diulang-ulang sampai interval tertentu Task dibuat di suatu kelas tersendiri dengan menurunkan (extend) kelas TimerTask dan mengimplementasikan method run() Method run() inilah yang akan dieksekusi berdasarkan interval yang ada di Timer Untuk menjadwalkan (eksekusi) suatu tugas digunakan method schedule() dari kelas Timer Marsel Willem Aipassa, S. Kom. 28

29 Contoh.. Simple MIDlet dengan Timer dan TimerTask
Marsel Willem Aipassa, S. Kom. 29