Breadcrumbs

❓Can you Unlock Escape Room JavaScript Simulation Applet HTML5

 

 

 

 

Download ModelDownload SourceembedLaunch Website ES WebEJS

Translations

Code Language Translator Run

Credits

Zenia; Loo Kang WEE

You can use this https://ejss-browser-editor.herokuapp.com/ to set/change the lock answer without EJSS editor. 20200130 feature added 

Step1: go to https://ejss-browser-editor.herokuapp.com/

Step2: download the model from this Joomla webpage say  https://sg.iwant2study.org/ospsg/index.php/917

Step3: Follow the instructions on https://ejss-browser-editor.herokuapp.com/ such as Upload Model, the website will check if the model.zip file is editable, if editable, key in your own values and save

Step4: Click Download Model and upload to any server such as SLS and it will accept your new variables set, therefore, it is your own Simulator with your set initial values.

Briefing Document: "Can You Escape?" JavaScript Simulation Applet

This briefing document summarizes the key themes and information found in the provided excerpts related to the "Can You Escape?" JavaScript simulation applet.

Source 1: Excerpts from "Can You Escape?"

This source appears to be the main document describing the "Can You Escape?" applet. However, the excerpt provided is extremely limited, containing only the title, authors (Zenia; Loo Kang WEE), copyright information (© 2020), compilation details (EJS 6.0), and the license under which it was released.

Key Information:

  • Title: Can You Escape?
  • Authors: Zenia; Loo Kang WEE
  • Copyright Year: 2020
  • Compilation Tool: EJS 6.0 (Easy Java/JavaScript Simulations Toolkit)
  • License: Released under an unspecified license (likely open-source given the context of the second source).

Source 2: Excerpts from "Can you Unlock Escape Room JavaScript Simulation Applet HTML5 - Open Educational Resources / Open Source Physics @ Singapore | Open Educational Resources / Open Source Physics @ Singapore"

This source provides significantly more detail about the "Can You Escape?" applet, specifically referring to it as "Can you Unlock Escape Room JavaScript Simulation Applet HTML5." It is hosted on the "Open Educational Resources / Open Source Physics @ Singapore" platform.

Main Themes and Important Ideas:

  1. Nature of the Applet: The applet is described as a "JavaScript HTML5 Applet Simulation Model" designed to function as an "Escape Room Lock Interactive." This indicates its purpose is to simulate a combination lock commonly found in escape room scenarios.
  2. Customization and Teacher Use: A significant focus is placed on the ability for teachers to customize the lock's answer. The document explicitly provides a step-by-step guide on how to modify the lock combination without needing the full EJSS editor.
  • Process for Customization:
  • Go to a specific online EJSS browser editor: https://ejss-browser-editor.herokuapp.com/
  • Download the model from a linked Joomla webpage (example provided: https://sg.iwant2study.org/ospsg/index.php/917).
  • Upload the model to the EJSS browser editor.
  • Edit the answer variables (answer1, answer2, answer3, answer4) found under "Model - Variables - teachersedithere" in the EJSS editor interface.
  • Save the changes in EJSS.
  • Export the model as a .zip file (model*.zip).
  • Upload the .zip file to platforms like SLS (Singapore Student Learning Space) where it will function with the new, teacher-defined lock combination.
  • Quote: "To change the numbers, open the source file with EJSS editor go to Model - Variables - teachersedithere - and edit the numbers on the answer1, answer2, answer3 and answer4 (lock number from left to right) save the EJSS export as model*.zip upload the model*.zip to SLS and it will work."
  1. Open Educational Resource: The applet is presented within the context of "Open Educational Resources / Open Source Physics @ Singapore," highlighting its accessibility and potential for free use and adaptation in educational settings.
  2. Credits and Objectives:
  • Credits: The applet is credited to Zenia and Loo Kang WEE, consistent with the first source.
  • Objectives: The primary objective is "To provide a simple way to add Escape Room Lock Interactive."
  1. Embedding: The document provides an HTML <iframe> code snippet to easily embed the simulation model into a webpage.
  • Code Snippet: <iframe width="100%" height="100%" src="https://iwant2study.org/lookangejss/00workshop/2019twa/ejss_model_LockAndKey/LockAndKey_Simulation.xhtml " frameborder="0"></iframe>
  1. Context of Development: The applet is mentioned under the section "SLS Teacher Work Attachment 2019," suggesting it was developed during a teacher professional development program focused on the Singapore Student Learning Space.
  2. Related Resources and Tools: The page lists numerous other interactive resources, simulations, and tools developed using the Easy Java/JavaScript Simulations Toolkit (EJSS). It also provides a link to the EJSS website (https://www.um.es/fem/EjsWiki/). This context suggests that "Can You Escape?" is part of a broader collection of interactive educational tools created using this open-source platform.

Quotes Highlighting Key Aspects:

  • Functionality: "To provide a simple way to add Escape Room Lock Interactive."
  • Customization Process: "You can use this https://ejss-browser-editor.herokuapp.com/ to set/change the lock answer without EJSS editor."
  • Developer Credit: "Credits Zenia; Loo Kang WEE"

Summary of Main Themes:

The "Can You Escape?" JavaScript simulation applet is an interactive tool designed to mimic a combination lock found in escape rooms. Its primary purpose is educational, providing a simple and engaging way to incorporate lock-based puzzles into learning activities. A key feature is its customizability, allowing teachers to easily set their own lock combinations and integrate the applet into platforms like the Singapore Student Learning Space (SLS). The applet is developed using the EJSS toolkit and is part of a larger collection of open educational resources focused on interactive simulations for learning, particularly in physics and mathematics.

 

Study Guide: Exploring "Can You Escape?" and the Escape Room JavaScript Simulation

This study guide is designed to help you review the concepts and context surrounding the "Can You Escape?" resource and its associated JavaScript simulation.

Quiz: Short Answer Questions

  1. Who are the identified authors of the "Can You Escape?" resource mentioned in the provided text? Briefly state their roles based on the information given.
  2. Under what license is the "Can You Escape?" resource released, as stated in the excerpts? What does this generally imply about the use and distribution of the material?
  3. What is the primary objective mentioned for the "Can You Unlock Escape Room JavaScript Simulation Applet HTML5"?
  4. Briefly outline the steps provided for setting or changing the lock answer within the Escape Room JavaScript Simulation without using the EJSS editor.
  5. What is EJSS, and who are mentioned as being associated with the Easy Java/JavaScript Simulations Toolkit?
  6. Where can the Escape Room JavaScript Simulation model be downloaded according to the instructions provided?
  7. What is SLS, as implied by its repeated mention in the context of the Escape Room Simulation? How is it related to the use of this simulation?
  8. Besides the Escape Room simulation, the second source lists numerous other interactive resources. Give two examples of different subject areas (other than mathematics or games) for which interactive resources are mentioned.
  9. The "Credits" section of the Escape Room Simulation names the same individuals as the authors of "Can You Escape?". What does this suggest about the relationship between these two resources?
  10. What are the "teachersedithere" variables mentioned in the "Objectives" section of the Escape Room Simulation? How are these variables intended to be used?

Answer Key for Quiz

  1. The identified authors are Zenia and Loo Kang WEE. Based on the copyright and credits, they are the creators and developers of the "Can You Escape?" resource and the Escape Room JavaScript Simulation.
  2. The "Can You Escape?" resource is released under a Creative Commons Attribution-Share Alike 4.0 Singapore License. This generally means that the work can be shared, copied, and adapted, as long as attribution is given to the original authors and any derivative works are shared under a similar license.
  3. The primary objective mentioned is "To provide a simple way to add Escape Room Lock Interactive."
  4. The steps involve going to the EJSS browser editor website, downloading the model from the provided Joomla webpage, uploading the model to the editor, inputting new lock values, saving, downloading the modified model, and then uploading it to a server like SLS.
  5. EJSS stands for Easy Java/JavaScript Simulations Toolkit. It is associated with Francisco Esquembre and Félix Jesús Garcia Clemente.
  6. The Escape Room JavaScript Simulation model can be downloaded from a Joomla webpage, specifically the link provided: https://sg.iwant2study.org/ospsg/index.php/917.
  7. SLS likely stands for Student Learning Space, a platform where educators can upload and use interactive resources like the Escape Room Simulation for teaching purposes. The simulation can be uploaded to SLS for students to interact with.
  8. Examples include Physics (e.g., Magnetic Field Lines, Standing & Longitudinal waves), Chemistry (e.g., Balancing Chemistry Equation, Ionic Bonding), and Malay Language (e.g., Shoot the Zombie Sentence Game, Match the Correct Sentence Game).
  9. This suggests that "Can You Escape?" and the Escape Room JavaScript Simulation are likely part of the same project or a closely related set of educational materials created by the same individuals.
  10. The "teachersedithere" variables (answer1, answer2, answer3, and answer4) represent the digits of the lock combination in the Escape Room Simulation. Teachers are intended to edit these variables to set their own unique lock answer for their students.

Essay Format Questions

  1. Discuss the potential educational benefits of using interactive simulations like the "Can You Unlock Escape Room JavaScript Simulation Applet HTML5" in a learning environment. Consider aspects such as student engagement, conceptual understanding, and the role of customization.
  2. Based on the provided excerpts, analyze the relationship between the "Can You Escape?" resource and the JavaScript simulation. How do they appear to complement each other, and what might be the intended user experience?
  3. The second source lists a wide variety of Open Educational Resources. Discuss the significance of openly licensed educational materials and the potential impact of platforms like Open Source Physics @ Singapore on teaching and learning.
  4. Examine the technical aspects of customizing the Escape Room Simulation, as described in the instructions. What level of technical expertise might be required, and what are the implications for teachers wanting to use and adapt this resource?
  5. Consider the diverse range of interactive resources listed in the second source. What does this variety suggest about the potential of JavaScript and HTML5 for creating engaging and educational content across different subject areas?

Glossary of Key Terms

  • JavaScript: A high-level, often just-in-time compiled programming language that conforms to the ECMAScript specification. It is commonly used in web browsers to make web pages interactive.
  • HTML5: The latest evolution of the standard that defines the structure of webpages. It supports multimedia and provides a framework for creating interactive web applications.
  • Applet: A small application, especially one intended to run within an internet browser. In this context, the JavaScript simulation functions as an applet.
  • Open Educational Resources (OER): Teaching, learning, and research materials in any medium – digital or otherwise – that reside in the public domain or have been released under an open license that permits no-cost access, use, adaptation, and redistribution by others with no or limited restrictions.
  • Open Source Physics (OSP): A project and a community focused on creating and disseminating free and openly licensed physics education resources, often utilizing simulations and computational tools.
  • EJSS (Easy Java/JavaScript Simulations Toolkit): A free authoring tool that allows users to create and modify interactive simulations in Java and JavaScript without extensive programming knowledge.
  • SLS (Student Learning Space): An online learning platform used in Singapore to provide students with access to digital learning resources and tools.
  • Simulation: A computer program that models a real-world system or process, allowing users to interact with it and observe the outcomes of different inputs or conditions.
  • Interactive Resource: A digital learning material that allows the user to actively engage with the content, often through manipulations, questions, or feedback mechanisms.
  • License (Creative Commons Attribution-Share Alike 4.0 Singapore License): A type of copyright license that allows others to use, modify, and distribute the work, even commercially, as long as they give credit to the original author and license their derivative works under the same or a compatible license.

Objectives

To provide a simple way to add Escape Room Lock Interactive.
To change the numbers, open the source file with EJSS editor
go to Model - Variables - teachersedithere - and edit the numbers on the answer1, answer2, answer3 and answer4 (lock number from left to right)
save the EJSS
export as model*.zip
upload the model*.zip to SLS and it will work.
Enjoy! 
 

 Version:

Other Resources

[text]

Frequently Asked Questions about the "Can You Escape?" Simulation

1. What is the "Can You Escape?" interactive simulation? The "Can You Escape?" simulation is a simple interactive tool designed to emulate the lock mechanism found in escape rooms. It is built using JavaScript and HTML5, making it accessible through web browsers without the need for additional plugins. The primary purpose is to provide a digital way to incorporate lock-based puzzles into educational activities or for recreational use.

2. Who created the "Can You Escape?" simulation? The simulation was created by Zenia and Loo Kang Wee. The copyright for the specific "Can You Escape?" title is held by them for the year 2020.

3. Where can I find and use the "Can You Escape?" simulation? The simulation is embedded in a webpage via an iframe. A direct link to an example is provided: https://iwant2study.org/lookangejss/00workshop/2019twa/ejss_model_LockAndKey/LockAndKey_Simulation.xhtml. This link allows users to interact with a pre-configured lock.

4. Can the lock combination in the simulation be changed or customized? Yes, the lock combination can be changed and customized. The documentation provides a step-by-step process for doing so, which involves using an online editor (https://ejss-browser-editor.herokuapp.com/) in conjunction with the Easy Java/JavaScript Simulations (EJSS) toolkit.

5. What is the process for changing the lock combination? To change the lock combination, users need to: * Go to https://ejss-browser-editor.herokuapp.com/. * Download the model file (a .zip file) from a source like https://sg.iwant2study.org/ospsg/index.php/917. * Upload the downloaded model file to the EJSS browser editor. The website will check if it's editable. * If editable, navigate within the editor (typically to "Model - Variables - teachersedithere") to find and modify the values for answer1, answer2, answer3, and answer4, which represent the digits of the lock combination from left to right. * Save the changes within the EJSS editor. * Download the modified model file (model*.zip). * Upload this new .zip file to a server, such as the Singapore Student Learning Space (SLS), where it can be used as a customized simulation.

6. What software or tools are required to customize the simulation? The primary tool mentioned for customization is the Easy Java/JavaScript Simulations (EJSS) toolkit. While the online browser editor is highlighted for ease of use, the objectives also mention opening the source file with the full EJSS editor for modifications.

7. For what purpose is this "Can You Escape?" simulation intended? The simulation is intended to provide a simple and interactive way to incorporate escape room-style lock puzzles into various contexts, particularly educational settings. The objectives state that it aims to offer an easy method for adding interactive lock mechanisms.

8. Is the "Can You Escape?" simulation part of a larger collection of educational resources? Yes, the "Can You Escape?" simulation is part of a broader collection of Open Educational Resources / Open Source Physics @ Singapore. This is evident from the website listed for downloading the model and the numerous other interactive simulations and games related to various subjects (physics, mathematics, languages, etc.) listed under "Other Resources." The creators are also associated with Open Source Physics and the EJSS toolkit, indicating a commitment to providing open and customizable educational tools

Details