SlideShare a Scribd company logo
history of
     hypertext & hypermedia
                       geschiedenis van de informatica - 30 maart 2009




                                      erik duval
                                     K.U.Leuven
                           http://www.cs.kuleuven.be/~erikd
                                              1
Monday 30 March 2009
2
Monday 30 March 2009
http://www.slideshare.net/erik.duval




Monday 30 March 2009
                       3
Timing?
                          input from my students...

                  • Teletext: 1970?
                  • telefoonbanking: 1990?
                  • encyclopedie: Larousse? 18de eeuw?
                   • encarta: 1995
                  • telegraaf: 1850?

Monday 30 March 2009
• 1907: Paul Otlet
          • 1945:Vannevar Bush, memex
          • 1967: Andy van Dam, Hypertext Editing System
          • 1968: Doug Englebart, NLS
          • 1975: Carnegie-Mellon, ZOG/KMS
          • 1985: Brown, Intermedia
          • 1986: Owl, Guide
          • 1987: Apple, Hypercard
          • 1987: Hypertext 87
          • 1991: CERN, WWW       5

Monday 30 March 2009
Paul Otlet
    • Belgian, 1868-1944
    • lawyer, bibliographer, internationalist
    • background
     • “proliferation and disorderly state of
                the literature in the social sciences”

     • “there is too much to read”
    • ‘monographic principle’: text chunks on cards
     • facts, interpretation of facts, statistics, sources
     • systematic reorganization of knowledge
Monday 30 March 2009
Paul Otlet
    • Universal Bibliographic
      Repertory

         • 1912: >250.000 images
         • 1934: >15 million cards
         • searches until early 1970s!
    • Universal Decimal Classification (based on DDC)
    • foresaw technological development:
     • screens, loudspeakers, distant access ... even VR
     • network of libraries, archives, museums ... Internet
    • Mundaneum Mons: http://www.mundaneum.be
Monday 30 March 2009
Paul Otlet
  • outmoded positivist paradigm
  • true hypertext does not
         destroy original document

  • more:
        •      W. Boyd Rayward. Visions of Xanadu: Paul Otlet (1868-1944) and
               Hypertext. Journal of the American Society for Information Science,
               45(4):235-250, 1994, pp. 235-250.

        •      http://nytimes.com/2008/06/17/science/17mund.html

        •      http://www.sims.berkeley.edu/~buckland/otlet.html




Monday 30 March 2009
Vannevar Bush, Memex
   • 1890-1974
   • science advisor to Roosevelt
        • explosion of scientific information
   • mechanical solution: memory extender
        • “device in which an individual stores all his books, record and
          communications, and which is mechanized so that it may be
          consulted with exceeding speed and flexibility”
   • medium: microfilm, scanner, handwriting
   • several parallel screens (cfr. windows)
   • associative indexing

Monday 30 March 2009
Vannevar Bush, Memex




Monday 30 March 2009
Vannevar Bush, Memex

    • trails: set of links that would combine information relevant
      to a perspective or a topic
         • professional trail blazers
         • trails can be published
    • popular exposure (Time, Life), never got built
    • Vannevar Bush. As we may think. Athlantic Monthly, 1945.
         • http://www.theatlantic.com/unbound/flashbks/computer/bushf.htm



Monday 30 March 2009
Ted Nelson, Xanadu
                              • coined ‘hypertext’ (1965)
                              • design for a new literature
                              • all the world’s literature
                              • address any substring of any
                                doc from any doc
                              • neverbeen linked to
                                      delete text because may
                                have
                              • most recent version always
                                retrievable

Monday 30 March 2009
Ted Nelson, Xanadu

       • royalties to original author
         based on bytes seen by
              reader
       • reader can always request
         full version of original text
              (and thus context)
       • vision never implemented

Monday 30 March 2009
Ted Nelson, Xanadu




Monday 30 March 2009
Ted Nelson, Xanadu

                       • more:
                        • Theordor Holm Nelson. Litterary
                           Machines 93.1. Mindful Press.

                        • http://ted.hyperland.com/
                        • http://www.xanadu.net/

Monday 30 March 2009
http://www.youtube.com/watch?v=Q9kAW8qeays

Monday 30 March 2009
D. Engelbart, Augment
  • Stanford Research Institute
  • invented interactive
         computing (mouse,
         windows, groupware, ...)

  • team went to Xerox PARC
  • now: bootstrap institute
        • http://www.bootstrap.org/
                                    17

Monday 30 March 2009
D. Engelbart, Augment
   •      demo at 1968 Fall
          Joint Computer
          Conference
        •      video, microwave
               transmission, ...

        •      http://
               sloan.stanford.edu/
               mousesite/
               1968Demo.html

        •      http://
               www.youtube.com
               /watch?
               v=X4kp9Ciy1nE


                                     18
Monday 30 March 2009
http://www.youtube.com/watch?v=X4kp9Ciy1nE
                       19
Monday 30 March 2009
http://cfdj.sys-con.com/read/536976.htm
Monday 30 March 2009
http://cfdj.sys-con.com/read/536976.htm
Monday 30 March 2009
http://cfdj.sys-con.com/read/536976.htm
Monday 30 March 2009
http://cfdj.sys-con.com/read/536976.htm
Monday 30 March 2009
Fast forward to …
                             now :) !

                                            Text
                                             Text




                         http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890

                                               21
Monday 30 March 2009
Fast forward to …
                                 now :) !

                                                    Text
                                                     Text




        http://hyperscope.org/

                                 http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890

                                                       21
Monday 30 March 2009
Fast forward to …
                                 now :) !

                                                                           Text
                                                                            Text




        http://hyperscope.org/

                                          http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
                                 http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart
                                                                                21
Monday 30 March 2009
http://www.designinginteractions.com/
                       22

Monday 30 March 2009
23
                            http://programforthefuture.org/
Monday 30 March 2009
23
                            http://programforthefuture.org/
Monday 30 March 2009
1978: Aspen Movie Map




           http://www.naimark.net/projects/aspen.html   http://www.youtube.com/watch?v=Hf6LkqgXPMU


Monday 30 March 2009
1985: intermedia
                                                                        • Brown, Andy Van
                                                                          Dam

                                                                        • linking protocol for
                                                                          apps to link to and
                                                                          from documents

                                                                        • separate webs with
                                                                          links for each user

                                                                        • designed for
                                                                          educational use
                       http://www.useit.com/papers/hypertext-history/




Monday 30 March 2009
• CERN: loose projects, international,
    • complex equipment
    • 1989: proposal, T.Berners-Lee&R. Cailliau
    • 1990: ECHT, info.cern.ch
    • 1991:on alt.hypertext, comp.infosystems.www, telnetserver
            release browser for Next, line mode browser,
      code                                                to line-
           mode browser, Hypertext91: rejected, only connected demo

    • 1993: Jan: 50 public, info.cern.ch 10 Khits/day, Oct: Lynx,servers
                    servers, Feb: Mosaic (NCSA), March:           April:
      CERN code                                             200

    • 1994: March: 1st conference
    • Oct: 2nd conference, Dec: 1st w3c meeting
Monday 30 March 2009
Monday 30 March 2009
Why successful?




Monday 30 March 2009
Why successful?
                  • open systems approach
                  • standardized specifications for
                       interoperability

                  • backwards compatible with legacy data
                       (can access gopher, ftp, news, wais, ...)

                  • designed to be decentralized:
                   • no central link database (hence
                         consistency less assured)

                  • no ‘compilation’ into specific format
Monday 30 March 2009
http://www.ted.com/talks/view/id/484


Monday 30 March 2009
Questions?
                        http://erikduval.wordpress.com/
                       http://www.cs.kuleuven.be/~erikd




                           Thanks!
                                      30
Monday 30 March 2009

More Related Content

Viewers also liked

Aspect WP2 kick off
Aspect WP2 kick offAspect WP2 kick off
Aspect WP2 kick off
Erik Duval
 
Multimedia les 1
Multimedia les 1Multimedia les 1
Multimedia les 1Erik Duval
 
Open Learning Analytics
Open Learning AnalyticsOpen Learning Analytics
Open Learning Analytics
Erik Duval
 
Multimedia les 2
Multimedia les 2Multimedia les 2
Multimedia les 2Erik Duval
 
The Snowflake Effect in Riyadh...
The Snowflake Effect in Riyadh...The Snowflake Effect in Riyadh...
The Snowflake Effect in Riyadh...
Erik Duval
 
CHI: sessie 8
CHI: sessie 8CHI: sessie 8
CHI: sessie 8
Erik Duval
 
Learning in the open
Learning in the openLearning in the open
Learning in the open
Erik Duval
 
Open metadata for open educational resources in an open infrastructure
Open metadata for open educational resources in an open infrastructureOpen metadata for open educational resources in an open infrastructure
Open metadata for open educational resources in an open infrastructure
Erik Duval
 
The Snowflake Effect: open learning without barriers
The Snowflake Effect: open learning without barriersThe Snowflake Effect: open learning without barriers
The Snowflake Effect: open learning without barriers
Erik Duval
 
LACLO 2009 presentation
LACLO 2009 presentationLACLO 2009 presentation
LACLO 2009 presentation
Erik Duval
 
Learning in times of abundance: The Snowflake Effect
Learning in times of abundance:  The Snowflake Effect Learning in times of abundance:  The Snowflake Effect
Learning in times of abundance: The Snowflake Effect
Erik Duval
 

Viewers also liked (11)

Aspect WP2 kick off
Aspect WP2 kick offAspect WP2 kick off
Aspect WP2 kick off
 
Multimedia les 1
Multimedia les 1Multimedia les 1
Multimedia les 1
 
Open Learning Analytics
Open Learning AnalyticsOpen Learning Analytics
Open Learning Analytics
 
Multimedia les 2
Multimedia les 2Multimedia les 2
Multimedia les 2
 
The Snowflake Effect in Riyadh...
The Snowflake Effect in Riyadh...The Snowflake Effect in Riyadh...
The Snowflake Effect in Riyadh...
 
CHI: sessie 8
CHI: sessie 8CHI: sessie 8
CHI: sessie 8
 
Learning in the open
Learning in the openLearning in the open
Learning in the open
 
Open metadata for open educational resources in an open infrastructure
Open metadata for open educational resources in an open infrastructureOpen metadata for open educational resources in an open infrastructure
Open metadata for open educational resources in an open infrastructure
 
The Snowflake Effect: open learning without barriers
The Snowflake Effect: open learning without barriersThe Snowflake Effect: open learning without barriers
The Snowflake Effect: open learning without barriers
 
LACLO 2009 presentation
LACLO 2009 presentationLACLO 2009 presentation
LACLO 2009 presentation
 
Learning in times of abundance: The Snowflake Effect
Learning in times of abundance:  The Snowflake Effect Learning in times of abundance:  The Snowflake Effect
Learning in times of abundance: The Snowflake Effect
 

Similar to History of Hypertext and Hypermedia

The Ever Changing Design of the Wb
The Ever Changing Design of the WbThe Ever Changing Design of the Wb
The Ever Changing Design of the Wb
artimated
 
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
Erik Duval
 
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
Erik Duval
 
It's the Customer, Not the Container
It's the Customer, Not the ContainerIt's the Customer, Not the Container
It's the Customer, Not the Container
john wilbanks
 
The Google Society and the Snowflake Effect
The Google Society and the Snowflake EffectThe Google Society and the Snowflake Effect
The Google Society and the Snowflake Effect
Erik Duval
 
History of CHI
History of CHIHistory of CHI
History of CHI
Erik Duval
 
Talk at Thinking Digital
Talk at Thinking DigitalTalk at Thinking Digital
Talk at Thinking Digital
Chris Thorpe
 
History of Human-Computer Interaction
History of Human-Computer InteractionHistory of Human-Computer Interaction
History of Human-Computer Interaction
Erik Duval
 
Making Thinking Visible in Complex Times
Making Thinking Visible in Complex TimesMaking Thinking Visible in Complex Times
Making Thinking Visible in Complex Times
Simon Buckingham Shum
 
History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)
Erik Duval
 
21st Century Education
21st Century Education21st Century Education
21st Century Education
Shane Mason
 
NMCpresentationpdf
NMCpresentationpdfNMCpresentationpdf
NMCpresentationpdf
Anthony Armstrong
 
21c School Libraries Leading Learning
21c School Libraries Leading Learning21c School Libraries Leading Learning
21c School Libraries Leading Learning
Judy O'Connell
 
History of CHI
History of CHIHistory of CHI
History of CHI
Erik Duval
 
Digital Tsunami: Breaking News at Breakneck Speeds
Digital Tsunami: Breaking News at Breakneck SpeedsDigital Tsunami: Breaking News at Breakneck Speeds
Digital Tsunami: Breaking News at Breakneck Speeds
Alex de Carvalho
 

Similar to History of Hypertext and Hypermedia (15)

The Ever Changing Design of the Wb
The Ever Changing Design of the WbThe Ever Changing Design of the Wb
The Ever Changing Design of the Wb
 
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
 
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
From Scarcity to Abundance (and from Mass Production to Hyper-personalization...
 
It's the Customer, Not the Container
It's the Customer, Not the ContainerIt's the Customer, Not the Container
It's the Customer, Not the Container
 
The Google Society and the Snowflake Effect
The Google Society and the Snowflake EffectThe Google Society and the Snowflake Effect
The Google Society and the Snowflake Effect
 
History of CHI
History of CHIHistory of CHI
History of CHI
 
Talk at Thinking Digital
Talk at Thinking DigitalTalk at Thinking Digital
Talk at Thinking Digital
 
History of Human-Computer Interaction
History of Human-Computer InteractionHistory of Human-Computer Interaction
History of Human-Computer Interaction
 
Making Thinking Visible in Complex Times
Making Thinking Visible in Complex TimesMaking Thinking Visible in Complex Times
Making Thinking Visible in Complex Times
 
History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)History of CHI (Human-Computer Interaction)
History of CHI (Human-Computer Interaction)
 
21st Century Education
21st Century Education21st Century Education
21st Century Education
 
NMCpresentationpdf
NMCpresentationpdfNMCpresentationpdf
NMCpresentationpdf
 
21c School Libraries Leading Learning
21c School Libraries Leading Learning21c School Libraries Leading Learning
21c School Libraries Leading Learning
 
History of CHI
History of CHIHistory of CHI
History of CHI
 
Digital Tsunami: Breaking News at Breakneck Speeds
Digital Tsunami: Breaking News at Breakneck SpeedsDigital Tsunami: Breaking News at Breakneck Speeds
Digital Tsunami: Breaking News at Breakneck Speeds
 

More from Erik Duval

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
Erik Duval
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015
Erik Duval
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
Erik Duval
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015
Erik Duval
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
Erik Duval
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015
Erik Duval
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
Erik Duval
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
Erik Duval
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
Erik Duval
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
Erik Duval
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015
Erik Duval
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
Erik Duval
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
Erik Duval
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
Erik Duval
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015
Erik Duval
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
Erik Duval
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
Erik Duval
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
Erik Duval
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
Erik Duval
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
Erik Duval
 

More from Erik Duval (20)

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
 

Recently uploaded

skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)
Mohammad Al-Dhahabi
 
Simple-Present-Tense xxxxxxxxxxxxxxxxxxx
Simple-Present-Tense xxxxxxxxxxxxxxxxxxxSimple-Present-Tense xxxxxxxxxxxxxxxxxxx
Simple-Present-Tense xxxxxxxxxxxxxxxxxxx
RandolphRadicy
 
CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...
Nguyen Thanh Tu Collection
 
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptxCapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
CapitolTechU
 
Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)
nitinpv4ai
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
MJDuyan
 
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
ImMuslim
 
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
EduSkills OECD
 
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.pptLevel 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Henry Hollis
 
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
Payaamvohra1
 
Electric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger HuntElectric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger Hunt
RamseyBerglund
 
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
indexPub
 
Skimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S EliotSkimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S Eliot
nitinpv4ai
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
Nguyen Thanh Tu Collection
 
A Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two HeartsA Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two Hearts
Steve Thomason
 
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptxA Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
OH TEIK BIN
 
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdfمصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
سمير بسيوني
 
Accounting for Restricted Grants When and How To Record Properly
Accounting for Restricted Grants  When and How To Record ProperlyAccounting for Restricted Grants  When and How To Record Properly
Accounting for Restricted Grants When and How To Record Properly
TechSoup
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
deepaannamalai16
 
BPSC-105 important questions for june term end exam
BPSC-105 important questions for june term end examBPSC-105 important questions for june term end exam
BPSC-105 important questions for june term end exam
sonukumargpnirsadhan
 

Recently uploaded (20)

skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)
 
Simple-Present-Tense xxxxxxxxxxxxxxxxxxx
Simple-Present-Tense xxxxxxxxxxxxxxxxxxxSimple-Present-Tense xxxxxxxxxxxxxxxxxxx
Simple-Present-Tense xxxxxxxxxxxxxxxxxxx
 
CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...
CHUYÊN ĐỀ ÔN TẬP VÀ PHÁT TRIỂN CÂU HỎI TRONG ĐỀ MINH HỌA THI TỐT NGHIỆP THPT ...
 
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptxCapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
CapTechTalks Webinar Slides June 2024 Donovan Wright.pptx
 
Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
 
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
 
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...
 
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.pptLevel 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
 
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
NIPER 2024 MEMORY BASED QUESTIONS.ANSWERS TO NIPER 2024 QUESTIONS.NIPER JEE 2...
 
Electric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger HuntElectric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger Hunt
 
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
 
Skimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S EliotSkimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S Eliot
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 - CẢ NĂM - FRIENDS PLUS - NĂM HỌC 2023-2024 (B...
 
A Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two HeartsA Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two Hearts
 
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptxA Free 200-Page eBook ~ Brain and Mind Exercise.pptx
A Free 200-Page eBook ~ Brain and Mind Exercise.pptx
 
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdfمصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
 
Accounting for Restricted Grants When and How To Record Properly
Accounting for Restricted Grants  When and How To Record ProperlyAccounting for Restricted Grants  When and How To Record Properly
Accounting for Restricted Grants When and How To Record Properly
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
 
BPSC-105 important questions for june term end exam
BPSC-105 important questions for june term end examBPSC-105 important questions for june term end exam
BPSC-105 important questions for june term end exam
 

History of Hypertext and Hypermedia

  • 1. history of hypertext & hypermedia geschiedenis van de informatica - 30 maart 2009 erik duval K.U.Leuven http://www.cs.kuleuven.be/~erikd 1 Monday 30 March 2009
  • 4. Timing? input from my students... • Teletext: 1970? • telefoonbanking: 1990? • encyclopedie: Larousse? 18de eeuw? • encarta: 1995 • telegraaf: 1850? Monday 30 March 2009
  • 5. • 1907: Paul Otlet • 1945:Vannevar Bush, memex • 1967: Andy van Dam, Hypertext Editing System • 1968: Doug Englebart, NLS • 1975: Carnegie-Mellon, ZOG/KMS • 1985: Brown, Intermedia • 1986: Owl, Guide • 1987: Apple, Hypercard • 1987: Hypertext 87 • 1991: CERN, WWW 5 Monday 30 March 2009
  • 6. Paul Otlet • Belgian, 1868-1944 • lawyer, bibliographer, internationalist • background • “proliferation and disorderly state of the literature in the social sciences” • “there is too much to read” • ‘monographic principle’: text chunks on cards • facts, interpretation of facts, statistics, sources • systematic reorganization of knowledge Monday 30 March 2009
  • 7. Paul Otlet • Universal Bibliographic Repertory • 1912: >250.000 images • 1934: >15 million cards • searches until early 1970s! • Universal Decimal Classification (based on DDC) • foresaw technological development: • screens, loudspeakers, distant access ... even VR • network of libraries, archives, museums ... Internet • Mundaneum Mons: http://www.mundaneum.be Monday 30 March 2009
  • 8. Paul Otlet • outmoded positivist paradigm • true hypertext does not destroy original document • more: • W. Boyd Rayward. Visions of Xanadu: Paul Otlet (1868-1944) and Hypertext. Journal of the American Society for Information Science, 45(4):235-250, 1994, pp. 235-250. • http://nytimes.com/2008/06/17/science/17mund.html • http://www.sims.berkeley.edu/~buckland/otlet.html Monday 30 March 2009
  • 9. Vannevar Bush, Memex • 1890-1974 • science advisor to Roosevelt • explosion of scientific information • mechanical solution: memory extender • “device in which an individual stores all his books, record and communications, and which is mechanized so that it may be consulted with exceeding speed and flexibility” • medium: microfilm, scanner, handwriting • several parallel screens (cfr. windows) • associative indexing Monday 30 March 2009
  • 11. Vannevar Bush, Memex • trails: set of links that would combine information relevant to a perspective or a topic • professional trail blazers • trails can be published • popular exposure (Time, Life), never got built • Vannevar Bush. As we may think. Athlantic Monthly, 1945. • http://www.theatlantic.com/unbound/flashbks/computer/bushf.htm Monday 30 March 2009
  • 12. Ted Nelson, Xanadu • coined ‘hypertext’ (1965) • design for a new literature • all the world’s literature • address any substring of any doc from any doc • neverbeen linked to delete text because may have • most recent version always retrievable Monday 30 March 2009
  • 13. Ted Nelson, Xanadu • royalties to original author based on bytes seen by reader • reader can always request full version of original text (and thus context) • vision never implemented Monday 30 March 2009
  • 14. Ted Nelson, Xanadu Monday 30 March 2009
  • 15. Ted Nelson, Xanadu • more: • Theordor Holm Nelson. Litterary Machines 93.1. Mindful Press. • http://ted.hyperland.com/ • http://www.xanadu.net/ Monday 30 March 2009
  • 17. D. Engelbart, Augment • Stanford Research Institute • invented interactive computing (mouse, windows, groupware, ...) • team went to Xerox PARC • now: bootstrap institute • http://www.bootstrap.org/ 17 Monday 30 March 2009
  • 18. D. Engelbart, Augment • demo at 1968 Fall Joint Computer Conference • video, microwave transmission, ... • http:// sloan.stanford.edu/ mousesite/ 1968Demo.html • http:// www.youtube.com /watch? v=X4kp9Ciy1nE 18 Monday 30 March 2009
  • 24. Fast forward to … now :) ! Text Text http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 21 Monday 30 March 2009
  • 25. Fast forward to … now :) ! Text Text http://hyperscope.org/ http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 21 Monday 30 March 2009
  • 26. Fast forward to … now :) ! Text Text http://hyperscope.org/ http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart 21 Monday 30 March 2009
  • 27. http://www.designinginteractions.com/ 22 Monday 30 March 2009
  • 28. 23 http://programforthefuture.org/ Monday 30 March 2009
  • 29. 23 http://programforthefuture.org/ Monday 30 March 2009
  • 30. 1978: Aspen Movie Map http://www.naimark.net/projects/aspen.html http://www.youtube.com/watch?v=Hf6LkqgXPMU Monday 30 March 2009
  • 31. 1985: intermedia • Brown, Andy Van Dam • linking protocol for apps to link to and from documents • separate webs with links for each user • designed for educational use http://www.useit.com/papers/hypertext-history/ Monday 30 March 2009
  • 32. • CERN: loose projects, international, • complex equipment • 1989: proposal, T.Berners-Lee&R. Cailliau • 1990: ECHT, info.cern.ch • 1991:on alt.hypertext, comp.infosystems.www, telnetserver release browser for Next, line mode browser, code to line- mode browser, Hypertext91: rejected, only connected demo • 1993: Jan: 50 public, info.cern.ch 10 Khits/day, Oct: Lynx,servers servers, Feb: Mosaic (NCSA), March: April: CERN code 200 • 1994: March: 1st conference • Oct: 2nd conference, Dec: 1st w3c meeting Monday 30 March 2009
  • 35. Why successful? • open systems approach • standardized specifications for interoperability • backwards compatible with legacy data (can access gopher, ftp, news, wais, ...) • designed to be decentralized: • no central link database (hence consistency less assured) • no ‘compilation’ into specific format Monday 30 March 2009
  • 37. Questions? http://erikduval.wordpress.com/ http://www.cs.kuleuven.be/~erikd Thanks! 30 Monday 30 March 2009