Translations

Code	Language		Translator	Run

Credits

JW (junwen.soh@theoptimum.net)

🌐 Tech Savvy Game – An Interactive Simulation Powered by EJS and Integrated App with SLS

🧠 What Is the Tech Savvy Game?

The Tech Savvy Game is an interactive HTML5 simulation built using the Easy JavaScript Simulations (EJS or EJSS) framework. This gamified environment introduces learners to essential digital concepts and computational thinking through engaging visual interactions. With a futuristic interface featuring robotic hands, abstract network nodes, and lightbulb icons as collectibles, it motivates students to explore while learning.

🚀 Key Features of the Simulation

• Interactive gameplay: Students can use visual elements (like robotic hands) to interact with knowledge nodes. Change to small PNG from a large SVG to save storage space.

• Progress tracking: Players collect “lightbulb” tokens, representing ideas or achievements.

• Immersive UI: With a dark, neon-lit design and intuitive controls, the game maintains learner attention and encourages exploration.

• Sound support: Audio toggle allows teachers to adapt the simulation for different learning environments.

📡 Integration with SLS via xAPI

One of the most powerful aspects of this simulation is its ability to send learner data back to the SLS platform using EJS owned data analytics  https://iwant2study.org/moodle402/mod/laejss/view.php?id=111&forceview=1 similar to SLS native xAPI (Experience API). This enables:

• Automatic recording of student attempts

• Logging progress (e.g., lightbulbs collected)

• Tracking interaction frequency and completion status

• Real-time feedback and analytics via the “See Analytics” button

This integration allows educators to evaluate engagement levels and personalize learning based on individual student responses.

🧑‍🏫 Use Cases in the Classroom

• Digital literacy modules: Reinforce concepts of algorithms, networks, and AI with gamified learning.

• Pre-lesson hooks: Use it to spark curiosity before diving into abstract computing theory.

• Formative assessment: Gauge student understanding through in-game progress analytics.

📁 Technical Implementation

The uploaded .zip file includes all assets (HTML, JS, CSS) and xAPI integration scripts. Teachers can deploy the game on SLS and configure it to log learner interactions seamlessly. The simulation uses built-in EJS scripting hooks to trigger xAPI statements at each key event (e.g., object collection, task completion).

✅ Why This Matters

By combining interactivity, real-time feedback, and data tracking, the Tech Savvy Game exemplifies what future-ready education looks like. It empowers teachers to deliver engaging content while maintaining visibility into how students are progressing—without needing to manually grade or interpret clicks.

for a non-moodle play, 

• ejss_model_tech_savvy.zip
• ejss_model_tech_savvy/

Sample Learning Goals

[text]

For Teachers

[text]

Research

[text]

Video

[text]

 Version:

1. http://weelookang.blogspot.sg/2016/02/vector-addition-b-c-model-with.html improved version with joseph chua's inputs
2. http://weelookang.blogspot.sg/2014/10/vector-addition-model.html original simulation by lookang

Other Resources

[text]

end faq

{accordionfaq faqid=accordion4 faqclass="lightnessfaq defaulticon headerbackground headerborder contentbackground contentborder round5"}