Syllabus - Advanced Responsive Web Design
Kent State University CCI 20826/40095-002 - 20827/50095-002
- Instructor Name:
- Christopher Hallahan
- Instructor Email:
- [email protected]
- Spring 2018
- CCI 40095-002 - 20826
- CCI 50095-002 - 20827
- Tuesdays, 3:45 - 5:00 p.m. and Thursdays, 3:00 - 5:00 p.m.
- IdeaBase, Downtown Kent
About This Course
Advanced Responsive Web Design takes the key principles covered in the basic Responsive Web Design course (or equivalent courses) and expands upon them within the framework of a client project.
The project will encompass the design and development of website in a content management system (CMS). Teams will be assigned responsibility to complete the project throughout the semester using advanced web design tools, including CSS preprocessors, templating languages and server configuration.
Just a few of the topics planned to be covered in the Responsive Web Design course include:
- Content management systems
- Themes and design systems
- Content planning
- Usability and device testing
- Style guides
- Agile/collaborative development
- Advanced CSS
- Project management
- Client interaction and training
- Server setup
Sophomore standing and successful completion of Responsive Web Design OR an equivalent course. The course instructor must give approval for a student to be enrolled in the course based on completion of prerequisites and proven execution of basic HTML, CSS and responsive design techniques.
Subject to Change Statement
The syllabus and course schedule may be subject to change. Changes will be communicated via email. It is the responsibility of students to check email messages and course announcements to stay current in the course.
In this course, students will:
- Collaborate to develop and launch a professional-level, working website and design system using responsive design principles
- Work as a team to solve complex problems around content, user experience, design and content management systems
- Get regular feedback on design decisions from the semester’s client
- Utilize project management and agile/Scrum-inspired skills to effectively manage time, resources and project deliverables
Most importantly, by the end of this course, students will be able to:
- Understand how a website or interactive property is developed from the beginning to the end, recognizing the various disciplines and roles involved
- Interact successfully with clients on real-world projects, taking their feedback and priorities/goals into account
- Apply project management skills to future projects, including resource management, task/deliverable timing and team collaboration skills
Course Textbook and Materials
Because this course is centered primarily around the completion of a collaborative client project, there are no required textbooks. However, I will assign readings from a web-related book of your choice (see Book Report assignment). These books will be provided by the instructor.
Classes will loosely run as follows:
- Weekly group Scrum sessions: 15 minutes each (twice per week). At the beginning of each class, each team lead will provide updates from the group on what they worked on during the previous week, any problems they are having and what they expect to focus on for the next week.
- Collaborative working time and consultation with the instructor during each class.
- Solidifying tasks and planning for the upcoming sprint (Sprint Planning) at the end of each sprint.
- Reviewing output from the previous sprint (Sprint Review) and evaluating the group’s working process (Sprint Retrospective) every few weeks.
- Working outside of class (at least 2 hours per week) on project deliverables.
- Mini topics/lectures from the instructor on Tuesdays, typically relating to the part of the project we’re working on that week.
Preparing for Class
Students are expected to come to class prepared. This means:
- Readiness to fully participate in discussions, work sessions and update sessions.
- Turning in assigned survey entries prior to each sprint.
- Completing assigned tasks and updating teams each week.
- Ensuring they have assigned tasks (cards) in Trello each week.
- Taking the initiative to communicate and collaborate with team members, as needed.
Officially, the Scrum framework (which we’ll be using to organize the semester project) recognizes no specific roles or titles for development team members. This ensures there are no barriers to collaboration - everyone is equally responsible for the end result.
However, being a classroom team that does not meet 5 days a week, I am going to structure the development team into lightweight roles to help distinguish responsibilities and roles throughout the project.
1: Content Strategy & User Experience
The User Experience (UX) team is responsible for advocating for all functionality related to how users interact with the product and the goals and user flows that drive them. This includes testing and getting feedback from actual end-users of the product. They will be particularly immersed in developing and refining content, requesting content from stakeholders (by way of the account manager). The UX team is responsible for documenting how the content must be developed to speak to their users.
See Detailed Responsibilities & Milestones
Visual Design and Front-End Development
4 Members (2 on visual design, 2 on front-end)
The Visual Design team is responsible for the visual design patterns as well as the general design language to be utilized for the product. While the design team may sketch and wireframe concepts in static design programs, design patterns must ultimately be developed into responsive design patterns that are in working condition. Additionally, by the end of the product, a library of design patterns and brand language used in the website will be developed.
See Detailed Responsibilities & Milestones
Content Management System and Back-End Development
2 Members (with 1 floating)
See Detailed Responsibilities & Milestones
Non-classroom role: Account Manager
The amount manager, who will work directly with the instructor (Product Owner), is responsible for managing direct communications with stakeholders and the client. If something is needed from the client, or a meeting is to be scheduled, the account manager will ensure requests are made according to deadlines and communication flows back to the development team and instructor. The account manager will frequently attend Scrum meetings and classroom sessions and summarize Sprint planning and retrospectives, ensuring transparency among team members.
Information on preparing for class will be posted to the class website and on Trello (the project planning system).
Because of the nature of this project, dates and priorities may change as the project progresses.
Student learning will be assessed through the following types of work: in-class participation, out of class participation and periodic surveys.
- Attending 15 minute virtual Scrum twice per week (attendance taken by ScrumMaster)
- Completing and logging their assigned tasks on Scrum Board at least 2 hours of project-related work per week
- Attending each class
- Completing a retrospective survey at the end of each Scrum (5 surveys) and retrospective presentation at the end of the course
- Completing the Book Report Assignment
- Completing the peer evaluation survey at the end of the semester
- Graduate Students
- Graduate student assignments may include a more challenging leadership role to support advanced mastery of the subject. When working in collaboration with an undergraduate student, only the graduate student is required to complete this component of the assignment.
There are 100 total possible points for the semester.
|Overall Task Completion and Quality||5|
|Graduate Student Teaching Assignment||(10)|
|Web Book Report Assignment||15|
|Peer and Self Evaluation||5|
|Sprint Retrospective Survey 1||10|
|Sprint Retrospective Survey 2||10|
|Sprint Retrospective Survey 3||10|
|Sprint Retrospective Survey 4||15|
|Sprint Retrospective Presentation 5||20|
Attending each of the 15 weeks is crucial. I will allow three missed classes for the semester. All subsequent absences will only be accepted for the following reasons: sickness (with medical note only), athletic event (with coach’s note), religious observation, military responsibility (with documentation) and death in the family (with documentation).
Students who miss more than three classes without proper documentation will receive a 0 for their class attendance grade for the semester (10% of grade).
In addition to class, there will be other required meetings or out-of-class working sessions. Attendance at these sessions (dates and times agreed upon by the group) are critical and will be reflected in the participation grade.
If you miss class, you are still responsible for contacting the team lead to see what was assigned that day, as well as meeting all assignment deadlines.
Late submissions in this class will not be accepted, unless the student has a university-approved excuse. Kent State accepts the following reasons for late assignments: sickness with medical note, athletic event (with coach’s note), religious observation, military responsibility (with documentation), death in the family (with documentation).
Because of the nature of the course, all milestone deadlines must be met. If deadlines are consistently missed, the student’s retrospective survey grade for each milestone will be reduced accordingly.
This class uses team-based learning for part or all of the semester. Students must agree to follow the Group Rules & Expectations throughout the course of the project.
Final letter grades will be assigned on the basis of the following table. Graduate student assignments will take into account additional advanced components (described within the assignment), differing from undergraduate assignments.
|A||93% or higher|
Hardware & Software
- Although a laptop is not required, if you have a laptop you are encouraged to bring it to class, as it may be helpful for following along in class. You’ll also be viewing and testing your work on multiple devices, so phones and tablets are encouraged.
- Computers will be provided for in-class work, but you may be asked to share with another student. Students will also be permitted to work on these computers outside of class, when needed.
- We will be using a variety of free and paid software programs and tools.
- Paid software may only be used on university-owned computers and will be provided at no charge. If you would like to use paid software on your personal computer, the instructor may provide a license. However, the license must be deactivated at the end of the semester.
- Software programs and tools to be used in the course include: Sketch, CodeKit, MAMP Pro, Tower, Illustrator, Atom, GitHub, web browsers and Google Drive.
Communicating with the Instructor
My office hours for this semester are:
- Tuesdays: 3:00 - 3:45 p.m.
- By Appointment
My email address is [email protected]. Here is my email policy:
- I will usually respond within 24 hours during the week (Mon-Fri). Do not expect an immediate response.
- I typically check email in the afternoons or evenings, not in the mornings.
- I may not respond to email on weekends.
University Policies and Procedures
The following policies and procedures apply to students enrolled at Kent State University. For a complete listing of university policies, please visit the Policy Register page on the Kent State University website.
Course enrollment and withdrawal
University policy requires all students to be officially registered in each class they are attending. Students who are not officially registered for a course by published deadlines should not be attending classes and will not receive credit or a grade for the course. Each student must confirm enrollment by checking his/her class schedule (using Student Tools in FlashFast) prior to the deadline indicated. Registration errors must be corrected prior to the deadline.
Every class has its own schedule of deadlines and considerations. To view the add/drop schedule and other important dates for this class, go to the Student Category / Dashboard / in FlashLine and choose View or Print Course Schedule and Purchase Textbooks link. To see the deadlines for this course, click on the CRN or choose the Add or drop a Course link in the Student Category / Resources Page / Courses and Registration section and click on the green clock next to the course under Registration Deadlines.
The administrative mark of IN (Incomplete) may be given to students who are unable to complete the work due to extenuating circumstances. To be eligible, undergraduate students must be currently passing and have completed at least 12 weeks of the semester. Graduate students must be currently earning a C or better grade and are unable to complete the required work between the course withdrawal deadline and the end of classes. The time line shall be adjusted appropriate for summer sessions and flexibly scheduled courses. Appropriate documentation is generally required to support the extenuating circumstance. The student must initiate the request for the Incomplete mark from the instructor, and it is the responsibility of the student to arrange to make up the incomplete work. Incomplete grades must be made up within one semester (not including summer sessions) for undergraduate students and one calendar year for graduate students. Unless the course is completed or an extension is granted, incomplete grades will automatically lapse to the grade designated on the Incomplete Mark Form at the end of one semester for undergraduate students and at the end of one year for graduate students.
University use of electronic mail
A university-assigned student email account shall be an official university means of communication with all students at Kent State University. Students are responsible for all information sent to them via their university-assigned email account. If a student chooses to forward information in their university email account, he or she is responsible for all information, including attachments, sent to any other email account. To stay current with university information, students are expected to check their official university email account and other electronic communications on a frequent and consistent basis. Recognizing that some communications may be time-critical, the university recommends that electronic communications be checked minimally twice a week.
Plagiarism and academic integrity
Students enrolled in the university, at all its campuses, are to perform their academic work according to standards set by faculty members, departments, schools and colleges of the university; and cheating and plagiarism constitute fraudulent misrepresentation for which no credit can be given and for which appropriate sanctions are warranted and will be applied. For more information: http://www.kent.edu/plagiarism.
Students with disabilities
University policy 3342-3-01.3 requires that students with disabilities be provided reasonable accommodations to ensure their equal access to course content. If you have a documented disability and require accommodations, please contact the instructor at the beginning of the semester to make arrangements for necessary classroom adjustments. Please note, you must first verify your eligibility for these through Student Accessibility Services (contact 330-672-3391 or visit www.kent.edu/sas for more information on registration procedures).
Student survey of instruction evaluation
It is a standard practice of Kent State University to distribute and administer to the learners a confidential and anonymous questionnaire at the completion of the course. The results will be forwarded to the Instructor only at the completion of the class and the submission of all grades. The Instructor will then incorporate the feedback received in future course offerings and in his continual improvement of the course. Please candidly and honestly describe your opinions of the strengths and weakness you experienced as a learner in the course.
Notice of my copyright and intellectual property rights
Any intellectual property displayed or distributed to students during this course (including but not limited to powerpoints, notes, quizzes, examinations) by the professor/lecturer/instructor remains the intellectual property of the professor/lecturer/instructor. This means that the student may not distribute, publish or provide such intellectual property to any other person or entity for any reason, commercial or otherwise, without the express written permission of the professor/lecturer/instructor.
Return to Class