Digital Multimedia Design

Size: px

Start display at page:

Download "Digital Multimedia Design"

Alison Claire Byrd
5 years ago
Views:

1 Elizabethtown Area School District Digital Multimedia Design Course Number: 769 Length of Course: 1 semester Grade Level: Elective Total Clock Hours: 120 hours Length of Period: 80 minutes Date Written: January 12, 2011 Periods per Week/Cycle: 5 periods/blocks Written By: Mr. Kenneth Boland Credits (if app): 1 credit Weighting: 1.0 Course Description: This course covers topics that utilize contemporary methods for digitally designing multimedia. Students will learn how to digitally create multimedia and prepare it for various end products including print, web, and laser engraving. Topics will include digital camera function, image capturing techniques, digital image editing, 2D computer animation, flash video creation, XHTML, Web 2.0 tools, and webpage design. Students will have the opportunity to apply and demonstrate proficiency in concepts learned in class by engaging in projects and activities to give them experience in designing and utilizing various forms of media to solve real world problems. Each student exits the course with an interactive digital portfolio of his or her work. Lab Fee: $10.00 Digital Multimedia Design 1

2 I. Overall Course/Grade Level Standards Students will KNOW and be able TO DO the following as a result of taking this course. A) Describe the parts and function of traditional and digital cameras through the understanding of the chemical and electronic processes involved. B) Explain and illustrate how cameras, multimedia, and the Internet have developed overtime as a result of several factors including the strength of the economy, the goals of the corporate sector, and the latest fads. C) Utilize digital cameras, removable memory, and computer technology to capture, import, and edit digital images for a variety of end purposes including digital presentations, traditional and upcoming physical products, and website design. D) Compare and contrast different file types and quality settings when using digital images for digital presentations and physical products. E) Evaluate image editing software as a means of manipulating and preparing digital images for a variety of end products. F) Utilize HTML and CSS code to create websites that have multiple pages linked together by following the W3C Standards for valid webpage design. G) Troubleshoot errors in HTML and CSS code by testing local files in multiple web browsers and using a page validation service. H) Create and optimize images and graphics for use in websites while considering the appropriate file type for use on the Internet. I) Organize and maintain an appropriate file structure and naming system for folders and files that would be uploaded to a web server for display of a website on the Internet. J) Compare and contrast the design and layout of modern websites in order to gain an understanding of current trends in website design. K) Utilize 2D animation software to create an animated video that consists of multiple scenes in a sequential order. Digital Multimedia Design 2

3 L) Compare and contrast the use of keyframes and tweening to create animated content. M) Describe the concept of interpolation and how it makes modern animation possible. N) Demonstrate how to export and convert video files for a variety of end purposes including on-screen display, removable media (i.e. DVD / Blu-ray), and website design. O) Utilize WYSIWYG website design software to create websites that have multiple pages linked together by following the W3C Standards for valid webpage design. P) Compare and contrast WYSIWYG website design and writing HTML code as a means of creating and developing websites. Q) Experiment with and evaluate modern Web 2.0 tools that can be used for creating Internet based multimedia. Digital Multimedia Design 3

4 II. Content Major Areas of Study List all units of study below: Unit Estimated Materials Time 1. Digital Imaging for Digital Presentations 4 weeks Digital Cameras, Removable Media, Media Readers, Computer Station, Application Software 2. Digital Imaging for Physical Products 4 weeks Digital Cameras, Removable Media, Media Readers, Computer Station, Application Software, Output devices including printers and laser engraving technology 3. HTML Website Design 4 weeks Computer Station, Application Software, Internet Access 4. 2D Animation 3 weeks Computer Station, Application Software, blank DVD s (or other removable media) 5. Website Design and Development 3 weeks Computer Station, Application Software Digital Multimedia Design 4

5 Name of Course: Digital Multimedia Design Name of Unit: Digital Imaging for Digital Presentations Essential Question: How is the process of digital imaging from capture to final output used to create digital presentations? Unit Objectives/Key Question 1. How does a traditional camera manipulate beams of light into a real image? 2. How does a digital camera manipulate beams of light into a real image? 3. Explain the processes that must occur in order to get an image on a computer when using both traditional and digital cameras. 4. What various editing techniques are used to prepare digital images for digital presentations? 5. How are images resized using pixels per inch settings? 6. How have cameras and camera technology evolved over time? Why has camera technology evolved? 7. Analyze the different file types that should be used for digital presentations. 8. Why is it important to edit images for use in digital presentations? 9. Why do some end products require very specific image editing techniques to be used? 10. Evaluate the positives and negatives of image editing software. 11. Evaluate Web 2.0 image editing tools that can be used as an alternative to industry standard software. Priority Aligned to Course Standard Aligned to PA Standard E A B E A1 E A B E A1 E A E4 E B E D B B3 E D E4 I E B1 C E, Q E4 Digital Multimedia Design 5

6 Name of Course: Digital Multimedia Design Name of Unit: Digital Imaging for Physical Products Essential Question: How is the process of digital imaging from capture to final output used to create physical products? Unit Objectives/Key Question 1. Analyze the different file types that should be used for physical products. 2. Why is it important to edit images for use in physical products? 3. Why do some end processes and products require very specific image editing techniques to be used before final output? 4. How are images resized using standard units of measure? 5. Why is it important to use standard units of measure when resizing images for physical products? 6. Explain the term resolution and why it is an important factor in preparing images for various end products. 7. Compare and contrast images that are set to a variety of different resolution settings. 8. Explain the positives and negatives of image editing software that is used for manipulating images prior to final output as a physical product. 9. Explain how computers and image editing software resample images when size and resolution adjustments are made. 10. Analyze how digital imaging technology has evolved in order to produce a wide array of different physical products that currently exist in society. 11. Make predications about how digital imaging technology will evolve in the future. Priority Aligned to Course Standard Aligned to PA Standard E D E C C3 E B, E E B1 I E E4 C B E E B1 C B E E B1 Digital Multimedia Design 6

7 Name of Course: Digital Multimedia Design Name of Unit: HTML Website Design Essential Question: How is HTML, XHTML, and CSS language used to create, style, and display content on the World Wide Web? Unit Objectives/Key Question Priority Aligned to Course Standard Aligned to PA Standard 1. Explain the W3C and their standards for web design. E F, O E D2 2. Why is it important to follow the W3C standards for web design and how are web pages validated by the W3C? E F, O E D2 3. What HTML tags are used to layout and create a web page? E F E4 4. How are web pages linked together using HTML language to form a website? E F E4 5. Explain how internal and external style sheets are used to control the appearance of a web page. E F E4 6. What does it mean to optimize images and graphics for use in web pages? E H E4 7. How are images optimized for use in web pages? E H E4 8. How are images and graphics created for use in web pages? E H E4 9. What image file types are the most commonly used and supported by popular web browsers? E H E4 10. Why is an organized file structure essential for the successful function and appearance of a website? E I E4 11. Why is a file-naming system important to establish for files used in a website? 12. How can errors in HTML and CSS code be discovered and fixed in order to assure proper function of a website in a variety of web browsers? 13. How are modern websites designed and what HTML / CSS code is used to display and style content in those websites? E I E4 E G E D2 I J E B3 14. Analyze modern websites to discover the current I J E4 Digital Multimedia Design 7

8 trends in website design. 15. Explain the evolution of the Internet throughout history. 16. Evaluate the positives and negatives of using HTML and CSS language for the layout and design of websites B3 C B E A D B4 C P E B1 Digital Multimedia Design 8

9 Name of Course: Digital Multimedia Design Name of Unit: 2D Animation Essential Question: How is animated content created using modern computer technology and software programs? Unit Objectives/Key Question Priority Aligned to Course Standard Aligned to PA Standard 1. What are storyboards and how are they used to develop a plan for animated content? E K E4 2. Why should scenes be used for animated content? E K E4 3. How does a computer and animation software aide in the development of animated content? E K, L E B D3 4. What are keyframes and how can they be used to animate content? E L E4 5. What is tweening and how can it be used to E L E4 animate content? 6. Explain the positives and negatives of using keyframes and tweening for creating animated content. 7. Explain interpolation and how it makes modern animation possible. 8. Evaluate how effective computer interpolation is at achieving the desired results for animated content. 9. Explain the various file formats that are used to create, export, and upload animated content and videos. 10. What video file formats should be used for website design? 11. How can file size be controlled when exporting and converting video files? 12. How can animated content be made interactive as opposed to visual? 13. Evaluate Web 2.0 animation tools that can be used to create simple animations and widgets. E L, M E B1 E M E D3 E M E B4 E N E4 E N E A1 I N E D2 C K E4 C Q E4 Digital Multimedia Design 9

10 Digital Multimedia Design B B1

11 Name of Course: Digital Multimedia Design Name of Unit: Website Design & Development Essential Question: How are websites designed and developed using modern computer technology and software? Unit Objectives/Key Question Priority Aligned to Course Standard Aligned to PA Standard 1. What is WYSIWYG website design software? E O E4 2. How is WYSIWYG website design software capable of producing web pages? E O E4 3. What are the positives and negatives of using WYSIWYG website design software? 4. Explain why it is important to understand HTML language even when there is WYSIWYG website design software. 5. Compare and contrast WYSIWYG website design software and writing HTML language for creating websites. 6. How can WYSIWYG website design software be used to plan and create an entire website as opposed to individual pages? 7. Explain how to layout a webpage using both tables and CSS language. 8. After a website is designed, how is it launched and maintained so it can be accessed on the Internet? 9. What is Javascript language, and what kinds of content can be created using it? 10. What are forms, and how can they be created and used in order to collect data from the end user? 11. What is accessibility and why is it important in modern website design? B4 E O, P E B1 E P E D C3 E P E B1 E O E D3 E O E C3 I O E4 C O E4 C O E A1 I O E4 Digital Multimedia Design 11

12 III. Course Assessments Check types of assessments to be used in the teaching of the course and provide examples of each type. Objective Tests/Quizzes Constructed Responses Essays Reports Projects Portfolios Presentations Performance Tasks Group Discussions Response Journals Logs Computer Simulations Research Papers Class Participation Note Taking Daily Assignments Writing Samples Questioning Techniques Provide copies of common assessments that will be utilized for all students taking this course. Overall course/grade level standards will be measured by a common course assessment. Unit objectives will be measured on an ongoing basis as needed by the classroom teacher to assess learning and plan for instruction. List common assessments below and recommend date/time frame for administration (at least quarterly). Name of Common Assessment When given? 1. Pretest Beginning of unit 2. Unit Tests End of unit 3. Quizzes During each unit 4. Projects Each unit 5. Final Exam End of semester Digital Multimedia Design 12

13 IV. Expected levels of achievement Current grading scale A B C D 64-below F PA Proficiency Levels Advanced Proficient Basic Below Basic The following scoring documents have been developed for this course: Digital Multimedia Design 13

14 HTML Website Project Grading Rubric Category / Score (x 5) Homepage The homepage includes an exceptional overview of the website, a title for the site, and navigational buttons that all work properly. The homepage includes a good overview of the website, a title for the site, and navigation that works properly. The homepage includes an incomplete overview of the website. The title is not formatted beyond default characteristics. There are minor issues with navigation. The homepage is missing a large amount of content. There is no title. Navigation does not work properly. Category / Score (x 5) Linked Pages (Pages about 3 subjects) Linked pages have titles and contain high quality and quantity information about the 3 subjects. Navigation allows access to every page from every page. Linked pages have titles and contain good quality and quantity information about the 3 subjects. Only 1-2 minor issues with navigation between pages. Linked pages have minimal information or poor quality information. Titles are in default text format. There are several errors with navigation between pages. Linked pages have large amounts of content missing. There are no titles. Navigation is missing on some or all pages. Category / Score (x 5) Table A 4 th linked page includes a table that is formatted using CSS and has organized points of comparison between the 3 subjects. A 4 th linked page includes a table that is in default format. There could be more points of comparison included. A table is included in default format, but is not in a separate page. There is a minimal amount of information included in the table. An attempt has been made to insert a table into the site, but it is not coded or formatted properly. Category / Score (x 5) External Style Sheet An external style sheet is used to format: body, headings, paragraphs, and hyperlinks. Some advanced CSS has been attempted. An external style sheet is used to format: body, headings, paragraphs, and hyperlinks. CSS is used but not in an external style sheet. There is minimal formatting completed using CSS. An attempt has been made to create an external style sheet, but there are several errors in the page. Category / Score (x 5) Images Images are resized and optimized appropriately and include proper citation. At least 6 different images are used throughout the website. Images are resized and optimized appropriately and include proper citation. 4-5 different images are used throughout the website. Images are resized and optimized appropriately and include proper citation. Less than 4 different images are used throughout the website. Images are not resized or optimized appropriately. Images are either too small or too large in size. Page download time is negatively affected. Category / Score (x 5) Overall Site Design TOTAL: 120 pts. The site is highly professional, creative, and organized. The site is good, but could include more creativity and/or organization. The site has issues with professionalism or is lacking creativity or organization. Some content leaves the site unprofessional. There is little consideration for creativity/organization. Digital Multimedia Design 14

Digital 3D Animation

Elizabethtown Area School District Digital 3D Animation Course Number: 753 Length of Course: 1 semester 18 weeks Grade Level: 11-12 Elective Total Clock Hours: 120 hours Length of Period: 80 minutes Date