How to use JavaScript for Developing Web-based Learning Environments 11/27/2018 How to use JavaScript for Developing Web-based Learning Environments AECT ‘99 By Ikseon Choi Julian Hernandez-Serrano Instructional Systems Pennsylvania State University. ixc2.psu.edu jxh323.psu.edu

How to use JavaScript for Developing Web-based Learning Environments Training Teachers/Instructional Designers On Building Components For Web-based Learning Environments Using JavaScript Applying Purposed-based Strategies

Introduction Problems and Issues Purpose-Based Strategies Educational Needs Identified JavaScript Show me

11/27/2018 Problems/Issues Web-based Learning Environments(WBLE): Preferred Choice Distance Ed. (A)synchronous Multiple Media easily upgradable Communication/Collaboration tools Widely available Too much tech. skills required Lots of existing information for tech. (especially JavaScript) which is focusing only their technical capabilities. Server side programming is not allowed usually Needed to contact Server Administers for security reason. - Time delaying

11/27/2018 Problems/Issues Teachers/Instructional Designers are needed for developing WBLEs Increasingly Skill-Intensive Activity HTML, JavaScript, Java, CGI, dB… Multiple Networked Platform: Mac, PC, Sun... Interfacing with Experts/System Administrators Server side issues: Accessibility Time delays / Failure Too much tech. skills required Lots of existing information for tech. (especially JavaScript) which is focusing only their technical capabilities. Server side programming is not allowed usually Needed to contact Server Administers for security reason. - Time delaying

Problems/Issues What can we do? Apply Purpose-based Strategy 11/27/2018 Problems/Issues What can we do? Apply Purpose-based Strategy Too much tech. skills required Lots of existing information for tech. (especially JavaScript) which is focusing only their technical capabilities. Server side programming is not allowed usually Needed to contact Server Administers for security reason. - Time delaying

Purpose-based Strategy What is

Purpose-based Strategy What is TS: Algorithm, Procedural Strategies T: Java, JavaScript, dB... TS+T: Building boxes, Forms, Submitting Information, Buttons, or Accessing dB Pointless, Valueless, Superficial

Purpose-based Strategy What is E: Surveying, Assessing, Scaffolding, Coaching... T: Java, JavaScript, dB... EN+T: No products, Frustration, Low productivity Endless, Hard work or Impossibility

Purpose-based Strategy What is EN: Surveying, Assessing, Scaffolding, Coaching... TS: Algorithm, Procedural Strategies EN+TS: No products, Dreaming Impossible

Purpose-based Strategy What is EN+TS+T Meaningful Purposeful Contextualized

Purpose-based Strategy How

Purpose-based Strategy How Educational Needs Identified * Survey: Needs Assessments * Scaffolding Decision-Making * Assessments * Tools * Presentation * Etc.

Purpose-based Strategy How

Purpose-based Strategy How Cases Example: A high school physics teacher would like to provide his students with self-assessment examinations in preparation for a final exam. He would like to do it on line. Mission: Build an interactive form that incorporates multiple choice, true/false and matching items.

Purpose-based Strategy How

Purpose-based Strategy How Tools HTML, JavaScript, Java, dB, SQL, CGI, Visual Basic, C++, Authoring Tools -- highly technical tools.

Purpose-based Strategy How

Purpose-based Strategy How Technical Solutions Algorithm, Procedure, Strategies, Approach,

Purpose-based Strategy Why Learning of highly technical skills meaningfully by Referring to Examples/ Prototypes/ Cases Copying / Modifying / Reapplying Solving problems Guiding the development of learning components

Purpose-based Strategy Should produce components that are Feasible - should provide implementable solutions Suitable to user’s problems or needs Machine gun approach Vs. Marksman approach User friendly Easily understandable Use simplest approach to explain technology

Purpose-based Strategy How

Why JavaScript? Most cost-effective for these goals 11/27/2018 Why JavaScript? Most cost-effective for these goals Capabilities to provide solutions for educational needs Web-based Interactive Learning Environments Relatively simple and easy to handle Client-Side Scripting Widely available Same solutions with different tech. Or methods are possible. We have special reasons for using JavaScript tech.

Show me Scenario / Cases Problems Prototypes of Solutions Tools for Solutions

Show me Form Elements Builder Assessment (ex1, ex2, ex3, ex4) SurveyBuilder Sample Code Assessment (ex1, ex2, ex3, ex4) QuizMaker Scaffolding Argumentation Template

Conclusion Purpose-based Strategy Evolving concept Not limited to highly technical skills Needs more research

Thank you! Questions? Email: jxh323@psu.edu ixc2@psu.edu