search

github-education-resources / classroom

GitHub Classroom automates repository creation and access control, making it easy for teachers to distribute starter code and collect assignments on GitHub.
https://classroom.github.com
1.34k stars 566 forks source link

Assignment create (individual, group), view, listing pages (IA redesign) #2506

Open femmebot opened 4 years ago

femmebot commented 4 years ago

moved to https://github.com/github/classroom/issues/89

Part of IA redesign (tracking) for the Assignment pages:

Refer to the Figma mockups (006.0 - 012) for details/context. See below for itemized mockups.

Mockups:

New Individual Assignment ## New individual assignment ### Create a new individual assignment default view [Figma 006](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A18172) 006 ### edit prefix toggle view [Figma 006. 1](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A18313) codepen prototype demonstrating prefix editing behavior: https://codepen.io/femmebot/pen/GRgOZLR 006 1 ### toggle starter code option [Figma 006. 2](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A18881) 006 2 ### Starter code option enabled [Figma 006. 3](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A18455) 006 3 ###Add deadline option toggle [Figma 006. 4](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A19395) 006 4 ###Deadline option enabled [Figma 006. 5](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A18597) 006 5
New Group Assignment ### Create a new group assignment default view [Figma 012](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=1049%3A268) 012 ### Add starter code toggle [Figma 012. 1](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=1051%3A26) 012 1 ### Grant admin access toggle [Figma 012. 2](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=1054%3A0) 012 2
Assignment submissions/landing page ### Assignment landing page, blank slate, first assignment For **first** assignment created in a classroom, display the popover and add a highlight to URL checkbox. Remove highlight when the popover is dismissed. Don't show popover and highlight on subsequent assignments for the classroom. [Figma 007](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A17275) 007 ### Assignment landing page, blank slate, no popover [Figma 007. 1](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A17977) 007 1 ### Assignment landing page, copy URL widget invoked [Figma 007. 2](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A17470) 007 2
Classroom assignments listing ### Classroom landing page with assignment list [Figma 008](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A24001) 008 ### Classroom landing page with assignment list, copy URL widget invoked [Figma 008. 1](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A24751) 008 1 ### Classroom landing page with assignment list [Figma 008. 2](https://www.figma.com/file/L40ym5wffm0yMyxXilbY7j/Classroom-onboarding?node-id=914%3A24348) 008 2