Seite anzeigenÄltere VersionenLinks hierherNach oben Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt. ====== Das Web und das Internet ====== {{ youtube>ToHBZJ5uwAk }} ==== Begriffsklärung ==== In unserer Umgangssprache sowie in diesem oben verlinkten Film ist das Wort "Internet" gleichgesetzt mit "Web". Dem ist aber nicht so, das **Internet** sollte nicht verwechselt werden mit dem Worldwide Web. Diese beiden Begriffe sind keine Synonyme. Das Internet ist das <color #ff7f27> physische Netzwerk</color>, welches Computer (und Server…) verbindet und damit auch die Normen, wie Daten durch das Netz geleitet werden.\\ Das **Worldwide Web** (oder kurz Web genannt) hingegen ist eine <color #ff7f27>Anwendung</color>, die auf diesem Netzwerk bzw. über dieses Netzwerk ausgeführt wird. Es ist eine Sammlung von Seiten, Dokumenten und Ressourcen, welche alle miteinander über einem «Web» von Hyperlinks und Adressen verknüpft (verlinkt) sind.\\ ==== Das Internet, das Web und die Anfänge ==== Das Internet und somit auch das Web ist heutzutage nicht mehr wegzudenken. Doch wie begann alles und seit wann?\\ **1969** begannen Forschende aus Standford und anderen Universitäten, Computer miteinander zu vernetzen, dieses Netzwerk hiess „**ARPANET**“. Das ursprüngliche Ziel war es, ein dezentrales Netzwerk zu schaffen und die knappen Rechenkapazitäten sinnvoll zu nutzen und Universitäten und Forschungseinrichtungen, die für das Verteidigungsministerium der Vereinigten Staaten forschten, miteinander zu verbinden. Es war das erste Netzwerk, welches die Daten (Informationen) mit Hilfe der Paketvermittlung übertrug, genutzt wurde das bestehende Telefonleitungsnetz. \\ [[https://upload.wikimedia.org/wikipedia/commons/b/bf/Arpanet_logical_map%2C_march_1977.png|Das kleine ARPA-Netzwerk]] {{ :gf1:nsfnet.png?direct&400| Das Arpanet}}\\ ===== Was war bahnbrechend? ===== <color #ff7f27>Revolutionär</color> und sicher auch ausschlaggebend waren die folgenden beiden Ideen. \\ Zum einen war dieses Netzwerk <color #ff7f27>dezentral</color>. Es zeichnet sich durch mehrfache Verbindungen aus und auch nach dem Ausfall eines oder mehrerer Knoten im Netzwerk ist eine Kommunikation zwischen den verbliebenen Knoten weiterhin möglich. \\ Zudem wurde auch der Datenaustausch neu überdacht. Hier wurde die Information (Datenströme) erstmals in eigenständige (voneinander für die Sendung unabhängige) <color #ff7f27>Datenpakete</color> aufgeteilt. Die Pakete können so unterschiedliche Wege zwischen Sender und Empfänger durchlaufen. Dies gewährt eine hohe Ausfallsicherheit. \\ Einen Film mit weiterführenden Informationen: [[https://www.youtube.com/watch?v=Cg_XeRSD6Rg&ab_channel=ArlingtonCountyGovernment|Zusatz: Doku-Video]] \\ In den **80er Jahren** wurde ARPANET von **NSFNET** (National Science Foundation Network) übernommen. Mittlerweilen gab es viele kleine Netzwerke von Universitäten und Forschungsgebieten in Frankreich, England und andere. Diese Netzwerke waren alle für die Nutzer gratis, werbefrei und nur für akademische Forschungsprojekte ausgelegt. Das Nutzen dieser Netzwerke gehörte einiges an Wissen dazu, die Netzwerke waren alles andere als bedienerfreundlich.\\ **Tim Berners-Lee** arbeitete am [[https://www.weltmaschine.de/cern_und_lhc/lhc/zahlen_und_fakten | CERN]] {{ :gf1:cern.png?direct&400|Online Daten der Rechnern vom CERN}}in der Schweiz und nutzte das NSFNET zur Zusammenarbeit und den Austausch von Forschungsergebnissen mit anderen Forschungslaboren. Er entwickelte (später zusammen mit Robert Caillau) ein Konzept. Dies war auf Servern, Links und Browsern basiert und beruhte auf Seiten, die auf mehreren Servern weltweit geführt werden. Hyperlinks verwiesen auf die verschiedenen Server und konnten erstmals mithilfe von Browsern überall aufgerufen werden. Die Bedienerfreundlichkeit wurde dadurch mit einem Mal enorm gesteigert. Das <color #ff7f27>Navigieren</color> geschah neu über die <color #ff7f27>Hyperlinks per Mausklick</color>. Die Webdokumente (später Webseiten) wurden mit der neu geschaffenen HTML (Hypertext Markup Language), einer Abbildungssprache. \\ Weitere Informationen finden Sie [[https://home.web.cern.ch/science/computing/birth-web/short-history-web|hier]]. Eine der ersten Websites finden Sie [[http://info.cern.ch |hier ]]. Ein Video mit erstem Browser und dem damalig aktuellen Computer finden Sie [[https://youtu.be/3c3Rt6QbHDw | Computer, Browser und eine der ersten Websites.]]. <WRAP nicebox green> **Aufgabe 1 - Chronologie** Arbeiten Sie sich durch die [[https://learningapps.org/watch?v=pg9t8j3c322| APP]].\\ <hidden> <accordion> <panel title="Links zu Lösungen"> **Lösungen: Links dazu finden Sie hier** |Tim Berners-Lee und das WWW (1990) |https://whoswho.de/bio/tim-berners-lee.html | |Sputnik (1957)| https://de.wikipedia.org/wiki/Sputnik_1 | |Netzwerk „ARPANET“ (1968)|https://de.wikipedia.org/wiki/Arpanet| |Der erste Tweet (2006)|https://www.faz.net/aktuell/finanzen/2-9-millionen-dollar-fuer-den-ersten-tweet-von-twitter-chef-jack-dorsey-17258860.html | |Die erste E-Mail (1971)| https://web.de/email/tipps/posts/geschichte-der-email/87/ |Das erste Smartphone (1994)|https://www.computerbild.de/artikel/cb-News-Handy-Smartphone-Evolution-Geschichte-16119687.html | |Der Millennium Bug (2000)|https://www.netzwelt.de/news/175258-millenium-bug-schlaegt-ueck-neujahr-2020-tausende-computersysteme-ausfielen.html | |Wikipedia (2001)|| </panel> </accordion> </hidden> </WRAP> <WRAP nicebox green> **Aufgabe 2 - CERN** Beantworten Sie die folgenden Fragen, diese können auch mit Hilfe des Webs beantwortet werden! - Was wird im CERN erforscht? - Wie viel Datenspeicherplatz bietet das CERN? - Warum ist so viel Speicherplatz nötig? - Was an Informationen kann aus der [[https://line-mode.cern.ch/www/hypertext/WWW/TheProject.html |Simulation]] gezogen werden? [[ https://home.cern/science/computing/data-centre|Hier]] gibts neben einer aktuellen Auslastung der Rechenleistung noch das Video einer Drohne, die durch diese Rechenzentren fliegt. 8-) \\ [[https://www.weltderphysik.de/gebiet/teilchen/cern/ |Hier]] finden Sie im unteren Teil der Website einen Abriss der Geschichte des CERN. </WRAP> ==== Client-Server Modell ==== {{ :gf1:internet5_v3.jpg?direct&250|}} {{ youtube>fZdwOm-6rvs }} Wie wir bereits gesehen haben, ist das Web nicht dasselbe wie das Internet, sondern nur ein Teil (ein Dienst) davon. Wenn wir einen Browser öffnen (zum Beispiel Firefox, Safari oder Chrome oder andere) und eine Webadresse eingeben, dann surfen wir im Web. Aber was genau passiert, wenn man in einem Browser eine Webadresse (zum Beispiel www.cscfr.ch) eingibt? Wenn Sie Web surfen, dann benutzen Sie dazu typischerweise einen Browser (wie Firefox, Chrome, Safari oder andere). Ein Browser ist vereinfacht gesagt eine Software, die zur graphischen Darstellung der Informationen (Website) des Internets dient. === Client-Server === Das Web basiert auf einem Client-Server-Modell. Dabei ist ein Browser ein Client, der eine Webseite von einem Server anfordert. Ein Server ist ein Computer, welcher durch eine Software Dienste, Daten, Funktionen und andere Ressourcen bereitstellt, damit andere Geräte (Clients) über ein Netzwerk (auch über das Internet) darauf zugreifen können. Wenn nun ein Client eine Anfrage stellt, dann reagiert der Server auf diese Anfrage und sendet die betreffende HTML-Datei. Der Inhalt jeder Anfrage an einen Server wird durch ein Kommunikationsprotokoll bestimmt, fast immer ist dieses Protokoll das http – Hypertext Transfer Protocol. In einzelnen Schritte kurz erklärt: === 1. Anfrage des Nutzers via URL === Zuerst wird die URL der Website in die Adresszeile des Internetbrowsers eingegeben. (URL bedeutet Uniform Resource Locator.) Diese URL enthält die Adresse der angeforderten Seite, mit welcher der Webserver (oder auch Host genannt) der die Webseite speichert, gefunden werden kann. {{ :gf1:internet4.png?direct&450|}} Die Website wird aufgefordert und dies geschieht durch eine Anfrage (Request) an einen Router. Die die Nachricht wird via Internet an den Ziel-Webserver weiterleitet. Der Webserver sendet dann eine Antwort zurück an den Computer, der die URL angefordert hat. === 2. Die Website suchen === Mit dem Domain-Name-System-Protokoll DNS wandelt der Browser den für uns Menschen lesbareren Text in eine IP Adresse um, Anhand dieser Adresse suchen die Router dann einen Weg zu dem Webserver. Die Anfrage wird oft über viele Router weitergegeben, bevor sie den Ziel-Server erreicht. === 3. Die Website wird auf der Hardware des Nutzers angezeigt. === Der Webserver empfängt die Anfrage und gibt eine HTML-Datei an den Browser zurück. Dieser liest die Inhalte des HTML-Dokuments und zeigt dies am Bildschirm an. [[ https://www.youtube.com/watch?v=e9FJPnFQWi8&ab_channel=SRFKids | Erklärvideo : Wie funktioniert das Internet]] <WRAP nicebox green> **Aufgabe 3 - Der Weg zur Website**\\ Überprüfen Sie durch die [[https://learningapps.org/watch?v=pnfy3f05v22| APP]], ob sie das Wichtigste verstanden haben. \\ **Zusatzaufgabe Aufgabe 4 - Dezentrale Netzwerke** \\ Die folgenden beiden Bilder unten zeigen jeweils sieben Router, die unterschiedlich miteinander vernetzt sind. | {{ :gf1:netz1.png?direct&200 | }} | {{ :gf1:netz2.png?direct&200 | }} | - Geben Sie für jedes die beiden Netzwerke an, welche Router mindestens ausfallen müssen, sodass keinerlei Kommunikation mehr stattfinden kann. - Geben Sie für jedes der beiden Netzwerke an, zwischen welchen Netzen die Verbindung mindestens ausfallen müsste, damit nicht mehr jeder Router erreichbar wäre. - Beschreiben Sie den Ausdruck "dezentral" in eigenen Worten. Ist das Web wirklich dezentral organisiert? Zusätzliches Wissen gibt durch dieses [[https://www.youtube.com/watch?v=LhSaqWniSac&ab_channel=MrWissen2go | Video]]. </WRAP> ==== Protokolle sind nötig==== Ein **Protokoll** ist ein Regelsatz, der die **Kommunikation** zwischen zwei Einheiten oder hier technischen Ebenen bestimmt. Webprotokolle regeln die Kommunikation zwischen einem Client-Browser und einem Webserver. Netzprotokolle sind aus mehreren Schichten aufgebaut und jede Schicht dient einem bestimmten Zweck und ist sowohl bei Absender als auch beim Empfängerhost vorhanden. HTTP ist ein Protokoll, das beschreibt, wie ein Client seine Anfrage und wie der Server seine Antwort darauf formatieren und senden kann. \\ \\ <color #7092be>** Das DNS (Domain Name System)**</color> \\ Wie bereits erwähnt ist das DNS nötig, um die im Browser übergebene Adresse einer Website oder ähnliches einer IP-Adresse zuzuordnen. Anhand der IP-Adresse wird der Ziel Sever gesucht und gefunden.\\ Ohne DNS wäre es nicht möglich, im Web zu surfen, da es keine "Zuordnung" zwischen den www-Adressen und den IP-Adressen geben würde und so keine Seiten abgefragt werden könnten. Die Anfragen würden an falsche Seiten weitergeleitet, Dokumente oder auch Mails könnten abgefangen werden und so weiter. Somit brauchte es ab den 90er Jahren eine zusätzliche Sicherheitsebene, die DNSSEC (Domain Name System Security Extensions). Vereinfacht formuliert, setzt DNSSEC digitale Signaturen mit denen große Teile des Internet-Telefonbuchs (DNS) unterschrieben werden. Diese Unterschrift kann bei jedem Abruf einer Website (vom Provider des Internetnutzers) überprüft werden. Der Provider (Internetdienstanbieter) erkennt dann, ob die Daten, die an den Nutzer gesendet werden, vom richtigen Server kommen und ob sie unterwegs manipuliert wurden – und bricht die Anfrage gegebenenfalls ab, um den Nutzer zu schützen. \\ Vier Mal im Jahr treffen sich die sog. Crypto Officiers im kleinen Ort Culpeper im US-Bundesstaat Virginia. Hier gibt es eines von mehreren gut gesicherten Rechenzentren, ähnlich einem Hochsicherheitstrakt eines Gefängnisses. Alle drei Monate treffen sich 14 Menschen aus aller Welt mit dem Auftrag, das Web vor technischen Schaden zu bewahren. Das Herzstück von DNSSEC sind (kryptografische) Schlüssel, die zum Erstellen der Signaturen notwendig sind.\\ <accordion> <panel title="Interessante Links und Videos zu diesem Thema"> Links\\ [[https://www.icann.org/resources/pages/what-2012-02-25-en|ICANN]] [[https://www.youtube.com/watch?v=fUJM9tTvCG4&ab_channel=TheGuardian| Video einer DNS-Zeremonie]] [[https://jng15.medium.com/what-is-the-domain-name-system-dns-how-does-it-work-85f219a2c060|DNS - Serverabfrage beschrieben]] </panel> </accordion> <WRAP nicebox green> **Aufgabe 5** \\ Informieren Sie sich kurz, was genau so wichtig ist an DNS und diskutieren Sie zu zweit, was wäre, wenn es kein oder ein viel lascheres DNS gäbe. Was wären die Konsequenzen? Die beiden Links dazu helfen: \\ * [[https://www.vice.com/de/article/nz783q/der-krypto-schluessel-der-das-internet-schuetzt-wird-das-erste-mal-geaendert|Wenn der Schlüssel geändert wird]] * [[https://www.srf.ch/radio-srf-3/digital-internet-blackout-in-china| Der politische Aspekt]] </WRAP> \\ \\ <color #7092be>**URL-Adressstruktur**</color>\\ URL bedeutet wie bereits erwähnt Uniform Ressource Locator, frei übersetzt eine festgelegte Struktur, die Zieladresse bzw. den Zielserver anzugeben. Eine URL-Adresse ist somit immer gleich aufgebaut. Hierbei kann das Übertragungsprotokoll (http oder https), der Servername sowie der Ort und Name der HTLM-Datei immer direkt herausgelesen werden. Ein Beispiel {{ :gf1:urladresse.png?direct&600 | }} Wird keine Datei angegeben, dann wählt der Server die Datei index.html, die Startseite. <WRAP nicebox green> **Aufgabe - URL** \\ Zerlegen Sie die URL-Adresse in ihre Bestandteile und notieren Sie jeweils die Bedeutung der einzelnen Bestandteile. - <code> https://www.cscfr.ch/images/stories/media/22-08-25_Liste_changements_importants-B.pdf </code> - <code> https://www.fribourgregion.ch/en/index.html/ </code> - <code> https://www.fribourgregion.ch/de/freiburg/aktivitaeten/picknickplatz-zahringerbrucke/?g=4524&slug=picknickplaetze </code> </WRAP> [[gf1:start|Zurück zur Startseite]] gf1/web.txt Zuletzt geändert: 2024/12/08 16:52von marroc