User:Vtaylor/CIS 89A HTML and CSS/CIS89A - Multimedia

Sound, light & magic 	- Multimedia
 * One of the great benefits of the web and the internet has been the virtually unlimited availability of content, specifically images, audio and video.

Learning outcomes
 * understand the benefits and limitations of media on the web
 * include appropriate media to enhance content
 * understand how plug-ins are used with web browsers
 * link to different types of media
 * embed different types of media into a web page
 * style multimedia content

Keywords
 * image, audio, video, closed caption, transcript, plug-in, attributes, source, container

Study notes
 * What are the common media file formats that are used on the web?
 * How are the media formats accessed from a web page?

== ==
 * Wendy Willard - Chapter 9. Working with Multimedia
 * HTML Dog HTML Beginner Tutorial
 * Visual Quickstart - 17. Video, Audio, and Other Multimedia
 * HTML5 Introduction and HTML5 video tutorials

Multimedia
 * WebMaker - Popcorn tutorial

== Assignments==

Assignment file name and required elements
 * cis89media1 - href, audio, source, controls, width, object, volume


 * 1) Review the Keywords and Study questions at the top of this page. These will help you look for important ideas in the rest of assignments for this module.


 * 1) Read  Chapter 9. Working with Multimedia in the textbook.

Review the selections of 2 others.
 * 1) Educational videos - There are thousands of great educational videos on the web. TEDTalks YouTube education and TeacherTube series are the best know sources but there are many others. Find an example of a educational video. In the Educational videos discussion, post a link to the video you selected and a brief description. Be sure to include the length of the video in minutes:seconds.


 * 1) Media to go - Mobile apps are available for viewing as well as creating images and video. There are lots of podcasts and audio apps. Vine videos are created with their mobile app and limits videos to 6 seconds. This is just one example of mobile media.  How much do you use mobile apps for viewing images and video? Listening to podcasts? Post a short note about mobile media resources, examples and your comments to Media to go discussion. Review 2 others.

Review the work of 2 others.
 * 1) Test drive - Popcorn - Use the WebMaker tool Popcorn to create your own animation or multimedia extravaganza. Follow the steps outlined in the Popcorn tutorial. Then create or remix something of your own. Save your work and post a link to your Popcorn file in the Popcorn Multimedia Remix discussion, along with a brief description of the process. Did you have any difficulty understanding the tutorial or how Popcorn works? Where did you get the music, images and video that you used? Have you used other multimedia creation tools? How does Popcorn compare?


 * 1) HTML5 - The HTML standard has been evolving to meet the demands of viewers and web developers to make use of new technologies as they become available. HTML5 is the most recent update. There are a number of new features and several modifications that are applicable to multimedia on the web. Review HTML5 Introduction and HTML5 video tutorials. What are some of the big changes? Why are these important to you as a web developer? Post a brief comment to the HTML5 updates discussion.


 * 1) Web Literacy - In the Building description, review the skills associated with   Design & accessibility - Creating universally effective communications through Web resources; and  Coding/scripting - Creating interactive experiences on the Web.  How are you doing? Do you have these skills? How do you get them? Why are these particular skills important? In the WebLiteracy - Building discussion, post a brief status report about your understanding and skills in the Design & accessibility and Coding/scripting areas.


 * 1) Use it - Learning Literacies address all the demands of being a lifelong learner in a world were so much of what we do makes use of technologies. We will be looking at six topics that cover a wide range of technologies and their application to education and personal growth. We are starting with Use it - thinking about how technologies are woven into daily living. Review one of the articles in the Use it - media selections. What are your thoughts about the general topic. Would these suggestions work for you? Why? Post a link and a brief summary of the article you selected to the Learning Literacies - Use it discussion. Review 2 others.


 * 1)  Multimedia - In a new  Thimble file, use the assignment elements, attributes and properties to include and play audio and video selections. Find examples of videos and sound files that are licensed through the Creative Commons so that you can include them in your web page. Have you worked out how to embed the media file? Did you make the viewer controls visible to the visitor? Use all the elements, attributes and properties within your page. Include some descriptive information so the viewer knows what is being demonstrated within your page. Also, use comments in your HTML code to indicate what you are doing. Save your HTML file as cis89media1.
 * 2) Submit the full name of your assignment file to the  Multimedia  assignment.
 * 3) Post a link to your assignment file and any comments or questions about the assignment to the  Multimedia  discussion.


 * 1) Preview on Mobile devices - Use ipadpeek.com to view your page. Copy the link to your page and paste it into the "mobile browser" to see what your page will look like on an iPad, iPhone or iPod. Or you can download a viewer, for example Mobilizer or one of the others preview apps or web sites. What do you think? Have you created a good viewing experience for someone using a mobile device to access your page? How important is it to accommodate mobile users? What could you do differently to improve mobile viewing? Post your comments and suggestions to the Mobile devices preview discussion. If you used a different viewer, please include a link and comments. Review 2 others.


 * 1) Weeks 1-6 Midterm Review - This is about the middle of the course. We have covered a lot in a relatively short time. Now stop for a few minutes and think about the CIS89A HTML and CSS course so far. In the first 6 weeks of the course, what was one pleasant surprise? What is one question that didn't get answered?  Submit your comments and questions as the Weeks 1-6 Midterm Review assignment.