Rekayasa Web
Rekayasa Web
Rekayasa Web
Rekayasa
web mengadaptasi rekayasa perangkat lunak dalam hal konsep dasar yang menekankan pada aktifitas teknis dan
manajemen. Namun demikian adaptasi tidak secara utuh, tapi dengan perubahan dan penyesuaian.
Rekayasa web gabungan antara web publishing (suatu konsep yang berasal dari printed publishing) dan aktifitas
rekayasa perangkat lunak. Dikatakan demikian karena desain sebuah aplikasi web menekankan pada desain
grafis, desain informasi, teori hypertext, desain sistem dan pemrograman.
Kualitas web
Menilai sebuah kualitas tidaklah hal yg sederhana dan atomic tetapi multidimensi dan abstrak
Atribut ini dapat secara singkat didefinisikan sebagai sifat terukur dari suatu entitas
Jenis entitas yang menarik untuk perangkat lunak dan rekayasa Web adalah
1. Sumber daya,
2. Proses,
3. Produk,
4. Produk digunakan, dan
5. Layanan
Contoh
- evaluate the link reliability (kehandalan link)
- Internal Broken Links (IBL)
- External Broken Links (EBL)
- Invalid Links (IL)
ISO 9126-1
1. Kualitas Internal: diukur dan dievaluasi oleh atribut statis dokumen (spesifikasi kebutuhan, arsitektur,
desain, potongan kode sumber)
2. Kualitas Eksternal : diukur dan dievaluasi oleh sifat dinamis dari kode yang berjalan dalam suatu
sistem komputer
3. Kualitas yg digunakan: diukur dan dievaluasi oleh sejauh mana perangkat lunak atau aplikasi web
memenuhi kebutuhan pengguna tertentu dalam konteks, digunakan secara khusus
Spiral
Pada spiral terbagi beberapa sektor yaitu :
1. determine site objectives and constraints
2. identify and resolve risks
3. develop the deliverables for the interation and verify that they are correct
4. plan the next iteration
spiral model sangat masuk akal untuk rekayasa web tapi rumit dan sulit dalam pengaturan. Dibandingkan
dengan waterfall, tahapan-tahapan pada spiral tidak jelas dimana mulai dan dimana akhir. Pada prakteknya
spiral berguna selama perencanaan karena mengurangi resiko dan mendorong tim developer untuk memikirkan
apa yang paling penting.
Formulasi
Formulasi memungkinkan klien dan pembangun untuk menetapkan tujuan-tujuan pembangunan web. Beberapa
pertanyaan berikut dapat membantu menentukan tujuan :
- Apa motivasi utama pembangunan WebApp?
- Mengapa WebApp diperlukan?
- Siapa yang akan menggunakan WebApp?
Ada dua macam tujuan:
- Informational goals—tujuan dari penyajian isi atau informasi kepada end
- Applicative goals—berkaitan dengan kemampuan yang dimiliki WebApp
Desain Web
1. Architectural design: menggambarkan struktur WebApp
Struktur linier:
• urutan interaksi sudah bisa dipastikan
• misal untuk presentasi tutorial, pemesana produk yang harus mengikuti urutan tertentu
Struktur Grid
• isi dapat dikatagorikan dalam 2 atau lebih dimensi
• misal: e-commerce menjual handphone. Horizontal adalah katagori berdasarkan feature hp, sedang
vertikal adalah merek HP
Struktur jaringan:
• komponen pada struktur ini terhubung satu sama lain
• sekalipun bersifat fleksibel, struktur ini membingungkan user
Struktur Hirarki:
• struktur paling umum digunakan
• memungkinkan aliran secara horizontal selain jalur vertical yang umum
• aliran secara horizontal juga bisa mengakibatkan kebingungan user
2. Navigation design: menentukan navigasi halaman-halaman web.
Setelah arsitektur WebApp sudah terbentuk dan komponen-komponen seperti halaman, scripts, applet
dan fungsi lain sudah ada, developer menentukan navigasi yang memungkinkan user mengakses isi
WebApp dan layananlayanannya. Jika user tidak bisa berpindah ke halaman lain dalam web dengan
mudah dan cepat maka mungkin karena grafik, dan isi tidak relevant, ini masalah navigasi. Dalam
desain navigasi beberapa hal perlu dilakukan :
• menentukan semantik (arti ) dari navigasi untuk user yang berbeda.
• menentukan cara yang tepat: pilihannya adalah text-based links, icons, buttons and switches, and
graphical metaphors
3. Interface design: membangun interaksi dengan user yang konsisten dan efektif.
User interface pada WebApp adalah kesan pertama. Sekalipun nilai isinya baik, kemampuan prosesnya
canggih, layanannya lengkap namun jika user interfacenya buruk maka hal lain tidak berguna, karena
akan membuat user berpindah ke web lain.
Beberapa petunjuk dalam merancang interface design :
• Server errors, menyebabkan user pindah ke website.
• Membaca di layar monitor lebih lambat 25% dari pada di kertas, karena itu teks jangan terlalu
banyak.
• Hindari tanda “under construction”.
• User tidak suka scroll. Pastikan informasi cukup dalam satu layar.
• Navigasi menu dan headbar harus konsisten.
• Keindahan tidak seharusnya lebih penting dari pada fungsinya
• Opsi navigasi harus jelas sehingga tahu bagaimana berpindah atau mencari hal lain pada halaman
aktif.
Web Engineering
- Rekayasa RekayasaWeb (Web Engineering ) : Suatu model rakayasa perangkat lunak, yang digunakan
untuk pengembangan aplikasi‐aplikasi berbasis web.
- Pada dasarnya pemrograman web ditujukan untuk menyampaikan informasi kepada user, dengan
memanfaatkan teknologi jaringan berbasis protocol TCP/IP
Kategori AplikasiWeb:
1. Document Centric Web Site
- Model ini adalah genarasi awal dari aplikasi web
- Halaman web disimpan di dalam sebuah web server sebagai halaman yang sudah jadi, dan bersifat
- static
- Dibuat dalam format HTML
- Dikirim ke web‐client sebagai respon terhadap adanya request.
- HalamanWeb diupdate secara manual menggunakan tools tertentu.
- Untu kasusWebsites yang menutuhkan perubahan berkala, dengan sejumlah halaman, maka akan
membutuhkan faktor biaya yang signifikan dan biasanya berdampak terhadap infromasi yang out of
date.
- Konsistensi data dan halaman tidak dapat dijaga, dan seringkali terjadi halaman web yang redudan,
dengan maksud agar mudah diakases.
- Kelebihan model ini adalah pada kesederhanaan dan kestabilan web site
- Waktu respon yang pendek karena halaman telah disimpan di web server
- Static Home Pages, Web cast, dan simple web termasuk ke dalam kategori ini
6. Social Web
- Suatu bentuk layanan web yang memungkinkan orangorang menyediakan identitas komunitas dengan
yang lainnya, yang mempunyai kesamaan ketertarikan (interest).
- Weblogs atau collaborative filtering systems seperti (http://friendster.com) adalah salah satu bentuknya
- Dapat digunakan untuk mencari objek yang diminati dan sekaligus orang‐orang yang mempunyai
interest yang sama .