WebE Analisis & Design. Nisa ul Hafidhoh

Ukuran: px

Mulai penontonan dengan halaman:

Download "WebE Analisis & Design. Nisa ul Hafidhoh"

Suparman Wibowo
7 tahun lalu
Tontonan:

1 WebE Analisis & Design Nisa ul Hafidhoh

2 Analisis Analisis use case merupakan kegiatan yang menggunakan use case dan kebutuhan fungsional untuk menghasilkan model analisis sistem Model analisis terdiri dari kelas dan kolaborasi kelas yang menunjukkan perilaku dinamis yang lebih rinci dari use case dan kebutuhan

3 Contoh Dari suatu use case browse catalog

4 Analisis Awal Model analisis awal dari use case browse catalog

5 Pengembangan Model Analisis

6 Pemetaan Model Analisis - UX Pemetaan sederhana, dinyatakan sebagai dependensi dari kelas boundary pada model analisis dengan layar UX Pembuatan pemetaan ini di awal membantu untuk memastikan bahwa baik tim UX dan analisis bekerja bersama-sama pada solusi untuk masalah yang sama

7 Contoh Pemetaan

8 Desain WebE Desain dimulai dengan model analisis, model UX, dan arsitektur PL sebagai input utama Aktivitas utama dari desain adalah untuk memperbaiki model analisis sehingga dapat diimplementasikan dengan komponen yang sesuai arsitektur Meskipun terdengar sederhana, dapat menjadi fase yang paling kompleks dalam pembangunan proyek, terutama ketika kemajuan teknologi PL begitu cepat

9 Web Application Extension to UML Memungkinkan untuk merepresentasikan Web Pages dan elemen arsitektur lainnya dalam model yang sesuai dengan model kelas. Ekstensi UML yang diekspresikan dalam term stereotypes, tagged values, dan constraints Mekanisme ini memungkinkan untuk mengembangkan notasi UML. 9

10 WAE to UML Stereotype, pengembangan kosakata bahasa, memungkinkan untuk melampirkan makna semantik baru untuk suatu elemen model Direpresentasikan sebagai string antara sepasang. Selain itu, juga dapat diberikan icon baru Tagged value, ekstensi properti dari elemen model; definisi dari properti baru yang dapat dikaitkan dengan elemen model Kelas, misalnya, memiliki nama, visibilitas, dan atribut lainnya yang terkait Nilai ditandai sebagai string dalam kurung (). Constraint, pengembangan semantik bahasa, menentukan kondisi suatu model Sebuah aturan yang mendefinisikan bagaimana model dapat disatukan Direpresntasikan sebagai string antara sepasang {}

11 WAE Logical View Sebagian besar terdiri dari kelas, hubungan, dan kolaborasi Beberapa kelas yang memiliki stereotype menentukan beberapa icon yang sesuai Tiga stereotype kelas utama: Server Page Client Page HTML Form

12 Server Page Merupakan halaman Web dinamis berisi konten yang diproses di server setiap kali diminta Berisi script yang dijalankan oleh server yang berinteraksi dengan sumber daya pada server Basis data, Komponen logika bisnis, Eksternal sistem, dll. Operasi objek mewakili fungsi dalam script Atribut objek mewakili variabel yang terlibat dalam lingkup halaman ini, dapat diakses oleh semua fungsi di halaman

13 Server Page (2)

14 Client Page Halaman Web HTML yang diformat dengan campuran data, penyajian, dan bahkan logika Diproses oleh browser client dan mungkin berisi script yang diinterpretasikan oleh browser Fungsi client page memetakan fungsi dalam tag pada halaman Atribut client page memetakan variabel yang dideklarasikan dalam tag script pada halaman yang dapat diakses oleh setiap fungsi di halaman Client page dapat berasosiasi dengan client / server page lain Tagged value: TitleTag, judul halaman yang ditampilkan oleh browser BaseTag, URL dasar untuk dereferencing URL relatif BodyTag, set atribut untuk tag <body>, yang mengatur latar belakang dan atribut teks default

15 Client Page (2)

16 Form HTML Sebuah koleksi field input yang merupakan bagian dari client page Memetakan langsung ke HTML <form> tag. Atributnya mewakili field input berupa HTML: input boxes, text areas, radio buttons, check boxes, hidden fields, etc Tidak memiliki operasi Setiap operasi yang berinteraksi dengan form akan menjadi milik halaman yang berisi form Tagged value: GET atau POST: metode yang digunakan untuk mengirimkan data ke URL tujuan

17 HTML Form (2)

18 Stereotype Asosiasi <<Link>> Abstraksi dari elemen HTML anchor, ketika atribut href didefinisikan <<Build>> hubungan antara server page dan client page <<Submit>> hubungan antara form HTML dan server page <<Redirect>> menunjukkan perintah untuk client untuk meminta sumber lain <<Forward>> Merepresentasikan pemrosesan yang meminta sumber dari server page lain

19 Stereotype Asosiasi [2]

20 Contoh Hubungan antar Stereotype Elemen

21 Asosiasi Client Page Asosiasi sederhana antar Client Page

22 Multiple Form pada Client Page

23 Asosiasi <<link>> pada Client Page

24 Contoh Asosiasi <<link>> pada screen compartment

25 Search catalog sequence diagram using stereotyped elements

26 Build Listing sequence diagram

27 Referensi Pressman, R.S. & David Lowe Web engineering : a practitioner s approach. McGraw-Hill Jim Conallen Building Web Applications with UML Second Edition. Addison Wesley

28 Terimakasih

dokumen-dokumen yang mirip

Pengujian Perangkat Lunak & Web App. Nisa ul Hafidhoh

Pengujian Perangkat Lunak & Web App Nisa ul Hafidhoh nisa@dsn.dinus.ac.id 08156114760 Pengujian Pengujian / testing adalah proses menganalisa suatu entitas software untuk mendeteksi perbedaan antara kondisi