Multimedia Tools dgim 601-W01 (127469) Course Outline Instructor’s information Name



Download 106.99 Kb.
Date31.01.2017
Size106.99 Kb.
#13377




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




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.

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: ” – 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: ” - 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%



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 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 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/



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)

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




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





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)






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





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


a. Upload all your pages to Iris

b. Ensure all links are tested


and work.
SEE Assignment Handout
2. FINISH FINAL PROJECT




CLASS 15:

May 14th


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

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



FINAL PROJECT:

Presentation & Critiques


SEE Final Presentation Handout



LIVE LONG AND PROSPER!!!


NOTES:



Revised 09.20.2013




Download 106.99 Kb.

Share with your friends:



The database is protected by copyright ©ininet.org 2024
send message
    Main page
right hand side
student code