Credits 3.00 credits
Instructor Juan M. Parada
Class Meetings Friday 01:00 – 6:50PM
Semester/Year Spring 2016
Increasingly, the Web is becoming the de facto medium for communicating and networking with
others, sharing and accessing information and knowledge, doing business, and engaging the
world. This studio course focuses on the creation of web sites through the concepts and practical application of interactivity. Comprised of readings and group discussions, short assignments, and long-term projects, individual creativity and iterative design are stressed as well as the understanding and use of the Web as an interactive platform in the communication of ideas. Both collaborative and individual exercises will be assigned.
Web Design Studio will equip students with the skills to quickly create a web-presence. They will learn to leverage existing technologies, services, and frameworks to get the most from today’s maturing Internet. By balancing online existing services and learning the basics to hand-code a website, students will gain a broad understanding of the language of the Internet, Web Design and the Dynamic Web. Students will apply the knowledge they gain by creating a personal website, then adapting their site to suit a mobile audience.
Faculty Office Hours
By appointment only
Office: Terra 1211A
• Set up a local web development environment
• Understand contemporary web standards, accessibility guidelines, and semantic web development using CSS and HTML5.
• Develop a knowledge of available web services/APIs and content management systems, be able to leverage their use for web projects (WordPress)
• Practice an iterative design methodology alongside project management techniques (both individually and through group work).
• Design and build a functional website and deploy it to the Internet
• Understand mobile web browsing and adapt your website to work with mobile devices
• More narrowly focused assignments, exercises, and presentations will be given in order to
sharpen studentsʼ skills in project management, interface design, user experience design,
information design, HTML/CSS programming, and CMS usage.
• The Studio section of the class will provide students with the opportunity to put the lectures into practice and thus is extremely important.
• Your Own Custom Blog
You will deploy and customize your own WordPress blog. Here, you will eventually post all your assignments, notes, questions, etc. At the end of the semester, I must be able to find all your work here.
• Final Project
Students build a personal website (blog, portfolio, business, etc.) that demonstrates
understanding of all concepts covered over the first half of the semester.
• Mobilize Personal Website
Students will develop a mobile version of a website. They will learn the current best practices, creating a site that degrades gracefully to work on the widest range of mobile handsets.
• Final Documentation
All web-based projects completed during this course are required to be hosted and live at
students’ web domains. Additionally, students will maintain a class wiki containing all of your
work from the course: research, inspiration, process diagrams, schematics, design iterations, screenshots, code snippets, and more. Specific requirements will be given at a later date. Additionally, all project files must be submitted along with the final project.
Required Supplies and Software
• HTML Text Editor – Mac: skEdit, BBEdit, Coda, TextMate
• FTP App Mac: Transmit, Fetch
• Students must acquire their own web hosting account and domain for posting their projects.
Hosting accounts must have PHP and MySQL enabled. Students may choose to share hosting accounts as most allow for hosting multiple domains under a single account.
Attendance and Lateness Policies:
• Unexcused absences will affect your grade. Attendance will be taken at the beginning of
every class. Since there is so much technical, conceptual, and design information to
absorb, regular attendance is essential. Contact me in advance if you will not be
in class (in person or by email is preferred and not AFTER the fact).
• One absence is allowed; after that, your grade will drop. This is a weekly, six hour production class. Be on time.
Professionalism and Behavior:
The classroom will be a safe, respectful environment for everyone. The expectation is that you will be quiet unless called upon to speak. If you are late or leave early you will enter/exit the classroom in the least distracting manner possible and not burden the professor, or other students, with the task of getting you caught up while the class is otherwise engaged in lecture and discussions. You are responsible to find out what you missed at an appropriate time, either during open lab or outside of class. The use of electronic devices with not be permitted during demos and class discussions, but may be used quietly during open lab times. There is NO tolerance for violence, cruelty and vandalism.
Academic Integrity Standards
You are responsible for reading, understanding and abiding by The University of the Arts Student Handbook. 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.
Students who believe they are eligible for course accommodations under the ADA or Section 504 or have had accommodations or modifications in the past, should contact the Office of Educational Accessibility at 215.717.6616 to arrange for appropriate accommodations and to obtain an accommodations letter, if applicable. Faculty can provide course accommodations/modifications only after receipt of an approved accommodations letter from the office of Educational Accessibility. Accommodation letters can be provided to qualified students at any time during the semester, but grades earned before the letter is received by the faculty cannot be changed.
• Short-term Assignments – Studio work (HW) = 10%
• Mid Term = 30%
• WordPress setup and customization = 20%
• Final Project (Mobile Website, Final Documentation) = 40%
Grading Assessment Criteria
• All work assigned will be completed and delivered on the due date, otherwise you will
receive a failing grade for that assignment. In other words, late work will not be
accepted. All work must be turned in at the beginning of class or it will be considered late.
• Makeup assignments are only available when discussed with and approved by the
instructor in advance of the due date.
• Each student will be judged on the application of the ideas and concepts introduced during
the course. Incomplete or unsatisfactory work will receive a failing grade.
Your ﬁnal grade will be based upon a combination of qualitative and quantitative evaluation of
Class Schedule – Subject to Change