Fungsional Desain dalam Rekayasa Web

Pembukaan

• Salam dan sapaan kepada teman-teman.
• Pertemuan ke-10 dalam mata kuliah Rekayasa Web; membahas Chapter 9.
• Fokus pada fungsional desain setelah sebelumnya membahas informasi desain.

Pentingnya Pemahaman Fungsional Desain

• Dalam pengembangan web, penting untuk memahami semua bagian meskipun tidak selalu kompleks di industri.
• Fungsional desain berperan penting dalam mendesain aplikasi web yang efektif.

Ekspektasi Pengguna

• Ekspektasi pengguna terhadap website kini sangat tinggi.
• Penting untuk memenuhi dua aspek:
  • Konten berkualitas.
  • Fungsionalitas yang canggih dan memudahkan pengguna.

Interaksi dan Preferensi Pengguna

• Desain harus mempertimbangkan preferensi pengguna yang berbeda.
• Riset pengguna sebelum pengembangan sangat penting.
• Fungsional desain harus mempermudah interaksi pengguna dengan sistem.

Komponen dalam Fungsional Desain

• Fungsional desain terdiri dari komponen yang terpisah dan masing-masing berfungsi secara spesifik:
  • Contoh: Fungsi login, fungsi informasi, fungsi input biodata.
• Desainer UI/UX harus mengakomodasi kebutuhan pengguna dan browser yang digunakan.

Kategori Fungsionalitas

• User Level Functionality: Interaksi pengguna langsung dengan website.
  • Contoh:
    • User Interaction Support: Highlight button saat mouse over.
    • User Information Support: Informasi dinamis, seperti sensor yang otomatis berubah.
    • User Task Support: Feedback langsung saat input data tidak valid.
• Application Level Functionality: Proses di back-end yang mendukung permintaan pengguna.
  • Contoh:
    • Application Interaction Support: Histori navigasi pengguna.
    • Application Information Support: Pemeliharaan konten database.

Proses Desain Fungsional

• Fungsional desain harus saling melengkapi dengan desain UI dan aplikasi.
• Proses desain meliputi:
  1. Web app domain: Tujuan dari pengembangan web.
  2. User goals: Memahami kebutuhan pengguna dan tujuan sistem.
  3. Web app requirements: Menentukan kebutuhan fungsional dan teknis.
• Pengembangan arsitektur web mencakup:
  • Proses validasi, interaksi antar fungsi, dan hubungan dengan database.

Contoh Kasus

• Contoh pengembangan aplikasi asuransi rumah:
  • Fungsionalitas mencakup melihat produk, mengcustom layout, mendapatkan penawaran produk, serta monitoring perangkat.

Desain dan Interaksi

• Desain harus menjelaskan cara pengguna berinteraksi dengan sistem dan informasi yang ditampilkan.
• Menghindari kelebihan informasi di depan sehingga pengguna tidak merasa kewalahan.

Pekerjaan Tugas

• Tugas setelah pertemuan:
  • Membuat use case diagram.
  • Menambahkan outline fungsional arsitektur.

Penutup

• Terima kasih atas perhatian, mohon maaf jika ada kesalahan.
• Pertanyaan dapat diajukan di WhatsApp grup.