User Interaction in Computer-based learning the bandwidth problem.

Slides:



Advertisements
Similar presentations
Applications Software
Advertisements

Giving a Presentation. Preparation Objectives Limitations Main Points Beginning Middle End Review & Revise Visuals.
Documentation Letts Study Guide Information Systems - IT Chapter 19.
1http://img.cs.man.ac.uk/stevens Interaction Models of Humans and Computers CS2352: Lecture 7 Robert Stevens
Code 2 Layers. Step 1 Using 2 Layers Step 2: There are 2 layers Using 2 Layers.
Hypermedia “The limits to learning is mostly self-imposed” Colin Rose.
Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
OF INFORMATION AND KNOWLEDGE MITE INTERACTIVE REPRESENTATIONS 6323.
Developing a Basic Web Page with HTML
Object Orientated Data Topic 5: Multimedia Technology.
Chapter 4 User Experience Model. User experience model (Ux) Visual specification of the user interface Visual specification of the user interface Both.
EED 502: UNIT A MULTI MEDIA TOUR.
E-learning Priciples. 1.Multimedia principle 2.Contiguity principle 3.Modality principle 4.Redundancy principle 5.Coherence principle 6.Personalization.
School of Computer Science & Information Technology G6DPMM - Lecture 15 Media Design III – Video & Animation.
Final Project Presentation Heath Davis 21:228 Hypertext Hypermedia Systems May 5, 2009.
Design dilemma (Clark & Mayer, e-Learning, chapter 3, pp ) VP thinks a short course should just consist of text and tells course designer: “Everything.
Centre for HCI Design INTERACT 2003 Tutorial Multimedia & the Web  Planning thematic threads through several media  Presentation layout: sequential or.
On Hardware and Software. On Hardware  Selection of proper platform for developing your multimedia is based on –Personal preference –Budget constraints.
Unit 1 – Improving Productivity Kalem Ashby. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer because.
Basic Computer Vocabulary. Browser -- Software used to navigate the Internet. BOLD -- A style of text that makes a letter or word darker and thicker to.
Visual Design Robert Munro Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,
MULTIMEDIA Is the presentation of information by a computer system using graphics, animation, sound and text.
MULTIMEDIA DEFINITION OF MULTIMEDIA
CHAPTER TEN AUTHORING.
Object Orientated Data Topic 5: Multimedia Technology.
COMPUTER PARTS AND COMPONENTS INPUT DEVICES
Website Design & Development for Learning The ICT in Schools Initiative of the Department of Education and Science Special.
Purposes for Using PowerPoint Why use PowerPoint? Does our use of technology in the classroom promote student learning? When is PowerPoint unnecessary?
Online Course Design CONTENT DEVELOPMENT Jennifer Freeman ACADEMIC ■ IMPRESSIONS.
Standard Grade Presentations & Multimedia. Presentation & Multimedia Software Allows the user to set up exciting and attractive documents which helps.
Multimedia Chapter 8. Objectives Define multimedia, hypermedia, and hypertext Discuss the origins of hypermedia and identify major contributors Explain.
Slide 1 Standard Grade Computing Multimedia and Presentation.
MULTIMEDIA BY M.EMELYA(Y5CS025). ABSTRACT TECHNOLOGY TECH+OLOGY.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
WHAT IS IT AND WHY SHOULD I CARE? 1.0.  The use of computers to present text, graphics, video, animation, and sound in an integrated way.  Text: Words,
School of something FACULTY OF OTHER Facing Complexity Using AAC in Human User Interface Design Lisa-Dionne Morris School of Mechanical Engineering
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Exploring the World of Multimedia Chapter 1. What is Multimedia? Multimedia is the integration of text, still and moving images, and sound using computer.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Multimedia in Education We are going to Learn – Role of Multimedia in Education.
Fundamentals of Graphic Communication 3.5 Accessible Design.
/33 Mayer and Clark 1. /33 Multimedia Design Principles 1.Multimedia principle 2.Contiguity principle 3.Modality principle 4.Redundancy principle 5.Coherence.
Intro to Multimedia Unit 1.
Fezile Mlungu, Materials Developer, Centre for Learning and Teaching Development Interactive multimedia: its related computer applications and emerging.
1 MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - TEXT. 2 What is Text? the basic element of most multimedia the basic element of most multimedia consisting of.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
"Multimedia".
Convolutional Coding In telecommunication, a convolutional code is a type of error- correcting code in which m-bit information symbol to be encoded is.
CMPD 434 MULTIMEDIA AUTHORING Chapter 05 Part B Multimedia Authoring Process III.
Introduction to Multimedia. What is Multimedia? Derived from the word “Multi” and “Media” Multi Many, Multiple, Media Tools that is used to represent.
Writing Accessible Electronic Documents with Microsoft® PowerPoint
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
PowerPoint. PowerPoint - Concepts TermDefinitionLocation SlideOne page of an electronic presentation. Home  New Slide Slide Layout Pre-formatted layouts.
How HTML responsiveness translates to PDF
Overview of E-Learning Authoring Software
Introduction to Multimedia
Microsoft Publisher 2010 Illustrated Introductory
Unit 3, Lesson 8 Making Presentations That Get Attention
Multimedia Presented by Winston Chim
What to Look for Mathematics Grade 1
Educational Computing
Applications Software
Multimedia Fundamentals
Systems Design Project Deliverable 3
Treatment : Media and Techniques
Multimedia (CoSc4151) Chapter One : Introduction to Multimedia
Treatment : Media and Techniques
Interactive media.
Requirements “Content Guide”
Presentation transcript:

User Interaction in Computer-based learning the bandwidth problem

Communication channels computer to learner – multi-media output devices focus on screen display learner to computer – input devices focus on mouse and keyboard

Screen display formats: text, image, animation issues: representation, focus of attention central concept: artifact of learning a minimal presentation unit which the learner must attend, perceive and interpret independently

Text artifact of learning content: vocabulary and style medium: font, size, colour, formatting constraints of medium: sentence and paragraph length, line length, page capacity focus of attention: linear along text control of attention: learner – text persists constraint of medium: identifying starting point(s)

Learning from text linear sequence of symbols (words +/-) focus of attention follows sequence but can be interrupted (look back or skip ahead; compare to audio)

Image artifact of learning representation: mapping content to image features focus of attention: displaying features so as to attract and guide attention of learner control of attention: learner – image persists

Image from content to representation zero dimensional artifacts (symbols) relational symbols ‘two and a half’ spatial dimensions

Image a one dimensional example different from text – order has meaning

attributes to map to: symbols: size, colour, shape planar dimensions: vertical position, horizontal position virtual third ‘half’ dimension: relative size, obscuring

attributes to map to: extensions to several diagrams layering – several diagrams with corresponding vertical and horizontal positions small multiples – sequences add more dimensions examples from Tufte

images: attention don’t distract – everything has meaning accompanying text explanation starting point colour, moderate complexity and ‘solidity’ attract the eye cultural biases for the ‘begin text’ position guiding path flow symbols near repetition