1 / 18

AIDA SURYANI K-1 / 2009 96490

AIDA SURYANI K-1 / 2009 96490. Electronic material. Electronic material are informational resources, exercise, and activities that you create yourself which your students use on your computer as web page or CD ROOM content even in a printed form. Why To reinforce what you teach in the class

kai-hunt
Download Presentation

AIDA SURYANI K-1 / 2009 96490

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. AIDA SURYANIK-1 / 200996490

  2. Electronic material Electronic material are informational resources, exercise, and activities that you create yourself which your students use on your computer as web page or CD ROOM content even in a printed form

  3. Why To reinforce what you teach in the class for further practice To stimulate students Recycle the material created or share it

  4. Considerations for the Design of CALL Programs

  5. Pedagogy First and Technology Second When creating and developing CALL programs, it is important to remember that the element that is in control at all times should be the pedagogy, rather than technology. Pedagogy, in turn, is driven by learners' needs and learning objectives.

  6. To create a multimedia CALL program it is essential to consider: - the target audience/learners (age, cognitive ability level, learning styles, motivation of learning, familiarity with technology, etc.) - the language level of the learners - the purpose (learning objectives) of the program - the pedagogical approach - the appropriate use of technology - the learning context

  7. Computer Interactivity vs. Pedagogical Interactivity

  8. Computer Interactivity • Computers may seem powerful in many aspects, but in essence all they can do is to present materials and provide pre-determined feedback. • The true creativeness of a learning program must come from the pedagogical side. The instructional design must come before the interactive design. • Computer interactivity refers to the functionality designed for human-to-machineinteraction via computers. Such computer interactive activities include multiple choice quizzes, gap-filling/cloze, matching, drag-and-drop exercises, re-ordering and sentence reconstruction, crosswords,  clickable text and other media, mouse-over annotations, simulation games, interactive animation, automatic speech recognition (ASR), and so on.

  9. Pedagogical Interactivity • Pedagogical interactivity means that the nature and function of interactivity is determined bya learning theory or a pedagogical approach. Pedagogical interactivity is situated in the belief that knowledge is constructed through multiple types of interaction (Hillman, Willis, & Gunawardena, 1994; Moore, 1989; also see Sutton's review on Interaction): - Learner-content: interaction between content and the learner's belief and knowledge - Learner-instructor: interaction Involving feedback and guidance to the learner provided by  the instructor - Learner-learner: interaction between learners that result in clarifications and knowledge construction -Learner-interface: a function of the technology system through which learner may interact with content, instructor, or other learner

  10. d. Interestingness: • The content of the CALL program needs to be of great interest to learners in order to motivate them to learn with the program. e. Organization: • The organization of the content, such as a hierarchical way with topics and sub-topics and an associative way with word/icon links, needs to be well-structured.

  11. Visual Design Consistency:  • The placement of elements on the screen needs to be consistent from screen to screen, including the use of color, layout, capitalization, typefaces and fonts. Also, theterminology used in prompts, menus, and help screens needs to be consistent too. Good Use of Space: • Each section of content should fit onto one screen. Different parts of the information should be distinguished from one another spatially rather than through variations in color, style, or other visual treatments. Too many other treatments can clutter the screen with visual noise, which distracts from the content being presented

  12. Legibility:  • The text on the screen must be legible and readable. For legibility, avoid using elaborate typefaces on screen, and text in paragraphs should not be smaller than 12 points. For readability, lines of text should be aligned on the left (i.e. left justified), not on the right, and individual lines of text should be at least several pixels apart. Careful Use of Color:  • Color needs to be used with caution. Overuse of color makes information more difficult to read because the user slows down to think about what the color means. It is important to ensure good contrast between text and background. Dark text on light background is more preferable. Avoid the use of combinations of complementary colors (e.g. red and green, blue and orange, yellow and violet).

  13. Contrast, Repetition, Alignment, Proximity:  • Effective screen design exhibits good use of contrast, repetition, alignment, and proximity, which are four basic principles of visual design. Different elements should contrast clearly with each other, whereas common elements, like logos and navigation buttons, should be repeated. Each element on the screen should be aligned either horizontally or vertically. Related items should be placed close to each other, and unrelated items placed farther apart, because users assume that items in close proximity are related.

  14. Navigation design Navigation is a key component of a website, relating directly to its success. Also known as a button bar, website navigation is the gateway into the different sections of content, and there are some general rules to follow to design it effectively.

  15. Ease of Navigation and Recovery: • Good design prevents users as much as possible from making serious errors with the interface of the software or the website. A good program should provide easy and clear navigation and instruction for recovery if users get into trouble. Make sure navigation bar appears at the same place on every screen or every webpage.

  16. Multimedia design Multimedia Design is the art of integrating multiple forms of media. It is used in video games, information kiosks, websites and many other interactive applications. 1. High-Quality Playback Audio and video playback must be of sufficiently high technical quality. The synchronization of video with audio is more important than the quality of the video display. The quality of audio needs to be taken into account, particularly because language learners may use some listening materials as a model for their learning of speaking skills. 

  17. 2. Media File Size • The size of sound files and video files can be very large, which may result in very long download time and cause inconvenience for learners to use web-based activities using multimedia. It is better to use some sound editing software to compress large files before upload them on the web.

  18. http://webstyleguide.com/wsg3/7-page-design/3-visual-design.htmlhttp://webstyleguide.com/wsg3/7-page-design/3-visual-design.html • http://degreedirectory.org/articles/What_is_Multimedia_Design.html

More Related