Presentation is loading. Please wait.

Presentation is loading. Please wait.

© Anthony J. Nowakowski, Ph.D. Multimedia on the Web.

Published byCecil Elliott Modified over 8 years ago

Similar presentations

Presentation on theme: "© Anthony J. Nowakowski, Ph.D. Multimedia on the Web."— Presentation transcript:

1

2 © Anthony J. Nowakowski, Ph.D. Multimedia on the Web

3 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies We will look at the Web in three ways: Accessing multimedia on the Web Accessing the Web from PowerPoint Accessing PowerPoint from the Web We will look at the Web in three ways: In all cases we need to consider the connection speed.

4 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Connection Speeds POTS ISDN/DSL/Cell Satellite Cable LAN

5 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Downloaded Media Accessing from the Web

6 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Textual Media As we have already seen, you can use an HTML editor or text editor and just add the text. This is analogous to entering text in a word processor.

7 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Graphical Media As we have seen, placing graphics in a Web page is different. Graphics are NOT embedded within the page, instead they are linked from the Web page. You can use an HTML editor to generate the necessary code, or use a text editor to write the code. Note 1: as their extension implies, animated gifs are treated as graphics files – not video files! Note 2: unlike PPT where graphics are embedded in a slide, graphics are always linked in a Web page!

8 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Audio Media As with graphics, audio files are linked – not embedded. Generally, it requires a text editor to create the code, and then it may or may not work!

9 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Coding where some options are: autostart=true/false loop=true/false volume= ??% height= ?? width= ?? Unfortunately, it is not a simple as it appears!!! As we will see, the results depend on both the browser and the plug-ins/helpers that are installed on the client computers.

10 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="allison.mid" autostart=true loop=true hidden=true> IE

11 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="allison.mid" autostart=true loop=false height=15 width=100> IE

12 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="shutdown.wav" autostart=true loop=false hidden=false> IE

13 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media Just as graphics and audio files are linked, so are video/animation files. Generally, a text editor is needed to create the code, and then it may or may not work!

14 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="blowup.avi" autostart=true height=375 width=246 loop=false> IE

15 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media To the best of my knowledge, a Shockwave file (.swf) will always play in a Web page. Remember, that Camtasia Producer allows us to save a video file as a.swf file, and it generates the necessary HTML code to play it. IE

16 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Sometimes, FrontPage can be used to create a link to a video/animation file, so let’s see how. Video/Animation Media

17 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media The Shockwave player is built in to IE 6.0 or the player can be downloaded from Macromedia’s Web site.

18 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media Shockwave videos/animations can be interactive. (Remember that was a criterion in one of the multimedia definitions.)

19 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Streamed Media Accessing from the Web

20 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies We have already discussed streaming media, so let's look at examples from the Web... www.abcnews.go.com www.pbs.org/newshour/video/index.html

21 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

22 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Accessing the Web from PowerPoint

23 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You can create a hyperlink using : an action button, or a graphic. CIS 601 texttext,

24 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Accessing PowerPoint from the Web

25 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Since PowerPoint presentations are files, they are linked from the Web page. You can use an HTML editor to generate the necessary code, or use a text editor to write the code. Once again, we will look at a FrontPage example. Let’s look at the difference between linking directly to a PPT slide show and using the Save as Web Page options.

26 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional TechnologiesExcel: xxx.xls C:\My Documents\MyHTML.htm You can use Office97/98’s converters to "Save as HTML" and create Web "documents".

27 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

28 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Access: yyy.mdb Web page for each table, query, form, and report selected Web page for each table, query, form, and report selected You can use Office97/98’s converters to “Export" and create Web "documents".

29 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

30 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies One Web page for each printed page of the report.

31 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies PowerPoint: zzz.ppt subdirectory: zzz containing: 3x +15 files subdirectory: zzz containing: 3x +15 files You can use Office97/98’s converters to "Save as HTML" and create Web "documents". There is a seven step wizard to guide you through the process of customizing and creating these files.

32 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies 3 * 49 + 15 = 162

33 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Word: www.doc www.mht You can use Office2000/XP/2003’s converters to "Save as Web page" and create Web "documents". www.doc www.htm + www_files Folder

34 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

35 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

36 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Using Office2007 to convert to a Web page is slightly different and has three Save As Web page options. Word: www.doc www.mht www.doc www.htm + www_files Folder The default file type for Office2007 is now.docx, but you can still work with.doc files.

37 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies According to Microsoft, “ This feature is only recommended for experienced Web authors who are concerned about the tags that appear in their HTML files. ”

38 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

39 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Excel: xxx.xls xxx.mht You can use Office2000/XP/2003’s converters to "Save as Web page" and create Web "documents". xxx.xls xxx.htm + xxx_files Folder

40 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

41 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

42 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

43 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

44 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Using Office2007 to convert to a Web page has the same two Save As Web page options. Excel: xxx.xls xxx.htm + xxx_files Folder xxx.xls xxx.mht The default file type for Office2007 is now.xlsx, but you can still work with.xls files.

45 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

46 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

47 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Access: yyy.mdb Web page for each table, query, form, and report selected Web page for each table, query, form, and report selected You can use Office2000/XP/2003’s converters to “Export" and create Web "documents". The Web pages are identical to those already shown for Access 97.

48 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Access: Office2007 does NOT allow you to create Web “documents ”. You can “publish” them to a Microsoft SharePoint Services site, which Buffalo State does NOT have! The default file type for Office2007 is now.accdb, but you can still work with.mdb files. yyy.mdb

49 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You can use Office2000/XP/2003’s converters to "Save as Web page" and create Web "documents". PowerPoint: zzz.ppt zzz.mht zzz.ppt zzz.htm + zzz_files Folder

50 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You have several Web publishing options.

51 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies TOC Note: the original file zzz.ppt is 7,016 KB, zzz.mht is a single 12,446 KB file, and zzz.htm is a small file 3 KB that points to the remaining files in the zzz_files folder, which has 619 files and is 9,030 KB.

52 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Using Office2007 to convert to a Web page has the same two Save As Web page options. The default file type for Office2007 is now.pptx, but you can still work with.ppt files. PowerPoint: zzz.ppt zzz.mht zzz.ppt zzz.htm + zzz_files Folder

53 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You have several Web publishing options.

54 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies TOC Note: the size of the original.ppt file,.mht file, and.htm file and folder is comparible to the ones created by Office 2000/XP/2003.

55 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Additional HTML Features

56 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Forms

57 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies text box text window check box radio button action button menu others... Form Objects

58 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Frames

59 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies 1. Design frame layout 2. Determine frame attributes 3. Load frame contents Frames

60 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Where can we go from here?

61 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Programming for the Web

62 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Why do we need programming for the Web??? EDC 601 Survey

63 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Server-side vs. Client-side Web Programming

64 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Web “Languages” Markup HTML XML DHTML CSS Scripting JavaScript VBScript Programming Java perl Visual Basic C/C++

65 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

66 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

67 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

68 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

69 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

70 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

71 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

72 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

73 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

74 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

75 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

76 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

77 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

78 © Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies

Download ppt "© Anthony J. Nowakowski, Ph.D. Multimedia on the Web."

Similar presentations

PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.

PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
ACCESSING HIGHER GROUND 2010 Norman Coombs CEO EASI

ACCESSING HIGHER GROUND 2010 Norman Coombs CEO EASI
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.

XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
1 CA201 Word Application Creating Document for the Web Week # 9 By Tariq Ibn Aziz Dammam Community college.

1 CA201 Word Application Creating Document for the Web Week # 9 By Tariq Ibn Aziz Dammam Community college.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.

1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
1 Introduction to OBIEE: Learning to Access, Navigate, and Find Data in the SWIFT Data Warehouse Lesson 8: Printing and Exporting an OBIEE Analysis This.

1 Introduction to OBIEE: Learning to Access, Navigate, and Find Data in the SWIFT Data Warehouse Lesson 8: Printing and Exporting an OBIEE Analysis This.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.

Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.

XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.

© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.
Web Design Basic Concepts.

Web Design Basic Concepts.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.

ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.

© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.

E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.

Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.

Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.

Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.

Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.

Similar presentations

Ads by Google