Informationsdarstellung im Internet Klaus Becker 2008

  • View
    106

  • Download
    3

Embed Size (px)

Transcript

  • Folie 1
  • Informationsdarstellung im Internet Klaus Becker 2008
  • Folie 2
  • 2 Darstellung von Information Endlich fngt der neue Weiterbildungskurs Informatik an. Der neue Weiterbildungskurs Informatik fngt an. Information Reprsentieren Darstellen Interpretieren Deuten... Der neue Weiterbildungskurs Informatik fngt an. :-)... Verarbeiten und bertragen Daten
  • Folie 3
  • 3 Teil 1 WWW Informationssystem im Internet
  • Folie 4
  • 4 Aufgabe Auf den folgenden Internetseiten finden Sie Informationen zum Schulfach Informatik in Rheinland-Pfalz. Schauen Sie sich kurz auf diesen Seiten um und klren Sie dabei, welche Informationen hier jeweils zu finden sind. http://informatik.bildung-rp.de/index.html http://www.informatik-lehren.de/index.html http://www.hsg-kl.de/faecher/inf/index.php http://inf.burg-kl.de/index.php
  • Folie 5
  • 5 Internet Das Internet ist ein weltweites Netzwerk einzelner voneinander unabhngiger Computer, die ber ein System von Datenverbindungen miteinander gekoppelt sind. Es dient der elektronischen Kommunikation und dem Austausch von Informationen. (Wikipedia) www.cybergeography.org
  • Folie 6
  • 6 WWW Umgangssprachlich wird hufig die Bezeichnung World Wide Web als Synonym fr das Internet verwendet. Das World Wide Web ist jedoch nur eine von mehreren Anwendungen des Internets. (Wikipedia) Das World Wide Web (kurz das Web oder WWW) ist ein Hypertext-System, das ber das Internet abgerufen werden kann. (Wikipedia) WWW bezeichnet eigentlich eine Technologie, die in der Lage ist, ein verteiltes, Internet-basiertes Hypermedia-Dokumentenmodell zu implementieren. (Meinel, Sack: WWW. Springer 2004) WWW: integrativer Hypermedia-basierter Informationsdienst (Meinel, Sack: WWW. Springer 2004) Arbeitsdefinition: WWW: Abkrzung fr World Wide Web, ein mchtiges Informationssystem auf Hypertext-Basis im Internet. (Duden Informatik)
  • Folie 7
  • 7 Hypermedia-System Verweis / Hyperlink Hypermedia- Dokument Datei Informationen sind im WWW in Dokumenten (mit Texten, Bildern, Audio-Sequenzen, Video- Clips, Animationen) dargestellt, die mit Hilfe von Verweisen miteinander verknpft sind. Ein solches System vernetzter Dokumente nennt man Hypermedia-System.
  • Folie 8
  • 8 Browser http://www.informatik-lehren.de/umsetzung/index.html http://informatik.bildung-rp.de/extern/service/lehrplaene.html Mit Hilfe eines Browsers kann der Benutzer auf das Informationsangebot des Hypermedia-Systems zugreifen. Der Browser ermglicht die Navigation innerhalb des Hypermedia-Systems und bereitet die Wiedergabe des Dokuments fr den Benutzer auf.
  • Folie 9
  • 9 Browser http://www.informatik-lehren.de/umsetzung/index.html http://informatik.bildung-rp.de/extern/service/lehrplaene.html Die Dokumente eines Hypermedia-Systems knnen auf verschiedenen Rechnern, die ber die gesamte Welt verteilt sind, gespeichert sein. Damit die Dokumente aufgefunden werden knnen, mssen sie ber Angaben wie Rechnername, Dokumentenname etc. identifizierbar sein.
  • Folie 10
  • 10 URL Uniform Resource Locator http://www.informatik-lehren.de/umsetzung/index.html http Protokoll Vereinbarungen ber den geordneten Ablauf der Kommunikation www.informatik-lehren.de Rechnername identifiziert den Rechner, auf dem das Dokument bereitgestellt wird umsetzung/index.html Dokumentenname beschreibt, (in welchem Verzeichnis und) in welcher Datei das Dokument auf dem Rechner zu finden ist Ein Dokument wird im WWW mit Hilfe einer sog. URL eindeutig beschrieben.
  • Folie 11
  • 11 Client-Server-Architektur Browser (Client) WWW-Server (Server) Fordert ein Dokument an Liefert das Dokument aus www.informatik-lehren.de umsetzung/ index.html http http://www.informatik-lehren.de/umsetzung/index.html
  • Folie 12
  • 12 http - hypertext transfer protocol Die Interaktion zwischen Client und Server erfolgt nach fest vorgegebenen Regeln. Das Hypertext Transfer Protocol legt diese Regeln fest. Der Browser erffnet die Verbindung zum WWW-Server und stellt das erhaltene Dokument dar. Der WWW-Server wartet auf eine Anfrage, liefert das Dokument (falls vorhanden) aus und beendet die Verbindung. Browser (Client) WWW-Server (Server) Fordert ein Dokument an Liefert das Dokument aus www.informatik-lehren.de umsetzung/ index.html http
  • Folie 13
  • 13 Teil 2 Strukturbeschreibung mit HTML
  • Folie 14
  • 14 Informationsdarstellung mit HTML... AG Informatik Rheinland-Pfalz... Die AG-Informatik des LMZ Rheinland-Pfalz stellt folgende Materialien bereit.... Hier gibt es interessante Unterrichtsmaterialien Darstellung mit der Auszeichnungssprache HTML Deutung eines Betrachters Grafische Aufbereitung durch den Browser
  • Folie 15
  • 15 Ein Blick hinter die Kulissen Die Beschreibung von Web-Seiten erfolgt mit Hilfe der Dokumentenbeschreibungssprache HTML (hypertext markup language). Der Browser interpretiert den HTML-Code, d. h. er erzeugt hieraus die Darstellung auf dem Bildschirm.
  • Folie 16
  • 16 Aufgabe Versuchen Sie, die Bedeutung mglichst vieler Bestandteile des gezeigten Quelltextes herauszufinden. Markieren und kommentieren Sie im Quelltext die Teile, die sie auf der Webseite wiederfinden.
  • Folie 17
  • 17 Strukturbeschreib. mit Auszeichnungen Hallo, ich heie Bailey! HTML steht fr hypertext markup language. HTML ist eine formale Sprache zur Beschreibung der Struktur von Webseiten mit Hilfe von Auszeichnungen. Diese Auszeichnungen dienen dazu, die Struktur der Seite zu beschreiben. berschriftAuszeichnung
  • Folie 18
  • 18 Miniprojekt "Steckbrief" Sie sollen eine einfache Webseite selbst erstellen. Informieren sie sich im Abschnitt "Exkurs - HTML" (siehe www.inf-schule.de - 1.2.4), wie so etwas geht. Auf dieser Webseite soll ein Steckbrief von Ihnen dargestellt werden. Der Steckbrief soll mindestens folgende Informationen enthalten: - Name, Vorname - Foto, auf dem Sie (halbwegs) zu erkennen sind - Verweis auf Ihre Schule - Umfang an Informatikkenntnissen - Informatikunterricht... z. B. Verweis auf den Wohnort... Speichern Sie die Webseite in folgendem Format ab: vorname_nachname.html z.B: martin_roelz.html silke_schneider.html doris_visser.html
  • Folie 19
  • 19 Elementstruktur Grundbausteine von HTML- Dokumenten sind die HTML- Elemente. Webseiten werden nach dem Baukastenprinzip aus HTML-Elementen zusammengesetzt.
  • Folie 20
  • 20 Steckbrief von Bailey Steckbrief Ich heie Bailey. Ich lebe in der Nhe von Kaiserslautern. Ich interessiere mich fr Agility-Sport. Meine Lieblingsdisziplinen sind: Sprung durch einen Reifen Lauf ber eine Wippe Slalomlauf zwischen Stangen Ich gehe jedes Wochenende zur Welpenschule. Elementstruktur Ein (HTML-)Element besteht aus einem ffnenden Tag, einem Inhalt und einem schlieenden Tag.
  • Folie 21
  • 21 Elementstruktur Die Elementstruktur kann mit Hilfe eines Baumes verdeutlicht werden.
  • Folie 22
  • 22 bungen siehe www.inf-schule.de
  • Folie 23
  • 23 Teil 3 Validierung von Webseiten
  • Folie 24
  • 24 Fehlerhafte Dokumente rtkl 3 (1) ll Mnschn snd vr dm Gstz glch. (2) Mnnr nd Frn snd glchbrchtgt. Dr Stt frdrt d ttschlch Drchstzng dr Glchbrchtgng vn Frn nd Mnnrn nd wrkt f d Bstgng bsthndr Nchtl hn. (3) Nmnd drf wgn sns Gschlchts, snr bstmmng, snr Rss, snr Sprch, snr Hmt nd Hrknft, sns Glbns, snr rlgsn dr pltschn nschngn bnchtlgt dr bvrzgt wrdn. Nmnd drf wgn snr Bhndrng bnchtlgt wrdn. Der folgende Text sieht auf den ersten Blick etwas merkwrdig aus. Knnen Sie ihn dennoch lesen und verstehen? Soll man Texte so schreiben - man versteht sie doch? Was spricht dagegen?
  • Folie 25
  • 25 Fehlerhafte Dokumente Grundrechte Artikel 3 Alle Menschen sind vor dem Gesetz gleich. Mnner und Frauen sind gleichberechtigt. Der Staat frdert die tatschliche Durchsetzung der Gleichberechtigung von Frauen und Mnnern und wirkt auf die Beseitigung bestehender Nachteile hin. Niemand darf wegen seines Geschlechtes, seiner Abstammung, seiner Rasse, seiner Sprache, seiner Heimat und Herkunft, seines Glaubens, seiner religisen oder politischen Anschauungen benachteiligt oder bevorzugt werden. Niemand darf wegen seiner Behinderung benachteiligt werden. Der folgende HTML-Text enthlt eine ganze Reihe von Fehlern. Welche? Kann ihr Browser ihn dennoch sinnvoll anzeigen? Versuch Sie es einmal. Soll man HTML-Quelltexte so salopp schreiben - der Browser versteht sie doch? Was spricht dagegen?
  • Folie 26 Steckbrief von Bailey Steckbrief Ich "> Steckbrief von Bailey Steckbrief Ich heie Bailey. Ich lebe in der Nhe von Kaiserslautern. Ich interessiere mich fr Agility-Sport. Meine Lieblingsdisziplinen sind: Sprung durch einen Reifen Lauf ber eine Wippe Slalomlauf zwischen Stangen Ich gehe jedes Wochenende zur Welpenschule. http://www.validome.org"> Steckbrief von Bailey Steckbrief Ich " title="26 Validierung Steckbrief von Bailey Steckbrief Ich ">
  • 26 Validierung Steckbrief von Bailey Steckbrief Ich heie Bailey. Ich lebe in der Nhe von Kaiserslautern. Ich interessiere mich fr Agility-Sport. Meine Lieblingsdisziplinen sind: Sprung durch einen Reifen Lauf ber eine Wippe Slalomlauf zwischen Stangen Ich gehe jedes Wochenende zur Welpenschule. http://www.validome.org
  • Folie 27 Steckbrief von Bailey... Dokumenttypd"> Steckbrief von Bailey... Dokumenttypdefinition Ein HTML-Dokument nennt man valide bzw. gltig bzgl. einer Dokumenttypdefinition, wenn