Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Übung 2: Internet und HTML, v2
Wie gross und schwer ist das Internet? Aufgabe 1 Schauen Sie sich die Videodatei auf Youtube an Aufgabe 2 Recherchieren Sie und versuchen Sie folgende Fragen zu beantworten: Wie viele Websites gibt es weltweit? Wie viele Webserver gibt es weltweit? 2
Aufgabe 3 Schauen Sie sich ein Google Datacenter mit Street View an Versuchen Sie herauszufinden, wie viele Server sich in einem Datacenter befinden und wie viel Strom verbraucht wird. Schauen Sie sich die Animation 1 Sekunde im Internet an Aufgabe 4 Schauen Sie sich bitte die Videosequenz an: Wie schwer ist das Internet? Aufgabe 5 Bitte platzieren Sie einige interessante Erkenntnisse zu obigen Themen im Blog. 3
IP Adressen und DNS Aufgabe 1: IP Adresse Finden Sie Ihre aktuelle IP-Adresse sowie diejenigen der HTW Chur, der NZZ und von Google Schweiz heraus. Gehen Sie nach dem Leitfaden vor. Aufgabe 2: Domain Name Server Ein Domain Name Server ist ein Dienst, welcher die zugehörige IP Adresse zu einer Domain kennt und in beide Richtungen übersetzen kann. Wie heissen die Domain Name Server der HTW Chur, der NZZ und von Google? Sie können diesen oder diesen Dienst verwenden. 4
Aufgabe 3: MAC Adresse Finden Sie die MAC Adresse(n) Ihrer Netzwerkkarte(n) heraus Herausfinden auf Mac Herausfinden auf Windows: Start > cmd.exe > ipconfig /all Aufgabe 4: Blog Bitte platzieren Sie einige interessante Informationen zu obigen Themen im Blog. 5
Technologien Laufend kommen neue Technologien auf den Markt. Gewissen sind in Entwicklung, andere auf dem absteigenden Ast. Die Plattform «Gartner's Hype Cycle for Emerging Technologies» bietet dazu Informationen, weitere findet man im Horizon Project. Aufgabe 1 Picken Sie 2-3 Web- Technologien heraus, lesen und recherchieren Sie darüber => In einer späteren Übung werden Sie eine Technologie als WIKI-Artikel in einer Gruppenarbeit umsetzen 6
Aufgabe 2: Kickstarter Jungunternehmer, kreative Köpfe und Tüftler haben die Möglichkeit, für ihre Projekte Geld auf der Plattform Kickstarter zu sammeln. Identifizieren Sie einige spannende Web-Technologie-Projekte und beobachten Sie deren Entwicklung in den nächsten Wochen. Aufgabe 3: Blog Bitte platzieren Sie einige interessante Informationen zu obigen Themen im Blog. 7
HTML Aufgabe 1 Schauen Sie sich die Videodatei mit dem Thema der Links an Erstellen Sie folgende Struktur auf Ihrer Festplatte: Erstellen Sie folgende HTML-Dateien: - oberster Ordner («root»): index.html - html Ordner: team.html, produkte.html, dienstleistungen.html 8
Struktur der Seiten 9
Aufgabe 2 Bauen Sie eine Navigation, dass Sie von jeder Seite zu jeder Seite und wieder zurück springen können. Bauen Sie eine Navigation innerhalb einer Seite mit viel Text: 10
Aufgabe 3 Analysieren Sie die Dateistruktur (Pfade und Dateinamen) einiger Websites: Rausch Shampoo, Rivella und Hotel Rebleuten Chur Aufgabe 4 Im dritten Kapitel «Internet» der Vorlesung ist auf Seite 18 von verschiedenen Dokumenttypen die Rede (Details auch auf Seite 225 im Buch): <!doctype html> Nehmen Sie fünf Websites (zum Beispiel NZZ, BAZ, HTW Chur, Google etc.) und vergleichen Sie die Dokumenttypen. Was sind Ihre Schlussfolgerungen? 11
Aufgabe 5 Der Titel in einem HTML Dokument (<title>) beschreibt eine Website und sollte aussagekräftig sein Nehmen Sie fünf Websites und vergleichen Sie die Titel. Wie aussagekräftig sind die Titel? Wie viele Dokumente gibt es im Internet mit den Titeln mit Unbenanntes Dokument oder Untitled document? 12
Aufgabe 6 Bitte platzieren Sie einige interessante Ergebnisse zu obigen Themen im Blog. 13
Wiki In der nächsten Übungsstunde werde ich Ihnen zeigen, wie man ein eigenes Wiki baut. Aufgabe Ausgehend vom Kapitel «Technologien» in dieser Übung überlegen Sie sich, mit wem Sie den Wiki-Eintrag bauen möchten (Gruppenarbeit mit 2-4 Studierenden pro Gruppe) welches Ihr Thema sein wird. 14