Schedule

Links

• Syllabus (pdf)
• UR Courses

Assignments

Usability and User Experience Goals ()

• Marks: 11
• Due Date: 08-Mar-2022 @ 23:59
• Discuss
• Submit

Description

This is an INDIVIDUAL assignment.

Follow the instructions for “Proctortrack Onboarding and Practice Exam” (at this link) and “Onboarding Quiz” (at this link) As you complete this activity, reflect on your experience.

Specifically, you are asked to:

1. Describe the steps that you undertake to perform the “Proctortrack Onboarding and Practice Exam” and “Onboarding Quiz” activities.
2. Share your user experience from completing the “Proctortrack Onboarding and Practice Exam” and “Onboarding Quiz” activities.
3. Reflect on the usability and user experience goals that you find applicable to your experience of completing the activities. (Sharp et al., Section 1.7)
4. Phrase each of the applicable usability and user experience goals as questions that can be used to evaluate the Proctortrack interface. They may be based on issues that you have come across with while completing the activities.
5. Suggest possible improvements for the “Proctortrack Onboarding and Practice Exam” and “Onboarding Quiz” activities, that will answer the questions that you asked.

Submission

• submit a single pdf document on UR Courses
• target: up to 1 page for a description of the steps you took to complete the activity, 1 paragraph for user experience, 1-2 pages for the user experience and usability goals and relevant questions, up to 1 page for the suggested improvements.

Grading

This assignment is worth 11 marks, according to the following rubric:

Rubric

DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email

Calculator

Rubric Criteria

Activity Described (2.0) criteria_UUX Choose... Exemplary (+): Includes everything as requested Exemplary: Includes everything as requested Exemplary (-): Includes everything as requested Sufficient (+): Includes mostly all as requested Sufficient: Includes mostly all as requested Sufficient (-): Includes mostly all as requested Developing (+): Not described as requested Developing: Not described as requested Developing (-): Not described as requested Needs Improvement: Not described

Goals Stated (3.0) criteria_UUX Choose... Exemplary (+): Goals are well stated for each set of experience Exemplary: Goals are well stated for each set of experience Exemplary (-): Goals are well stated for each set of experience Sufficient (+): Missing a little Sufficient: Missing a little Sufficient (-): Missing a little Developing (+): Few entries, lack relevance Developing: Few entries, lack relevance Developing (-): Few entries, lack relevance Needs Improvement: Substantially incomplete

Questions (3.0) criteria_UUX Choose... Exemplary (+): Right questions asked Exemplary: Right questions asked Exemplary (-): Right questions asked Sufficient (+): Missing one question Sufficient: Missing one question Sufficient (-): Missing one question Developing (+): Lack relevance Developing: Lack relevance Developing (-): Lack relevance Needs Improvement: No questions

Suggested Improvements (3.0) criteria_UUX Choose... Exemplary (+): Thoughtful suggestions Exemplary: Thoughtful suggestions Exemplary (-): Thoughtful suggestions Sufficient (+): Sufficient Sufficient: Sufficient Sufficient (-): Sufficient Developing (+): Lacks relevance Developing: Lacks relevance Developing (-): Lacks relevance Needs Improvement: Opportunities not identified

Penalties

None (on-time and followed instructions)

Instructions not followed

Assignment submitted late, but within 48 hours

Assignment submitted more than 48 hours late and before cut-off date

Assignment not submitted before cut-off date

Output

Evaluate Copy Output to Clipboard Clear Form

WAI-ARIA with react+node+bootstrap ()

• Marks: 14
• Due Date: 19-Apr-2022 @ 23:59
• Discuss
• Submit

Description

This is an INDIVIDUAL assignment.

In this assignment, you’ll create a new react + node + bootstrap app that allows to gain some practical experience with a modern development environment and with WAI-ARIA.

Take this page as an inspiration: http://www2.cs.uregina.ca//~hepting/teaching/CS-730/202210/meetings/07_Tue-01-Feb-2022.html. Begin with the Carousel component and add other pieces as you are able. This is an important link to look at.

Commits

Having an active commit history on GitHub is important for your future job search as it ensures your work is saved in your repository and if something goes wrong, committing often enables you to go back to a working version of your code.

Instructions

1. Start by using this as the introductory step.

2. Use carousel/s as the component to implemented.

3. Using the example write a code that administers accessibility and inclusiveness .

4. At a minimum, interface shall have atleast 5 or more images/contents to navigate through.

Minimum Requirements

---

Create a README.md

Add a README.md to your repository describing the project. Here are some resources for creating your README.md. Here are some resources to help you along the way:

• About READMEs

• Mastering Markdown

---

Add To Your Portfolio

---

---

One More Thing

If you have any questions about this project or the material we have covered, please post them in the community channels in URcourses so that your fellow developers can help you! If you’re still having trouble, you can come to office hours for assistance from your instructor.

Good Luck!

Submission

• Submit the link to your Github repository on UR Courses

Grading

This assignment is worth 14 marks, according to the following rubric:

Rubric

DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email

Calculator

Rubric Criteria

react + node + bootstrap app (8.0) criteria_ARIA Choose... Exemplary (+): Includes everything as requested Exemplary: Includes everything as requested Exemplary (-): Includes everything as requested Sufficient (+): Includes mostly all as requested Sufficient: Includes mostly all as requested Sufficient (-): Includes mostly all as requested Developing (+): Not described as requested Developing: Not described as requested Developing (-): Not described as requested Needs Improvement: Not described

repository on github.com (2.0) criteria_ARIA Choose... Exemplary (+): Includes everything as requested Exemplary: Includes everything as requested Exemplary (-): Includes everything as requested Sufficient (+): Includes mostly all as requested Sufficient: Includes mostly all as requested Sufficient (-): Includes mostly all as requested Developing (+): Not described as requested Developing: Not described as requested Developing (-): Not described as requested Needs Improvement: Not described

README.md so others might have great UX (4.0) criteria_ARIA Choose... Exemplary (+): Includes everything as requested Exemplary: Includes everything as requested Exemplary (-): Includes everything as requested Sufficient (+): Includes mostly all as requested Sufficient: Includes mostly all as requested Sufficient (-): Includes mostly all as requested Developing (+): Not described as requested Developing: Not described as requested Developing (-): Not described as requested Needs Improvement: Not described

Penalties

None (on-time and followed instructions)

Instructions not followed

Assignment submitted late, but within 48 hours

Assignment submitted more than 48 hours late and before cut-off date

Assignment not submitted before cut-off date

Output

Evaluate Copy Output to Clipboard Clear Form

Exams