20230327 BROWN BAG@CPDD��Educators as Designers of Simulations �using Easy JavaScript Simulation (EJSS)�authoring toolkit��
OBJECTIVES AND CONTENT
BROWN BAG @ CPDD
2
27/3/2023
– To share conceptualisation of interactives and other resources developed using Easy JavaScript Simulation (EJSS)
– To share value proposition of EJSS for teaching and learning
– Thought processes of using EJSS to create interactives
– Development approach - How EJSS authoring toolkit can be “encouraged” to be used to build their scientifically accurate and high quality resources for future ready learning
Conventional Method of Development of interactives
Conventional Development: 3 to 12 months?
– From idea to storyboard
– Storyboard with many inputs in text and lots of discussions
– Final document sent for development
– Multiple rounds of improvements
– Receive final interactive
– Optimise code (“Code-refactoring”)
DRAWBACK: The code seems like a black box, no idea if assets could be recycled
Release to students in SLS. Receive feedback from end-users with little means of improving the resource
EDUCATORS AS
DESIGNERS OF SIMULATION
3
Are there better method(s) �in the Internet Age?
EDUCATORS AS
DESIGNERS OF SIMULATION
4
Why can’t educators be the simulation designers?
– HTML5 tools and editors are generally free
– A.I. such as ChatGPT, Blackbox augment programming
– Easy JavaScript Simulation toolkit makes JavaScript easy
There are libraries of simulations to take and use, as well as existing interactives to copy and modify.
Shorten the development process and reduced mismatches between concept and product.
Free Tools �for HTML5 development
EDUCATORS AS
DESIGNERS OF SIMULATION
5
Easy JavaScript Simulation (EJSS) Toolkit: Concept to Prototype in 7 days
6
RESOURCES DEVELOPED �IN CPDD 2023
EJSS: A tool to create �scientific models for NT Science
Live Demo
8
9
EJSS: A tool to create �scientific models for NT Science
Live Demo
EJSS: A tool to create �scientific models for Biology
Live Demo
10
11
EJSS: A tool to create �scientific models for Biology
Live Demo
Instead of doing in Adobe Animate and others software tools.
EJSS: A tool to combine multiple videos into an interactive – Reena
12
Live Demo
EJSS: A tool to combine multiple videos into an interactive – Reena
13
It is easy to script the logic and thus find exactly where to change to fix bugs.
To expect interns to do this is technically difficult for novices.
In addition, for other interns to make major revisions is also challenging.
This code is a black box to officers who have no knowledge of its internal workings, thus it will be impossible to enhance later using a typical code editor.
EJSS as a tool to create “content page” for multiple interactives –Timothy
14
Live Demo
EJSS as a tool to create “content page” for many interactive –Timothy�
15
Live Demo
HTML5 as a tool to develop scientifically accurate models - Andy
16
=
There are very few scientifically accurate titration models in the world.
Most are approximations and lack the corresponding visualisation.
SLS MOE LIBRARY AND COMMUNITY GALLERY LESSONS WITH EJSS INTERACTIVES
EJSS for Inquiry-Based Learning �in SLS MOE library�
18
EJSS as animation generator in SLS MOE library�
19
Physics Example
Animation is added that focuses on concept such as the gradient of the velocity-time graph being the instantaneous velocity.
Interactive is added at the end of lesson for exploration, fun and sense making
EJSS as practice tool in SLS Community Gallery�
20
EJSS as virtual lab in SLS Community Gallery�
21
As the previous SLS Community Gallery Chief Admin, I regularly supported teacher’s lesson submissions by “suggesting” virtual labs
EJSS as reward activity in SLS Community Gallery�
22
Addition of gamification elements using EJSS to support Math lessons as reward at the end
VALUE PROPOSITION
OF USING EJSS
FOR TEACHING AND LEARNING
1. Interactive and engaging learning experiences customised for the Singapore curriculum
24
EJSS simulations are designed to be interactive and visually engaging.
“The display of info is also suitable for our students’ learning which reduces the extraneous cognitive loads, compared to similar simulations found on the internet.” - Zenia
2. Encourages exploration and experimentation
25
EJSS simulations can foster a spirit of exploration and experimentation among students.
Through manipulating variables and observe the resulting changes, this can help to develop critical thinking and problem-solving skills, as well as encourage students to take an active role in their own learning.
3. Customization and flexibility
26
EJSS allows users to create custom simulations tailored to the needs of their students.
Teachers can design simulations aligned to their curriculum and learning objectives, and can easily modify simulations to keep up with student’s needs.
4. Evolving Global developments
27
Constant improvements with features to enhance the teaching and learning experience.
One new feature is data analytics, which provides teachers with valuable insights into student performance and engagement.
Through data analytics, teachers track student’s progress, identify areas where students are struggling, and adjust their instruction to meet the needs of their students.
5. Cost-effective & Licensed CC-BY-NC-SA for world use
28
EJSS is an open-source software.
It is freely available for all to use and modify.
This makes it a cost-effective solution for school teachers and MOE HQ officers to develop learning artefacts en masse in comparison with expensive commercial software. Most simulations are licensed creative commons by attribution, non-commercial uses and adaptations must be shared under the same terms
6. Community Development approach
29
Transparency, Collaboration, Flexibility, Community support, Accessibility
Working with temp staff, ECDs and vendors, they are “strongly encouraged” to use EJSS authoring toolkit to build their interactive, for scientifically accurate and high quality resources for future ready learning (unlimited changes anytime and by anyone) supported by the Open Source Physics educators
Should we abide by conventional methods of solely relying upon interns and vendors for development?
IS LEARNING TO DEVELOP
LEARNING RESOURCES SUCH AS SIMULATION ALIGNED TO MOE’S NEEDS?
e-Pedagogy SkillsFuture for Educators
e-Pedagogy
“Leverage digital technology” to deepen students’ learning.
How deep is “Leverage”?
Question to ponder
Is creating interactive “leading” in leveraging technology?
31
Strengthening Digital Literacy
“In an increasingly digitalised world, it is essential to equip students to thrive in a digital society and take on the jobs of the future.”
Question to ponder
Is creating an interactive a “leading” digital literacy in a digital society?
32
Levels of Practice
33
References
34
THANK YOU
BROWN BAG @ CPDD
35
27/3/2023