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  Modul yang dapat berkomunikasi dengan modul lainya  Konfigurasi modul melalui manifest.mf

5  OpenIDE-Module : Uniqueness  OpenIDE-Module-Name : Display name  OpenIDE-Module-Short-Description : penjelasan singkat modul  OpenIDE-Module-Long-Description : penjelasan panjang modul  OpenIDE-Module-Display-Category : mengkategorykan

6  OpenIDE-Module-Install : nama dan path dari Installer  OpenIDE-Module-Layer : nama dan path layer.xml  OpenIDE-Module-Public-Packages : Exposed Interface  OpenIDE-Module-Dependencies : deklarasi modul dependency

7  Konsep Matisse GUI Builder Multiple View (org.netbeans.core.api.multiview  Source dan design Palette (org.netbeans.spi.palette)  PaletteFactory  PaletteController  PaletteActions

8  Widget = Melayani interaksi dengan pengguna.  Interaction Widget  Information Widget  Editable Widget  Layout = Penampung widget-widget  Container Widget  Scroll Layout

9  Interaction Widget  Interaction Widget merupakan widget yang berinteraksi langsung dengan pengguna.

10 Widget Name Button Description Merupakan widget yang dapat ditekan yang berbentuk sebuah tombol dimana ketika tombol tersebut ditekan atau diklik oleh pengguna, maka akan melakukan suatu aksi / proses. Attribute android.widget.TextView android.view.View Result

11  Information Widget  Information Widget merupakan widget yang isinya memberikan informasi mengenai suatu hal.

12 Widget Name DigitalClock Description Sama seperti AnalogClock, hanya ditampilkan secara digital. Menampilkan tentang informasi jam / menit / detik. Attribute android.widget.TextView android.view.View Result

13  Editable Widget  Editable Widget merupakan widget yang mempunyai kemampuan untuk diedit.

14 Widget NameAutoCompleteTextView Description Teks yang muncul dengan otomatis ketika pengguna sedang mengetik sesuatu. Teks utuh tersebut akan muncul ketika pengguna baru mengetikan beberapa huruf. List dari teks yang disarankan akan tertampil dengan tampilan drop down, dan ketika pengguna memilih teks tersebut, secara otomatis akan mengganti teks yang belum sempurna tersebut. Attribute android.widget.AutoCompleteTextView android.widget.TextView android.view.View Result

15  Container Layout  Container Layout merupakan layout yang menampung widget atau fungsi sesuai layer.

16

17 Layout Name AbsoluteLayout Description Layout yang memungkinkan menentukan sendiri lokasi yang tepat untuk widget (menggunakan koordinat x / y) Absolute layout dikatakan kurang fleksibel karena penempatannya bersifat permanen dan sulit untuk mengatur tata letak widget. Attribute android.view.ViewGroup android.view.View

18  Scroll Layout  Scroll Layout adalah layout yang memiliki kemampuan scrolling

19

20 Layout NameScrollView Description Layout yang menampilkan tampilan secara hirarki sehingga dapat di scroll oleh pengguna. Tampilan dapat diperbesar dari ukuran asli. Attribute android.widget.FrameLayout android.view.ViewGroup android.view.View

21  Attribute-attribute digunakan untuk meng-customize widget dan layout. <AnalogClock android:id="@+id/AnalogClock01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/icon">

22

23 Plugin GUI EclipseDroidDraw

24 Plugin GUI Eclipse DroidDraw

25  Menggunakan bahasa Java  Tools yang digunakan yaitu Netbeans 6.91  Sistem operasi yang digunakan yaitu Microsoft Windows 7

26  Sebagai pembantu dalam pembuatan UI Aplikasi Android  Digunakan untuk menggenerate XML Code  Pengguna aplikasi adalah Designer  Menambah attribute dari properties option

27  Use Case ActorGoal Designer Host Aplication 1.Drag and Drop View 2.View XML Code 3.Choose widget 4.Choose layout 5.Edit widget 6.Edit layout 7.Design UI 8.Install plugin 9.Uninstall plugin 10.Start plugin 11.Exit plugin

28