{"id":2169,"date":"2010-10-29T04:07:24","date_gmt":"2010-10-29T08:07:24","guid":{"rendered":"http:\/\/richard.rathe.org\/"},"modified":"2010-10-29T11:20:28","modified_gmt":"2010-10-29T15:20:28","slug":"hypertext-before-the-world-wide-web","status":"publish","type":"page","link":"https:\/\/redmangrove.org\/rathe.org\/richard\/hypertext-before-the-world-wide-web","title":{"rendered":"Hypertext Before the World Wide Web"},"content":{"rendered":"<p>When I was a resident in 1988 I wrote a bit of software called <strong>HYTEXT<\/strong>\u2014a hypertext publishing system for MS-DOS computers. I knew nothing about networks at the time, but I did create a <strong>mark-up language<\/strong> that anticipates HTML in many ways. I recently came across a paper copy of my original documentation and thought it would be a good idea to reproduce a few pages here for posterity. The original program and documentation are on 5.25 inch floppy discs that I have no way to read. But <a href=\"http:\/\/cd.textfiles.com\/pcsig08\/1201_300\/DISK1234\/HYTDOC.HTX\" target=\"_blank\">I googled it and found my 22 year old file online!<\/a> So the circle is complete.<\/p>\n<p>Here is my representation of two &#8220;web pages&#8221; displayed on a <strong>80 column by 24 line<\/strong> (!)\u00a0monochrome display&#8230;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-display.gif\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2173\" title=\"hytext-display\" src=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-display.gif\" alt=\"\" width=\"469\" height=\"614\" srcset=\"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-display.gif 782w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-display-114x150.gif 114w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-display-190x250.gif 190w\" sizes=\"auto, (max-width: 469px) 85vw, 469px\" \/><\/a><\/p>\n<p>I called these pages &#8220;<strong>Topics<\/strong>&#8221; and you could scroll them 12 lines at a time using the Page\u00a0Up and Page Down keys. You navigated the links using the <strong>arrow keys<\/strong> and pressing Enter. This is very similar to <strong>text-only browsers<\/strong> still in use today (such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/Lynx_(web_browser)\" target=\"_blank\">Lynx<\/a>). In addition there were two means of showing additional information without jumping to another topic. <strong>Popup Cards<\/strong> contained brief annotations and definitions, very similar to the &#8220;<strong>hover box<\/strong>&#8221; commonly used on Web pages today. <strong>Expansion Text<\/strong> allowed the author to <strong>hide lines of text<\/strong> that would only appear if the user pressed a special key. Again this technique is frequently used on Websites to <strong>compress content<\/strong> for easier \u00a0scanning\/browsing. Here is a conceptual diagram of how it worked&#8230;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-objects.gif\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2176\" title=\"hytext-objects\" src=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-objects.gif\" alt=\"\" width=\"469\" height=\"614\" srcset=\"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-objects.gif 782w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-objects-114x150.gif 114w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-objects-190x250.gif 190w\" sizes=\"auto, (max-width: 469px) 85vw, 469px\" \/><\/a><\/p>\n<p>Notice the hooks for <strong>external files<\/strong> and <strong>programs<\/strong>. The next version added direct calls to the OS for directory listing, etc. The complete package came with a <strong>runtime module<\/strong> and could produce <strong>stand-alone hypertext books<\/strong>.<\/p>\n<p>Finally, I coined the concept of &#8220;Hypertesting&#8221; by assigning weights to each link and controlling backward navigation&#8230;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-testing.gif\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2178\" title=\"hytext-testing\" src=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-testing.gif\" alt=\"\" width=\"469\" height=\"614\" srcset=\"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-testing.gif 782w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-testing-114x150.gif 114w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-testing-190x250.gif 190w\" sizes=\"auto, (max-width: 469px) 85vw, 469px\" \/><\/a><\/p>\n<p>Here are a few other selected pages of original documentation&#8230;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-cover.gif\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2172\" title=\"hytext-cover\" src=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-cover-190x250.gif\" alt=\"\" width=\"190\" height=\"250\" srcset=\"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-cover-190x250.gif 190w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-cover-114x150.gif 114w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-cover.gif 782w\" sizes=\"auto, (max-width: 190px) 85vw, 190px\" \/><\/a><span style=\"text-decoration: underline;\"> <\/span><a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-intro.gif\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2175\" title=\"hytext-intro\" src=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-intro-190x250.gif\" alt=\"\" width=\"190\" height=\"250\" srcset=\"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-intro-190x250.gif 190w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-intro-114x150.gif 114w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-intro.gif 782w\" sizes=\"auto, (max-width: 190px) 85vw, 190px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-overview.gif\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2177\" title=\"hytext-overview\" src=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-overview-190x250.gif\" alt=\"\" width=\"190\" height=\"250\" srcset=\"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-overview-190x250.gif 190w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-overview-114x150.gif 114w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-overview.gif 782w\" sizes=\"auto, (max-width: 190px) 85vw, 190px\" \/><\/a><span style=\"text-decoration: underline;\"> <\/span><a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-files.gif\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2174\" title=\"hytext-files\" src=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytext-files-190x250.gif\" alt=\"\" width=\"190\" height=\"250\" srcset=\"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-files-190x250.gif 190w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-files-114x150.gif 114w, https:\/\/redmangrove.org\/rathe.org\/richard\/wp-content\/uploads\/2010\/10\/hytext-files.gif 782w\" sizes=\"auto, (max-width: 190px) 85vw, 190px\" \/><\/a><\/p>\n<p>And links to two hypertext documents I created:\u00a0<a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/hytdoc_htx.txt\" target=\"_blank\">hytdoc.htx<\/a> and <a href=\"http:\/\/richard.rathe.org\/wp-content\/uploads\/2010\/10\/msdos_htx.txt\" target=\"_blank\">msdos.htx<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When I was a resident in 1988 I wrote a bit of software called HYTEXT\u2014a hypertext publishing system for MS-DOS computers. I knew nothing about networks at the time, but I did create a mark-up language that anticipates HTML in many ways. I recently came across a paper copy of my original documentation and thought &hellip; <a href=\"https:\/\/redmangrove.org\/rathe.org\/richard\/hypertext-before-the-world-wide-web\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Hypertext Before the World Wide Web&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/pages\/2169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/comments?post=2169"}],"version-history":[{"count":12,"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/pages\/2169\/revisions"}],"predecessor-version":[{"id":2171,"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/pages\/2169\/revisions\/2171"}],"wp:attachment":[{"href":"https:\/\/redmangrove.org\/rathe.org\/richard\/wp-json\/wp\/v2\/media?parent=2169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}