Web Engineering 2010 - Komputasi

Web Engineering 2010
Arsitektur Aplikasi Web
Husni
[email protected]
Husni.trunojoyo.ac.id
Komputasi.wordpress.com
Outline
•
•
•
•
•
Pendahuluan
Metode dan Pendekatan
Seluk beluk Arsitektur Web
Komponen dasar dari Arsitektur
MVC, Struts, OOHDM
2
Pendahuluan
• Pertimbangkan besarnya dari kebutuhan
(requirements) dan batasan (constraints)
• Meliputi:
– Kebutuhan fungsional: pemesanan produk
berbasis web
– Kebutuhan kualitas: kinerja, ketersediaan
– Integrasi dengan sistem yang telah ada
• Normalnya tidak dikembangkan “from
scratch” (tidak dari nol)
3
Arsitektur?
• Arsitektur mendeskripsikan struktur: Menurut
(Bassetal.1998), Arsitektur dari sistem
perangkat lunak (software) terdiri dari
strukturnya, dekomposisinya ke dalam
komponen-komponen, dan interface dan
hubungannya.
• Arsitektur menjelaskan aspek statis dan
dinamis dari sistem software sehingga dapat
diperkirakan rancangan bangunan (building
design) dan diagram alir (flow chart) bagi suatu
produk software.
4
Arsitektur?
• Arsitektur membentuk transisi dari analisis ke
implementasi: Saat membuat arsitektur, kita
mencoba untuk memecah kebutuhan
fungsional dan kebutuhan kualitas ke dalam
komponen-komponen software dan
relationship dan interfacenya dalam
pendekatan iteratif.
• Proses ini didukung oleh sejumlah
pendekatan, seperti Unified Process (Baca Bab
10)
5
Pengembangan Arsitektur
(Sangat dipengaruhi oleh kebutuhan)
6
Pengembangan Arsitektur
• Kembangkan dengan cara berulang
– Buatlah resiko (kemungkinan rugi) sebagai
hasil dari kebutuhan tidak aman.
• Mengapa?
– Tentukan batasan yang dapat
diperhitungkan (calculateable) dan dapat
dikendalikan (controlable )
7
Pola (Patterns)
• Menjelaskan masalah rancangan berulang.
Berupa konteks rancangan spesifik dan
menawarkan satu atau lebih solusi.
• Solusi menjelaskan komponen-komponen yang
berpartisipasi, tanggungjawabnya, relationship
antar komponen-komponen ini, dan saling
mempengaruhi dari komponen-komponen ini
dalam masalah spesifik tersebut.
• Pattern memungkinkan kita menggunakan ulang
pengetahuan rancangan gabungan dan telah
terbukti (terjamin)
8
Framework
• Pilihan lain untuk menggunakan ulang
pengetahuan arsitektur yang ada
– Memuat pengetahuan arsitektural
• Framework adalah sistem software yang dapat
digunakan ulang (reusable) dengan fungsi umum
yang telah diimplementasikan.
• Harus mempertimbangkan kekurangannya
– Perlunya training (mungkin mahal dan sulit)
– Tak ada (atau kurang) standard
– Misalnya...
9
Kategori Arsitektur
• Aspek Layering: Sistem Software distrukturkan
dalam beberapa tier (deretan bertingkat) untuk
mengimplementasikan prinsip “pemisahan
urusan (konsen)”
• Aspek Data: Data dapat berupa:
– Structured (Terstruktur)
• Relational DB
• XML
– Non-structured (Tak-Terstruktur)
• Konten Multimedia
• Gambar, audio, video
10
2
Pokok
Arsitektur Aplikasi Web
 Kebutuhan aplikasi Web lebih menuntut daripada
sistem software
◦ Changeability, performance, security, scalability, availability
 Hingga membedakan infrastruktur web (platform) dan
arsitektur aplikasi web
 Platform
◦ Variasi masalah yang luas
◦ J2EE, .NET
 Masalah
◦ Kesulitan memanfaatkan wide range sistem berbeda meningkat
◦ Inhomogeneity (ketakserbasamaan, tiadanya keseragaman)
◦ Immaturity (ketidakmatangan, kurangnya pengalaman)
11
Komponen Arsitektur Aplikasi Web Dasar
12
Komponen Arsitektur Aplikasi Web Dasar
Client: Biasanya browser (user agent).
Dikendalikan oleh pengguna untuk
mengoperasikan aplikasi web. Fungsionalitas
client dapat diperluas dengan menginstall plugin (atau applet).
Firewall: Bagian dari software yang mengatur
komunikasi antara jaringan tak-aman (misal:
Internet) dan jaringan aman (misal: LAN
perusahaan). Komunikasi ini difilter oleh aturan
akses.
13
Komponen Arsitektur Aplikasi Web Dasar
Proxy: Biasanya digunakan untuk secara
temporer menyimpan halaman-halaman web
dalam suatu cache. Proxy dapat pula memikul
fungsi lain seperti mengadaptasikan content
bagi pengguna (customization), atau user
tracking.
Web server: bagian dari software yang
mendukung berbagai protokol Web seperti
HTTP dan HTTPS, untuk memroses
permintaan client.
14
Komponen Arsitektur Aplikasi Web Dasar
 Database server: Server ini normalnya menyediakan
data produksi organisasi dalam bentuk terstruktur,
misalnya dalam tabel-tabel.
 Media server: Komponen ini terutama digunakan
untuk content streaming dari data besar yang takterstruktur (misal: audio atau video).
 Content management server: Mirip database server,
server ini menangani content untuk melayani
aplikasi. Content ini biasanya tersedia dalam bentuk
data semi-terstruktur, misal: dokumen XML.
15
Komponen Arsitektur Aplikasi Web Dasar
Application server: Server ini menangani
fungsionalitas yang dibutuhkan oleh beberapa
aplikasi, misal: workflow atau kustomisasi.
Legacy application: Ini adalah sistem (aplikasi)
yang lebih tua yang sebaiknya diintegrasikan
sebagai komponen internal atau eksternal.
16
Arsitektur 2-Layer
• Terdapat 2-layer: Client dan Server. Server terdiri
dari beberapa komponen yang saling bekerjasama.
17
Arsitektur N-Layer
Bagaimana melekatkan (embed) layananlayanan ke dalam komponen application
server?
◦ Kustomisasi, workflow
◦ Business logic
Layanan dilekatkan dalam application server
dengan suatu interface terdefinisi.
18
Arsitektur N-Layer
19
JSP Model 2
Berbasis Arsitektur MVC (Model View Controller)
20
JSP Model 2




Meletakkan fondasi bagi integrasi aspek-aspek
navigasi, internasionalisasi dan pengiriman multiplatform dalam aplikasi Web.
View
 Representasi Grafis, JSP
Controller
 Aliran (flow) dan Logik
 Control
 Logik (model), View
Bagian dari fungsionalitas model
 Java bean, Komponen software
21
Struts
Berguna untuk penanganan error,
internasionalisasi
 Menggunakan file konfigurasi XML
 Kontrol dari pemrosesan mengalir dalam pola
MVC untuk men-fasilitasi pemrosesan dari
request client
 Mungkin mengkonfigurasi alokasi view dan
model dalam file konfigurasi.
 Content dapat disajikan secara lebih fleksibel

22
Implementasi JSP Model 2 dalam Struts
23
Struts
1.
2.
3.
4.
5.
Terima request (dari pengguna) dan temukan
controller (Action) atau application logic.
Sampaikan ke Action
Pilih dan buat suatu model dalam bentuk
JavaBean
ActionServlet dapat memilih view utuk
menyajikan content
View terpilih mengenerate output
24
OOHDM Java 2
• Berbasis pada arsitektur MVC (Model View
Controller)
• Komponen navigasi eksplisit
• User interface diperkaya dengan aspek-aspek
navigasi
25
Komponen OOHDM Java 2
26
Arsitektur Integrasi
Sistem yang ada dapat
diintegrasikan pada 3
level
◦ Presentation
◦ Application logic
◦ Content
Istilah kunci: Enterprise
Application Integration
◦ Fokus pada integrasi sistem
lama (legacy)
27
Arsitektur Integrasi
Muncul dari integrasi business-to-business

Point to point: Bertukar content untuk diintegrasikan melalui
komunikasi eksternal

Data delivery: akses ke data internal secara langsung (misal:
akses database)

Integrasi Data: beberapa aplikasi menggunakan tempat
penyimpanan data yang sama

Functionality Delivery: Sistem lama membolehkan akses
fungsionalitas (misal: terhadap suatu API)

Rekonstruksi fungsionalitas: Akses ke fungsi transparan bagi
client

Porting : Sistem lama dimigrasikan ke platform Web,
menggantikan sistem aslinya
28
Arsitektur Aspek Data
• Data terstruktur dan sejenis ditangani dalan
database
• Dokumen dan sejenis digunakan dalam
document management system
• Data multimedia dan sejenis ditangani dalam
media server
29
Arsitektur Centric Database
• Integrasikan DB ke dalam aplikasi Web
• Diakses secara langsung dalam ekstensi Web
server atau application server.
– JDBC
– ODBC
30
Arsitektur Manajemen Dokumen Web
• Arsitektur Manajemen Content
– Integrasikan dokumen dari sumber berbeda
– Sediakan mekanisme untuk mengintegrasikan content ke dalam Web
31
Arsitektur Manajemen Dokumen Web
32
Arsitektur Data Multimedia
• Lamban untuk menampilkan data
multimedia
• Streaming
– Client dapat mulai memutarkan audio
beberapa detik setelah ia mulai menerima
file dari server
– Bandwitdh yang sesuai, jitternya rendah,
videonya juga
33
Arsitektur Multimedia
(Point-to-Point)
34
Arsitektur Multimedia
35
Tugas
• Jelaskan perbedaan antara Pattern dan
Framework!
• Jelaskan tentang MVC dan Struts!
• Jelaskan arsitektur dari CodeIgniter, sertakan
gambar!
• Jelaskan tentang Integrasi Sistem dan SOA,
sertakan gambar!
36