Week 13 - Final Web Presentation

Came to class early today..3 PM..all these while never able to make it..

Both groups present their websites..

Comments by Dr. Fandy?

Our Strength
- The Strategy

Cuboid Web
- Problem based learning - good
- clear strategy
- clear Problem Based Learning elements
- alternative real world
- ill-structured problem
- better compared to traditional website which has notes only
- 21st century skills emphasized
- notes has to be explored
- knowledge is scaffolded
- error checking
- simulation exist, even though its simple
- low cognitive load
- interaction design - easy to navigate
- visual design - appropriate color
- focused on scenario concept -

Network Topology
- attractive design
- based on scenario
- has multimedia elements
- experiential learning
- Forum - collaborative learning
- Notes are not important
- Icons - reduce cognitive load, uncrowded space
- video simulation
- induction set
- navigation - easy to navigate
- strategy is improved

Further Discussion
-------------------
Educational technologist
- an important person in US
- decide on the best technology for education
- can be in nursery, kindergarden, schools, universities, training centre

Scaffolding
- tiada pemberian nota
- knowledge is constructed
- there is a research on online scaffolding (Holland)

Cognitive Load
- ex: watch video in an unknown language, without subtitle - low cognitive load

Scenario Based Learning - in UTM

Johansen Penn State
- Hypermedia and Hyperlink
- Rich resources environment
- Scaffolding

Icons - Interaction Design

Google Glass - ambil gambar

Smart School
- transformation by computer scientists
- just convert everything into soft copy
- does not involve education people

evaluation
- login statistics

evaluation cookbook
- download PDF
- 1988 / 1989
- checklist for evaluate courseware, etc

Jumaat depan
----------------
- Evaluation - Analysis, survey, interview - 4 to 5 pages
- CD
- Final Report

Exam
------
4 soalan (10, 10, 10, 20)
Soalan no. 4, markah lebih banyak
markah 70, 30 untuk final
essay, no structure
facts

Completed the MPT1393 - Active Learning Web Design
The last class of my master coursework..

Now... getting ready for the finals.. the reports...

Week 12 - Publishing

Components of website publishing
1) Hosting
2) Domain

There are chargeable hosting and domain.
There also free hosting and domain.

www.freeservers.com
- has template

blog
- has template
- has widget
- space besar (berbanding dulu)

blogspot (google punya)
- gmail --> besar, simple, memenuhi keperluan pengguna
- pemasaran
- teknologi

Choosing a commercial web host
- reliability
- data transfer (traffic / bandwith)
- disk space
- technical support
- platform / os
- php, asp, cgi, mysql ftp, telnet
- SSL (secure  server)
- linux / windows / coldfusion - hosting


- trend hosting --> bertukar pada Apps
- 3 step untuk bangunkan apps
- flash baru, boleh terus tukar pada apps
- sekali upload di google play - USD25

ftp
- sangat mudah

File manager vs Ftp
- Commercial web host - File manager n FTP
- Free web host - File manager only (susah nak upload / download, file by file)

Example of commercial web hosting
- articulate x
- internet-webhosting.com
- wordpress.com (translation, template based)
- blogengin.net

kenapa perlu LUKIS design?
- Interaction design - participant design
- design datang dari USERS
- participant design - applicable to ICT website, Architecture, etc

Potential Research
- DESIGN sahaja can be a research on its own
- emotion in online learning - trend
- second life - free virtual environment (avatar)
- ineraction design - boleh sampai peringkat masters dan phD
- research mesti berdasarkan yang boleh dikembangkan dan dikecilkan scopenya dan menjadi
  sole expert dalam bidang tu
- University Rad.. Holland, menghasilkan nobel laureate prize winners
- setiap course perlu masukkan banyak unsur research - cadangan dr. henry


Degree
- melatih supaya boleh buat kerja

Masters
- specific bidang
- pakar dalam bidang yang general

pHD
- customized research
- pakar dalam scope bidang yang specific
- contribution of your knowledge

Waa! Enough topic for today, okay.. basically Dr. Fandy implied that the design business can be further explore, not jus in the website.. but also in petty teaching techniques...

Week 11 - Web Testing

Evaluation is a Part of Testing
------------------------------

Wow! Today there is a superb acting situation done by great actor / actress --> Asrul and Nadwa. Congrats!

Informal vs Formal Testing

Informal -  friend

Why Testing
- find a potentially serious problem
- give programmers helpful feedback

Content Expert /  Design Expert - important personnel in testing

1) Interaction Design
2) Visual / Interface Design
3) Information Design

Type of Error
1. Design Flaws
2. Conent Errors
3. Software / System Defects

Type of Testing
1. Functionality Testing
2. Layout Testing
3. Load Testing (image dipecahkan)
4. Link Testing (website on server, but still link to local)
5. Usability Testing (senang digunakan)

Acceptance Test
1. Alpha Testing (Design Expert / Content Expert)
2. Beta Testing (User)

Assignment Evaluation
--------------------------
Individu - mengikut theme
1) Cikgu - Content Expert
2) Design Expert
3) Student
4) Kawan

Kekangan untuk research - evaluation dari
1) kanak2 7 tahun ke bawah
2) OKU

Kekangan untuk research - elakkan
1) Form 3
2) Form 5

My Assignment Evaluation
---------------------------
1. Blog - 12/12
2. Web - 12/12
    Presentation
    Evaluation

3. Design Document -  settled

4. Evaluation Dr. Affandy, draw and upload
   - design ( ramai ?)
  -  observation

5. Evaluation - 19/12
          
6. Final Report - Final Week
    Design Documents
    Milestone chart
    Print Screen
    Role of Members
    All activities and tasks by members
    Evaluation
    Comment Pengkritik - elearning
    Case Study?


Ok.. hectic week starting.. well Diana ... you said once the school holiday starts, your assignments also start.. better start getting busy..

Week 10 - Web Discussion

Ok.. Dr. Dayana said that the final exam is ready, already submitted to faculty.. fuh..

Dr. briefed on the future topic web testing and implementation and the induction set that will be acted by Haslinda and Asrul.

Today, we main discussed about our group website project, the learning strategy, the content and so on...

I presented a new idea based on the comments by Dr. Fandy..

A new problem utilizing problem based learning strategy...

Week 9 - 50% Web Presentation

Agenda for today
1. Presentation
2. Other groups assess on interaction design, information design and content design
3. Post in forum

Recap Design Components
1) Interaction Design
2) Visual / Interface Design
3) Information Design

Prerequisite for MPT1193
Media Design + Authoring + Static / Animation

- Each element / layout must have reason
- Interaction Design is a very heavy concept, must take into account all aspects

  * Note *  Good and Popular Interaction Design
  1) Facebook (simple yet effective, tag, like)
  2) Handphone (interesting interaction)
  3) Wikipedia (simple to use)
  4) Google

Human Computer Interface

Apple - sales up due to good application of interaction design, no keyboard / mouse  (ipad, iphone)
          - partnership with Samsung
          - research interaction design

DESIGN YANG MEMUDAHKAN, DEKAT DENGAN PENGGUNA

Interaction Design parallel with Visual Design

 Multiple Intelligence Learning and HOTS

 Malaysian Students research on  Thinking Skills of UK students and Malaysian Students
Question on Fotosintesis
- UK, lines of answers
- Malaysia, a line of answer

Group 1
--------
- Idea ok
- Tak nampak identity
- Identity boleh terdiri daripada
  1) Warna (2 warna)
  2) Approach
- Improve Visual Design
- Is Cartoon acceptable for Form 3 students,  visit Disney website
- Problem Based Learning - research how PBL boleh dizahirkan dalam bentuk web (strong untuk
   Information Design)
- kukuhkan PBL
- ada database solution, response guru, response rakan, tips etc
- focus on one problem - kembangkan
- mula dengan masalah - scaffolding
- activity based
- very good approach that needs to enforced
- constructivism, learners construct knowledge - > PBL
- stress on learning path
- PBL - Form 3 Aras Tinggi

   Learning Path

                  stesen A                       stesen C                       stesen E
                       |                                   |                                    |
start ----------------------------------------------------------------------- end
                                      |                                     |
                               stesen B                           stesen  D


Group 2
--------
- ada identity / consistency
- Information Design - discovery learning tak strong
- Kaji Principles of Discovery Learning
- Visual Design OK
- Interaction Design OK- 'Explore'
- Focus on Topology - OK


 SUMMARY
--------------
- pegawai teknologi pendidikan
- BTPN - pengarah berstatus JUSA
- pemilihan bahan-bahan pendidikan - tanpa ilmu teknologi yang diperlukan
- pelajar sekolah boleh hasilkan bahan tapi tanpa konsep

- Professor Walter Louis (MIT) - Physics - search in YouTube

Conclusion
-----------
- Redesign website
- Redesign learning strategy
- Redesign problem

Week 7 - Information Design vs Visual(Interface) Design

A tidbit of information ...

What is the difference between courseware and web based?

Courseware (CD ROM based) - Flowchart has START to END
Website - There is NO START, NO END, it is all about user control

Information design
- it is all about Learning Strategy
- FOCUS FOCUS FOCUS!
- Focus on the purpose of the website, adopt the necessary plan to achieve that purpose

Side Note..
What is Authentic Learning?

Storyboard vs Thumbnails?

Simple answer:
A thumbnail is just one, single rough sketch, or a reduced size version of a full sized image. 

A story board shows a sequence of drawings, indicating a series of events. A storyboard CAN be made up of a series of thumbnail sketches.

Detailed answer:
Thumbnails are reduced-size versions of pictures, used to help in recognizing and organizing them, serving the same role for images as a normal text index does for words. In the age of digital images, visual search engines and image-organizing programs normally use thumbnails, as do most modern operating systems or desktop environments, such as Microsoft Windows, Mac OS X, KDE, and GNOME. 

Storyboards are graphic organizers such as a series of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence, including website interactivity. 

For me, after the lesson thought, Information design is the most important design component compared to interaction and interface design. Information design is the what makes a specific website a hit or a flop.  Developers should pay a lot of their attention to focus on this aspect.  

Week 6 - Interaction Design

Hu hu.. class is postponed. Dr. Dayana is not well. Luckily a friend send a SMS  right before speeding towards UTM.. he he .. no lah.. well... kind of..

p/s  shhh don't tell my husband

Self Learning : Review the published online notes..

INTERACTION DESIGN

- one of the major three design components - Interface, Interaction, Information
- keyword  :   interactivity
- keyword  :   navigation
- keyword  :   user control

A good interaction design - one of the deciding factor of a successful website