ARALWeb - Augmented Reality for Active Learning

Home page
Simulations page
Skeletal system page
Quiz page
Sample 3D Simulation (Ribs)

Inspiration

Globally, the pandemic has changed our ways of living. This includes the current education medium which has shifted to e-learning, making it harder for students to comprehend certain aspects of their studies compared to face-to-face classes. Our team wanted to encourage active learning and increase engagement in this new learning environment while enhancing three-dimensional visualization skills through ARALWeb.

What it does

ARALWeb helps students learn through detailed illustrations of body systems with specific labels and functions, allows them to simulate body systems with cross-compatibility across different devices using QR codes for interactive 3D models, and lets them properly retain their learnings through ready-made quizzes embedded in the website.

How we built it

We first made a wireframe using Figma then used HTML, CSS, and JavaScript to bring the website to life. Finally, we incorporated EchoAR to allow the simulation of 3D models.

Challenges we ran into

We had no prior knowledge regarding Blender and EchoAR. Moreover, it was difficult to find 3D models to use that were high-quality and free.

Accomplishments that we're proud of

We're proud of being able to finish the website with a lot of cool and complex features while working together as a team.

What we learned

We were able to use apps such as Blender for the first time. For three of our members, it was their first hackathon and they gained a lot of technical experience.

What's next for ARALWeb

We plan to add learning pages and quizzes for the remaining systems as well as other types of tests (like identification and true or false). Additionally, we aim to include all the body systems and new features such as descriptions in AR mode and human-body recognition for simulation.