Vrasidas C.(2002) Systematic approach for designing hypermedia environments for teaching and learning International Journal of Instructional Media.

Slides:



Advertisements
Similar presentations
SDSUs Tech T-UNU-P Web-Based Solutions Technology in the Classroom Technology in Distance Education.
Advertisements

Towards Adaptive Web-Based Learning Systems Katerina Georgouli, MSc, PhD Associate Professor T.E.I. of Athens Dept. of Informatics Tempus.
An Introduction to Instructional Design Online Learning Institute Mary Ellen Bornak Instructional Designer Bucks County Community College.
TANYA NOLAN MED, RT(R), RDMS Balancing Literacy. Learning Objectives Evaluate the differences between content and processes. Evaluate what is involved.
Chapter 11 Designing Effective Output Systems Analysis and Design Kendall & Kendall Sixth Edition © 2005 Pearson Prentice Hall.
Hypermedia “The limits to learning is mostly self-imposed” Colin Rose.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
MULTIMEDIA Programming
Designing and Developing Interactive Multimedia EDCI 663 Educational Technology Purdue University.
Multimedia e-learning design After analysis (audience, needs, goals, content, resource requirements and schedule), you are ready for design But don’t skimp.
MULTIMEDIA SYSTEM.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Top Ten Tips for Effective Online Course Design Presented by Paula Paul, District Technology Coordinator for Concordia Parish
SECTION ONE: PEDAGOGICAL ISSUES Let us start our discussion here by posing two related questions as follows. First, does the literature tell us that a.
Chapter 15 Designing Effective Output
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Lesson 23 Understanding Multimedia. This lesson includes the following sections: Multimedia, Interactivity, and New Media Information in Layers and Dimensions.
Distance Delivered Courses and the University Professor Mark Hawkes, Dakota State University July 15, 2003 Nova Southeastern University... “Trends and.
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
Chapter 5 Teaching with Software Tools: Beyond the Basic Programs
LISA HOLMES INSTRUCTIONAL DESIGN. The process of creating an effective learning experience that takes into consideration: what needs to be learned what.
Instructional System Design
ADDIE Instructional Design Model
Experiences and requirements in teacher professional development: Understanding teacher change Sylvia Linan-Thompson, Ph.D. The University of Texas at.
Teaching with Multimedia and Hypermedia
Methods For Web Page Design 6. Methods Why use one? What it covers –Possibly all stages Feasibility Analysis Design Implementation Testing –Maybe just.
Section 15.1 Identify Webmastering tasks Identify Web server maintenance techniques Describe the importance of backups Section 15.2 Identify guidelines.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
Web Site Design Principles
Final Project Presentation Heath Davis 21:228 Hypertext Hypermedia Systems May 5, 2009.
Universally Designed Syllabi Kirsten Behling, MA Suffolk University.
Tastle, W., White, B., Shackleton, P.(2005) E-Learning in higher education: the challenge, effort, and return on investment International Journal on ELearning,4(2),
COM 205 MULTIMEDIA APPLICATIONS St. Joseph’s College Fall 2004.
CHAPTER TWO THE MAKING OF MULTIMEDIA: AND MULTIMEDIA DEVELOPMENT TEAM
CEIT 225 Instructional Design Assoc. Prof. Dr. Kürşat Çağıltay
Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.
MULTIMEDIA DEFINITION OF MULTIMEDIA
 Multi (Latin): Many/Much  Media (Latin): An intervening substance through which something is transmitted on.
By: Catherine Mendoza. Evaluate Implement Develop Analyze Design.
Best Practices for Higher Education and K-12 Distance Education Programs Aubrey D. Crook, M.Ed. © 2006.
Introduction to Multimedia Review 1 - Lecture Notes Semester 1.
Copyright 2006 John Wiley & Sons, Inc. Chapter 1 - Introduction HCI: Designing Effective Organizational Systems Dov Te’eni Jane Carey Ping Zhang.
MAKING THE SHIFT: FROM CLASSROOM TO ONLINE COURSE DESIGN
Welcome Hello, my name is Roshel Salvador. I teach Grade 3 at Meadows West School in Winnipeg, Manitoba, Canada. I have created an interactive web-based.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Eric J. Fox Effective Oral Presentations: Lessons from Instructional Design.
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
Multimedia.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Review assessment two and three Design and develop an interactive, multimedia application to meet the documented requirements of an identified client.
E-Learning: components of e-learning Mohammed Hassan 1.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
Learning Management System. Introduction Software application or Web-based technology used to plan, implement, and assess a specific learning process.
Structuring and Managing Online Learning Environments.
Allison Wurgler, Erin Steinberg, and Anna Kvidt.  Digital storytelling is the practice of combining narrative with digital content, including images,
Chapter 11 Designing Effective Output
Multimedia Presented by Winston Chim
Instructional Design Gibran Carter.
P SET-Up: Sit and organize materials. HPT
Website Procedures Basic Concepts.
Multimedia e-learning design
Teaching With Multimedia and Hypermedia Tools İrem Sak
COM 205 MULTIMEDIA APPLICATIONS
Guidelines for Selecting Computer Software
Lesson 23 Understanding Multimedia.
Chapter 2 Web Site Design Principles
Introduction to Multimedia
Lesson 23 Understanding Multimedia.
Presentation transcript:

Vrasidas C.(2002) Systematic approach for designing hypermedia environments for teaching and learning International Journal of Instructional Media. New York: 2002. Vol. 29, Iss. 1 指導教授:陳明溥 研 究 生:張庭禎

Abstract This Article discusses distance education, online courses Consideration of designing online learning environments systems approach to developing hypermedia to be used as part of courses and learning environments

TECHNOLOGY AND DISTANCE EDUCATION most frequent uses of advanced telecommunication technologies is for the delivery of online courses and degree programs Educational institutions are encouraging, requiring, teachers and faculty to develop online courses The line between distance and traditional education is becoming more blurred Most university courses in the U.S. make some use of the Internet to provide an online syllabus, online readings, establish a discussion list

DESIGNING THE ONLINE COURSE The important factors in any instructional environment are the strategies employed, and the overall design of instruction Online courses need to follow an instructional design model that is grounded on theory and research selection of online and off-line activities, decisions with regards to how much of the content will be online and when the learner will be referred to other resources (readings, videos, CD-ROMS, other WWW sites, etc.), to promoting participation and interaction in the course, designing the syllabus, and facilitating online discussions

HYPERTEXT AND HYPERMEDIA The major components of any hypertext document are the nodes and links. Nodes are the primary elements of information the links tie the nodes together The size of the nodes can range from a word, a sentence, or a paragraph of text, to a combination of images, sound, video, and to a larger amount of information. Links associate the nodes with regards to their semantic relationships

HYPERTEXT AND HYPERMEDIA The difference between a hypertext and hypermedia system is that – hypertext the nodes consist of text,. hypermedia the nodes might consist of multiple media such as text, images, sounds, animations, and movies.

HYPERMEDIA ATTRIBUTES, MEMORY, AND LEARNING Jonassen argued that Schema are to memory as nodes are to hypertext. They are the building blocks of memory and hypertext. Hypertext resembles memory When learners use a hypermedia system they can access information in a nonlinear fashion

HYPERMEDIA ATTRIBUTES, MEMORY, AND LEARNING

Guidelines for the design of Educational Hypermedia Systems Allow users to access information in any order they want. Layer the information in a meaningful way Keep learners informed on how much progress they are making, and where they are located at every moment Allow users to backtrack and return to any section of the system they want. Provide cues that indicate a choice they made was entered in the program Use concept maps and advance organizers to facilitate the conceptualization of the structure of the information. Organize information in small manageable pieces and present information from multiple perspectives. Situate information in authentic realistic contexts. Provide a well structured help section to reduce problems of getting lost in the system

guidelines for the interface design Keep it clean, readable, simple, user-friendly, and provide ample white space. Place the information on the screen in a consistent manner Navigation tools should be consistent with regards to their location on the screen Have in mind that due to limited bandwidth, high-resolution images, sounds, and videos take a long time to load and play on the Web Use colors and graphics that do not distract from the content. Provide cues that mark the places the user has already visited.

A SYSTEMS APPROACH TO HYPERMEDIA DEVELOPMENT PHASE I Goal development Audience and learner analysis Needs assessment Limitations Content analysis Task analysis Identifying objectives

A SYSTEMS APPROACH TO HYPERMEDIA DEVELOPMENT PHASE 2 Develop evaluation component Strategies and interactivity Design An effective project should include a flowchart that illustrates the structure of the system and the semantic relationships between the subtopics. Very often the user can get lost in the hypermedia system, which can result in frustration. Concept maps can be used and be accessible to the user throughout the system User interface Collection of material and production of prototype

A SYSTEMS APPROACH TO HYPERMEDIA DEVELOPMENT PHASE 3 Formative evaluation Implementation Summative evaluation

CONCLUSION Hypermedia systems are valuable educational tools because they provide easy and nonlinear access to large amounts of information The systematic process that was briefly described and the important stages during this process are the structuring of the information, design of navigation, and design of the user interface. Regardless of the medium and the technology employed, a systematic approach to designing and integrating hypermedia in teaching and learning can improve the effectiveness and efficiency of instruction