Syllabus: Capstone Web Design

Transcription

1 Syllabus: Capstone Web Design CE 0002C 01 Fall 2012 CE 0002C Section 01 Fall 2012 Course Information: Location: Terra Hall, Room 1223 Dates: 10/2/ /11/2012 Note: There will be no classes the week of November for the Thanksgiving Holiday Instructor Information: Name: Tim Quirino Policy: I don't hold "regular" office hours but I do have access to every day & night during the week. On weekends typically wait until Sunday night to respond to s. Since I'm providing you with my work-related address, please include the name of the class in the subject line of any message you send over. Instructor Bio Tim Quirino is the Senior Interactive Designer at P unk Avenue, a web agency in Philadelphia. He has a degree in Graphic Design from Drexel University. Upon graduating, he started Big Red Tank and freelanced for the entertainment & music industry working with A&E Television Networks, Fueled By Ramen, Warner Bros. Recording, Sony/BMG, and many others to design websites, & merchandise. He was a Multimedia Designer at QVC, where he designed user interfaces for the flagship ios and Android mobile applications. In the 2 years he was there, QVC went from having just 1 app, to releasing an entire suite of apps catering to their very loyal (and increasingly tech-savvy) customers. In 2007 Tim co-founded Geekadelphia with Eric Smith, which led to his involvement in Ford Automotive's Fiesta Movement Chapter II in The movement led to the highest amount of pre-orders for any Ford vehicle to date. Geekadelphia is also Philadelphia s greatest source of news & interviews for anything relating to pop-culture, video games, movies, television, local events, and...well... geeks. It has also led to the creation of the Philly Geek Awards, which Tim organizes every year with Eric Smith. Course Description: This course is designed to provide you with the opportunity to demonstrate the skills and knowledge you have learned in the Web Design Certificate program. At its core, this course focuses on project management skills, planning and the creation of a successful website that meets the needs and expectations of a real-world client. You must arrive at the first class session having identified a client for your project. This course concludes with a formal presentation to a panel of instructors and students. Prerequisite: This class is for Web Design Certificate enrollees only; successful completion of all prerequisite classes is mandatory. Pre-requisites: (if applicable) Successful completion of all pre-requisite courses for the Web Design Certificate. You must arrive to the first class session having identified a client for your Capstone Project which will be outlined in the DT Capstone Project Proposal Form. This course concludes with a formal presentation to a panel of instructors and students. 1

2 Course Overview This course is the final course in the Web Design Certificate Program. Students will be complete a project that represents their focus and is suitable for a real-world client. Students will also prepare a contract, professional resume, and a short bio that will accompany their final project. Course Objectives/Learning Objectives: At the end of this course, students will have designed and built a successful website that addresses and meets the needs of the client they have selected. In addition to the website, students will also have basic knowledge and training of how Basecamp works as a project management tool that helps manage client expectations and communicates milestones and tasks effectively. Course Resources Software Usage of computer labs and the necessary Adobe Creative Suite tools Textbooks (s) Textbooks are not required, but each student may be given some recommended reading based on the needs of their client. Web-Hosting The University will provide each student with his/her own subdomain to host the client website for the purposes of the Capstone Course. This hosting also acts as a staging server that students will use to show their clients their respective websites in a live environment. Additional Course Materials Supplies Usage of the following services and applications may be discussed, but are absolutely not required: Dropbox - for collaboration and file sharing Freshbooks - for invoicing clients and preparing estimates Timecop - for time tracking, specifically for clients that are paying hourly Course Activities Preparing a Client Contract Managing Client expectations and communicating effectively through project management software (Basecamp). Creating Content Strategy and Information Architecture (user stories, sitemaps, wireframes, etc.) Designing the website Discussion through In-class critiques as well as client feedback Building the website using static HTML & CSS Preparing the website for delivery (and hosting it on the staging environment) Writing a summary of tasks executed into a short profile of the project (case study) for use in a portfolio Course Policies All client communication should be completed through Basecamp. This includes submission of static deliverables (wireframes, information architecture, moodboards, and designs). Web files should be stored and presented on University provided hosting for staging. Final website should reside on a private host purchased and managed by either the student or the client. 2

3 Attendance + Participation All students are expected to attend classes regularly and promptly, and for the duration of the scheduled instructional time. Individual instructors will decide the optimum time for taking attendance and may penalize for habitual lateness of absence. Repeated absences may result in a grade of "F" for the course. Students who withdraw from a course must do so in writing. Nonattendance does not constitute an official withdrawal. University Policies: Academic Honesty/ Integrity Policy Violations of academic integrity are considered to be acts of academic dishonesty and include (but are not limited to) cheating, plagiarizing, fabrication, denying others access to information or material, and facilitating academic dishonesty, and are subject to disciplinary action. To review the Academic Honesty/ Integrity Policy in its entirety, please visit: ACT 48 Activity Hours To have ACT 48 Activity Hours for this course reported to the Pennsylvania Department of Education (PDE) you must complete and return the CE Request for Activity Hours Submission Form to the UArts Continuing Studies Office and meet all requirements outlined by the PDE. Student Code of Conduct It is the policy of the Division of Continuing Studies to provide a safe and healthy environment for learning, personal growth and enjoyment. The well being of this community depends upon the good judgment and considerate behavior of its members. Student status at The University of the Arts is not an unconditional right, but a privilege subject to certain rules and expectations articulated in the Student Code of Conduct. To review the Student Code of Conduct in its entirety, please visit: Grading: Your final grade will be based on the following: Component Points Client Contract & Management 20% Website R&D, Planning, and UX 20% Website Design 30% Client Evaluation 15% Completion of all required documents 15% Total 100% Your grade will be calculated using the following scale: Grade Percentange Range Grade Point A % 4.0 A %

4 B % 3.33 B 86 83% 3.0 B % 2.67 C % 2.33 C 76 73% 2.0 C % 1.67 D % 1.33 D 63 66% 1.0 F 59% or less 0.0 P Pass - Schedule: + Date 1 10/2 2 10/9 Topic Coursework Due Introductions Presentation/ In- Class work Assignment Presentation + Discussion Assignment Present instructor with DT Capstone Project Proposal. We will talk through the basics of what your contract should have. I will distribute electronic versions of sample contracts for reference. Setup Basecamp accounts and learn how to start using them. Contact your client and discuss project requirements. Write and deliver the contract. Signed contract due next class. You ve got your proposal/contract signed. Let s pretend that the check for your first invoice is literally on its way. Now what? We ll discuss planning, content strategy, information architecture, and user experience basics. Will distribute examples of each, and what parts are essential to doing things right. Discussion to follow. Get cozy with your client within your own Basecamp project. (Overview of contract, etc) Basic Timeline (varies with student) Basic Sitemap Website Wireframes Signed Contract 2-10/9/ /16/ /16 In-Class workshop Discuss previous assignment individually. Continue working on + refining Timeline, Sitemap + Wireframes - be ready to send the results to your client by the end of class Assignment Send Timeline, Sitemap, Wireframes to client. Have the content discussion with client Client feedback due by next class Client Feedback 4-4

5 10/23/ /23 Demo & Discussion Group discussion about client expectations + feedback Interpreting Client needs + designing a website that you can build yourself. Assignment Website Design 5 10/30/ /30 Workshop + Individual Discussion Assignment Deliver design to client Client feedback due by next class Client Feedback 6-11/6/ /6 Demo In-class Workshop Preparing your design files for front-end build. Continue working on designs based on client feedback while discussing progress individually with instructor. Assignment Seek to have final Design approval from client Begin building website on staging server Continue to communicate and respond to client feedback with new solutions Remind your client about real content being available (copy, photos, videos) for staging. 7-11/13/ /13 Demo In-class Workshop Working with Inspector for CSS + HTML tweaks. Getting comfortable with browser inconsistencies. Creating a solid workflow. By now, the client should have signed off on the design aspect. If they haven t, do your best to get to this stage so that your build process can happen through the week of Thanksgiving. Assignment Website feature-complete by next class Website Feature 8-11/27/12 5

6 8 11/27 Demo It s aliiiiiiive! The website is a working version of what your client asked for. The only thing left to do is import content and QA thoroughly. Importing content, identifying bugs and problems in a QA process. Assignment Show the staging website to the client Ask them nicely to comply with your demands for content so that you can have a completed website Bring as much content as possible for next class 9-12/4/ /4 In-class Workshop Instructor meets with students individually to get caught up while the class works on finishing their websites. Assignment Finalize website with content Write a case study Prepare a new resume 10-12/ /11 Presentations & Final Critique Students present final website on a digital screen large enough for group discussion. Instructor may invite another industry professional as a guest to help provide feedback and comments. 6