Reka Bentuk Laman Web

Berikan 3 prinsip asas reka bentuk laman web yang perlu diikuti untuk memastikan laman web mesra pengguna.

• Reka Bentuk Responsif

• Navigasi Mudah

• Susun kandungan dengan rawak tanpa kategori

• Aksesibiliti

• Masukkan semua maklumat dalam 1 halaman panjang

Terangkan 2 prinsip asas reka bentuk laman web yang lain yang perlu diikuti untuk memastikan laman web mesra pengguna.

• Konsistensi – Pastikan gaya dan elemen reka bentuk seragam di seluruh laman.

• Menggunakan warna sebanyak mungkin untuk menarik perhatian

• Muat Cepat – Optimumkan imej dan kod untuk mengurangkan masa muat.

• Menggunakan laman web yang hanya menyokong 1 jenis peranti sahaja

Contoh praktikal untuk prinsip Navigasi Mudah

• Letakkan menu di lokasi berbeza disetiap halaman

• Google menggunakan bar carian utama dan menu navigasi minimal untuk memudahkan pengguna mencari maklumat dengan cepat.

• Gunakan istilah teknikal yang kompleks dalam menu.

• Hilangkan menu utama untuk memberikan pengalaman "unik".

Contoh praktikal untuk prinsip Konsistensi

• Facebook mengekalkan gaya warna biru dan reka bentuk butang yang serupa di setiap halaman

• gunakan fon, warna, dan butang saiz yang berbeza di setiap halaman

• tukar susun atur laman web secara rawak setiap minggu

• campurkan tema reka bentuk moden dengan elemen retro yang tidak berkaitan

Contoh praktikal untuk prinsip Reka Bentuk Responsif

• hanya reka bentuk untuk komputer riba kerana skrin besar lebih penting

• abaikan orientasi potret pada telefon pintar

• Laman web e-dagang seperti Shopee menyesuaikan saiz imej produk dan susun atur pada telefon pintar, tablet dan komputer

• membiarkan imej pecah atau kabur pada peranti mudah alih

Contoh praktikal untuk prinsip aksesibiliti

• abaikan penggunaan teks alternatif untuk imej

• laman web gov.uk menyediakan ciri pembesar teks dan pembaca skrin untuk pengguna kurang upaya penglihatan

• gunakan kontras warna rendah yang sukar dibaca

• rekabentuk laman web hanya untuk pengguna tanpa keperluan khas

Contoh praktikal untuk prinsip Muat Cepat

• gunakan video besar sebagai latar belakang di setiap halaman

• biarkan imej tidak dioptimumkan dengan saiz asalnya

• abaikan ujian kelajuan laman web selepas pembangunan

• YouTube memuatkan thumbail video terlebih dahulu untuk memberikan gambaran awal kepada pengguna semasa laman utama sedang dimuat.

Jelaskan fungsi utama enjin carian di internet.

• Mencari maklumat - Membantu pengguna mendapatkan malumat berdasarkan kata kunci yang dimaksudkan

• Memberi cadangan - Memaparkan cadangan yang terlalu rumit untuk difahami

• Mengindeks laman web - Menyusun data secara manual oleh pengguna

• Menapis hasil - Menyediakan hasil carian yang relevan dan berkualiti tinggi

Terangkan bagaimana algoritma enjin carian membantu pengguna mendapatkan maklumat yang relevan.

Answer explanation

• Menganalisis Kata Kunci

  • Algoritma mengenal pasti maksud dan konteks kata kunci yang dimasukkan pengguna.

• Mengindeks Kandungan

  • Menyimpan dan menyusun kandungan laman web dalam pangkalan data berdasarkan topik, kata kunci, dan relevansi.

• Menilai Kualiti Laman Web

  • Menggunakan faktor seperti bilangan pautan masuk (backlinks), kandungan yang terkini, dan reputasi laman web untuk menentukan kepercayaan laman.

• Menyesuaikan Hasil Mengikut Pengguna

  • Algoritma mempertimbangkan lokasi, sejarah carian, dan minat pengguna untuk menghasilkan hasil carian yang lebih peribadi.

• Memberi Keutamaan kepada Kandungan Relevan

  • Algoritma menyusun hasil berdasarkan kaitan dengan carian, memastikan kandungan berkualiti tinggi dipaparkan terlebih dahulu.

Jelaskan langkah-langkah yang berlaku di belakang tabir apabila pengguna memuatkan halaman web, bermula dari menaip URL sehingga halaman dipaparkan di pelayar web.

Answer explanation

1. Memasukkan URL

   • Pengguna menaip URL (Uniform Resource Locator) di pelayar web.

2. Mencari Alamat IP

   • Pelayar web menghantar permintaan kepada DNS (Domain Name System) untuk mencari alamat IP (Internet Protocol) yang berkaitan dengan URL tersebut.

3. Menghantar Permintaan ke Server

   • Setelah mendapatkan alamat IP, pelayar web menghantar permintaan HTTP (Hypertext Transfer Protocol) atau HTTPS (HTTP Secure) ke server web untuk mendapatkan fail halaman.

4. Server Menghantar Fail

   • Server web menerima permintaan dan menghantar fail HTML, CSS, JavaScript, serta imej yang diperlukan ke pelayar web.

5. Memproses Fail di Pelayar

   • Pelayar web memproses fail HTML untuk struktur halaman, mengaplikasikan CSS untuk reka bentuk, dan menjalankan JavaScript untuk interaktiviti.

6. Memaparkan Halaman Web

   • Setelah semua elemen dimuatkan, pelayar web memaparkan halaman penuh di skrin pengguna.

7. Muatkan Sumber Tambahan

   • Pelayar web akan terus memuatkan sebarang sumber tambahan seperti gambar, video, atau skrip yang diperlukan untuk interaktiviti penuh.

4o mini