9-12 grade: course title: interactive design duration ......balance • proximity • proportion •...

__9-12____ Grade: Course Title: ___Interactive Design_________ Duration: __September_____ Enduring Understandings People have used design to express experiences and ideas throughout time and across cultures. Essential Questions How does knowledge of the history of design help an artist improve or revise their work? Standards Content Skills/Competency Assessment 9.2.12.A: Explain the historical, cultural and social context of an individual work in the arts. 9.2.12.D: Analyze a work of art from its historical and cultural perspective. 9.1.12.C: Integrate and apply advanced vocabulary to the arts forms.

Evolution of Design • Cave painting • Decorative ceramics • Printing press • Camera • Computer

Elements of art

• Color • Shape • Texture • Line • Space

Design principles

• Balance • Proximity • Proportion • Dominance • Unity • Emphasis

Examine how individuals and technical innovations shaped the history of design Identify and demonstrate the principles of design for expressive purposes.

Teacher led discussions with question and answer session Written responses to questions:

• What makes a good design!

• Does good design

transcend media!

9.1.12 B Recognize, know, use and demonstrate a variety of appropriate arts elements and principles to produce, review and revise original works in the arts. 9.1.12 C Integrate and apply advanced vocabulary to the arts forms. 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others.

Design concepts • Alignment • Repetition &

Consistency • White Space • Contrast

Content Management Systems (CMS)

• Schoolwires • Joomla • Blackboard

HTML

• Rules • Elements • Tags/metatags • Structure • Head • Body • Attributes • Nesting • Linking • Images

Design, create and maintain websites using a variety of CMS systems. Integrate and apply HTML coding and digital production techniques to create a basic webpage.

Teacher led discussions with question and answer session Observable practice exercises

http://www.pdesas.org/standard/StandardsBrowser/22279



9.3.12 G Analyze works in the arts by referencing the judgments advanced by arts critics as well as one’s own analysis and critique.

Designing a website • Effective navigation • Separation of content &

format • User interface design • Site identity design • Evaluating for usability • Developing a website

rubric • Accessibility

considerations • Web page design

principles • Content creation • Writing for the web • Testing and

optimization Digital arts

• Vocabulary • Hardware • Software applications

& OS • Computer graphics • Terminology • Color theory

(traditional) • Digital color • Web safe color • Internet history • Browser types

Analyze the basic concepts and vocabulary of web design and development. Analyze a variety of concepts, media and techniques used in digital design and production.

Themed class project based on the chosen media. Teacher led discussions with question and answer session Observable practice exercises Themed class project based on the chosen media.


9.1.12 D Demonstrate specific styles in combination through the production or performance of a unique work of art (e.g., a dance composition that combines jazz dance and African dance). 9.1.12 E Delineate a unifying theme through the production of a work of art that reflects skills in media processes and techniques 9.1.12 H Demonstrate specific styles in combination through the production or performance of a unique work of art (e.g., a dance composition that combines jazz dance and African dance).

Adobe Photoshop • File format • Tools • Resolution • Layers • Levels • Vectors • Gradients & patterns • RGB and other image

modes • Color balance

Adobe Fireworks

• Document setup • Image optimization • Image formats • Image slicing

Use a variety of media and techniques available within the Adobe Photoshop software to design and create art work which demonstrates their understanding of the concepts and techniques used in digital design and production. Use a variety of techniques available within the Adobe Fireworks software to design and create art work which has been optimized for the Internet.




_9-12_____ Grade: Course Title: ___ Interactive Design _________ Duration: __Sept. /October_____ Enduring Understandings People have used design to express experiences and ideas throughout time and across cultures. Essential Questions How does knowledge of the history of design help an artist improve or revise their work? Standards Content Skills/Competency Assessment 9.1.12 A Know and use the elements and principles of each art form to create works in the arts and humanities. 9.1.12 B Recognize, know, use and demonstrate a variety of appropriate arts elements and principles to produce, review and revise original works in the arts. 9.1.12 C Integrate and apply advanced vocabulary to the arts forms. 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others.

CMS (Cont.) • Schoolwires

Adobe Dreamweaver

• File conventions • Web design & color

theory • Depth vs. breath • Page properties • Object properties • Tables • Frames, nesting, liquid • Optimization • FTP (File transfer

protocol) • Templates • Libraries

Website images

• Getting vs. creating images

• Types of images (formats)

Design, create and maintain their CMS websites. Effectively and efficiently use digital production techniques to create a basic HTML website in Adobe Dreamweaver. Applies the elements art to a variety of digital tools to create original and complex image manipulations for a variety of computer generated presentations Identifies and demonstrates the principles of design for expressive purposes using a variety of digital techniques.

Teacher led discussions with question and answer session Observable practice exercises Themed class project based on the chosen media.





• Background images • Thumbnails • Images & Links • Align an image with

text • Uses of images • Graphic file formats

Other graphics applications

Demonstrate the ability to optimize the use of images in Dreamweaver.

__9-12____ Grade: Course Title: _____ Interactive Design_______ Duration: __October_____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others. 9.1.12 K Analyze and evaluate the use of traditional and contemporary technologies in furthering knowledge and understanding in the humanities.

CSS • font-family • font-color • font-size • font-weight / font-style• text-decoration • text alignment / indentation • page layout / containers • container margins • container padding • background-color • background- image:url • background- position:right • background-repeat • Adv. dimension properties • width • height

Demonstrate knowledge of and the ability to use CSS by designing and creating web-pages and websites based on an effective and efficient CSS framework.




• adv. classification properties • float • clear • display / visibility • positioning • pseudo-class • alt. link properties

___9-12___ Grade: Course Title: __ Interactive Design__________ Duration: __November_____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others. 9.1.12 K Analyze and evaluate the use of traditional and contemporary technologies in furthering knowledge and understanding in the humanities.


Advanced Web

• Analytics • Blogs, RSS &

Wordpress • Podcasts and RSS • Social media • Dynamics

Alice

• Intro to game theory & design

• Intro to game programming

• Classes and Objects • Variables • Properties • Methods • Parameters • Visible and Invisible • Lists

Design, create and maintain CMS websites. Design, create and apply coding that captures and stores data about the website visitors. Students will analyze and evaluate data. Students will design, create and upload complex content to websites. Create a basic game using the programming concepts and tools built into Alice.




• Inheritance • Functions • If/Else • Boolean • Random Numbers • Random Motion • Events • Event-Handling • Loops • While

___9-12___ Grade: Course Title: ____ Interactive Design________ Duration: ___December____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.1.12 A Know and use the elements and principles of each art form to create works in the arts and humanities. 9.1.12 B Recognize, know, use and demonstrate a variety of appropriate arts elements and principles to produce, review and revise original works in the arts. 9.1.12 C Integrate and apply advanced vocabulary to the arts forms. 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others. 9.1.12 K Analyze and evaluate the use of traditional and contemporary technologies in furthering knowledge and understanding in the humanities.


Adobe Flash

• Flash tools • Layout and

components • Drawing • Vectors • Timeline • Layers & stacking

order • Naming &

workflow • Conventions • Frames &

Keyframes • Frame rate • Stage • Properties window • Other Panels • Symbols • Tweens - Motion &

Design, create and maintain CMS websites. Optimize workflow conventions in Flash: such as naming layers and symbols to give completed projects a professional appearance. Modify the document size to match the format of the final. Ability to use Flash tools: selection, line, pen, shape... Ability to use Flash vocabulary, concepts and components.

Teacher led discussions with question and answer session Observable practice exercises






shape • File formats .FLA

& .SWF Advanced Flash

• Action script API

Create using the Action Script and API coding built into Adobe Flash.

Themed class project based on the chosen media.

__9-12____ Grade: Course Title: ____ Interactive Design ________ Duration: __January_____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.1.12 B Recognize, know, use and demonstrate a variety of appropriate arts elements and principles to produce, review and revise original works in the arts. 9.1.12 C Integrate and apply advanced vocabulary to the arts forms. 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others. 9.1.12 K Analyze and evaluate the use of traditional and contemporary technologies in furthering knowledge and understanding in the humanities. 9.3.12 G Analyze works in the arts by referencing the judgments advanced by arts critics as well as one’s own analysis and critique.

CMS (Cont.) • Schoolwires • Joomla

Dashcode

• Safari applications • Mobile applications • Media types • Library • Inspector • Layout Interface • Handlers & code • Attributes • Text • Images • Info.plist

Design, create and maintain their CMS websites. Workflow and conventions of creating multi-platform interactive media using Dashcode.







___9-12___ Grade: Course Title: ____ Interactive Design________ Duration: ___January/February____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.1.12 C Integrate and apply advanced vocabulary to the arts forms. 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others. 9.1.12 K Analyze and evaluate the use of traditional and contemporary technologies in furthering knowledge and understanding in the humanities. 9.3.12 G Analyze works in the arts by referencing the judgments advanced by arts critics as well as one’s own analysis and critique.

CMS (Cont.) • Schoolwires • Joomla

Xcode

• iphone applications • Preferences • All-inlone • Cocca • Active build

configuration • Release • Coding

InterfaceBuilder

• iphone applications • Resources • Main menu • Application

window • Document window • Library palette • Inspector

Design, create and maintain their CMS websites. Create an application using the coding, workflow and conventions of Xcode. Students will transition the design of their application to InterfaceBuilder software. Conclude the creation of their application using the workflow and conventions of InterfaceBuilder.






• Objects • Media • Sizing attributes

__9-12____ Grade: Course Title: __ Interactive Design__________ Duration: __March_____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.1.12 A Know and use the elements and principles of each art form to create works in the arts and humanities. 9.1.12 B Recognize, know, use and demonstrate a variety of appropriate arts elements and principles to produce, review and revise original works in the arts. 9.1.12 C Integrate and apply advanced vocabulary to the arts forms. 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works

CMS (Cont.) Schoolwires Adobe Extendscript API Advanced web concepts Database-driven web sites Rollovers Javascript Slideshows Email Links vs. forms Redirects Hit Counters Rollover Buttons PHP Advanced imaging Channels Curves Working with Selections Masks Color depth Alpha channels

Design, create and maintain their CMS websites. Design and create using the coding built into all Adobe Software through Adobe ExtendScript.






in the arts or the works of others. 9.1.12 K Analyze and evaluate the use of traditional and contemporary technologies in furthering knowledge and understanding in the humanities.

Selective focus White balance


__9-12____ Grade: Course Title: __ Interactive Design__________ Duration: __ April / May _____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.1.12 A Know and use the elements and principles of each art form to create works in the arts and humanities. 9.1.12 B Recognize, know, use and demonstrate a variety of appropriate arts elements and principles to produce, review and revise original works in the arts. 9.1.12 C Integrate and apply advanced vocabulary to the arts forms. 9.1.12 J Incorporate specific uses of traditional and contemporary technologies within the design for producing, performing and exhibiting works in the arts or the works of others.

CMS (Cont.) Schoolwires Joomla Adobe FlashBuilder (Eclipse) Web applications Classes and Objects Variables Properties Methods Parameters Functions Events Event-Handling Adobe Illustrator Document setup Layers Vectors Text format

Design, create and maintain their CMS websites. Examine and evaluate the coding built into all Adobe Software through Adobe FlashBuilder. Use Adobe Illustrator to create illustrations and other art work which demonstrates their understanding of the concepts and techniques used in digital design and production.






9.1.12 K Analyze and evaluate the use of traditional and contemporary technologies in furthering knowledge and understanding in the humanities. 9.3.12 G Analyze works in the arts by referencing the judgments advanced by arts critics as well as one’s own analysis and critique.

Adobe InDesign Document setup Design & layout Image workflow Text format Includes vs. imports

Use Adobe InDesign to create print documents which demonstrate their understanding of the concepts and techniques used in print production.



__9th – 12th ____ Grade: Course Title: __ Interactive Design __________ Duration: __ May / June _____ Enduring Understandings The skills, techniques, elements and principles of design can be learned, studied, refined and practiced. Essential Questions How does an artist learn to master a new skill? Standards Content Skills/Competency Assessment 9.3.12.A Explain and apply the critical examination processes of works in the arts and humanities. 9.3.12.B Determine and apply criteria to a person’s work and works of others in the arts (e.g., use visual scanning techniques to critique the student’s own use of sculptural space in comparison to Julio Gonzales’ use of space in Woman Combing Her Hair). 9.3.12.C Apply systems of classification for interpreting works in the arts and forming a critical response. 9.3.12.E Examine and evaluate various types of critical analysis of works in the arts and humanities. 9.3.12.F Analyze the processes of criticism used to compare the meanings of a work in the arts in both its own and present time. 9.3.12.G Analyze works in the arts by referencing the judgments advanced by arts critics as well as one’s own analysis and critique. 9.4.12.B Describe and analyze the effects that works in the arts have on groups, individuals and the culture (e.g., Orson Welles’ 1938 radio broadcast, War of the

CMS (Cont.) Schoolwires Joomla Portfolio development Use only your best work Use a variety of work 7 second rule Linkedin online portfolio CD / DVD design and development iDVD Adobe Encore DVD Studio Pro

Design, create and maintain their CMS websites. Create a portfolio DVD using the workflow and conventions of Adobe Encore and other software. Demonstrate the workflow and the tools of a variety of CD / DVD creation software.


Worlds). 9.4.12.C Compare and contrast the attributes of various audiences’ environments as they influence individual aesthetic response (e.g., viewing traditional Irish dance at county fair versus the performance of River Dance in a concert hall).

9-12 grade: course title: interactive design duration ......balance • proximity • proportion •...

Documents