KoTA 105 Irwan Nugraha (08501016) Rendy Azhary (08501025) Taufik Rohmat (08501032)

Presentasi berjudul: "KoTA 105 Irwan Nugraha (08501016) Rendy Azhary (08501025) Taufik Rohmat (08501032)"— Transcript presentasi:

1 KoTA 105 Irwan Nugraha (08501016) Rendy Azhary (08501025) Taufik Rohmat (08501032)

2  Latar Belakang  Semakin banyak Smartphone yang menggunakan OS Android  Android Plugin di Netbeans belum memiliki visual designer  Tujuan membuat Plugin GUI Designer  Menyediakan visual designer-nya  Meng-generate xml dari layout  Diintegrasikan dengan plugin Android Netbeans yang sudah ada  Ruang lingkup  UI to XML standar Android  Drag and Drop komponen GUI Android  Auto generating kode XML on the fly

3  Batasan Masalah  Hanya dapat dijalankan pada Netbeans 6.91  Ditujukan untuk designer  Hanya meng-generate kode xml untuk layoutnya

4  Analisis Plugin Netbeans  Modul yang dapat berkomunikasi dengan modul lainya  Konfigurasi modul melalui manifest.mf  Analisis GUI Component Android  Widget - Interaction Widget - Information Widget - Editable Widget  Layout - Container Layout - Scroll Layout

5  Matisse GUI Builder mempunyai fitur yang bernama multiple view  Palette window menampilkan list dari komponen yang bisa di drag dan drop ke dalam form

6  Komponen pallete netbeans - PaletteFactory - PaletteController - PaletteActions

7 Diagram File Type

8  Widget  Interaction Widget merupakan widget yang dapat berinteraksi langsung dengan pengguna.

9  Information Widget merupakan widget yang bertugas menampilkan informasi mengenai suatu hal.

10  Editable Widget merupakan widget yang mempunyai kemampuan untuk mengedit.

11  Layout  Container Layout = layout yang menampung widget atau (item) banyaknya tergantung kemampuan layer.

12  Scroll Layout adalah layout yang memiliki kemampuan scrolling,

13  Proses Pembuatan GUI Builder

14  Use Case Diagram

15  Rules Plugin GUI Builder Android No. RulesRules R.01 Setiap view yang dibuat telah memiliki properties yang telah terdefinisi. R.02Di dalam layout bisa terdapat widget atau view. R.03Didalam widget tidak bisa terdapat layout atau view. R.04Didalam view hanya terdapat satu layout. R.05Setiap layout, widget, dan view memiliki id tersendiri. R.06Widget EditText tidak bisa dirubah ukuran height-nya.

16  Fitur berdasarkan Requirement Fungsional Kode Fitur Fitur FIT-01Multi view FIT-02Pallete dan properties view FIT-03Generate XML FIT-04Drag dan drop view FIT-05Membuat dan membaca object Java berdasarkan view dan property- nya.

17  Penanganan beberapa view.  Plugin yang dibuat hanya dapat dijalankan pada Netbeans IDE 6.91.  Plugin ini ditujukan untuk designer.  Plugin ini hanya dapat meng-generate kode xml untuk layout nya.

18  Plugin memiliki 6 komponen yaitu design layer, xml layer, palette, properties tab, view, dan xml.  Class-class yang ditambahkan untuk memenuhi fungsi komponen-komponen yang terdapat pada 6 konsep plugin.  Class API berfungsi untuk memperlihatkan dependency antara 6 konsep plugin yang dibangun dengan API.

19  Class Diagram

20  Gambaran Proses Plugin GUI Builder Android

21