🤖 Position & Orientation in Robotics

CSC4702 – Community Engagement Through Robotics Education

---

🌐 Live Demo

View the project online: https://Chance3009.github.io/CSC4702-Project/

---

📋 Project Overview

This comprehensive educational project introduces the fundamental concepts of position and orientation in robotics across three progressive educational levels:

• 🎯 Junior School: Intuitive, visual explanations
• 📐 High School: Mathematical foundations with trigonometry
• 🎓 Undergraduate: Advanced transformation matrices

---

🚀 Getting Started

Quick Launch

1. Open index.html in any modern web browser
2. Navigate through the menu to explore different sections
3. Watch educational videos in the Video Gallery
4. Experiment with the Interactive 3D Visualizer
5. Read our reflection on the educational approach

Project Structure

CSC4702-Project/
│
├── index.html              # Home page with project overview
├── videos.html             # Three-tier video gallery
├── interactive.html        # Interactive learning portal
├── reflection.html         # Project reflection
│
├── style.css               # Enhanced modern styling with animations
├── script.js               # Interactive features & animations
│
├── interactive/
│   └── visualizer.html     # Advanced 3D transformation visualizer
│
└── README.md               # This file

---

🎯 Learning Objectives

By engaging with this project, learners will:

1. Understand how robots perceive position and orientation
2. Connect intuitive concepts to mathematical representations
3. Explore 2D rotation matrices and 3D transformations
4. Experiment with homogeneous transformation matrices
5. Apply spatial reasoning to real-world robotics scenarios

---

🎬 Video Series

Video 1: Junior School

Focus: Compass directions and intuitive navigation
Key Concepts: How robots know which way they're facing

Video 2: High School

Focus: Angles, trigonometry, and 2×2 rotation matrices
Key Concepts: Converting directions into mathematical formulas

Video 3: Undergraduate

Focus: 4×4 homogeneous transformation matrices
Key Concepts: Professional robotics mathematics and frame composition

---

🎮 Interactive Visualizer

An interactive 3D tool where you can manipulate a robot's position and orientation in real-time. Adjust translation (X, Y, Z) and rotation (Roll, Pitch, Yaw) parameters to see how they affect the transformation matrix.

Launch it from: interactive.html → "Launch Interactive Visualizer"

---

🎓 Educational Methodology

Audience Adaptation Strategy

Level	Language	Math	Challenge
Junior	Conversational	None	Accuracy without formalism
High School	Technical but accessible	Trigonometry	Bridging intuition & algebra
Undergraduate	Formal notation	Linear algebra	Comprehensive yet accessible

Progressive Disclosure Principle

We introduce complexity gradually:

1. Start with intuitive, visual understanding
2. Layer on mathematical formalism
3. Build to professional-level concepts
4. Maintain narrative continuity throughout

---

👥 Team - RoboRangers

Name	Matric Number
Chan Ci En	215035
Chu Xing En	215090
Quah Eugene	216806
Tan Yong Jin	217086
S. Jeevan A/L Sivakumar	216840