0

Reflection: Week 7

Posted by Nornadiah on 21:20
Assalamualaikum!!!

Pada minggu ini kelas ditangguhkan.YEAY!!!! Namun proposal perlu disiapkan dan hantar minggu depan. So bear in mind bahawa jangan nak happy sgt xder kelas ni. Kami sekumpulan membuat perbincangan dan membahagikan tugasan untuk menyiapkan proposal pada waktu yg ditetapkan. Perkara yang dibincangkan adalah mengenai carta alir dan level access bagi admin dan pelajar dalam menggunakan laman web ini. Di akhir perbincangan, kami menetapkan isnin minggu dpn iaitu 1/4/2013 untuk menggabung tugasan kami.Seterusnya, melakukan perbincangan untuk membangunkan laman web menggunakan Adobe Dreamweaver, MySQL dan PHP. 

0

Reflection: Week 6

Posted by Nornadiah on 08:20
Assalamualaikum!!!


Topik kali ini sangat penting untuk kami sekumpulan iaitu INTERACTION DESIGN kerana menyedarkan kesalahan rekabentuk yang kami buat pada minggu lepas. Selain itu, menjadi panduan buat kami dalam merekabentuk laman web seterusnya. Bukan sekadar cantik, menarik tetapi memudahkan pengguna untuk menggunakannya. Ada dua konteks dalam rekabentuk iaitu:

1.  Reka bentuk maklumat: Fokus pada perancangan reka bentuk dan menjawab soalan: "Apakah produk ini?"

2.  Reka bentuk interaksi: Berfokus pada mekanik reka bentuk dan menjawab soalan: "Bagaimana ia harus berfungsi?"


Bergerak dari reka bentuk maklumat kepada reka bentuk interaksi bermakna maklumat bertukar menjadi pengalaman.Ini bermakna:

-Motivasi pengguna untuk mempunyai pengalaman, dengan memberi mereka panduan dan pilihan yang jelas.
-Mewujudkan satu perjalanan yang menarik, atau jalan yang jelas, melalui maklumat.
-Memberi pengguna kawalan yang membolehkan mereka untuk pergi ke mana mereka mahu dan melakukan apa yang mereka mahu.
-Membuat pengalaman sebagai mudah dan intuitif yang mungkin.
 



REKA BENTUK INTERAKSI  

Tugasan kritikal reka bentuk interaksi:
- Membuat sistem panduan untuk memudahkan pengguna
- Rekabentuk sistem navigasi.
- Tentukan apa yang berlaku pada setiap skrin.
- Rekabentuk kawalan untuk interaksi.
- Tentukan berapa banyak interaksi yang perlu dimasukkan.



Navigasi yang berkesan menyediakan maklumat lokasi yang cukup (Orientasi) untuk membolehkan pengguna menjawab soalan berikut:


1.Di mana saya berada? - Membolehkan pengguna mengetahui halaman semasa mereka.
2.Di mana telah saya berada? - Membolehkan pengguna tahu di mana mereka telah berada.
3.Di mana boleh saya pergi? - Membolehkan pengguna tahu di mana mereka boleh berada dan berhubung dengan seluruh laman web.
4.Bagaimana cara saya sampai ke sana? - Menyediakan konsisten, mudah untuk memahami pautan.
5.Bagaimanakah saya boleh mendapatkan kembali di mana saya bermula? - Menyediakan alternatif kepada butang belakang pelayar untuk membolehkan pengguna kembali ke titik permulaan mereka.



Tiga elemen penting dalam reka bentuk interaksi iaitu:

1.  Organisasi
Bagaimana unsur-unsur grafik, teks dan lain-lain akan disusun atur di dalam laman web anda?
-Lukiskan papan cerita
-Dalam halaman indeks anda atau laman utama mesti dimasukkan:
      -> Banner 
      -> Tajuk laman web anda
      ->Grafik
      ->Menu


2. Navigasi
Adakah laman web anda menyediakan pautan, butang atau ikon bagi pengguna untuk melayari laman web anda dengan mudah?
       ->Peta Laman (Site Map)
           Ia menyediakan hubungan langsung, atau pintasan, kepada semua halaman        
           kandungan pada tapakdan ia menggambarkan bagaimana kandungan berkaitan   
           dengan struktur keseluruhan tapak

 
      ->Hipermedia / Hypertext
      ->Butang navigasi / ikon
      ->Senarai semak halaman

 
3. Interaksi
Adakah laman web anda memberi peluang untuk pengguna untuk terlibat secara aktif?
      ->Tempat mencari
      ->Bread Crumb
          Terdiri daripada pautan yang dapat diklik yang menunjukkan bagaimana halaman 
          semasa sesuai dengan hierarki keseluruhan tapak.

      ->Nombor halaman
      ->Warna berlainan untuk menu semasa

0

Reflection: Week 5b

Posted by Nornadiah on 02:01
Perbincangan Tugasan


Hai semua!! Ini merupakan perjumpaan group yang ketiga. Ok setelah latar belakang masalah, penyelesaian masalah, objektif kajian, skop kajian, teori pembelajaran, approach model dan flowchart dibincangkan. Namun ada perkara lagi yang belum disettlekan seperti bahan pembelajaran, rekabentuk laman web, pengkalan data dan ID Model. So perbincangan kali ini dibuat di bilik ana.. Seperti biasa setelah warming up barula perbincangan dimulakan. Kami berbincang mengenai bahan pembelajaran dan rekabentuk laman web dan ID Model.


Bahan pembelajaran kami adalah berdasarkan games kerana konsep game based learning ini adalah apabila murid bermain games ini mereka dapat belajar sesuatu yang baru. Oleh itu, kami semua mencari games yang bersesuaian untuk diletakkan di dalam laman web namun kecewa sbb games yang dapat download tidak menarik dan tidak sesuai dengan topik pembelajaran kami pilih. Tetapi yang baiknya adalah, kami dapat memutuskan untuk menggunakan ADDIE sebagai ID Model pembelajaran laman web kami dan rekabentuk laman web yang sesuai. Sketch bagi laman web kami adalah seperti di bawah. Nantikan yang real akan datang!!!!

0

Reflection: Week 5

Posted by Nornadiah on 00:56
Assalamualaikum!!!


Minggu ini kami belajar mengenai BASIC WEB DESIGN. Sebelum itu, apakah yang dimaksudkan dengan WEB DESIGN? Web Design merangkumi banyak kemahiran yang berbeza dan disiplin dalam pengeluaran dan penyelenggaraan laman web. Kawasan yang berbeza reka bentuk web termasuk reka bentuk web grafik, reka bentuk antara muka; mengarang, termasuk kod standard dan perisian proprietari; reka bentuk pengalaman pengguna; dan pengoptimuman enjin carian. Tujuan web design adalah memaklumkan pengguna atau menarik minat pengguna untuk membaca dengan cara menyampaikan kandungan dalam cara yang memberi manfaat kepada pengguna.Berikut merupakan contoh web design:





Menarik kn website2 seperti di atas, tetapi kesemua web tersebut adalah dalam bidang berlainan. Namun, web designer memberi tumpuan kepada keperluan pengguna & keperluan maklumat kandungan yang ingin disampaikan. Empat aspek utama mempengaruhi reka bentuk laman web iaitu:

1.  Kandungan: Untuk memaklumkan atau menarik minat pengguna
2.  Teknologi: Untuk melaksanakan fungsi tapak
3.  Visual: Untuk menyediakan borang tapak
4.  Ekonomi: Untuk memberi maksud bagi tapak


Metafora laman web seperti piramid iaitu kandungan adalah bata yang kita gunakan untuk membina piramid,asas bergantung kepada visual dan teknologi manakala ekonomi membuat projek itu bernilai.


BASIC CONCEPT IN DESIGN
1. Balance

-White space
-Description must be near to the picture/graphic
-Symmetry & Asymmetry Balance 

2. Contrast

-Tulisan mestila mempunyai warna yang berbeza dengan warna latar belakang supaya tulisan nampak jelas untuk dibaca.

3. Focus

-Sekiranya meletakkan gambar di dalam laman web, gambar tersebut mestilah jelas dan menarik minat pengguna.

4. Related

- Pastikan laman web anda seterusnya mempunyai kesinambungan dari halaman utama supaya pengguna tidak keliru. Seperti: susun atur icon mestilah sama seperti di halaman utama.



 Aktiviti Kelas

Seperti biasa, kami akan melakukan aktiviti di dalam kelas. Kali ni kami di minta untuk mencari satu contoh laman web yang baik dan lagi satu contoh yang kurang baik.Saya telah memilih laman web dalam business online terkemuka di Malaysia iaitu ZALORA dan The Poplook

ZALORA  



Bagi pendapat saya, laman web ini  kurang baik kerana: 

1. Walaupun ini business online yang ingin mempamerkan semua barang yang ada namun jangan terlalu banyak gambar dan icon diletakkan dalam laman web.
2. Tidak mempunyai white space.
3. Tidak mempunyai flow pembacaan bagi pengguna.



The Poplook


Bagi pendapat saya, laman web ini baik kerana: 

1. Sangat simple dan kemas.
2. Mempunyai white space.
3. Mempunyai flow pembacaan bagi pengguna.
4. Jenis barang telah dikategorikan dan ditulis dlm bentuk top-down menu. Lebih senang untuk pengguna mencari barang yang dikehendaki.




 
Seterusnya, kami ditugaskan untuk membincangkan semua isu-isu reka bentuk web dalam link ini http://www.webdesignref.com/chapters/ch01.htm
 
TARAA!!! Inilah hasil perbincangan yang kami dapat simpulkan
 
 

 

Terdapat empat jenis major web design iaitu:

1. User defined design


 
2. Form and function

 


3. Execution: The easy part?

 

 

 
4. Conformity versus Innovation


0

Reflection: Week 4b

Posted by Nornadiah on 22:46
Perbincangan tugasan

Selepas perbincangan mengenai approach model, kami dikehendaki untuk berbincang pasal assignment group. Secara kasar perbincangan adalah seperti berikut:

LATAR BELAKANG MASALAH

Pentaksiran Berasaskan Sekolah (PBS) baru diperkenalkan dalam sistem pentaksiran pendidikan negara ini. PBS dirancang, dibina, ditadbirkan, diskor dan dilaporkan oleh guru. Pentaksiran sekolah dirancang oleh guru dan soalan-soalan ujian dibina oleh guru. Guru juga memeriksa hasil kerja murid dan memberikan skor kepada murid. Pentaksiran sekolah memberikan peluang kepada guru menjalankan pentaksiran formatif dalam aktiviti pengajaran dan pembelajaran.


PENYELESAIAN MASALAH

Membina satu laman web pembelajaran Matematik Tingkatan 1 bertajuk pecahan sebagai bahan pengukuhan kepada pelajar.


OBJEKTIF KAJIAN

1. Membina satu laman web pembelajaran Matematik Tingkatan 1 bertajuk pecahan berasaskan teori konstruktif.

2. Pembangunan laman web ini dijadikan salah satu bahan pembelajaran dan pengukuhan kepada guru dalam melaksanakan penilaian kepada murid berdasarkan pentaksiran berasaskan sekolah.


SKOP KAJIAN

Kajian ini tertumpu kepada pelajar Tingkatan 1 bertajuk pecahan dalam matapelajaran Matematik.


TEORI PEMBELAJARAN

Konstruktif

APPROACH MODEL

Game-based learning

FLOWCHART  

 Dalam laman web kami terdapat lima pautan iaitu, HOME, NOTES, FUN STUFF, QUIZ dan GAMES. Flowchart akan di upload nanti yea =D


Langkah seterusnya adalah, kami mencari nota-nota dan fun stuff yang bersesuaian untuk dimasukkan ke dalam laman web. Pemilihan layout bersesuaian juga akan dibincangkan pada perjumpaan akan datang. 
 
 

0

Reflection: Week 4

Posted by Nornadiah on 19:09
Assalamualaikum!!!

Holla!!! Pejam celik pejam celik dah minggu ke 4 dalam kelas web based development. So ada banyak benda baru yang telah saya pelajari sepanjang 3 minggu lepas. Termasuk la minggu ni, Dr Dayana bagi task untuk berbincang pasal approach model dalam kumpulan assignment. Actually banyak approach model yang boleh digunakan, namun Dr Dayana hanya menekankan pasal Inquiry Based Learning,Problem Based Learning dan Authentic Learning. Tujuan Dr untuk menekankan ketiga-tiga approach ini kerana approach ini selalu digunakan dalam bidang pendidikan. Nak tahu kenapa, nanti saya akan terangkan selanjutnya.... 


Inquiry Based Learning



"Inquiry" is defined as "a seeking for truth, information, or knowledge -- seeking information by questioning." Individuals carry on the process of inquiry from the time they are born until they die. This is true even though they might not reflect upon the process. Infants begin to make sense of the world by inquiring. From birth, babies observe faces that come near, they grasp objects, they put things in their mouths, and they turn toward voices. The process of inquiring begins with gathering information and data through applying the human senses -- seeing, hearing, touching, tasting, and smelling.


For example "In a science curriculum, this means that students are presented with a problem and the teacher guides them to solve it without making the solution explicit. This requires students to work together, to think critically, and to search for solutions based on the evidence rather than the predefined "correct" answer."


Unfortunately, our traditional educational system has worked in a way that discourages the natural process of inquiry. Students become less prone to ask questions as they move through the grade levels. In traditional schools, students learn not to ask too many questions, instead to listen and repeat the expected answers.




Some of the discouragement of our natural inquiry process may come from a lack of understanding about the deeper nature of inquiry-based learning. There is even a tendency to view it as "fluff" learning. Effective inquiry is more than just asking questions. A complex process is involved when individuals attempt to convert information and data into useful knowledge. Useful application of inquiry learning involves several factors: a context for questions, a framework for questions, a focus for questions, and different levels of questions. Well-designed inquiry learning produces knowledge formation that can be widely applied.



Problem Based Learning




Problem-based learning (PBL) is an approach that challenges students to learn through engagement in a real problem. It is a format that simultaneously develops both problem solving strategies and disciplinary knowledge bases and skills by placing students in the active role of problem-solvers confronted with an ill-structured situation that simulates the kind of problems they are likely to face as future managers in complex organizations.
Problem-based learning is student-centered. PBL makes a fundamental shift--from a focus on teaching to a focus on learning. The process is aimed at using the power of authentic problem solving to engage students and enhance their learning and motivation. 


Traditional education practices, starting from kindergarten through college, tend to produce students who are often disenchanted and bored with their education. They are faced with a vast amount of information to memorize, much of which seems irrelevant to the world as it exists outside of school. Students often forget much of what they learned, and that which they remember cannot often be applied to the problems and tasks they later face in the business world. Traditional classrooms also do not prepare students to work with others in collaborative team situations.


Research in educational psychology has found that traditional educational approaches (e.g., lectures) do not lead to a high rate of knowledge retention. Despite intense efforts on the part of both students and teachers, most material learned through lectures is soon forgotten, and natural problem solving abilities may actually be impaired. In fact, studies have shown that in 90 days students forget 90% of everything they have been told (Smilovitz, 1996). Motivation in such traditional classroom environments is also usually low.


Perhaps one of the greatest advantages of PBL is that students genuinely enjoy the process of learning. PBL is a challenging program which makes the study of organization design and change intriguing for students because they are motivated to learn by a need to understand and solve real managerial problems. The relevance of information learned is readily apparent; students become aware of a need for knowledge as they work to resolve the problems.




Authentic Learning


Authentic learning is real life learning. It is a style of learning that encourages students to create a tangible, useful product to be shared with their world. Once an educator provides a motivational challenge, they nurture and provide the necessary criteria, planning, timelines, resources and support to accommodate student success. 


Authentic learning engages all the senses allowing students to create a meaningful, useful, shared outcome. They are real life tasks, or simulated tasks that provide the learner with opportunities to connect with the real world.


Our greatest short coming in education these past few years has been to ignore the brain research that is richly available to us that affirms that implementing multi-sensory activities, pursuing meaningful tasks, exploring a variety of skills with real world applications is optimal learning and that it needs to be practiced regularly.


A student sitting at a desk, taking notes and regurgitating curriculum content uses approximately 3% of their brain's capacity. In general, students learn to sit quietly, respond in turn, follow instructions and complete tasks for the evaluation of a control teacher. Brain-based research shows that using all senses maximizes the learning experience. Interacting, manipulating, exploring, collaborating, discussing openly and sharing for meaningful reasons while having ample time to nurture a greater depth of reasoning and creativity is optimal learning.


In an authentic learning model the emphasis is mainly on the quality of process and innovation. The emphasis isn't about understanding teacher speak and regurgitating content just for a unit test, it's about developing a set of culminating skills sets, within a realistic timeline, using self-motivated inquiry methods to create a useful product to be shared with a specific audience.  

0

Reflection: Week 3

Posted by Nornadiah on 22:10
Assalamualaikum!!!


Hi rakan-rakan sekelian.. Minggu ni kami belajar mengenai WEB DEVELOPMENT PROCESS.  Proses pembangunan laman web dibahagikan kepada langkah-langkah kitaran yang berbeza. Ini boleh membantu format pasukan berkesan, standard dan prosedur yang boleh diguna pakai untuk mencapai kualiti yang maksimum. Satu proses pembangunan sistem boleh mengikuti beberapa rangka kerja standard atau khusus, kaedah, alat pemodelan dan bahasa.


ID MODEL pula adalah pembangunan secara sistematik spesifikasi pengajaran menggunakan pembelajaran dan teori pengajaran untuk memastikan kualiti pengajaran. Ia adalah keseluruhan proses analisis keperluan pembelajaran dan matlamat dan pembangunan sistem penyampaian untuk memenuhi keperluan tersebut.Ia termasuk pembangunan bahan pengajaran dan aktiviti; dan mencuba dan penilaian semua aktiviti pengajaran dan pelajar.


Okay terdapat pelbagai jenis ID MODEL sebenarnya tetapi dalam kelas ni fokus kepada 4 jenis sahaja iaitu:

1. ADDIE
2. Hannafin and Peck
3. Dick and Carrey
4. Waterfall


ADDIE MODEL


ADDIE Model selalu digunakan dalam proses pembangunan laman web pembelajaran kerana merupakan asas kepada model yang lain. Proses asas dalam ID model tersebut adalah Analysis, Design, Develop, Implement dan Evaluate.



HANNAFIN & PECK MODEL



DICK & CARREY MODEL



Edisi Pertama, 1978
Sangat tradisional pendekatan ISD, dengan penekanan kepada teori tingkah laku dan beberapa teori cognitif.

Edisi Kedua, 1996
Masih tradisional, mencerminkan satu percubaan untuk menggabungkan perubahan dalam bidang, seperti perubahan konstruktif, ke arah pertumbuhan di dalam komputer, dan lain-lain.

Ada berpendapat bahawa Dick and Carrey model, "Prestasi berorientasikan model, menekankan pengenalpastian kemahiran pelajar perlu belajar dan pengumpulan data dari pelajar untuk menyemak arahan".

Selain itu, ada pula berpendapat, " Memberi tumpuan kepada kemahiran, pengetahuan, sikap yang perlu dipelajari dan menyediakan keadaan pembelajaran yang betul untuk hasil".



WATERFALL MODEL




Semasa saya belajar di fakulti sains komputer, model ini banyak digunakan oleh pelajar dalam membangunkan sistem. 


Aktiviti kelas

Selepas itu, Dr Dayana mengadakan aktiviti kelas iaitu menerangkan dengan terperinci proses yang terlibat dalam Waterfall Model dan Dick and Carrey Model. Kami dibahagikan kepada dua kumpulan iaitu izatti, farhah dan massarah membincangkan Waterfall model manakala saya dan ana membincangkan Dick and Carrey model. Waterfall merupakan model yang lebih mudah digunakan berbanding dengan Dick and Carrey model kerana Waterfall model terdiri daripada 5 langkah sahaja berbanding Dick and Carrey terdiri daripada 9 langkah. Dick and Carrey dibahagikan kepada langkah yang lebih terperinci seperti langkah evaluation mempunyai 2 bahagian iaitu Informative dan Summative. Maklumat selanjutnya boleh didapati di sini.

 

PLAN TO DEVELOP A WEBSITE

1. Define Goals / Aims
2.State objectives
3.Type of website
    -Advertisement, Online Shopping, Virtual Gallery, etc
4. Define target users
5. Technical constrain
6. Build Website Development Team
     a.Server administrator
     b.Html Coders
     c.Script Writer
     d.Designers
     e.Developer
     f.Database administrator



WEB DEVELOPMENT PROCESS

1. ANALYSIS
   -Site definition and planning 
   -Information architecture

2. DESIGN
    -Site design 

3. DEVELOPMENT
    -Site construction

4. IMPLEMENTATION
    -Site marketing/implementation 

5. EVALUATION
    -Tracking, evaluation, and maintenance 



Perbincangan Tugasan

Akhir sekali, sebelum mengakhiri kelas pada kali ini. Kami sempat membincangkan mengenai Projek Web. Projek web berdasarkan pembangunan laman web pendidikan yang aktif dan interaktif. 

Laman web harus mengandungi aspek-aspek berikut:
-Permohonan strategi pembelajaran aktif.
-Permohonan Interaktif melibatkan penyimpanan data input pengguna ke dalam pangkalan data / fail.
-Menyatukan semua elemen-elemen multimedia.
-Dinamik, kualiti pendidikan dan komersial.


Penandaan akan dibuat berdasarkan empat faktor utama:
-Teknik dalam menyampaikan kandungan pembelajaran.
-Elemen Interaktif.
-Nilai Artistik.
-Kreativiti dan Keaslian.
-Aspek Teknikal. 


Kami hanya sempat membincangkan 3 perkara sahaja, namun terdapat perubahan selepas ini berikutan tiada sokongan atau bukti yang kukuh untuk support perkara-perkara tersebut. Bagi skop kajian, kandungan laman web,ID model yang ingin digunakan dan teori/ pendekatan pembelajaran tidak mencapai kata sepakat lagi kerana kami masih samar2 dengan perkara tersebut.. Ini kerana kami sekumpulan (saya,ana,farhah) tidak mempunyai pengalaman dalam pendidikan, jadi lepas ni kena la explore dan gali lagi apa itu teori/pendekatan pembelajaran. Then baru la boleh bincang balik dalam pertemuan kumpulan kali yang kedua.

1. Latar Belakang Masalah
2. Penyelesaian Masalah  
3. Objektif Kajian




Copyright © 2009 MPT 1393 - Web Based Multimedia Development All rights reserved. Theme by Laptop Geek. | Bloggerized by FalconHive.