Course Plan - HackMD

--- title: Course Plan tags: course documents --- <style> body { overflow: hidden; } body > .ui-infobar, body > .ui-toc, body > .ui-affix-toc, body { display: none !important; } </style>   <table> <tr> <td>Wk </td> <td>Date </td> <td>Topics </td> <td>Assignments (Due the Following Week) </td> <td>Labs </td> <td>Slides & Recordings </td> </tr> <tr> <td>1 </td> <td>9/8 </td> <td>Intro Who Are We? Objectives, Mechanics, Assignments, Grading Why Are We Teaching This Course? What is Hypertext/Hypermedia? (Discussion) Examples of Hypertext Content & Systems Origins of Data and Information Processing Analog Hypertext Forerunners </td> <td>Reading <ul> <li> <a href="https://docs.google.com/document/d/1camJT_KLoGnAp4i4yuAPFMm6qutUYMpaqjYmfodz_3Q/">Missive</a> <li> <a href="https://docs.google.com/document/d/e/2PACX-1vQY5Hpm10Oj9D2xmm0mIzyDVG5oaXyBRc_T576Njd5n7emePU4lt1y-05dRa64XQiuxdyHeIFiEwiwr/pub">Syllabus</a> Reading & Annotation <ul> <li>[<a href="https://docs.google.com/document/d/e/2PACX-1vT4ObdiTE-IrAexCfA-3wrddOaa-vBKGmTmz2EGyEsGoH_WN-aB1PsFjMX-XS7zdOMURqEZPSO0JYBL/pub">Using Hypothes.is</a>] <a href="https://dl-acm-org.revproxy.brown.edu/doi/pdf/10.1145/227181.227186">As We May Think</a> Programming <ul> <li><a href="http://cs.brown.edu/courses/csci1951-v/assignments/assignment0.html">Assignment 0: Setup</a> Videos to Watch <ul> <li> <a href="https://youtu.be/bGGxdF0Pn4g?t=414">Intermedia Demo</a> [6:54 - 20:26] <li> <a href="https://www.notion.so/browndash/Interactive-Travel-Guide-ec40e6ad9b714561b4c69a481a6d9a6d">Dash Interactive Travel Guide</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </td> <td> </td> <td><a href="https://brown.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=a5c7fe6b-9bfd-4c4a-816c-ad9d0172f31b">Lecture Capture</a> <a href="https://1drv.ms/p/s!AnZtol0o-8buwOQrRAKD904ExUpSgQ?e=2FQJMO">Lecture Slides</a> <a href="https://1drv.ms/b/s!AnZtol0o-8buwOQuOS7wurhoCHZp5w?e=jgYqdG">Lecture PDF</a> </td> </tr> <tr> <td>2 </td> <td>9/15 </td> <td>Readings Discussion Hypertext Terminology Key Capabilities of Hypertext The Beginnings of Text Processing What Sparked Digital Hypertext? Digital Hypertext Pioneers Architecture Part I: Nodes </td> <td>Reading & Annotation ( Look at hypothes.is to see what parts to read and annotate) <a href="https://docs.google.com/document/d/e/2PACX-1vT4ObdiTE-IrAexCfA-3wrddOaa-vBKGmTmz2EGyEsGoH_WN-aB1PsFjMX-XS7zdOMURqEZPSO0JYBL/pub">Instructions</a> <ul> <li><a href="https://cs.brown.edu/people/nmeyrowi/LiteraryMachinesChapter2.pdf">Literary Machines</a> (1981 Edition) <li><a href="https://www.dougengelbart.org/content/view/140/">A research center for augmenting human intellect</a> (1968) -- Read sections 1 - 3 Videos <ul> <li>Watch <a href="https://www.dougengelbart.org/content/view/374/464/">excerpts</a> of “The Mother of All Demos” -- <a href="https://www.dougengelbart.org/content/view/374/464/#:~:text=NLS%20Editing%20%26%20View,on%20this%20later.">NLS Editing, NLS Hypermedia, Putting It to Work</a>, <a href="https://www.dougengelbart.org/content/view/374/464/#:~:text=3.%20Keyset%3A%20To,with%20both%20hands.">Keyset, Control Dialog</a>, <a href="https://www.dougengelbart.org/content/view/374/464/#:~:text=aid%20of%20sorts.-,USAGE,and%20%22Cold%22%20Retrieval%20where%20it%27s%20unknown%20%7C%20both%20direct%20and%20indirect,-ACTIVITIES">Usage</a> Programming <ul> <li>Lab 1: Nodes (9/16, 9/17) <li>Assignment 1: Nodes (Released 9/16, Due 9/27) </li> </ul> </li> </ul> </li> </ul> </td> <td>Lab 1: Nodes (9/16, 9/17) </td> <td><a href="https://1drv.ms/p/s!AnZtol0o-8buwORn0goiDcdE_6g7Ug?e=ej0Hiv">Lecture Slides</a> </td> </tr> <tr> <td>3 </td> <td>9/22 </td> <td>Thoughts on Intermedia & Dash (Discussion) Technical Evolution Leading to the Web Origins and Early History of World Wide Web Dimensions of Hypertext/Hypermedia </td> <td>Reading & Annotation (Look at hypothes.is to see what parts to read and annotate) Tim Berners-Lee’s 1989: <a href="https://www.w3.org/History/1989/proposal.html">Original WWW Proposal</a> Time Magazine 2001: <a href="http://content.time.com/time/magazine/article/0,9171,137689,00.html">The Man Who Invented the Web</a> Content Creation <ul> <li>Experiment with Hypertext in <a href="https://drive.google.com/file/d/1vpb2FulwFNLm7yuBmrm4ZjC_YCuMiKty/view?usp=sharing">Intermedia </a>(2 wks) <li>Build Hypermedia Corpus in Dash (2 wks) </li> </ul> </td> <td>Optional: How the Internet & Web Work Content Creation Lab: Dash/ Intermedia </td> <td> </td> </tr> <tr> <td>4 </td> <td>9/29 </td> <td>Engelbart, Berners-Lee papers (Discussion) Comparison of Systems - Radar Diagrams Architecture Part II: Anchors & Links </td> <td>Programming <ul> <li>Assignment 2: Anchors & Links (Released 9/30, Due 10/11) Content Creation <ul> <li> Collaborative Hypertext/Presentation Trails (Released 9/29, Due 10/13) </li> </ul> </li> </ul> </td> <td>Lab 2: Anchors & Links (9/30, 10/01) </td> <td> </td> </tr> <tr> <td>5 </td> <td>10/6 </td> <td>Types of Hypertext Systems, Part I “Dream”-based Frame/Screen/Card-based Systems Multi-card systems General-Purpose Programming-based Documentation-Oriented Transclusion-based Outliners Notetaking Systems </td> <td>Supplemental Reading (no annotation) <ul> <li><a href="https://hyp.is/jXwGWLZ8EeqKiz_ziCA0uQ/www.computer.org/csdl/pds/api/csdl/proceedings/download-article/12OmNCd2rqa/pdf">Concordia</a> </li> </ul> </td> <td> </td> <td> </td> </tr> <tr> <td>6 </td> <td>10/13 </td> <td>Dash Presentations Architecture Part III Anchor Tracking & Editable Nodes </td> <td>Programming <ul> <li>Assignment 3: Editable Nodes & Anchor Tracking (Released 10/14, Due 10/25) </li> </ul> </td> <td>Lab 3: Editable Nodes(10/14, 10/15) </td> <td> </td> </tr> <tr> <td>7 </td> <td>10/20 </td> <td>Competitive Analysis Architecture Part IV Animation & Hypermedia Temporal Hypermedia Interactive Video </td> <td>Writing <a href="https://drive.google.com/file/d/1JWIkzU8QB2fYcfYdTZXZslvrGiwjXPcH/view">Notetaking - Competitive Analysis </a> <ul> <li>Released 10/20, Due 10/27 </li> </ul> </td> <td> </td> <td> </td> </tr> <tr> <td>8 </td> <td>10/27 </td> <td>Competitive Analysis Discussion Annotation Metadata Visualizing Links Search/Filtering/Viewspecs Search Architecture </td> <td>Supplemental Reading (no annotation) <a href="https://dl-acm-org.revproxy.brown.edu/doi/pdf/10.1145/345966.346021">Three Dimensional Visualization of the WWW</a> Advanced Search ArchitectureProgramming <ul> <li>Assignment 4: Additional Hypertext Features (Released 10/28, Due 11/8) </li> </ul> </td> <td>Lab 4: Additional Hypertext Features (10/28, 10/29) </td> <td> </td> </tr> <tr> <td>9 </td> <td>11/3 </td> <td>Advanced Search Architecture Collaborative Content Demos Types of Hypertext Systems, Part II Locative Spatial Wikis Blogs Shared Board Systems Graphs/Mindmaps/Concept Maps/Argumentation Google Apps Generated Hypertext/Content Mgmt Website Builders Hybrid (e.g., Wordpress) </td> <td>Read and Annotate <a href="https://www.theatlantic.com/technology/archive/2021/06/the-internet-is-a-collective-hallucination/619320/?utm_source=DamnInteresting">The Atlantic: The Internet is Rotting</a> Supplemental Reading (no annotations) <a href="https://static.googleusercontent.com/media/research.google.com/en//pubs/archive/37043.pdf">Indexing The World Wide Web: The Journey So Far</a> ( Seminal Paper on Google Search) </td> <td> </td> <td> </td> </tr> <tr> <td>10 </td> <td>11/10 </td> <td>Discussion (Addressing & Permanence) Architecture Part V Addressing & Permanence Versioning, Transfer, and Exchange Collaboration </td> <td>Read and Annotate <ul> <li><a href="https://users.dcc.uchile.cl/~cgutierr/cursos/IC/semantic-web.pdf">The Semantic Web (Seminal Article)</a> <a href="https://twobithistory.org/2018/05/27/semantic-web.html#annotations:H-vXgs1UEequrW_k1f_VDQ">Whatever Happened to the Semantic Web?</a> Final Project <ul> <li>Deliverable 0: Group Formation </li> </ul> </li> </ul> </td> <td> </td> <td> </td> </tr> <tr> <td>11 </td> <td>11/17 </td> <td>The Semantic Web Advertising Invited Speaker: Dennis Buchheim Tracking of Individuals The Distributed Web of the Future </td> <td>Final Project <ul> <li>Deliverable 1: System Description and mockups Watch <ul> <li>The Social Dilemma </li> </ul> </li> </ul> </td> <td> </td> <td> </td> </tr> <tr> <td>12 </td> <td>12/1 </td> <td>Discussion Societal Implications Part I Invited Speaker: danah boyd </td> <td>Final Project <ul> <li>Deliverable 2: Backend and setup </li> </ul> </td> <td> </td> <td> </td> </tr> <tr> <td>13 </td> <td>12/8 </td> <td>Societal Implications Part I Review Conclusion Where We Are Now? What Have We Learned? Where Do We Go From Here? </td> <td>Final Project <ul> <li>Deliverable 3: Frontend and testing </li> </ul> </td> <td> </td> <td> </td> </tr> <tr> <td>14 </td> <td>12/14 </td> <td>Final Project Presentations Final Words </td> <td>Final Project <ul> <li> Deliverable 4: Presentation and Demo </li> </ul> </td> <td> </td> <td> </td> </tr> </table>