Web Engineering 2010 Pertemuan ke-04

1. Web Engineering 2010 • Pertemuan ke-04 • Perancangan Aplikasi dengan WebML • Husni • husni@if.trunojoyo.ac.id • 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 • WebMLbermaksudf 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) • WebMLbukanlah pendekatan yang tepat untuk: • Situs web kecil (Homepage, …) • Situs web statis.

6. Apa Itu WebML? • WebML • Suatu bahasa konseptual untuk perancangan high-leveldari situs web.

7. Model WebML • Model Structure – organisasi data • Model Derivation – definisi data redundant Derivasi merupakan proses penambahan informasi redundantke 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. • ModelNavigation : definisi hubungan (link) antar halaman dan antar unit • ModelPresentation : penentuan posisi unit di dalam halaman dan definisi tampilan grafis

8. 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 • 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. Book Author Genre BestSeller Model Struktur • Model Entity-Relationshipdisederhanakan • Keterkaitan biner antar entitas • Hirarki IS-A • Atribut-atribut bertipe sederhana dalam entitas • Model derivasi dapat diterapkan terhadap data redundant

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

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. Author first name:XXX last name:YYY photo: Index of Authors • S. Ceri • P. Fraternali • O.Versand Komposisi: Contoh rendering unit Content DATAUNIT Author INDEXUNIT Author

15. Model Navigasi: Link AuthorID dikirimkan Book [ author2book ] entity:author • 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 • Antar unit • Context dikirimkan • Non-contextual links • Antar halaman • Tak ada content dikirim Voyages Books

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

19. Siteviews • Siteviewadalah 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 • WebMLadalah Domain Specific Language (DSL) • Bukan UML atau MDA • Tetapi… • WebMLadalah 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 • 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: 978-1846289224 • http://webml.org/webml/upload/ent5/1/Chapter9-WebML.pdf • Mengenai contentweb • www.webratio.com • www.webml.org

22. Pertanyaan?