Breadcrumbs

 

 

 

Download ModelDownload SourceembedLaunch Website ES WebEJS

Translations

Code Language Translator Run

Credits

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

This briefing document provides an overview of the "SLS Hackathon template 1 HTML5" resource found on the Open Educational Resources / Open Source Physics @ Singapore website. It outlines the main themes, key features, and the broader context of open educational resources and interactive simulations for learning.

1. Main Theme: Interactive Learning through Simulations

The primary theme of this resource and the associated website is the promotion and provision of interactive learning experiences, primarily through HTML5-based simulations and applets. The "SLS Hackathon template 1 HTML5" page serves as an example and a potential starting point for educators looking to integrate such interactive elements into Singapore's Student Learning Space (SLS).

2. Key Features and Functionality:

  • Embeddable Simulation: The core of the template is an embeddable HTML5 simulation model. The page explicitly provides an <iframe> code snippet to easily integrate the linked simulation into a webpage, presumably within the SLS environment.
  • Quote: " Embed this model in a webpage: <iframe width="100%" height="100%" src="https://iwant2study.org/lookangejss/00workshop/2019SLSHackathon/day0/ejss_model_lookangtemplateSLS/lookangtemplateSLS_Simulation.xhtml " frameborder="0"></iframe>"
  • Open Educational Resources (OER): The website's title and the Creative Commons license at the bottom clearly indicate a commitment to OER principles. This means the resources, including the templates and simulations, are intended for free use, adaptation, and sharing, subject to the terms of the license.
  • Focus on STEM (Physics Primarily): While the website name highlights "Open Source Physics," the extensive list of resources reveals a broader scope, including mathematics, chemistry, and even some language and general knowledge games. However, a strong emphasis on physics simulations is evident.
  • HTML5 Technology: The use of HTML5 signifies a move towards platform-independent and browser-based interactive content, making these resources accessible across various devices without the need for specific plugins like Flash.
  • Credit and Versioning: The template explicitly provides sections for "Credits" (listing email contact, Francisco Esquembre, and Felix J. Garcia Clemente) and "Version" (linking to a blog post about the template). This promotes attribution and allows users to track updates.
  • Translations: The inclusion of a "Translations" section suggests an effort to make the resources accessible to a wider audience, although this specific template doesn't list any translations.
  • Related Resources: The "Other Resources" section provides a long list of diverse interactive simulations, quizzes, and presentations, showcasing the breadth of OER available through this initiative. These range from basic science concepts (e.g., "Life cycle of Frog, Human, Chicken...") to more advanced physics and mathematics (e.g., "Single Slit Diffraction Model HTML5," "Riemann Integral JavaScript Simulation Applet HTML5").
  • SLS Integration: The context of the "SLS Hackathon 2019" and the title "SLS Hackathon template 1 HTML5" strongly indicate a focus on creating resources that can be readily used within Singapore's Student Learning Space. The reference to making "SLS lessons more inquiry-based" further reinforces this.

3. Important Ideas and Facts:

  • The SLS Hackathon (2019): This event served as a catalyst for the development and sharing of interactive learning resources specifically designed for the SLS platform. The template likely emerged from this initiative.
  • Easy JavaScript Simulations (EJS): While not explicitly stated on this page, the structure of the linked simulation URL (/ejss_model_lookangtemplateSLS/) strongly suggests the use of Easy JavaScript Simulations (EJS), an open-source tool for creating interactive simulations, particularly in physics and mathematics. The license information at the bottom of the website further confirms this.
  • Quote (from website footer): "Separately, for commercial use of EasyJavaScriptSimulations Library, please read https://www.um.es/fem/EjsWiki/Main/EJSLicense and contact fem@um.es directly."
  • Community Contribution: The credits section highlights the role of individuals like Francisco Esquembre and Felix J. Garcia Clemente in the development and sharing of these resources, emphasizing a collaborative and open approach.
  • Wide Range of Topics: The extensive list of "Other Resources" demonstrates the potential of interactive simulations to cover a diverse range of subjects and concepts across different educational levels.
  • Alignment with Educational Trends: The focus on HTML5, interactive elements, and inquiry-based learning aligns with contemporary pedagogical approaches that emphasize student engagement and active learning.
  • Potential for Customization: As a template, this resource likely provides a basic structure that educators can adapt and customize to create their own interactive learning activities tailored to specific curriculum needs.

4. Implications and Potential Uses:

  • Enhancing SLS Lessons: Educators can use this template and the numerous available simulations to create more engaging and interactive lessons within the SLS environment.
  • Promoting Deeper Understanding: Interactive simulations can help students visualize abstract concepts, experiment with variables, and develop a deeper understanding of the subject matter.
  • Supporting Inquiry-Based Learning: Many of the listed resources, particularly those related to physics experiments and models, can be used to facilitate inquiry-based learning approaches.
  • Facilitating Resource Sharing and Collaboration: As OER, these resources can be freely shared, adapted, and built upon by educators across Singapore and beyond.
  • Developing New Interactive Content: The template provides a foundation for educators with some technical skills to create their own HTML5-based interactive learning resources.

5. Conclusion:

The "SLS Hackathon template 1 HTML5" page, in conjunction with the broader Open Educational Resources / Open Source Physics @ Singapore website, represents a valuable collection of interactive learning resources with a strong emphasis on STEM subjects. The use of HTML5 technology, the commitment to OER principles, and the explicit focus on integration with the SLS platform make these resources highly relevant for educators in Singapore looking to enhance student engagement and understanding through interactive simulations. The sheer volume and diversity of the available simulations highlight the potential of this initiative to support a wide range of learning objectives.

Further Exploration:

  • Explore the linked simulation using the provided <iframe> code.
  • Browse the extensive list of "Other Resources" to identify simulations relevant to specific subject areas and grade levels.
  • Investigate the Easy JavaScript Simulations (EJS) platform for educators interested in creating their own interactive content.
  • Consider how the principles of OER can be further leveraged within educational institutions.

 

SLS Hackathon Template 1 HTML5 Study Guide

Quiz

  1. What is the primary purpose of the "SLS Hackathon template 1 HTML5" resource based on the provided information?
  2. Describe how the embedded model can be integrated into a webpage, specifying the HTML element used.
  3. Besides the embedded model, what other types of resources or tools appear to be available on this Open Educational Resources platform? Provide two examples.
  4. Who are credited for the creation of the "SLS Hackathon template 1 HTML5" resource?
  5. What does the "Translations" section suggest about the accessibility of this and potentially other resources on the platform?
  6. Where can one find the license information for the EasyJavaScriptSimulations Library, mentioned in the "Credits"?
  7. Based on the "Other Resources" list, what are some of the subject areas covered by the simulations and applets available on this platform? Provide at least two distinct subject areas.
  8. What does the presence of numerous "PICUP" resources likely indicate about the focus or collaborations of this Open Educational Resources initiative?
  9. Identify two examples of interactive elements or game-like applications listed under "Other Resources."
  10. What is the stated license for the content provided on the "Open Educational Resources / Open Source Physics @ Singapore" platform, excluding the EasyJavaScriptSimulations Library?

Quiz Answer Key

  1. The primary purpose of the "SLS Hackathon template 1 HTML5" resource is to provide a basic HTML5 template that can be used, likely by participants of the SLS Hackathon, to embed interactive models or simulations into webpages. The template itself embeds a specific simulation as an example.
  2. The embedded model can be integrated into a webpage using an <iframe> tag. The provided code snippet shows how to define the width, height, and source URL of the iframe to display the interactive model.
  3. Besides the embedded model, other types of resources available include various interactive JavaScript HTML5 applet simulations and models covering topics like physics, mathematics, chemistry, and economics, as well as potentially text-based resources or blog posts.
  4. Francisco Esquembre and Felix J. Garcia Clemente are credited for the creation of the "SLS Hackathon template 1 HTML5" resource, with contact information provided for further inquiries.
  5. The "Translations" section suggests that efforts are made to make the resources accessible to a wider audience by providing versions in different languages, although no specific translations are listed for this particular template.
  6. The license information for the EasyJavaScriptSimulations Library can be found by visiting the URL "https://www.um.es/fem/EjsWiki/Main/EJSLicense" and for commercial use, one should contact "fem@um.es" directly.
  7. Based on the "Other Resources" list, subject areas covered include physics (e.g., vector addition, projectile motion, electromagnetism), mathematics (e.g., determinant of a matrix, geometric sequences, calculus), economics (e.g., taxes on producers, production possibility curve), and chemistry (e.g., covalent bonding).
  8. The numerous "PICUP" (likely standing for Physics Interactive Curricular Units Project) resources strongly indicate a focus on incorporating interactive physics simulations into educational materials and suggest collaborations with the PICUP project.
  9. Two examples of interactive elements or game-like applications listed are "Shoot SI Unit Game Simulator HTML5" and "Catch Correct Chinese Phase Game HTML5," indicating a variety of interactive learning tools are offered.
  10. The content provided on the "Open Educational Resources / Open Source Physics @ Singapore" platform is licensed under the Creative Commons Attribution-Share Alike 4.0 Singapore License, with the exception of the EasyJavaScriptSimulations Library which has a separate license.

Essay Format Questions

  1. Discuss the potential benefits of using embedded interactive simulations, such as the one showcased in the "SLS Hackathon template 1 HTML5," in an educational context. Consider the different ways students might engage with and learn from such resources.
  2. Based on the variety of resources listed under "Other Resources," analyze the scope and focus of the "Open Educational Resources / Open Source Physics @ Singapore" initiative. What conclusions can you draw about their target audience and educational goals?
  3. Explore the significance of open educational resources (OER) in modern education, using the "SLS Hackathon template 1 HTML5" and the associated platform as a case study. What advantages and potential challenges are associated with the creation and use of OER?
  4. Consider the role of hackathons, like the "SLS Hackathon 2019," in fostering the development and adoption of innovative educational technologies. How might a template like the one described contribute to the goals of such events?
  5. Analyze the licensing terms mentioned for the content and the EasyJavaScriptSimulations Library. What implications do these different licenses have for educators and developers who wish to use or adapt these resources?

Glossary of Key Terms

  • HTML5: The latest evolution of the standard Hypertext Markup Language, used for structuring and presenting content on the World Wide Web. It supports multimedia elements without the need for plugins.
  • Embed: To integrate external content, such as a video, simulation, or webpage, directly into another webpage or document. In this context, it refers to placing the interactive model within the HTML structure.
  • Iframe: An HTML inline frame element that allows embedding another HTML document within the current HTML document. It is commonly used to display content from external sources.
  • Open Educational Resources (OER): Teaching, learning, and research materials that are available freely and openly, permitting anyone to use, redistribute, adapt, and modify them.
  • JavaScript: A high-level, often just-in-time compiled programming language that conforms to the ECMAScript specification. It is commonly used to make web pages interactive.
  • Applet: A small application, often written in Java or JavaScript, designed to be run within another application, typically a web browser. In this context, it refers to interactive simulations.
  • Simulation: A computer program that models the behavior of a system or process over time, often allowing users to interact with parameters and observe the outcomes.
  • Hackathon: An event, typically lasting several hours or days, in which people come together to engage in collaborative computer programming and software development, often with a specific theme or goal.
  • License (Creative Commons Attribution-Share Alike 4.0 Singapore License): A public copyright license that allows for the free distribution of an otherwise copyrighted work. The "Attribution" part requires users to give credit to the original creator, and "Share Alike" requires that any derivative works are also licensed under similar terms.
  • Library (EasyJavaScriptSimulations Library): A collection of pre-written code that programmers can use to simplify the development process. The EasyJavaScriptSimulations Library likely provides tools and functionalities for creating interactive simulations.

 

 Version:

  1. https://weelookang.blogspot.com/2019/04/sls-hackathon-template-html5.html

Other Resources

[text]

end faq

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

Frequently Asked Questions about Open Educational Resources / Open Source Physics @ Singapore

1. What is the main purpose of the "Open Educational Resources / Open Source Physics @ Singapore" website? The primary goal of this platform is to provide educators and learners with freely accessible, interactive resources, particularly in physics and mathematics, through open educational resources (OER) and open-source physics simulations developed primarily using JavaScript and HTML5.

2. What types of resources are available on this website? The website offers a wide variety of interactive simulations, applets, and models covering diverse topics in physics (e.g., mechanics, waves, electromagnetism, thermodynamics, optics, nuclear physics), mathematics (e.g., algebra, geometry, calculus, statistics), and even some other subjects like economics and chemistry. These resources often take the form of HTML5-based simulations that can be embedded in webpages.

3. Who are the primary creators and contributors to these resources? The credits section mentions email addresses, Francisco Esquembre, and Felix J. Garcia Clemente. Additionally, the blog (https://weelookang.blogspot.com/2019/04/sls-hackathon-template-html5.html) likely features further contributions. The numerous listed simulations also suggest a community of developers and educators are involved in creating and sharing these interactive tools, potentially through events like the "SLS Hackathon."

4. What is the format of the interactive simulations and how can they be used? The simulations are primarily developed using JavaScript and HTML5, making them accessible through standard web browsers without the need for additional plugins. They can often be embedded directly into webpages using an <iframe> tag, as demonstrated in the template. This allows educators to integrate these interactive models into their online teaching materials, such as lessons on the Singapore Student Learning Space (SLS).

5. What is the significance of the "SLS Hackathon" mentioned on the website? The "SLS Hackathon" (likely referring to hackathons focused on the Singapore Student Learning Space) appears to be an event where developers and educators collaborate to create interactive learning resources, such as the showcased HTML5 templates and simulations, that can be integrated into the national learning platform.

6. Are these resources free to use? What are the licensing terms? The website explicitly states that "Contents are licensed Creative Commons Attribution-Share Alike 4.0 Singapore License." This means that the materials are free to use, share, and adapt, even for commercial purposes, as long as proper attribution is given to the original creators and any derivative works are shared under the same or a compatible license. However, the EasyJavaScriptSimulations Library, which likely powers many of these simulations, has separate commercial use terms that require contacting fem@um.es directly.

7. How can these resources benefit educators and students? These interactive simulations offer a dynamic and engaging way for students to learn complex concepts in physics, mathematics, and other subjects. Educators can use them to illustrate abstract ideas, conduct virtual experiments, and provide students with opportunities for hands-on exploration and deeper understanding. The open nature of the resources allows for customization and integration into various teaching methodologies.

8. How can users stay updated on new resources or developments from this platform? The website lists a blog (https://weelookang.blogspot.com/2019/04/sls-hackathon-template-html5.html) which likely serves as a platform for updates and announcements. Additionally, the credits section provides contact information for inquiries, and the extensive list of resources suggests ongoing development and contributions. Exploring the website and the blog would be the best way to stay informed.

0.5 1 1 1 1 1 1 1 1 1 1 Rating 0.50 (3 Votes)