Im Laufe der Geschichte bilden sich Kulturen, Sprach-Typologien, Symbole und Schriftsysteme. Heute kann Sprache aufgezeichnet werden. In gewissen Grenzen können Schrift und Sprache aufeinander abgebildet werden. Textverarbeitung , Schrift-Zeichen , Schriften der Welt , Mathematische Zeichen Zeichen für Texte, Prgrammier-Code, Quellcode-Dateien, usw.,
In der Programmierung werden z.B. einzelne Zeichen verwendet ( Single Byte Character Set, Double Byte Character Set, Multibyte Character Sets ). Siehe z.B. de.wikipedia Zeichenkodierung . Zeichenketten bestehen aus einer Folge von Zeichen, genauer aus einer Folge von Zeichencodes ( Ordinalzahlen ). Bei ECMAScript gibt es Zeichenketten ( Strings ). Ein Zeichen hat nativ 2 Byte und ist eine Zeichenkettet mit der str.length = 1.
Das konkrete Aussehen eines Zeichen ergibt sich aus dem Font . Rasterorientierte Formate werden als Bitmap-Tabellen-Struktur gespeichert. Zum Darstellen eines Zeichen wird dessen Bitmap in den Bildschirmspeicher kopiert ( sehr schnell). Skalierbarer Vektorfonts und "True Type Fonts" werden als topologische-metrische Datenstruktur gespeichert. Zum Darstellen eines Zeichen wird mit Hilfe der Datenstruktur des Zeichens die zugehörigen Bitmap-Pixel berechnet und in den Bildschirmspeicher gesetzt ( rendern ).
Weltweite-Zeichensätze legen je Zeichen eine standardisierte Darstellungsform an und definieren die Ordinalzahl des Zeichen. Der UNICODE-Standard entspricht ISO 10646. w3.org Liste der Unicodeblöcke , w3.org HTML5 Character Entity Reference Chart
Schrift-Zeichen ( Weltweite Internet Unicode ), ECMAScript Schnellkurs ECMAScript-Strings , String-Beispiele , Toolchen für Unicodezeichen , Toolchen für UTF-8-Zeichen
In dieser Veranstaltung werden Problemstellungen für Web-App's grob umrissene. Es gibt hinreichend Freiraum für innovative Entwicklungen. Die Lösungen ( = Web-Apps ) enthalten eigenen Ideen. Plagiate sind out. Alle Apps ( incl. Dokumentation ) werden ( im Laufe des Semesters ) Bestandteil der eigenen HTML5-Projekt-Homepage.
Dieses erste Projekt entspricht einer einführenden Aufgabe und hat 3 Teile.
Welche Transformationen von String soll die App bewerkstelligen?
Was soll ich machen?
Ideenfindung siehe z.B.
Toolchen für UTF-8-Zeichen
Ideen können z.B. im Zusammenhang stehen mit: UTF-8-Zeichen und HTML-Entities, base64, Buchstaben zählen, Wörter zählen, Zeichen-Häufigkeiten ermitteln, Texte filtern, Texte vergleichen, UTF-8-Strings transformieren mithilfe von escape, unescape, encodeURI, decodeURI, encodeURIComponent, decodeURIComponent, atob, btoa String-Funktionen ( wie charAt, charCodeAt, concat, contains, indexOf, lastIndexOf, match, quote, replace, search, slice, split, substr, substring, trim, toLowerCase, toUpperCase ), Text generieren, Text-Templates, Code-Schnipsel, usw.
Diese erste, einführende Aufgabe beinhaltet die Erstellung einer eigenen Homepage, die danach für alle praktischen Teile der ESA-Veranstaltung verwendet wird.
Die Lösungen aller Praktikumsaufgaben werden Bestandteil der eigenen Homepage sein.
Es ist zweckmäßig, als Ausgangspunkt einen Homepage-Rahmen als erweiterbare Vorlage zu verwenden.
Ein Grundrahmen für das Portal kann hier herunter geladen werden:
Rahmen.zip
Wie sieht der Roh-Rahmen für die Homepage etwa aus?
Teste ESA-Rahmen
Was ist zu tun? Wie erfolgt der Upload? Wohin erfolgt der Upload? Wie werden Suchmaschinen-Indizierungen ausgegrenzt?
Der herunter geladene rahmen.zip wird lokal entpackt. Die entpackten Dateien werden mit einem geeigneten FTP-Programm ( z.B. FileZilla ) auf dem MNI-Server proteus.mni.fh-giessen.de in das Verzeichnis public_html/ hoch geladen.
Für das Hochladen brauchen sie
Rechnername : sftp://proteus.mni.fh-giessen.de mit Port 22 Benutzername: MEINE_BENUTZER_KENNUNG
Die entpackte Dateien-Struktur von rahmen.zip sollen in das Serververzeichnis public_html/.
Hinweis:
Zum proteus-HTTP-Root-Verzeichnis
http://proteus.mni.fh-giessen.de/~MEINE_BENUTZER_KENNUNG/
gehört das Server-Verzeichnis
public_html
Hinweis:
Zu jedem proteus-HTTP-Verzeichniss, also auch zu public_html
gehören i.a. die Appache-Rechte 0755 (oktal)
Hinweis:
Zu WWW-Dateien, wie z.B. *.htm, *.html, *.gif, *.jpg, *.css, *.js
gehören i.a. die Rechte 0644 (oktal)
Hinweis:
Damit die Seiten von SEO-Robots nicht gelesen werden,
ist robots.txt zu prüfen und in das Verzeichnis
public_html/
zu stellen.
Achtung! Nur in begründeten Ausnahmefällen (und erst nach Rücksprache!) kann ein anderer Server verwendet werden. Begründung erfolgt in der Veranstaltung.
Was ist der Kern der Aufgabe? Die Datei apps/app-1.htm bildet den Kern des zu entwickelnden Toolchen "Text-Transf-App".
"Text-Transf-App" soll - dem Experimentieren mit Strings und deren Manipulationen dienen - der Transformation von Zeicheketten, Unicode-Blöcken und Code-Schnipseln dienen - der Template-Sammlung für HTML-, CSS-, ECMAScript-Schnipsel dienen - den vielfältigen Transformationen von Texten und Code dienen
Was soll das Toolchen können? Hier kommen mündliche Hinweise zum "String-Manipulationen-Toolchen", das in der Seite apps/app-1.htm ist. Hier ist ein Anfang für apps/app-1.htm App-Start . Es darf von dem vorhandenen, ungetesteten Grundmuster ausgegangen werden. App-Start wird zu apps/app-1.htm. Plagiate sind out!
Bitte nicht vergessen: Bei allen Ausarbeitungen und Entwicklungen sind in Kurzform die gemachten Erfahrungen und Erkenntnisse chronologisch in die "Liste meiner Aktivitäten" eingzuetragen ( Pflicht! ). Dort können auch weitere Ideen und Hinweise stehen, wie z.B.
- Wie kann das Toolchen erweitert werden? - Welche Erweiterungen sind möglich ( Beispiele )? - Wozu sind diese Erweiterungen nützlich? - usw.
Wesentliches mündlich in der Veranstaltung. Es gibt "harte" Kriterien, hierzu gehört der Abgabetermin. Es gibt "weiche" Kriterien, die stets eine gewisse "Grauzone" haben.
Plagiate sind out!
Viel Freude bei der Ausarbeitung!
Letzter Abgabetermine Mo 12.00 Uhr