Rekayasa Web #1 PENGANTAR REKAYASA WEB · (dari perangkat lunak) Arsitektur dari sistem perangkat...

Rekayasa Web #4

Arsitektur Aplikasi Web

Oleh:

Nurwahyu Alamsyah@wahyualam | wahyualam.com| wahyu@plat-m.com

Teknik Informatika – Universitas Trunojoyo Madura

Outline

• Pendahuluan

• Metode dan Pendekatan

• Seluk beluk Arsitektur Web

• Komponen dasar dari Arsitektur

• MVC, Struts, OOHDM

Pendahuluan

Pertimbangkan besarnya dari kebutuhan(requirements) dan batasan (constraints)

Meliputi:

o Kebutuhan fungsional: pemesanan produkberbasis web

o Kebutuhan kualitas: kinerja, ketersediaan

o Integrasi dengan sistem yang telah ada

Apa itu Arsitektur?(dari perangkat lunak)

Apa itu Arsitektur?(dari perangkat lunak)

Arsitektur dari sistem perangkat lunak(software) terdiri dari strukturnya,

dekomposisinya ke dalam komponen-komponen, dan interface dan

hubungannya. ~ Bassetal (1998)

“Arsitektur menjelaskan aspek statis dandinamis dari sistem software sehingga

dapat diperkirakan rancangan bangunan(building design) dan diagram alir

(flowchart) bagi suatu produk software”.

Apa itu Arsitektur?(dari perangkat lunak)

Arsitektur membentuk transisi dari analisis keimplementasi: Saat membuat arsitektur, kitamencoba untuk memecah kebutuhan fungsionaldan kebutuhan kualitas ke dalam komponen-komponen software dan relationship dan interface-nya dalam pendekatan iteratif

Proses ini didukung oleh sejumlah pendekatan, seperti Unified Process (Baca Bab 10)

Apa itu Arsitektur?(dari perangkat lunak)

Pengembangan Arsitektur

Pengembangan Arsitektur

Kembangkan dengan cara berulang Buatlah resiko (kemungkinan rugi) sebagai

hasil dari kebutuhan tidak aman.

Mengapa? Tentukan batasan yang dapat

diperhitungkan (calculateable) dan dapatdikendalikan (controlable )

Pola (Patterns)

Menjelaskan masalah rancangan berulang. Berupa konteks rancangan spesifik danmenawarkan satu atau lebih solusi.

Pattern memungkinkan kita menggunakanulang pengetahuan rancangan gabungan dantelah terbukti (terjamin)

Framework

Framework adalah sistem software yang dapatdigunakan ulang (reusable) dengan fungsi umumyang telah diimplementasikan.

Harus mempertimbangkan kekurangannya

Perlunya training (mungkin mahal dan sulit)

Tak ada (atau kurang) standard

Kategori Arsitektur

Aspek Layering: Sistem Software distrukturkan dalam beberapa tier (deretanbertingkat) untuk mengimplementasikanprinsip “pemisahan urusan (konsen)”

Aspek Data: Data dapat berupa:

Structured (Terstruktur)

o Relational DB

o XML

Non-structured (Tak-Terstruktur)

o Konten Multimedia

o Gambar, audio, video

Komponen Arsitektur Aplikasi Web Dasar

Arsitektur 2-Layer

Arsitektur N-Layer

JSP Model 2Berbasis Arsitektur MVC (Model View Controller)

Struts

Dikembangkan oleh Struts open source dariApache Software Foundation (http://struts.apache.org)

Berguna untuk penanganan error Kontrol dari pemrosesan mengalir dalam pola

MVC untuk men-fasilitasi pemrosesan darirequest client

Content dapat disajikan secara lebih fleksibel

Struts

OOHDM Java 2

Berbasis pada arsitektur MVC (Model View Controller) Komponen navigasi eksplisit User interface diperkaya dengan aspek-aspek navigasi

Arsitektur Integrasi

Sistem yang ada dapatdiintegrasikan pada 3 levelo Presentation

o Application logic

o Content

Istilah kunci: Enterprise Application Integration Fokuspada integrasi sistem lama (legacy)

Arsitektur Aspek Data

o Data terstruktur dan sejenis ditangani dalamdatabase

o Dokumen dan sejenis digunakan dalamdocument management system

o Data multimedia dan sejenis ditangani dalammedia server

Arsitektur Centric Database

o Integrasikan DB ke dalam aplikasi Web

o Diakses secara langsung dalam ekstensi Web server atau application server.

o JDBC

o ODBC

Arsitektur Manajemen Dokumen Web

o Arsitektur ManajemenContent

o Integrasikan dokumendari sumber berbeda

o Sediakan mekanismeuntuk mengintegra-sikan content ke dalamWeb

Arsitektur Data Multimedia(poin-to-point)

Lamban untuk menampilkan data multimedia Streaming

Client dapat mulai memutarkan audio beberapa detik setelah ia mulaimenerima file dari server

Bandwitdh yang sesuai, jitternya rendah, videonya juga

#RekWeb2012 - @wahyualam | wahyualam.com | wahyu@plat-m.com

TUGAS! : Jelaskan dengan detail! | posting di blog masing-masing |URL kirim ke email | maksimal 18

Oktober Pukul 23.59 WIB

1. Jelaskan perbedaan antara Pattern danFramework!

2. Jelaskan tentang MVC dan Struts!3. Jelaskan arsitektur dari CodeIgniter , sertakan

gambar!4. Jelaskan tentang Integrasi Sistem dan SOA,

sertakan gambar!

TENTANG ARSITEKTUR APLIKASI WEB

#RekWeb2012 - @wahyualam | wahyualam.com | wahyu@plat-m.com

1. Baca Bab 5: Desain Teknologi Aplikasi Web2. Boleh ditambah dari referensi yang berbeda3. Rangkum dalam bentuk presentasi4. Sertakan gambar dan video yang menarik5. Dipresentasikan minggu depan (8/10)6. 2 presenter dan dipilih secara acak

Keep moving on and be prepared, guys!

TUGAS: For Next Week

Thanks