Perancangan Aplikasi dengan WebML

Presentasi berjudul: "Perancangan Aplikasi dengan WebML"— Transcript presentasi:

1 Perancangan Aplikasi dengan WebML
Web Engineering 2010 Pertemuan ke-04 Perancangan Aplikasi dengan WebML Husni Husni.trunojoyo.ac.id Komputasi.wordpress.com

2 Outline Pendahuluan Mengenal WebML Rangkuman
Materi dalam presentasi ini diambil dari webml.org.

3 Pendahuluan Mengapa WebML?

4 Tujuan WebML WebML bermaksudf menyediakan suatu pendekatan terstruktur untuk perancangan situs web yang bersifat Data-intensive. Sehimpunan model terintegrasi yang akan membantu designer dalam produksi situs web high-quality. Semua aspek desain web akan ditangani Pemanfaatan metodologi tua atau membingungkan menjadi “menyusahkan”

5 Target dari WebML Target: Situs web yang data-intensive
Jumlah datanya besar Interface diarahkan untuk masyarakat umum Exploratory (berhubungan dengan penjelahan) Berorientasi Browsing Terpersonalkan (1 ke 1) Isi, struktur, navigasi dan presentasi bersifat Volatile (mudah berubah) WebML bukanlah pendekatan yang tepat untuk: Situs web kecil (Homepage, …) Situs web statis.

6 Apa Itu WebML? WebML Suatu bahasa konseptual untuk perancangan high-level dari situs web.

7 Model WebML Model Structure – organisasi data
Model Derivation – definisi data redundant Derivasi merupakan proses penambahan informasi redundant ke model struktur, dalam rangka memperkuat ekspresinya dan mendefinisikan view dan grouping berbeda dari data yang sama. Model Composition – Definisi dari halaman-halaman situs sebagai himpunan (set) dari subhalaman-subhalaman dan unit-unit publikasi elementer. Model Navigation : definisi hubungan (link) antar halaman dan antar unit Model Presentation : penentuan posisi unit di dalam halaman dan definisi tampilan grafis

8 Site = Structure + Composition + Navigation + Presentation
Konsep WebML Site = Structure + Composition + Navigation + Presentation entities, relationships units, pages, links site views styles navigation + composition structure user models presentation

9 Model Struktur Pertanyaan Jawaban
Obyek-obyek apa yang dipublikasikan dalam situs dan bagaimana mereka terhubung? Jawaban Entity: suatu tipe obyek dalam domain aplikasi tersebut Attribute: properti skalar dari suatu entitas Relationship: koneksi antar entitas IS-A hierarchy: klasifikasi dan pengelomponan (grouping) Kompatibel dengan diagram Entity-Relationship dan kelas UML

10 Model Struktur Model Entity-Relationship disederhanakan
Keterkaitan biner antar entitas Hirarki IS-A Atribut-atribut bertipe sederhana dalam entitas Model derivasi dapat diterapkan terhadap data redundant Book Author Genre BestSeller

11 Model Derivasi Data redundant dapat dengan mudah ditetapkan menggunakan WebML-OQL (Object Query Language). Contoh BestSeller := Book dimana Book.Sales > 50,000 Author.BooksNumber = count(self.Author2Book) Book Author BestSeller

12 Model Hypertext Q1: Informasi apa yang dipublikasikan dalam node-node hypertext? Q2: Bagaimana node-node hypertext dihubungkan? Q3: Bagaimana hypertext dibagi ke dalam halaman-halaman yang disajikan kepada pengguna? A1: Unit-unit isi (content) (Composition) A2: Link-link (Navigation) A3: Halaman-halaman (Composition)

13 Komposisi: Contoh Deskripsi Unit Content
DATAUNIT Untuk mempublikasikan informasi tentang obyek TUNGGAL (Misal: AuthorDetail) Untuk mempublikasikan daftar obyek (Misal: IndexOfAuthors) content INDEXUNIT content

14 Komposisi: Contoh rendering unit Content
DATAUNIT Author first name:XXX last name:YYY photo: Author INDEXUNIT Index of Authors S. Ceri P. Fraternali O.Versand Author

15 Model Navigasi: Link Semantik dari link:
AuthorID dikirimkan entity: author Book [ author2book ] Semantik dari link: Menggerakkan dari satu tempat ke tempat lain Mengangkut informasi dari satu tempat ke tempat lain (konteks navigasi) Mengaktifkan suatu komputasi (efek samping)

16 Komposisi: Halaman (Pages)
Halaman adalah suatu container terstruktur dari unit-unit dan link-link Mungkin distrukturkan dalam subhalaman-subhalaman Abstraksi dari screen, frame, card, deck... Boleh mengclusterkan informasi terkait untuk komunikasi yang lebih efisien. Contoh index dari authors dan author terpilih diperlihatkan bersama-sama dalam halaman yang sama Author Author

17 Tipe Link Contextual links Non-contextual links Antar unit
Context dikirimkan Non-contextual links Antar halaman Tak ada content dikirim Voyages Books

18 Akses Write: Operasi WebML
Beberapa operasi predefined disediakan Operasi Customized dapat didefinisikan Contoh: menghapus (delete) Author Create Op. X Author Delete

19 Siteviews Siteview adalah sehimpunan halaman yang pengguna dapat pengalaman sebagai suatu situs web keseluruhan site views berbeda dapat didefinisikan untuk perangkat berbeda dan kelompok pengguna berbeda Access control dan multi-devices delivery dicapai melalui Siteviews

20 Rangkuman WebML adalah Domain Specific Language (DSL)
Bukan UML atau MDA Tetapi… WebML adalah mengenai Perancangan dan Pengembangan Model Driven Fokus pada aplikasi web data-intensive Pembangkitan kode otomatis dari aplikasi web Satu model untuk setiap layer Content Navigation Presentation Dukungan Tool!

21 Referensi Bacaan utama Mengenai content web
M. Brambilla, S. Comai, P. Fraternali, M. Matera. "Designing Web Applications with WebML and WebRatio". In book: G. Rossi, O. Pastor, D. Schwabe, L. Olsina (Eds.). Web Engineering: Modelling and Implementing Web Applications. Springer, 2007, ISBN: 9 - WebML.pdf Mengenai content web

22 Pertanyaan?