PERTEMUAN KE-11
REKAYASA WEB
REKAYASA WEB :
(1) PROSES YANG DIGUNAKAN UNTUK MENCIPTAKAN APLIKASI WEB YANG BERKUALITAS TINGGI.
(2) MENGADAPTASI REKAYASA PERANGKAT LUNAK DALAM HAL KONSEP DASAR YANG MENEKANKAN PADA AKTIFITAS TEKNIS DAN MANAJEMEN.
(3) GABUNGAN ANTARA WEB PUBLISHING (SUATU KONSEP YANG BERASAL DARI PRINTED PUBLISHING) DAN AKTIFITAS REKAYASA PERANGKAT LUNAK.
(4) (DESAIN WEB) MENEKANKAN PADA DESAIN GRAFIS, DESAIN INFORMASI, TEORI HYPERTEXT, DESAIN SISTEM DAN PEMROGRAMAN.
PERBEDAAN APLIKASI WEB DENGAN SOFTWARE LAIN :
1. NETWORK INTENSIVE.
SIFAT DASAR DARI WEBAPP (APLIKASI WEB)– APLIKASI INI DITUJUKAN UNTUK BERADA DI JARINGAN DAN MEMENUHI KEBUTUHAN KOMUNITAS YANG BERBEDA.
2. CONTENT-DRIVEN.
SEBAGIAN BESAR FUNGSI DARI WEBAPP–UNTUK MENYAJIKAN INFORMASI DALAM BENTUK TEKS, GRAFIK, AUDIO DAN VIDEO KE END USER.
3. CONTINUOUS EVOLUTION.
SELALU BERKEMBANG SECARA TERUS MENERUS.
4. DOCUMENT-ORIENTED.
HALAMAN-HALAMAN SITUS YANG STATIS AKAN TETAP ADA SEKALIPUN SUDAH ADA PEMROGRAMAN WEB DENGAN JAVA ATAU YANG LAIN.
WEBAPP MEMILIKI KARAKTERISTIK :
1. IMMEDIACY.
DIPERLUKAN SEGERA UNTUK MEMENUHI DITAYANGKAN, DIPASARKAN DALAM WAKTU SINGKAT.
2. SECURITY.
MELINDUNGI ISI YANG SENSITIF DAN MENYEDIAKAN PENGIRIMAN DATA YANG AMAN, KEAMANAN SUATU WEBAPP HARUS DITERAPKAN PADA SELURUH INFRASTRUKTUR YANG MENDUKUNG WEBAPP DAN TERMASUK DALAM WEBAPP SENDIRI.
3. ESTHETICS.
DAYA TARIK UTAMA WEBAPP : TAMPILAN DAN KEINDAHAN.
WEBAPP DIGUNAKAN UNTUK MEMASARKAN SUATU PRODUK MAKA SISI ESTETIKA–SISI TEKNIS.
3 TEKNOLOGI INI UNTUK MEMBANGUN WEBAPP YANG BERKUALITAS:
(1) COMPONENT-BASED DEVELOPMENT :
CORBA,DCOM/COM DAN JAVABEANS MERUPAKAN STANDAR YANG MEMUNGKINKAN WEB DEVELOPER MENGGUNAKAN KOMPONENKOMPONEN YANG SUDAH ADA UNTUK BERKOMUNIKASI DENGAN SISTEM PADA LEVEL LAIN.
(2) KEAMANAN: ENKRIPSI, DAN FIREWALL
(3) STANDART INTERNET: HTML, XML
PROSES REKAYASA WEB
MODEL YANG DIANGGAP COCOK DAN BAIK UNTUK REKAYASA WEB ADALAH MODEL MODIFIED WATERFALL DAN SPIRAL.
MODIFIED WATERFALL
TAHAPAN DALAM MODIFIED WATERFALL ADALAH :
1. PROBLEM DEFINITION DAN CONCEPT EXPLORATION
2. REQUIREMENT ANALYSIS SPECIFICATION
3. DESIGN PROTOTYPING
4. IMPLEMENTATION AND UNIT TESTING
5. INTEGRATION AND SYSTEM TESTING
6. OPERATION AND MAINTENANCE
PADA MODIFIED WATERFALL, PERBEDAAN BERADA PADA 2 PROSES PERTAMA YANG DILAKUKAN SECARA BERULANG-ULANG SEHINGGA DISEBUT WHIRLPOOL. TUJUANNYA ADALAH DAPAT MELENGKAPI REQUIREMENT DAN ANALISIS SECARA LENGKAP.
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 (SULIT MENENTUKAN AWAL ATAU AKHIR).
PRAKTEK :
MODEL SPIRAL BERGUNA UNTUK PERENCANAAN à MENGURANGI RESIKO DAN MENDORONG TIM DEVELOPER UNTUK MEMIKIRKAN APA YANG PALING PENTING.
FORMULASI DAN ANALISIS SISTEM DAN APLIKASI BERBASIS WEB:
SERANGKAIAN AKTIFITAS REKAYASA WEB YANG DIMULAI DENGAN IDENTIFIKASI TUJUAN DAN DIAKHIRI DENGAN PEMBANGUNAN ANALISIS MODEL ATAU SPESIFIKASI REQUIREMENT SISTEM.
BEBERAPA PERTANYAAN UNTUK MENENTUKAN TUJUAN PEMBANGUNAN WEB (KLIEN DAN DEVELOPER):
_ APA MOTIVASI UTAMA PEMBANGUNAN WEBAPP?
_ MENGAPA WEBAPP DIPERLUKAN?
_ SIAPA YANG AKAN MENGGUNAKAN WEBAPP?
ADA DUA MACAM TUJUAN:
1. INFORMATIONAL GOALS—TUJUAN DARI PENYAJIAN ISI ATAU INFORMASI KEPADA END
2. APPLICATIVE GOALS—BERKAITAN DENGAN KEMAMPUAN YANG DIMILIKI WEBAPP
ANALISIS REKAYASA WEB
ADA 4 TIPE ANALISIS DALAM REKAYASA WEB:
1. CONTENT ANALYSIS.
ISI YANG AKAN DISAJIKAN OLEH WEBAPP DALAM DITENTUKAN FORMATNYA BAIK ITU BERUPA TEXT, GRAFIK DAN IMAGE, VIDEO, DAN AUDIO.
2. INTERACTION ANALYSIS. CARA INTERAKSI ANTARA USER DAN WEBAPP DIJELASKAN.
3. FUNCTIONAL ANALYSIS. MENENTUKAN OPERASI YANG AKAN DIAPLIKASIKAN PADA WEBAPP DAN TERMASUK DI DALAM FUNGSI-FUNGSI YANG MELAKUKAN PROSES. SEMUA OPERASI DAN FUNGSI DIDESKRIPSIKAN SECARA DETIL.
4. CONFIGURATION ANALYSIS. LINGKUNGAN DAN INFRASTRUKTUR DIMANA WEBAPP AKAN DIBERADA DIGAMBARKAN SECARA DETIL.
DESAIN WEB
- ARCHITECTURAL DESIGN: MENGGAMBARKAN STRUKTUR WEBAPP
- 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.
PENGUJIAN PADA REKAYASA WEB
1. CHECK ISI/INFORMASI UNTUK KESALAHAN YANG MUNGKIN TERJADI, MISALNYA SALAH KETIK.
2. DESIGN MODEL WEBAPP DI- REVIEW UNTUK MENEMUKAN NAVIGATION ERRORS.
3. PROCESSING COMPONENTS AN WEB PAGES DIUJI.
4. INTEGRATION TEST UNTUK ARSITEKTUR WEB :
_ STRUKTUR LINIER, GRID, ATAU HIRARKI SEDERHANA—SEPERTI PADA SOFTWARE DENGAN PEMROGRAMAN TERSTRUKTUR (MODULAR).
_ STRUKTUR HIRARKI CAMPURAN ATAU NETWORK (WEB) — SEPERTI PADA OBJECT ORIENTED SOFTWARE.
5. UJI WEBAPP SECARA KESELURUHAN SETELAH DISATUKAN SEMUA KOMPONENNYA SECARA LENGKAP.
6. WEBAPP YANG DIIMPLEMENTASIKAN PADA KONFIGURASI YANG BERBEDA DIUJI KOMPATIBILITASNYA.MISALNYA JIKA MEMBUAT DI IE, COBA DI NETSCAPE, DAN FIREFOX
7. WEBAPP DIUJI OLEH SEKELOMPOK PENGGUNA DENGAN KEMAMPUAN YANG BERBEDA.BAGIAN YANG DIUJI ADALAH ISI, NAVIGATION, KEMUDAHAN PENGGUNAAN, KEHANDALAN DAN UNJUK KERJA.
Herdy Al Abdul 