PERTEMUAN 2

MODELING WEB APPLICATIONS

Spesifikasi model Web Application

1.   LEVELS

Dibedakan menjadi tiga tingkatan yaitu Content, Hypertext, dan Presenstation.

 

2.   ASPECTS

Relevansi struktur dan sifat model tergantung pada jenis aplikasi web.

3.   PHASES

Urutan langkah-langkah pemodelan tergantung pada jenis aplikasi web.

Pendekatan informasi driven, dimulai dengan pemodelan isi, atau pendekatan presentas-driven, yaitu, dimulai dengan presentasi pemodelan aplikasi.

4.   Customization

Customization mempertimbangkan konteks, misalnya, pengguna, karakteristik perangkat, atau pembatasan bandwidth yang memungkinkan untuk beradaptasi dengan aplikasi web.

METHODE dan TOOLS

Metode untuk pemodelan aplikasi web yang biasanya didasarkan pada metode tradisional, seperti ER, atau mereka meningkatkan bahasa pemodelan berorientasi objek, misalnya UML.

Metode pemodelan mengikuti paradigma yang berbeda, tergantung pada asal mereka dan fokus :

1.      Data-oriented methods

Fokus utama dari metode ini adalah pemodealan aplikasi Web database-driven. Contoh : Relationship Management Metodologi (RMM) dan Bahasa Modeling Web (WebML).

2.     Hypertext-oriented methods

Fokus pada karakter hypertext aplikasi web. Contoh : Hypertext Desain Model (HDM) berkembang ke W2000, dan HDM-lite atau Situs Web Design Method (WSDM).

3.     Object-oriented methods

Metode yang sangat awal seperti UML, termasuk dalam kategori ini Object-Oriented Hypermedia Design Method (OOHDM), UML-based Web Engineering (UWE), dan Object-Oriented Web Solutions (OOWS)

4.     Software-oriented methods

Contoh untuk kategori ini adalah Aplikasi Web Extension (WAE). Atau WAE2 yang disempurnakan untuk pengembangan aplikasi web namun pemilihan tools menggunanakan alat mendukung tidak hanya model itu sendiri, tetapi terutama juga otomatisasi, misalnya :

1.   WebRatio Site Development Studio

Pengembangan model berbasis alat yang dibangun di Web Modeling Language (WebML) (http://www.webml.org).

Alat ini menggunakan notasi sendiri untuk pemodelan hypertext dan tambahan mendukung notasi dan UML.

WebRatio menggunakan utilitas bernama EasyStyle untuk menghasilkan peresentasi halaman, yang akan mengubah notasi halaman ke stylesheet XSL secara otomais tanpa pemprograman tambahan.

2.     VisualWADE

Alat VisualWADE (http://www.visualwade.com) didasarkan pada metode OO-H. Alat ini mendukung pemodelan dan aplikasi generasi otomatis berbasis pada XML,ASP,JSP, dan PHP.

3.     OpenWADE

Open WADE (http://www.pst.ifi.lmu.de/projekte/uwe) adalah lingkungan pengembangan untuk design dan generasi aplikasi Web menggunakan metodologi UWE.

Fitur utama dari suite ini adalah arsitektur terbuka berdasarkan standar yang ditetapkan.

WEB APLICATION ARCHITECTURE

Beberapa pengertian menyangkut arsitektur

1.      Arsitektur dilihat dari sudut pandang yang berbeda, yaitu Pandangan Konseptual dan Pandangan Runtime.

a.      Pandangan Konseptual, yang mengidentifikasi entitas dari domain aplikasi dan hubungan.

b.     Pandangan Runtime, yang menggambarkan komponen di runtime system.

2.     Arsitektur membuat sistem dimengerti.

3.     Arsitektur merupakan kerangka untuk sistem yang fleksibel.

Developing Architectures

1.      Pola, menjelaskan permasalahan desain berulang yang timbul dalam konteks desain yang spesifik.

Menurut Buschmann et al. (1996) mengidentifikasi pola pada tiga tingkat abstraksi yang berbeda :

a.      Arsitektur Pola

b.     Desain Pola

c.      Idiom

2.   Frameworks

Sebagai cetak biru untuk arsitektur dasar dan fungsi-fungsi dasar untuk suatu bidang tertentu dari aplikasi. Frameworks memiliki kekurangan, yaitu tingginya tingkat pelatihan, ketergantungan yang dihasilkan pada produsen.

3.   Pengkategorian Arsitektur

Anastopoulos dan romberg (2001) serta Bongio dkk (2003) menggambarkan arsitektur untuk lingkungan aplikasi web, mengambil aspek layering dari arsitektur, atau dukungan data yang berbeda dan format data-data aspek arsitektur, yaitu Aspek Layering dan Aspek Data

Peningkatan sistem perangkat lunak terdistribusi telah menyebabkan perkembangan arsitektur dan menangani infrastuktur distribusi data dan pesan :

a.      Distributed Object Middleware (DOM), Jenis infrastuktur memungkinkan untuk mengakses remote objek secara transparan. Hal ini didasarkan pada mekanisme Remote Procedure Call (RPC). Contoh : DCOM , EJB, dan Sun Microsystems.

b.     Virtual Shared memory (VSM), model VSM memungkinkan akses terdistribusi proses data yang umum. Contoh : Corso dan Equip.

c.      Message Berorientasi Middleware (MOM) : MOM sistem menawarkan fungsionalitas untuk asynchronous transmisi pesan. Contoh : Sun JMS (Java Messaging Service) dan Microsoft MSMQ (Microsoft Message Queue).

4.   Komponen Arsitektur Aplikasi Web Generik

 

Gambar : Komponen Arsitektur Aplikasi Web

Teknologi Web Aplikasi

A.    Hypertext dan Hypermedia

Hypertext dipahami sebagai organisasi dari interkoneksi unit informasi tunggal, sedangkan Hypermedia umumnya dipandang sebagai cara untuk memperluas prinsip hypertext untuk objek multimedia.

B.     Komunikasi Client/Server

a.      SMTP (Simple Mail Transfer Protocol)

Memungkinkan untuk mengirim dan menerima e-mail juga digunakan sebagai protokol transport pesan asynchronous pertukaran berdasarkan SOAP.

b.     RTSP (Real Time Streaming Protocol)

Merupakan standar dipublikasikan oleh internet Engineering Task Force (IETF), dan dirancang untuk mendukung pengiriman data multimedia dalam kondisi real-time.

c.      HTTP (HyperText Transfer Protocol)

Protokol berbasis teks. Mengendalikan bagaimana sumber daya dokumen atau gambar diakses yang menggunakan konsep Uniform Resource Identifier (URI).

d.      Bagian Pelacakan

·         Penulisan Ulang URL

Mekanisme yang mentransmisikan data sesi-relevan sebagai parameter dalam URLm data yang dikirimkan kemudian dapat digunakan untuk merekonstruksi sesi pada server.

·         Cookie

Cookie adalah file teks kecil yang digunakan untuk menyimpan informasi server (misalnya, sebuah ID) yang diklasifikasikan sebagai “Sesi” atau “Permanen” cookies. Permanen, permanen tetap dikomputer client (disimpan di hard disk). Sedangkan Sesi hanya menyimpan sampai situs yang kiri atau browser ditutup.

·         Penggunaan Skenario

Bagaimana mengkombinasikan cookies untuk menyimpan URL.

5.   Teknologi Dokumen yang spesifik

a.      HTML – Hypertext Markup Language

Sebuah aplikasi SGML, menggambarkan unsur-unsur yang dapat digunakan untuk menandai isi dokumen hypertext dan bagaimana unsur-unsur ini saling berhubungan (dalam Document Type Definition (DTD).

b.     SVG – Scalable Vector Grapihcs

Memungkinkan menggambarkan grafik dua dimensi dalam XML.

c.      SMIL – Synchronized Multimedia Integration Language

Dikembangkan oleh W3C untuk mewakili disinkronisasi presentasi multimedia.

d.      XML – eXtensible Markup Language

Untuk kemudahan pelaksanaan, dan untuk interoperabilitas dengan kedua SGML dan HTML.

Sumber : Modul Semester 5 (Perancangan Web) – Pertemuan 2