HCI 590 Topics in Human-Computer Interaction
Summary
Practice of interaction design using a code-based front-end
framework such as Vue and React. Students design and develop interactive user
interfaces following the user-centered design process. Code-based
approaches are practiced for meeting design standards, ensuring
consistency and permitting reuse of partial designs. Alternate
frameworks may be explored to identify relative advantages of various
approaches.
Course Goals
By the end of the quarter, students will be able to:
- Develop interactive user interfaces using a code-based framework such as Vue and React
- Practice code-based design in the context of a user-centered design process
- Identify reusable design components and catalog them for future use
- Articulate trade-offs between code-based approaches and visual design tools
- Explain how front-end development fits within a full-stack software architecture
Texts
All texts are available online as Safari books through the DePaul Library.
Required Texts
Learning Vue.js
Olga Filipova
Web ISBN-13: 978-1-78646-113-1
Optional Texts
JavaScript: The Good Parts
Douglas Crockford
Print ISBN-13: 978-0-596-51774-8
Grading
| 30% (60 points, 20 points per project) |
Small Projects (3) |
| 10% (20 points) |
Preliminary project |
| 25% (50 points) |
Final project |
| 10% (20 points) |
Technical Quiz |
| 25% (50 points) |
Technical Exam |
Students receiving more than 90% of possible points are guaranteed at
least an A-, more than 80% at least a B-, more than 70% at least a C-,
and more than 60% at least a D.
All submitted work (e.g. project reports, peer reviews, online
discussions) must be original work unless its source is clearly
referenced. Failure to clearly attribute quotes or designs from other
people's work constitutes plagiarism. Violations will generally
receive no credit for a given submission.
Policies
Students are expected to attend every class.
Tests can be made up with a serious documented excuse
(e.g. illness, death in the family) and must be arranged as soon as
possible. Arrangements involving other excuses require prior
permission from the instructor.
Late assignments will be accepted up to 3 days late, with a 1 point
penalty. Assignments submitted more than 3 days after the due date
will not be accepted without an excused absence cleared
by the dean
of students office (see forms for submitting an excused
absence).
Additional assignments for extra credit will not be offered.
All grade challenges must be submitted in writing and include an
explanation why the given score or grade should be reconsidered.
Prerequisites
IT 411, HCI 430 and HCI 454 are prerequisites to this course.
Tentative Schedule
| Week |
Topic |
Reading |
Assignment |
| Sep 6 |
Course overview, Intro to Vue |
Course Notes |
? |
| Sep 13 |
Vue and JS Basics |
Introduction from Vue Guide
|
Lab (second half), Project 1 |
| Sep 20 |
JS, jQuery and Vue Fundamentals |
Filipova ch. 1 and 2, Essentials from Vue Guide
|
|
| Sep 27 |
Components |
Filipova ch. 3 |
Lab (first half)Project 2 |
| Oct 4 |
Reactivity |
Filipova ch. 4, Reactivity in Depth from Vue Guide |
Technical Quiz |
| Oct 11 |
Managing State and History |
Filipova ch. 5 |
Project 3 |
| Oct 18 |
Mixins, Plugins and Code Reuse |
Filipova ch. 6 |
? |
| Oct 25 |
Testing and Deployment |
Filipova ch. 7, 8 |
Preliminary Project |
| Nov 1 |
Alternate Frameworks |
Course notes |
Technical Exam |
| Nov 8 |
Project-based content |
TBD |
Lab (second half) |
| Nov 15 |
? |
? |
Final Project |
This syllabus is subject to change as necessary during the quarter. If a change occurs, it will be thoroughly addressed during class, posted under Announcements in D2L and sent via email.
Evaluations are a way for students to provide valuable feedback regarding their instructor and the course. Detailed feedback will enable the instructor to continuously tailor teaching methods and course
content to meet the learning goals of the course and the academic needs of the students. They are a requirement of the course and are key to continue to provide you with the highest quality of teaching. The
evaluations are anonymous; the instructor and administration do not track who entered what responses. A program is used to check if the student completed the evaluations, but the evaluation is completely
separate from the student’s identity. Since 100% participation is our goal, students are sent periodic reminders over three weeks. Students do not receive reminders once they complete the evaluation.
Students complete the evaluation online in CampusConnect.
This course will be subject to the university's academic integrity policy. More information can be found at http://academicintegrity.depaul.edu/ If you
have any questions be sure to consult with your professor.
All students are expected to abide by the University's Academic Integrity Policy which prohibits cheating and other misconduct in student coursework. Publicly sharing or posting online any prior or current materials from this course (including exam questions or answers), is considered to be providing unauthorized assistance prohibited by the policy. Both students who share/post and students who access or use such materials are considered to be cheating under the Policy and will be subject to sanctions for violations of Academic Integrity.
All students are required to manage their class schedules each term in accordance with the deadlines for enrolling and withdrawing as indicated in the University Academic Calendar. Information on enrollment, withdrawal, grading and incompletes can be found at http://www.cdm.depaul.edu/Current%20Students/Pages/PoliciesandProcedures.aspx.
Students who feel they may need an accommodation based on the impact of a disability should contact the instructor privately to discuss their specific needs. All discussions will remain confidential.
To ensure that you receive the most appropriate accommodation based on your needs, contact the instructor as early as possible in the quarter (preferably within the first week of class), and make sure that
you have contacted the Center for Students with Disabilities (CSD) at:
Lewis Center 1420, 25 East Jackson Blvd.
Phone number: (312)362-8002
Fax: (312)362-6544
TTY: (773)325.7296