1 module intro

23
Interactive Media and Web Design Technology Module Introduction

Upload: rashath-mohamed

Post on 22-Jan-2018

121 views

Category:

Education


1 download

TRANSCRIPT

Page 1: 1 module intro

Interactive Media and Web Design Technology

Module Introduction

Page 2: 1 module intro

Module Code and Module Title Title of Slides

Do you know?

1. Interactive Media

A variety of media that allows the consumer to interact with the source of the message, actively receiving information and altering images, responding to questions.

2. Interactive Media Web Design

• Producing a Webpage that provides two way communication.• Uses HCI (Human Computer Interaction)

Page 3: 1 module intro

Module Code and Module Title Title of Slides Slide 2 (of 16)

Topic & Structure of The Lesson

• Learning Outcomes of the module

• Key terms of the module

• Subject to be covered

• Assessment briefing

• What are expected from you?

• Support for you

• Module Resources

Page 4: 1 module intro

Module Code and Module Title Title of Slides Slide 3 (of 16)

Learning Outcomes of The Module

• At the end of this module, YOU will be able to:

• Describe the history of the Internet, structures and the services that available from the Internet

• Write some basic Hyper Text Markup Language (HTML) tags and some samples from the Internet

• Describe the 2 categories of Scripting languages, advantages and disadvantages of both Client and Server side scripting languages

• Explain the purpose of web hosting, the differences of free and paid web hosting

Page 5: 1 module intro

Module Code and Module Title Title of Slides Slide 4 (of 16)

• At the end of this module, YOU will be able to:

• Explain the advantages and disadvantages of having an Online

Business. The requirements and some samples of it.

• State down the categories of Multimedia authoring tools based on their purposes

• Apply some multimedia authoring tools to your project

• Describe the different type of Multimedia storage available in the current

market

Learning Outcomes of The Module

Page 6: 1 module intro

Module Code and Module Title Title of Slides Slide 5 (of 16)

• At the end of this module, YOU will be able to:

• Explain the type of graphic files that have been using in both multimedia and the Internet.

• Describe some principles of HCI and Web Design

• Explain the important of using Storyboard and flowchart in developing multimedia application

Learning Outcomes of The Module

Page 7: 1 module intro

Module Code and Module Title Title of Slides Slide 6 (of 16)

Key Terms you must be able to use

Source : webopedia.com

If you have mastered this module, you should be able to use the following terms correctly in this module:

• The InternetA global network connecting millions of computers. More than 100 countries are linked into exchanges of data, news and opinions

• World Wide WebA system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML (HyperText Markup Language) that supports links to other documents, as well as graphics, audio, and video files.

• Information HighwayA popular buzzword to describe the Internet, bulletin board services, online services, and other services that enable people to obtain information from telecommunications networks.

• HTMLShort for HyperText Markup Language, the authoring language used to create documents on the World Wide Web

Page 8: 1 module intro

Module Code and Module Title Title of Slides Slide 7 (of 16)

Source : webopedia.com

• Scripting languageA high-level programming language that is interpreted by another program at runtime rather than compiled by the computer’s processor as other programming languages are.

• Hosting Services Provider (HSP) It is an application service provider dedicated to providing hosting services. Typically operates a Web server farm, either at a data center or colocation facility.

• Authoring ToolAlso known as authorware, a program that helps you write hypertext or multimedia applications.

• StorageThe capacity of a device to hold and retain data.

Key Terms you must be able to use

Page 9: 1 module intro

Module Code and Module Title Title of Slides Slide 8 (of 16)

Source : webopedia.com

• MultimediaThe use of computers to present text, graphics, video, animation, and sound in an integrated way.

• BrowsersShort for Web browser, a software application used to locate and display Web pages.

• Web ringAlso spelled "Webring," a series of Web sites linked together in a “ring” that by clicking through all of the sites in the ring the visitor will eventually come back to the originating site.

• URLAbbreviation of Uniform Resource Locator, the global address of documents and other resources on the World Wide Web

Key Terms you must be able to use

Page 10: 1 module intro

Module Code and Module Title Title of Slides Slide 9 (of 16)

Subject to be Covered

The following are the Subjects to be covered in this module :

•The Internet & World Wide Web

•Introduction to HTML

•Scripting languages

•Hosting & Internet Service Providers

•Business Implications of The Internet

•Introduction to multimedia authoring principles and paradigms

•Development tools

Page 11: 1 module intro

Module Code and Module Title Title of Slides Slide 10 (of 16)

The following are the Subjects to be covered in this module :

•Storage for Multimedia

•Web Graphics

•Web Human Computer Interaction

•Storyboards & Flowcharts

Subject to be Covered

Page 12: 1 module intro

Module Code and Module Title Title of Slides Slide 11 (of 16)

Module Assessment

Assessment components

• Assignment 100%

Page 13: 1 module intro

Module Code and Module Title Title of Slides

PROGRESS REPORT FORMAT

Page 14: 1 module intro

Module Code and Module Title Title of Slides

Weekly Progress Report

Project Title :

Week No :

Group Members:

Student 1: Student 2: Student 3:

1. Summary of work done for this week

2. Attachments (Print screen of websites)

3. Research (Links from journals or other websites)

Page 15: 1 module intro

Module Code and Module Title Title of Slides

Example of WORKLOAD MATRICS

* To be included as attachment in the group assignment.

Page 16: 1 module intro

Module Code and Module Title Title of Slides

Page 17: 1 module intro

Module Code and Module Title Title of Slides Slide 12 (of 16)

• Student participation in class

• Group Discussion• Presentation• Quiz• Research

• Advice of Study Strategies & Skills

What are Expected From You

Page 18: 1 module intro

Module Code and Module Title Title of Slides Slide 13 (of 16)

• Consultation hours • Webspace.apiit.edu.my

• Email• [email protected]

• Resources• Online Courseware Community

• Send early email to book for consultation. Also state the time and date in the email.

What Support is Available for You

Page 19: 1 module intro

Module Code and Module Title Title of Slides Slide 14 (of 16)

Main Reference• Multimedia: Computing, Communication & Application,

Ralf Steinmentz and Klara Nahrstedt, 1995, Prentice Hall (ISBN: 0-13-324435-0)

Additional References• Multimedia-based Instructional Design: Computer-based Training; Web-

based Training, Distance Broadcast Training, Performance-based Solution, William Lee, Diana L.Owens, Pfeiffer & Company, 2004 (ISBN: 0787970697)

• Interactive Design for New Media and the Web, Nicholas V.Iuppa,Elsevier Science & Technology Book, 2001 (ISBN: 0240804147)

Module Resources

Page 20: 1 module intro

Module Code and Module Title Title of Slides

Important !

Software to be used during LAB sections:

Webpage Development :

• Microsoft Web Expression

Animation Development:

• Adobe Flash

Page 21: 1 module intro

Module Code and Module Title Title of Slides

Use these softwares for the module assignment

Web Page Development:

Microsoft Web Expression

OR

Adobe Dreamweaver

Animation Development:

Adobe FLASH

Updated by: GAYATRI Last Modified on : 28/5/2012

Page 22: 1 module intro

Module Code and Module Title Title of Slides Slide 16 (of 16)

Next Session Topics

The topics that we are going to cover for the next session are as the following :

The Internet & World Wide Web

•Architecture of the Internet

•What is the World Wide Web (WWW) ?

•Information Super Highway

•History of the Internet

Please do some research on the above topics on the Internet and Library before our next session start.

Page 23: 1 module intro

Module Code and Module Title Title of Slides Slide 15 (of 16)

Q & A

Question and Answer Session