Revised 09.20.2013 1

Multimedia Tools DGIM 601-W01 – (127469)

Course Outline

INSTRUCTOR’S INFORMATION Name: Dafina O. Myrick Office Location: de Seversky Rm. 5 Telephone: (516) 686-7567 E-mail: dmyrick@nyit.edu Website: http://iris.nyit.edu/~dmyrick/DGIM601-W01 Computer Lab Hours: Wednesday 5:00PM – 6:00PM or 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 2014 Course number and section: DGIM 601-W01 Credits: 3 Meeting times: Wednesday 6:00PM – 9:00PM Building and room number: Education Hall, Rm. 247 Prerequisites and co-requisites: None

Revised 09.20.2013 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 • Portable Storage Device: USB flash drive or portable hard drive to save your work. • Original images for Photoshop/Dreamweaver projects. SEE “SCHEDULE OF DATES” • The Computer lab is equipped with Photoshop CS6 Extended (Windows Platform). • The Computer lab is equipped with Dreamweaver CS6 (Windows Platform).

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.20.2013 3

Methods of assessment will include: 1. “The Instagram Effect” – Image Appearance & Filters 2. “Pretty Sneaky” – Photo Retouching & Masking 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. ”The Instagram Effect” - 5% 2. “Pretty Sneaky” - 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.20.2013 4

DESCRIPTION OF ASSIGNMENTS 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.20.2013 5

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.20.2013 6

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.20.2013 7

SCHEDULE OF DATES

DATE TENTATIVE TOPICS READINGS/OTHER ASSIGNMENTS

CLASS 1: January 22nd

Introductions Syllabus Review Lab and Class Structure Review Ps Lesson 1: “Let’s Do This!” I. What is Adobe Photoshop? II. Fail vs. Winning (Examples) III. Workspace Familiarization

HOMEWORK: 1. Watch: Adobe TV:

How To Get Started with Photoshop CS6

2. Bring In ORIGINAL High Resolution Picture: a. 2000 x 600 pixels (minimum) b. Ad OR Editorial quality

CLASS 2: January 29th

Ps Lesson 2: I. Adjustment Layers and Filters

a. Hue/Saturation b. Brightness/Contrast c. Render and Blur Effects d. Overlays

HOMEWORK:

1. “The Instagram Effect”

SEE Assignment Handout 2. YOUR ABOUT IMAGE:

Bring ORIGINAL High Resolution picture of yourself: a. 2000 x 600 pixels (minimum) b. Fun OR close match to your personality c. Close Up or Medium Shot

3. YOUR CONTACT IMAGE:

Bring ORIGINAL High Resolution picture of communications/technology: a. 2000 x 600 pixels (minimum) b. the technology may be: 1. MODERN: Computer, phone, tablet, etc. 2. RETRO: vintage phone, telegraphs, etc. 3. ABSTRACT: 2 cups and a string, an earhorn, person honking a car horn & screaming (Be as creative as you want)

Revised 09.20.2013 8

February 5th / / / / /*** SNOWDAY ***//// / CLASS 3: February 12th / / / / /*** ASSIGNMENT DUE ***//// /

Homework Critiques “The Instagram Effect” Ps Lesson 3: “Things aren’t what they seem…” I. Photo manipulation

a. Fixing blemishes b. Digital make up (DEMO)

II. The Mask a. Shape Masks b. Text Masks c. Layer Reveal Masks

MIDTERM PROJECT PREP I. Review Website Template II. Show Mock-Up Examples

HOMEWORK: “Pretty Sneaky” 1. FINISH retouching your personal image. 2. SKETCH the layout for your Works and Contact Page. 3. OPTIONAL: Create a SKETCH of your About/Bio Page (if you choose to include it in your website)

CLASS 4: February 19th / / / / /*** ASSIGNMENT DUE ***//// /

Homework Critiques “Pretty Sneaky” Ps Lesson 4: “Common Law” I. Selections

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

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

HOMEWORK: 1. Sketch Your Homepage

Composite Image 2. Sketch 3 Logo Ideas for Your

Website SEE Assignment Handout

Revised 09.20.2013 9

CLASS 5: February 26th / / / / /*** ASSIGNMENT DUE ***//// /

Ps Lesson 5: “Original Basics” I. Creating Shapes II. Creating Text III. Lower Thirds and Bugs IV. Designing a Logo

Class Laboratory Time I. Q & A Session II. Logo Creation

HOMEWORK: “Logo, Buttons, and Icons” 1. Create the following images for your Midterm Project: • Website Logo • Scroll Arrows • Information icon

CLASS 6: March 5th

Homework Critique “Logo, Buttons, and Icons” Ps Lesson 6: I. Creating A Website Mock-Up

a. Setting up sections and guides b. Organizing Content/Folders

Class Laboratory Time I. Q & A Session II. Work Homepage Mock-Up

HOMEWORK: 1. Complete Home Page

Composite Image 2. Complete Home Page Mock-

Up (Include thumbnails, buttons, web logo, and icons)

SEE Assignment Handout

CLASS 7: March 12th / / / / /*** ASSIGNMENT REVIEW ***//// /

Homework Critique “Mocking Bird” – Home Page Ps Lesson 6 (Continued): I. Creating Works Mock-Up Page a. Setting up sections and guides b. Organizing Content/Folders c. Include arrows and icons Class Laboratory Time I. Q & A Session Include II. Complete Works Mock-Up Page

HOMEWORK: 1. MIDTERM PROJECT:

“Mocking Bird” 2. MODIFY AND COMPLETE

the following Mock-Up Pages:

Homepage About (Optional) Works Contact

3. Prepare to present your work SEE Assignment Handout

Revised 09.20.2013 10

March 19th / / / / /SPRING BREAK - NO CLASSES //// / CLASS 8: March 26th / / / / /*** MIDTERM PROJECT DUE ***//// /

Midterm Critiques Dw Lesson 1: I. Worst vs. Best on the Net II. Web Terminology III. What is Adobe Dreamweaver? IV. Workspace Familiarization V. Root Folder Structure VI. Define A Website VII. Overview of Basic Web Page

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

CLASS 9: April 2nd

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 10: April 9th

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.20.2013 11

CLASS 11: April 16th

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: TBA

CLASS 12: April 23rd

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.20.2013 12

CLASS 13: April 30th / / / / /*** ASSIGNMENT DUE ***//// /

Homework Review “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 14: May 7th / / / / /*** ASSIGNMENT DUE ***//// /

Homework Review* “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. FINISH FINAL PROJECT

Revised 09.20.2013 13

CLASS 15: May 14th

/ / / / /*** ASSIGNMENT DUE ***//// / / / / / /*** FINAL PROJECT DUE ***//// /

FINAL PROJECT: Presentation & Critiques SEE Final Presentation Handout

LIVE LONG AND PROSPER!!!

NOTES: