https://ejsseditor.onrender.com/ updated 20230707 for all subjects

https://ejsseditorntsci.onrender.com/ updated just for NT Science

GitHub https://github.com/lookang/ejss-editor-fazli1702/tree/main

Executive Summary:

This document provides a detailed overview of the EJSS Sim Web Editor, a web-based tool developed by Raphael Yee for creating and customizing interactive simulations for educational purposes. The editor leverages Easy JavaScript Simulation (EJSS) to allow educators to modify pre-made simulations, set initial values, and integrate them into their lessons. The document highlights the functionality, benefits for both educators and students, and provides links to access the editor and related resources. The emphasis is on the tool's potential to revolutionize interactive learning by offering a user-friendly and customizable platform for engaging with abstract concepts across various subjects.

Main Themes and Important Ideas/Facts:

1. Introduction and Purpose of EJSS Sim Web Editor:

• The EJSS Sim Web Editor is presented as a significant innovation in educational technology, aiming to reshape teaching and learning through interactive simulations.
• It stands for Easy JavaScript Simulation (EJSS) Simulation Web Editor.
• Its primary purpose is to provide a user-friendly and versatile platform designed to create interactive simulations for educational purposes.
• It allows educators to edit pre-made EJSS simulations without requiring extensive coding knowledge.
• The editor empowers teachers to customize simulations to align with their specific curriculum and lesson objectives.

Quote: "The EJSS Sim Web Editor stands for Easy JavaScript Simulation (EJSS) Simulation Web Editor. It's a user-friendly and versatile platform designed to create interactive simulations (change initial values and define simple function) for educational purposes. Whether you're an educator aiming to enhance your teaching methods by editing pre-made EJSS, the EJSS Sim Web Editor offers a simple solution."

2. Functionality and How It Works:

• The editor utilizes npm and reactjs for its interface, enabling the editing of pre-made interactive simulations within certain limits.
• The library of available simulations is growing based on demand and covers a wide range of subjects and topics.
• A key feature is the ability for teachers to set initial values of variables within the simulations. This allows students to observe the impact of specific changes on outcomes without needing to manually navigate complex simulation controls.

Quote: "At its core, the EJSS Sim Web Editor utilizes the power of npm and reactjs to create the interface to edit pre-made interactive simulations, with limits. These list of simulations is growing depending on demands and can cover a wide range of subjects and topics, providing learners with a customise to my lesson initial values used in the EJSS instead of asking students to navigate, click here or there. The editor allows users to set up different scenarios, and with teacher set initial values of variables to observe how changes affect outcomes."

3. Benefits for Educators and Students:

• Interactive Learning: The editor facilitates a shift from passive rote learning to active, engaging experiences. Educators can create simulations that allow students to visualize abstract concepts directly. Quote: "The EJSS Sim Web Editor shifts the traditional paradigm of rote learning to engaging, interactive experiences. Educators can finer customized simulations that align with their curriculum, providing students with a unique opportunity to visualize abstract concepts of the teachers' values in the lesson."
• Versatility: The tool is applicable across various disciplines, making it a valuable resource for educators teaching different subjects. Quote: "Versatility: This versatility makes it a valuable tool for educators across disciplines."
• Customization for Educators: Teachers gain greater control over the simulation's presentation and focus, streamlining the learning experience for students. Quote: "More user-friendly as I have complete control over what to show and hide... Deconflict interactive view panel from customisable left hand panel... so users have a simplify view of what to change without need to look at other parts of the simulation view panel."

4. Impact on Education and Future Potential:

• The EJSS Sim Web Editor is positioned as a catalyst for transforming education by offering immersive and engaging learning experiences.
• It caters to different learning styles, potentially helping students grasp complex concepts more effectively.
• The development of such tools signifies the exciting possibilities for the future of education, blending interactivity, customization, and accessibility.
• The author anticipates a future where education becomes more dynamic, engaging, and impactful through the adoption of such technologies.

Quote: "The EJSS Sim Web Editor is not just a tool; it's a catalyst for transforming education to help teachers set EJSS in their own initial values. By offering an immersive and engaging learning experience, it empowers educators to transcend traditional teaching methods. It caters to different learning styles, enabling students to grasp complex concepts more effectively... The blend of interactivity, customization, and accessibility sets a new standard for how we can inspire and educate the next generation of learners."

5. Accessibility and Security:

• The customizable simulation delivery system is described as safe and secure, utilizing the user's PC browser RAM and storing initial values locally before zipping the simulation back to the user's hard disk.
• This method is claimed to be "equally secure" as downloading interactive content from the Student Learning Space (SLS).
• The use of the editor is currently free of additional charges, requiring only attribution to the original authors of the interactive simulations.

Quote: "“My customizable simulation delivery system” https://ejss-browser-editor-web.onrender.com/ is completely safe and secure using the user’s PC browser RAM (not uploaded to my server or any other unsecure methods) and store the initial values in the simulation and zipped back to the user’s hard disk. Is correct to notice that it is “equally secure “as download from SLS on the interactive “method... This usage is free of additional [ charge, only need to attribute the authors of the interactive."

6. Examples and Use Cases:

• The document provides examples of using the editor to customize a digital lock simulation for creating digital escape room activities. This involves downloading a template, uploading it to the editor, inputting the desired code, saving, and then uploading the new file to a learning management system like SLS.
• Links to YouTube tutorials demonstrate how to add custom questions to EJSS board games and drag-and-drop game tables.
• References to "SLS Hackathon" projects showcase the diverse applications of EJSS simulations in various subjects and grade levels, including science, mathematics, and language learning.

7. Key Links and Resources:

• Main EJSS Sim Web Editor:General: https://ejsseditor.onrender.com/ (updated 20230707 for all subjects)
• NT Science specific: https://ejsseditorntsci.onrender.com/ (updated just for NT Science)
• GitHub Repository: https://github.com/lookang/ejss-editor-fazli1702/tree/main
• Updated Web with Comments: https://ejss-6l7k.onrender.com/ (updated 20230331)
• New Web (since Jan 2023): https://ejss-browser-editor-web.onrender.com/
• Older (Defunct) Site: https://ejss-browser-editor.herokuapp.com/
• Digital Lock Tutorial Blog Post: http://weelookang.blogspot.com/2020/01/digital-lock-ejss-web-editor-by-raphael.html
• EJSS Sim Web Editor Information Page: https://sg.iwant2study.org/ospsg/index.php/related-sites/959-ejss-sim-web-editor-by-raphael-yee

8. Mentions of Other Related Projects and Individuals:

• The document references Professor Paco and Felix, suggesting they are also involved in EJSS web editor development.
• Zenia is credited with a tutorial on the digital lock customization.
• Wolfgang Christian and Michael J. Lee are mentioned as authors of the "Optics Bench JS."
• Francisco Esquembre and Félix Jesús Garcia Clemente are credited with the Easy Java/JavaScript Simulations Toolkit.
• The Open Source Physics project by Wolfgang Christian is also highlighted.

Conclusion:

The EJSS Sim Web Editor represents a valuable tool for educators seeking to enhance their teaching through interactive and customizable simulations. Its user-friendly interface, coupled with the power of EJSS, allows for the modification of existing simulations to better suit specific pedagogical needs. The platform promotes active learning, caters to diverse subjects, and offers a secure and free method for creating engaging educational content. The numerous examples and available resources underscore its potential to significantly impact the educational landscape by empowering teachers to create more dynamic and effective learning experiences for their students.

Exploring the EJSS Sim Web Editor: Revolutionizing Interactive Learning

In the ever-evolving landscape of education, technology continues to reshape the way we teach and learn. One such remarkable innovation is the **EJSS Sim Web Editor** – a powerful tool that has been making waves in the world of interactive learning. In this post, we will dive deep into what the EJSS Sim Web Editor is, how it works, and the impact it is having on education.

What is the EJSS Sim Web Editor?

The **EJSS Sim Web Editor** stands for Easy JavaScript Simulation (EJSS) Simulation Web Editor. It's a user-friendly and versatile platform designed to create interactive simulations (change initial values and define simple function) for educational purposes. Whether you're an educator aiming to enhance your teaching methods by editing pre-made EJSS, the EJSS Sim Web Editor offers a simple solution.

How Does It Work?

At its core, the EJSS Sim Web Editor utilizes the power of npm and reactjs to create the interface to edit pre-made interactive simulations, with limits. These list of simulations is growing depending on demands and can cover a wide range of subjects and topics, providing learners with a customise to my lesson initial values used in the EJSS instead of asking students to navigate, click here or there. The editor allows users to set up different scenarios, and with teacher set initial values of variables to observe how changes affect outcomes.

Benefits for Educators and Students

*Interactive Learning*: The EJSS Sim Web Editor shifts the traditional paradigm of rote learning to engaging, interactive experiences. Educators can finer customized simulations that align with their curriculum, providing students with a unique opportunity to visualize abstract concepts of the teachers' values in the lesson.

*Versatility*: This versatility makes it a valuable tool for educators across disciplines.

**Transforming Education, One Simulation at a Time**

The EJSS Sim Web Editor is not just a tool; it's a catalyst for transforming education to help teachers set EJSS in their own initial values. By offering an immersive and engaging learning experience, it empowers educators to transcend traditional teaching methods. It caters to different learning styles, enabling students to grasp complex concepts more effectively.

As technology continues to evolve, tools like the EJSS Sim Web Editor exemplify the exciting possibilities for education, before Professor Paco and Felix release their own real EJSS web-editor. The blend of interactivity, customization, and accessibility sets a new standard for how we can inspire and educate the next generation of learners.

In conclusion, the EJSS Sim Web Editor is an educational innovation that deserves attention. Its ability to create interactive simulations that enhance learning experiences is reshaping the educational landscape. As educators and students alike embrace this technology, we can anticipate a future where education becomes even more dynamic, engaging, and impactful.

https://ejss-6l7k.onrender.com/ Raphael updated with comments added 20230331

Raphael Yee replacement web from 2023 jan https://ejss-browser-editor-web.onrender.com/ 

older site died after heroku become a paid servicehttps://ejss-browser-editor.herokuapp.com/

https://ejss-browser-editor-web.onrender.com/

 EJSS Sim Editor How to add your own questions to the EJSS board game with auto-moves. Specifically the board game. 

https://www.youtube.com/watch?v=ATu6VAwj5uY How to add your own questions to the EJSS drag and drop game-tables for mass correct answering.

https://sg.iwant2study.org/ospsg/index.php/interactive-resources/mathematics/1059-customisable-digital-board-game-template-html5-javascript-applet

Reference: 

1. https://ejss-browser-editor-web.onrender.com/ new web after 2023 Jan 
2. http://weelookang.blogspot.com/2020/01/digital-lock-ejss-web-editor-by-raphael.html 
3. http://weelookang.blogspot.com/2020/02/can-you-unlock-escape-room-javascript.html 
4. http://weelookang.blogspot.com/2020/03/interested-to-make-your-own-lock-and.html 
5. http://weelookang.blogspot.com/2020/04/digital-lock-ejss-web-editor-by-raphael.html
6. https://github.com/lookang/ejss-editor-fazli1702/tree/main 

 Why use this ?

“My customizable simulation delivery system” https://ejss-browser-editor-web.onrender.com/ is completely safe and secure using the user’s PC browser RAM (not uploaded to my server or any other unsecure methods) and store the initial values in the simulation and zipped back to the user’s hard disk. Is correct to notice that it is “equally secure “as  download from SLS on the interactive “method.

Advantages:

The added advantage of my “customizable simulation delivery system” is it

1. More user-friendly as I have complete control over what to show and hide  
2. Deconflict interactive view panel from customisable left hand panel (see above screenshot), so users have a simplify view of what to change without need to look at other parts of the simulation view panel
3. Any EJSS interactive can be customizable using https://ejss-browser-editor-web.onrender.com/, so potentially thousands of interactive can be used by MOE with some slight code edits.
4. This usage is free of additional $$charge, only need to attribute the authors of the interactive. This potentially can be one of the things MOE do to mitigate the “high cost$$ ” if MOE does eventually ITQ these “storyboards-interactive“ to get them re-made by vendors.

Reference:

You can look at this for more information

https://sg.iwant2study.org/ospsg/index.php/related-sites/959-ejss-sim-web-editor-by-raphael-yee with 3 YouTube explanations