LA 02 : rekabentuk sistem berasaskan web

Presentasi berjudul: "LA 02 : rekabentuk sistem berasaskan web"— Transcript presentasi:

1 LA 02 : rekabentuk sistem berasaskan web
LnP : Rekabentuk Storyboard dan Antara Muka Laman Web

2 Apa itu storyboard? Konsep komunikasi dan ungkapan kreatif, teknik dan media untuk menyampaikan maklumat secara visual termasuk audio dengan mengolah elemen rekabentuk grafik berupa bentuk dan gambar, huruf dan warna serta tataletaknya sehingga diterima oleh sasarannya.

3 PROSES PERANCANGAN STORYBOARD
Pengumpulan data Data berbentuk bertulis (verbal) dan data gambar (visual), audio dan laian-lain data yang diperolehi. Menganalisa data Data yang diperolehi di klasifikasikan/dianalisa untuk penyusunan tataletak yang bersesuaian. Proses perlaksanaan Setelah data dianalisa, proses perlaksaan iaitu proses merekabentuk akan dilaksanakan. Contoh: Rekabentuk banner, menu , footer, kandungan web, ikon-ikon serta keseluruhan rekabentuk laman web.

4 Contoh storyboard

5 Contoh storyboard

6 Elemen susunatur laman web
WIDTH HEIGHT WRAPPER 800 px auto HEADER 130 px CONTENT 450 px 400 px FOOTER 30 px LEFT MENU 160 px 200 px RIGHT MENU

7 Konsep wireframe Langkah pertama / awal di dalam proses rekabentuk.
WIREFRAME = ilustrasi dasar dari struktur / komponen dari sesebuah laman web. Boleh dilakar secara simple sehingga detail dengan menggunakan software tertentu. Apa yang perlu ada ? Menjelaskan apa yang ingin dimasukkan di SETIAP HALAMAN WEBSITE. Header, Footer, Content, Sidebar dll. Elemen tambahan (jika ada ) – carian, navigasi dll.

8 sitemap Dikenali sebagai PETA HALAMAN untuk semua isi kandungan yang terkandung di dalam website.

9 sitemap