Merge pull request #449 from 01-edu/groupie-trackers-visualization

groupie-trackers-visualization

subjects/groupie-tracker/groupie-tracker-visualization.audit.en.md

@@ -0,0 +1,35 @@
+#### Functional
+
+###### Do the colors used allow a good visual contrast (ex: it is difficult to read a yellow text on a white background)?
+
+###### Is the design [consistent](https://digitalcommunications.wp.st-andrews.ac.uk/2016/04/07/why-is-consistency-important-in-web-design/)? (examples: every page follows the same palette of colors, is all centered or is it everything aligned to the right, etc.)
+
+###### Is the design [responsive](https://smallbiztrends.com/2013/05/what-is-responsive-web-design.html)? (when you change the width/ height of the page, is the site consistent?)
+
+###### Is the [interaction design](https://en.m.wikipedia.org/wiki/Interaction_design) good (is the interface easily usable)?
+
+##### Try to explore an inexistent page.
+
+###### Is the design for the 404 HTTP status covered?
+
+#### General
+
+###### +Is it easy to use the web site?
+
+###### +Does it have a background?
+
+#### Basic
+
+###### +Does the project runs quickly and effectively (Favoring of recursive, no unnecessary data requests, etc.)?
+
+###### +Is there a test file for this code?
+
+###### +Are the tests checking each possible case?
+
+###### +Does the code obey the [good practices](https://public.01-edu.org/subjects/good-practices.en)?
+
+#### Social
+
+###### +Did you learn anything from this project?
+
+###### +Would you recommend/nominate this program as an example for the rest of the school?

subjects/groupie-tracker/groupie-tracker-visualization.en.md

@@ -0,0 +1,28 @@
+## groupie-tracker-visualization
+
+### Objectives
+
+You must follow the same [principles](https://public.01-edu.org/subjects/groupie-tracker/groupie-tracker.en) as the first subject.
+
+Groupie-tracker-visualization consists on manipulating the data coming from the API and displaying it in the most presentable way possible to you, following the [*Schneiderman's 8 Golden Rules of Interface Design*](https://www.interaction-design.org/literature/article/shneiderman-s-eight-golden-rules-will-help-you-design-better-interfaces) :
+
+- Strive for consistency
+- Enable frequent users to use shortcuts
+- Offer informative feedback
+- Design dialogue to yield closure
+- Offer simple error handling
+- Permit easy reversal of actions
+- Support internal locus of control
+- Reduce short-term memory load
+
+This project will help you learn about:
+
+- The basics of human-computer interface.
+- The basics of CSS.
+- Linking CSS and HTML.
+
+### Instructions
+
+- Your project must contain **CSS**.
+- The code must respect the [**good practices**](https://public.01-edu.org/subjects/good-practices.en).
+- We suggest you to search for the principles of a good website design.

subjects/groupie-trackers/groupie-trackers-visualization.audit.en.md

@@ -0,0 +1,35 @@
+#### Functional Project Questions
+
+###### Does the colors used allow you to see the text properly (ex: you can't see yellow text in a white background that well)?
+
+###### Is the design [consistent](https://digitalcommunications.wp.st-andrews.ac.uk/2016/04/07/why-is-consistency-important-in-web-design/)? (examples: every page follows the same palette of colors, is all centered or is it everything aligned to the right, etc.)
+
+###### Is the design [responsive](https://smallbiztrends.com/2013/05/what-is-responsive-web-design.html)? (when you change the width/ height of the page, is the site consistent?)
+
+###### Is the design [interactive](https://en.m.wikipedia.org/wiki/Interactive_design)? (does it interact with the actions of the user?)
+
+##### Try to explore an inexistent page.
+
+###### Is the design for the 404 HTTP status covered?
+
+#### General
+
+###### +Is it easy to use the web site?
+
+###### +Does it have a background?
+
+#### Basic
+
+###### +Does the project runs quickly and effectively (Favoring of recursive, no unnecessary data requests, etc.)?
+
+###### +Is there a test file for this code?
+
+###### +Are the tests checking each possible case?
+
+###### +Does the code obey the [good practices](https://public.01-edu.org/subjects/good-practices.en)?
+
+#### Social
+
+###### +Did you learn anything from this project?
+
+###### +Would you recommend/nominate this program as an example for the rest of the school?

subjects/groupie-trackers/groupie-trackers-visualization.en.md

@@ -0,0 +1,28 @@
+## groupie-trackers-visualization
+
+### Objectives
+
+You must follow the same [principles](https://public.01-edu.org/subjects/groupie-trackers/groupie-trackers.en) as the first subject.
+
+Groupie-trackers-visualization consists on manipulating the data coming from the API and displaying it in the most presentable way possible to you, following the [*Schneiderman's 8 Golden Rules of Interface Design*](https://www.interaction-design.org/literature/article/shneiderman-s-eight-golden-rules-will-help-you-design-better-interfaces) :
+
+- Strive for consistency
+- Enable frequent users to use shortcuts
+- Offer informative feedback
+- Design dialogue to yield closure
+- Offer simple error handling
+- Permit easy reversal of actions
+- Support internal locus of control
+- Reduce short-term memory load
+
+This project will help you learn about:
+
+- The basics of human-computer interface.
+- The basics of CSS.
+- Linking CSS and HTML.
+
+### Instructions
+
+- Your project must contain **CSS**.
+- The code must respect the [**good practices**](https://public.01-edu.org/subjects/good-practices.en).
+- We suggest you to search for the principles of a good website design.