Full HTML for

Scripted foilset Experiences in electronic Education and Training -- Computer science/HPCC Education

Given by Geoffrey C. Fox at DoD Modernization Users Group Meeting San Diego on 24 June 97. Foils prepared 27 June 97
Outside Index Summary of Material

Our current approach was based on many experiments in electronic delivery of course material
We describe some of what we did and what we learnt!
General WebWisdom Framework
Scope of teaching and re-use from Syracuse to China -- Undergraduate, Graduate and Continuing Education
What is a foil? Natural Unit of presented Information so computer screen == overhead projector
Current WebWisdom converts legacy systems with hierarchical data management and display
Some integrated services including audio and logging
We describe WebWisdom's many Programming laboratories

Table of Contents for full HTML of Experiences in electronic Education and Training -- Computer science/HPCC Education

 Denote Foils where Image Critical
Denote Foils where HTML is sufficient
denotes presence of Additional linked information which is greenblueed out if missing
1 Experiences in Electronic Education and Training Computer Science/HPCC Education and the first version of WebWisdom!
2 Abstract of Experiences in Electronic Training and Publishing
3 Architecture of WebWisdom Education Delivery System
4 Dissemination of Material and Legacy Systems -- current WebWisdom
5 WebWisdom: Current Capabilities
6 WebWisdom: Current Capabilities II
7 Legacy System Conversion
8 Collage of 7 NPAC Course Home Pages
9 Summary of Foilsets organized by Topic Areas
10 The Overview of List by Topics of WebWisdom Material
11 List of Foilsets under the topic area of CPS616 Spring 96 Class
12 What is CPSWT CD-ROM?
13 Life reports ICPSEP, the "classroom across countries" between NPAC at Syracuse University, USA, and PACT at Harbin Institute of Technology, China
14 Internet Certificate in Computational Science for Peng Wu
15 Contents of CPSWT CD-ROM
16 Basic Unit is a Foil!
17 Re-Use / Capturing of Material
18 Foilsets Making up SC96 Tutorial (Morning)
19 From a PC/Macintosh Presentation to the Web
20 WebWisdom--JavaScript for Structured Information
21 Self-Documenting Web Pages
22 The Overview of List by Topics of WebWisdom Material
23 One Level Down: List of Foilsets in Topic Fall96 Offering of CPS615
24 Overview of Typical Course Foilset as used in CPS615: Introduction to Computational Science
25 HTML Pure Text Version of a Foil on HPF for Laplace Example
26 Contrasted with Imported Persuasion Version of Same Material
27 The Administrative Side of WebWisdom: Set Parameter Options
28 The CPS Laplace Equation Foilset Overview with CrazyText Java Applet for Title
29 TANGO/Wisdom
30 Current Use of Real Audio - I
31 Current Use of Real Audio - II
32 cps615 Fall 97 Prototype (June 97) Homepage
33 An example of a CPS615 Fall 96 lecture with realaudio support
34 A Bunch of Electronic Delivery Problems
35 How to teach Programming!
36 VPL 2D Graphics (VPLPlot 2.0) Samples Screen
37 PERL Virtual Programming Laboratory (VPL) - I
38 PERL Virtual Programming Laboratory (VPL) - II
39 JavaScript Virtual Programming Laboratory (VPL)

Outside Index Summary of Material

HTML version of Scripted Foils prepared 27 June 97

Foil 1 Experiences in Electronic Education and Training Computer Science/HPCC Education and the first version of WebWisdom!

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
DoD Users Group Meeting San Diego June 24 97
Geoffrey Fox
Syracuse University NPAC
111 College Place Syracuse NY 13244 4100
3154432163
HTML version of Scripted Foils prepared 27 June 97

Foil 2 Abstract of Experiences in Electronic Training and Publishing

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Our current approach was based on many experiments in electronic delivery of course material
We describe some of what we did and what we learnt!
General WebWisdom Framework
Scope of teaching and re-use from Syracuse to China -- Undergraduate, Graduate and Continuing Education
What is a foil? Natural Unit of presented Information so computer screen == overhead projector
Current WebWisdom converts legacy systems with hierarchical data management and display
Some integrated services including audio and logging
We describe WebWisdom's many Programming laboratories
HTML version of Scripted Foils prepared 27 June 97

Foil 3 Architecture of WebWisdom Education Delivery System

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
HTML version of Scripted Foils prepared 27 June 97

Foil 4 Dissemination of Material and Legacy Systems -- current WebWisdom

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
WebWisdom is our System at NPAC built from PERL and JavaScript and features
Built-in Audio dissemination and recording
Multiple Foil formats (e.g. frames/noframes) controlled by user templates
Hierarchically Arranged Information
Parameterized (e.g. font sizes etc.) HTML
Automatic Logging of pages accessed
Database search of material
HTML version of Scripted Foils prepared 27 June 97

Foil 5 WebWisdom: Current Capabilities

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Handles a wide variety of presentation formats (Persuasion, PowerPoint, Framemaker, Kodak PhotoSets, Screendumps and raw HTML) in general locations
Handles RealAudio for both recording (where it logs where presentation page changes) and playback
Handles general playlists where composite presentations are made up by selecting from base presentations.
HTML version of Scripted Foils prepared 27 June 97

Foil 6 WebWisdom: Current Capabilities II

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Handles several different parameter sets (defining fonts, colors, applets etc used) which can be stored and read from server).
Has options to allow Applets for display of foil titles
Logging feature supports assessment and other such post-presentation review.
Attached Audio Editor supports processing of real audio files produced during delivery of lecture and allows one to cut audio files and associate them with particular foils
HTML version of Scripted Foils prepared 27 June 97

Foil 7 Legacy System Conversion

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
We have (June 23 1997) in a uniform intermediate format 384 foilsets and 15810 foils coming from
  • Persuasion (NPAC script)
  • PowerPoint (from Microsoft Internet Assistant)
  • Framemaker
  • PC and UNIX Screendumps
  • Web HTML Pages
These are either "basic" or selected via a play list from basic foilsets
  • For example, SC96 Web Tutorial play list has 274 foils selected from about 40 base foilsets
HTML version of Scripted Foils prepared 27 June 97

Foil 8 Collage of 7 NPAC Course Home Pages

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
cps615fall'95, ecs400spring'96, cps616spring'96,ecs400fall'96, cps606fall'96, cps616spring'97,cps600spring'97 homepages combined all in one
HTML version of Scripted Foils prepared 27 June 97

Foil 9 Summary of Foilsets organized by Topic Areas

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
HTML version of Scripted Foils prepared 27 June 97

Foil 10 The Overview of List by Topics of WebWisdom Material

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
HTML version of Scripted Foils prepared 27 June 97

Foil 11 List of Foilsets under the topic area of CPS616 Spring 96 Class

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
HTML version of Scripted Foils prepared 27 June 97

Foil 12 What is CPSWT CD-ROM?

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Chinese translation of material in "International Certificate in Computational Science" ICPSE
  • http://www.npac.syr.edu/projects/icpse_spring96
  • offered over the Internet spring 1996 from Syracuse to Harbin Institute of Technology
Translated by Xiaoming Li (Harbin,Peking,Syracuse) and Faculty and Students at Harbin
CPSWT is HPCC Computational Science and Web Technologies
  • The Simulation and Information tracks of Computational Science at Syracuse
We will add to NPAC Home Page, a link to be able order copies of this free CD-ROM
HTML version of Scripted Foils prepared 27 June 97

Foil 13 Life reports ICPSEP, the "classroom across countries" between NPAC at Syracuse University, USA, and PACT at Harbin Institute of Technology, China

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
HTML version of Scripted Foils prepared 27 June 97

Foil 14 Internet Certificate in Computational Science for Peng Wu

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Presented July 22 at Harbin Institute of Technology by Geoffrey Fox
HTML version of Scripted Foils prepared 27 June 97

Foil 15 Contents of CPSWT CD-ROM

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Course I: High Performance Simulation
  • Introduction to CPS
  • MPI, Fortran90, HPF (definitions, tutorial)
  • Applications to Iterative Methods for Partial Differential Equations
  • Multi Threaded Systems
Course II: Information (Web) Technologies
  • Introduction to Web Technologies and their Applications
  • PERL
  • JavaScript
  • Java
  • VRML
HTML version of Scripted Foils prepared 27 June 97

Foil 16 Basic Unit is a Foil!

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Typically presenters don't like scrolling while talking and so best to dynamically (statically) size information to fit on a single overhead or a single computer screen
Foils have attached to them
  • audio (and soon video)
  • Notes (or what we call add-ons) which are often computer programs illustrating particular points!
So cannot attach foils to audio/video stream except for a fixed foilset -- must cut up audio and link to individual foil
HTML version of Scripted Foils prepared 27 June 97

Foil 17 Re-Use / Capturing of Material

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
We have used Web technology to allow extensive re-use of material -- especially for our Web courses which are rather more popular than HPCC!
  • However all HPCC material treated in same way as Web technology courses
Graduate, Undergraduate, Certificate (continuing education), China (in English), China (in Chinese)
  • Local, synchronous, asynchronous (via replicated servers), Internet, PC with CD-ROM
  • "Production with Tango" initial major course at CEWES at end of July
HTML version of Scripted Foils prepared 27 June 97

Foil 18 Foilsets Making up SC96 Tutorial (Morning)

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
An example of a presentation that consists of several foilsets.
HTML version of Scripted Foils prepared 27 June 97

Foil 19 From a PC/Macintosh Presentation to the Web

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Persuasion (quite easy) and PowerPoint(harder till Microsoft Internet Assistant Available) Presentation:
  • Outline (Incomplete Information)
  • Full Images
HTML version of Scripted Foils prepared 27 June 97

Foil 20 WebWisdom--JavaScript for Structured Information

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Provides disciplined navigation and option control (from font size, Image background to RealAudio Carousel) for hierarchical Information World
HTML version of Scripted Foils prepared 27 June 97

Foil 21 Self-Documenting Web Pages

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
WebWisdom uses self - documenting web pages (prepared by PERL filters!) where header has JavaScript functions which define:
"World" in which document lives
"Level" or "Family" in World
Where associated indices are for lower level information
  • If page is Virtual University -- indices are to Degree Programs
  • If page is Degree Program -- indices are to Courses
  • If page is Course description -- indices are to Foilsets
  • if page is abstract of a Foilset -- indices are to Foils
  • if page is Foil -- indices are to Notes and Reference material
Defines style of document -- whether it is audio,video, parameterized HTML etc.
Defines different views (GIF or JPEG/HTML)
Defines URL's of child material for indices (which can be associated notes or further notes)
HTML version of Scripted Foils prepared 27 June 97

Foil 22 The Overview of List by Topics of WebWisdom Material

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
HTML version of Scripted Foils prepared 27 June 97

Foil 23 One Level Down: List of Foilsets in Topic Fall96 Offering of CPS615

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
HTML version of Scripted Foils prepared 27 June 97

Foil 24 Overview of Typical Course Foilset as used in CPS615: Introduction to Computational Science

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
HTML version of Scripted Foils prepared 27 June 97

Foil 25 HTML Pure Text Version of a Foil on HPF for Laplace Example

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
HTML version of Scripted Foils prepared 27 June 97

Foil 26 Contrasted with Imported Persuasion Version of Same Material

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
WebWisdom defaults to HTML where "contains all information" and Persuasion/Poewerpoint original Otherwise
You can always use either version
HTML version of Scripted Foils prepared 27 June 97

Foil 27 The Administrative Side of WebWisdom: Set Parameter Options

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
HTML version of Scripted Foils prepared 27 June 97

Foil 28 The CPS Laplace Equation Foilset Overview with CrazyText Java Applet for Title

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Set of Illustrations of JavaScript WebWisdom Education and Presentation Delivery System
HTML version of Scripted Foils prepared 27 June 97

Foil 29 TANGO/Wisdom

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Collaborative version of WebWisdom aimed at distance education
Uses the NPAC Collaborative System TANGO which has a well defined JavaScript API using LiveConnect for Java to JavaScript connectivity.
Supports asymmetric use with one multiframe WebWisdom ("master") controlling multiple clients running simpler single frame system.
With replicated course material, only control information is passed over the expensive network connection
HTML version of Scripted Foils prepared 27 June 97

Foil 30 Current Use of Real Audio - I

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Current WebWisdom timestamps and logs all URL's visited
  • If you record the lecture (with wireless microphone), one can then "cut" the Real Audio file at places where foil being discussed changes
  • This "cut" Real audio is permanently bound to foil
  • This "foil" can either be part of a "base foilset" or "virtual" as part of scripted play list
Note find I often change "foil" at wrong time as I flip but then realize had more to say on previous "foil"
This and other glitches (see later) imply need non trivial Real Audio editor built from their tools
HTML version of Scripted Foils prepared 27 June 97

Foil 31 Current Use of Real Audio - II

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Usually preserve Real Audio as a scripted foilset as typically do not discuss every foil in class -- I jump around and certainly don't finish a given topic
  • Currently such virtual foilsets labeled by day of class
Also record off line in my office and these are typically associated with "base foilset" and inherited by virtual foilsets generated from it!
Note what I say in office (no live students) tends to be less "innovative" than what I say in live lectures
  • Analogous to differences between Live Stage and Radio Play acting!
HTML version of Scripted Foils prepared 27 June 97

Foil 32 cps615 Fall 97 Prototype (June 97) Homepage

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
HTML version of Scripted Foils prepared 27 June 97

Foil 33 An example of a CPS615 Fall 96 lecture with realaudio support

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
HTML version of Scripted Foils prepared 27 June 97

Foil 34 A Bunch of Electronic Delivery Problems

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Server goes down due to computer or network problem
  • Use (as in China) dedicated PC NT Server
  • In TangoWisdom, only transmit URL and take data from CD-ROM
Client goes down due to JavaScript/Netscape crashes, SGI runs out of swap space etc
  • Hope Web technology gets more robust (change JavaScript to Java)
  • Configure client very well!
Audio Quality variable for reasons that could be as mundane as mike positioning or battery charge
  • Some whole lectures need to be rerecorded
I get confused and say the wrong thing or change what I am doing!
  • Rerecord this part of lecture but time consuming to edit
HTML version of Scripted Foils prepared 27 June 97

Foil 35 How to teach Programming!

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
We teach Perl Java JavaScript SQL PL/SQL HPF Fortran90 and MPI
  • Imbed programming into lectures and support student homework with a Web Interface
HPF Fortran90 and MPI are hardest as need special Web Integration
  • This is Dincer's VPL used by Syracuse and Cornell Virtual Workshop
Other languages are easier to teach because the are more or less Web ready but require some modest technology to properly show students program, data and results
Traditional central displays difficult as often need to "scroll" to see details of a nontrivial program
  • So teach using TangoWisdom broadcast to PC laboratory so that students (with their own machine) can do their own scrolling
HTML version of Scripted Foils prepared 27 June 97

Foil 36 VPL 2D Graphics (VPLPlot 2.0) Samples Screen

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
Click on SnapShots in Virtual Programming Lab
HTML version of Scripted Foils prepared 27 June 97

Foil 37 PERL Virtual Programming Laboratory (VPL) - I

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
An example of a foil with an addon.
A foil discussing PERL character Strings while referring to an addon from Perl vpl.
HTML version of Scripted Foils prepared 27 June 97

Foil 38 PERL Virtual Programming Laboratory (VPL) - II

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
An example of a foil with an addon along with all the addons for that particular foilset.
HTML version of Scripted Foils prepared 27 June 97

Foil 39 JavaScript Virtual Programming Laboratory (VPL)

From Experiences in electronic Education and Training -- Computer science/HPCC Education DoD Modernization Users Group Meeting San Diego -- 24 June 97. *
Full HTML Index
An example of a foil with an addon.
A foil discussing the Math Object with an addon from JavaScript vpl.
© Northeast Parallel Architectures Center, Syracuse University, npac@npac.syr.edu

If you have any comments about this server, send e-mail to webmaster@npac.syr.edu.

Page produced by wwwfoil on Sun Aug 10 1997