Translations

Code	Language		Translator	Run

Credits

weelookang@gmail.com; Francisco Esquembre; Boon Chien Yap; Felix J. Garcia Clemente

https://play.google.com/store/apps/details?id=com.ionicframework.wavehandson

https://apps.apple.com/us/app/waves-handson-need-many-device/id1384354352 

Briefing Document: Wave Simulation Applet by Boon Chien

1. Overview

This document analyzes a web page from Open Educational Resources / Open Source Physics @ Singapore, focusing on a specific interactive simulation: "Student created dot for wave learning JavaScript HTML5 Applet Simulation Model" by Boon Chien. This simulation is designed to help students visualize and understand wave phenomena using a hands-on approach within a JavaScript/HTML5 environment. The project is part of a larger initiative to provide open educational resources for physics learning, specifically related to waves and their properties, and also broader math and science topics.

2. Main Themes and Ideas

• Interactive Wave Learning: The core of the resource is an embedded JavaScript HTML5 applet that simulates waves. The page itself calls this an "interactive resource", suggesting the intent for active engagement and experimentation by the learner.
• Focus on Waves: The simulation's primary subject matter revolves around waves, particularly concepts such as "Superposition" and "General Waves". This indicates the simulation aims to provide a visual, manipulable model to enhance understanding of wave behavior.
• Hands-on Approach: The repeated use of "handson" in the app title and description suggests a learning-by-doing methodology, aligning with a constructivist approach to education.
• Open Educational Resource: This material is part of a larger collection of open educational resources, implying it is free to use, adapt, and share for educational purposes. The license at the bottom of the page confirms this via Creative Commons.
• Accessibility: The applet is designed to run within a web browser, indicating a broad accessibility across different devices (desktops, laptops, and potentially tablets). The app also has corresponding apps on Google Play and the Apple App Store.
• Student Creation: The title explicitly states "Student created," highlighting the role of student involvement in the development process and possibly as a project for advanced learners. This can inspire other students.
• Integration with Curriculum: The inclusion of "Lesson Plan (Waves).pdf" and "Worksheet Activity 1.pdf" & "Worksheet Activity 2.pdf" demonstrates an intention for the simulation to be incorporated within a structured learning environment.
• Collaborative Nature: Credits are given to multiple individuals, including "Francisco Esquembre; Boon Chien Yap; Felix J. Garcia Clemente", suggesting a collaborative development process.
• Use of EJS: The mention of "Easy Java Simulation" (EJS) tools suggests that this particular simulation may have been built or derived from an earlier Java version, showcasing how older physics simulation work can be adapted. The FAQ mentions "Bringing the EJS Java based Magnetic Bar Field Simulation to Life in HTML5 using GPTo1"
• Use of GPTo1: The repeated mention of GPTo1 suggests a collaborative, and potentially generative, use of AI in creating the simulation or related resources.
• Use of Trackers: The list of additional simulations shows an emphasis on the use of Tracker video analysis software to support understanding of physical phenomena and model building.
• Variety of Content: The long list of other resources at the bottom of the page show a wide variety of physics, math and tech topics being taught with these open source resources, and an active community around its use.
• Active Community: The page itself mentions "67 guests and one member online" at the time of viewing. This suggests there is an active community and user base for these resources.

3. Key Facts and Quotes

• Simulation Title: "Student created dot for wave learning JavaScript HTML5 Applet Simulation Model by Boon Chien"
• Location of Embed: The simulation is embedded in the webpage: <iframe width="100%" height="100%" src="https://iwant2study.org/lookangejss/04waves_12generalwaves/ejss_model_wavehandson/wavehandson_Simulation.xhtml " frameborder="0"></iframe>
• Related apps: The page links to apps on both the Google Play store and Apple App Store,
• Related Worksheets: "Lesson Plan (Waves).pdf", "Worksheet Activity 1.pdf", "Worksheet Activity 2.pdf" provide structured activities for use with the simulation.
• Licensing: "Contents are licensed Creative Commons Attribution-Share Alike 4.0 Singapore License" for the main resource and usage of the EJS library requires licensing.
• Credits: "This email address is being protected from spambots. You need JavaScript enabled to view it.; Francisco Esquembre; Boon Chien Yap; Felix J. Garcia Clemente"

4. Implications and Potential Uses

• Educational Resource: The applet is a valuable tool for teachers to demonstrate and explain wave behavior in physics classes.
• Student-Led Learning: Students can explore wave phenomena independently using the simulation, fostering inquiry-based learning.
• Curriculum Integration: The accompanying lesson plans and worksheets make it easier for teachers to incorporate the resource into their curriculum.
• Adaptation and Remix: The open source nature allows for teachers and developers to adapt and modify the simulation for specific learning contexts.
• Professional Development: This resource (and the related resources on the site) can be used as an example of the potential for open source tools for math and physics education, and can be incorporated into teacher training.

5. Conclusion

The "Student created dot for wave learning JavaScript HTML5 Applet Simulation Model by Boon Chien" is a significant example of how interactive simulations can be used to enhance physics education. Its emphasis on hands-on learning, open-source philosophy, and links to curriculum materials make it a valuable tool for both teachers and students. The collaborative nature of the project, combined with its focus on student creation, makes it a noteworthy resource within the Open Educational Resources / Open Source Physics @ Singapore initiative. The resources shows a broad variety of topics being taught by the program, with both simple single concepts and more complex concepts being covered.

 

Wave Simulation Study Guide

Quiz

Instructions: Answer the following questions in 2-3 sentences each.

1. What type of wave is the simulation primarily designed to demonstrate?
2. What programming languages were used to create this simulation?
3. Besides the website, where else can the simulation be accessed?
4. Who are the primary individuals credited for developing the simulation?
5. What is "Superposition" in the context of waves, as likely demonstrated by this simulation?
6. What type of motion do transverse waves exhibit, as referenced in the included video?
7. Name two other simulations or resources listed on the website that are related to physics.
8. What kind of educational resources are available in PDF format to complement the wave simulation?
9. What is the purpose of the embedded iframe on the website?
10. What does "HTML5" indicate about this type of simulation?

Answer Key

1. The simulation is designed to demonstrate general waves, including transverse and longitudinal waves, as the title indicates "general waves."
2. The simulation was created using JavaScript and HTML5. The Easy Java Simulations Library was used to develop it, but it is delivered in the HTML5 web format.
3. The simulation can be accessed on the website and as a mobile application on both the Google Play Store for Android and the Apple App Store for iOS devices.
4. The primary individuals credited are Boon Chien Yap, Francisco Esquembre, and Felix J. Garcia Clemente.
5. Superposition, in the context of waves, refers to the phenomenon where two or more waves combine and their amplitudes add together, potentially leading to constructive or destructive interference.
6. Transverse waves exhibit a motion where particles of the medium move perpendicular to the direction of wave propagation. This is highlighted in the videos referenced.
7. Two other physics-related simulations or resources include the "Coriolis Effect 2D JavaScript Simulation Applet HTML5" and "Sound Waveforms JavaScript HTML5 Applet Simulation Model".
8. There are lesson plans and activity worksheets available in PDF format to complement the simulation and help in classroom learning.
9. The embedded iframe displays the actual interactive wave simulation, allowing users to engage with it directly on the webpage.
10. HTML5 indicates the simulation is built using modern web technologies, making it compatible with various devices and web browsers without requiring additional plugins.

Essay Questions

Instructions: Choose one of the following questions to answer in essay format.

1. Discuss the value of using interactive simulations, like the wave applet, in teaching physics concepts, using specific examples from the source material.
2. Explain the concept of wave superposition and how a simulation might illustrate this phenomenon in a way that traditional textbook explanations cannot.
3. Analyze the collaborative nature of creating open educational resources, as evidenced by the multiple authors and contributors to the simulation.
4. Evaluate the accessibility and reach of educational resources through web-based simulations and mobile apps compared to traditional teaching methods.
5. Compare and contrast the benefits of JavaScript HTML5 applet simulations with traditional Java applets for physics education, based on your understanding of the resource.

Glossary of Key Terms

• HTML5: The fifth and latest version of Hypertext Markup Language, used for structuring and presenting content on the World Wide Web, including interactive elements like this simulation.
• JavaScript: A programming language commonly used to create interactive effects within web browsers, enabling dynamic behaviors in this simulation.
• Applet: A small application, in this case, a simulation, designed to run within another application, typically a web browser.
• Simulation: A computer-based model designed to represent a real-world system or phenomenon, like wave behavior in this case.
• Superposition: The principle in wave mechanics where two or more waves at the same location combine; their resultant amplitude can be determined by adding their individual amplitudes together.
• Transverse Wave: A wave where the particles of the medium oscillate perpendicular to the direction of wave propagation, like the ones demonstrated in one of the provided videos.
• Open Educational Resources (OER): Freely accessible and openly licensed educational materials that can be used, adapted, and shared, which this simulation and its supporting resources are meant to be.
• Easy JavaScript Simulations (EJS): A software tool used to create interactive simulations. In this case, it was used to develop the underlying model for the simulation.
• Iframe: An HTML element used to embed another HTML document within the current HTML document, allowing the simulation to be displayed within the website.
• Longitudinal Wave: A wave where the particles of the medium oscillate parallel to the direction of wave propagation. Although not explicit in the name of the simulation, the text mentions "general waves" which would imply that this type of wave can be modeled by this resource.

Worksheets

• Lesson Plan (Waves).pdf
• Worksheet Activity 1.pdf
• Worksheet Activity 2.pdf

 Video

Formation of Transverse Waves by  ETDtogo

 

Transverse Wave - Motion of A Particle by ETDtogo

Other Resouces

1. https://www.geogebra.org/m/c7pp9q2w by Tan Seng Kwang
2. https://play.google.com/store/apps/details?id=de.rwth_aachen.phyphox

Screenshots

Student created dot for wave learning JavaScript HTML5 Applet Simulation Model by Boon Chien

Frequently Asked Questions

1. What is the "Student created dot for wave learning JavaScript HTML5 Applet Simulation Model" and what is its purpose?
2. This is an interactive simulation, built using JavaScript and HTML5, designed to help students learn about waves. It allows users to visualize and manipulate wave properties like superposition. It is intended to be a hands-on, educational tool, likely for physics instruction. The "dot" in the name probably refers to the way the simulation uses moving dots to represent wave motion.
3. Where can I access this wave simulation and what platforms are supported?
4. The simulation is embedded within a webpage using an <iframe> tag, meaning it can be viewed in any modern web browser. It is also available as a mobile app, "Waves Handson", on both the Google Play Store for Android devices and the Apple App Store for iOS devices. This indicates it's accessible across multiple platforms including computers, tablets and smartphones.
5. Who developed this simulation and are there any supporting materials?
6. The simulation was created by Boon Chien Yap, with contributions from Francisco Esquembre and Felix J. Garcia Clemente. There are also lesson plans and worksheet activities (Activity 1 and 2) available in PDF format to support the use of the simulation in educational settings. These resources suggest a pedagogical approach is built into how the resource is intended to be used.
7. Is this simulation part of a larger project or resource collection?
8. Yes, it's part of the "Open Educational Resources / Open Source Physics @ Singapore" project. This project appears to be a repository of interactive simulations and educational resources related to physics and other STEM fields. The project's name suggests an effort to create publicly available educational materials and use of open source tools.
9. What other types of simulations and interactive resources are offered by this project?
10. The project offers a very wide variety of simulations including those for Newtonian mechanics, rotational motion, electromagnetism, sound waves, kinematics, math concepts, radioactive decay, atomic models, optics, and more. These simulations use Javascript/HTML5 and also a library called Easy JavaScript Simulations(EJS). The content list includes many workshops and presentations that were likely aimed at training teachers on how to use and create these resources. It indicates a significant focus on interactive, model-based learning.
11. What tools and technologies are utilized in the development of these simulations?
12. Many of the listed simulations use JavaScript and HTML5, allowing for cross-platform compatibility. The Easy JavaScript Simulations (EJS) framework is also a key technology. Additionally, tools like Tracker (for video analysis) and GeoGebra are mentioned, suggesting the use of multiple technologies to enhance learning. WebGL is also used for some simulations for 3D graphics. The list also mentions AI tools like GPTo1 and GPTo3mini were used in the development of some resources suggesting the use of modern AI technologies to improve the learning experience.
13. Is this project focused solely on Physics, or are there other disciplines involved?
14. While physics is a major focus with a large number of resources devoted to mechanics, electromagnetism, and wave phenomena, there are also resources for mathematics, chemistry (like titration curves), and general science education (like antibiotic resistance). This suggests a broader scope encompassing STEM disciplines, though physics appears to be the primary focus.
15. Is this project freely accessible and are there any usage restrictions?
16. The educational resources are licensed under a Creative Commons Attribution-Share Alike 4.0 Singapore License. This allows for free use, sharing, and adaptation of the materials as long as attribution is provided and the derivative work is shared under a similar license. However, commercial use of the EasyJavaScriptSimulations Library requires a separate license agreement with the University of Murcia, suggesting the library itself is not open source for commercial purposes.