WEBVTT 00:00.000 --> 00:05.420 Ich begrüße Sie zur weiteren Fortsetzung von Angewandte Informatik 2. 00:06.000 --> 00:09.440 Letztes Mal haben wir uns beschäftigt, und ich musste eines noch 00:09.440 --> 00:15.360 vorweg sagen, nämlich, dass die Übungszettel ausgeteilt werden. 00:16.100 --> 00:18.520 Jetzt ist der Wunsch gerade rausgelaufen. 00:18.660 --> 00:22.360 Die Übungszettel sollten eigentlich heute hier verteilt werden. 00:22.440 --> 00:23.640 Die haben Sie nämlich noch nicht in der Hand an. 00:24.140 --> 00:26.900 Dann werden die im Laufe der Vorlesung noch hier reinkommen. 00:26.900 --> 00:33.500 Der erste Übungszettel wird heute ausgegeben, soll bis zum 27. 00:33.880 --> 00:34.880 wieder abgegeben werden. 00:34.980 --> 00:36.740 Nächste Woche ist ja Himmelfahrt. 00:37.620 --> 00:40.720 Das heißt, wir haben die nächste Veranstaltung erst am 27. 00:41.140 --> 00:41.400 Mai. 00:42.280 --> 00:45.700 Und der Abgabetermin ist dieser Tag. 00:46.140 --> 00:50.140 Die Uhrzeit ist vor Beginn dieser Vorlesung. 00:50.140 --> 00:52.420 Also bis 11.30 Uhr am 27. 00:52.980 --> 00:56.300 sollen Sie Ihre Lösungen abgeben. 00:58.180 --> 01:00.000 Sie wissen ja, wie das läuft. 01:00.140 --> 01:01.980 Sie sollen Zweiergruppen bilden usw. 01:02.080 --> 01:03.160 Ich will darauf gar nicht mehr eingehen. 01:03.220 --> 01:05.040 Die Informationen zu den Übungen haben Sie ja alle. 01:05.500 --> 01:08.460 Wenn es Probleme gibt, wenden Sie sich an Herrn Gunsch per E-Mail. 01:08.660 --> 01:13.960 Der wird Ihnen dann entsprechend darauf antworten und Sie mit den 01:13.960 --> 01:16.600 notwendigen Informationen versorgen. 01:16.600 --> 01:17.360 Gut. 01:18.200 --> 01:22.740 Gibt es dazu jetzt noch irgendeine wichtige Frage zu Übungen? 01:22.940 --> 01:24.790 Ich nehme an, Sie sind alle angemeldet für den Übungsbetrieb. 01:25.320 --> 01:26.340 Die sind ja alle voll, die Gruppen. 01:27.560 --> 01:31.380 Die Übungen haben ja auch schon begonnen oder beginnen jetzt. 01:31.500 --> 01:35.580 Insofern sollte das alles kein Problem sein. 01:36.100 --> 01:38.620 Fangen wir also mit dem Inhalt hier wieder an. 01:38.740 --> 01:40.730 Wir haben uns letztes Mal mit EDI beschäftigt. 01:41.600 --> 01:43.040 Hier gehen wir jetzt ganz schnell durch. 01:43.200 --> 01:45.020 Ich habe Ihnen etwas Grundsätzliches dazu erzählt. 01:45.020 --> 01:48.860 Ich habe Ihnen gesagt, dass man dafür in der Regel so ein Value-Added 01:48.860 --> 01:49.820 -Network verwendet. 01:50.180 --> 01:51.820 Ich habe Ihnen dazu auch Beispiele gegeben. 01:53.380 --> 01:57.420 Insbesondere hier für die Automobilindustrie habe ich Ihnen diesen 01:57.420 --> 02:00.060 European Network Exchange kurz vorgestellt mit den verschiedenen 02:00.060 --> 02:01.640 Diensten, die dort angeboten werden. 02:02.760 --> 02:08.260 Ich habe darauf hingewiesen, dass es unterschiedlichste Arten von 02:08.260 --> 02:15.280 Standards gibt, von Teilen, die für diesen elektronischen Austausch 02:15.280 --> 02:17.140 von Informationen definiert werden. 02:17.260 --> 02:23.440 Verschiedene Standards, die jeweils von den Partnern so einer 02:23.440 --> 02:26.780 Kommunikation festgelegt werden müssen oder vereinbart sein müssen. 02:27.260 --> 02:27.500 Bzw. 02:27.640 --> 02:29.620 die müssen sich einigen auf einen Standard. 02:30.620 --> 02:33.380 Und wir hatten gesehen bei z.B. 02:33.540 --> 02:36.500 Karmann, das war ein Beispiel gewesen, da stand auf der Webseite 02:36.500 --> 02:39.260 drauf, die mussten sich an die VDA-Empfehlungen halten. 02:39.260 --> 02:44.260 Und andere machen das halt direkt nach irgendeinem anderen EDFact 02:44.260 --> 02:44.840 -Standard. 02:45.800 --> 02:48.860 Hier haben wir also e.an.com in der Konsumgüterindustrie. 02:49.980 --> 02:55.140 Und generell gibt es eben bei EDFact, also diesem EDI for 02:55.140 --> 02:57.700 Administration, Commerce und Transport, so eine ganze Reihe von 02:57.700 --> 03:00.980 verschiedenen firmenspezifischen oder branchenspezifischen 03:00.980 --> 03:04.280 Untermengen, für die es alle einzelnen Standards gibt. 03:04.280 --> 03:08.360 Und ich hatte Ihnen dann am Ende der letzten Vorlesung nochmal diese 03:08.360 --> 03:14.260 Struktur der EDI-Information, der EDI-Dokumente kurz dargestellt. 03:15.600 --> 03:18.760 Und was man hier ja sehen konnte war, ich gehe vielleicht am besten 03:18.760 --> 03:21.580 auf diese, machen wir das mal ganz schnell durch, das wäre ein 03:21.580 --> 03:23.160 sinnvoller neuer Einstieg wieder. 03:23.520 --> 03:28.660 Wir hatten gesehen, dass man natürlich irgendwelche Werte weitergeben 03:28.660 --> 03:31.580 will, natürlich nicht nur einen Wert, sondern die Vielfalt von Werten. 03:31.580 --> 03:34.560 Aber die sind jeweils eingebettet in Datenelemente oder 03:34.560 --> 03:39.900 Gruppendatenelemente und die wiederum dann in solche wiederholbaren 03:39.900 --> 03:43.680 Datenelemente oder wiederholbare Datenelementgruppen. 03:44.020 --> 03:48.620 Das Ganze wird dann zu einem Segment zusammengefasst, wobei hier vorne 03:48.620 --> 03:53.220 dann so eine Art Tag steht, wobei das nur ein Beispiel ist dafür, dass 03:53.220 --> 03:57.440 dort dreibuchstabige Abkürzungen stehen für die Bedeutung von solchen 03:57.440 --> 03:59.700 Segmenten, da kommen wir gleich nochmal drauf zurück. 03:59.700 --> 04:04.780 Und in solch einem strukturierten Segment oder so ein strukturiertes 04:04.780 --> 04:08.480 Segment wird natürlich mit anderen gemeinsam verschickt in eine 04:08.480 --> 04:12.400 Nachricht, die wiederum zusammengefasst werden kann zu einer 04:12.400 --> 04:15.260 funktionellen Gruppe oder einfach nur zu einer Folge von Nachrichten 04:15.260 --> 04:19.700 und das Ganze macht dann irgendwann die Übertragungsdatei aus. 04:20.160 --> 04:22.940 Es können mehrere Übertragungsdateien verschickt werden innerhalb 04:22.940 --> 04:26.120 einer Verbindung und die muss natürlich aufgebaut und abgebaut werden. 04:26.120 --> 04:34.140 Das war so dieser Aufbau einer IDI, dieser ganzen IDI-Struktur. 04:35.780 --> 04:38.360 Und es ist klar, hier unten steht jetzt nur ein Wert, 04:38.480 --> 04:42.780 selbstverständlich, das sind ja viele Werte, die dort weitergegeben 04:42.780 --> 04:43.040 werden. 04:43.340 --> 04:46.080 Ich hatte Ihnen dann hier noch kurz diese Folie gezeigt mit den 04:46.080 --> 04:46.680 Regeln. 04:47.000 --> 04:50.920 All das, was da stand, ist nicht alles erforderlich. 04:51.120 --> 04:53.620 Manche Dinge können da sein, müssen nicht da sein. 04:53.620 --> 04:57.020 Hier sehen Sie, dass einige Sachen hier sind conditional, andere sind 04:57.020 --> 04:57.560 mandatory. 04:58.440 --> 05:01.860 Oder hier User Data Segments as required, also so viele wie man 05:01.860 --> 05:05.800 braucht, um ein Dokument, meinetwegen irgendeinen Lieferschein oder 05:05.800 --> 05:07.980 eine Bestellung oder Rechnung zu spezifizieren. 05:08.420 --> 05:11.060 So viele User Data Segments werden dort halt eingefügt. 05:11.780 --> 05:17.360 Und wir haben dann dieses kleine Beispiel hier angefangen uns 05:17.360 --> 05:18.020 anzuschauen. 05:19.520 --> 05:25.620 Die Bestellung einer Firma, die hier einfach nur irgendetwas bestellen 05:25.620 --> 05:30.260 möchte, in diesem Fall hier ein Stift, Blätter und Halter mit 05:30.260 --> 05:33.440 bestimmten Artikelnummern, das sind bestimmte Positionen. 05:33.680 --> 05:35.720 Und das Ganze hat natürlich eine Bestellnummer, das ist ein 05:35.720 --> 05:39.680 Bestelldatum, ein Lieferdatum, alles schon sehr weit zurück, auf die 05:39.680 --> 05:40.820 Jahreszahl kommt es ja gar nicht an. 05:41.480 --> 05:45.180 Hätte ich gerne auf 2004 hochsetzen können, aber das ist ja völlig 05:45.180 --> 05:46.920 irrelevant, was da für eine Zahl steht. 05:47.880 --> 05:53.500 Und hier steht halt einfach nur eine Bestelleradresse, eine 05:53.500 --> 05:54.380 Herstelleradresse. 05:55.200 --> 06:00.680 Und das Ganze wird halt in ein EDI-Dokument umgewandelt, das dann so 06:00.680 --> 06:01.980 aussieht, wie hier rechts zu sehen. 06:02.420 --> 06:06.860 Oder nochmal, wie das aussieht hier auf dieser Seite links. 06:07.340 --> 06:10.240 Hier haben wir nochmal die gleiche EDI-Nachricht. 06:10.620 --> 06:14.140 Jetzt haben Sie nur diese Nachricht und es wäre natürlich schrecklich, 06:14.140 --> 06:19.520 wenn Sie versuchen müssten, so eine Nachricht tatsächlich wieder zu 06:19.520 --> 06:21.480 rekonstruieren, daraus das alles rauszufinden. 06:21.560 --> 06:23.640 Trotzdem muss man natürlich wissen, was steckt da eigentlich alles 06:23.640 --> 06:23.900 drin. 06:24.540 --> 06:27.680 Wir müssen uns das einmal anschauen, damit wir das nochmal genau 06:27.680 --> 06:29.840 nachvollziehen können, was dort eigentlich gemacht wird. 06:30.740 --> 06:35.200 Wir sehen hier einige Dinge, Sie erinnern sich vielleicht an die Folie 06:35.200 --> 06:40.780 14, da stand ja drauf, also nochmal ganz kurz zurück zur Folie 14. 06:41.380 --> 06:46.720 Das war ja, hier sehen Sie, da vorne stand so etwas wie UNA und UNB. 06:47.960 --> 06:50.640 UNA tauchte da hinten gar nicht auf, da taucht UNB auf. 06:50.720 --> 06:53.610 Das ist also etwas, was eine Übertragungsdatei einschließt. 06:54.340 --> 06:58.020 Da muss da hinten so ein UNZ stehen und dann gibt es hier so Sachen 06:58.020 --> 07:02.420 wie UNG und UNH und so weiter und hinten auch noch entsprechende 07:02.420 --> 07:02.640 Dinge. 07:02.640 --> 07:08.100 Diese Dinge tauchen in der Nachricht auf Folie 17 natürlich auch auf 07:08.100 --> 07:12.360 und wir sehen also hier das UNB. 07:12.540 --> 07:15.920 Dahinter stehen noch so ein paar Kleinigkeiten, die ich in diesem Bild 07:15.920 --> 07:16.820 gar nicht drin hatte. 07:17.840 --> 07:19.880 Da will ich auch gar nicht drauf eingehen, das ist viel zu viel 07:19.880 --> 07:20.540 technischer Kram. 07:21.720 --> 07:25.340 Hier sehen wir das UNH, Sie erinnern sich, das kam da hinten auch vor. 07:25.340 --> 07:30.580 Da unten sehen Sie, das hier ist einmal das UNZ, das war das Ende 07:30.580 --> 07:32.280 passend zu dem UNB. 07:32.860 --> 07:33.900 Das passt also zusammen. 07:34.380 --> 07:38.740 Und wir haben hier ein UNH, das war ein Header von so einem Segment. 07:39.860 --> 07:42.280 Und das sind die beiden Teile, die da zusammenstehen. 07:42.280 --> 07:56.380 Und dazwischen stehen nun eine Reihe von solchen Nachrichten mit 07:56.380 --> 07:57.540 diesen Tags jeweils. 07:57.620 --> 08:02.080 In der Struktur auf Seite 14 stand hier, dass dort Tags vorkommen. 08:02.080 --> 08:09.840 Wir haben jetzt hier verschiedene Tags, BGM, DTM, NAD, dann haben wir 08:09.840 --> 08:16.520 hier noch ein LIN und ein QTY und so weiter. 08:17.380 --> 08:18.020 Was ist das? 08:18.360 --> 08:21.820 Also BGM steht hier schon, Beginn der Nachricht, Nachrichtenart 08:21.820 --> 08:22.360 Bestellnummer. 08:22.460 --> 08:26.200 Das ist so ein Tag, so eine Marke, die angibt, was bei diesem 08:26.200 --> 08:28.160 Datenelement tatsächlich jetzt drin steht. 08:28.160 --> 08:31.980 Und da steht jetzt hier, Beginn der Nachricht, steht irgendwas von 220 08:31.980 --> 08:33.000 und 12345. 08:33.540 --> 08:37.500 Also brauchen wir uns jetzt gar nicht weiter zu interessieren. 08:37.860 --> 08:40.540 Darauf will ich gar nicht eingehen, was da alles drin steht. 08:41.000 --> 08:42.680 Kann man alles nachlesen, wenn man das möchte. 08:43.180 --> 08:43.800 Was ist das nächste? 08:44.600 --> 08:46.160 DTM, Datumsangaben. 08:47.060 --> 08:52.120 Also hier muss drinstehen, eine Datumsangabe, Bestelldatum oder 08:52.120 --> 08:53.280 gefordertes Lieferdatum. 08:53.280 --> 08:58.240 Hier steht also drin, Datumsangabe, einmal 137, wahrscheinlich die 08:58.240 --> 09:00.640 Nummer für das Bestelldatum. 09:01.220 --> 09:09.420 Dann steht hier drin das Datum, das ist das hier, 1995, 01, also 09:09.420 --> 09:16.280 Januar oder je nachdem wie man das interpretiert, Monat und... 09:17.480 --> 09:26.080 Das sollte sicherlich Monat und Tag sein, ist aber völlig egal. 09:26.260 --> 09:29.040 Das ist ein Standard, dass man Ja, Monat, Tag da hinschreibt. 09:29.760 --> 09:33.520 In diesem Fall könnte man auch sagen, vielleicht wäre es ja auch 09:33.520 --> 09:38.300 Monat, Quatsch, Ja, Tag und Monat, aber das ist irrelevant. 09:38.300 --> 09:42.880 Also 1.12., nein, 1.12. 09:43.380 --> 09:44.740 ist das Bestelldatum, 1.2. 09:44.880 --> 09:46.680 sollte das Lieferdatum sein. 09:46.780 --> 09:49.780 Das ist eigentlich hier, wie das zu interpretieren ist. 09:50.880 --> 09:53.340 Sie sehen, ich lese mir auch nicht jeden Tag solche Ideen und 09:53.340 --> 09:55.000 Nachrichten durch, muss man auch nicht. 09:55.360 --> 09:57.600 Und Datumsangaben, dafür gibt es verschiedene Standards, das ist halt 09:57.600 --> 09:58.000 ein Standard. 09:58.680 --> 10:04.960 So, das zweite Element hier, da steht jetzt das zweite Datum mit dem 10:04.960 --> 10:06.460 ersten, zweiten. 10:06.460 --> 10:08.460 Also das sind Datumsangaben. 10:09.340 --> 10:13.960 Dann haben wir hier als nächstes NAD, steht für Name und Adresse. 10:15.980 --> 10:21.280 Und dahinter sehen Sie gleich noch etwas, BY steht für Buyer. 10:21.940 --> 10:25.020 Das heißt, das ist derjenige, der etwas kaufen möchte, wohin etwas 10:25.020 --> 10:25.960 geliefert werden soll. 10:26.820 --> 10:30.340 Und jetzt stehen hier die Angaben über die Adresse. 10:30.340 --> 10:33.840 Sie sehen, Handelsoffice, Handelsstraße 1, Handelshausen. 10:34.880 --> 10:39.700 Dieses hier, 54321, in dem Fall war das die Postleitzahl. 10:40.840 --> 10:45.600 Und das ist also ein Format, in dem hier Adressen angegeben werden. 10:45.980 --> 10:50.400 Dann sehen Sie hier nochmal ein weiteres Name-Adressfeld. 10:51.620 --> 10:55.000 Und da steht SU dahinter, das ist der Supplier, also der Hersteller, 10:55.140 --> 10:59.460 der Lieferant für diese Ware, die bestellt wird. 10:59.460 --> 11:04.620 Hier entsprechend mit der Postleitzahl von Herstellerhausen und so 11:04.620 --> 11:04.860 weiter. 11:05.160 --> 11:12.180 Dann steht hier noch ein LIN, das sind Positionsangaben für diese 11:12.180 --> 11:12.580 Sachen. 11:13.240 --> 11:18.460 Also Position 1, da haben wir hier die verschiedenen Artikelnummern. 11:19.960 --> 11:25.320 Und dann steht dahinter etwas Quantity, also die Menge wird hier 11:25.320 --> 11:25.820 angegeben. 11:27.340 --> 11:30.400 Und da steht dann noch PCE, wahrscheinlich für Peace. 11:32.440 --> 11:36.300 Was das für Sachen waren, Stifte und ähnliche Dinge, das interessiert 11:36.300 --> 11:38.320 die überhaupt nicht, das ist durch die Artikelnummer ja bereits 11:38.320 --> 11:39.420 gekennzeichnet. 11:40.080 --> 11:42.020 Und das ist eigentlich schon alles, was man sich hier angucken muss. 11:44.260 --> 11:48.860 Jetzt wird niemand von Ihnen normalerweise sich sowas anschauen, ich 11:48.860 --> 11:50.220 schaue es mir auch normalerweise nicht an. 11:50.720 --> 11:53.020 Trotzdem muss man, wenn man solche Nachrichten erstellen will, 11:53.100 --> 11:54.420 natürlich wissen, was da stehen muss. 11:54.420 --> 11:57.520 Also muss man irgendwo nachschauen können. 11:57.680 --> 12:02.580 Man kann nachschauen in diesen Definitionen der Segmentarten, in 12:02.580 --> 12:03.360 diesen Standards. 12:03.680 --> 12:14.580 Zum Beispiel eben hier, wir können also hier rausschauen. 12:14.840 --> 12:19.500 Übrigens wollte ich ja fragen, ob heute jemand sich die 12:19.500 --> 12:23.180 Kommunikationswerkzeuge auf seinem Laptop geladen hat. 12:24.080 --> 12:24.900 Jemand da? 12:26.180 --> 12:27.440 Hat keiner von Ihnen gemacht? 12:27.560 --> 12:28.320 Einer hat es gemacht. 12:29.180 --> 12:32.780 Ich kann Sie ja gerne mal, vielleicht ganz kurz zwischendurch, einmal 12:32.780 --> 12:36.520 kurz hier, lassen Sie mich da einmal hingehen, 12:39.640 --> 12:41.340 die einmal kurz laden. 12:42.300 --> 12:44.620 Das wollte ich nämlich einmal kurz mit Ihnen zusammen machen. 12:46.380 --> 12:50.840 Dann müssen wir, muss ich einmal auf, also NT Student, das müssen Sie 12:50.840 --> 12:52.060 ja selber laden. 12:52.060 --> 12:55.360 Ich habe mir hier das NT Feedback schon geladen. 12:56.080 --> 12:59.340 Einen Test, naja, habe ich jetzt gar nicht vor. 13:01.120 --> 13:02.560 Quatsch, den hier wollte ich machen. 13:03.940 --> 13:10.800 Aber ich kann es trotzdem noch einmal kurz laden. 13:13.360 --> 13:19.400 So, und wenn ich das Ding hier nutzen will, dann muss ich ja nicht Web 13:19.400 --> 13:23.240 Services auswählen, sondern muss Update List machen. 13:24.340 --> 13:30.400 Dann tauchen hier, na sollten jedenfalls, jetzt tauchen hier weitere 13:30.400 --> 13:31.140 Sachen auf. 13:31.780 --> 13:37.080 Sie sehen hier AI2 und das Passwort ist in dem Fall auch einfach AI2. 13:37.080 --> 13:40.820 Sie müssen natürlich, wenn Sie Ihr Werkzeug nutzen wollen, wenn jemand 13:40.820 --> 13:45.980 das verwenden will, muss er auch sich hier auf dem entsprechenden 13:45.980 --> 13:51.920 Werkzeug dann das auswählen. 13:52.100 --> 13:53.500 Jetzt habe ich das hier gemacht. 13:53.560 --> 13:55.820 Dieses Werkzeug verwenden Sie ja normalerweise nicht. 13:56.920 --> 13:57.840 Das verwende ich ja nur. 13:59.100 --> 14:02.720 Jetzt gehen wir mal auf dieses Werkzeug. 14:02.840 --> 14:06.860 Auch das muss ich natürlich einmal konfigurieren. 14:08.100 --> 14:14.080 Auch das hier für die richtige Vorlesung konfigurieren. 14:15.980 --> 14:18.440 Sie sehen, das dauert, sowas sollte man eigentlich vorher machen. 14:22.020 --> 14:25.280 So, und da kommt schon die erste Frage. 14:26.440 --> 14:27.480 Fahren wir gleich mal. 14:28.980 --> 14:34.940 Und nur, dass Sie das nochmal sehen, wenn ich das Studententool hier, 14:35.100 --> 14:36.780 wenn man das einsetzen wollte. 14:38.080 --> 14:39.380 Das machen Sie ja. 14:41.060 --> 14:46.440 NT Student, da bekommen Sie dann ja dieses Werkzeug, das hier gleich 14:46.440 --> 14:46.780 aufgeht. 14:46.780 --> 14:52.220 Und da müssen Sie natürlich auch sich entsprechend, oder sich das 14:52.220 --> 14:52.860 Richtige auswählen. 14:53.640 --> 14:57.480 Da muss man hier unten in dem Bereich einmal auf die rechte Maustaste 14:57.480 --> 14:57.840 gehen. 14:58.180 --> 14:59.660 Dann geht dieses Fenster auf. 15:00.320 --> 15:03.140 Und auch da kann man entsprechend Update List machen. 15:04.060 --> 15:05.440 Sich die Vorlesung aussuchen. 15:07.140 --> 15:09.700 Und hier auch... 15:12.420 --> 15:14.980 Hier muss man ein Username angeben. 15:15.680 --> 15:15.900 Aha. 15:17.260 --> 15:19.080 Also hier geben Sie, Sie müssen gar nichts weitermachen. 15:20.940 --> 15:25.020 Sie müssen sich nicht identifizieren, sondern Sie müssen hier Ihren 15:25.020 --> 15:26.960 Benutzernamen nur eintragen. 15:27.920 --> 15:31.980 Also hier könnte ich zum Beispiel jetzt einfach Schmeck hinschreiben. 15:31.980 --> 15:34.220 Und dann wäre das soweit in Ordnung. 15:36.360 --> 15:40.180 Und nur mal kurz zum Test. 15:41.320 --> 15:46.720 Wenn ich jetzt auf... also hier steht schon ein Feedback. 15:46.840 --> 15:48.580 Da steht, ich soll langsamer machen. 15:49.700 --> 15:49.860 Aha. 15:51.920 --> 15:53.500 Oder steht da schon eine Frage? 15:54.280 --> 15:57.040 Schauen wir mal, zwei Leute wollen, dass ich schneller mache. 15:58.020 --> 16:00.900 Da gibt es eine Testfrage. 16:01.120 --> 16:05.280 Die brauche ich nicht zu nehmen. 16:06.960 --> 16:08.460 Und das ist im Augenblick die einzige Frage. 16:08.580 --> 16:09.760 Ich mache gleich schneller weiter. 16:10.760 --> 16:13.040 Machen wir einmal kurz eine... 16:15.220 --> 16:17.180 Jetzt gehören schon drei Leute, dass es schneller geht. 16:17.840 --> 16:20.300 Ich gehe hier kurz auf den Presentation Mode. 16:20.300 --> 16:27.380 Und gehe nochmal ganz kurz auf die Testfrage. 16:28.900 --> 16:31.480 Und dann fragen wir doch mal einfach hier. 16:31.920 --> 16:34.800 Ganz einfache Testfrage, die mit der Vorlesung nichts zu tun hat. 16:36.000 --> 16:37.180 Set Question. 16:37.920 --> 16:40.980 Also, gegen wen gewann die deutsche Fußballnationalmannschaft im 16:40.980 --> 16:42.140 Finale von München 1974? 16:47.040 --> 16:51.280 Also die Antworten sind hier so Dummy-Antworten. 16:51.820 --> 16:53.380 So ähnlich wie wer wird Millionär? 16:53.600 --> 16:53.760 Aha. 16:55.080 --> 16:56.620 Gegen Holland, meint hier jemand. 16:57.040 --> 16:57.740 Ach, ok. 16:58.500 --> 16:59.960 Jemand meint, er möchte noch jemanden fragen. 17:00.080 --> 17:00.860 Das kann ich auch verstehen. 17:01.020 --> 17:02.680 Ich müsste es im Augenblick auch nicht. 17:03.120 --> 17:04.260 Ich glaube aber, das war Holland. 17:05.800 --> 17:06.760 Ok, vielen Dank. 17:06.840 --> 17:08.140 Also Sie sehen, so funktioniert das. 17:08.140 --> 17:13.000 Ich hätte das hier natürlich auch erstmal ausblenden können. 17:13.740 --> 17:15.360 Dann hätten Sie das noch gar nicht gesehen. 17:16.180 --> 17:19.640 Und ich hätte auch die Ergebnisse publizieren können. 17:19.740 --> 17:24.920 Dann kann jeder, der teilnehmen kann, dann auch auf seinem Laptop 17:24.920 --> 17:25.600 diese Sachen sehen. 17:26.300 --> 17:30.160 Also das hatten wir alle schon mal uns in einer der ersten 17:30.160 --> 17:31.860 Vorlesungsstunden ganz kurz angeschaut. 17:32.520 --> 17:35.440 Ich will da jetzt gar nicht weiter drauf eingehen. 17:35.520 --> 17:37.080 Jetzt haben wir es ja hier installiert. 17:37.080 --> 17:40.320 Jetzt kann ich hier weitermachen und ich sehe hier tatsächlich eine 17:40.320 --> 17:40.800 Frage. 17:41.880 --> 17:43.400 Es ist noch eine Testfrage. 17:44.520 --> 17:45.700 Auch die breche ich jetzt ab. 17:47.140 --> 17:50.080 Und das scheint hier ein... 17:50.980 --> 17:51.380 Aha. 17:52.460 --> 17:54.220 Das darf eigentlich nicht passieren. 17:56.000 --> 17:59.080 Wenn das mehrfach passiert, dann ist hier irgendetwas... 18:05.380 --> 18:05.920 sollte 18:10.930 --> 18:11.470 eigentlich... 18:11.470 --> 18:12.770 Machen wir das mal kurz. 18:13.990 --> 18:15.750 Vielleicht machen wir das einfach mal. 18:17.410 --> 18:18.990 Dann ist es weg. 18:19.890 --> 18:20.910 Vielen Dank für den Tipp. 18:21.450 --> 18:25.110 Also, machen wir weiter mit der Vorlesung. 18:25.450 --> 18:26.650 Ich habe Ihnen das hier kurz alles erläutert. 18:26.750 --> 18:29.570 Ich wollte eigentlich jetzt an dieser Stelle ganz kurz Ihnen zeigen, 18:29.710 --> 18:34.770 wie umständlich das ist, tatsächlich rauszufinden, was... 18:34.770 --> 18:35.920 Jetzt ist hier... 18:36.510 --> 18:39.530 Ah ja, jetzt habe ich hier eine Änderung in meiner... 18:39.530 --> 18:42.570 Das muss ich ganz kurz eine Änderung machen. 18:42.650 --> 18:43.650 Da wollte ich gar nicht rauf. 18:43.830 --> 18:45.270 Der Link, der war verkehrt. 18:45.370 --> 18:51.210 Ich hatte in einer anderen Version dieser Datei das korrigiert. 18:51.670 --> 18:54.770 Dann muss ich hier einmal ganz kurz... 18:57.970 --> 18:58.550 beibehalten. 18:59.570 --> 19:00.770 Ganz kurz raus. 19:01.170 --> 19:02.050 Da rein. 19:04.230 --> 19:09.470 Und hier einmal kurz den Link erneuern. 19:09.670 --> 19:12.250 Und jetzt kann ich wieder da reingehen. 19:17.390 --> 19:20.470 Und jetzt kommt hier der richtige Link rein. 19:22.090 --> 19:24.370 Da sind wir jetzt auf der richtigen Seite. 19:25.210 --> 19:29.150 Und hier bei diesem Standard für Edifakt sehen wir folgendes. 19:29.190 --> 19:31.070 Da gibt es eine ganze Reihe von Directories. 19:31.630 --> 19:34.210 Directories sind die Standard-Directories, die Sie... 19:34.630 --> 19:36.070 Hinten können Sie das nicht lesen im Augenblick. 19:36.170 --> 19:37.590 Das war auch gar nicht so wichtig. 19:38.570 --> 19:39.830 Ich kann das hier lesen. 19:40.410 --> 19:43.310 Und jetzt schauen wir mal beim neuesten Standard, D03B. 19:45.250 --> 19:47.170 Die Unterteilung ist eigentlich immer gleich. 19:47.770 --> 19:52.190 Sie sehen hier so Sachen wie zum Beispiel etwas, worauf ich jetzt hin 19:52.190 --> 19:52.330 will. 19:52.430 --> 19:55.170 Message -Type-Directory-Batch. 19:55.170 --> 19:59.310 Da kann ich jetzt entweder nach Codenamen oder nach Namen... 19:59.310 --> 20:02.590 dieser verschiedenen Message-Type-Directories reingehen. 20:03.150 --> 20:05.090 Jetzt schauen wir mal, gehe ich bei Code rein. 20:06.530 --> 20:11.730 Und dann sehen wir hier eine ganze Reihe von verschiedensten Sachen. 20:12.490 --> 20:15.870 Da stehen jetzt alle möglichen Codes für verschiedene Arten von 20:15.870 --> 20:17.430 Nachrichten, die verschickt werden. 20:17.930 --> 20:22.350 Zum Beispiel schauen wir mal, was es hier so alles gibt. 20:24.590 --> 20:27.770 Da gibt es also alle möglichen Sachen. 20:28.050 --> 20:33.350 Meinetwegen hier Multiple, Interbank, Funds, Transfer, Message. 20:34.350 --> 20:35.990 Schauen wir doch mal bei sowas hier rauf. 20:36.670 --> 20:40.310 Da haben wir also hier einfach eine Art Nachricht. 20:41.290 --> 20:42.890 Und da steht alles mögliche drin. 20:43.490 --> 20:45.010 Kann ich weiter durchlaufen. 20:45.230 --> 20:47.690 Irgendwann unten drunter kommt, da sehen wir das. 20:48.510 --> 20:49.410 Da geht es los. 20:51.510 --> 20:54.770 Hier steht jetzt, wie die Nachrichten aufgebaut sind. 20:54.950 --> 20:56.530 Da geht es los mit Begin of Message. 20:56.630 --> 20:59.730 Da kann man da gucken, Begin of Message, was muss denn da stehen. 21:00.310 --> 21:01.650 Dann kommt man zum nächsten Dokument. 21:01.850 --> 21:05.750 Im nächsten Dokument findet man Beginning of Message. 21:05.890 --> 21:07.730 Was muss da alles drinstehen. 21:08.570 --> 21:12.010 Und dann steht hier, wo wird überall Beginning of Message gebraucht. 21:12.410 --> 21:14.110 Und so kann man sich hier hin und her durchhangeln. 21:14.630 --> 21:15.930 Ich will jetzt gar nicht weiter da reingehen. 21:15.930 --> 21:19.770 Man kann sich durch diese Dokumente von Spezifikation zu Spezifikation 21:19.770 --> 21:20.990 durchhangeln. 21:21.510 --> 21:21.750 Also z.B. 21:21.810 --> 21:24.310 Document Name Code oder Code List oder was auch immer. 21:24.430 --> 21:27.210 Wir können hier gehen auf Document Name. 21:27.350 --> 21:30.630 Dann steht hier ein anderes Dokument, wo beschrieben ist, wie ein 21:30.630 --> 21:33.950 Dokumentname aufgeschlüsselt oder definiert wird. 21:34.470 --> 21:35.790 Das wird genau angegeben. 21:35.870 --> 21:37.870 Da steht dann hier AN 35. 21:38.050 --> 21:40.270 Also bis zu 35 Zeichen können das sein. 21:42.470 --> 21:46.230 Also diese Art der Beschreibung ist sehr vollständig. 21:46.770 --> 21:50.070 Aber stellen Sie sich vor, Sie müssen danach tatsächlich Ihr Programm 21:50.070 --> 21:55.670 schreiben, um Dokumente in der Form abzuliefern. 21:56.030 --> 21:59.170 Das ist hiernach vollständig möglich, aber es ist ein sehr aufwendiger 21:59.170 --> 21:59.690 Prozess. 22:00.330 --> 22:05.530 Sie müssen durch diese Dokumente hindurchhangeln und müssen danach 22:05.530 --> 22:08.350 Ihre Formatierungsanweisung für die Dokumente schreiben. 22:08.350 --> 22:12.410 Das ist etwas, was sehr umständlich ist. 22:13.410 --> 22:15.510 Und Sie können natürlich anhand dieser Spezifikation, die ist 22:15.510 --> 22:18.130 sicherlich vollständig, können Sie alles überprüfen, ob Sie es richtig 22:18.130 --> 22:18.730 gemacht haben. 22:19.230 --> 22:22.750 Aber es ist sehr fehleranfällig und ist eigentlich etwas, was man 22:22.750 --> 22:27.630 heutzutage so eigentlich kaum noch vertreten kann, dass man so etwas 22:27.630 --> 22:28.290 nutzen sollte. 22:29.070 --> 22:30.170 Also zurück hierzu. 22:31.050 --> 22:35.570 Wir haben jetzt diese Nachricht uns einmal angeschaut. 22:35.570 --> 22:42.790 Wie gesagt, das ist der EDI oder EDFact-Standard und ich habe Ihnen so 22:42.790 --> 22:44.490 ein paar Vorteile und Nachteile genannt. 22:44.610 --> 22:45.930 Noch einmal zusammenfassend dazu. 22:46.950 --> 22:53.210 Es ist klar, dass EDI und EDFact eine ganz wichtige Wirkung haben. 22:53.450 --> 22:57.890 Nämlich, sie standardisieren halt Syntax und Semantik von Nachrichten 22:57.890 --> 22:59.830 zur Abwicklung von Geschäftsprozessen bzw. 23:00.070 --> 23:01.090 von Handelstransaktionen. 23:01.090 --> 23:08.710 Das ist die wichtige Funktion und das ist auch natürlich das, was 23:08.710 --> 23:10.690 gewünscht wurde und ist auch sehr wertvoll. 23:11.110 --> 23:14.450 Aber diese globale Standardisierung ist natürlich zeitraubend. 23:14.850 --> 23:18.650 Sie haben gesehen, für jedes Jahr gab es dort neue Standards. 23:19.270 --> 23:22.370 Immer wieder Veränderungen, Ergänzungen usw., die man berücksichtigen 23:22.370 --> 23:26.890 muss in den Programmen, die man verwendet, um mit EDI tatsächlich 23:26.890 --> 23:27.990 Nachrichten auszutauschen. 23:29.510 --> 23:32.150 Insofern haben wir hier aufwendige Anpassungs- und 23:32.150 --> 23:33.250 Transformationsprozesse. 23:33.990 --> 23:39.870 Ein wichtiger Nachteil war, dass das EDI nur auf textuelle 23:39.870 --> 23:40.870 Informationen ausgelegt ist. 23:41.530 --> 23:50.850 Und deswegen ist es etwas schwierig, Informationen auszutauschen, die 23:50.850 --> 23:53.430 nicht nur textuell sind, sondern vielleicht irgendwelche Zeichnungen 23:53.430 --> 23:55.170 oder Bilder oder was auch immer. 23:55.170 --> 23:57.430 Also das ist schwierig. 23:57.630 --> 24:00.250 Außerdem, irgendwelche aktiven Informationen können ja auch nicht mit 24:00.250 --> 24:01.310 übertragen werden. 24:02.050 --> 24:05.910 Also muss man natürlich mehr Dinge machen. 24:06.550 --> 24:10.670 Hier insbesondere ist die Präsentation oder Visualisierung der Inhalte 24:10.670 --> 24:11.550 nicht dargestellt. 24:11.630 --> 24:14.830 Ich hatte Ihnen bei EDI gesagt, man hat irgendwelche Transformatoren, 24:15.350 --> 24:19.670 um aus den Dokumenten, die man im Unternehmen nutzt, so ein EDI-Format 24:19.670 --> 24:21.670 zu erstellen und auch wieder zurück. 24:21.670 --> 24:25.970 Aber die müssen jedem Unternehmen halt entsprechend erstellt werden. 24:26.930 --> 24:31.110 Diese Standards sind im Prinzip vollständig statisch. 24:31.330 --> 24:33.970 Sie haben gesehen, nicht ganz, weil sich jedes Jahr irgendwelche 24:33.970 --> 24:35.150 Ergänzungen ergeben können. 24:35.790 --> 24:40.850 Aber ich kann nicht diese Dinge in irgendeiner Weise personalisieren. 24:40.970 --> 24:43.190 Abstimmen auf ein Unternehmen, das wird sehr schwierig. 24:45.130 --> 24:47.910 Das ist hier so in dem Fall gar nicht so möglich. 24:48.050 --> 24:50.310 Ich kann nicht Änderungen von Struktur und Semantik vornehmen. 24:50.310 --> 24:54.210 Das wäre natürlich auch schlecht, es sei denn, ich könnte in dem 24:54.210 --> 25:01.410 Dokument im Prinzip als eine Art Header, eine Einleitung sagen, welche 25:01.410 --> 25:05.610 Besonderheiten in diesem Dokument in der Struktur zu beachten sind. 25:06.710 --> 25:08.790 So etwas ist aber in EDI nicht möglich. 25:10.210 --> 25:15.010 Es gibt Weiterentwicklungen, zum Beispiel Universal EDI, Interaktives 25:15.010 --> 25:16.990 EDI oder Web EDI. 25:17.730 --> 25:22.590 Und da geht man daran, die Nachteile, die ich gerade aufgelistet habe, 25:22.630 --> 25:23.170 zu beheben. 25:23.610 --> 25:30.870 Insbesondere wird EDI heutzutage mit XML in Verbindung genutzt und 25:30.870 --> 25:34.030 dann ist es durchaus etwas, was sinnvoller sein kann. 25:35.430 --> 25:37.250 Gut, das war alles zu EDI. 25:38.030 --> 25:41.790 Ja, gerne. 25:42.390 --> 25:43.990 Ich komme gerne mal zur Folie 15 zurück. 25:45.770 --> 25:48.170 Okay, ich sage jetzt erstmal das hier beibehalten. 25:48.310 --> 25:51.750 Jetzt gehen wir hier kurz zu Folge 15 zurück. 25:52.010 --> 25:54.490 Das war diese Folie. 25:54.630 --> 25:55.550 Da ist eine Frage. 25:58.570 --> 26:00.270 Das soll einfach nur die Struktur angeben. 26:00.930 --> 26:04.790 Sie hatten gesehen, das war auf der obersten Ebene, das war an der 26:04.790 --> 26:06.410 Ebene drunter, diese Functional Group Headers. 26:06.470 --> 26:07.570 Das ist alles, was es angeben soll. 26:07.670 --> 26:09.010 Vielen Dank für die Frage, das hatte ich nicht erläutert. 26:09.330 --> 26:12.830 Das soll einfach nur angeben, das waren User Data Segments, tauchten 26:12.830 --> 26:14.530 in der innersten Struktur nur auf. 26:14.690 --> 26:15.770 Also an innerster Ebene. 26:15.990 --> 26:21.530 Also praktisch, wenn man sich das Baum anguckt, natürlich auf einer 26:21.530 --> 26:25.450 tieferen Ebene jedenfalls als hier diese Functional Group Headers. 26:26.410 --> 26:31.470 Das war der einzige Sinn, das sollte diese Hierarchie praktisch wieder 26:31.470 --> 26:32.450 nachbilden. 26:34.670 --> 26:36.370 War das alles dazu? 26:37.350 --> 26:38.150 Keine weiteren Fragen? 26:38.410 --> 26:38.550 Okay. 26:39.450 --> 26:47.490 Dann können wir jetzt rübergehen zu dem nächsten Kapitel. 26:48.230 --> 26:52.510 Und zwar zu jetzt weiteren Arten der Dokumentenbeschreibung im 26:52.510 --> 26:52.910 Internet. 26:52.910 --> 26:55.850 Nämlich, fangen wir mal an mit HTML. 26:56.630 --> 27:03.010 Das World Wide Web ist ja entstanden dadurch, dass jemand sich die 27:03.010 --> 27:04.530 Sprache HTML überlegt hat. 27:04.690 --> 27:09.710 HTML und auch die Sprache XML, die wir uns später noch anschauen 27:09.710 --> 27:13.030 werden, sind Spezialisierungen bzw. 27:13.310 --> 27:16.790 Varianten einer Sprache, die schon wesentlich älter ist, nämlich die 27:16.790 --> 27:19.870 Standard Generalized Markup Language, SGML. 27:22.170 --> 27:25.910 Und da gibt es eine ganze Reihe von verschiedenen Standards. 27:26.070 --> 27:30.270 Das Ganze ist ein ISO-Standard, deswegen kann man bei ISO nachschauen, 27:30.870 --> 27:33.750 kann sich da die Spezifikation von SGML anschauen. 27:34.990 --> 27:41.230 Es gibt Links auf offene Beschreibungen dieses Standards. 27:41.470 --> 27:42.550 Ich habe hier einen angegeben. 27:43.050 --> 27:48.930 Wenn Sie sich die im Netz bereits verfügbaren Folien angeschaut haben, 27:48.930 --> 27:51.990 da steht hier oben eine andere Adresse. 27:52.150 --> 27:54.570 Ich habe das angepasst, habe sie nochmal kurz überprüft vorher. 27:54.990 --> 27:59.770 Da hatte sich was geändert bei der Webadresse, wie das ja so ist im 27:59.770 --> 28:00.870 dynamischen World Wide Web. 28:01.470 --> 28:04.550 Hier ist jedenfalls die Adresse angegeben, die man verwenden muss, 28:04.630 --> 28:06.330 wenn man auf SGML geht. 28:06.430 --> 28:09.390 Von da aus kann man sich verzweigen auf alle möglichen 28:09.390 --> 28:12.530 Einzelspezifikationen von SGML. 28:13.250 --> 28:14.690 Worum geht es bei SGML? 28:14.690 --> 28:19.470 SGML wurde bereits in den 70er Jahren entwickelt und dient zur 28:19.470 --> 28:21.690 formalen Beschreibung von Dokumenten. 28:22.950 --> 28:24.090 Wer hat das gebraucht? 28:24.670 --> 28:29.210 Insbesondere Personen, die sehr viel mit der Erstellung von Dokumenten 28:29.210 --> 28:32.510 zu tun haben, nämlich der ganze Bereich der Druckindustrie. 28:35.110 --> 28:38.090 Da muss man nun verschiedene Arten angeben. 28:38.090 --> 28:41.850 Man muss einerseits die Syntax der Beschreibung der 28:41.850 --> 28:44.930 Dokumententypdefinition zunächst mal angeben können. 28:45.070 --> 28:49.710 Also ich muss eine sogenannte DTD beschreiben können. 28:50.250 --> 28:52.750 Ich muss die Syntax festlegen, das ist eine Art Grammatik. 28:52.810 --> 28:55.990 Sie haben alle schon was gehört von Grammatiken bei formalen Sprachen. 28:56.450 --> 29:00.430 Hier müssen wir über eine Grammatik festlegen, welches die Regeln 29:00.430 --> 29:03.790 sind, nach denen wir ein Dokument beschreiben können. 29:03.790 --> 29:10.830 Und hier wird also die Syntax der Dokumententypdefinition festgelegt 29:10.830 --> 29:13.410 durch so eine DTD. 29:14.110 --> 29:19.010 In diesen DTDs treten auch wieder solche Tags oder Marken auf. 29:19.850 --> 29:26.890 Und bei SGML ist das typische, dass man solche Tags immer als Paare 29:26.890 --> 29:27.450 einsetzt. 29:27.450 --> 29:31.670 Wir haben also immer dabei Markenpaare. 29:33.610 --> 29:39.350 Und Markenpaar heißt, dass wir diese Marke, die wir gerade verwenden, 29:39.470 --> 29:42.790 wie meinetwegen Adresse oder Name oder was immer, Sie werden noch eine 29:42.790 --> 29:47.910 ganze Reihe Beispiele sehen, in spitze Klammern, zwischen spitzen 29:47.910 --> 29:54.250 Klammern, dazwischen kommt dann irgendein Inhalt, Text oder was immer 29:55.070 --> 30:00.190 und dann gibt es eine Endemarke, die so mit einem Schrägstrich 30:00.190 --> 30:03.130 gekennzeichnet ist und dann steht nochmal der Name dort. 30:03.650 --> 30:05.170 Das ist also so ein Markenpaar. 30:06.110 --> 30:09.230 Und dann gibt es auch Marken mit Attributen. 30:10.850 --> 30:14.270 Da steht dann einfach eine Marke und dann können hier verschiedene 30:14.270 --> 30:15.230 Attribute stehen. 30:15.730 --> 30:18.390 Das ist aber spezifiziert in der Dokumententypdefinition. 30:19.090 --> 30:23.990 Und da können dann jeweils dahinter irgendwelche Werte stehen, um die 30:23.990 --> 30:25.590 Attribute zu erläutern. 30:26.150 --> 30:34.930 Also zum Beispiel können Sie den Hintergrund einer Datei angeben oder 30:34.930 --> 30:36.810 Sie können die Sprache definieren. 30:37.230 --> 30:39.990 Sie können so verschiedene Dinge angeben, das sehen wir später auch 30:39.990 --> 30:40.250 noch. 30:40.250 --> 30:45.250 Erlaubt also, spezielle Dinge noch festzulegen, die Eigenschaften 30:45.250 --> 30:49.270 dieses Dokumentenelements genauer spezifizieren. 30:49.990 --> 30:54.390 Dann wird eine weitere Sprache definiert. 30:54.930 --> 30:58.290 Ich will ja nicht nur die Struktur eines Dokuments beschreiben können, 30:58.370 --> 31:00.850 sondern wenn ich an die Druckindustrie denke, die wollen ja irgendwas 31:00.850 --> 31:02.250 tatsächlich drucken. 31:02.330 --> 31:05.030 Die wollen etwas darstellen, visualisieren, wollen Layout machen. 31:05.030 --> 31:08.450 Und dafür braucht man eine weitere Sprache. 31:08.590 --> 31:11.910 Das ist die Document Style Semantics and Specification Language, DSSL 31:11.910 --> 31:13.230 genannt. 31:15.570 --> 31:20.110 Und die legt fest das Layout, also die Präsentation, die 31:20.110 --> 31:22.030 Visualisierung eines Dokumentes. 31:24.790 --> 31:31.170 Und jetzt braucht man natürlich entsprechende Parser, die unter 31:31.170 --> 31:34.390 Verwendung einer DTD, also einer Grammatik- bzw. 31:34.530 --> 31:37.710 Dokumententyp-Definition, ein Dokument zunächst einmal überprüfen 31:37.710 --> 31:40.010 können auf Übereinstimmung mit dieser DTD. 31:41.010 --> 31:46.750 Dann kann zumindest überprüft werden, ob das mit diesem Typ 31:46.750 --> 31:47.370 übereinstimmt. 31:47.370 --> 31:55.710 Und dann kann man eine dazugehörige DSSL-Festlegung, also eine Style 31:55.710 --> 32:00.850 -Datei, man nennt das auch häufig Style-Sheet, kann man verwenden, um 32:00.850 --> 32:05.850 dann die Präsentation des Dokuments tatsächlich vorzunehmen. 32:05.950 --> 32:12.070 Aber das geht natürlich nur, wenn das Dokument auch zu dem 32:12.070 --> 32:17.530 entsprechenden Style-Sheet, also der in DSSL festgelegten Definition 32:17.530 --> 32:19.190 der Präsentations- bzw. 32:19.190 --> 32:22.010 der Layout-Angaben zusammenpasst. 32:22.870 --> 32:26.950 So, ein kleines Beispiel, da habe ich einfach aus einem der Bücher, 32:27.070 --> 32:28.690 die ich zitiert habe, ein Beispiel übernommen. 32:29.190 --> 32:30.250 Eine Mini-HTML. 32:32.210 --> 32:40.070 Also, hier sehen Sie eine Dokumententyp-Definition für eine Sprache. 32:40.070 --> 32:45.090 Ich werde Ihnen also nicht, selbstverständlich nicht, genau 32:45.090 --> 32:48.910 aufschreiben, welche Komponenten alle in einer DTD vorkommen können. 32:49.330 --> 32:52.650 Ich will Ihnen nur an diesem Beispiel zeigen, was dort so exemplarisch 32:52.650 --> 32:53.470 auftauchen kann. 32:53.950 --> 32:57.850 Also, Sie sehen hier, das geht los mit so einer spitzenöffnenden 32:57.850 --> 33:00.450 Klammer mit dem Ausrufungszeichen. 33:00.790 --> 33:04.110 Dann steht da DOCTYPE und dahinter steht MINI-HTML. 33:04.250 --> 33:08.010 Dann geht es los mit einer öffnenden, eckigen Klammer und dahinter 33:08.010 --> 33:09.410 steht eine Reihe von Elementen. 33:09.410 --> 33:13.150 Sie sehen, diese öffnende Klammer wird hier unten wieder geschlossen, 33:13.270 --> 33:14.490 die passen also beide zusammen. 33:15.270 --> 33:17.590 Und dann steht hier nochmal ein Element, das heißt jetzt selbst MINI 33:17.590 --> 33:18.150 -HTML. 33:18.910 --> 33:21.190 Und dann sehen Sie hier zwei O's. 33:21.670 --> 33:26.690 Jedes O hier ist zu interpretieren als OPTIONAL. 33:29.270 --> 33:30.270 Was ist da optional? 33:31.030 --> 33:36.670 Nun, ich hatte gesagt, wir haben immer eine Beginn- und Ende-Marke. 33:36.670 --> 33:38.990 Die steht immer paarweise auf. 33:39.630 --> 33:47.090 Also, wir hatten hier immer eine Marke, dann irgendwas und dann 33:47.090 --> 33:49.070 Schrägstrich und diese Marke. 33:50.150 --> 33:53.730 Und mit diesem O sagt man, das ist optional. 33:54.110 --> 33:59.650 Das heißt, wenn ich das Element MINI-HTML hier aufschreibe, dann ist 33:59.650 --> 34:04.270 es optional, die Anfangs- oder Endmarke zu verwenden. 34:04.370 --> 34:05.450 Die müssen nicht auftauchen. 34:06.250 --> 34:11.030 Und was kann dann in diesem Dokument auftauchen? 34:12.090 --> 34:18.270 Da tauchen auf H1 und P oder P. Das ist also hier, da steht etwas in 34:18.270 --> 34:19.550 Klammern, da steht ein H1. 34:19.630 --> 34:20.830 H1 kennen wir noch gar nicht. 34:21.070 --> 34:24.170 Schauen wir mal noch eine Zeile weiter, da ist was mit H1 angegeben. 34:24.830 --> 34:29.430 Also H1, ein senkrechter Strich ist die Standardnotation dafür, dass 34:29.430 --> 34:30.270 man sagt oder. 34:30.270 --> 34:35.930 Das heißt, das ist Alternative H1 oder P. Das Ganze in Klammern und 34:35.930 --> 34:37.130 ein Stern dahinter. 34:37.670 --> 34:40.850 Stern gibt an, das Ganze kann beliebig iteriert werden. 34:41.390 --> 34:47.190 Also 0 oder einmal oder beliebig oft kann das dort stehen. 34:47.990 --> 34:51.610 So, und jetzt schaut man sich an das nächste Element. 34:51.830 --> 34:55.350 Da steht jetzt Element H1 oder P. Die haben also die gleiche Struktur, 34:55.530 --> 34:57.070 deswegen werden die beide hier angegeben. 34:58.470 --> 35:03.050 Und jetzt muss man sehen, hier steht beide Male ein Strich. 35:03.610 --> 35:08.390 Der Strich bedeutet, hier ist in jedem Fall eine Anfangsmarke und eine 35:08.390 --> 35:09.290 Endmarke erforderlich. 35:09.990 --> 35:13.150 An beiden Stellen steht hier ein Strich, deswegen hier steht kein O. 35:13.550 --> 35:17.790 Nur wenn dort O stehen würde, müsste man oder könnte man auf eine 35:17.790 --> 35:18.730 dieser Marken verzichten. 35:19.210 --> 35:21.950 Und da drin steht jetzt etwas wie PC Data. 35:23.030 --> 35:27.390 So ein Nummernzeichen davor, das heißt einfach, das ist irgendein 35:27.390 --> 35:28.950 fortlaufendes Zeichen. 35:29.910 --> 35:31.010 Past Character Data. 35:31.510 --> 35:33.870 Dann steht da etwas wie Hervor oder Betont. 35:34.410 --> 35:37.250 Diese drei verschiedenen Möglichkeiten, davon beliebig viele. 35:38.870 --> 35:40.970 Ich gehe gleich noch auf dieses PC Data ein. 35:41.050 --> 35:42.150 Hervor und Betont. 35:42.570 --> 35:43.830 Das ist etwas, was wir nicht kennen. 35:43.930 --> 35:46.210 Das steht aber hier drin, Element Hervor, Betont. 35:46.690 --> 35:50.390 Auch wieder verpflichtend Anfangsmarke, Endmarke. 35:50.390 --> 35:53.150 Und das ist einfach Past Character Data. 35:53.930 --> 35:58.730 Und damit ist diese einfache DTD schon beendet. 35:59.610 --> 36:04.650 Und hier sehen Sie also, das ist hier nochmal erläutert, was da drin 36:04.650 --> 36:04.950 steht. 36:05.470 --> 36:10.090 Also dieses Past Character Data ist einfach Fließtext, wobei dieser 36:10.090 --> 36:14.870 Fließtext durchaus nach irgendwelchen Steuerelementen durchsucht wird. 36:15.310 --> 36:18.290 Wenn dort weitere Steuerelemente auftauchen sollten, werden die auch 36:18.290 --> 36:19.510 erkannt, deswegen Past. 36:19.510 --> 36:21.250 Also analysiert. 36:21.590 --> 36:23.510 Es gibt auch einfach nur Character Data. 36:23.730 --> 36:26.030 Das wäre Text, der überhaupt nicht weiter analysiert wird. 36:27.070 --> 36:27.710 Gut. 36:28.730 --> 36:30.870 Ein Beispiel dafür ist hier angegeben. 36:31.190 --> 36:37.250 Hier haben wir also so ein Dokument, das sehen wir. 36:37.370 --> 36:40.590 Hier steht Mini-HTML, Anfangsmarke, Endmarke. 36:40.650 --> 36:43.810 Hier ist also von der Option nicht Gebrauch gemacht worden, sondern 36:43.810 --> 36:48.810 wir haben hier Anfangs- und Endmarke Mini-HTML drin stehen. 36:48.810 --> 36:53.010 Und da drin steht zum Beispiel jetzt hier ein H1-Element. 36:54.030 --> 36:56.070 Dazwischen steht, dies ist eine Überschrift. 36:56.350 --> 36:58.970 Und dann steht dort ein Schrägstrich H1, die Endmarke. 36:59.550 --> 37:03.770 Als nächstes kommt ein P. Bei P steht, dies ist ein beliebiger Text. 37:04.470 --> 37:06.250 Und dann steht hier nochmal ein P-Element. 37:06.390 --> 37:07.870 Es können ja beliebig viele davon stehen. 37:08.470 --> 37:10.070 Und dann sehen Sie hier, dies ist... 37:10.070 --> 37:15.430 Jetzt sehen Sie auf einmal hier P. Dazu gehört zu diesem P hier, 37:15.550 --> 37:17.850 gehört als Endmarke das P dort. 37:17.850 --> 37:20.910 Jetzt ist es wichtig, dass das, was bei dem... 37:20.910 --> 37:27.810 Hier stand ja bei P, das kann Past-Character-Data hervor- oder betont 37:27.810 --> 37:28.030 sein. 37:28.110 --> 37:31.010 Das heißt, wir haben hier so eine Folge von Zeichen. 37:31.670 --> 37:35.350 Wenn jetzt diese Folge von Zeichen nicht wirklich auch analysiert 37:35.350 --> 37:38.850 werden würde, dann würde man gar nicht erkennen, dass hier vorne so 37:38.850 --> 37:40.590 ein kleiner Zeichen und hervor steht. 37:41.710 --> 37:44.910 Das ist aber Past-Character-Data, das heißt, der Text wird analysiert. 37:44.910 --> 37:48.110 Der Text, der zwischen dieser Anfangsmarke und der Endmarke 37:48.110 --> 37:49.410 Schrägstrich P steht. 37:50.790 --> 37:52.010 Deswegen erkennt man das. 37:52.070 --> 37:53.950 Hier steht also ein Element hervor. 37:54.730 --> 37:57.530 Und dieses Element hervor, da steht es also dazwischen nur 37:57.530 --> 37:58.270 hervorgehoben. 37:58.570 --> 38:01.730 Da steht nochmal etwas hervor, Endmarke und so weiter. 38:01.890 --> 38:05.530 Und hier, nächstes Element, da steht jetzt etwas mit betont. 38:06.130 --> 38:12.030 Fett gedruckt, betont, P. Das hier ist aber nur einfach ein Text oder 38:12.030 --> 38:15.010 ein Dokument, das ein bisschen Struktur bekommen hat. 38:15.170 --> 38:16.130 Ein bisschen Syntax dazu. 38:16.690 --> 38:25.030 Da stehen solche Syntax-Elemente wie Mini-HTML, H1, H1 Endmarke, P und 38:25.030 --> 38:25.450 so weiter. 38:25.650 --> 38:28.470 Das sind die Syntax-Elemente, der eigentliche Inhalt des Dokuments 38:28.470 --> 38:31.830 ist, dies ist eine Überschrift, dies ist beliebiger Text, dies ist 38:31.830 --> 38:34.210 hervorgehoben, dies ist fett gedruckt. 38:34.930 --> 38:37.890 Das wäre also eigentlich der Inhalt. 38:38.350 --> 38:40.550 Die Struktur ist angegeben durch diese Marke. 38:41.390 --> 38:43.410 Jetzt muss man sich überlegen, was passiert eigentlich damit? 38:44.050 --> 38:44.850 Da gibt es eine Frage. 38:46.970 --> 38:50.030 Könnte man die Folien auch ohne die Annotierung ins Netz stellen? 38:50.330 --> 38:54.170 Diese Frage habe ich bereits letztes Mal beantwortet. 38:54.270 --> 38:59.610 Wir hatten letztes Mal abgestimmt und es war von Ihnen gewünscht 38:59.610 --> 39:02.130 worden, dass die Folien ohne Annotierung ins Netz gestellt werden. 39:02.130 --> 39:02.990 Das werden wir auch machen. 39:03.710 --> 39:06.110 Die Frage ist damit, glaube ich, so beantwortet. 39:08.230 --> 39:15.830 Jetzt gehen wir zur nächsten Syntax-Semantik. 39:16.050 --> 39:18.030 Die Bedeutung des Ganzen wurde nicht festgelegt. 39:18.510 --> 39:28.170 Insbesondere auch die Visualisierung, die Präsentation, die ist hier 39:28.170 --> 39:28.970 so angedeutet. 39:28.970 --> 39:31.150 Da steht was mit hervor und mit betont. 39:32.070 --> 39:34.070 Aber das ist ja nur Text, mehr ist es nicht. 39:34.510 --> 39:36.610 Semantik, die Bedeutung des Ganzen ist auch nicht festgelegt. 39:36.690 --> 39:38.550 Ich sagte, bei EDI ist Semantik festgelegt. 39:39.090 --> 39:41.490 Semantik deswegen, weil es dort diese Standards gibt, wo genau 39:41.490 --> 39:46.370 angegeben ist, zu jeder Abkürzung, was ist die Bedeutung? 39:46.630 --> 39:47.610 Was wird damit gemeint? 39:47.690 --> 39:52.910 Wenn eine Artikelnummer steht, welche Artikelnummer wird darunter 39:52.910 --> 39:53.350 verstanden? 39:53.350 --> 39:58.650 Bei EDI oder EDI-Fact war durch diese ganzen Standards Syntax und 39:58.650 --> 40:02.490 Semantik festgelegt, Präsentation, Visualisierung spielte keine Rolle. 40:03.370 --> 40:08.190 Das spielt hier durchaus eine Rolle, nämlich wir schauen uns an die 40:08.190 --> 40:13.230 Visualisierung und müssen das machen mit einer entsprechenden DISL 40:13.230 --> 40:17.150 -Angabe und die könnte zum Beispiel so aussehen. 40:17.590 --> 40:20.150 Also, wir müssen jetzt angeben für... 40:21.810 --> 40:24.290 hier steht also DOCTYPE, das ist jetzt ein Style-Sheet. 40:25.110 --> 40:29.010 Also dieses Dokument hier ist ein Style-Sheet und richtet sich nach 40:29.010 --> 40:31.470 der Style-Sheet DTD. 40:33.110 --> 40:35.990 Das heißt, dafür gibt es auch eine Spezifikation, das wird angegeben, 40:36.130 --> 40:37.170 wonach sich das richtet. 40:37.730 --> 40:41.430 Und jetzt muss man für die einzelnen Elemente, die man hier 40:41.430 --> 40:48.190 beschreiben will, angeben, wie die darzustellen sind, also MINI-HTML. 40:48.690 --> 40:51.450 Da sehen Sie hier etwas, MAKE SIMPLE PAGE SEQUENCE. 40:51.850 --> 40:55.510 Wie das zu interpretieren ist, ist festgelegt in der Style-Sheet DTD. 40:56.130 --> 41:00.090 Das heißt, da gibt es wieder natürlich Angaben, wie so etwas zu 41:00.090 --> 41:00.790 interpretieren ist. 41:01.210 --> 41:07.410 Dann haben wir hier das Element H1 und da steht MAKE PARAGRAPH und 41:07.410 --> 41:11.230 hier soll ein bestimmter Zeichensatz verwendet werden, nämlich AREAL. 41:11.230 --> 41:18.410 Dann steht hier bei H1 FAT oder BOLD, 20 Punkt, LINE SPACING, 22 Punkt 41:18.410 --> 41:19.730 und so weiter. 41:20.650 --> 41:24.730 Und dann steht das nächste Element P, da steht auch MAKE PARAGRAPH, 41:25.130 --> 41:28.390 gleicher Zeichensatz, aber Sie sehen, hier ist eine andere 41:28.390 --> 41:32.430 Schriftgröße, nämlich nur 12 Punkt vorgesehen, andere Abstände nach 41:32.430 --> 41:35.070 vorne und nach hinten oder nach oben und unten. 41:36.110 --> 41:40.650 Das heißt, hier wird eine andere Art der Visualisierung für das 41:40.650 --> 41:42.490 Element P angedeutet. 41:43.370 --> 41:47.890 Und dann hatten wir noch diese Elemente HERVOR und BETONT. 41:48.430 --> 41:51.890 Und HERVOR soll einfach bedeuten, dass wir das in Italic oder Kursiv 41:51.890 --> 42:00.470 schreiben wollen und das BETONT soll einfach die folgende Sequenz als 42:00.470 --> 42:01.890 FETTGEDRUCKT darstellen. 42:02.470 --> 42:08.370 Jetzt haben wir Visualisierungen für den Inhalt angegeben und können 42:08.370 --> 42:13.230 also ein Dokument mit diesem Style Sheet dann tatsächlich auch 42:13.230 --> 42:13.990 visualisieren. 42:16.130 --> 42:18.690 Ich habe das jetzt gar nicht angegeben, wie das dann aussieht, aber 42:18.690 --> 42:19.350 das ist, glaube ich, klar. 42:19.850 --> 42:22.390 Das ist selbstverständlich nur ein ganz kleiner Ausschnitt der vielen 42:22.390 --> 42:24.270 Möglichkeiten, die SGML bietet. 42:25.110 --> 42:27.290 Da sind sehr, sehr viele Möglichkeiten drin. 42:27.290 --> 42:29.910 Sie können sich vorstellen, in der Druckindustrie gibt es zig 42:29.910 --> 42:32.570 verschiedene Möglichkeiten, Dinge zu drucken. 42:33.050 --> 42:34.990 Viele Parameter müssen da festgelegt werden. 42:35.170 --> 42:40.290 All die sind in dieser Visual Sprache beschreibbar. 42:41.630 --> 42:43.830 Also zunächst war das überwiegend in Redaktions- und 42:43.830 --> 42:45.130 Dokumentionssystemen enthalten. 42:46.270 --> 42:51.770 Und dann kam eben die große Anwendung, die weltweit Verbreitung 42:51.770 --> 42:58.010 gefunden hat, über diese Idee von dem Tim Berners-Lee, der HTML als 42:58.010 --> 43:01.110 eine spezielle Variante der SGML beschrieben hat. 43:01.210 --> 43:06.270 Das heißt, er hat eine DTD angegeben, eine Grammatik für die Struktur 43:06.270 --> 43:12.670 von bestimmten Dokumenten, und hat außerdem ein passendes Style Sheet 43:12.670 --> 43:13.290 angegeben. 43:13.970 --> 43:16.970 Wenn Sie schon einmal mit HTML gearbeitet haben oder gesehen haben, 43:17.030 --> 43:20.450 wie das aussieht, was die meisten von Ihnen getan haben werden, dann 43:20.450 --> 43:24.570 wissen Sie, dass man dort natürlich nur H1 oder P oder H2, H3, H4 43:24.570 --> 43:25.010 angibt. 43:25.310 --> 43:29.030 Und man weiß, damit ist gemeint eine Überschrift in einem bestimmten 43:29.030 --> 43:29.490 Format. 43:30.230 --> 43:32.830 Aber dass das in einem bestimmten Format dargestellt ist, ist halt nur 43:32.830 --> 43:37.810 möglich durch die Verbindung der SGML-DTD mit einem entsprechenden 43:37.810 --> 43:40.210 Style Sheet. 43:40.210 --> 43:47.470 Das heißt, HTML ist also ein mit SGML definierter Dokumententyp, mit 43:47.470 --> 43:49.430 festen Regeln für die Präsentation der Inhalte. 43:49.910 --> 43:53.750 Sie wissen auch alle wahrscheinlich inzwischen, oder aus anderen 43:53.750 --> 43:57.970 Quellen vermutlich, dass man durchaus in der Lage ist, die Art der 43:57.970 --> 44:01.050 Präsentation auch in HTML-Dokumenten noch weiter zu spezifizieren, 44:01.570 --> 44:04.170 über sogenannte Cascaded Style Sheets oder ähnliches. 44:04.490 --> 44:05.630 Da kommen wir später aber nochmal drauf. 44:05.630 --> 44:09.650 Aber normalerweise braucht man bei HTML keine Angaben darüber zu 44:09.650 --> 44:09.910 machen. 44:10.390 --> 44:14.650 Das wird alles schon durch diese Marken, die definiert sind in der 44:14.650 --> 44:21.590 HTML -DTD und dem Standard Style Sheet, alles schon festgelegt. 44:22.210 --> 44:27.370 Das heißt, wenn wir HTML verwenden, brauchen wir uns, um die 44:27.370 --> 44:29.750 Präsentation nicht zu kümmern, das ist alles schon festgelegt. 44:30.250 --> 44:33.290 Wir müssen natürlich wissen, welche Präsentationen da vorgesehen sind, 44:33.510 --> 44:36.910 aber das ist eigentlich keine große Schwierigkeit. 44:36.990 --> 44:38.010 Das muss man sich halt anschauen. 44:38.970 --> 44:42.490 Durch DTD und Style Sheets sind Semantik der Marken und Regeln für die 44:42.490 --> 44:44.170 Präsentation der Dokumente fest definiert. 44:44.490 --> 44:48.010 Natürlich wissen wir nichts über die Semantik der Inhalte. 44:48.090 --> 44:50.830 Wenn da drin etwas steht, wissen wir nicht, was der Inhalt bedeutet. 44:51.630 --> 44:53.630 Das kann man dann noch irgendwann hinzufügen. 44:54.830 --> 44:58.290 Ein wichtiger Punkt ist natürlich, dass wir relativ einfache Werkzeuge 44:58.290 --> 45:04.410 haben, um die HTML-Dokumente tatsächlich darzustellen, über Browser. 45:05.150 --> 45:08.930 Das sind ja die Darstellungswerkzeuge für HTML-Dokumente. 45:11.010 --> 45:18.050 Also schauen wir mal hier, was ich hier für ein Beispiel drin habe. 45:18.570 --> 45:20.390 Beispiel für ein HTML-Dokument. 45:20.450 --> 45:21.610 Ich hoffe, das ist etwas Vernünftiges. 45:21.610 --> 45:24.070 Da sehen wir ein Beispiel für ein HTML-Dokument. 45:25.850 --> 45:27.850 Ganz einfaches HTML-Dokument. 45:28.690 --> 45:29.950 Da steht einiges drin. 45:30.130 --> 45:32.190 Ich gehe mal hier gleich wieder raus. 45:33.310 --> 45:36.410 Und wir sehen das jetzt hier oben noch kurz eingeblendet. 45:36.510 --> 45:38.390 Das war das Dokument, was wir gerade gesehen haben. 45:38.950 --> 45:43.430 Was steht denn jetzt in so einem HTML-Dokument drin, damit das, was 45:43.430 --> 45:47.010 hier oben angegeben ist, tatsächlich erscheint? 45:48.430 --> 45:50.570 Das haben wir gerade eben gesehen. 45:51.190 --> 45:54.030 Das muss ja irgendwie als HTML-Dokument dargestellt sein. 45:54.150 --> 45:55.990 Und das ist das dazu passende HTML-Dokument. 45:56.750 --> 46:02.230 Also, hier haben wir zunächst mal vorne die HTML-Anfangsmarke. 46:02.910 --> 46:06.170 Entsprechend ist hier unten eine HTML-Endmarke. 46:06.910 --> 46:11.750 Dann gibt es eine Marke, die nennt sich Head. 46:12.390 --> 46:16.190 Sie laufen hier runter, da sehen wir, so lange ist also der Kopf für 46:16.190 --> 46:17.590 dieses Dokument hier beschrieben. 46:18.030 --> 46:19.370 Da steht noch ein Titel drin. 46:20.050 --> 46:21.710 Forschungsgruppe Effiziente Algorithmen. 46:22.410 --> 46:24.710 Der aber da gar nicht erscheint. 46:25.970 --> 46:30.490 Ja, anscheinend ist also dieser Titel nichts, was in dem Dokument 46:30.490 --> 46:34.310 tatsächlich dann präsentiert oder visualisiert wird. 46:34.770 --> 46:36.410 Das ist anscheinend etwas Internes. 46:36.410 --> 46:40.390 Dann steht hier noch etwas, das ist ein Kommentar, der hier steht. 46:40.650 --> 46:44.730 Also dieses spitze Klammer, Ausrufezeichen, zwei Striche ist ein 46:44.730 --> 46:48.450 Beginn eines Kommentars, den man verwenden kann, um irgendwelche 46:48.450 --> 46:51.710 Angaben zu machen, die zum Beispiel hier relevant sind. 46:52.150 --> 46:53.090 Änderungsdatum meinetwegen. 46:53.810 --> 46:58.990 So, dann steht hier etwas über den Rumpf, Body, Rumpf des Dokuments. 46:59.510 --> 47:01.750 Der Rumpf des Dokuments geht über diesen Bereich. 47:01.750 --> 47:04.570 Und hier steht nur eine Adresse drin. 47:05.450 --> 47:07.290 Zunächst mal, Address. 47:08.590 --> 47:12.730 Und da steht jetzt, Institut für, steht hier so ein komisches Zeichen. 47:13.530 --> 47:15.170 Das ist ja kein Ü. 47:15.830 --> 47:21.390 Da steht aber ein Und-Zeichen und dann U, um, n, Semikolon. 47:21.910 --> 47:25.190 Das ist halt das Zeichen für U, um, laut der sogenannten Entity. 47:25.850 --> 47:29.230 Man hat halt eine Reihe von Definitionen von Entities, ein HTML, mit 47:29.230 --> 47:33.850 dem man angeben kann, mit dem man bestimmte Zeichen definieren kann, 47:33.970 --> 47:38.750 die man als Text in einem Dokument nicht so ohne weiteres in jedem 47:38.750 --> 47:42.470 Zeichensatz, auf jedem Rechner zur Verfügung hat, aber die man 47:42.470 --> 47:45.350 durchaus präsentieren kann, die man drucken kann, die man darstellen 47:45.350 --> 47:45.750 kann. 47:46.250 --> 47:48.950 Und deswegen werden die halt dann so gekennzeichnet. 47:49.250 --> 47:54.510 Also, Universität Karlsruhe, Karlsruhe Germany und so weiter. 47:55.830 --> 47:58.230 Hier haben wir Institut für Angewandte Informatik und Formale 47:58.230 --> 47:58.970 Beschreibungsverfahren. 47:58.970 --> 48:00.710 Da geht es also los. 48:00.950 --> 48:03.950 Dann steht bei der Address auf einmal hier eine Klammer auf. 48:04.350 --> 48:09.450 Da oben mit dem Text sehen Sie hier Klammer auf und dann so kursiv A, 48:09.490 --> 48:11.670 I, F, B, etwas anders angegeben. 48:12.190 --> 48:16.610 Jetzt haben wir hier drin ein Tag. 48:17.210 --> 48:19.430 Ich hatte Ihnen gesagt, es gibt Tags mit Attributen. 48:19.430 --> 48:26.270 Hier haben wir ein Tag mit Attribut, nämlich hier steht eine Referenz, 48:27.130 --> 48:29.870 also Hypertext-Referenz, Hypertext-Link. 48:30.190 --> 48:37.610 Da ist eine URL angegeben, www.aifb-unikarlsruhe.de und jetzt steht 48:37.610 --> 48:38.930 dahinter A, I, F, B. 48:39.250 --> 48:44.110 Das A, I, F, B wird hier oben angegeben und dahinter ist die Endmarke 48:44.110 --> 48:51.270 für diesen Link und Klammer wieder zu. 48:51.610 --> 48:52.490 Das ist das Ende der Adresse. 48:53.250 --> 48:55.370 Sie sehen, die Adresse wurde hier kursiv angegeben. 48:55.510 --> 48:57.010 Das steckt also in dem HTML drin. 48:57.330 --> 49:00.970 Wenn man diese Marke verwendet, wird es automatisch kursiv angegeben. 49:01.390 --> 49:03.390 Dann haben wir hier ein Brr für Break. 49:03.870 --> 49:05.530 Da wird also eine neue Zeile gegangen. 49:05.530 --> 49:10.030 Es steht hier ein Text, der wird genauso dort angegeben, Universität 49:10.030 --> 49:13.330 Karlsruhe, hier also ein A-Umlaut usw. 49:13.990 --> 49:20.610 Dann haben wir einen Paragrafen, ein P, ein IMG, ein Bild und da muss 49:20.610 --> 49:22.450 man angeben, wo das Bild herkommt. 49:22.630 --> 49:28.670 Source ist hier ein Dateiname, der in diesem Fall auf der gleichen 49:28.670 --> 49:34.830 Verzeichnisstufe stehen muss wie dieses HTML-Dokument, denn es wird 49:34.830 --> 49:36.150 nur so drauf verwiesen. 49:36.770 --> 49:42.010 Etwas, wo ich gleich darauf hinweisen möchte, es gibt manche HTML 49:42.010 --> 49:47.890 -Seiten, bei denen die Autoren harte, ganz vollständige URLs 49:47.890 --> 49:51.270 reinschreiben und dann also z.B. 49:51.470 --> 49:54.730 hier drin genau spezifizieren, wo dieses Bild steht. 49:54.730 --> 50:02.610 Wenn Sie dann Ihre HTML-Seite irgendwo anders hingehen, kann es 50:02.610 --> 50:06.850 natürlich sein, dass der Pfad noch stimmt, aber wenn Sie das insgesamt 50:06.850 --> 50:10.010 woanders hin bewegen mit dem Bild, stimmt auf einmal die Referenz 50:10.010 --> 50:10.430 nicht mehr. 50:10.670 --> 50:14.870 Also in einem HTML-Dokument absolute Referenzen anzugeben, kann sehr 50:14.870 --> 50:15.590 gefährlich sein. 50:16.330 --> 50:20.090 Man sollte in der Regel dafür relative Adressen angeben. 50:20.150 --> 50:24.790 Das ist hier eine relative Adresse, die eben spezifiziert im gleichen 50:24.790 --> 50:26.750 Verzeichnis dieses Dokument. 50:27.310 --> 50:30.810 Und dann wird noch angegeben, dass dort kein Rand drum sein soll. 50:30.970 --> 50:36.010 Border kann man also angeben, wie viel Punktstrichstärke man hier eine 50:36.010 --> 50:37.930 Umrandung haben möchte für das Bild. 50:38.310 --> 50:42.050 Dann gibt man die Höhe in Pixel an und die Breite in Pixel. 50:42.930 --> 50:47.270 Also 300 x 400 und da wird genau dieses Bild dargestellt, wie Sie da 50:47.270 --> 50:47.650 oben sehen. 50:48.070 --> 50:50.510 Und dann geht es unten weiter mit einer Überschrift H1 50:50.510 --> 50:52.130 Forschungsgruppe Effiziente Algorithmen. 50:52.650 --> 50:54.470 Darunter H4 Mitarbeiter. 50:54.650 --> 51:01.570 Sie sehen H4 hat eine kleinere Zeichengröße als H1. 51:02.110 --> 51:04.830 Und damit ist der Rumpf beendet und das Dokument beendet. 51:04.830 --> 51:10.270 Also ganz kurze Beschreibung eines HTML Dokuments. 51:10.570 --> 51:11.710 Ein sehr einfaches Dokument. 51:12.090 --> 51:14.770 Sie sehen hier wenige Elemente, die man dort verwendet. 51:14.850 --> 51:18.690 Ich werde gleich nochmal ganz kurz auf so ein paar andere Elemente 51:18.690 --> 51:20.910 eingehen, die man verwenden kann. 51:21.730 --> 51:24.970 Also, das Wesentliche ist, ich brauche mich hier um Präsentation gar 51:24.970 --> 51:25.730 nicht weiter zu kümmern. 51:26.250 --> 51:28.330 Ich kann durchaus, beziehungsweise einen Punkt haben wir hier, da 51:28.330 --> 51:30.010 haben wir uns umgekümmert, bei Body bin ich gar nicht drauf 51:30.010 --> 51:32.230 eingegangen, ist ein Attribut Background Color. 51:32.230 --> 51:35.210 Hier steht Background Color und dann steht hier ein Wert. 51:36.710 --> 51:39.770 Da steht also ein numerischer Wert, FFFFFFF und so weiter. 51:40.250 --> 51:42.070 Das ist halt die Spezifikation für Weiß. 51:42.970 --> 51:46.690 Es werden alle Farbkomponenten hier miteinander gemischt, deswegen 51:46.690 --> 51:47.490 habe ich hier Weiß. 51:49.670 --> 51:54.050 Und so kann man also die Hintergrundfarben für die Darstellung des 51:54.050 --> 51:55.710 Dokuments hier spezifizieren. 51:56.030 --> 51:57.850 Das ist hier mit Weiß angegeben. 51:58.590 --> 52:02.670 Gut, dann gehen wir mal auf die nächste Folie. 52:02.810 --> 52:06.770 Allgemeine Struktur von HTML-Dokumenten ist halt so, dass wir vorne 52:06.770 --> 52:08.210 anfangen mit einem HTML-Tag. 52:08.530 --> 52:11.770 Da haben wir irgendwo so einen Kopf, da können noch so ein paar andere 52:11.770 --> 52:12.730 Sachen drin vorkommen. 52:13.510 --> 52:19.970 Und wir haben dann einen Rumpf und der Text, der im Rumpf ist, 52:20.070 --> 52:22.670 erscheint im Fenster des Browsers. 52:22.670 --> 52:27.010 Das, was hier zwischen Titel und Titelende steht, das erscheint in der 52:27.010 --> 52:31.250 Titelzeile des Browserfensters, damit man eben auch in der Titelzeile 52:31.250 --> 52:34.450 sieht, wie ist eigentlich der Name dieses Dokuments. 52:34.910 --> 52:38.830 Und das ist auch so, wenn Sie den Link irgendwann sich merken, ist das 52:38.830 --> 52:42.590 genau der Name des Links, den Sie sich irgendwo abspeichern. 52:43.790 --> 52:49.750 Gut, wenn Sie über HTML etwas wirklich ausführlich wissen sollen, dann 52:49.750 --> 52:53.310 verweise ich Sie auf die Webseite von self.html. 52:54.090 --> 52:59.890 Das ist eine sehr ausführliche Beschreibung von HTML und all seinen 52:59.890 --> 53:00.930 vielen Varianten. 53:01.470 --> 53:05.630 Mit schönen Tutorials da drin kann man wirklich empfehlen, sich das 53:05.630 --> 53:06.090 anzuschauen. 53:07.310 --> 53:13.150 Ich werde hier nur auf so ein paar Dinge noch eingehen, aber nicht 53:13.150 --> 53:15.010 sehr in die Tiefe. 53:15.010 --> 53:19.010 Ich will Ihnen also ein paar Beispiele der Formatierung in HTML 53:19.010 --> 53:21.030 -Dokumenten hier zeigen. 53:22.090 --> 53:25.790 Zum Beispiel hatten wir schon gesehen, neue Zeile kann man angeben, 53:25.890 --> 53:30.410 man kann Paragraphen angeben, man kann sagen, ob das linksbündig sein 53:30.410 --> 53:33.130 soll, rechtsbündig oder zentriert sein soll. 53:34.050 --> 53:38.250 Sie können unterschiedliche Arten von Überschriften machen, also von 53:38.250 --> 53:46.330 Ebene 1 bis Ebene 6 unterschiedliche Schriftgrößen haben Sie dabei. 53:48.190 --> 53:53.590 Sie können dabei als Attribut noch angeben, wie diese Überschrift 53:53.590 --> 53:54.890 ausgerichtet sein soll. 53:54.970 --> 53:57.490 Links, rechtsbündig oder mittig, zentriert. 53:57.890 --> 54:02.430 Sie können Fettdruck angeben, Sie können Kursivschrift angeben, Sie 54:02.430 --> 54:05.870 können unterstreichen lassen, Sie können blinkenden Text machen, wenn 54:05.870 --> 54:06.390 Sie wollen. 54:07.350 --> 54:08.330 Auch das ist möglich. 54:08.970 --> 54:12.530 Sie können ein Superscript angeben. 54:13.230 --> 54:18.730 Das heißt, wenn Sie zum Beispiel x hoch i schreiben wollen, müssen Sie 54:18.730 --> 54:20.490 ein i hochgestellt machen. 54:20.590 --> 54:23.510 Das geht dann über Superscript. 54:24.170 --> 54:28.490 Oder wenn Sie irgendein xn schreiben wollen, dann haben Sie ein 54:28.490 --> 54:29.990 Subscript tiefgestellt. 54:30.430 --> 54:31.270 Auch das ist möglich. 54:31.270 --> 54:34.930 Sie können etwas größer machen, Sie können etwas kleiner machen. 54:36.110 --> 54:37.550 Also groß oder klein. 54:38.130 --> 54:41.290 Alle diese Möglichkeiten gibt es da in HTML. 54:42.190 --> 54:45.150 Weitere Dinge, Farben, Größe, Schriftart. 54:47.190 --> 54:53.790 Es gibt im Rumpftag eine ganze Reihe von Attributen, die man angeben 54:53.790 --> 54:54.130 kann. 54:54.570 --> 54:58.750 Ich hatte schon gesagt, man kann die Hintergrundfarbe angeben. 54:58.750 --> 55:00.950 Das war das hier, Hintergrundfarbe. 55:01.750 --> 55:04.950 Sie können auch ein Hintergrund direkt angeben. 55:05.130 --> 55:08.730 Also wenn Sie gerne das Bild Ihrer Freundin drunter haben wollen oder 55:08.730 --> 55:12.710 ein schönes Haus oder was immer, irgendeine Grafik, können Sie 55:12.710 --> 55:14.530 Hintergrundgrafik für das Dokument angeben. 55:14.990 --> 55:18.050 Sie können dann die Textfarbe angeben. 55:18.470 --> 55:23.930 Sie können hier auch noch einen weiteren Link angeben. 55:23.930 --> 55:27.970 Das sind verschiedenste Sachen. 55:29.650 --> 55:32.770 Das heißt, die Farben von Links. 55:32.870 --> 55:36.210 Wie sollen Links dargestellt werden auf der Seite? 55:36.310 --> 55:38.150 Die werden in der Regel in einer anderen Farbe dargestellt. 55:38.770 --> 55:41.030 Wenn Sie den Link besucht haben, wird er wieder in der Farbe 55:41.030 --> 55:41.410 verändert. 55:41.870 --> 55:43.710 Das können Sie alles explizit spezifizieren. 55:44.110 --> 55:48.210 Sie müssen das nicht, weil es dafür Standarddefinitionen gibt. 55:48.830 --> 55:52.310 Aber Sie können es auch explizit in Ihrem Dokument alles festlegen. 55:52.310 --> 55:56.010 Und das alles wird angegeben als Wert einer Farbe. 55:56.490 --> 55:58.090 Also als Hexadezimal. 55:58.470 --> 56:00.350 Rot, Grün, Blau. 56:00.850 --> 56:02.550 Diese drei Werte werden dann angegeben. 56:03.230 --> 56:08.230 Und so wäre zum Beispiel hier dieses 00FF00 wäre grün. 56:08.870 --> 56:14.050 Also diese F ist hexadezimal angegeben. 56:14.550 --> 56:16.330 Also ist der Wert für 15. 56:16.330 --> 56:21.650 Und so können Sie also hier die verschiedenen Farben spezifizieren. 56:22.610 --> 56:31.170 Dann gibt es ein Font Tag, also Schriftart, Zeichensatzmarke. 56:31.370 --> 56:37.070 Hat halt verschiedene Sachen wie Größe, Farbe und auch nochmal die 56:37.070 --> 56:38.010 Schriftart. 56:39.750 --> 56:44.770 Dann hier zum Beispiel könnten Sie durch diese Angabe von Zeitz gleich 56:44.770 --> 56:50.050 1, Colour so und so, Face, Areal, Helvetica. 56:50.630 --> 56:54.590 Das ist jetzt nicht ein Punkt Schrift, die wäre ein bisschen klein. 56:55.050 --> 56:59.790 Sondern das ist in der Größentabelle, die bei HTML vorgesehen ist, die 56:59.790 --> 57:00.570 Tabelle 1. 57:00.710 --> 57:01.610 Das ist kleine Schrift. 57:02.190 --> 57:03.970 Die ist mittelblau, das hier ist 99. 57:05.250 --> 57:07.490 In Areal oder Helvetica. 57:08.230 --> 57:09.470 Das heißt, Sie haben hier eine Auswahl. 57:09.910 --> 57:11.850 Kann in einer dieser beiden Farben dargestellt werden. 57:11.950 --> 57:14.710 Das kann also der Browser im Prinzip dann weiter festlegen. 57:17.210 --> 57:19.590 Es gibt die Möglichkeit, Listen anzugeben. 57:20.330 --> 57:21.350 Ungeordnete Listen. 57:21.610 --> 57:24.330 Dann können Sie in einer Liste die Listenelemente angeben. 57:25.030 --> 57:30.110 Dort haben Sie eventuell Aufzählungspunkte. 57:30.110 --> 57:33.810 Es kann sein, dass Sie hier irgendwelche Balletts machen wollen. 57:33.930 --> 57:35.250 Oder Sie machen irgendwelche Striche. 57:36.170 --> 57:36.730 Oder was immer. 57:37.150 --> 57:40.110 Können Sie alles hier angeben in dieser Definition von Listen. 57:42.530 --> 57:47.770 Und dann können Sie genauso geordnete Listen angeben. 57:47.910 --> 57:50.130 Also geordnet alphabetisch oder numerisch. 57:50.650 --> 57:53.430 Und entsprechend bekommen Sie dann hier die geordneten Listen. 57:53.530 --> 57:56.590 Sie können Glossare angeben, also Definitionslisten. 57:56.590 --> 58:01.610 Da haben Sie jeweils ein Wort als Index vorne drin. 58:02.430 --> 58:05.190 Und Sie können dann entsprechend bei den Definitionslisten natürlich 58:05.190 --> 58:09.430 jeweils die einzelnen Definitionen angeben innerhalb dieser Elemente. 58:10.310 --> 58:12.610 Dann können Sie Linien eintragen. 58:12.730 --> 58:16.070 Horizontal Ruler genau angeben, wie die aussehen sollen. 58:16.310 --> 58:17.550 Wie breit die sind. 58:18.070 --> 58:18.910 Wie hoch die sind. 58:20.550 --> 58:22.910 All das ist machbar. 58:22.990 --> 58:24.550 Tabellen können Sie angeben. 58:26.210 --> 58:28.010 Also eine Tabelle. 58:30.270 --> 58:32.150 Also irgendwie eine Tabelle. 58:32.590 --> 58:35.250 Die einfachste Tabelle wäre natürlich irgend so etwas dieser Art. 58:35.850 --> 58:38.330 Aber das wäre eine einfache Matrix. 58:38.450 --> 58:40.150 Sie können bei Tabellen eben auch noch ein bisschen mehr 58:40.150 --> 58:40.890 spezifizieren. 58:41.370 --> 58:45.450 Sie können genau sagen, wie also die Größe sein soll. 58:46.310 --> 58:47.410 Farbe und so weiter. 58:47.510 --> 58:50.110 Sie können Tabellenzeilen angeben, Tabelleneinträge. 58:50.470 --> 58:52.430 Und dort auch noch mehr spezifizieren. 58:52.430 --> 58:56.330 Dann können Sie eine Tabellenüberschrift machen. 58:56.470 --> 58:58.070 Sie können die Ausrichtung festlegen. 58:58.790 --> 59:01.490 Also es gibt hier zig verschiedene Möglichkeiten. 59:03.690 --> 59:08.430 Schauen wir mal auf die Homepage des Rechenzentrums. 59:14.950 --> 59:18.570 Hier sehen Sie also so eine Seite. 59:19.370 --> 59:21.130 Was ist denn hier eigentlich drauf? 59:21.130 --> 59:23.250 Woher weiß ich denn, wie die dargestellt ist? 59:24.110 --> 59:28.190 Bei Internet Explorer ist leider diese Möglichkeit nicht so gut da. 59:29.090 --> 59:33.210 Ich gehe mal auf eine andere Seite. 59:36.830 --> 59:40.430 Ich gehe mal mit Netscape auf die Seite der Uni. 59:40.710 --> 59:43.790 Beziehungsweise hier habe ich die Seite der Fakultät. 59:44.570 --> 59:49.250 Hier habe ich also die Seite der Universität. 59:51.010 --> 59:52.490 Besucherseite der Universität. 59:52.650 --> 59:53.950 Ich komme da gleich noch mal drauf zurück. 59:54.190 --> 01:00:01.550 Ich würde aber gerne an dieser Stelle ein neues Fenster aufmachen. 01:00:03.190 --> 01:00:06.250 Und zwar das Fenster... 01:00:09.430 --> 01:00:10.010 Also, 01:00:14.220 --> 01:00:17.060 das ist die Seite des Rechenzentrums. 01:00:17.520 --> 01:00:20.960 Jetzt wollte ich darauf gehen, Ihnen zu zeigen, das kennen Sie aber 01:00:20.960 --> 01:00:21.600 wahrscheinlich auch alle. 01:00:21.700 --> 01:00:24.960 Wenn ich wissen will, wie ist die eigentlich aufgebaut, dann gehen wir 01:00:24.960 --> 01:00:28.740 hier rauf auf die Ansichtsseite. 01:00:28.880 --> 01:00:30.820 Ich will mir die Quelle ansehen. 01:00:31.420 --> 01:00:33.360 Und jetzt sehe ich, wie die geschrieben wurde. 01:00:34.100 --> 01:00:36.020 Und hier sehe ich, es geht genau los mit HTML. 01:00:36.320 --> 01:00:37.380 Dann steht da irgendein dieser Head. 01:00:38.100 --> 01:00:39.320 Da kommen wir gleich noch mal drauf zurück. 01:00:39.460 --> 01:00:46.080 Und hier unten irgendwo sehen Sie, da wollte ich drauf hinaus, hier 01:00:46.080 --> 01:00:48.800 sehen wir eine Table. 01:00:48.800 --> 01:00:50.460 Das heißt, das Ganze ist eine Tabelle. 01:00:52.240 --> 01:00:55.860 Eine Tabelle, die alle möglichen Inhalte hat. 01:00:56.620 --> 01:00:57.520 So sieht das aus. 01:00:57.820 --> 01:00:58.780 Alles wird hier beschrieben. 01:00:58.900 --> 01:01:00.840 Da steht also hier, Border gleich 0. 01:01:01.680 --> 01:01:03.160 Cellpadding 0, Cellspacing 0. 01:01:03.260 --> 01:01:06.040 Da oben stand irgendwas, Farbe angegeben. 01:01:06.560 --> 01:01:07.840 Name und so weiter. 01:01:07.980 --> 01:01:09.300 Verschiedenste Sachen sind da angegeben. 01:01:09.940 --> 01:01:13.960 So kann man natürlich auch leicht sich klar machen, wie schreibe ich 01:01:13.960 --> 01:01:14.980 am besten meine eigene Seite. 01:01:15.040 --> 01:01:16.580 Man nimmt sich irgendeine schöne Seite, die einem gefällt. 01:01:16.580 --> 01:01:19.000 Schaut sich an, wie ist das da eigentlich aufgeschrieben. 01:01:19.180 --> 01:01:22.240 Und kann sich dann dadurch inspirieren lassen, wie man seine eigenen 01:01:22.240 --> 01:01:23.140 Seiten schreiben könnte. 01:01:23.640 --> 01:01:26.640 Sofern das dort alles so tatsächlich verfügbar ist. 01:01:27.140 --> 01:01:28.440 Machen wir das mal wieder zu. 01:01:29.640 --> 01:01:37.140 Und gehen wir jetzt mal noch einmal kurz zurück zu unserer 01:01:37.140 --> 01:01:39.560 Präsentation. 01:01:40.000 --> 01:01:41.040 Das waren also Tabellen. 01:01:42.300 --> 01:01:44.040 Jetzt gehen wir weiter. 01:01:44.040 --> 01:01:47.420 Es gibt auch noch andere Arten, eine Seite zu strukturieren. 01:01:47.780 --> 01:01:50.120 Sie hätten ja gesehen, durch die Tabelle wurde die Seite strukturiert. 01:01:51.460 --> 01:01:55.400 Und wenn ich sie strukturiere, kann ich das auch anders machen. 01:01:55.500 --> 01:01:56.820 Ich kann das mit Frames machen. 01:01:58.400 --> 01:02:00.500 Frames erlauben Rahmen zu setzen. 01:02:00.820 --> 01:02:06.740 Also eine Seite hat natürlich zunächst mal einen Rahmen. 01:02:07.080 --> 01:02:09.620 Man könnte also sagen, eine Seite sieht vielleicht so aus. 01:02:10.060 --> 01:02:12.200 Das wäre mein HTML oder mein Browserfenster. 01:02:13.400 --> 01:02:15.100 Das wäre eins. 01:02:15.280 --> 01:02:18.960 Jetzt sage ich, ich möchte das einteilen in eine bestimmte Art von 01:02:18.960 --> 01:02:20.200 Bereichen. 01:02:21.080 --> 01:02:21.980 Ich will einen Rahmen setzen. 01:02:22.520 --> 01:02:26.360 Hier steht also zum Beispiel da, Rows 30%, 30%, 40%. 01:02:26.860 --> 01:02:28.540 Hier werden also drei Zeilen angegeben. 01:02:29.620 --> 01:02:35.200 Und es sollen also die 100% Browserfenster so angegeben werden, dass 01:02:35.200 --> 01:02:39.360 hier etwa so das angegeben wird. 01:02:40.360 --> 01:02:42.080 Das wären also jetzt meine Bereiche. 01:02:42.780 --> 01:02:48.580 Und jetzt kann ich in jeden dieser Bereiche eigene HTML-Inhalte 01:02:48.580 --> 01:02:49.820 reinschreiben. 01:02:50.880 --> 01:02:56.680 Also man kann ein Browserfenster unterteilen in ein voneinander 01:02:56.680 --> 01:03:03.380 unabhängige Bereiche und kann das entweder absolut machen, durch 01:03:03.380 --> 01:03:05.180 Angabe, wie groß die sein sollen. 01:03:05.280 --> 01:03:06.720 Ich kann es aber auch relativ machen. 01:03:06.720 --> 01:03:10.760 Der Vorteil der Relativangabe ist, dass ich mich immer anpasse an die 01:03:10.760 --> 01:03:12.460 aktuelle Größe des Browserfensters. 01:03:12.960 --> 01:03:16.880 Etwas, was man immer machen sollte, dass man bei der Darstellung 01:03:16.880 --> 01:03:21.160 seiner Webseiten das so macht, dass der Betrachter immer den Eindruck 01:03:21.160 --> 01:03:24.220 hat, die Seiten sind angepasst an seine aktuelle Größe des 01:03:24.220 --> 01:03:24.940 Browserfensters. 01:03:25.240 --> 01:03:30.100 Es ist schlecht, wenn man Seiten so gestaltet, dass man bei einem zu 01:03:30.100 --> 01:03:32.680 kleinen Fenster nur einen kleinen Ausschnitt der Seite sieht, sondern 01:03:32.680 --> 01:03:35.020 man sollte das angepasst bekommen. 01:03:35.020 --> 01:03:38.960 Insbesondere sollte Text natürlich immer automatisch sich anpassen an 01:03:38.960 --> 01:03:39.800 die Größe des Fensters. 01:03:40.240 --> 01:03:42.820 Sie finden manche schlecht entworfene Seiten, bei denen das nicht der 01:03:42.820 --> 01:03:43.300 Fall ist. 01:03:44.260 --> 01:03:48.460 So, jetzt ist das also eine Möglichkeit. 01:03:48.600 --> 01:03:50.040 Sie können genauso gut Spalten angeben. 01:03:50.740 --> 01:03:55.400 Und hier habe ich das so angegeben, 20%, 20%, 20% und dann steht hier 01:03:55.400 --> 01:03:57.660 die rechteste mit der Restbreite. 01:03:57.760 --> 01:04:00.560 Das heißt, ich muss mir nicht ausrechnen, dass jetzt gerade noch 40% 01:04:00.560 --> 01:04:01.260 übrig wären. 01:04:01.260 --> 01:04:08.460 Der Rest wird dann halt der restliche Bereich. 01:04:09.660 --> 01:04:19.340 Und man kann dann für jeden einzelnen Rahmen angeben, welche HTML 01:04:19.340 --> 01:04:21.160 -Seite dort verwendet werden soll. 01:04:21.240 --> 01:04:22.260 Also, wir haben hier einen Source. 01:04:22.900 --> 01:04:25.600 Für diesen Frame Name rechtes Fenster. 01:04:25.600 --> 01:04:32.160 So wird also jetzt hier sukzessive angegeben, welche Inhalte dann in 01:04:32.160 --> 01:04:34.620 diesen einzelnen Frames drin sein sollen. 01:04:35.960 --> 01:04:45.380 Und jetzt gehe ich mal wieder kurz auf meine Seite, also meinetwegen 01:04:45.380 --> 01:04:46.440 hier Uni Car School. 01:04:46.860 --> 01:04:48.160 Diese Besucher-Seite. 01:04:48.620 --> 01:04:54.200 Schauen wir mal an, was hier tatsächlich sich verbirgt. 01:04:54.200 --> 01:04:56.160 Und da sehen Sie, hier haben wir Frames. 01:04:58.880 --> 01:05:00.600 Hier stehen also jetzt Frames. 01:05:00.680 --> 01:05:05.700 Hier unten geht es los mit Frameset. 01:05:06.080 --> 01:05:07.040 Da steht Rows. 01:05:08.140 --> 01:05:10.700 Und hier sehen Sie 112, Stern. 01:05:11.020 --> 01:05:11.220 Aha. 01:05:14.840 --> 01:05:17.760 Keine Prozentangabe, keine relative Angabe, sondern eine absolute 01:05:17.760 --> 01:05:18.360 Angabe. 01:05:18.360 --> 01:05:19.660 Daneben ein Stern. 01:05:22.740 --> 01:05:26.880 Sie haben oben eine feste Höhe für eine Zeile. 01:05:27.140 --> 01:05:28.300 Das ist diese Kopfzeile. 01:05:28.920 --> 01:05:30.680 Und der ganze Rest ist ein weiterer Frame. 01:05:31.960 --> 01:05:39.440 So, dann haben wir hier Sources für die beiden Frames. 01:05:40.060 --> 01:05:42.980 Einmal steht hier Uni-Besucher-Nav-HTML. 01:05:43.100 --> 01:05:44.080 Das ist die Navigation. 01:05:44.080 --> 01:05:47.880 Und das andere ist für die Besucher-Main-Seite. 01:05:48.040 --> 01:05:51.600 Da wird irgendwo über einen PHP-Skript, da kommen wir später nochmal 01:05:51.600 --> 01:05:55.420 drauf, was das ist, werden hier die Inhalte bereitgestellt. 01:05:55.540 --> 01:05:59.280 Das ist hier genau gesagt, wie dieser Frame aussehen soll. 01:05:59.980 --> 01:06:02.020 Und hier unten steht noch etwas für No-Frames. 01:06:02.180 --> 01:06:02.980 Das ist auch wichtig. 01:06:03.100 --> 01:06:08.420 Bei No-Frames gibt man an für Browser, die keine Frames darstellen 01:06:08.420 --> 01:06:12.640 können, die es ja gibt, die sollen trotzdem in der Lage sein, einen 01:06:12.640 --> 01:06:13.160 Text darzustellen. 01:06:13.160 --> 01:06:16.980 Und hier steht dann der Text, die Seiten der Universität Karlsruhe 01:06:16.980 --> 01:06:19.260 werden mithilfe von Frames aufgebaut. 01:06:20.000 --> 01:06:23.700 Sie sehen beim Rechenzentrum sahen die zwar optisch genauso aus, da 01:06:23.700 --> 01:06:25.360 waren es aber Tabellen, da waren es keine Frames. 01:06:30.080 --> 01:06:32.370 Und hier brauchen wir gar nicht weiterzumachen. 01:06:36.690 --> 01:06:39.090 Dies wird halt mit Frames gemacht. 01:06:39.690 --> 01:06:41.610 Ich gehe mal hier kurz wieder raus. 01:06:42.090 --> 01:06:46.990 Hier sehen Sie diese Inhalte. 01:06:47.450 --> 01:06:57.010 Wenn ich jetzt zum Beispiel auf irgendeine weitere Seite gehe, dann 01:06:57.010 --> 01:06:58.570 müsste Ihnen Folgendes auffallen. 01:06:58.570 --> 01:07:03.450 Wir sind jetzt hier gerade eben auf eine andere Seite gegangen, in dem 01:07:03.450 --> 01:07:04.290 unteren Frame. 01:07:04.890 --> 01:07:09.890 Aber das, was hier oben steht in unserer URL für die Seite, hat sich 01:07:09.890 --> 01:07:10.570 überhaupt nicht verändert. 01:07:12.070 --> 01:07:14.990 Das ist der große Nachteil, wenn Sie Frames verwenden. 01:07:15.370 --> 01:07:18.410 Sie wollen sich gerne etwas merken, was auf dieser Seite steht. 01:07:19.730 --> 01:07:20.970 Sie wollen sich etwas merken. 01:07:21.490 --> 01:07:24.190 Hier Informationstag Uni für Einsteiger. 01:07:24.230 --> 01:07:25.870 Sie wollen darauf einen Bookmark setzen. 01:07:25.870 --> 01:07:31.270 Sie gehen auf Bookmarks und sagen jetzt irgendwie Bookmark this page. 01:07:32.650 --> 01:07:36.450 Dann wird das, was hier oben steht, gemerkt. 01:07:37.830 --> 01:07:45.650 Und wenn ich jetzt nochmal darauf gehe und das Ding jetzt suche, bin 01:07:45.650 --> 01:07:46.690 ich wieder zurück auf der Seite. 01:07:47.530 --> 01:07:51.430 Das heißt, ich kann mir bei einer Seite, die mit Frames aufgebaut ist, 01:07:52.150 --> 01:07:56.550 nicht durch einen Bookmark merken, wo auf welcher Unterseite in 01:07:56.550 --> 01:07:58.530 irgendeinem anderen Frame ich gerade gelandet bin. 01:07:59.250 --> 01:08:00.330 Bei Netscape geht das. 01:08:00.410 --> 01:08:04.110 Da kann ich dann sagen, dass man speziell auf diese Seite verweisen 01:08:04.110 --> 01:08:06.550 möchte, auf diesen Frame. 01:08:06.610 --> 01:08:07.470 Das kann man da durchaus machen. 01:08:07.570 --> 01:08:10.490 Das geht aber nicht mit jedem Browser. 01:08:11.350 --> 01:08:13.110 Also das sind durchaus gewisse Nachteile. 01:08:13.110 --> 01:08:15.750 Ich will nochmal kurz auf einen Aspekt zurückkommen. 01:08:18.330 --> 01:08:21.290 Nämlich, oder komm, das mache ich jetzt gleich, damit wir das hier 01:08:21.290 --> 01:08:21.930 hinter uns haben. 01:08:22.750 --> 01:08:24.210 Also Page Source nochmal. 01:08:25.010 --> 01:08:28.710 Sie sehen hier bei Page Source etwas, worauf ich gar nicht eingegangen 01:08:28.710 --> 01:08:28.930 bin. 01:08:29.030 --> 01:08:30.770 Da kommen wir gleich drauf auf den Folien. 01:08:31.210 --> 01:08:32.810 Hier steht etwas über Meta. 01:08:33.390 --> 01:08:37.330 Das ist nicht der Vorname einer netten Dame Meta, sondern das sind 01:08:37.330 --> 01:08:39.310 halt Meta-Informationen. 01:08:39.330 --> 01:08:41.530 Also Informationen über dieses Dokument. 01:08:41.530 --> 01:08:47.570 Das sind keine Informationen, die dargestellt werden sollen, sondern 01:08:47.570 --> 01:08:50.350 das sind Informationen über das Dokument. 01:08:50.890 --> 01:08:52.390 Und da geht es los mit Keywords. 01:08:55.650 --> 01:08:57.170 Keywords, Content. 01:08:57.790 --> 01:09:01.390 Bei Content, Keywords steht, herzlich willkommen an der Universität 01:09:01.390 --> 01:09:01.950 Karlsruhe. 01:09:03.010 --> 01:09:04.070 Seltsame Keywords. 01:09:04.890 --> 01:09:07.630 Meta-Name, Description steht, herzlich willkommen an der Universität 01:09:07.630 --> 01:09:08.170 Karlsruhe. 01:09:10.090 --> 01:09:11.210 Das ist witzig. 01:09:12.430 --> 01:09:14.310 Und Author, okay, das ist alles in Ordnung. 01:09:14.450 --> 01:09:15.910 Also Name, Author, Name, Date. 01:09:16.350 --> 01:09:17.530 Ich würde da was anderes erwarten. 01:09:18.030 --> 01:09:22.430 Schauen wir doch mal, was da beim Rechenzentrum steht. 01:09:23.290 --> 01:09:25.710 Wenn wir da auf die entsprechende Seite gehen. 01:09:28.270 --> 01:09:35.590 Da haben wir natürlich auch Meta-Informationen. 01:09:35.590 --> 01:09:40.590 Und da sehen Sie, da sind andere Sachen angegeben. 01:09:42.070 --> 01:09:45.410 Hier steht Meta, HTTP-Equivalent und so weiter. 01:09:45.650 --> 01:09:46.750 Da ist ein Titel angegeben. 01:09:47.230 --> 01:09:49.050 Dann steht hier was über Author, Name. 01:09:49.970 --> 01:09:51.490 Also hier Author, Date, Expires. 01:09:52.030 --> 01:09:53.490 Da steht was über Robots. 01:09:54.670 --> 01:09:56.990 Da steht was über Revisit after 30 days. 01:09:57.230 --> 01:09:59.770 Aha, Robot, kurz Vorgriff auf das, was später kommt. 01:10:00.470 --> 01:10:05.850 Robots sind Suchmaschinen, die Teile von Suchmaschinen, die 01:10:05.850 --> 01:10:09.470 Informationen aus Webseiten rausholen, die alle möglichen Webseiten 01:10:09.470 --> 01:10:09.950 besuchen. 01:10:10.430 --> 01:10:13.890 Und wenn also ein Roboter so ein Suchprogramm, so ein 01:10:13.890 --> 01:10:18.490 Suchmaschinenprogramm auf diese Seite trifft, dann soll dieser Robot 01:10:18.490 --> 01:10:23.990 die Seite indizieren, also die Seite darf er indizieren und er soll 01:10:23.990 --> 01:10:26.270 nachverfolgen, was hier weiter... 01:10:26.270 --> 01:10:29.550 er darf auch links verfolgen, darf also auch aus dieser Seite heraus 01:10:29.550 --> 01:10:32.450 auf weitere links gehen. 01:10:33.210 --> 01:10:36.910 Und es ist ein Hinweis, Revisit after 30 days. 01:10:37.070 --> 01:10:40.750 Das heißt, man empfiehlt der Suchmaschine, nach 30 Tagen wieder auf 01:10:40.750 --> 01:10:43.170 diese Seite zu gehen, um nach Änderungen zu suchen. 01:10:44.130 --> 01:10:47.830 Das heißt, hier kann man praktisch Metainformationen angeben, damit 01:10:47.830 --> 01:10:51.850 die Werkzeuge, die tatsächlich auf diese Seiten systematisch 01:10:51.850 --> 01:10:54.390 zugreifen, das auch in einer vernünftigen Art und Weise machen. 01:10:55.650 --> 01:10:57.550 Gehen wir mal auf noch eine andere Seite, vielleicht hat ja 01:10:57.550 --> 01:10:58.570 irgendjemand anders... 01:10:58.570 --> 01:11:00.350 Richtig, hier, die Gesellschaft für Informatik. 01:11:01.090 --> 01:11:03.870 Auch eine wichtige Seite, die immer sehr interessante Sachen enthält, 01:11:03.990 --> 01:11:05.930 unter anderem auch für Studis und Azubis. 01:11:07.190 --> 01:11:09.070 Da stehen also auch interessante Sachen drin. 01:11:10.030 --> 01:11:16.010 Jetzt schauen wir mal, ob da tatsächlich in der Page so etwas 01:11:16.010 --> 01:11:16.870 Vernünftiges steht. 01:11:17.830 --> 01:11:20.810 Da sehen Sie Keywords zum Beispiel. 01:11:20.810 --> 01:11:25.870 Und da steht bei Keywords Informatik, Gesellschaft, Gruppierung, 01:11:26.110 --> 01:11:27.590 Professor, Studierende, Student. 01:11:28.490 --> 01:11:30.490 Das ist eine vernünftige Angabe von Keywords. 01:11:32.170 --> 01:11:39.610 Also, hier ist zu merken, Meta-Tags, so nennen sich die, erlauben über 01:11:39.610 --> 01:11:45.010 die verschiedenen Arten von Meta-Tags, die definiert sind, die bekannt 01:11:45.010 --> 01:11:51.110 sind, diese Meta-Tags erlauben, hilfreiche Informationen zu geben, die 01:11:51.110 --> 01:11:55.090 von Suchmaschinen zum Beispiel verwendet werden können. 01:11:55.530 --> 01:12:00.130 Das ist etwas Wichtiges, wenn Seiten gefunden werden sollen. 01:12:00.770 --> 01:12:06.730 Und man sollte natürlich diese Meta-Informationen in der sinnvollen 01:12:06.730 --> 01:12:07.690 Art und Weise verwenden. 01:12:08.330 --> 01:12:11.390 Also wenn man schon Keywords reinschreibt, sollte man auch tatsächlich 01:12:11.390 --> 01:12:13.910 Keywords hingeben und nicht einfach irgendeinen Fließtext 01:12:13.910 --> 01:12:16.210 hinschreiben, der von niemandem verwendet werden kann. 01:12:17.130 --> 01:12:21.950 Also wenn ein Browser oder eine Suchmaschine jetzt bei Keywords guckt, 01:12:22.190 --> 01:12:25.630 bei der Universität Karlsruhe, da wird als Keyword willkommen 01:12:25.630 --> 01:12:28.990 angegeben und herzlich und Universität. 01:12:29.790 --> 01:12:32.330 Also ich möchte nicht, dass die Universität nach den Kriterien gesucht 01:12:32.330 --> 01:12:32.590 wird. 01:12:33.730 --> 01:12:36.010 Man muss genau aufpassen, was man macht. 01:12:37.770 --> 01:12:38.730 So, zurück. 01:12:38.910 --> 01:12:51.250 Wir wollten uns eigentlich nur angucken, was eigentlich bei den Frames 01:12:51.250 --> 01:12:51.670 gewesen ist. 01:12:51.690 --> 01:12:52.790 Ich hatte Ihnen diese Seite angegeben. 01:12:53.110 --> 01:12:55.750 Das ist also eine Art, wie man Seiten strukturieren kann. 01:12:56.050 --> 01:13:00.950 Durchaus sinnvoll, aber hat eben ihre Probleme, wenn es darum geht, 01:13:01.030 --> 01:13:02.930 dass man auf die Frames wieder zugreifen möchte. 01:13:02.930 --> 01:13:06.910 Und deswegen sind viele Seiten eben dann nicht als Frames angegeben, 01:13:07.010 --> 01:13:07.850 sondern als Tabellen. 01:13:08.550 --> 01:13:12.410 Da muss man aber dann eben immer alles, wenn immer man irgendwo 01:13:12.410 --> 01:13:15.950 Änderungen macht, muss man wieder ein ganzes Dokument machen, wo sich 01:13:15.950 --> 01:13:16.610 alles ändert. 01:13:16.930 --> 01:13:21.630 Bei Frames kann ich mich bei Änderungen kümmern um einzelne Bereiche 01:13:21.630 --> 01:13:22.230 meines Frames. 01:13:22.370 --> 01:13:24.890 Ich kann also meinetwegen mich nur darum kümmern oder brauche mich nur 01:13:24.890 --> 01:13:27.390 darum zu kümmern, was in diesen Bereichen jetzt geändert werden muss 01:13:27.390 --> 01:13:31.410 und kann die Sachen hier oben einfach, die brauche ich gar nicht 01:13:31.410 --> 01:13:35.930 anzufassen, die bleiben von Ihren HTML-Dokumenten her, die dort 01:13:35.930 --> 01:13:37.270 dargestellt werden, völlig gleich. 01:13:40.570 --> 01:13:43.950 Bilder können eingebunden werden, das habe ich Ihnen bereits gezeigt, 01:13:44.110 --> 01:13:45.390 bei dem einen kleinen Beispiel. 01:13:45.790 --> 01:13:50.130 Da gibt man halt eine Quelle an, man gibt an, wie das Bild dargestellt 01:13:50.130 --> 01:13:55.050 werden soll, in welchem Format und man kann außerdem noch angeben, 01:13:55.130 --> 01:13:58.630 falls irgendjemand Bilder nicht darstellt, sowas kann man einstellen 01:13:58.630 --> 01:14:01.730 beim Browser, dann kann man trotzdem einen sinnvollen Text da 01:14:01.730 --> 01:14:03.710 hinschreiben, zum Beispiel, hier sollte eigentlich ein Bild stehen. 01:14:04.750 --> 01:14:07.910 Also das ist wichtig, dass man auf sowas Rücksicht nimmt, wenn jemand 01:14:07.910 --> 01:14:11.570 eine bestimmte Funktionalität in seinem Browser nicht erlaubt, sollte 01:14:11.570 --> 01:14:13.410 trotzdem an der Stelle was Sinnvolles stehen. 01:14:14.230 --> 01:14:17.430 Gut, das zu diesen Möglichkeiten von Frames und von Bildern. 01:14:17.690 --> 01:14:21.150 Dann gibt es Möglichkeiten dort Videos reinzustellen, Audios oder eine 01:14:21.150 --> 01:14:26.610 ganze Reihe anderer Elemente und dann muss man auf eine Sache noch 01:14:26.610 --> 01:14:27.010 achten. 01:14:27.830 --> 01:14:31.610 Eigentlich denkt man ja, ich habe hier durch HTML bestimmte Sachen 01:14:31.610 --> 01:14:35.410 festgelegt, vielleicht noch irgendwelche Style Sheets, wie Dinge 01:14:35.410 --> 01:14:37.430 präsentiert werden sollen, wie die dargestellt werden sollen. 01:14:38.350 --> 01:14:42.310 Die Idee ist, dass jeder Browser diese Dinge eindeutig und einheitlich 01:14:42.310 --> 01:14:42.850 versteht. 01:14:43.810 --> 01:14:48.150 Die Realität ist aber leider eben anders. 01:14:48.150 --> 01:14:51.470 Sie werden das alle schon festgestellt haben, eine Seite, die Sie sich 01:14:51.470 --> 01:14:54.790 unter dem Internet Explorer anschauen, die kann ganz anders aussehen, 01:14:54.890 --> 01:14:57.810 als wenn Sie die gleiche Seite unter Netscape anschauen oder Opera 01:14:57.810 --> 01:15:02.610 oder sonst irgendeinem, also Mozilla oder was immer es noch an 01:15:02.610 --> 01:15:03.310 Browsern gibt. 01:15:04.470 --> 01:15:09.290 Das liegt einfach daran, dass leider diese Darstellungsinformationen, 01:15:09.290 --> 01:15:13.290 diese Dissel-Informationen, halt nicht eindeutig übernommen werden. 01:15:13.450 --> 01:15:15.390 Nicht in der gleichen Art und Weise übernommen werden. 01:15:15.390 --> 01:15:21.590 Und das führt zu der sehr unangenehmen Anforderung, dass man, wenn man 01:15:21.590 --> 01:15:26.470 Seiten präsentiert oder Seiten aufschreibt, natürlich darauf achten 01:15:26.470 --> 01:15:29.910 muss, dass die auch bei jedem Browser vernünftig dargestellt werden 01:15:29.910 --> 01:15:30.170 müssen. 01:15:30.890 --> 01:15:36.450 Also sobald man irgendwelche sehr komplexen, ausgefuchsten Details von 01:15:36.450 --> 01:15:40.570 HTML verwendet, von der neuesten Version von HTML, da muss man genau 01:15:40.570 --> 01:15:43.450 aufpassen, werden die eigentlich von allen Browsern unterstützt und 01:15:43.450 --> 01:15:46.750 was passiert bei den Browsern, wenn sie die nicht so unterstützen. 01:15:47.730 --> 01:15:52.050 Und das macht das Entwerfen von HTML-Seiten sehr aufwendig. 01:15:52.830 --> 01:15:54.910 Eigentlich unnötig und ungewünscht aufwendig. 01:15:55.010 --> 01:16:00.010 Eigentlich sollte, das war die Idee über HTML und diese Dissel 01:16:00.010 --> 01:16:01.490 -Sprache, alles geklärt sein. 01:16:02.070 --> 01:16:05.470 Leider, wie gesagt, haben einige Browser-Hersteller Wert darauf 01:16:05.470 --> 01:16:08.910 gelegt, dass etwas nur bei Ihnen so schön aussieht, mit einem 01:16:08.910 --> 01:16:11.050 bestimmten Hintergedanken, dass dann jemand, der das mit einem anderen 01:16:11.050 --> 01:16:14.130 Browser nicht so gut sehen kann, halt nur noch diesen einen Browser 01:16:14.130 --> 01:16:14.770 verwendet. 01:16:16.030 --> 01:16:19.190 Und wenn halt alle Entwerfer sich nur auf diesen einen Browser 01:16:19.190 --> 01:16:22.610 verlassen und nur darauf achten, dass es dort schön aussieht, dann 01:16:22.610 --> 01:16:24.290 werden halt nur noch diese Browser verwendet. 01:16:24.470 --> 01:16:27.370 Und wenn ein Betriebssystem diesen Browser nicht unterstützt, dann 01:16:27.370 --> 01:16:28.890 wird auch das Betriebssystem nicht verwendet. 01:16:30.190 --> 01:16:34.590 Und schon hat man einen Wartvorteil für eine bestimmte Firma. 01:16:35.470 --> 01:16:38.450 Also das kann aber auch sich irgendwann zu einem Nachteil auswirken. 01:16:39.950 --> 01:16:42.730 Hier kommen wir jetzt kurz zu den Meta-Informationen, das hatte ich 01:16:42.730 --> 01:16:43.310 Ihnen schon gesagt. 01:16:43.410 --> 01:16:48.110 Meta-Tags erlauben Angaben über das Dokument für verschiedenste 01:16:48.110 --> 01:16:48.370 Sachen. 01:16:48.990 --> 01:16:51.930 Hier ist nochmal kurz zitiert aus dem Dokument, was ich gerade gezeigt 01:16:51.930 --> 01:16:54.690 hatte, die Seite der Gesellschaft für Informatik. 01:16:55.110 --> 01:17:01.150 Da waren halt verschiedenste Informationen drin und die habe ich hier 01:17:01.150 --> 01:17:02.430 nochmal auf die Folie aufgenommen. 01:17:02.870 --> 01:17:06.010 Brauche ich glaube ich im Augenblick nicht genauer darauf einzugehen. 01:17:06.010 --> 01:17:09.210 Übrigens, hier sehe ich gerade eine Sache, Copyright. 01:17:10.150 --> 01:17:16.190 Etwas, was im Web ein ganz heißes Thema ist, ein ganz schwieriges 01:17:16.190 --> 01:17:16.570 Thema. 01:17:19.170 --> 01:17:22.070 Jede bildliche Darstellung hat natürlich ein Copyright. 01:17:22.710 --> 01:17:25.730 Da ist irgendein Entwerfer dabei, der hat ein Recht auf diese 01:17:25.730 --> 01:17:27.350 Darstellung, auf dieses Dokument. 01:17:27.970 --> 01:17:30.350 Und wenn man das dann an anderer Stelle verwendet, muss man natürlich 01:17:30.350 --> 01:17:32.450 Copyright, also Rechte beachten. 01:17:32.450 --> 01:17:42.190 Und das macht das Arbeiten mit Seiten, die man über das Web darstellen 01:17:42.190 --> 01:17:43.710 möchte, manchmal etwas kompliziert. 01:17:44.350 --> 01:17:45.570 Das Entwerfen dieser Seiten. 01:17:47.050 --> 01:17:50.650 Sie werden wenig Darstellungen, wenig Web-Auftritte finden, die 01:17:50.650 --> 01:17:54.030 tatsächlich vollständig darauf achten, dass sie alle Copyright 01:17:54.030 --> 01:17:55.850 -Regelungen einhalten. 01:17:57.770 --> 01:18:02.030 So, dann gibt es in HTML auch aktive Informationen, das kennen Sie 01:18:02.030 --> 01:18:05.150 alle aus Ihren Java-Vorlesungen. 01:18:06.070 --> 01:18:09.610 Sie können zum Beispiel in HTML Applets einfügen. 01:18:10.590 --> 01:18:15.170 Aktiven Code, der dann auf dem Rechner ausgeführt wird, der halt diese 01:18:15.170 --> 01:18:16.450 Seite darstellt. 01:18:17.670 --> 01:18:21.170 Also etwas, was wir vorhin bei EDI alles vermisst haben. 01:18:21.530 --> 01:18:23.770 Da gibt es keine aktiven Elemente drin. 01:18:23.770 --> 01:18:26.870 Hier können wir tatsächlich solche Dinge machen. 01:18:27.750 --> 01:18:30.190 Und Sie können außerdem noch wesentlich mehr machen. 01:18:30.630 --> 01:18:35.570 Sie können in Javascript eine Skript-Sprache auf Java basieren. 01:18:36.950 --> 01:18:42.370 Das ist eine gewisse Variante von... oder ist ja C-ähnlich oder wie 01:18:42.370 --> 01:18:42.630 immer. 01:18:42.630 --> 01:18:48.310 Oder können Sie in einer programmiersprachlichen Mutation halt 01:18:48.310 --> 01:18:51.770 spezifizieren, wie eine Seite aufgebaut werden soll. 01:18:51.930 --> 01:18:56.590 Oder wie Informationen zwischen Ihrem Rechner und dem Server 01:18:56.590 --> 01:18:58.630 ausgetauscht werden sollen. 01:18:58.750 --> 01:19:01.290 Welche Informationen vom Server runtergeladen werden sollen. 01:19:01.690 --> 01:19:03.830 Sie können dort verschiedenste Sachen spezifizieren. 01:19:04.370 --> 01:19:06.030 Darauf gehe ich an dieser Stelle nicht ein, sondern etwas später. 01:19:06.030 --> 01:19:09.150 CGI-Skripts, Common Gateway Interface. 01:19:09.910 --> 01:19:13.670 Also das sind noch wieder andere Möglichkeiten, wie man aktive 01:19:13.670 --> 01:19:15.110 Informationen dort einbetten kann. 01:19:15.530 --> 01:19:19.050 Servlets sind nicht direkt in dem Dokument drin, sondern sitzen auf 01:19:19.050 --> 01:19:20.530 dem Server. 01:19:21.090 --> 01:19:25.750 Aber werden eben aus dem HTML-Dokument heraus angesprochen. 01:19:26.270 --> 01:19:27.630 Auf diese Sachen gehen wir später nochmal ein. 01:19:29.090 --> 01:19:32.470 Gut, also was man sich hier merken muss, ist, dass man in HTML 01:19:32.470 --> 01:19:35.450 -Dokumenten halt auch aktive Informationen drin haben kann. 01:19:35.450 --> 01:19:40.030 Man kann also diese Seiten, die brauchen nicht statisch zu sein, die 01:19:40.030 --> 01:19:41.350 können sich dynamisch verändern. 01:19:42.430 --> 01:19:45.370 Und das ist ein ganz wichtiger Punkt, dass man solche Seiten anpassen 01:19:45.370 --> 01:19:50.130 kann an zum Beispiel Parameter des Rechners, Parameter des Benutzers 01:19:50.130 --> 01:19:51.190 und ähnliche Dinge. 01:19:52.930 --> 01:19:59.390 Und dadurch werden halt viele schöne Effekte möglich. 01:20:00.250 --> 01:20:04.070 Werkzeuge für HTML gibt es sehr, sehr viele. 01:20:05.070 --> 01:20:09.090 Zum Beispiel Dreamweaver oder Frontpage oder Sie können sich zig 01:20:09.090 --> 01:20:11.390 Editoren für HTML-Dokumente anschauen. 01:20:12.170 --> 01:20:15.810 Auch so die Standard-Texteditoren wie Word oder so, die erlauben auch, 01:20:15.890 --> 01:20:18.410 dass Sie das automatisch umwandeln in HTML. 01:20:19.630 --> 01:20:22.610 Es ist ganz interessant, sich anzuschauen, was aus einem einfachen 01:20:22.610 --> 01:20:26.370 Text in einem Word-Dokument geschieht, wenn Sie den als HTML-Dokument 01:20:26.370 --> 01:20:28.930 automatisch abspeichern lassen, was da alles dazukommt. 01:20:29.610 --> 01:20:32.770 So kompliziert stellt man sich die HTML-Seiten gar nicht vor, die 01:20:32.770 --> 01:20:35.570 dabei entstehen, aber sie werden sehr aufwendig. 01:20:37.690 --> 01:20:44.970 Hat durchaus seine Begründung, aber der Laie, der wundert sich, warum 01:20:44.970 --> 01:20:45.870 das alles da stehen muss. 01:20:45.870 --> 01:20:50.850 Also, wie gesagt, man kann Standard-Editoren oder Standard-Texte auch 01:20:50.850 --> 01:20:54.630 umwandeln von Word nach HTML, von PowerPoint nach HTML oder von TeX 01:20:54.630 --> 01:20:55.230 nach HTML. 01:20:55.750 --> 01:20:56.450 Das ist alles möglich. 01:20:56.570 --> 01:21:00.630 Auch von anderen Formaten werden solche automatischen Umwandlungen 01:21:00.630 --> 01:21:01.310 angeboten. 01:21:01.930 --> 01:21:06.670 Natürlich immer dann mit den Präsentationseinstellungen, die dort 01:21:06.670 --> 01:21:07.570 vorgesehen sind. 01:21:07.750 --> 01:21:10.770 Es soll natürlich genauso erscheinen, das Dokument, als wenn Sie es 01:21:10.770 --> 01:21:13.690 als Word-Dokument oder PowerPoint-Dokument anschauen würden. 01:21:14.650 --> 01:21:17.550 All dies ist also verfügbar. 01:21:18.590 --> 01:21:20.630 Was sind die Stärken von HTML? 01:21:21.750 --> 01:21:25.890 Eindeutig, dass wir einen Standard haben, der weltweit einheitlich ist 01:21:25.890 --> 01:21:30.430 für die Beschreibung, Strukturierung und Darstellung von Informationen 01:21:30.430 --> 01:21:31.130 im World Wide Web. 01:21:31.210 --> 01:21:32.450 Das ist ja der wesentliche Punkt. 01:21:33.210 --> 01:21:36.690 Ich kann mit HTML auf relativ einfache Art und Weise meine Dokumente 01:21:36.690 --> 01:21:44.070 beschreiben und im Prinzip ist dann klar, dass dieses Dokument auf der 01:21:44.070 --> 01:21:46.610 ganzen Welt in dieser Form angeschaut werden kann. 01:21:47.370 --> 01:21:53.130 Und das ist halt der wesentliche Grund für den Erfolg des World Wide 01:21:53.130 --> 01:21:53.470 Webs. 01:21:56.270 --> 01:21:57.570 Einfache Grundstruktur. 01:21:58.250 --> 01:22:01.950 Ich kann mit wenig Aufwand über eigene Webseiten Informationen 01:22:01.950 --> 01:22:02.750 verfügbar machen. 01:22:03.750 --> 01:22:06.610 Sogar wenn ich nicht HTML kenne, wenn ich diese einfachen 01:22:06.610 --> 01:22:07.730 Transformationen verwende. 01:22:08.230 --> 01:22:13.950 Aber wenn ich das direkt einsetze, dann kann man halt hier auf 01:22:13.950 --> 01:22:17.610 einfache Art und Weise mit den Sprachelementen, die ich Ihnen vorhin 01:22:17.610 --> 01:22:19.730 vorgestellt habe, Seiten formatieren. 01:22:20.910 --> 01:22:21.930 Was sind die Schwächen? 01:22:23.150 --> 01:22:27.630 Ich habe hier genau festgelegte Marken. 01:22:27.630 --> 01:22:29.590 Diese H1 bis H6. 01:22:30.190 --> 01:22:34.950 Ich habe ganz genau festgelegte Tags und Attribute. 01:22:35.530 --> 01:22:40.050 Ich habe keine Möglichkeit, in HTML weitere Marken einzuführen. 01:22:40.530 --> 01:22:42.930 Keine anwendungsspezifischen Dokumentstrukturen zu machen. 01:22:43.870 --> 01:22:48.390 Das, was wir im Prinzip bei EDI hatten, nämlich so branchen- oder 01:22:48.390 --> 01:22:54.590 firmenspezifisch Standards zu definieren und die dann einzusetzen, ist 01:22:54.590 --> 01:22:56.970 hier ganz bewusst nicht möglich. 01:22:57.430 --> 01:23:01.630 Ein einheitlicher Standard und dadurch kann auch jeder Browser das 01:23:01.630 --> 01:23:02.170 interpretieren. 01:23:02.890 --> 01:23:06.030 Also etwas, was ja eigentlich gut ist. 01:23:06.350 --> 01:23:09.950 Und trotzdem sage ich, ich möchte aber gerne für meine Seiten, für 01:23:09.950 --> 01:23:13.350 einige meiner Inhalte spezifische Tags gerne verwenden. 01:23:13.510 --> 01:23:15.030 Das geht im HTML eben nicht. 01:23:16.370 --> 01:23:21.230 Und das andere ist, dass die Meta-Informationen über Dokumente nicht 01:23:21.230 --> 01:23:23.810 systematisch darstellbar sind. 01:23:26.310 --> 01:23:30.550 Bei Netscape kann ich sie direkt anschauen über diese View-Funktion. 01:23:32.610 --> 01:23:35.610 Aber die Meta-Informationen sind natürlich sehr wichtig. 01:23:36.310 --> 01:23:39.450 Eigentlich müsste man im Browser aus dem Fenster haben, Meta 01:23:39.450 --> 01:23:42.930 -Informationen, dass man die sich da nochmal darstellen kann. 01:23:45.410 --> 01:23:50.390 Und gut, diese Meta-Informationen kamen halt später dazu, die waren 01:23:50.390 --> 01:23:52.150 ursprünglich im HTML gar nicht vorgesehen. 01:23:52.290 --> 01:23:53.490 Die sind später erst eingefügt worden. 01:23:54.430 --> 01:23:59.250 Und all das ist wesentlich besser machbar, wenn man XML einsetzt. 01:23:59.750 --> 01:24:02.790 Und wenn ich das richtig sehe, dann haben wir jetzt 13 Uhr, das heißt, 01:24:03.250 --> 01:24:07.270 dass wir nächstes Mal auf XML eingehen werden und damit auf den 01:24:07.270 --> 01:24:10.930 Standard, der sich heute eigentlich als der Standard für die 01:24:10.930 --> 01:24:12.950 Beschreibung von Dokumenten im World Wide Web durchsetzt. 01:24:13.750 --> 01:24:14.950 Vielen Dank, das war's. 01:24:15.730 --> 01:24:19.650 Die Aufgaben liegen hier vorne. 01:24:20.650 --> 01:24:22.670 Aufgabenzettel hat Herr Gunsch gerade reingebracht. 01:24:23.450 --> 01:24:25.890 Abgabetermin vor der nächsten Vorlesung, 11.30 Uhr. 01:24:26.170 --> 01:24:28.090 Vielen Dank, bis in 14 Tagen.