Find this at http://www.npac.syr.edu/users/gcf/crpctutmay96/

A Tutorial on Base Web Technologies

Given by Geoffrey Fox at CRPC Annual Meeting/NASA Langley/Trip to China on May 14-17 June 10-13 1996 July 12-18 1996. Foils prepared June 30 1996

This tutorial is abstracted from two courses taught by NPAC this semester
http://www.npac.syr.edu/projects/cps616spring96/index.html
http://www.npac.syr.edu/projects/ecs400spring96/index.html
You can get your credits from online courses starting this fall!
We review Four critical Technologies
Java -- a Programming Language
JavaScript -- a Client side Integration System
VRML 1.0 -- a set of 3D Data Descriptor
Web Database Linkage


This mixed presentation uses parts of the following base foilsets which can also be looked at on their own!
CRPCAnnualMeetingMay96     General Collection of Foils for CRPC Annual
                             Meeting
NIIASOP95B Master          Master of Overview of NII and Web 
                            Technology for NII ASOP Review  at Langley
Infovision95               InfoVISION: Information Video Simulation 
                            Imagery ON demand
NPACScreenDumps96          Collection of GIF Images for General NPAC 
                            Projects April96-
GeneralResFoils96          Miscellaneous Presentation Material used in
                             1996
FoxResFall95               Set of Add-On Foils for Research 
                            Presentations
Webworkaddons              Additional Material for Web Technology 
                            Presentations July 95 -- March 96
Trustees95-Master          Discussion of NII for Real World -- 
                            Education Medicine Journalism
NPACAddons                 Collection of GIF Images for General NPAC 
                            Projects 1995-March96
NIIASOP95 Master           Master for  Overview foils for NII Review 
                            for MADIC
ECS400HTTP-Spring96        Setting the Stage for CGI Programming: 
                            HTTP, URL, CGI, MIME, HTTPD and many other
                             acronyms 
ECS400CGI-Spring96         Introduction to CGI Programming
MillsScreenDumps           Kim Mills Collection of GIF Images for NPAC
                             Projects 96-
CareWeb Screen Dumps       Collection of GIF Images for CareWeb 
                            Project
CRPCJavaStroll96           Introductory Lectures on Java -- An 
                            Overview Mixing Code and Comments
CRPCJava96                 CRPC Lectures on Java Language Applets 
                            Graphics
WebWisdomMar96Master       Web Technologies for Education and NPAC 
                            Projects Master Presentation
CPS616JavaScript96         CPS616 Lectures on JavaScript 
RLCIV31Jan96master         Master Foilset for Rome 
                            Laboratory-NPAC-Vanguard Collaborative and
                             Interactive Visualization -- First 
                            Project Review
CPS616DBforVRML96          CPS616 VRML and Use of Databases as backend
                             and Application to GIS
CPS616BasicVRML96          Overview of VRML 1.0 Language with Examples
SC95Web-RDBMS              Brief Overview of Web-Relational Database 
                            Integration
CPS616webDBMS              CPS600 Presentation on Linkage of Web to 
                            Relational(Oracle) Databases
CPS616Web-Oracle96M        Master Foilset for Web-Oracle Integration

Table of Contents for A Tutorial on Base Web Technologies


     CRPCAnnualMeetingMay96 026 001 A Tutorial on Base Web 
                                    Technologies
     CRPCAnnualMeetingMay96 027 002 Abstract for Base Tutorial on Web 
                                    Technologies

We Start with the Current Party Line Web Technology Scenario

          NIIASOP95B Master 003 003 Architecture of Web Software
               Infovision95 004 004 The Standard Scenario for HPCC and
                                     NII
               Infovision95 007 005 NII Compute & Communications 
                                    Capability in Year 2000 --> 
                                    2005
               Infovision95 008 006 Ultimate Vision and Implementation
                                     of NII and InfoVision
               Infovision95 005 007 Integration of Industry Sectors 
                                    forming the NII

The Growth of the Internet!

          NPACScreenDumps96 031 008 Start of Neat Set of Pictures on 
                                    Internet Trends
          NPACScreenDumps96 032 009 Number of InterNet Hosts !989-1996
          NPACScreenDumps96 033 010 Number of InterNet Hosts !989-1996
                                     and Projected to Year 2000
          NPACScreenDumps96 034 011 Number of www prefixed hosts 
                                    1993-1995

WebWindows is a Critical Unifying Concept

          GeneralResFoils96 053 012 The WebWindows Operating System
               FoxResFall95 020 013 Open Universal WebWindows -- 
                                    A Revolution in the Software 
                                    Industry!
     CRPCAnnualMeetingMay96 028 014 Examples and Why WebWindows will 
                                    Dominate Software Industry?
     CRPCAnnualMeetingMay96 013 015 Illustration of WebWindows Concept
                                     for Presentation Software
              Webworkaddons 077 016 RCIHalloween Presentation Foil on 
                                    WebFoil in WebFoil!!
              Webworkaddons 092 017 JavaScript Based WebFoil Prototype
     CRPCAnnualMeetingMay96 014 018 Lessons of WebFoil for WebWindows 
                                    Software Development Scenario

A topical illustration of IntraNets
          Trustees95-Master 009 019 Business Enterprise Systems and 
                                    the Web
               Infovision95 016 020 What is a Web or HPMMCC Network 
                                    Server ?
                 NPACAddons 121 021 Business Week Feature on IntraNet 
                                    February 1996 -- Full Cover 
                                    Picture
                 NPACAddons 119 022 Business Week Feature on IntraNet 
                                    February 1996 -- Graph
                 NPACAddons 122 023 WebServer Hardware and Software 
                                    Business Estimate
          GeneralResFoils96 043 024 Synergy of InterNet and IntraNets

Back to the Current Party Line Web Technology Scenario

          NIIASOP95B Master 003 025 Architecture of Web Software
           NIIASOP95 Master 005 026 Basic Structure of World Wide Web

The "Old Web Basics"
        ECS400HTTP-Spring96 002 027 In a Nutshell
         ECS400CGI-Spring96 003 028 The Flow of Data amongst the 
                                    Client, Server and CGI Script
         ECS400CGI-Spring96 004 029 The Flow of Data amongst the 
                                    Client, Server and CGI Script
         ECS400CGI-Spring96 005 030 Example form for Hello, World!
         ECS400CGI-Spring96 006 031 Example CGI program in Perl for 
                                    Hello, World!

The new look of the Web!
               FoxResFall95 024 032 The Java/Netscape2.0 Client server
                                     Model
     CRPCAnnualMeetingMay96 015 033 Emerging Web and NII Vision  - I
          GeneralResFoils96 045 034 Emerging Web and NII Vision - II

Collaboration
           MillsScreenDumps 016 035 Speaker Gingrich Website
           MillsScreenDumps 017 036 Speaker Gingrich Website
           MillsScreenDumps 018 037 Speaker Gingrich Website
          NPACScreenDumps96 040 038 HotJava Based WhiteBoard used in 
                                    CareWeb
          NPACScreenDumps96 041 039 HotJava Based Chat System used in 
                                    CareWeb
       CareWeb Screen Dumps 062 040 CareWeb interactive Consulting: 
                                    Video Channel.
       CareWeb Screen Dumps 063 041 CareWeb Interactive Consulting: 
                                    Audio Channel.
       CareWeb Screen Dumps 064 042 CareWeb Interactive Consulting: 
                                    WhiteBoard Channel.
       CareWeb Screen Dumps 065 043 CareWeb Interactive Consulting: 
                                    WebCast Channel.

Technologies
          GeneralResFoils96 046 044 Critical Emerging Web Technologies
                                     - I

Java Example -- The Visible Human
              Webworkaddons 007 045 Figure 6:Impressive early Java 
                                    demo (fromBrown Univ.) -- sorting 
                                    algorithms
              Webworkaddons 085 046 Dining Philosopher Educational 
                                    Applet
              Webworkaddons 086 047 Nuclear Reactor Educational Applet
           MillsScreenDumps 030 048 Visible Human
          NPACScreenDumps96 024 049 The Java Magic Cube from Michael 
                                    Chang
          NPACScreenDumps96 025 050 The Java Talking Head 
                                    Collaboratory from EFP
              Webworkaddons 077 051 RCIHalloween Presentation Foil on 
                                    WebFoil in WebFoil!!

Note Transfer of an AVS Image Processing Application to Java
          NPACScreenDumps96 050 052 Outline of Visible Human Project -
                                     I
          NPACScreenDumps96 054 053 Segmentation Definition Java 
                                    Applet - II
          NPACScreenDumps96 055 054 Segmentation AVS Environment (from
                                     around 1991) I
           CRPCJavaStroll96 004 055 The Simplest Java Application:  
                                    Hello, World!
           CRPCJavaStroll96 005 056 The Simplest Java Applet:  Hello, 
                                    World!
           CRPCJavaStroll96 006 057 Displaying your applet from a Web 
                                    page.
           CRPCJavaStroll96 007 058 The Graphics class
           CRPCJavaStroll96 008 059 Using Graphics properties
                 CRPCJava96 029 060 Sun's Comparison of Language 
                                    Features
          NPACScreenDumps96 066 061 Performance of Java is Dreadful!

JavaScript Examples
       WebWisdomMar96Master 012 062 Some (New) Web Technologies in a 
                                    Nutshell - II
       WebWisdomMar96Master 021 063 Possible Uses of JavaScript in 
                                    Education
         CPS616JavaScript96 045 064 Structure of Index -- mainframe 
                                    Case
              Webworkaddons 092 065 JavaScript Based WebFoil Prototype
              Webworkaddons 096 066 JavaScript Based Patient Record 
                                    Database -I
              Webworkaddons 097 067 JavaScript Based  Patient Record 
                                    Database -II
          NPACScreenDumps96 026 068 The JavaScript SlideShow Stepping 
                                    through CareWeb Images - I
          NPACScreenDumps96 027 069 The JavaScript SlideShow Stepping 
                                    through CareWeb Images - II
          NPACScreenDumps96 028 070 The JavaScript WebWisdom System --
                                     Foilworld Homepage
          NPACScreenDumps96 030 071 Netscape JavaScript Implementation
                                     of Granite Sentry Command and 
                                    Control Interface
         CPS616JavaScript96 003 072 General Remarks on JavaScript
         CPS616JavaScript96 004 073 Hello World Example of JavaScript-
                                     I
         CPS616JavaScript96 005 074 Hello World Example of JavaScript-
                                     II
         CPS616JavaScript96 006 075 Example of Clicking on a Form - I
         CPS616JavaScript96 007 076 Example of Clicking on a Form - II
         CPS616JavaScript96 008 077 Example of Parameterized HTML
                 CRPCJava96 014 078 Comparison of Java and JavaScript 
                                    -- I
                 CRPCJava96 015 079 Comparison of Java and JavaScript 
                                    -- II

VRML is another important technology!

         RLCIV31Jan96master 057 080 T4:GIS - 3D Terrain Rendering in 
                                    VRML
                 NPACAddons 112 081 VRML Terrain Renerer with Herkimer
                                     House Web Page
                 NPACAddons 079 082 Link between Interactive Journey 
                                    and classroom multimedia projects
          NPACScreenDumps96 023 083 VRML Tutorial  from Alvin 
                                    Leung/Meryem Ispirli -- a Car!!
          CPS616DBforVRML96 008 084 VRML - Virtual Reality Modeling 
                                    Language -- Overview
          CPS616DBforVRML96 010 085 VRML -- Specification
          CPS616DBforVRML96 011 086 VRML - Language characteristics
          CPS616DBforVRML96 012 087 Example I - Shapes
          CPS616DBforVRML96 013 088 Example II - Properties
          CPS616DBforVRML96 014 089 Example III - Group Nodes
          CPS616DBforVRML96 015 090 Example IV - Textures
          CPS616DBforVRML96 016 091 VRML - Nodes I
          CPS616BasicVRML96 031 092 VRML1.0 Separator Node I
          CPS616BasicVRML96 032 093 VRML1.0 Separator Node II -- 
                                    Formal Specification
          CPS616BasicVRML96 033 094 Structure of the Pyramid with 
                                    Coordinate3 and IndexedFaceSet - I
          CPS616BasicVRML96 034 095 Structure of the Pyramid with 
                                    Coordinate3 and IndexedFaceSet - 
                                    II
          CPS616BasicVRML96 035 096 VRML1.0 IndexedFaceSet Node I

Some More Technologies -- Still critical but not Brand New!
          GeneralResFoils96 047 097 Critical Emerging Web Technologies
                                     - II
         ECS400CGI-Spring96 011 098 Perl subprogram to read input from
                                     web forms - Part I
         ECS400CGI-Spring96 012 099 Perl subprogram - Part II

Integration of Web with Databases Illustrates use of common interfaces in system building

The Integration of Web with Relational Data Bases is Remarkably Succesful
              Webworkaddons 060 100 NPAC Oracle 7 Web Interface -- 
                                    Home Page
              Webworkaddons 064 101 Popular Query by Subject for NPAC 
                                    Oracle 7 Web Interface
           MillsScreenDumps 027 102 Newsgroup Search on 'biology'
           MillsScreenDumps 028 103 Newsgroup Search on 'biology'
          GeneralResFoils96 049 104 WebWindows DataBase Activities at 
                                    NPAC
                                    Oracle (Relational) , Illustra 
                                    (Object) Databases linked to the 
                                    Web
              SC95Web-RDBMS 003 105 Web Oracle Integration 
              SC95Web-RDBMS 004 106 Key points in Web Technology
              SC95Web-RDBMS 005 107 Key points in database technology
              SC95Web-RDBMS 006 108 Web-Database Synergy   
              CPS616webDBMS 020 109 Client-Server Architecture for WOW
       WebWisdomMar96Master 011 110 Choices of Formats and Filters in 
                                    Web Systems

CareWeb Illustrates 30 Distinct Databases linked with Web

       CareWeb Screen Dumps 002 111 Home Page of the CareWeb Bridge 
                                    Demo
       CareWeb Screen Dumps 003 112 CareWeb Connection Manager: Login 
                                    Page.
       CareWeb Screen Dumps 004 113 CareWeb Database Manager: All 
                                    tables used in the School Nursing 
                                    demo.
       CareWeb Screen Dumps 005 114 CareWeb School Manager: All 
                                    Schools in the Syracuse City 
                                    School District.
       CareWeb Screen Dumps 006 115 Home Page of a particular school.
       CareWeb Screen Dumps 011 116 Home Page of a school nurse.
       CareWeb Screen Dumps 016 117 Home page of a student (boy).
       CareWeb Screen Dumps 055 118 Assessment Form for Asthma.
       CareWeb Screen Dumps 059 119 Educational material on Asthma.
       CareWeb Screen Dumps 058 120 Home page for a nurse 
                                    practitioner.
          GeneralResFoils96 041 121 Interdisciplinary Collaboration --
                                     The Players in Bridge -- WebMed 
                                    -- CareWeb
          GeneralResFoils96 042 122 WebMed for Distributed Medical 
                                    Interventional Informatics

Oracle PL/SQL Technology is Powerful

        CPS616Web-Oracle96M 033 123 Examples of the Use of HTP and HTF
                                     - I
        CPS616Web-Oracle96M 034 124 Examples of the Use of HTP and HTF
                                     - II
        CPS616Web-Oracle96M 037 125 The PL/SQL Package For Phone 
                                    Example - I
        CPS616Web-Oracle96M 038 126 The PL/SQL Package For Phone 
                                    Example - II
        CPS616Web-Oracle96M 039 127 The Web Page - Search Interface - 
                                    I
        CPS616Web-Oracle96M 040 128 The Web Page - Search Interface - 
                                    II
        CPS616Web-Oracle96M 041 129 More Examples of PL/SQL Procedures
                                     for Web/Oracle Application

We can Also Use Object Databases such as Illustra
           MillsScreenDumps 032 130 VRML: Create World
           MillsScreenDumps 033 131 VRML: Rendered Scene
           MillsScreenDumps 034 132 VRML: Object Type Editor
           MillsScreenDumps 035 133 VRML: Create Object
          CPS616DBforVRML96 028 134 Illustra Database System - Server
          CPS616DBforVRML96 030 135 Illustra Database System
                                    Object-Relational DBMS 
          CPS616DBforVRML96 037 136 Database Support for VRML
          CPS616DBforVRML96 038 137 Why Database Support for VRML ?
          CPS616DBforVRML96 042 138 System Architecture

Digital Video Technologies

       WebWisdomMar96Master 016 139 Some (New) Web Technologies in a 
                                    Nutshell - VI
       WebWisdomMar96Master 020 140 Possible Uses of Digital Video in 
                                    Education
                 NPACAddons 074 141 CNN Newsource Database, video of 
                                    President Clinton
                 NPACAddons 068 142 Living SchoolBook Access to 
                                    Digital Discovery Channel Archive
                 NPACAddons 073 143 Berlin Journey of a City, 
                                    documentary by Bob Frye
           MillsScreenDumps 019 144 Newton's Apple

List of Foils Used as they occur

CRPCAnnualMeetingMay96     General Collection of Foils for CRPC Annual
                             Meeting
26 27 28 13 14 15
NIIASOP95B Master          Master of Overview of NII and Web 
                            Technology for NII ASOP Review  at Langley
3 3
Infovision95               InfoVISION: Information Video Simulation 
                            Imagery ON demand
4 7 8 5 16
NPACScreenDumps96          Collection of GIF Images for General NPAC 
                            Projects April96-
31 32 33 34 40 41 24 25 50 54 55 66 26 27 28 30 23
GeneralResFoils96          Miscellaneous Presentation Material used in
                             1996
53 43 45 46 47 49 41 42
FoxResFall95               Set of Add-On Foils for Research 
                            Presentations
20 24
Webworkaddons              Additional Material for Web Technology 
                            Presentations July 95 -- March 96
77 92 7 85 86 77 92 96 97 60 64
Trustees95-Master          Discussion of NII for Real World -- 
                            Education Medicine Journalism
9
NPACAddons                 Collection of GIF Images for General NPAC 
                            Projects 1995-March96
121 119 122 112 79 74 68 73
NIIASOP95 Master           Master for  Overview foils for NII Review 
                            for MADIC
5
ECS400HTTP-Spring96        Setting the Stage for CGI Programming: 
                            HTTP, URL, CGI, MIME, HTTPD and many other
                             acronyms 
2
ECS400CGI-Spring96         Introduction to CGI Programming
3 4 5 6 11 12
MillsScreenDumps           Kim Mills Collection of GIF Images for NPAC
                             Projects 96-
16 17 18 30 27 28 32 33 34 35 19
CareWeb Screen Dumps       Collection of GIF Images for CareWeb 
                            Project
62 63 64 65 2 3 4 5 6 11 16 55 59 58
CRPCJavaStroll96           Introductory Lectures on Java -- An 
                            Overview Mixing Code and Comments
4 5 6 7 8
CRPCJava96                 CRPC Lectures on Java Language Applets 
                            Graphics
29 14 15
WebWisdomMar96Master       Web Technologies for Education and NPAC 
                            Projects Master Presentation
12 21 11 16 20
CPS616JavaScript96         CPS616 Lectures on JavaScript 
45 3 4 5 6 7 8
RLCIV31Jan96master         Master Foilset for Rome 
                            Laboratory-NPAC-Vanguard Collaborative and
                             Interactive Visualization -- First 
                            Project Review
57
CPS616DBforVRML96          CPS616 VRML and Use of Databases as backend
                             and Application to GIS
8 10 11 12 13 14 15 16 28 30 37 38 42
CPS616BasicVRML96          Overview of VRML 1.0 Language with Examples
31 32 33 34 35
SC95Web-RDBMS              Brief Overview of Web-Relational Database 
                            Integration
3 4 5 6
CPS616webDBMS              CPS600 Presentation on Linkage of Web to 
                            Relational(Oracle) Databases
20
CPS616Web-Oracle96M        Master Foilset for Web-Oracle Integration
33 34 37 38 39 40 41

Sorted List of Foils Used

CRPCAnnualMeetingMay96     General Collection of Foils for CRPC Annual
                             Meeting
13 14 15 26 27 28
NIIASOP95B Master          Master of Overview of NII and Web 
                            Technology for NII ASOP Review  at Langley
3 3
Infovision95               InfoVISION: Information Video Simulation 
                            Imagery ON demand
4 5 7 8 16
NPACScreenDumps96          Collection of GIF Images for General NPAC 
                            Projects April96-
23 24 25 26 27 28 30 31 32 33 34 40 41 50 54 55 66
GeneralResFoils96          Miscellaneous Presentation Material used in
                             1996
41 42 43 45 46 47 49 53
FoxResFall95               Set of Add-On Foils for Research 
                            Presentations
20 24
Webworkaddons              Additional Material for Web Technology 
                            Presentations July 95 -- March 96
7 60 64 77 77 85 86 92 92 96 97
Trustees95-Master          Discussion of NII for Real World -- 
                            Education Medicine Journalism
9
NPACAddons                 Collection of GIF Images for General NPAC 
                            Projects 1995-March96
68 73 74 79 112 119 121 122
NIIASOP95 Master           Master for  Overview foils for NII Review 
                            for MADIC
5
ECS400HTTP-Spring96        Setting the Stage for CGI Programming: 
                            HTTP, URL, CGI, MIME, HTTPD and many other
                             acronyms 
2
ECS400CGI-Spring96         Introduction to CGI Programming
3 4 5 6 11 12
MillsScreenDumps           Kim Mills Collection of GIF Images for NPAC
                             Projects 96-
16 17 18 19 27 28 30 32 33 34 35
CareWeb Screen Dumps       Collection of GIF Images for CareWeb 
                            Project
2 3 4 5 6 11 16 55 58 59 62 63 64 65
CRPCJavaStroll96           Introductory Lectures on Java -- An 
                            Overview Mixing Code and Comments
4 5 6 7 8
CRPCJava96                 CRPC Lectures on Java Language Applets 
                            Graphics
14 15 29
WebWisdomMar96Master       Web Technologies for Education and NPAC 
                            Projects Master Presentation
11 12 16 20 21
CPS616JavaScript96         CPS616 Lectures on JavaScript 
3 4 5 6 7 8 45
RLCIV31Jan96master         Master Foilset for Rome 
                            Laboratory-NPAC-Vanguard Collaborative and
                             Interactive Visualization -- First 
                            Project Review
57
CPS616DBforVRML96          CPS616 VRML and Use of Databases as backend
                             and Application to GIS
8 10 11 12 13 14 15 16 28 30 37 38 42
CPS616BasicVRML96          Overview of VRML 1.0 Language with Examples
31 32 33 34 35
SC95Web-RDBMS              Brief Overview of Web-Relational Database 
                            Integration
3 4 5 6
CPS616webDBMS              CPS600 Presentation on Linkage of Web to 
                            Relational(Oracle) Databases
20
CPS616Web-Oracle96M        Master Foilset for Web-Oracle Integration
33 34 37 38 39 40 41


© 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 Dec 14 1997