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)
Web Design 22/3/2016
Tuesday, March 22, 2016
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)
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.
- 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.
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.
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)
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)
Subscribe to:
Posts (Atom)