1. 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

2. 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

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

4. 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

5. 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

6. 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

7. Purpose-based Strategy What is

8. 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

9. 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

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

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

12. Purpose-based Strategy How

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

14. Purpose-based Strategy How

15. 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.

16. Purpose-based Strategy How

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

18. Purpose-based Strategy How

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

20. 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

21. 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

22. Purpose-based Strategy How

23. 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.

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

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

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

27. Thank you!
Questions?