Web Applications

Anton Eliëns

Vrije Universiteit, Amsterdam

CMG Course - 20 mei 1998


www.cs.vu.nl/~eliens/online/courses/cmg/web

Topics:

Introduction

If the
Web
is the Answer,
What is
the Question?

Basic Technology

Basic Technology

see Glossary Web Terminology and Web Consortium (W3C)

Markup - HTML

see MarkUp (W3C)

Protocols - HTTP

see Protocols (W3C)

Client-side Technology

Server-side Technology

Web Architecture and Technology - issues

Education on the Web

Education on the Web

see Building a Web-based Education System

Learning and Technology - learning paradigm

... traditional, distance learning, Web-based ...

Learning Support

see Use of Web technology for Remote Instruction

Benefits of a Web-based Classroom

Problems with a Web-based classroom

Institutional factors

... and what do your collegues say?

Client software and hardware - Q/A?

Server software and hardware - Q/A?

Technical support

Planning and Design

Step 1:
Develop a list of educational goals
Step 2:
Identify implementation methods.
Step 3:
Prioritize approaches.
Step 4:
Design the structure.
Step 5:
Design a page layout.

Navigation structures

Guidelines

Page types

Technological limitations

Web Development Tools

Web Development Tools

based on paper from Piero Fraternali (WWW7)

Visual Editors and Site Managers

Hypermedia Tools

HTML-DBPL Integration

Database-centric Tools

Model-driven Web Generators

Web Application Development Support

... orthogonal features, with peer dignity

Communication

Enabling communication - education

Forms of communication

Communication Approaches

Communication Tools

Concept Planing and Development

Concept Planning and Development

taken from Creating Internet Entertainment

Questions to ask yourself

Issues in Concept Development

Development Steps

  1. Proposal - short summary
  2. Description of purpose - economic model
  3. Concept - type, site, metaphor, multimedia
  4. Implementation facilities - CGI, Java, Shockwave
  5. Cost - hardware, software, support
  6. Time-table - research, production, development, launch...
  7. Maintenance and upgrades - personel
  8. Expansion options - programming and administration
  9. Appendix - flowchart and demographics
  10. Business plan - funding and marketing

Metaphors for Sites

Virtual Organisations

Virtual Organisations

Gateway to (Educational) Metadata - GEM

Objectives

Background

Educational Metadata - GEM

  1. Audience
  2. Cataloguing Agency
  3. Duration
  4. Essential Resources
  5. Educational Level
  6. Pedagogy
  7. Quality Assessments
  8. Academic Standards

Case studies

Case Studies

Conclusions

Recurring questions - Web Applications

Assignments

Assignments: (nederlandse versie)

Course Material

Course Material

Resources