Revised 09.14.2015 1

Multimedia Tools DGIM 601-W01 (1252)

Course Outline

INSTRUCTOR’S INFORMATION Name: Dafina O. Myrick E-mail: dmyrick@nyit.edu Website: http://iris.nyit.edu/~dmyrick/DGIM601-W01 Computer Lab Hours: By Appointment (via e-mail) Old Westbury Open Access Labs with Adobe Creative Suite 6 (CS6): Building Room Hours Ed Hall Rm 200 (West end of building) 24 hours/day Rm 247 (East end of building) Call Prof Myrick for access Art & Architecture Library

Main Floor (West end of building) M-TH 9am - 9pm FRI: 9am - 5pm SAT: 9am - 5pm SUN: CLOSED

Harry Schure Hall Academic Computing Lab (ACL) 2nd Floor

M-F: 8am - 11pm SAT: 8am - 6pm

Wisser Memorial Library Main Floor M-TH 8am - 10pm FRI: 8am - 5pm SAT: 9am - 5pm SUN: 1pm - 6pm

NOTE: Though the hours above were posted at the ACL, and/or the NYIT Website, PLEASE CALL THE LOCATION TO ENSURE THE LABS ARE OPEN PRIOR TO YOUR DEPARTURE.

COURSE INFORMATION Term and date: Fall 2015 Course number and section: DGIM 601-W01 Credits: 3 Meeting times: Mondays 6:00PM – 9:00PM Building and room number: Education Hall, Rm. 247 Prerequisites and co-requisites: None

Revised 09.14.2015 2

REQUIRED TEXTS (including ISBN numbers)

No Text Books are required for this course: SEE “DESCRIPTION OF ASSIGNMENTS” SECTION SEE “ADDITIONAL RESOURCES FOR FURTHER LEARNING” SECTION

MATERIALS AND SUPPLIES // SEE “Downloads & Materials” [DGIM Website] • Portable Storage Device: USB flash drive or portable hard drive to save your work. • Original images for Photoshop/Dreamweaver projects. • Computer lab or personal computer equipped with Photoshop CC (Mac Platform). • Computer lab or personal computer equipped with Dreamweaver CC (Mac Platform). • Computer lab or personal computer equipped with Internet Connection. • NYIT Iris Web Hosting Account (50MB Internet Storage Space)

COURSE DESCRIPTION FROM CATALOG This course introduces the student to image, text, animation, digital audio, and video in multimedia products like CD ROMs and Web sites. The focus is the use of the computer as a media development system. Students focus on message design using text and graphics, and explore the computer's potential in telecommunications and new forms of media content. The development of the Internet as a resource for education, communications, advertising and public relations is also explored. All students create a personal Web page. This class is required of all Communication Arts graduate students.

COURSE GOALS AND INTRODUCTION This course is designed for students to gain an understanding of multimedia tools, standards, and current trends within the digital imaging industry. Students will gain knowledge of basic web design and Internet publishing by use of Adobe Dreamweaver. Students will also build a foundational knowledge of image creation and manipulation by use of Adobe Photoshop.

LEARNING OUTCOMES AND INSTRUMENTS OF ASSESSMENT Upon successful completion of this course, students will be able to:

1. Utilize Adobe Photoshop CS6 to create and manipulate digital images. 2. Locate and define tools and functions within the Adobe Photoshop workspace. 3. Compose digital projects commonly viewed and experienced in today’s Internet. 4. Utilize Adobe Dreamweaver CS6 to design and publish a website via FTP. 5. Locate and define tools and functions within the Adobe Dreamweaver workspace. 6. Layout webpage copy (text, images) by use of basic HTML and CSS code. 7. Embed audio, video, and other multimedia objects into a webpage. 8. Troubleshoot, repair, and amend existing websites. 9. Critique usability and function of today’s popular websites.

Revised 09.14.2015 3

Revised 09.14.2015 4

Methods of assessment will include: 1. “Gorgeous!” – Photo Retouching, Masking, Animation 2. “Ultimate Composite” – Selection, Image Color Matching, Lighting Effects 3. “Logo, Buttons, and Icons” – Web Images and Optimization 4. MIDTERM: “Mocking Bird” – Photoshop Webpage Mock-Up 5. “Division I Champions” – Webpage Layout utilizing “Divs” and style rules 6. “Media Blitz” – Embedding Images, Audio/Video, and Widgets into websites 7. “OPERATION: <HREF>” – Linking text and images to web locations. 8. FINAL PROJECT: “Shark Tank” – Web Page Presentation and Critique

GRADING FORMULA Letter Grade Point Range GPA A 90 - 100 4.0 B+ 86 - 89 3.3 B 80 - 85 3.0 C+ 75 - 79 2.3 C 70 - 74 2.0

EXAMS AND QUIZZES Attendance and Participation - TOTAL 10% Quizzes - TOTAL 10% (Web Terminology & HTML Rules) Homework - TOTAL 30%

1. ”Gorgeous!” - 5% 2. “Ultimate Composite” - 5% 3. “Logo, Buttons, and Icons” - 5% 4. “Division I Champions” - 5% 5. “Media Blitz” - 5% 6. “OPERATION: <HREF>” - 5%

Midterm Project: “Mocking Bird, Mocking Bird” - TOTAL 20%

1. Layout Measurements – 5% 2. Design and Usability – 10% 3. Separation of Layers and Organization – 5%

Final Project: “Shark Tank” - TOTAL 30%

1. Completion of Pages and Requirements - 10% 2. Operating Links - 10% 3. Div Positioning - 5% 4. Presentation - 5%

Revised 09.14.2015 5

DESCRIPTION OF ASSIGNMENTS // SEE “Assignments” [DGIM Website] Each week, students will receive a handout that will include, but is not limited to: 1. Full description of assignment 2. Assignment tutorial (if applicable) 3. Online references for related and advanced instruction

POLICY FOR MAKE-UP EXAMS AND MISSED OR LATE ASSIGNMENTS Students are responsible for reviewing the course calendar, planning ahead, and turning in assignments either early or on time. Students must submit all missed and late work by Friday following the due date of the class assignment. Works turned in by Friday will receive a one-letter grade deduction. (i.e. an assignment worth an “A” grade will be reduced to the grade of “B”).

ATTENDANCE POLICY Students are expected to be on time for each class and ready to actively participate in class exercises and discussions. You must contact your instructor in advance if you cannot arrive on time. Students arriving more than 15 minutes after the start of the class will be considered late; leaving early also will be counted as late. Three late instances are equivalent to one absence. Two unexcused absences will result in a half-grade deduction from your average (example: B becomes B-). Three absences, (excused or unexcused) may result in a withdrawal or failure of the course.

NYIT E-MAIL All official announcements related to the course will be sent through NYIT e-mail. Students are expected to check their @nyit.edu e-mail regularly.

WITHDRAWAL POLICY A student may withdraw from a course without penalty through the end of the 8th week of class during a 14- or 15-week semester and through the 8th meeting during an 8week course cycle. After this, the student must be doing passing work in order to receive a W grade. Students who are not passing after the 8th week or equivalent will be assigned the grade of WF. It is the student’s responsibility to inform the instructor of his/her intention to withdraw

Revised 09.14.2015 6

from a course. If a student has stopped attending class without completing all assignments and/or examinations, failing grades for the missing work may be factored into the final grade calculation and the instructor for the course may assign the grade of WF. The grade of F is used for students who have completed the course but whose quality of work is below the standard for passing. Withdrawal forms are available in departmental offices and once completed must be filed with the registrar. Students should be reminded that a W notation could negatively impact their eligibility for financial aid and/or V.A. benefits, as it may change the student’s enrollment status (full-time, part-time, less than part-time). International students may also jeopardize their visa status if they fail to maintain full-time status. ACADEMIC INTEGRITY AND PLAGIARISM POLICIES Each student enrolled in a course at NYIT agrees that, by taking such course, he or she consents to the submission of all required papers for textual similarity review to any commercial service engaged by NYIT to detect plagiarism. Each student also agrees that all papers submitted to any such service may be included as source documents in the service’s database, solely for the purpose of detecting plagiarism of such papers. Plagiarism is the appropriation of all or part of someone else’s works (such as but not limited to writing, coding, programs, images, etc.) and offering it as one’s own. Cheating is using false pretenses, tricks, devices, artifices or deception to obtain credit on an examination or in a college course. If a faculty member determines that a student has committed academic dishonesty by plagiarism, cheating or in any other manner, the faculty has the academic right to 1) fail the student for the paper, assignment, project and/or exam, and/or 2) fail the student for the course and/or 3) bring the student up on disciplinary charges, pursuant to Article VI, Academic Conduct Proceedings, of the Student Code of Conduct. LIBRARY RESOURCES All students can access the NYIT virtual library from both on and off campus at www.nyit.edu/library. The same login you use to access NYIT e-mail and NYITConnect will also give you access to the library’s resources from off campus. On the upper left side of the library’s home page, select links for “Find Resources”, “Research Assistance”, “Services”, “Help”, and “About”. Using “Quick Links” on the right hand side of the home page will also assist you in navigating the library’s web pages. Should you have any questions, please look under “Research Assistance” to submit a web-based “Ask-A-Librarian” form.

SUPPORT FOR STUDENTS WITH DISABILITIES NYIT adheres to the requirements of the Americans with Disabilities Act of 1990 and the rehabilitation Act of 1973, Section 504. The Office of Disability Services actively supports students in the pursuit of their academic and career goals. Identification of oneself as an

Revised 09.14.2015 7

individual with disability is voluntary and confidential. Students wishing to receive accommodations, referrals and other services are encouraged to contact the Office of Disability Services as early in the semester as possible although requests can be made throughout the academic year.

ADDITIONAL RESOURCES FOR FURTHER LEARNING Design Industry Resources http://www.aiga.org/ http://www.commarts.com/ http://www.behance.net/ Photoshop Resources Adobe Tutorials: http://tv.adobe.com/show/learn-photoshop-cs6/ Adobe Ps CS6 Crash Course: http://www.udemy.com/photoshop-cs6-crash-course/ Top 25 Ps practices: http://smashinghub.com/25-best-photoshop-cs6-tutorials.htm Online Magazine Resource: http://www.digitalartsonline.co.uk/ Lynda.com (limited courtesy): http://www.lynda.com/search?q=photoshop&x=0&y=0 Dreamweaver / Web Design Resources: Adobe Tutorials: http://tv.adobe.com/show/learn-dreamweaver-cs6/ Lynda.com (limited courtesy): http://www.lynda.com/search?q=dreamweaver&x=0&y=0 HTML (w3 schools): http://www.w3schools.com/html/default.asp HTML5 (w3 schools): http://www.w3schools.com/html5/default.asp CSS: http://css-tricks.com/ Programming Question & Answer (Q & A) Resource: http://stackoverflow.com/

Revised 09.14.2015 8

SCHEDULE OF DATES

DATE TENTATIVE TOPICS READINGS/OTHER ASSIGNMENTS

CLASS :: 01

09.14

2015

Introductions Syllabus Review Lab and Class Structure Review Website Review Design Lesson 1: I. Best and Worst Websites II. 2015 Web Trends III. Review The Portfolio Process Ps Lesson 1: “Let’s Do This!” I. What is Adobe Photoshop? II. Fail vs. Winning (Examples) III. Workspace Familiarization

HOMEWORK: 1. Browse the internet and choose

which sites you believe are the best and worst on the web. Be prepared to share your finds with the class.

2. Answer Questions [pp. 3-6] in The Web Site Process

3. Watch: Adobe TV: How To Get Started with Photoshop CS6

4. BRING an ORIGINAL High Resolution picture of you:

a. 1400 x 768 pixels (minimum) b. Fun AND/OR engaging c. Close Up or Medium Shot

CLASS :: 02

09.21

2015

Homework Presentation Best and Worst Websites Design Exercise 15 Minutes of Sketchiness Ps Lesson 2: “Things aren’t what they seem…” I. Photo manipulation

a. Fixing blemishes b. Layer Reveal Mask c. Digital make up (DEMO)

II. Adjustment Layers and Filters

a. Hue/Saturation b. Brightness/Contrast

COMPOSITE DEMO

HOMEWORK:

1. “Gorgeous!”

SEE Assignment Handout 2. BRING 2 or more ORIGINAL

High Resolution pictures you want to use for your composite project: a. Background: 2000 X 768px b. Foreground: High Resolution c. Sketch Composite Idea

Revised 09.14.2015 9

CLASS :: 03

09.28

2015

A-1

A-1 Critiques

“Gorgeous” Ps Lesson 3: “Common Law” I. Selections

a. Marquee Tool b. Lasso Tool c. Magic Wand d. Quick Selection e. Refine Edge (Working Around Hair)

II. Compositing a. Move Tool b. Duplicating Layers b. Layer Effects & Filters

HOMEWORK: 1. “Ultimate Composite”

SEE Assignment Handout

CLASS :: 04

10.05

2015

A-2 “360 Fakie”

A-2 Critiques

“Ultimate Composite” Ps Lesson 4: CREATING A PSD MOCK-UP [Homepage] I. Document Set-Up

a. Dimensions b. Sections and Guides c. Organizing Content/Folders

II. Drawing Shapes

a. Rectangle(+) & Ellipse Tool b. Text & Toolbar Options c. Text Box & Character Panel d. Creating Custom Shapes

III. Logo Creation

a. Good vs, Bad Logo Design b. Adobe Illustrator Features

Class Laboratory Time I. Q & A Session

HOMEWORK: 1. Finish PSD Layout for

Homepage 1. Sketch 3 Logo Ideas for Your

Website

Revised 09.14.2015 10

/ / / / /*** ASSIGNMENT DUE ***//// /

CLASS :: 05

10.12

2015

Homework Presentation Homepage PSD Review Logo Sketch Review Ps Lesson 5: Homework MOCK-UP (Continued): I. Placing Images

a. Clipping Images inside Shapes b. Clipping Images inside Text c. Naming Image Layers/Folders

II. Creating Logos & Buttons a. Custom Shapes b. The Pen Tool c. The fx Panel

HOMEWORK: “Logo, Buttons, and Icons” 1. Finish Homepage Mock-Up: • Layout • Website Logo • Buttons and Icons

[ i.e. Scroll Arrows, Information icon, etc. ]

CLASS :: 06

10.19

2015

A-3

A-3 Critiques

“Logo, Buttons, and Icons” Class Laboratory Time: I. Works/Gallery Page Mock-Up II. Contact Page Mock-Up III. Remaining Pages IV. Q & A Session

HOMEWORK: 1. MIDTERM PROJECT:

“Mocking Bird” 2. MODIFY AND COMPLETE

the following Mock-Up Pages: a. Homepage b. Works c. Contact

CLASS :: 07

10.26

2015

A-4 MIDTERM

A-4 Critiques “Mocking Bird”

Dw Lesson 1: I. Web Terminology II. What is Adobe Dreamweaver? III. Workspace Familiarization IV. Root Folder Structure V. Define A Website VI. Overview of Basic Web Page

HOMEWORK: Watch: Adobe TV: 1. Layout/Design Considerations 2. Creating a Basic Webpage 3. Setting Up a Local Site 4. Practice Defining A Website

Revised 09.14.2015 11

MIDTERM PROJECT DUE CLASS :: 08

11.02

2015

Dw Lesson 2: I. Basic Webpage Structure

a. Define A Website b. HTML Elements (tags) c. HTML Attributes

HOMEWORK: Create About Me/Bio Page: REQUIRED: 1. Page Title 2. About Me Heading 3. Create 3 paragraphs

a. Each paragraph starts with a secondary heading tag followed by narrative text.

4. Save As: about.html

CLASS :: 09

11.09

2015

Homework Review Dw Lesson 3: I. Hyperlinks

a. Link to other webpages b. Link to location on same page c. Link to external website

II. Inserting Images a. Basic Images b. Rollover Images c. Linking with Images

QUIZ Review

HOMEWORK: 1. Study for Quiz 2. Convert ORIGINAL media and

bring saved formats (SEE ASSIGNMENT) to next class: a. PDF Document b. Original Video (.mp4, TBA) c. Original Audio (.mp3, TBA)

d. Twitter (Bring/Create Logon)

Revised 09.14.2015 12

CLASS :: 10

11.16

2015

QUIZ: Web Terminology Homework Review Dw Lesson 4: I. Embedding Objects

a. Web Page b. PDF Document c. Original Videos d. Original Audio e. Twitter Feeds f. Facebook Button

“Divs vs. Tables” I. Creating Tables* *Tentative Lesson

HOMEWORK:

TBD

CLASS :: 11

11.23

2015

Dw Lesson 5: “Divs vs. Tables” I. Creating Divs II. Introduction to Styles

a. Positioning Divs b. Styling Divs c. Creating a Wireframe*

*Tentative Lesson

HOMEWORK: “Division I Champions” SEE Assignment Handout

Revised 09.14.2015 13

CLASS :: 12

11.30

2015

A-5

A-5 Critiques

“Division I Champions” Dw Lesson 6: I. Navigation

a. List Items b. Floating Attribute c. Hover Effect d. Hyperlinks

II. Creating a Template* III. Creating a new page*

(based on template) *Tentative Lesson

HOMEWORK: “Media Blitz” 1. Customize Navigation Div:

a. Background color or pattern b. Hyperlink colors

2. Create Remaining Web pages a. Works Page b. Contact Page *OPTIONAL: About Page

3. Add All Media to Your:

a. Home Page b. Works Page c. Contact Page

*OPTIONAL: About Page

CLASS :: 13

12.07

2015

A-6

A-6 Critiques “Media Blitz”

Dw Lesson 7: I. Troubleshooting Websites Dw Lesson 8: I. The Future of Web Design Class Laboratory Time I. Q & A Session II. Work on Final Project

HOMEWORK: 1. “OPERATION: <HREF>” a. Upload all your pages to Iris b. Ensure all links are tested

and work. SEE Assignment Handout 2. CONTINUE FINAL PROJECT

CLASS :: 14

12.14

2015

A-7

Class Laboratory Time I. Q & A Session II. Work on Final Project

HOMEWORK: 1. “Shark Tank” a. Update all your pages to Iris b. Ensure all links work SEE Assignment Handout 2. CONTINUE FINAL PROJECT

Revised 09.14.2015 14

CLASS :: 15

12.21

2015

A-8 FINAL

FINAL PROJECT: Presentation & Critiques Follow Final Presentation Format

LIVE LONG AND PROSPER!!!

NOTES: