Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update to Project 5: Privacy Policy + Terms & Conditions Added, Names of Robots Updated + Additional Robots #204

Merged
merged 5 commits into from
Dec 17, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 42 additions & 24 deletions docs/project-5/authentication-game.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ sidebar_position: 2
Creating a extra step in secure login for kids

:::info
**Document Creation:** 15 September, 2024. **Last Edited:** 24 September, 2024. **Author:** Jessica Maugueret
**Document Creation:** 15 September, 2024. **Last Edited:** 13 December, 2024. **Author:** Jessica Maugueret
:::


Expand All @@ -22,35 +22,53 @@ You can see a timelapse of my work, showcasing the development of these avatars

## Images

### Blue Robot
### Geo - Blue Robot
Designed with a friendly and approachable appearance, the blue robot features a smiling expression, making it more appealing to children. The use of a generic, vibrant blue color enhances its broad appeal, creating a character that feels safe and inviting for younger audiences.

![blue-robot](img\blue-robot.PNG)
![blue-robot-back](img\blue-robot-back.PNG)
![blue-robot](img/blue-robot.PNG)
![blue-robot-back](img/blue-robot-back.PNG)

### Orange Robot
### Toast - Orange Robot
The orange robot has a more rustic and edgy design, highlighted by its slightly mischievous grin. The color palette was chosen to give it a rugged look, which contrasts with the other characters, giving it a unique personality that might resonate with those who enjoy a more playful and less conventional character.

![orange-robot](img\orange-robot.PNG)
![orange-robot-back](img\orange-robot-back.PNG)
![orange-robot](img/orange-robot.PNG)
![orange-robot-back](img/orange-robot-back.PNG)

### Beige Robot
### Tally - Beige Robot
This robot has a cutesy, rounded form, with wide, expressive features. The two-tone color scheme softens its appearance, making it a more comforting and approachable character. Its design is meant to appeal to users who favor warmth and familiarity.

![beige-robot](img\beige-robot.PNG)
![beige-robot-back](img\beige-robot-back.PNG)
![beige-robot](img/beige-robot.PNG)
![beige-robot-back](img/beige-robot-back.PNG)

### Green Robot
### Chim - Green Robot
With a more 3D appearance, the green robot stands out due to its distinctive pattern and structural design. The texture gives it depth, and its geometric shape makes it feel more modern and mechanical, attracting users who appreciate a more complex, detailed look.

![green-robot](img\green-robot.PNG)
![green-robot-back](img\green-robot-back.PNG)
![green-robot](img/green-robot.PNG)
![green-robot-back](img/green-robot-back.PNG)

### Purple Robot
### Zappy - Purple Robot
This character has a goofy and playful design, with exaggerated features like its wide mouth and antenna-like shapes. The use of purple makes it more whimsical, creating an energetic and fun character that can appeal to users who enjoy more lighthearted and quirky designs.

![purple-robot](img\purple-robot.PNG)
![purple-robot-back](img\purple-robot-back.PNG)
![purple-robot](img/purple-robot.PNG)
![purple-robot-back](img/purple-robot-back.PNG)

### Squeak - Yellow Robot
The yellow robot radiates cheerfulness with its rounded form and lively expression. Its simple and vibrant design, highlighted by soft pigtails, makes it highly approachable for younger audiences. The character exudes energy and joy, appealing to those who enjoy playful and lighthearted themes.

![yellow-robot](img/yellow-robot.PNG)
![yellow-robot-back](img/yellow-robot-back.PNG)

### Chopper - Pink Robot
The pink robot is designed to resemble an octopus, blending marine-inspired elements with a playful robotic style. Its spherical body and tentacle-like base give it a soft yet dynamic look, while the propeller on top adds a whimsical touch. The textured shading and blush tones enhance its charm, making it a delightful character for users who enjoy unique and adorable designs.

![pink-robot](img/pink-robot.PNG)
![pink-robot-back](img/pink-robot-back.PNG)

### Grumpy - Red Robot
The red robot takes inspiration from a crab, with its angular, shell-like design and claw-like arms. Its tank-like body and claw-like features bring a sense of strength and resilience, while the sharp angles and deep red tones emphasize its assertive personality. Despite its tough exterior, the playful design ensures it remains engaging and fun for all users..

![red-robot](img/red-robot.PNG)
![red-robot-back](img/red-robot-back.PNG)

Together, all the characters are designed to cater to different tastes and preferences, ensuring that there is a robot for everyone.

Expand Down Expand Up @@ -82,7 +100,7 @@ This entire process, from adapting AI-based designs to implementing them into a

**Here’s a step-by-step breakdown of how the authentication game works:**

![Frame 8](img\Frame_8.png)
![Frame 8](img/Frame_8.png)

**1. Starting the Game (Frame 8 - Homepage)**

Expand All @@ -91,10 +109,10 @@ This entire process, from adapting AI-based designs to implementing them into a

**2. Launching the Mini-Game**

- Once the ![Code Button](img\Code_Button.png) button is clicked, the mini-game starts.
- Once the ![Code Button](img/Code_Button.png) button is clicked, the mini-game starts.
- Proposed Randomization Feature: Each time the mini-game starts, we want the positions of the avatar slots are randomized to ensure that the game is different every time the user plays. This is not apparent in the prototype.

![Frame 3](img\Frame_2.png)
![Frame 3](img/Frame_2.png)

**3. Playing the Mini-Game**

Expand All @@ -104,15 +122,15 @@ This entire process, from adapting AI-based designs to implementing them into a

- **Correct Move:** If the user drags an avatar into the correct slot, the game advances to the next frame (Frame 2 → Frame 3 → Frame 4).

![Frame 3](img\Frame_3.png) ![Frame 4](img\Frame_4.png)
![Frame 3](img/Frame_3.png) ![Frame 4](img/Frame_4.png)

:::

:::danger

- **Wrong Move:** If an avatar is placed in the wrong slot, the game will prompt the user to restart (Frame 7).

![Frame 7](img\Frame_7.png)
![Frame 7](img/Frame_7.png)

:::
<br></br>
Expand All @@ -122,20 +140,20 @@ This entire process, from adapting AI-based designs to implementing them into a
- Once all three avatars are placed correctly, the game reaches the final frame (Frame 5).
- The user is prompted to click the "Go Play" button.

![Frame 5](img\Frame_5.png)
![Frame 5](img/Frame_5.png)

**5. Login Page**

- After clicking "Go Play," the user is directed to the login page (previously at the start of the game).
- The user generates their credentials to log in.

![Frame 1](img\Frame_1.png)
![Frame 1](img/Frame_1.png)

**6. Accessing the Code Playground**

- After logging in, the user clicks "Go Play" again.
- The user is then taken to Frame 6, which is the BugBox code playground.

![Frame *](img\Frame_6.png)
![Frame *](img/Frame_6.png)

This structure ensures that the game is played first, adding an interactive layer to the login process, as suggested by Dylan.
Binary file added docs/project-5/img/pink-robot-back.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/project-5/img/pink-robot.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/project-5/img/red-robot-back.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/project-5/img/red-robot.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/project-5/img/yellow-robot-back.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/project-5/img/yellow-robot.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions docs/project-5/privacy-policy.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
---
sidebar_position: 7
---

# Privacy Policy

:::info
**Document Creation:** 2 December, 2024. **Last Edited:** 9 December, 2024. **Author:** Jessica Maugueret
:::

### 1. Introduction
Bugbox is committed to safeguarding your privacy. This Privacy Policy explains how we collect, use, and protect your personal data when you use the Bugbox platform.

### 2. Information Collection
We collect the following types of information:
- Personal Information: Names, email addresses, and login details provided during account creation.
- Usage Data: Information on platform interactions, progress tracking, and performance analytics.

### 3. Use of Information
We use collected information to:
- Personalize the user experience.
- Track educational progress and provide feedback.
- Enhance platform performance and troubleshoot issues.
- Comply with legal and educational obligations.

### 4. Data Storage and Security
We employ industry-standard encryption, secure servers, and access controls to protect user data. While we strive to safeguard all information, no system can guarantee absolute security.

### 5. Parental Consent
For users under 16, we require parental or guardian consent before collecting personal information. Teachers must ensure that all necessary permissions are in place for their students.

### 6. Cookies and Tracking
We use cookies to analyse user behaviour and improve the platform. Users can disable cookies in their browser settings but may experience reduced functionality.

### 7. User Rights
Users can request access to their data, make corrections, or request deletion of their accounts by contacting Bugbox support at [email protected].

### 8. Third-Party Services
Bugbox may integrate with third-party tools (e.g., hosting providers or analytics platforms) to enhance platform functionality. We ensure these providers adhere to strict data protection standards.

### 9. Policy Updates
This Privacy Policy may be updated periodically to reflect changes in laws or platform features. Users will be notified of updates through the website.

### 10. Contact Information
For questions or concerns about these terms, please contact us at [email protected].
40 changes: 40 additions & 0 deletions docs/project-5/terms-conditions.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
---
sidebar_position: 6
---

# Terms & Conditions

:::info
**Document Creation:** 2 December, 2024. **Last Edited:** 9 December, 2024. **Author:** Jessica Maugueret
:::

### 1. Introduction

Welcome to Bugbox! These Terms & Conditions outline the rules and regulations for using the Bugbox educational platform, including our website and associated tools. By accessing and using Bugbox, you agree to comply with these terms. If you do not agree, please refrain from using the platform.

### 2. Eligibility
Bugbox is intended for educational use by students, teachers, and schools. Users under the age of 13 must have parental or guardian consent to use the platform. Teachers are responsible for obtaining and managing necessary permissions for students using Bugbox.

### 3. User Responsibilities
- Use Bugbox for educational purposes only.
- Do not share inappropriate or harmful content.
- Keep login credentials confidential and secure.
- Report any technical issues or breaches promptly to Bugbox support.

### 4. Account Information
Users are responsible for the accuracy of information provided during account registration. Bugbox reserves the right to suspend or terminate accounts that violate these terms or engage in unauthorized activities.

### 5. Platform Content
All content, including but not limited to lessons, avatars, and designs, is the property of Bugbox. Redistribution or reproduction of this content without prior written consent is prohibited.

### 6. Liability and Disclaimers
Bugbox strives to maintain a reliable and error-free platform but cannot guarantee uninterrupted access or complete accuracy. Users agree that Bugbox will not be held liable for any direct or indirect damages resulting from platform use.

### 7. Termination of Use
Bugbox reserves the right to terminate user accounts for breaches of these terms, misuse of the platform, or any activity deemed harmful to the Bugbox community.

### 8. Governing Law
These Terms & Conditions are governed by the laws of ….

### 9. Contact Information
For questions or concerns about these terms, please contact us at [email protected].
Loading