Breadcrumbs

Comparing Fractions JavaScript HTML5 Applet Simulation Model

 

 

 

Download ModelDownload SourceembedLaunch Website ES WebEJS

Translations

Code Language Translator Run

Credits

weelookang@gmail.com; Francisco Esquembre; Felix_J_Garcia_Clemente

Sample Learning Goals

Briefing Document: Comparing Fractions Applet

1. Overview

This document reviews the key aspects of the "Comparing Fractions JavaScript HTML5 Applet Simulation Model," an interactive educational resource developed by Open Educational Resources / Open Source Physics @ Singapore. This resource is part of a larger collection of interactive simulations designed to aid in mathematics and science education, particularly in the areas of fractions and number sense. The applet is designed for use on a variety of platforms, including web browsers that support HTML5.

2. Main Themes and Key Ideas

  • Focus on Fraction Comparison: The central theme of this applet is to help learners understand and practice comparing fractions. This suggests an emphasis on developing a conceptual understanding of fraction magnitude and relative size.
  • Interactive Learning: The resource uses a JavaScript-based HTML5 applet, which provides a dynamic and interactive environment for learning. This emphasizes active engagement as a learning method. The use of an embedded iframe indicates that it is easily integrated into existing online learning platforms.
  • Accessibility & Open Educational Resources (OER): The applet is part of a broader effort focused on creating open educational resources. This is indicated by the website name and the licensing statement at the bottom, which specifies a Creative Commons Attribution-Share Alike 4.0 Singapore License. This aims to make educational resources widely available and encourages sharing and adaptation. The use of Javascript/HTML5 platform also makes the applet more accessible as they can run on many devices without special software.
  • Target Audience: The resource is designed for primary and secondary school students. This can be inferred from the keywords used, "Primary", "Secondary", "Mathematics", "fractions", "Fractions of a Whole", "Fractions Equivalent", "Mixed Numbers and Improper Fractions", and "fraction of a set of Objects".
  • Part of a Larger Ecosystem: The applet is not an isolated tool. The document includes a list of other similar interactive resources and workshops, demonstrating a comprehensive platform with the stated goal of utilizing simulations in science/math education. This can be gleaned from the numerous links and listed items at the bottom of the page.
  • Technology & Innovation: The inclusion of a list of workshops about using these tools, particularly the emphasis on converting or creating simulations with different tools (e.g. Easy Java Simulation to EJSS) demonstrates the focus of this project is to continue improving the efficacy of educational simulation using technology.

3. Specific Features & Functionality

  • Embeddable Applet: The code snippet <iframe width="100%" height="100%" src="https://iwant2study.org/lookangejss/math/ejss_model_comparefractions/comparefractions_Simulation.xhtml " frameborder="0"></iframe> makes it easy for educators to embed the interactive model directly into their web pages or virtual learning environments.
  • Translations: The presence of "Translations" section indicates the potential of the application to be used in multiple languages, increasing accessibility to non-English speakers.
  • Credits & Development: The applet credits Francisco Esquembre and Felix_J_Garcia_Clemente, giving a sense of the collaborative nature of the project. It also indicates the open source community is responsible for the development and ongoing improvement of these resources.

4. Learning Goals & Pedagogy

  • Although the specific learning goals and pedagogical notes are not listed on the page directly, the keywords provided indicate that this applet is meant to help students understand the following fraction related concepts: *Comparing fractions of a whole *Understanding equivalent fractions *Converting mixed number and improper fractions *Visualizing fractions in a set of objects

The context of the source suggests the use of interactive and visual aids to achieve those goals. The nature of the project emphasizes a 'learn by doing' and inquiry-based educational approach.

5. Supporting Resources

6. Quotes & Evidence

  • "Comparing Fractions JavaScript HTML5 Applet Simulation Model": This title is the clearest indicator of the tool's purpose.
  • <iframe width="100%" height="100%" src="https://iwant2study.org/lookangejss/math/ejss_model_comparefractions/comparefractions_Simulation.xhtml " frameborder="0"></iframe>: This embed code shows exactly how the interactive tool is implemented within a webpage.
  • "This email address is being protected from spambots. You need JavaScript enabled to view it. ; Francisco Esquembre; Felix_J_Garcia_Clemente": This indicates the tool was developed by the individuals listed.
  • "Contents are licensed Creative Commons Attribution-Share Alike 4.0 Singapore License": This demonstrates the open nature of the project and use of open source materials.

7. Conclusion

The "Comparing Fractions JavaScript HTML5 Applet Simulation Model" is a valuable resource for educators looking to enhance students' understanding of fraction comparison through an interactive and engaging online tool. It represents a commitment to open educational resources and the effective use of technology in mathematics education. The numerous supporting resources and workshops indicate a broader, holistic initiative.

For Teachers

Comparing Fractions Study Guide

Quiz

Instructions: Answer each question in 2-3 sentences.

  1. What is the main purpose of the Comparing Fractions JavaScript HTML5 Applet Simulation Model?
  2. Name three topics related to fractions that the simulation model addresses.
  3. What does the "Embed this model in a webpage" section allow users to do?
  4. Who are the credited creators of the Comparing Fractions simulation?
  5. Besides the given webpage, list one other resource mentioned that is related to fractions.
  6. What type of interactive learning experience does this simulation provide?
  7. What kind of devices can this simulation be used on, based on the listed popular tags?
  8. What specific math operation, besides comparing, is related to the listed tags?
  9. What is the licensing of the content of this website?
  10. What does it mean that this website is considered an "Open Educational Resource?"

Quiz Answer Key

  1. The main purpose of the Comparing Fractions JavaScript HTML5 Applet Simulation Model is to provide an interactive tool to help students visualize and understand how to compare fractions. It allows users to manipulate fractions and see their relationships.
  2. The simulation model addresses: fractions of a whole, equivalent fractions, and mixed numbers and improper fractions. It also touches upon fractions of a set of objects.
  3. The "Embed this model in a webpage" section allows users to incorporate the interactive simulation directly into their own websites, which means educators and others can easily share the model.
  4. The credited creators of the Comparing Fractions simulation are Francisco Esquembre and Felix_J_Garcia_Clemente.
  5. One other resource mentioned that is related to fractions is a GeoGebra resource by Lew w s.
  6. This simulation provides an interactive learning experience that allows users to dynamically manipulate fractions and visually compare them.
  7. Based on the "Popular Tags," this simulation can be used on Windows/MacOSX/Linux laptops and desktops, as well as Android/iOS devices including phones and tablets.
  8. Besides comparing, addition and subtraction are also related to the listed tags as stated in the popular tags section "Addition and Substraction".
  9. The content on this website is licensed under a Creative Commons Attribution-Share Alike 4.0 Singapore License.
  10. An "Open Educational Resource" means that this website's educational materials are freely available for use and adaptation, with the expectation of proper attribution.

Essay Questions

Instructions: Answer each question in essay format, drawing upon your understanding of the source material.

  1. Discuss the significance of interactive simulations like the Comparing Fractions model in mathematics education. How does it enhance the learning experience compared to traditional methods?
  2. Explore the different learning goals that can be addressed by the Comparing Fractions simulation, and consider how the model can be adapted for varied levels of understanding.
  3. Based on the provided context, what role does open-source technology play in education and how does this resource contribute to the larger movement?
  4. How can educators effectively integrate resources like the Comparing Fractions simulation into a curriculum? What considerations should be taken when using the simulation in a classroom setting?
  5. Analyze the impact of having resources like the Comparing Fractions model freely available on a global scale. What are the potential benefits and challenges of widespread use of such educational tools?

Glossary of Key Terms

HTML5 Applet: A small application or program embedded in a webpage, built using HTML5 technologies, that can provide interactive and dynamic content.

JavaScript: A programming language primarily used to add interactivity and dynamic behavior to websites and web applications.

Simulation Model: A digital representation of a real-world system or process that allows users to explore different scenarios and outcomes in an interactive way.

Open Educational Resources (OER): Freely accessible and openly licensed educational materials that can be used, adapted, and shared without restrictions.

Fractions of a Whole: A way to represent a part of a single entity that has been divided into equal portions.

Equivalent Fractions: Different fractions that represent the same proportion or value.

Mixed Numbers: A number composed of a whole number and a fraction.

Improper Fractions: A fraction where the numerator is greater than or equal to the denominator.

Open Source: Software or content where the source code is made freely available for anyone to use, modify, and distribute.

Interactive Learning: A form of education that involves active engagement and participation from the learners, typically through hands-on activities or digital tools.

Research

[text]

Video

 Version:

  1. http://weelookang.blogspot.sg/2017/08/comparing-fractions-javascript-html5.html
  2. https://vle.learning.moe.edu.sg/lesson/view/bd676499-022a-419a-92df-2847eb6790e4#page-3 login required

Other Resources

https://www.geogebra.org/m/wpzky6du

https://www.geogebra.org/m/qwjhd8kx by Lew w s

 

 

 

 

FAQ: Comparing Fractions & Interactive Simulations

  • What is the "Comparing Fractions JavaScript HTML5 Applet Simulation Model" and what does it do? This is an interactive simulation tool designed to help students understand and compare fractions. It is built using JavaScript and HTML5, making it accessible in web browsers without the need for plugins. The model visually represents fractions, allowing users to manipulate and directly compare them to enhance understanding of concepts like equivalent fractions and fractions of a whole.
  • Who is the intended audience for this simulation model? The model is designed to be used by both primary and secondary school students. The interactive nature of the tool makes it suitable for different learning levels within these groups. Its use can support curriculum goals around fractions, fractions of a whole, equivalent fractions, mixed numbers, improper fractions, and fractions of a set of objects.
  • Where can I access and use the simulation model? The simulation model can be accessed directly via the embedded iframe code provided, which can be inserted into a webpage. This allows it to be used as part of an online lesson or educational resource. The specific URL is: https://iwant2study.org/lookangejss/math/ejss_model_comparefractions/comparefractions_Simulation.xhtml. It is also mentioned on the Singapore Student Learning Space (SLS) and linked on blogspot.
  • What are some of the learning goals associated with this tool? While specific learning goals aren't explicitly laid out, the description suggests that using the simulation model enables students to better grasp fraction concepts. This includes understanding how fractions relate to each other, visualizing their sizes, comparing fractions with different numerators and denominators, and seeing relationships between equivalent fractions and mixed/improper forms. These learning goals are in line with the common standards found in primary and secondary math curriculum around fractions.
  • What other educational resources are associated with the site and what is Open Source Physics @ Singapore? The site, hosted under Open Educational Resources / Open Source Physics @ Singapore, provides a vast collection of interactive simulations for various subjects. Beyond the Comparing Fractions model, there are numerous other applets related to physics, math, and other scientific topics. They make these tools available under a Creative Commons license, encouraging their reuse and adaption. Open Source Physics @ Singapore is a group that develops and shares these interactive tools for teaching. They aim to make learning experiences more engaging and interactive.
  • What technologies are used in creating these interactive simulations? The models are primarily built using JavaScript and HTML5. Some earlier simulations were built using Easy Java Simulation (EJS) but have been or are being converted to HTML5 for better compatibility. This allows them to be run directly in web browsers, including on mobile devices like tablets and handphones without needing additional plugins or programs.
  • Can these interactive models be used for other subjects besides math? Yes, absolutely! The website hosts interactive simulation models for a wide array of subjects. The long list of resources shows that they cover physics, chemistry, and more, and include topics from kinematics and dynamics to electromagnetism, waves, and atomic models. The models can be used to make science and math lessons more interactive and engaging.
  • What research and awards have been related to this project? The text mentions several awards received including UNESCO King Hamad Bin Isa Al-Khalifa Prize for the Use of ICTs in Education, Public Service 21 awards, and Ministry of Education Innovation and Service Excellence Awards. There has also been research in the area of Modeling-Inquiry Enabled Interactive Textbooks. These awards and research recognitions highlight the significant contribution of this project to education technology and demonstrates its impact on promoting interactive learning experiences.
5 1 1 1 1 1 1 1 1 1 1 Rating 5.00 (3 Votes)
Details
Parent Category: Fractions
Category: 1. Fractions of a Whole
Hits: 12605