Open hypermedia for WWW 1Kaj Grønbæk, Aarhus University Open hypermedia for WWW Plan –Motivation –Emerging open hypermedia systems for the WWW –Utilising.

Slides:



Advertisements
Similar presentations
Chapter 17: WEB COMPONENTS
Advertisements

JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
TCP/IP Protocol Suite 1 Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display. Chapter 22 World Wide Web and HTTP.
WHAT CBT DEVELOPERS NEED TO KNOW ABOUT BROWSERS, PLUG-INS, AND ACTIVEX Doug Foster, Oakes Interactive Inc. Jesse M. Heines, Univ. of Mass. Lowell.
HYPERMEDIA Chang-Yang Lin Eastern Kentucky University
Project 1 Introduction to HTML.
1 PROJECT Web-based Database Applications Lecture 1: Basic Internet Concepts & Databases - the History.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
15 Chapter 15 Web Database Development Database Systems: Design, Implementation, and Management, Fifth Edition, Rob and Coronel.
INTERNET DATABASE Chapter 9. u Basics of Internet, Web, HTTP, HTML, URLs. u Advantages and disadvantages of Web as a database platform. u Approaches for.
1 Grønbæk, Sloth & ØrbækWWW8 - Webvise open hypermedia Webvise: Browser and Proxy Support for Open Hypermedia Structuring Mechanisms on the WWW Kaj Grønbæk,
World Wide Web1 Applications World Wide Web. 2 Introduction What is hypertext model? Use of hypertext in World Wide Web (WWW) – HTML. WWW client-server.
Active X Microsoft’s Answer to Dynamic Content Reference: Using Active X by Brian Farrar QUE
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
Chapter 11 ASP.NET JavaScript, Third Edition. 2 Objectives Learn about client/server architecture Study server-side scripting Create ASP.NET applications.
WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.
Browsing the World Wide Web. Spring 2002Computer Networks Applications Browsing Service Allows one to conveniently obtain and display information that.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
1st Project Introduction to HTML.
The Internet & The World Wide Web Notes
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
INTRODUCTION TO WEB DATABASE PROGRAMMING
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Department of computer science and engineering From Web to Workplace chapters 4, 18 Martin Čadík Czech Technical University in Prague, Czech Republic.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Week 7 Lecture Web Database Development Samuel Conn, Asst. Professor
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
16-1 The World Wide Web The Web An infrastructure of distributed information combined with software that uses networks as a vehicle to exchange that information.
CPS120: Introduction to Computer Science The World Wide Web Nell Dale John Lewis.
Internet Basics Dr. Norm Friesen June 22, Questions What is the Internet? What is the Web? How are they different? How do they work? How do they.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
ASHIMA KALRA IMPORTANT TERMS.  WWW WWW  URL URL  HTTP PROTOCOL HTTP PROTOCOL  PROXIES PROXIES.
Programming the Web Web = Computer Network + Hypertext.
Introduction to Internet Programming (Web Based Application)
E-Learning Material Web Application Design 3. Web Application Design Architecture Which objects go where? The final model notation Summary.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 1 1 Browser Basics Introduction to the Web and Web Browser Software Tutorial.
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
1 Welcome to CSC 301 Web Programming Charles Frank.
CS 7: Introduction to Computer Programming Java and the Internet Sections ,2.1.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.
by Maria Rita Marruganti DIFFERENT WAYS OF SENDING INFORMATION Passive e.g. newspapers, radio, television. You don’t produce, just receive information.
Elucidative Programming Kurt Nørmark Aalborg University Denmark SIGDOC September 2000.
Overview of Form and Javascript fundamentals. Brief matching exercise 1. This is the software that allows a user to access and view HTML documents 2.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Chapter 29 World Wide Web & Browsing World Wide Web (WWW) is a distributed hypermedia (hypertext & graphics) on-line repository of information that users.
World Wide Web Guide * for Students to the Internet.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
TCP/IP Protocol Suite 1 Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display. Chapter 22 World Wide Web and HTTP.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Distributed Control and Measurement via the Internet
Project 1 Introduction to HTML.
WWW and HTTP King Fahd University of Petroleum & Minerals
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Processes The most important processes used in Web-based systems and their internal organization.
Chapter 27 WWW and HTTP.
INFS 230 L Internet Technology
Presentation transcript:

Open hypermedia for WWW 1Kaj Grønbæk, Aarhus University Open hypermedia for WWW Plan –Motivation –Emerging open hypermedia systems for the WWW –Utilising the Devise Hypermedia framework on the WWW –Concluding remarks 32. Serving Information to the Web with Hyper-G Andrews et al, Computer Networks and ISDN Systems 33. Designing Dexter-based hypermedia services for the World Wide Web K. Grønbæk et al, 34. The Distributed Link Service: A Tool for Publishers, Authors and Readers Carr et al

Open hypermedia for WWW 2Kaj Grønbæk, Aarhus University Why open hypermedia for the WWW? Aiming to support the visions of cooperative hypermedia that support users in seamless sharing and creation of hypermedia structures on the Internet The WWW doesn’t yet allow users’ to create links from and into materials they don’t own! WWW documents need to be changed in order to create links from them! WWW provides no support for organizing documents in individual or shared collections! The WWW does not support cooperation on documents!

Open hypermedia for WWW 3Kaj Grønbæk, Aarhus University Open hypermedia hypermedia objects in separate database - instead of embedded addresses open: no requirement for special content- formats – use applications’ own formats anchors may reference segments in any data-type, e.g. video, bitmaps integrates the users’ favorite applications via inter-application communication distinction between edit og browse user interface not necessary link relations can be inspected and maps may be generated collaborative manipulation of hypermedia structures – requires no write permission to content Go to Link object Jump-addresses: E.g. WWW Open hypermedia: E.g. DEVISE Hypermedia

Open hypermedia for WWW 4Kaj Grønbæk, Aarhus University Hyper-G Developed at Graz University of Technology, Austria, > Combines hierarchical navigation, linking, and attribute/content search Uses its own SGML document format HTF - but WWW compatible Uses its own browsers: Harmony (UNIX) and Amadeus (PC-Windows) Datamodel: document, cluster, collection, search, link Uses object-oriented database to store hypermedia objects Check:

Open hypermedia for WWW 5Kaj Grønbæk, Aarhus University Hyper-G: Datamodel example

Open hypermedia for WWW 6Kaj Grønbæk, Aarhus University Hyper-G: Architecture

Harmony User Interface

Hyper-G interface in Netscape Hyper-G pages can be viewed in Netscape with “in-page” access to attrbutes and Hyper-G menu Example: accessing external document attributes

Open hypermedia for WWW 9Kaj Grønbæk, Aarhus University Microcosm Distributed Link Service (DLS) Developed at University of Southampton, UK, > Built on top of the general open hypermedia system called Microcosm Inherits link model: Generic links, local links, specific links Attaches a pop-up menu to the titlebar of Netscape windows on PCs or spawns a separate menu application on UNIX/Motif Support compilation of DLS links into WWW documents on the fly Stores links in separate linkbases (called filters) Check: wwwcosm.ecs.soton.ac.uk/dls/dls.html Microcosm The Microcosm Home Page Fri Mar 31 13:32:34 GMT 1995 Hypermedia Research at the University of Southampton

Open hypermedia for WWW 10Kaj Grønbæk, Aarhus University Microcosm: Link concepts Specific link from an object at a specific location in a source document to an object at a specific location in a destination document Local Link from an object at an arbitrary location in a source document to an object at a specific location in a destination document Generic Link from an object at an arbitrary location in an arbitrary source document to an object at a specific location in a destination document (“object” is typically a textstring) Text retrieval links - computed destination search for string match across registered documents lookup in inverted indexes and computation of “similarity coefficient”

Open hypermedia for WWW 11Kaj Grønbæk, Aarhus University Microcosm: Architecture

Open hypermedia for WWW 12Kaj Grønbæk, Aarhus University Microcosm DLS

Open hypermedia for WWW 13Kaj Grønbæk, Aarhus University Microcosm/DLS interface

Open hypermedia for WWW 14Kaj Grønbæk, Aarhus University Microcosm/DLS interface

Open hypermedia for WWW 15Kaj Grønbæk, Aarhus University Devise Hypermedia - a step towards cooperation support Current attempts (Hyperwave, WebCosm) share a number of limitations: They are not platform independent They require special browsers (and formats) Restricted data models No explict cooperation support Devise Hypermedia for the WWW: Cooperation support is part of the general framework Aim to use a generic interface which will work with any browser (Java-based ) Provides an extensive, general and tailorable data model Advanced navigation facilities Browser and platform independence is not as easy as it should be...

Architecture for DHM/WWW Direct TCP/IP Connection

Application layer: DHM/WWW applet Opening a page via DHM/WWW

Making a selection for a link endpoint

A temporary link dialog (forced by Java security)

A source link endpoint has been created

Making a selection in a destination page

A destination endpoint has been added

Destination endpoint is marked

Overview of DHM anchors in a page

Inspection of an anchor

Open hypermedia for WWW 26Kaj Grønbæk, Aarhus University Communication Layer: CGI-script A single CGI-script to handle the protocol Link creation: webBrowser,0002, u.dk/~bouvin/DHM/""DEVISE""This is a home page for the DEVISE Hypermedia""369""6""0") Addition of endpoint: webBrowser,0102, mi.aau.dk/~kgronbak/DEVISE/""DEVISE""The name DEVISE is inspired""258""6""0") The WWWInstCom class is specialized to generate textual response to the Applet instead of launching and communicating with an application Get locSpecs: webBrowser,0900, Response - list of LocSpecs: (1,1,(" is a home page for the DEVISE Hypermedia""369""6""0"))

Open hypermedia for WWW 27Kaj Grønbæk, Aarhus University Application Layer: Structure of DHM Applet

Open hypermedia for WWW 28Kaj Grønbæk, Aarhus University Extensions to the Devise Hypermedia Framework Component WWWComponent STORAGE Instantiation WWWInstantiation RUNTIME InstCom WWWInstCom COMMUNICATIONAPPLICATION DHM/WWW Applet

Open hypermedia for WWW 29Kaj Grønbæk, Aarhus University Storage/Runtime layers Straightforward specializations and a few modifications of kernel functionality Component stores document URL as contents and modification date in an attribute Date is used to raise exceptions when documents have changed since DHM server was notified Anchor uses text selection, position and length to locate parts of documents Extensions to locate parts of other MIME-types via plug-in such as Shockwave and Quicktime is a future design issue Instantiations needs to buffer information e.g. on multiple destinations and return them in a single communication. (A little complicated in the current model) At the RUNTIME layer the handling of current link needs to be changed, since many users may interact with the same RUNTIME process

Open hypermedia for WWW 30Kaj Grønbæk, Aarhus University Towards cooperation support for the WWW Browsing: DHM/WWW provides multiple structures to the same body of WWW documents Similar to the 1985 ideas in Intermedia - providing multiple Webs Links into and from Private, public and group structures Authoring: Groups may manage and coordinate authoring of a body of WWW documents via a DHM/WWW service Assumes login to common server(s) Assumes a Java compatible DHM-extended HTML editor Lock management for distributed documents Assumes that the DHM-extended editor always requests lock from the relevant DHM/WWW server Awareness Notifications for changing WWW documents Assumes direct server to Applet communication

Open hypermedia for WWW 31Kaj Grønbæk, Aarhus University Performance issues Adding DHM/WWW links to an existing Web page requires: Establishing communication with an additional server (when we get beyond the current Java limitation) Transfer of a set of LocSpecs - typically less than 100 bytes each Processing of the HTML code to insert additional links + JavaScript control code (JavaScript not necessary in an ActiveX/Explorer solution) The overhead in terms of data transferred is quite modest compared to most Web pages containing graphics, applets, Shockwave and the like Processing of the HTML is fairly fast compared to rendering of pictures etc. The additional server requests may cause delays

Open hypermedia for WWW 32Kaj Grønbæk, Aarhus University Status DHM/WWW Java applet prototype implemented Cannot access selections in browsers due to security limitations (Netscape 4 promise a solution for this) Cannot connect to any otherserver than the one it came from(Signed Java applets promise a solution for this) CGI scripts in BETA establish communication to DHM Server process Only Applet to Server communication supported up till now A version without Locking and Awareness features demonstrated at Hypertext ‘97, April Next steps Support for cooperation Support for non-HTML pages (e.g. QT, VRML)

Open hypermedia for WWW 33Kaj Grønbæk, Aarhus University Next generation: COCONUT architecture Peer-to-peer communication using TCP/IP Three different ways of managing structures Applet Helper App. Proxy

Open hypermedia for WWW 34Kaj Grønbæk, Aarhus University Next generation(1): Navette Java Applet running in a separate window Written with a generic framework called Arakne Specially tailored for MS Internet Explorer using COM

Open hypermedia for WWW 35Kaj Grønbæk, Aarhus University Arakne framework Extensible with beans in internal frame Encapsulates browser in a single class

Open hypermedia for WWW 36Kaj Grønbæk, Aarhus University Next generation (2): Webvise Helper application Tailored to Internet Explorer using COM Catches all browser events

Webvise architecture