Category: NoCode Concepts

Inspiration

Due to the outbreak of COVID-19, many schools and universities have switched to online learning. However, it is hard to keep track of student's progress and keep them engaged in learning activities remotely due to distractions. Reports showed that it is not uncommon that students skip classes or missed assignments.

Though there are challenges for the new learning normal, emerging technologies help to take e-learning to the next level.

Approach

In light of this, I am proposing a learning management system, EzLearn, which combines gamification components and emerging technologies to offer a quality, fun, and enjoyable learning experience to students. The system helps teachers to easily keep track and manage students' progresses.

Benefits to society

For teachers

  • Help teachers to keep monitor and manage students' progress

For students

  • Make learning fun and enjoyable for students

How it works

Teachers' interface

  • Teachers can sign up for an account using their institutional email address and log in

  • Teachers can select the purpose(s), level(s), and subject(s)

  • Teachers can add students to different courses by importing student record (name, email address, and class)

  • Teachers can send student account credentials via a link/ email

  • Teachers can customize teaching materials available in the platform or upload their own teaching materials

  • Teachers can set milestones and timeline for learning

  • Teachers can add assignments in the form of a quest

  • Teachers can track and monitor students' progress via the platform

Students' interface

Web app

  • Students can sign in using the account credentials given by their teacher and set a new password

  • Students can customize their profile

  • Students can access the courses and learning materials

  • Students will be awarded experience once they completed a task

  • Students who score high in quests (assignments/ tests) will be shown on the leaderboard and awarded badges

  • To encourage peer learning, students can request help from other students, and those who offered help will be awarded contribution point which can later exchange for a title

  • To encourage revision, optional assignments will be given in the form of:

Dungeon (player vs computer)

  • Answer a set of questions and advance to the next level in the Knowledge Tower, students have 3 chances and they will need to start from the beginning if they got three answers wrong

Arena (1 vs 1)

  • Students can compete with each other in small games such as battleship (students can bomb their enemy by answering a question correctly)

Battleground (2 vs 2 or 5 vs 5)

  • Questions will be interdisciplinary and more difficult to encourage collaboration among team members

Mobile app

  • Students can log in with their student account credentials

  • Students can scan an image (e.g. chemical structure) with their phone and view the 3D model (AR)

Where it can be used

  • The system can be integrated into the current middle/ high school or university learning

How I built it

I made the prototype using Figma and Framer, and 3D models using BRIOVR

Proposed technologies for implementation

Web app

  • React/ Vue for web app front-end development

Mobile app

  • Flutter/ react-native for mobile app development

Back-end development and database

  • MongoDB/ Node/ Python

AR development

  • Creating 3D models using Blender

  • AR development using Vuforia Augmented Reality SDK/ ARCore/ Unity

Proposed cost

Cloud-based - $4,000-$7,000

Challenges I ran into

  • The initial goal was very ambitious (UI for students (web and mobile) and teachers (web)), and time was a challenge to design 3 user interfaces.

Accomplishments that I'm proud of

  • I completed the prototype

Web app

Mobile app (open the link in a phone to test the prototype)

3D models

What I learned

  • I learnt a lot on design principles and using UI design tools.

What's next for EzLearn

  • Realizing the system by collaborating with developers

Built With

  • briovr
  • figma
  • framer
Share this project:

Updates