kcl-digital-humanities-garden/world-wide-web.html

141 lines
14 KiB
HTML
Raw Normal View History

<!doctype html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>World Wide Web 🌱 Digital Garden</title>
<meta name="description" content="https://www.w3.org/Proposal.html
WorldWideWeb: Proposal for a HyperText Project
From:
T. Berners-Lee/CN, R. Cailliau/ECP
Date:
12 November 1990
Abstract
HyperText is a way to link and access in...">
<link rel="stylesheet" href="/assets/css/style.css?1618775262673410964"><link type="application/atom+xml" rel="alternate" href="https://digitalgarden.hypha.coop/feed.xml" /></head><body class="foreground-text sans-serif bg-background"><header id="header" class="f5 pa3 flex bb b--foreground-text bg-background justify-between sticky top-0 w-100 items-baseline z-3"><div class="flex items-baseline">
<a class="no-underline f4 foreground-text anthony mr3" rel="author" href="/">✿ Digital Garden</a>
<div id="gardenConditions" class="br-pill code f7 ba pv2 ph3"></div>
</div><nav class="f7 code flex"><a class="no-underline foreground-text underline-hover" href="/colophon/">Colophon</a><a class="no-underline foreground-text ml3 underline-hover" href="/feed.xml">RSS Feed</a>
<a class="no-underline foreground-text ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
</nav></header><main class="links-foreground-text" aria-label="Content">
<div class="flex">
<article id="note-container" class="w-50 pa3 pr0 relative z-1">
<div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
<header>
<div class="note-meta flex f7 lh-copy justify-between code items-center">
<time class="ml3 flex-auto" datetime="2021-04-18T19:47:42+00:00">
Created <br> April 18, 2021
</time>
<time datetime="2021-04-18T19:47:17+00:00">
Last updated <br> April 18, 2021
</time>
</div>
<h1 class="note-title normal relative work-sans-light f-5 mb4 lh-solid">World Wide Web</h1>
</header>
<div id="notes-entry-container" class="flex-auto">
<div class="note-contents f5 lh-copy">
<p>https://www.w3.org/Proposal.html</p>
<h1 id="worldwideweb-proposal-for-a-hypertext-project">WorldWideWeb: Proposal for a HyperText Project</h1>
<p>From:
T. Berners-Lee/CN, R. Cailliau/ECP
Date:
12 November 1990</p>
<p><img src="https://user-images.githubusercontent.com/227587/114308013-52435c80-9ab0-11eb-9a1d-fa4814a542a9.png" alt="Screen Shot 2021-04-11 at 10 25 41 AM" /></p>
<h2 id="abstract">Abstract</h2>
<p>HyperText is a way to link and access information of various kinds as a web of nodes in which the user can browse at will. Potentially, HyperText provides a single user-interface to many large classes of stored information such as reports, notes, data-bases, computer documentation and on-line systems help. We propose the implementation of a simple scheme to incorporate several different servers of machine-stored information already available at CERN, including an analysis of the requirements for information access needs by experiments.</p>
<h2 id="hypertext-concepts">Hypertext concepts</h2>
<p>The principles of hypertext, and their applicability to the CERN environment, are discussed more fully in, a glossary of technical terms is given in. Here we give a short presentation of hypertext.
A program which provides access to the hypertext world we call a browser. When starting a hypertext browser on your workstation, you will first be presented with a hypertext page which is personal to you : your personal notes, if you like. A hypertext page has pieces of text which refer to other texts. Such references are highlighted and can be selected with a mouse (on dumb terminals, they would appear in a numbered list and selection would be done by entering a number). When you select a reference, the browser presents you with the text which is referenced: you have made the browser follow a hypertext link :</p>
<p>(see Fig. 1: hypertext links).</p>
<p>That text itself has links to other texts and so on. In fig. 1, clicking on the GHI would take you to the minutes of that meeting. There you would get interested in the discussion of the UPS, and click on the highlighted word UPS to find out more about it.</p>
<p>The texts are linked together in a way that one can go from one concept to another to find the information one wants. The network of links is called a web . The web need not be hierarchical, and therefore it is not necessary to “climb up a tree” all the way again before you can go down to a different but related subject. The web is also not complete, since it is hard to imagine that all the possible links would be put in by authors. Yet a small number of links is usually sufficient for getting from anywhere to anywhere else in a small number of hops.</p>
<p>The texts are known as nodes. The process of proceeding from node to node is called navigation . Nodes do not need to be on the same machine: links may point across machine boundaries. Having a world wide web implies some solutions must be found for problems such as different access protocols and different node content formats. These issues are addressed by our proposal.</p>
<p>Nodes can in principle also contain non-text information such as diagrams, pictures, sound, animation etc. The term hypermedia is simply the expansion of the hypertext idea to these other media. Where facilities already exist, we aim to allow graphics interchange, but in this project, we concentrate on the universal readership for text, rather than on graphics.</p>
<h2 id="applications">Applications</h2>
<p>The application of a universal hypertext system, once in place, will cover many areas such as document registration, on-line help, project documentation, news schemes and so on. It would be inappropriate for us (rather than those responsible) to suggest specific areas, but experiment online help, accelerator online help, assistance for computer center operators, and the dissemination of information by central services such as the user office and CN and ECP divisions are obvious candidates. WorldWideWeb (or W3 ) intends to cater for these services across the HEP community.</p>
</div>
</div>
<aside class="bt b--background bw1 nl3 nr3 ph3 mt5">
<h3 class="normal f1 mt5 work-sans-light mb4">Notes mentioning this note</h3>
<div class="flex flex-wrap">
<div class="w-50 flex">
<div class="shadow-solid-accent mb2 mr2 br4 pa3 flex flex-column">
<h4 class="mt0 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
<div class="f7 lh-copy mb3 flex-auto">The Hypertext Transfer Protocol (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation...</div>
<div class="f7 light-silver">/hypertext-transfer-protocol</div>
</div>
</div>
<div class="w-50 flex">
<div class="shadow-solid-accent mb2 mr2 br4 pa3 flex flex-column">
<h4 class="mt0 mb2"><a class="internal-link" href="/hypertext">Hypertext</a></h4>
<div class="f7 lh-copy mb3 flex-auto">Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the...</div>
<div class="f7 light-silver">/hypertext</div>
</div>
</div>
<div class="w-50 flex">
<div class="shadow-solid-accent mb2 mr2 br4 pa3 flex flex-column">
<h4 class="mt0 mb2"><a class="internal-link" href="/web-browser">Web Browser</a></h4>
<div class="f7 lh-copy mb3 flex-auto">A web browser (commonly referred to as a browser) is a software application for accessing the World Wide Web. When...</div>
<div class="f7 light-silver">/web-browser</div>
</div>
</div>
</div>
</aside>
</div>
<button id="note-expand" class="absolute top-1 pointer nr4 mt3 right-0 bg-background button-reset bn foreground-text "></button>
</article>
<div class="fixed top-0 right-0 w-50 vh-100">
<div id="graph-wrapper" class="relative vh-100 code f6">
<script>
window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"5230685265404876707487","target":"54003532995853691859"},{"source":"2455193638329872464","target":"14857"},{"source":"135879330265212010996","target":"1351050207728787"},{"source":"135879330265212010996","target":"139376232583985260057851086495"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"135879330265212010996","target":"12537461525184510083948912143790305013277"},{"source":"24831158218","target":"44486089850979"},{"source":"135879330265212010996","target":"1277273995756"},{"source":"54003532995853691859","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"2455193638329872464","target":"403333506966985812956264495103083930421"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1351050207728787","target":"30172798"},{"source":"1277273995756","target":"30172798"},{"source":"2624541068405932","target":"30172798"},{"source":"135879330265212010996","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1351050207728787","target":"3181528016773134152954"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"2455193638329872464","target":"81503731614520238"},{"source":"229320080329284392969231993","target":"81503731614520238"},{"source":"54003532995853691859","target":"2579652121850163"},{"source":"50678562032474","target":"2579652121850163"},{"source":"37307","target":"2579652121850163"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"108512332758102341","target":"2579652121850163"},{"source":"54003532995853691859","target":"2019378258741"},{"source":"14857","target":"2019378258741"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"94483477513940126"},{"source":"2455193638329872464","target":"94483477513940126"},{"source":"229320080329284392969231993","target":"94483477513940126"},{"source":"2455193638329872464","target":"2624541068405932"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"2455193638329872464","target":"36028"},{"source":"229320080329284392969231993","target":"36028"},{"source":"5230685265404876707487","target":"36028"},{"source":"2455193638329872464","target":"37307"},{"source":"2579652121850163","target":"37307"},{"source":"54003532995853691859","target":"3290301776931795"},{"source":"403333506966985812956264495103083930421","target":"3290301776931795"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"},{"source":"3290301776931795","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"54003532995853691859","path":"/beaker-browser","label":"Beaker Browser"},{"id":"14857","path":"/bgp","label":"BGP"},{"id":"1351050207728787","path":"/dawn","label":"Dawn Walker"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"12537461525184510083948912143790305013277","path":"/field-guide-to-the-digital-real","label":"Field Guide To The Digital Real"},{"id":"44486089850979","path":"/from-later","label":"From Later"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3
</script>
<div class="absolute bottom-1 right-1 shadow-solid-accent bg-background br4 pa3">
<p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
</div>
</div>
</div>
</div>
</main><footer>
</footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
<div class="hide-child foreground-text links-foreground-text">
<div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
<div id='tooltip-content' class="relative overflow-hidden note-contents">
</div>
<div id="tooltip-source" class="f7 light-silver"></div>
</div>
</div>
<script src="/assets/js/d3.v6.min.js"></script>
<script src="/assets/js/scripts.js?1618775262673410964"></script>
</body>
</html>