Es soll ein Toolchen erstellt und getestet werden, das mit Hilfe von RegExp aus einfachen Roh-Texten eine Präsentation erstellt. Es gebe zahlreiche Mikro-Strukturen. Jede Mikro-Struktur entspreche einem zugeordnetem Roh-Text-Muster. Zu jeder Mikro-Struktur existiere bereits eine kummulative Sammlung von Mikro-Daten.
Nachfolgend meint Text-Content einen mehrzeiligen UTF-8 - Text. Eine solche Zeichenkett entsteht z.B. bei clientseiten User-Eingaben in einer Textarea.
Als Ausgangspunkt dieser Aufgabe diene die Vorstellung, daß eine online-App TA-Daten strukturierte erfasst und mit Hilfe von "TA-Form-Submits", etwa
*key0: Text - Content0 *key1: Text - Content1 *key2: Text - Content2 usw *===
an den Server schickt.
Zu jeder Mikro-Struktur existiere bereits eine kummulative Sammlung von solchen Mikro-Daten. Es liege also eine kumulative UTF-8 - Textfolge vor, etwa als Gesamtstring:
*key0: Text - 0. Content0 *key1: Text - 0. Content1 *key2: Text - 0. Content2 *=== *key0: Text - 1. Content0 *key1: Text - 1. Content1 *key2: Text - 1. Content2 *=== *key0: Text - 2. Content0 *key1: Text - 2. Content1 *key2: Text - 2. Content2 *=== usw
Text-Content meint einen mehrzeiligen UTF-8 - Text, der in eine HTML5 - Präsentation umgewandelt werden soll. Die Präsentation soll als CSS-Tabelle erstellt werden, wobei der i-te Text-Content ( *key0:content0, *key1:content1, *key2:content2, usw. ) der i-ten Tabellenzeile entspricht.
Einige mögliche Beispiele für *key0:content-Text-Muster ( Roh-Text-Muster ).
|
Mikro-Struktur für Weblinks: *Weblink: *Thema: *Datum: 2013-11-22 10:36:00| *Url: *Notizen: Mikro-Struktur für Tagebuch-Einträge: *Tagebuch-Eintrag: *Datum: 2013-11-22 10:36:20| *Bezug: *Notiz: *Weblinks: |
Mikro-Struktur für Kartei-Karten: *Kartei-Karte: *Thema: *Datum: 2013-11-22 10:36:10| *Quellen: *Freitext: *Zitate: *Stichwörter: Mikro-Struktur für Kurznotizen: *Kurznotiz: *Thema: *Datum: 2013-11-22 10:35:48| *Notizen: |
Hier kommt ein konkretes Demo-Beispiele für strukturierte Textfolgen ( *key:content-Muster ).
*Weblink: de.wikipedia *Thema: Internet-Lesezeichen *Datum: 2013-11-23 09:32:35| *Url: http://de.wikipedia.org/w/index.php?title=Lesezeichen_(Internet)&printable=yes *Notizenl: Lesezeichen heißen bei Browsern auch Favoriten oder Bookmarks. *=== *Weblink: de.wikipedia *Thema: Hotlinking *Datum: 2013-11-23 09:27:09| *Url: http://de.wikipedia.org/w/index.php?title=Hotlinking&printable=yes *Notizenl: Hotlinking ( Inline Linking, Deep Links ) betten Medien ( wie zBilder, Sound, Videos, Texte, JavaScript-Dateien ) in eine Webseite ein. Die Medien kommen von einem anderen Host. *=== *Weblink: de.wikipedia *Thema: Hyperlink *Datum: 2013-11-23 09:17:28| *Url: http://de.wikipedia.org/w/index.php?title=Hyperlink&printable=yes *Notizenl: Ein Hyperlink entspricht einem elektronischer Querverweis zu einer Hypertext-Zielstelle. Ein Hyperlink entspricht ein Sprung an eine andere Zielstelle innerhalb desselben Dokumentes oder zu einem anderen elektronischen Dokument. *=== *Weblink: en.wikipedia *Thema: Hyperlink *Datum: 2013-11-23 09:06:03| *Url: http://en.wikipedia.org/w/index.php?title=Hyperlink&printable=yes *Notizenl: Vereinfachte HTML-Weblink-Schreibweise [ Url Label-Text ] anstelle von <a class="css-Style-Klasse für diese a-Tag" title="bei mouseover a-Tag erscheint dieser Text in 'hover box'" target="_blank oder _self oder framename" href="Url"> Label-Text </a> *===
Zunächst sind Kenntnisse zu Regulären Ausdrücken aufzufrischen. Reguläre Ausdrücke sind ein unverzichtbarer Bestandteil von zeichenverarbeitenden Sytemen (z.B. textbasierten Editoren, Suchtools, XSLT, usw). Bei einem "Suche/Ersetzen"-Dialog können ( 2013 ) moderne Editoren Reguläre Ausdrücke verwenden. Reguläre Ausdrücke können für Transformationen von Zeichenfolgen verwendet werden und modifizierte Zeichenfolgen liefern, siehe z.B. Reguläre Ausdrücke (Allgemeines, Spezielle Literalzeichen, Reguläre Ausdrücke und Funktionen bei ECMAScript, Referenz , Beispiele ). Web-Entwicklung benötigen für Seiten, Dokumente, Code, Texte und mehr Manipulationensmöglichkeiten für Zeichen- und Strings.
Hier ist eine unvollständige, fehlerhafte Demo . Erklärungen in der Veranstaltung.
Was ist noch zu tun? Was ist sinnvoll?
[ Url Label-Text ] anstelle von <a class="_extern" target="_blank" href="Url"> Label-Text </a>
<style>
.table {display:table;table-layout:fixed;}
.row {display:table-row;}
.titel {font:bold 22px/22px arial;color:#333;border-bottom:2px solid #333;}
.Weblink,.Thema,.Datum,.Url,.Notizen { display:table-cell; empty-cells:show;vertical-align:top;padding:3px;border:1px solid #ccc;}
</style>
<script>
function hide_row(that) {
var i, arr = document.getElementsByClassName(that.className);
for (i = 0; i < arr.length; i += 1) {arr[i].style.display = 'table-column-group'; }
}
</script>
Viel Freude bei der Ausarbeitung!
Letzter Abgabetermine So 12.00 Uhr