New York City College of Technology The City University of New York. Department of Communication Design. COMD Web III - Design Studio

Transcription

1 New York City College of Technology The City University of New York Department of Communication Design COMD Web III - Design Studio Course Description Development of skills learned in Web II such as XHTML, CSS, and introduction of the Document Object Module (DOM). Students will combine skills learned in Web I & II; Analytics, Search Engine Optimization (SEO) & Search Engine Marketing (SEM) and other technologies to create a web site with rich media (audio and video elements). Requires previously built site for analytic assessment and SEO improvements. 3 cl hrs, 3 cr Prerequisites COMD 3551 or department approval. Course Objectives INSTRUCTIONAL OBJECTIVES For the successful completion of this course, students should be able to: Work professionally, from proposal, design, through implementation and testing. Showcase expert design skills through seamless implementation. ASSESSMENT Evaluation methods and criteria Students will demonstrate competency by writing a proposal with client in mind. They will offer business analysis, site diagram, flowcharts, and wireframe and clear objectives. Students will demonstrate competency by offering branding and multiple web design options. They will build a complete website 1

2 Integrate multiple technologies and have reusable dynamic components. Students will demonstrate competency by combining CSS, XHTML, forms, Javascript, Flash, PHP. Analyze the performance of their web sites based on the data offered by an implemented analytics package. Improve websites based on performance of their analytics by adjusting the concept, design, content and usability Students will display competency through an analysis report given on the performance of their site. Students will display competency through changes to their site project and improvement in their analytics. General Education Outcome covered: Lifelong Learning The student will demonstrate an awareness of resources for continued lifelong learning. Social Interaction The student will demonstrate effective interpersonal skills with people from a variety of cultures to seek consensus or resolve conflicts. Oral Communication Listening: The student will demonstrate the ability to discern pertinent information from irrelevant information. How the outcome is assessed: Evaluate through class discussion and written tests if students become aware of resources they can use as references throughout their careers. Assess the ability of the student to develop constructive relationship with classmates from many cultures through class discussion. Evaluate how well students absorbed and consequently applied the learning through oral critiques of projects. Teaching/Learning Method Lectures and readings Demonstration Project based labs Research assignments Blackboard Required Text None Suggested Text: Styling With CSS Charles Wyke-Smith New Riders 2

3 ISBN-10: CSS Mastery, Advanced Web Standards Andy Budd ISBN-10: DOM Scripting Jeremy Keith ISBN-10: Attendance (College) and Lateness (Department) Policies: A class roster roll will be taken at the beginning of each class. Only two absences may be allowed. After two absences, a student may be withdrawn because of unsatisfactory attendance (code WU). Students arriving after the roll is taken will be marked late. Students may be notified at the earliest opportunity in class after they have been absent or late. After being absent two times or equivalent (2 lateness = 1 absence), a student may be asked to withdraw from the class (code W before the College drop deadline, 4/9/08) or may be withdrawn from the class (code WU). Academic Integrity Standards You are responsible for reading, understanding and abiding by the NYC College of Technology Student Handbook, Student Rights & Responsibilities, section Academic Integrity Standards. Academic dishonesty of any type, including cheating and plagiarism is unacceptable. "Cheating" is misrepresenting another student's efforts/work as your own. "Plagiarism" is the representation of another person's work, words or concepts as your own. Grading 90% = Course projects/assignments Project 50% Homework 25% Quiz 15% 10% = Class preparation/participation/attendance CP/P/A 10% Topics WEEK Lecture Topic Laboratory Exercise Homework Assignment 3

4 1 Overview of Web III syllabus Introduction to domain registries and hosting service Confirm prerequisite Introduction to goals of final project. Must have complexity, design consistency Should have an informational or business focus Review course syllabus. Students will select domain name and register Students will sign up for hosting service Students will select domain name and register Students will sign up for hosting service Research for website concept. Should have an informational or business focus 2 The web design professional Write a proposal Create wireframes, flowchart, sitemap Web site goals and objectives Advanced site architecture Experiment with design and branding, multiple versions Create professional proposal for client including timeline, objectives, flowchart, sitemap, and wireframes Experiment with design and branding, multiple versions Create professional proposal for client including timeline, objectives, flowchart, sitemap, and wireframes 4 Review of XHTML and CSS 4 Web Analytics implementation (on previously built site.) Present concepts Class critique 5 Navigation and interactivity: Advanced topics in design 6 Introduction to the Document object model (DOM) 7 Begin building site Q&A 8 SEO basics Writing for the web, focus on keywords Exercise in XHTML and CSS Present concepts Class critique Web Analytics implementation (on previously built site.) Experiment with compelling navigation and interactivity Exercises in using the DOM Build site SEO website Write SEO d content for project site Improve SEO content on previously built site Exercise in XHTML and CSS Continue design options Begin design options Web Analytics implementation (on previously built site.) Experiment with compelling navigation and interactivity Exercises in using the DOM Build site Write SEO d content for project site Improve SEO content on previously built site 4

5 9 Introduction to blogs Install blog Install theme 10 Integrating audio, video and Flash as design elements 11 Javascript: creative design elements and controlling the page 12 Thinking about your audience Engaging the user Directing flow 13 Preliminary individual review of project Assessment of traffic improvements after SEO d previously built site. 14 Quiz PHP includes: applied to main navigation Review of presentation requirements Install blog Install theme Experiments with integration of audio, video and Flash as design elements Javascript exercise Research and refine site design Review for stickiness Preliminary individual review of project Assessment of traffic improvements after SEO d previously built site. Questions for quiz Quiz PHP includes: applied to main navigation Review of presentation requirements 15 Final presentations Final presentations and critique Bibliography Styling With CSS Charles Wyke-Smith New Riders ISBN-10: CSS Mastery, Advanced Web Standards Andy Budd ISBN-10: DOM Scripting Jeremy Keith Install blog Install theme Experiments with integration of audio, video and Flash as design elements Javascript exercise Research and refine site design Review for stickiness Continue web site build Study for quiz PHP includes: applied to main navigation Complete final project 5

6 ISBN-10: