Multimedia I - Design and Development

Credit: 1.00
Course Preface
Core Code: 35-02-00-00-010
Printable Version: Multimedia I - Design and Development (pdf)

Course Description
Interactive Media is the process of planning, instructional design, and development. Interactive Media I - Design and Development is the first-year interactive media course where students will create and learn using elements of text, graphics, animation, sound, video, and digital imaging to create interactive computer applications to be delivered on CD-ROM, Internet or other media. These skills will prepare students for entry-level multimedia positions and will provide fundamental interactive media understandings and skills beneficial for other occupational/educational endeavors. Prerequisite: Keyboarding Proficiency and Computer Technology (Computer Literacy)

Core Standards of the Course

Standard 01
Career Opportunities (Semester 1A)
Students will develop an awareness of interactive media career opportunities.

• Identify personal interests and abilities related to interactive media careers
• Identify personal creative talents
• Identify technical talents (i.e. programming, problem solving, algorithmic thinking, and so forth)
• Identify organizational and leadership skills
• Explore aptitude for innovation and creativity
• Determine aptitude for working as a member of a interactive media team (focus on collaboration)
• Identify interactive media career fields
• Graphic Artist
• Programmer
• Digital media Designer/Developer
• SME
• Media/Instructional Designer
• Web Designer/Specialist
• Investigate career and training opportunities, trends, and requirements (i.e. certifications)
• Identify the members of a interactive media team: graphic/commercial artist, project manager, technical writer, application programmer, video and sound specialist, and subject matter expert, instructional designers, art director, copy-writer, and so forth)
• Describe work performed by each member of the interactive media team
• Investigate trends associated with interactive media careers
• Develop a realistic Student Education Occupation Plan (SEOP) to help guide further educational pursuits
• Identify factors for employability and advancement in interactive media careers (i.e. professional developments)
• Survey and research existing interactive media businesses to determine what training is required
• Survey and research universities and colleges to determine available training
• Develop employability competencies/characteristics: responsibility, dependability, ethics, respect, and cooperation
• Exhibit high standards of personal performance with a positive work ethic and attitude

Standard 02
Interactive Media Computer Functions (Semester 1A)
Students will demonstrate the ability to perform common interactive media computer functions on a standard platform (PC, Mac, Linux).

• Utilize the Clipboard
• Utilize shortcut keys and quick-stroke commands where applicable in software applications and OS to improve performance.
• Convert and compress files using appropriate codec
• Back up files
• File Size
• Assess management, creating folders, naming conventions, etc.

Standard 03
Visual Design Concepts (Semester 1A)
Students will recognize and apply effective visual design concepts

• Shape Form (Shape is 2D and Form is 3D)
• Line
• Value (contrast)
• Texture
• Size
• Space (positive and negative)
• Color
• Emphasis
• Balance/Alignment
• Unity
• Rhythm

• Properties (Hue, saturation, value)
• Color Schemes (complimentary, analogous, triadic, monochromatic)
• Symbolism/Emotion (warm, cool colors. What do different colors mean in different cultures?)
• Color depth/palettes (dithering)
• Color modes (RGB, CMYK, Grayscale)

• Mergers, simplicity, leading lines, rule-of-thirds, point-of-view, field-of-view, and framing
• Resolution
• Anti-aliasing
• Lighting

Standard 04
Text (Semester 1A)
Text -- Students will effectively use text

• Font (typeface/families, style/attributes, size)
• Typeface Design (serif, sans-serif, decorative)
• Text Layout Techniques (leading, kerning, alignment, tracking, readability)
• Trends (past, present, and future)

• Font (typeface/families, style/attributes, size)
• Typeface Design (serif, sans-serif, decorative/other)
• Text Layout Techniques (leading, kerning, tracking, alignment symmetric and asymmetric)

• Spelling and Grammar
• Organization (Headings, indents, bullets, interface, navigation, etc.)

Standard 05
2D Graphics (Semester 1A)
Students will produce 2D graphics.

• Identify graphic formats and their appropriate use (e.g., JPG, GIF, TIF, BMP, PSD, PNG, PDF, EPS, etc.)
• Acquiring image assets (scanning, digital camera, internet search, stock sources, etc)
• Create images using a digital camera using appropriate settings
• Use appropriate visual design and image composition techniques
• Export/import images for project requirements (compression, resolution)
• Use the following techniques to effectively enhance an image
• Crop
• Resize
• Straighten Image
• Use Layers
• Adjust color, contrast
• Mask
• Selections
• Transform
• Restore Images
• Apply Filters and Effects
• Create Gradients
• Apply Transparency
• Utilize Color selection techniques
• Use Painting and drawing tools
• Others – This is not a comprehensive list

• Identify graphic formats and their appropriate use (e.g., PDF, AI, SWF, PNG, EPS, etc.)
• Convert images from bitmap to vector and vice versa
• Export/import images for project requirements (compression, resolution)
• Use drawing tools to create and manipulate Paths (lines and Bezier Curves) using Anchor points, direction handles
• Apply Stroke and Fill (solid and gradient)
• Select using appropriate tools
• Group and ungroup objects
• Apply Styles and Effects
• Transform objects
• Create Layers
• Apply transparency
• Utilize Text Tools
• Others – This is not a comprehensive list

Standard 06
Planning, Design, & Development (Semester 1B)
Students will demonstrate proper planning and design by utilizing an instructional design model such as ADDIE, Adobe Professional Design, Rapid Deployment Model, and so forth in the development of interactive media projects.

• Analyze -- gather and process contextual information affecting the goals, structure, purpose, content, audience, and design of a project.
• Design-- plan the general look an scope of the application and the media it will use, along with the budget, tools, objectives, outline content, storyboard, and schedule.
• Develop – collect & create interactive media content and testing of the application
• Implement – publish the finished project and make it available to its audience.
• Evaluate -- assess the effectiveness of the project with the target audience and make adjustments in future revisions.

• Define -- Goals, target audience, content, and delivery requirements
• Structure – Flowchart to portray the overall structure and screen views of the project
• Design – design of comps, review with client, redesign from client feedback, and production storyboard
• Build and test – project production based on storyboards, technical and usability testing, revision, and final project presentation
• Launch – launch and publish project

Standard 07
Team Activities (Semester 1B)
Students will participate in individual and team (group) activities.

• Demonstrate oral, written, and/or technological communication skills
• Apply management skills in finding solutions to project problems
• Demonstrate personal initiative in problem solutions
• Complete projects according to specified deadlines

• Demonstrate oral, written, and/or technological communication skills
• Apply management skills in finding solutions to project problems
• Utilize organizational skills
• Demonstrate leadership ability
• Demonstrate willingness to compromise to meet team objectives
• Function as a responsible team member
• Describe the roles and responsibilities of members of a interactive media team (i.e., project manager, programmer, graphic artist, audio/video specialist, subject matter expert (SME), animator, etc.)

Standard 08
2D Animation (Semester 1B)
2D Animation -- Students will produce 2D animation.

• Identify animation file formats and their appropriate use (e.g., MOV, SWF, GIF, FLA, WMV, etc.)
• Change position, scale, color, and properties of an animated object
• Timeline animation (Cel/Frame-by-frame, Tween)
• Keyframe
• Tween Animation (motion, shape, path)
• Symbol/Instances
• Use internal and external libraries
• Import/Export assets
• Publish/Packaging appropriately for delivery medium

• Recognize and apply major principles of animation (squash and stretch, anticipation, timing, etc.) [see 12 principles of animation]
• Effectively use storytelling techniques
• Include appropriate audio

Standard 09
Digital Cinema (Semester 1B)
Digital Cinema - Students will produce digital video.

• Script
• Budget
• Storyboard
• Shot plan
• Cast
• Copyright
• Team roles

• Setup/cleanup
• Appropriately use video equipment (tripod, mic, lights, etc.)
• Demonstrate proper shooting techniques (camera settings, composition, lighting, pov, fov, etc.)

• Capture video (Downloading to computer)
• Asset management (naming conventions, cataloging, storage, compression)
• Edit video (transitions, audio/video effects, titling (safe area), aspect ratio, credits, clips, etc.)
• Export for appropriate use CD-ROM, DVD, mobile device or Internet (compression settings, codecs, menus, etc.)
• Recognize and use appropriate video settings (e.g., frame rates, frame size, compression, etc.)
• Identify video formats (e.g., HD, AVI, MOV, SWF, WMV, MP4, FLV, etc.) and broadcast formats

Standard 10
Digital Audio (Semester 1B)
Students will produce digital audio.

• Capture sound from an original or existing source
• Edit sound
• Apply special effects to audio files
• Create audio envelops
• Manipulate pitch, sampling rate, amplitude,
• Recognize and use appropriate settings for various types of sound (voice over/narration, music, sound effects)
• Identify audio formats (e.g., WAV, MID, AU, MP3, AIF, RA, AAC, MP4, M4A, M4B, etc.)
• Import/Export audio (Radio, CD quality)

Standard 11
Interactive Technologies (Semester 1B)
Students will explore new and interactive technologies

• Emerging technologies
• Bookmarking: save and share your best web content.(del.icio.us)
• Document Sharing
• Social networking
• Blogs
• Wikis
• Digital Storage
• RSS Feeds
• Video conferencing
• Podcasts
• Others as technologies appear

Standard 12
Digital Portfolio (Semester 1B)
Students will design and develop various projects to add to an interactive digital portfolio.

• 2D raster and vector digital graphics
• Digital imaging
• Animation
• Digital video
• Digital audio
• Interactive in design

• Computer Based (CB)
• Web Based (WB)
• DVD, Blue-Ray, MP3 Players, CD Players, Cell Phones, etc.