Dates: July 18th-24th, 2024
Venue: MOEHQ Buona Vista, B3-02 (18 July) P2-01-02 (19,22,23,24 July) or
Contact organisers at Lawrence_WEE@moe.gov.sg and/or Darren_TAN@moe.gov.sg
Venue: MOEHQ Buona Vista, B3-02 (18 July) P2-01-02 (19,22,23,24 July) or
Contact organisers at Lawrence_WEE@moe.gov.sg and/or Darren_TAN@moe.gov.sg
Trainers are:
Full Professor Francisco Esquembre
Full Professor Félix J. García Clemente
Facilitators:
Lawrence_WEE@moe.gov.sg
Darren_TAN@moe.gov.sg
BackChannel
files
https://iwant2study.org/lookangejss/00workshop/2024PacoFelix/Simulations/ WebEJS7 files from Paco
Method 1:
Toolkit: Web EJS SG beta https://webejs.iwant2study.org:8000/ direct link, https://webejs.iwant2study.org (amazon ec2) was discontinued after MOE's server is up.
Method 2:
May need to use a Use a VPN to change location anywhere to access the URL. Example https://veepn.com/?utm_source=chrome_extension&utm_medium=app Chrome extension on a VPN as SG is in a block list of the university.
Toolkit: Web EJS beta: https://www.um.es/fem/wikis/runwebejs master that also searching for all 4 webEJS editors including SG WebEJS, added.
Resources Ideas and Library:
- Open Source Physics Singapore Library: https://iwant2study.org/ospsg/index.php/interactive-resources/physics/02-newtonian-mechanics/979-horizontal-spring-dynamics
- Science: https://iwant2study.org/ospsg/index.php/interactive-resources/sciences
- Math: https://iwant2study.org/ospsg/index.php/interactive-resources/mathematics
- Physics: https://iwant2study.org/ospsg/index.php/interactive-resources/physics
- Chemistry: https://iwant2study.org/ospsg/index.php/interactive-resources/chemistry
- Biology: https://iwant2study.org/ospsg/index.php/interactive-resources/biology
- ELL English Literature Examples: https://iwant2study.org/ospsg/index.php/interactive-resources/english
- MTL Mother tongue Examples: https://iwant2study.org/ospsg/index.php/interactive-resources/mother-tongue-languages
- USA Open Source Physics https://www.compadre.org/osp/items/detail.cfm?ID=15448
almost every EJSS is editable on Web EJS
Pre-Readings:
- https://weelookang.blogspot.com/2024/04/tutorial-1-for-workshop-18-24-july.html?m=1 WebEJS tutorial 1 Familiarisation of interface and use AI to help coding
- https://iwant2study.org/ospsg/index.php/events/883-20190219-sls-hackathon-etd-cpdd Old Tutorial for Game
Participants, idea Storyboard and sample that they can work on
- suggested template https://webejs.iwant2study.org/editor?&url=https%3A//iwant2study.org/lookangejss/00workshop/2024PacoFelix//ejss_model_lookangtemplateSLS.zip
- lisa_tan 555 timer integrated circuit https://iwant2study.org/ospsg/index.php/1202-five55timeric
- kymberly_see Updated game mechanics for Digital Literacy https://iwant2study.org/ospsg/index.php/871
- winnie_liang Updated game mechanics for KAT Chemistry game https://iwant2study.org/ospsg/index.php/871
- tan_zhen_lin Customizable Chinese word game https://iwant2study.org/ospsg/index.php/855
- nor_azlin_abdul_aziz Malay word reader app https://iwant2study.org/ospsg/index.php/1206
- vethanayake_ramachandran Learn to edit vendor's interactive resources https://code.visualstudio.com/
- karen_chin Chemistry balancing equation with additional capabilities https://iwant2study.org/ospsg/index.php/915
- margaret_teoh Nets and Solids https://iwant2study.org/ospsg/index.php/1098 Geoboard https://iwant2study.org/ospsg/index.php/1211
- hazel_wong R0 infection model https://iwant2study.org/ospsg/index.php/1212
Since this workshop is primarily by nomination from your Branch Head, permission to attend is already granted by them. We encourage attendance for all 5 days, but understand if there are other pressing commitments.
Short Version Workshop Schedule
Day 0: Pre-Workshop PreparationDay 1: Basics of WebEJS
- 09:00 - 09:30: Introduction to the workshop
- Why, how, and what
- 01 Intro.key by Prof Paco
- 01 Intro.pptx
- EJS → EJSS → EJS → WebEJS
- Online documentation
- 09:30 - 11:00: Exploring the WebEJS authoring toolkit
- 02 WebEJS Guided Tour.key by Prof Paco
- 02 WebEJS Guided Tour.pptx
- Short WebEJS guided tour (Top menu bar, Edition half, Preview half, Output area)
- Downloading, exploring, and editing existing EJSS simulations
- ComPADRE’s OSP, EJS, and EJSS simulations
- webejs_model_Mass and Spring.zip
- webejs_model_John Conway' s Game of Life.zip
- webejs_model_Oscillator chain.zip
- webejs_model_Cut the rope.zip
- webejs_model_Choreographies of N bodies.zip
- webejs_model_Free Fall 3D.zip
- webejs_model_Half Attwood Machine.zip
- webejs_model_Hor. Mass and Spring with Accelerometer.zip
- webejs_model_Hydrogenic Angular Distribution.zip
- webejs_model_Phase and Group Velocity.zip
- webejs_model_Physics Frogger.zip
- webejs_model_Pirate Swing Ride.zip
- webejs_model_Simple Pendulum.zip
- Iwant2study’s EJSS examples
- webejs_model_Vernier Calipers Model.zip
- webejs_model_Light travels in Straight Line (Video based Interactive) Template.zip
- webejs_model_2019 PSLE Question on finding Diameter.zip
- Saving and publishing edited simulations
- Activity: Search, optionally edit, run, and save existing EJSS simulations
- 11:00 - 13:00: Lunch
- 13:00 - 15:00: EJS architecture in more detail
- 03 EJS architecture.key by Prof Paco
- 03 EJS architecture.pptx
- The Model-Control-View paradigm
- How Model tabs work together
- View elements and their properties
- Interface and drawing elements
- View templates
- Binding model variables to view elements and controls
- Activity: Exploration of existing EJSS simulations
- 15:00 - 15:30: Break
- 15:30 - 17:30: Hands-on tutorial using AI and WebEJS to create a simple ball bouncing inside 4 walls
- Activity: Participants, with help from instructors, will work on WebEJS activity
- 17:30 - 18:00: Closing and Q&A ( 1. work in groups of similar simulation ideas where guidance will benefit more people, increase chance of group learning (figuring out), 2. spending dedicated (10-5 mins) time on each group ) 3. bug fix for the download simulation)
- 09:00 - 11:00: EJS views in more
- 04 EJS Models and Views.key by Prof Paco
- 04 EJS Models and Views.pptx
- detail https://iwant2study.org/lookangejss/00workshop/2024PacoFelix/Simulations/day2/
- direct link for WOG Link1 , Link2 , Link3, Link1.5 with snapping to integers
- webejs_model_TrianglePlaylookang.zip
- webejs_src_ClickMeAndDissapear.zip
- webejs_src_TrianglePlay.zip
- webejs_src_TrianglePlayWithPlotly.zip
- webejs_src_TrianglePlayWithPlotlySimple.zip
- webejs_src_withReaderFile.zip
- Interface elements
- 2D elements
3D elementsSets, tables, and arrays- 11:00 - 13:00: Lunch Example to uploadFile, ExampletoExpandWords
- 13:00 - 14:00: Using ChatGPT to help code the personal/group model
- Activity: Participants reference the WebEJS’ ChatGPT tutorial 1
- 14:00 - 15:00: Sharing by participants on prompts for AI
- 15:00 - 15:30: Break
- 15:30 - 17:00:
Essential know-how to get the best out of EJS / Debugging Modeling a physics (or not) phenomenonTypes of modelsVariablesEquations and algorithms- Debugging
- 17:00 - 17:30: Work on individual/pair projects
- Activity: Participants kick start a new simulation of their choice using AI and WebEJS
- 17:30 - 18:00: Consultation on individual/pair projects
Day 3: Advanced Programming and Project Work
- 09:00 - 11:00: Participants work on their ideas, use BackChannel
https://padlet.com/weelookang/webejs-back-channel-for-help-sharing-of-best-practices-quest-1bc5wjb036kx13ko to share your interactive zip file. - Activity: Work on their idea from new or customize from existing interactive
- 11:00 - 13:00: Lunch
- 13:00 - 15:00: Advanced Programming (Choose a few) participants chose to work on their own projects
Model ElementsUsing Internet librariesPlotting with PlotlyModel elements for mobile hardwareCANVAS and SVG drawingHow to display LaTeX for equations?- 15:00 - 15:30: Break
- 15:30 - 17:00: Work on individual projects
- Activity: Participants work on their idea from new or customize from existing interactive
- 17:00 - 17:30: Sharing simulation views, progress, and learning
- Activity: Participants show and tell their current simulation
- 09:00 - 11:00: Work on individual projects
- Activity: Work on their idea from new or customize from existing interactive
- 11:00 - 13:00: Lunch
- 13:00 - 15:00: Work on individual projects
- Activity: Participants work on a new simulation of their choice
- 15:00 - 15:30: Break
- 15:30 - 17:00: Preparation of presentations
usingSLS Resource page on this class https://vle.learning.moe.edu.sg/studentgroup/0451b779-bc3f-4051-8458-731794605c03?tab=resources , set the EJS to downloadable - Activity: Round up projects and prepare presentations
- 09:00 - 09:30: upload to Padlet
Upload to SLS Resource page on this class https://vle.learning.moe.edu.sg/studentgroup/0451b779-bc3f-4051-8458-731794605c03?tab=resources , set the EJS to downloadable.Thumbdrive the model with _source.json or _source.ejss for Lawrence to upload - 09:30 - 11:00: Presentations by teachers and group discussion
- Activity: Participants present their projects
- 11:00 - 13:00: Lunch
- 13:00 - 15:00: Presentations by teachers and group discussion
- Activity: Participants present their projects
- 15:00 - 15:30: Break ( Photo Taking as a Group)
go to https://sg.iwant2study.org/ospsg/ to check out the catalogued projects
No comments:
Post a Comment