tag:blogger.com,1999:blog-31241216126037852292024-02-19T16:34:30.828+08:00web-based developmentsiti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-3124121612603785229.post-19337350902037370452011-12-21T15:04:00.001+08:002011-12-21T15:04:27.619+08:00Publishing Website.<br />
<br />
dah siap projek barulah kita publish ke web.pertamanya kenalah pilih web host. webhost ada yang free dan sebaliknya. web host yang free ada limitation.bergantunglah pada developer samada nk guna yang free ataupun yang berbayar.limitation yang ada selalunya adalah kadar storagenya yang lebih kecil. kalo webhost free ni banyak advertisement. <a href="http://en.wikipedia.org/wiki/Web_hosting_service">http://en.wikipedia.org/wiki/Web_hosting_service</a> boleh refer kt sini untuk maklumat pasal web hosting..contoh-contoh web host yang ditawarkan..<br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #009933; font-family: arial, sans-serif; font-size: x-small; line-height: 15px;">www.</span><b style="background-color: white; color: #009933; font-family: arial, sans-serif; font-size: small; line-height: 15px;">webhosting</b><span class="Apple-style-span" style="background-color: white; color: #009933; font-family: arial, sans-serif; font-size: x-small; line-height: 15px;">.com.my/</span><br />
<span class="Apple-style-span" style="background-color: white; color: #009933; font-family: arial, sans-serif; font-size: x-small; line-height: 15px;">www.000</span><b style="background-color: white; color: #009933; font-family: arial, sans-serif; font-size: small; line-height: 15px;">webhost</b><span class="Apple-style-span" style="background-color: white; color: #009933; font-family: arial, sans-serif; font-size: x-small; line-height: 15px;">.com/</span><br />
<span class="Apple-style-span" style="background-color: #fff8e7; color: #00802a; font-family: arial, sans-serif; font-size: x-small; line-height: 15px;">www.server</span><b style="background-color: #fff8e7; color: #00802a; font-family: arial, sans-serif; font-size: small; line-height: 15px;">hosting</b><span class="Apple-style-span" style="background-color: #fff8e7; color: #00802a; font-family: arial, sans-serif; font-size: x-small; line-height: 15px;">.my/dedicated-server</span>siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-57367987396651775632011-12-08T14:22:00.001+08:002011-12-08T14:29:42.321+08:00week 12web testing and web evaluation<br />
<br />
sebuah laman web yang dibina perlu melalui proses pengujian dan juga penilaian. ini bertujuan untuk menghasilkan satu laman web yang baik dan menepati kehendak pengguna yang disasarkan. melalui proses-proses ini, ia membantu untuk pembangun memperbaiki mana-mana kekurangan dan kelemahan yang ada dalam laman web yang dibina.<br />
<br />
terdapat pelbagai cara untuk test web yang dibina samada menggunakan:<br />
a) alpha/beta testing<br />
b) peer testing-kita libatkan rakan-rakan untuk menguji laman web yang dbina<br />
c)focus group testing-perbincangan secara meja bulat dimana ahli-ahli yang terlibat memberikan pendapat, menyumbangkan idea kearah pembaikpulih untuk mendapatkan laman web yang berkualiti<br />
d) usability testing.<br />
<br />
senarai(checklist) boleh membantu untuk melihat konsistensi yang ada dalam laman web yang dibina. ia boleh membantu untuk mengenalpasti masalah-masalah yang serius dengan memberikan maklumbalas dan idea untuk mengatasi masalah-masalah tersebut.<br />
<br />
<br />siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-6199422819440255082011-12-02T10:42:00.001+08:002011-12-21T14:06:56.374+08:00week 11 - 30/11/2011Presentation 40% website<br />
<br />
daripada yang dipersembahkan oleh setiap kumpulan, ternyata setiapnya mempunyai ciri-ciri yang tersendiri. baik dari segi grafik mahupun content yang disampaikan. mengikut apa yang diperkatakan oleh Dr. Affandy, teori pembelajaran yang digunakan penting dalam membangunkan laman web. untuk mengaplikasikan teori-teori yang dipilih tidak sukar sekiranya ianya dirancang bersesuaian dengan pengguna yang disasarkan.<br />
<br />
laman web dari kumpulan ayuni yang hampir 85% siap, menarik untuk dilihat juga diexplore. konsistensi dari segi typeface, background, color tidak menimbulkan keserabutan kepada pengguna. navigasi juga memudahkan pengguna. teori behavariosme yang diaplikasikan boleh diaplikasikan menerusi tutorial yang disediakan. secara kesuluruhannya, ia memang menarik.<br />
<br />
dari laman web kumpulan mariani, hanya dari pandangan main menu sahaja. tapi hasil yang diberikan juga baik. cuma saya agak tidak bersetuju dengan penggunaan warna latar. warna yang digunakan menenggelamkan kebanyakan content yang ada. tapi dari segi konsistensi itu masih ada, white space turut tidak dilupakan.<br />
<br />
<br />
<br />
<br />siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-76655643105750333442011-11-17T08:16:00.001+08:002011-11-17T08:47:50.510+08:00Week 9 - 16/11/2011Visual Design (VD)<br />
<br />
adalah intrface design atau rekabentuk untuk dipersembahkan. ia memainkan peranan untuk merancang penampilan atau appearance website kita. ia termasuk bagaimana kita nk mengadunkan warna,font,graphic dan elemen-elemen multimedia yang lain dalam laman web yang kita bina.dengan menggabungkan pelbagai elemen multimedia,kelainan yang diperolehi menghasilkan website yang menarik.<br />
elemen yang perlu dalam interface website adalah<br />
1. color atau image.warna itu perlu bersesuaian mengikut latar yang digunakan dalam website.<br />
2.content dan juga links yang disertakan dalam website.<br />
3.lain-lain elemen yang boleh memberi impak kepada website.<br />
4. typography yang digunakan haruslah simple dan tidak crowded.pemilihan jenis font perlu baik dan bersesuaian.<br />
<br />
3 perkara dalam menyediakan VD<br />
a) Thumbnails Sketches-membantu designer untuk melakar secara virtual hasil website.boleh membantu memilih yang terbaik.<br />
b) Storyboard Thumbnails-membantu untuk lebih fokus kepada penghasilan website yang sebenar.terbaik untuk menilai interaksi yang ada dalam website yang dibina.<br />
c) Rough Sketches-lebih teliti dan tepat. merupakan cadangan yang lebih baik daripada thumbnails sketches.<br />
d) Prototype- final design sebelum website yang sebenar dipublishkan.<br />
<br />
<br />siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-43066634158411086872011-11-16T08:53:00.001+08:002011-11-16T08:53:37.819+08:00week 7&8<br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">Information Design<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">perkara yang penting dalam pembangunan website.bagaimana sesuatu
information yang kita ada nak disampaikan dalam cara yang
berkesan.information-perkara terpenting/berharga dalam setiap bidang
terutamanya dalam bidang pendidikan. penyampaian information yang bagus, lebih
baik penerimaannya oleh pengguna. <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">terdapat 5 perkara yang perlu difikirkan dalam memproses
information design ini.<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">a. message<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">b. audience<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">c. purpose<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">d. background<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">e. structure<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">pada peringkat ini, strategi pembelajaran yang bersesuaian perlu
dipilih. banyak teori pembelajaran yang ada dan sesuai untuk digunakan
contohnya kognitif,behaviorisme dan juga konstruktivisme.pemilihan learning
theory ini bergantung kepada pendekatan yang kita gunakan.seperti:<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">i. tutorial lebih kepada behaviorisme <o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">ii. simulation - kognitif<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">iii. problem solving- konstruktisme<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">iv. cooperative learning<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">v. scenario based learning<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">dan lain-lain lagi<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-size: 13.5pt;">learning theory seperti yang dikatakan sebelum ini seperti
behaviorisme, cognitive dan constructuvisme dipilih bergantung kepada jenis
pengguna dan pendekatan yang dipilih.<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-59642470486349693892011-11-15T11:23:00.001+08:002011-11-15T12:30:37.887+08:00week 6(19/11/2011)Part 1: Information Design<br />
Part 2: Interaction Design<br />
<br />
Tgk dulu part 2 iaitu interaction design. setiap part memainkan peranan yang penting untuk menghasilkan wenb yang baik dan bersesuain mengikut kehendak /keperluan pengguna yang disasarkan. interaction design adalah bagaimana nak mengadunkan inteactivity ke interface yang ada. ini termasuklah button,icons,search text dan lain-lain lagi. merekabentuk interaksi mengubah information design kepada satu storyboard yang menunjukkan navigasi,control serta media inclusions yang ada. ini dapat membantu untuk menghasilkan satu web yang menarik dan clear path melalui information yang disediakan. <br />
<br />
ada 3 essential elements dalam interaction design<br />
i. organization : mcm mana nak susun setiap bahan yang ada.<br />
ii. navigation : kemudahan untuk melakukan proses navigasi<br />
iii. interactivity : control yang diberikan kepada pengguna untuk mengendalikan web.<br />
<br />
navigasi yang berkesan adalah:<br />
a. pengguna tahu current page mereka.memberikan location web yang sepatutnya spt site label.<br />
b. pengguna tahu page mana yang telah mereka lawati.pengguna boleh kenalpasti links yang telah mereka lawati.<br />
c. pengguna tahu hubungkait kedudukan mereka dengan keseluruhan web page tersebut.menyediakan links kepada page yang lain.<br />
d. menyediakan navigasi yang konsisten dan mudah difahami oleh pengguna<br />
e. menyediakan alternatif kepada pengguna untuk kembali ke page asal.<br />
<br />
navigasi yang berkesan akan meminumumkan informasi yang berlebihan. ia boleh mengawal panjang page, seperti menggunakankan hypertext to other website,juga memberikan alternatif lain seperti segmen atau ruangan informasi.menyediakan sitemap antara ruang utama website. mudahkan pengguna untuk page asal(home) mahupun page yg dicari.<br />
<br />
thank you :)siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-82345968211193511812011-10-17T11:05:00.001+08:002011-10-17T11:05:24.823+08:00Week 5buat website..semua orang boleh buat.tapi tau ke apa yang penting sebelum develop sebuah website??of coourselah 1st sekali content apa yg kita nak deliver kan,barulah masukkan elemen teknologi ngan visual ke animation ke etc.<br />
satu benda yang kita kena take note bila develop website ni adalah<br />
i. confusing accessibility<br />
ii. over-ambition design.jangan sampai keterlaluan pula.<br />
iii.downloading yang lama-boleh buat orang fed-up juga nk tunggu website tu terpapar kat skrin..<br />
so,nak develop website,3 perkara ni perlu difikirkan supaya website yang kita develop mudah untuk di navigasi oleh sesiapa.<br />
dalam rekabentuk website,ada 3 komponen yang kita perlu tahu iaitu:<br />
a. information design<br />
b. interaction design<br />
c. visual design<br />
<br />
dalam merekabentuk maklumat yang nak disampaikan, perlu dititkberatkan macam mana maklumat yang ada itu boleh disampaikan dengan berkesan,mudah dan senang difahami oleh pengguna. strategi dan pengurusan setiap maklumat(content) yang ada tu perlu ada supaya objektif asal untuk deliver maklumat tercapai.<br />
<br />
rekabentuk interaksi,adalah langkah yang penting untuk kita design website. navigasi,kawalan pada website yang dibangunkan perlu boleh digunakan oleh semua pengguna dengan mudah dan paling penting ia boleh berfungsi. nak mudah kita sediakan storyboard untuk memudahkan pembangunan website. setiap perincian terutamanya untuk navigation yang akan digunakan oleh pengguna,boleh kita design tanpa sebarang masalah.ini juga sebagai satu rujukan untuk mengelakkan sebarang kekurangan/tertinggal/terlupa setiap perincian yang diperlukan dalam website.<br />
<br />
visual penting untuk menghasilkan satu website yang menarik. tanpa sebarang visual,tak kira lah animation ke, gambar ke etc, satu website itu belum mampu untuk menarik minat pengguna untuk explore laman web itu secara menyeluruh. persembahan yang ada element dan stail yang dipilih perlu bersesuaian dengan "target user" yang dipilih. bukan semua layout sesuai dengan lapisan audience yang kita mahukan. penghasilan protaip boleh membantu untuk menilai kesesuaian laman web yang dibina berdasarkan pandangan orang ramai.siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-27334771226621631502011-10-06T08:56:00.001+08:002011-10-06T08:56:57.885+08:00week 4nak bina satu website memang mudah bagi yang mempunyai kepakaran bidang teknologi..tapi sejauhmana penyampaian kandungan website tu sampai kepada pengguna..?realitinya, pembinaan satu laman web pendidikan memerlukan lebih daripada kepakaran teknologi...untuk bangunkan sistem, perkara utama yang perlu dititikberatkan adalah 'instructional design' yang akan digunakan.<br />
Banyak model-model yang ada yang boleh digunakan. Paling selalu digunakan adalah ADDIE Model..melibatkan 5 fasa iaitu analysis,design,development,implementation dan juga evaluation.pada setiap fasa yang dijalankan,evaluation memainkan peranan penting untuk memastikan penghasilan sistem/website kita adalah yang menepati kehendak pengguna.<br />
Model-model lain yang juga boleh digunakan adalah seperti 'Hannafin and Peck Design Model', 'Dick and Carey Instructional Design Model', 'Assure Model' ataupun 'Waterfall Model'. Waterfall Model adalah model yang berbentuk traditional dimana ia sudah jarang digunakan kerana tidak ada proses berbalik.namun ianya telah melalui proses pengubahsuaian.<br />
Membangunkan website perlu ikut 6 peringkat utama iaitu:<br />
i. site definition dan planning<br />
ii. information architecture<br />
iii. designing the website<br />
iv. development<br />
v. implementation process <br />
vi. evaluation<br />
<br />
<br />
Untuk membangunkan sesuatu project web, 2 perkara utama perlu diambilkira iaitu<br />
<br />a. <b>Project Management Process.</b><br />
<br />-pembinaan website yang baik perlu melalui 3 fasa iaitu planning(pre-production), construct(production) dan test(post-production).<br />
-dalam planning, kita perlu buat analisis untuk ketahui kehendak pengguna,kenalpasti keperluan website tersebut,adakah ia mudah digunakan.Ia juga merupakan peringkat kita mencipta blueprint untuk pembinaan website.Pada peringkat ini juga kita mula melakar atau design our website based pada analisis awal yang telah kita lakukan kepada pengguna.<br />
-dalam constructing, melibatkan banyak perkara seperti kajian terhadap kandungan bahan, interface design, graphics dan animation yang diperlukan, audio yang akan direkodkan dan yang paling penting adalah programming.<br />
-dalam testing,merupakan fasa terakhir iaitu fasa dimana website itu dinilai kandungannya,adakah ia berfungsi mengikut kehendak yang ditetapkan dan yang utama untuk fasa ini adalah maklumbalas daripada client itu sendiri.<br />
<br />
b. <b>Web Development Team</b><br />
-membina satu laman web yang baik memerlukan bukan seorang tapi kerjasama dari pelbagai pihak.<br />
- web-Team terdiri daripada<br />
i. Project Manager<br />
ii. Content Area Specialist<br />
iii. Instructional Design<br />
iv. Web Developer/Programmer/Database Administrator<br />
v. Media Specialist(Graphic Artist/Animator, etc)<br />
-setiap dari mereka memainkan peranan yang sangat penting dalam menghasilkan satu laman web yang baik dan bermutu.bukan sahaja dapt menarik perhatian dan minat pengguna untuk menggunakannya tapi juga mampu untuk menyampaikan maklumat dan kandungan dengan baik dan tepat.<br />
<br />siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-19510963418399748082011-09-29T14:16:00.002+08:002011-09-29T14:20:38.946+08:00prezi<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibMG2_2xzFaiCWGPvSMAqMQccaPHrSwZs0U21gohOWNUPF6LJbl9jBmGULoRQs4GiVWatwgnBqHRYrbvQZpofyAp9_N631eaRwxhth47r-g82x20kdAKDohknG_Uxxa27jFbdLlDw9kSc/s1600/tim.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibMG2_2xzFaiCWGPvSMAqMQccaPHrSwZs0U21gohOWNUPF6LJbl9jBmGULoRQs4GiVWatwgnBqHRYrbvQZpofyAp9_N631eaRwxhth47r-g82x20kdAKDohknG_Uxxa27jFbdLlDw9kSc/s320/tim.jpg" width="320" /></a></div>
tadi baru explore prezi..try2 gak buat..memg menarik kalo buat presentation menggunakan prezi ni..banyak benda baru..memg berbaloi untuk belajar buat presentation gunakan prezi ni..satu paradigma baru yang mmg bagus untuk kita fahami,cuba dan applykan dalam setiap urusan..berbanding cara konvensioal juga meggunakan power point,prezi 1 fenomena baru. so,cuba google "PREZI". kat situ ada step by step untuk buat presentation..saya dah try,sgt2 megagumkan...yg ni kt atas ni kira cubaan pertama sayalah..thanks to Dr. Affandy sebab introducekan prezi ni..thumbs up!!!siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0tag:blogger.com,1999:blog-3124121612603785229.post-27276031272499749032011-09-20T10:34:00.000+08:002011-09-20T10:34:12.063+08:00intro-first week of web-based classdemi subjek web-based,maka blog ni pun terhasil..masih dalam proses penaiktarafan..hehe<div>
<br /></div>
<div>
<b>14 sept 2011-kelas pertama oleh Dr. Noraffandy Yahya..</b></div>
<div>
thank GOD akhirnya kelas ni ditawarkan sem ni..by the way,based pada apa yg Dr katakan,banyak projek untuk kelas ni..huhu..kena buka balik portfolio,nota time kelas authoring dulu..all the best...</div>
<div>
Pengenalan kepada silibus untuk 14 minggu dengan pembahagian 3 orang dalam 1 kumpulan untuk projek berkumpulan.</div>
<div>
Dr kata semua pengetahuan dalam semua subjek yang dah amik sebelum ni akan digabungkan dalam kelas ini.apa saja concept termasuk lah learning strategies, media design, dan lain2 lagi akan diaplikasikan dalam setiap projek yang diberikan..</div>
<div>
memang semua nota2 kelas-kelas sebelum ni kena buka blik,yang bagusnya dapat refreshkan balik apa yang dah lama xbuat.yang paling menariknya boleh lah membantu dalam research sbb memg berkaitan..</div>
<div>
hopefully semuanya berjalan dengan baik,sama2 dapat berkerjasama,saling bantu,sbb ilmu yang ada pada diri ni xsebnyak mana...</div>
siti fatimahhttp://www.blogger.com/profile/17772534121550197890noreply@blogger.com0