Week 7: Information Design

Hello and Hai,

In information design, I learn how to manage the information in the website. Information design is about clarifying the communication goals and arranging the ideas into a design that serves those goal.

Information design focus on:

1. Message: What information do you wish to share?

2. Audience: Whom do you wish to share the message with?

3. Purpose: How and why do you want to share the message with the audience?

4. Background: What does your intended audience already know about the subject you are discussing.

5. Structure: How can your message be organized most effectively?

That all for now. Thank you.

Week 6: Interaction Design

Hello and Hai, 

This week we do not have class as our lecturer is not in a good of health. However, she had not leave us just like that. She still manage to give us some task to be done. The task is to create mind map about topic for today which is Interaction Design. 

The critical tasks of interaction design are to create guidance system to orient users, to design the navigation system, to define what happens on each screen, design the controls for interaction and determine how much interaction is to be included in website. 

There are several questions can be used as a guideline to create effective navigation. The questions include:

1. Where am I? - Let the user know their current page.

- Precise location on the web: URLs

- Page and Site Labels

- Page and site style and location

2. Where have I been? - Let the user know where they have been.

- History: Link coloration can help identify links that have already been visited.

- Landmarks

- Cookies

3. Where can I go? - Let users know where they are in relation to the rest of the website.

- Provide links to other pages that the user can visit.

4. How do I get there? - Provide consistent, easy and understandable link

5. How do I get back to where I started? Provide alternatives to the browser's back button to let users return to the starting point.

There are 3 important elements in interaction design which are organization, navigation and interactivity.

1. Organization is about how the graphic, text and other elements will be arrange in the web page. 

- Draw storyboard

- In index page or homepage must included

a) banner

b) title of the website

c) interface of content

d) graphics

e) menu

2. Navigation is about link, button  or icon in the website. Must consider whether the elements used for navigation is easily navigate the user. 

3. Interactivity is about whether the website give opportunity for the users to involved actively. There are several types of interactivity which are

 - place finding

- bread crump

- page number

- different colour for the existing menu.

Below is the mind map that I create for this topic. Please click the picture for a clear view. 

That all for now. Thank you.

Week 5: Basic Web Design

Hello and Hai,

In week 5, i had learnt about basic web design. During this lecture, we had examined variety  of websites. This step is important so that web designer able to learn and focus on user's need and study the contents that required to design the websites. There are 4 primary aspects taht influence web design which include content, technology, visuals and economic. Apart from that, i had learnt about basic concept in design which include balance, contrast, focus and related.

For class activity we were asked to provide websites that had the best and worst design. At first, I was chosen Apple website as my best design but it was taken by the first presenter :). I really admire Apple website design. It is simple but yet still can provide many useful information for the visitor. So, at last I come up with Hasbro website (http://www.hasbro.com/playdoh/en_AU/). It is a website for toys. Remember Playdoh? Playdoh is the one of Hasbro products. But, I never have any toys from Hasbro because it is quite expensive. The worst website design that I had found was http://www.dpgraph.com/. This website talk about 3D elements and they are trying to put all 3D elements in the website. They make the background moving and it distracted the reader. This design make the website look crowded and make me dizzy.

Sila klik gambar untuk tumbesaran sihat.

Thank You. 

Week 4: Project Management in Web Design and Production

Hello and Hai..

We meet again.

Before proceed with the lecture, our lecturer conducted class activity. The class activity was about learning strategy. We had been divided into three groups and my partner for this class activity was Miss Afi. Our group presented about Game Based Learning. It sound easy but when I am trying to search on the internet, read and write on the paper I  am getting blur. I like to play game but between playing game and planning a game for learning it is two different things.  But, thank God, Afi manage to come out with some flowchart how to implement Game Based Learning in classroom. The task was to choose any topic that we want to teach and then apply Game Based Learning to deliver the topic.  Below is the flowchart. In our flowchart, there are five phase which are:

1. Identify the objectives of the topic.
2. Decide the rewards for the victors.
3. Create game pieces.
4. Apply the game to students
5. Evaluation

These steps were adapted from http://serc.carleton.edu/introgeo/games/index.html. Feel free to visit the site to get more information and to enhance understanding. :)

Then, we proceed with the class. I had learned about processes that consist in project management. Basically, these processes include planning, constructing and testing.  These processes also can be divided into pre-production, production and Post production.

Pre-production involve analysis, planning and design. It is about creating blueprint for the website. In Production or Construction phase involve content research, interface design, graphic development, audio recording, video production and web authoring. Testing and evaluation are conducted in Post-production. Testing can be done on content, functional testing and usability testing. 

Sila klik pada gambar untuk tumbesaran sihat.

Thank you.

Week 3: Web Development Process

Hello and Hai..

What had I learned this week?

In topic of web development process I had learned about ID Model or Instructional Design Model. There are many ID model but for this class we had focused on ADDIE Model, Hannafin and Peck model, Dick and Carey Model and Waterfall Model. During group presentation one ID model was added which ASSURE Model.

ADDIE Model.

(Source: http://www.instructionaldesignexpert.com/images/The_Addie_Model.jpg)

(Source: http://6321team3coopsummer2011.pbworks.com/f/1311553117/ADDIE-process.png)

ADDIE is stand for Analysis, Design, Develop, Implement and Evaluate.

In Analysis phase, designer identifies the learning problem, the goals and objectives, the audience's needs, existing knowledge and any other relevant characteristics. Analysis also considers the learning environment, any constrains, the delivery options and the timeline for the project.

Design phase is a systematic process of specifying learning objectives Detailed storyboards and prototypes are often made ant the look and feel, graphic design, user-interface and content is determined here.

Development phase is the actual creation of the content and learning materials base on the Design Phase

In implementation, the plan is put into action and a procedure for training the learner and teacher is developed. Materials are delivered or distributed to the student group. After delivery, the effectiveness of the training materials is evaluated.

Evaluation phase consist of formative and summative evaluation. Formative evaluation is present in each stage of the ADDIE process. Summative evaluation consists of tests designed for criterion-related referenced
items and providing opportunities for feedback from the users.

Hannafin and Peck Model

(Source: http://www.futureu.net/braxton/GIFS/hp_design.gif)

Phase 1: Requirements Analysis Phase

Designer or developer make an assessment, particularly on the characteristics of the target group which include:

1. Who will use the software?
2. The user's prior knowledge.
3. What the desired behavior change.
4. The objective to be achieved.
5. What hardware and software required.

Phase 2: Design Phase

This phase begins with determining the objectives to be achieved by the user after using the application.  Then, this phase involve determining the activities, training and testing of the user when using the software to be developed. Designer also need to ensure that the method of delivery of the information presented is understandable and appropriate to the user.

Phase 3: Development and Implementation

This phase refers to the process of software production. In this phase, all the elements that were designed in the previous phase is translated into a more practical either with help of programming language or authoring. This phase will require more highly skilled experts in various fields such as programming, audio and video.

Dick And Carey Model

(Source: http://www.instructionaldesign.org/models/dick_carey_model.html)

Waterfall Model

Waterfall Model (update)

(Source: http://www.tutorialspoint.com/sdlc/images/sdlc_waterfall_model.jpg)

Waterfall Model (Traditional)

(Source: http://www.csse.monash.edu.au/~jonmc/CSE2305/Topics/07.13.SWEng1/html/waterfall.GIF)

Requirement Gathering and analysis: All possible requirements of the system to be developed are captured in this phase and documented in a requirement specification doc.

System Design: The requirement specifications from first phase are studied in this phase and system design is prepared. System Design helps in specifying hardware and system requirements and also helps in defining overall system architecture.

Implementation: With inputs from system design, the system is first developed in small programs called units, which are integrated in the next phase. Each unit is developed and tested for its functionality which is referred to as Unit Testing.

Integration and Testing: All the units developed in the implementation phase are integrated into a system after testing of each unit. Post integration the entire system is tested for any faults and failures.

Deployment of system: Once the functional and non functional testing is done, the product is deployed in the customer environment or released into the market.

Maintenance: There are some issues which come up in the client environment. To fix those issues patches are released. Also to enhance the product some better versions are released. Maintenance is done to deliver these changes in the customer environment. 

Advantages:

Simple and easy to understand and use.

Easy to manage due to the rigidity of the model – each phase has specific deliverable and a review process.

Phases are processed and completed one at a time.

Works well for smaller projects where requirements are very well understood

Disadvantages

Once an application is in the testing stage, it is very difficult to go back and change something that was not

well-thought out in the concept stage.

No working software is produced until late during the life cycle.

High amounts of risk and uncertainty.

Not a good model for complex and object-oriented projects.

Poor model for long and ongoing projects.

Not suitable for the projects where requirements are at a moderate to high risk of changing.

ASSURE Model

(Source: http://c3e308.medialib.glogster.com/media/c9/c99fd8399d92238ffa5cafe7acb8cca7707aa47ba688bdc8579e4954a3cc9756/assure-jpg.jpg)

A-Analyze Learners

Analyze who your learners, what sort of knowledge, skills and abilities will they bring to the classroom, learner's learning styles. Can conduct pre-test to administer your learners.

S-State Objective

After you develop a clearer view of who your students are, state your learning objectives for your class or workshop. Learning objectives or learning outcomes provide insight for your students and what you hope they will get out of the activities in the classroom. The ABCD's of writing good learning objectives are audience who are your teaching?; behaviours that will be demonstrated; conditions under which desirable behaviours will be observed and the degree to which new skills will be mastered.

S-Select Media and Materials

Select available materials, modify existing materials or design new materials to help accomplish this task

Select different media to use. Any of the media or technologies that have been deemed appropriate should enhance classroom.

U-Utilize Materials

Instructor will preview all teaching materials before use them with students, including any media or equipment. Be sure the room works for what you have planned. If you are using video or sound, computers or projects, ensure that everything is working well and make sure you have a backup.

R-Require learner's performance

At some point in your classroom activities, your learners will need to practice what they have learned from you. As an instructor, you will need to describe how they will use the materials you have provided. Any responses that are correct should be positively reinforced. Classroom activities should allow learners to receive feedback before any evaluation or test is administered.

E-Evaluate and Revise

Teachers should reflect on their workshop, its objectives, instructional strategy, learning materials and the assessment to determine whether these elements were effective or not. Obtain feedback from peers, people who were in the classroom or from the learners themselves. When teaching students, some things may simply not work. Use group discussion, exit interviews, assessments, and other types of student feedback to evaluate your work.

Sila klik pada gambar untuk tumbesaran sihat.

Thank You.