Sunday, January 31, 2010

Reflection Week 8

Week 8 ( 01/02/2010)

Today i don't have class for this subject because Dr. J said that he not feeling very well. So he decided to take medical leave today. We will continue our class for the next week. Get well soon Dr. J....(^_^)


Reflection Week 7

Week 7 (25/10/2010)

Today class we have a presentation about the strategy and activity that we planing to make in our website.. Our group became group no. 2 for that presentation. Kak Madiah became our group presenter... The content of our presentation as below :



After presentation, Dr. J
give his comment.. He says that our activity is not suitable with the Problem based learning strategy. So he want us think about the suitable activity with Problem based learning strategy or change our strategy. After discussion with the group member, so make make conclusion that we want to change the activity based on Problem based learning strategy. So we want to create the scenario or situation that suitable for this learning. Example give they problem and they have solve it. The method use depend on the calling, searhing from website or get knowledge from someone else.


Reflection Week 6

Week 6 (18/01/2010)

Today class Dr. J give us time to discuss about the project. The focus of this discussion is strategy and activity that want make in web based on the learning theory.
I and my team member make siimple conclusion. Actually i don't know what is the learning theory, learning styles and learning strategies because i'm not from the education background. So, i not sure what type of learning styles that i should use in my project. The fisrt thing that i need to do is find out what is the learning theory, learning style and learning strategies.
Kak Madiah help me to make better understand about that theory.

After got some knowledge about the theory then we continue our discussion. The best learning strategies that our group that we choose are Problem based learning. Then, we discuss what kind of activity that we want make in the website based on the strategies. Many activity that we planned but not sure whether our plan acceptable or not. It depends on the presentation for the neect week (week 7).

Today class nothing much lecture but only the discussion. This discussion very interesting because while we discuss about the activity we also make a joke.... hehehe..

Monday, January 25, 2010

Topic : Information Design

INTRODUCTION

Information design is the skill and practice of preparing information so people can use it with efficiency and effectiveness. Information design is the detailed planning of specific information that is to be provided to a particular audience to meet specific objectives. The information designer may or may not have available (or may create) an information architecture that defines the overall pattern or structure that is imposed on the information design and an information plan that defines information units and how they are to be completed. The output of an information design is sometimes expressed in written instructions, plans, sketches, drawings, or formal specifications. However, on very small projects, information design is likely to be much less formal.

Information design can be distinguished from information architecture and information planning. In one view, there are three hierarchical levels of activity:


a) Information architecture


which is the general set of ideas about how all information in a given context should be organized. For example, one might say that "All of our product information should serve customer needs as expressed by tasks they have to do with our products," and then develop a pattern that organizes all product information in modules related to customer tasks. The output is an information architecture document.


b) Information planning


which focuses on all aspects required to prepare and support the information of a specific set of products, single product, or event over the product life or other time span. This generally includes understanding the product or event goals, studying the audience and their needs, considering possible information media, defining specific information "units" (books, chapters, Web pages, visualizations, and so forth), specifying the people who will work on them, what the schedule is, and how this work will relate to the work of others. The output is an information plan.


c) Information design


which focuses more narrowly on the information itself in one or more information units, and may encompass the information aspects of industrial design (labels, knobs, and the physical interface), information content design, page design, Web site design, illustration design, typography decisions, and so forth. Information design can be applied to a single work, such as a city map, or to a corporation's entire set of customer information. The output may be part of an information plan, a separate information design document, or simply the designed object or set of objects.



INFORMATION DESIGN STRATEGY


The factors that should be considers are :

a) Learning Theory

b) Learning strategies

c) Learning Styles


A) LEARNING THEORY


A learning theory is an attempt to describe how people and animals learn, thereby helping us understand the inherently complex process of learning.

There are several types of learning theory :


i) Behaviorism


Behavorism as a theory was primarily developed by B. F. Skinner. It loosely encompasses the work of people like Thorndike, Tolman, Guthrie, and Hull. What characterizes these investigators is their underlying assumptions about the process of learning. In essence, three basic assumptions are held to be true. First, learning is manifested by a change in behavior. Second, the environment shapes behavior. And third, the principles of contiguity (how close in time two events must be for a bond to be formed) and reinforcement (any means of increasing the likelihood that an event will be repeated) are central to explaining the learning process. For behaviorism, learning is the acquisition of new behavior through conditioning.


There are two types of possible conditioning:


1) Classical conditioning


The behavior becomes a reflex response to stimulus as in the case of Pavlov's Dogs. Pavlov was interested in studying reflexes, when he saw that the dogs drooled without the proper stimulus. Although no food was in sight, their saliva still dribbled. It turned out that the dogs were reacting to lab coats. Every time the dogs were served food, the person who served the food was wearing a lab coat. Therefore, the dogs reacted as if food was on its way whenever they saw a lab coat.In a series of experiments, Pavlov then tried to figure out how these phenomena were linked. For example, he struck a bell when the dogs were fed. If the bell was sounded in close association with their meal, the dogs learned to associate the sound of the bell with food. After a while, at the mere sound of the bell, they responded by drooling.


2) Operant conditioning


There is reinforcement of the behavior by a reward or a punishment. The theory of operant conditioning was developed by B.F. Skinner and is known as Radical Behaviorism. The word ‘operant’ refers to the way in which behavior ‘operates on the environment’. Briefly, a behavior may result either in reinforcement, which increases the likelihood of the behavior recurring, or punishment, which decreases the likelihood of the behavior recurring. It is important to note that, a punishment is not considered to be applicable if it does not result in the reduction of the behavior, and so the terms punishment and reinforcement are determined as a result of the actions. Within this framework, behaviorists are particularly interested in measurable changes in behavior.


ii) Cognitive


The earliest challenge to the behaviorists came in a publication in 1929 by Bode, a gestalt psychologist. He criticized behaviorists for being too dependent on overt behavior to explain learning. Gestalt psychologists proposed looking at the patterns rather than isolated events. Gestalt views of learning have been incorporated into what have come to be labeled cognitive theories. Two key assumptions underlie this cognitive approach: (1) that the memory system is an active organized processor of information and (2) that prior knowledge plays an important role in learning. Cognitive theories look beyond behavior to explain brain-based learning. Cognitivists consider how human memory works to promote learning. For example, the physiological processes of sorting and encoding information and events into short term memory and long term memory are important to educators working under the cognitive theory. The major difference between gestaltists and behaviorists is the locus of control over the learning activity: the individual learner is more key to gestaltists than the environment that behaviorists emphasize.


iii) Constructivism


Constructivism views learning as a process in which the learner actively constructs or builds new ideas or concepts based upon current and past knowledge or experience. In other words, "learning involves constructing one's own knowledge from one's own experiences." Constructivist learning, therefore, is a very personal endeavor, whereby internalized concepts, rules, and general principles may consequently be applied in a practical real-world context.


iv) Informal and post-modern theories


Informal theories of education may attempt to break down the learning process in pursuit of practicality. One of these deals with whether learning should take place as a building of concepts toward an overall idea, or the understanding of the overall idea with the details filled in later. Critics believe that trying to teach an overall idea without details (facts) is like trying to build a masonry structure without bricks.Other concerns are the origins of the drive for learning. Some argue that learning is primarily self-regulated, and that the ideal learning situation is one dissimilar to the modern classroom. Critics argue that students learning in isolation fail.

Sunday, January 24, 2010

Web Development Team

The Multimedia Development Team


Developing instructional multimedia is seldom an individual effort. Typically, several people work together to create projects that involve more than just text and graphics but instead involve a pedagogically sound design with interactive exercises and activities as well as assessments and communication approaches that facilitate teaching and learning. Often, with limited resources, some people will have more than a single responsibility. These are the most common members of a multimedia development team:


Project Manager


The Project Manager has the primary responsibility of providing the team with the information and resources that are needed to finish the project. She should oversee the assignment of tasks and the development of a schedule for project completion. Her goal is to stay focused on the big picture while the team members delve into the details of their respective areas. As overall project Editor, she will be a sounding board to team members regarding their decisions as well as doing the final proofing of the project. The project manager serves as the central hub of project oversight. She communicates with the project team, facilitates and documents project task completion, identifies barriers to successful project completion and intervenes with effective solutions.


Specific Responsibilities:


- Receives project assignment from Director.

- Makes initial contact with Content Area Specialist to schedule first meeting where she completes the Project

Narrative form.

- Schedules weekly interactions with the Content Area Specialist (instructor) (E-mail, telephone, face-to-face)

- Maintains weekly contact with the Multimedia Development Team members.

- Documents weekly course progress in Project KickStart and exports HTML updates to the ITRC server.

- Completes Activities section of iProjects (online) after initial meeting.

- Communicates course progress, barriers, and modifications directly to the Project Team during the weekly staff

meetings.

- Reports any unresolved challenges and barriers to the Director.



Content Area Specialist (Instructor)


The responsibility of the Content Area Specialist is to identify :


- The learning problem(s) that justify the project.

- The instructional objectives that it is intended to target.

- Assessment methods that will be useful in determining how successful the "instruction" has been.


The Content Area Specialist is also responsible for providing the CONTENT for the project. By this, I mean that if the software will teach someone how to intepret poetry, then information on analyzing and intrepreting poetry must be provided to the other team members, preferably in some digital form. The Instructor provides the content and materials and teaching expertise to the course project. She communicates directly with the Project Manager and the ITRC team.


Specific Responsibilities:


- Maintains weekly contact with the Project Manager (E-mail, telephone, face-to-face).

- Provides all written materials directly to the Project Manager in a digital format (i.e., Word or WordPerfect).-

- Provides a copy of all nondigital (written) material to the Project Manager.

- Provides source photos, images, and/or videos to the Project Manager.

- Is available to the Multimedia Development Team for ongoing clarification regarding the transformation and

design of course materials.

- Communicates course progress, barriers, and modifications directly to the Project Manager during weekly

scheduled interactions.


Lead Instructional Designer


This person is responsible for ensuring instructional integrity of the project through systematic design and clear writing of scripts and storyboards. She is ultimately responsible for the program teaching what it is supposed to teach -- achieving the instructional objectives. The instructional designer accomplishes this by conducting a thorough needs analysis, overall design, and being largely responsible for the actual writing of the storyboards. Her involvement will be intense toward the beginning of the project, but should then taper off afterwards. She will make frequent checks throughout the project to see that programmers and graphic artists clearly understand the storyboards she has provided.


Specific Responsibilities:


- Is available to the Project Manager for weekly interactions and updates on progress.

- Develop appropriate storyboards of course information and activities and provide these to the Project

Manager.

- Make recommendations to the Content Area Specialist and project team regarding the effective use of course

materials in a web-based environment.


Lead Multimedia Developer


This person will work with audio, video, and animation. Because the project might involve so much of this, he might have Multimedia Developers who will work with him. Media elements involving audio and video are developed by this person in conjunction with other team members. Responsibilities may involve recording, conversions from analog to digital, digital editing, and final integration within the project. Distribution is achieved after codecs have been chosen and implemented to optimize the audio and video elements while maintaining acceptable levels of quality. If a version of the project will be accessible via the Internet, he will need to ensure that multimedia components of the project are optimized for this environment. His video segments will depend on scripts provided by the Instructional Designer. He often works collaboratively with the Instructional Designer and Content-Area Expert to create case-based scenarios in which actions and narration are textually depicted prior to creating the first frame of media. He prepares the multimedia materials and ensures that they are suited specifically to the target audience.


Multimedia Developer


There may be more than one Multimedia Developer on a project. This person assists the Lead Multimedia Developer in the development of audio, video, and animation components of the project. He might be responsible for creation and duplication of the final CD-ROM (perhaps one for Mac OS and one for Win OS). He might assure that materials used throughout the project are in adherence with existing copyright regulations by seeking appropriate permissions when necessary. Often, this copyright responsibility is shared with the Content Area Expert since he or she already possesses a great deal of

the instructional materials.


Lead Graphic Artist


This person will take recommendations of interface design from the Instructional Designer and develop visuals to support it. Through collaboration with other team members, she will design appealing and useful graphics and animations. Working collaboratively with the Instructional Designer, she will assist in the development of an overall interface that is functional, intuitive, and simple while being visually pleasing. She might also be responsible for creating the visual design of the labels for the CD-ROMs as well as the cover art for the textbook.


Lead Programmer


This person's responsibility is to integrate the design, visuals, and the multimedia components of the project into a final software product. As lead programmer, he will ensure that the overall design of the program is intuitive, structurally functional and suited to our target audience's skill level. He will work closely with the Instructional Designer to incorporate her vision of interface design into the final product. He will work closely with the Graphic Artist to develop a visual theme for the program interface. This person might be responsible for the final development of the Web-based version of the project.


Reflection Week 5

Week 5 ( 11/01/2010)

Today, i don't have any class because Dr. J participate with the APA Audit.

Saturday, January 9, 2010

Reflection Week 4

Week 4 ( 4/01/2010)

Today, before start lecturer, Dr. J asks student about the problem that we face when using the website. There are many problem that we are facing everyday such as image problem, server problem, need to download some software when open certain website, linking problem, visual problem, technical error and long loading time when download something. After that discussion, Dr. J start with the presentation of case study that we already done. Some students are selected to present. After presentation, the main conclusion that i can say is the most important part in web design is information design. From the website that are selected from those student mentions about the hypergraphic design, animation that use in the website, line length, good color in that website, interactivity and have a navigation menu. Then we discuss about the learning theory. Just a simple overview about that theory. For the next class we should find the learning theory, learning styles and learning strategies. For the homework, each group need to choose one learning theory and the activities of that theory to implement it in our project.

CASE STUDY 1 : Implementation Of Two Website

Question:

Surf the web and identify a personal, organization and commercial web site (at least 2 websites from different category) that impress you in a positive manner. Capture the home page of the website, identifying the URL.

Two website that i choose are :

- Facebook (Entertaiment Website)


- Yahoo (Commercial Website)


1) What do the two sites have in common?

Facebook
- A popular online social network site, and the formation and maintenance of social capital.
- Have ability to stay connected with members of a previously inhabited community.
Yahoo
- Provides Internet services worldwide.
- Just like web portal that presents information from diverse sources in a unified way.
- The largest knowledge-sharing community on the Web.

2) What are some rules of good design that you found from the websites and how you can use it
in your project

From Facebook and yahoo website
- Use the linking that will connect with other page.
- Use the navigator bars as the menu in the website.
- Use the header with animation as the header in the website.
- Use the right colour (Theme) for both website
- High value to generated the content
- Have other application in that website
- Using flash for the video to present something for user.
- Faster Log in when access that website
- Interactivity
- Have a text, pictures, graphics, audio and video.

3) Identify the information of value you found explaining how it was presented-for example, as
photos, videos, text or sound.

Facebook
- The wall is a space on every user's profile page that allows friends to post messages for the
user to see.
- Pokes which allows users to send a virtual "poke" to each other.
- Photos where users can upload albums and photos.
- Text messaging application allows users to communicate with friends .
- Animation and graphic for the game such as Café World.
Yahoo
- Yahoo also use some multimedia element such as video, text, picture, animation and grapich in
the design.
- Yahoo has many special properties that are useful resources, such as Yahoo News, Yahoo
Music, Yahoo Games, Yahoo Finance, Yahoo Maps, Yahoo Video, Yahoo Search and Yahoo
Mail.

4) Rate the ease of finding the information

- The rate that of the facebook and yahoo website is 10 per 10. That’s mean both website are
strongly easy use to find the information. Besides, its high value to generate the content in the
website.

5) Explain what would encourage you to make a return to each website.

Facebook
- Can connect with my friends and maintain relations in that community.
- Can view the product advertisement by the seller company and return to that company
website to know about the product.
- Its easier to join groups having similar likes and dislikes .
- Love attraction - can be used as a dating service system by interaction with the people.
- Can share anything with people
Yahoo
- Can find the new product and services using Yahoo Search Marketing.
- Enables users to gather relevant information and make commercial transactions and purchases
online by Yahoo Shopping.
- Can find information using Yahoo Search.
- Can check my mail and contact with my friends using the mail message.
- Chat with my friends using Yahoo Messenger.

Monday, January 4, 2010

Reflection Week 3

Third Day Class (28/12/2009)

In this class, i learn about the process that i should follow when develop a website. Besides i can understand what the major stages that have to follow in developing the website. We also need to vote which design document is the most important part in web design. The answer is whether :
- Information design
- Interaction design
- Visual design

In my opinion, i think the most important part in web the design is the information design. Information design is the the detailed planning of specific information that is to be provided to a particular audience to meet specific objectives. I choose information design because in my experience when i go some website, what i need is the information that provided. Some revision that i made and the resource i got from the website : http://en.wikipedia.org/wiki/Instructional_design

CHAPTER 2 : WEB DEVELOPMENT PROCESS


INTRODUCTION

ID MODEL

Instructional Design models or theories may be defined as frameworks for developing modules or lessons that :
1) increase and/or enhance the possibility of learning
2) encourage the engagement of learners so that they learn faster and gain deeper levels of
understanding.

There are many instructional design models but many are based on the ADDIE model with the phases analysis, design, development, implementation, and evaluation.

EXAMPLE OF ID MODELS

a) ADDIE model

The 5 phases contained in the model:
- Analyze - analyze learner characteristics, task to be learned, etc.
- Design - develop learning objectives, choose an instructional approach
- Develop - create instructional or training materials
- Implement - deliver or distribute the instructional materials
- Evaluate - make sure the materials achieved the desired goals

b)
Hannafin and Peck design model

There are three phase process :
- Needs assessment is performed
- Design phase.
- Development and implemention.


c)
Dick and Carey

The components of the Systems Approach Model, also known as the Dick and Carey Model, are as follows :
- Identify Instructional Goal(s)
- Conduct Instructional Analysis
- Analyze Learners and Contexts
- Write Performance Objectives
- Develop Assessment Instruments
- Develop Instructional Strategy
- Develop and Select Instructional Materials
- Design and Conduct Formative Evaluation of Instruction
- Revise Instruction
- Design and Conduct Summative Evaluation

d)
Instructional Development Learning System (IDLS)

The components of the IDLS Model are:
- Design a Task Analysis
- Develop Criterion Tests and Performance Measures
- Develop Interactive Instructional Materials
- Validate the Interactive Instructional Materials

Step For Develop wesite

Some Activity

In this class, i learn about the web development process. Dr.J give us some exercise that is arrangement about the step in construct the website. After discussion i got the similar result with my friends. The right step for develop website are :

1) Analyzing Learners’ Background
2) Collecting The Contents
3) Validating the Content – Check for spelling, grammar errors.
4) Designing the web site theme
5) Designing Web Typography
6) Designing The Learning/Presentation Strategy
7) Designing The Interface & Navigation
8) Developing Graphic and Animation Files
9) Developing Audio and Video Files
10) Web site Development Process
11) Developing an interactive page such as guest book, forum etc.
12) Testing the web site
13) Evaluating the web site
14) Publishing the web site through server
15) Maintaining the web site

So, the conclusion that i can made is there are 5 phase when develop the website is analysis, design, development, evaluation and maintenance.

Reflection Week 2

Second Day class ( 21/12/2009)

In this class, i learn about the different between website, webpage, homepage, portal and blog... Besides that i learn about the CMS and LMS with the example. Now i can understand the different between CMS and LMS. Below is the revision that i made to this topics. The resources is from wikipedia and Dr. J notes.....

Chapter 1 : Basic Concepts Of Websites

INTRODUCTION

a. Website

A website is a collection of related web pages, images, videos or other digital assets that are addressed with a common domain name or IP address in an Internet Protocol-based network.
A website is hosted on a computer system known as a web server, also called an HTTP server, and these terms can also refer to the software that runs on these systems and that retrieves and delivers the web pages in response to requests from the website users. Apache is the most commonly used web server software (according to Netcraft statistics) and Microsoft's Internet Information Server (IIS) is also commonly used.
The pages of a website can usually be accessed from a simple Uniform Resource Locator (URL) called the homepage. The URLs of the pages organize them into a hierarchy, although hyperlinking between them conveys the reader's perceived site structure and guides the reader's navigation of the site.

Organized by function, a website may be

b. Web page

A webpage is a document or resource of information that is suitable for the World Wide Web and can be accessed through a web browser and displayed on a computer screen.
This information is usually in HTML or XHTML format, and may provide navigation to other webpages via hypertext links. Webpages are requested and served from web servers using Hypertext Transfer Protocol (HTTP). Webpages may consist of files of static text stored within the web server's file system (static webpages), or the web server may construct the (X)HTML for each webpage when it is requested by a browser (dynamic webpages). Client-side scripting can make webpages more responsive to user input once in the client browser.

c. Home page

The homepage is the URL or local file that automatically loads when a web browser starts or when the browser's "home" button is pressed and also known as a main page.

d. Portal

The web portal, also known as a links page, presents information from diverse sources in a unified way. Apart from the standard search engine feature, web portals offer other services such as e-mail, news, stock prices, information, databases and entertainment. Portals provide a way for enterprises to provide a consistent look and feel with access control and procedures for multiple applications and databases, which otherwise would have been different entities altogether. Examples of public web portals are MSNBC, Yahoo!, AOL, iGoogle and Netvibes

e. Blog

A blog is a type of website, usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video.
Many blogs provide commentary or news on a particular subject; others function as more personal online diaries. A typical blog combines text, images, and links to other blogs, Web pages, and other media related to its topic.

Example of Free Blog Service
- http://www.blogger.com
- http://www.wordpress.com

f. Content management system (CMS )

A Content Management System (CMS) is a collection of procedures used to manage work flow in a collaborative environment. These procedures can be manual or computer-based. The procedures are designed to:

  • Allow for a large number of people to contribute to and share stored data
  • Control access to data, based on user roles. User roles define what information each user can view or edit
  • Aid in easy storage and retrieval of data
  • Reduce repetitive duplicate input
  • Improve the ease of report writing
  • Improve communication between users

There are six main categories of CMS, with their respective domains of use:

Example of CMS :
- Joomla
- Mambo
- PhpNuke
- Xoops
- Zope

g. Learning management system (LMS)

A learning management system (LMS) is a software application for the administration, documentation, tracking, and reporting of training programs, classroom and online events, e-learning programs, and training content.(Ellis 2009)
Student self-service (e.g., self-registration on instructor-led training), training workflow (e.g., user notification, manager approval, wait-list management), the provision of on-line learning (e.g., Computer-Based Training, read & understand), on-line assessment, management of continuous professional education (CPE), collaborative learning (e.g., application sharing, discussion threads), and training resource management (e.g., instructors, facilities, equipment), are dimensions to Learning Management Systems.

Example of LMS
- Moodle
- Sakai
- Dokeos
- Claroline
- OLAT
- ATutor
- WebCT
- Blackboard

From Wikipedia, the free encyclopedia