Tuesday, March 22, 2016

Kursus Web Design 23 March 2016 Day 2

23 March 2016

Day 2

- Tonton video mengenai kepantasan teknologi. (did you know)

Web Hosting
- ada cpanel (username / password)
- www.hostagor.com (single domain / unlimited domain)
- wordpress.com (create website)
- www.paypal.com (create account paypal)
informasi

1. need to know
- maklumat produk. (gambar, jenama)

2. should know
- spesifikasi / perincian produk. (tahu lebih lanjut tentang produk, kualiti, jaminan, harga, pembekal / kedai)

3. nice to know
- komen / rating dari pembeli / pengguna. (menunjukkan produk itu baik / berbaloi untuk dibeli)

Monday, March 21, 2016

matlamat pembangunan
- menjual produk secara online.

objektif laman web
- menyediakan website yang  mudah digunakan pengguna / pelanggan secara online.

kumpulan sasaran
- semua peringkat umur

strategi penyampaian maklumat
- guna blog, hosting

rekabentuk laman web
- ringkas, mudah difahami oleh pengguna / pelanggan.

masa pembangunan
- 2 bulan

perisian & perkakasan
- komputer, internet, wordpress, joomla, photoscape.

Contoh website paling buruk vs paling baik

Website buruk:-
http://arngren.net/

antara sebab:-
1. interface terlalu padat.
2. gambar susunatur berterabur.
3. tidak mesra pelanggan. (susah mencari produk yang diperlukan)
4. lambat loading.
5. klasifikasi maklumat tidak tersusun.





Website baik:-
www.mudah.my

antara sebab:-
1. interface yang sangat ringkas dan mudah.
2. gambar susunatur tersusun.
3. mesra pelanggan. (tidak perlu register, boleh membeli dan boleh menjual)
4. tidak banyak iklan.
5. ada perkhidmatan COD / lokasi.


Senarai panduan dan manual penggunaan peralatan

Panduan menggunakan komputer:-

1. Tekan butang ON.
2. Tunggu sehingga komputer siap loading.
3. Sila masuk 'user'.
4. Sila 'Shutdown' komputer selepas selesai menggunakannya.

Kursus Web Design 22 March 2016 Day 1

Kursus Web Design diadakan di ILKM Jawi pada 22hb Mac 2016. Kursus dimulai dengan membina blog sendiri menggunakan blogspot.com untuk mencatat nota / maklumat berkaitan.

Day 1
- Buat presentation berkaitan website. (website buruk vs website baik)
- Sebelum membuat website, perlu ada tujuan pembinaan.
- Pastikan website yang dibangunkan menepati objektif dengan mencari / melihat panduan-panduan yang ada. (boleh cari dalam google)
- Ambil perhatian dalam fasa kerja proses analisis keperluan dan proses merekabentuk website sebelum pembangunan sebenar.
  1. matlamat pembangunan
  2. objektif website
  3. kumpulan sasaran
  4. strategi penyampaian maklumat
  5. rekabentuk website
  6. masa pembangunan
  7. perisian & perkakasan
- Fasa rekabentuk
  1. rekabentuk informasi
     - proses merancang dan mengatur isi kandungan / maklumat yang ingin disampaikan.
  2. rekabentuk interaksi
  3. rekabentuk antaramuka

  Fasa rekabentuk informasi
- Urus maklumat secara berkesan. (need to know, should know, nice to know)
- Panduan umum
  1. bahagi isi kandungan kepada unit-unit kecil
  2. bina hirarki kepentingan di antara unit
  3. guna hirarki tadi bagi membentuk hubungan antara unit
  4. bina web yang cuba memenuhi struktur yang telah dirancang
  5. analisa fungsi dan keberkesananan sistem yang dibangunkan
      ( kesemua maklumat ini akan diringkaskan dalam bentuk cartalir laman web)

 Fasa rekabentuk interaksi
- Proses menentukan bagaimana website berfungsi dan beroperasi
- Elemen membantu pengguna melayari website

 Fasa rekabentuk antaramuka
- proses menentukan bagaimana rupa bentuk website yang akan dibangunkan
- penggunaan teks: jenis font
- penggunaan grafik: gif, jpg ( gif untuk imej lukisan, teks, logo, ikon, garis, jpg untuk imej realistik)
- penggunaan animasi: gif, flash, shockwave, java
- penggunaan audio / video

Panduan asas rekabentuk antaramuka yang baik
- rekabentuk berpusatkan pengguna
- bantuan navigasi yang jelas
- antaramuka yang ringkas dan konsisten
- capaian secara terus
- masa muat turun yang pendek
- menyediakan alternatif
- mampu berdiri secara sendiri
- menyediakan sokongan pengguna
- mudah dicapai tanpa sebarang masalah besar

- domain name
- web hosting
- autoresponder
- mencipta produk
- payment processor
- website

Domain name
- url / alamat website (contoh: www.norizuan.com.my)