- Rückblick, Überblick, Einführung
Zum vorh. ESA-Projekt 2017
-
Glückwunsch erfolgreichen ESA-Projekt Nr.1 und ein
herzlicher Dank für die kooperative Mitgestaltung, denn
"Das Ganze ist mehr als die Summe der Teile."
"Funktion vor Design" ... ECMAScript und CSS3 ...
Code Snippet mit ❐TA1 := erstelle_code_schnipsel(❐TA0,"einfachst")
<style>
* div.code_schnipsel>ol>li .blau{color:#00c;}
* div.code_schnipsel>ol>li .gruen{color:#080;}
* div.code_schnipsel>ol>li .rot {color:#a33;}
* div.code_schnipsel{padding-left:0.8rem;
* background-color:#ddd; color:#000; border: 1px solid #aaa; overflow:auto; }
* div.code_schnipsel > ol li:nth-child(odd) {background-color: #fff;}
* div.code_schnipsel > ol li:nth-child(even){background-color: #eee;}
* div.code_schnipsel > ol > li {list-style:decimal outside none;
* font:1.2rem/1.25rem 'Courier New',Monospace;margin:0;padding-left:0.3rem;}
* </style>
- ❐TA1 := erstelle_code_schnipsel
Wie?
-
Wie werden HTML-Code-Schnipsel erstellt?
Siehe z.B. ❐TA1 := erstelle_code_schnipsel(❐TA0,"einfachst")
und folgende ...
Code Snippet mit ❐TA1 := erstelle_code_schnipsel(❐TA0,"ol_liste")
- ================================================
- Rückschau/Hinweise zum 1. ESA-Projekt 2017
- ================================================
- Glückwunsch erfolgreichen ESA-Projekt Nr.1 und ein
- herzlicher Dank für die kooperative Mitgestaltung, denn
- "Das Ganze ist mehr als die Summe der Teile."
-
- Aktivitäen-Liste:
-
- - "Funktion vor Design"! Dennoch...
- Ist ein anderes/eigenes favicon.gif gewünscht?
-
- - Im Impressum unter "Autoren" ...
- Was sollte geändert werden?
- Was sollte gelöscht werden?
-
- - Danke für eine Randbemerkung hinsichtlich einer
- "extrem unübliche Formatierung". Warum der Dank?
-
- Es kann klarer werden, dass Innovationen abweichen von
- standardisierten, bedingt erstarrten, bekannten Organisationsformen.
- Im "Strom der Zeit" wandelt sich das "Alte".
- Bei dem Rahmen ist es eine Hinführung ( soweit mögliche )
- zur Trennung von Design und Funktion.
- Wie geht das, wenn Darstellungsmöglichkeiten
- geändert/verbessert/erweitert/hinzugefügt werden können,
- und dabei die Funktionalitäten nicht geändert werden müssen?
- Wie erscheinen verbesserte Apps ohne Komplexitätssteigerung
- in "neuem Gewandt und verbesserter Funktionalität"?
-
- Bespiel: Wie kann ein doch recht anderes Aussehen, z.B.
- von der Hinweis-Seite kern/copyright.htm
- mit derselben Funktionalität von kern/dl.js erfolgen?
-
- Bespiel: Was passiert?, wenn
- der CSS-Inhalt von kern/esa.css ersetzt wird durch
- den CSS-Inhalt von esa-dunkel.css ...
-
- Bespiel: Wie geht das mit der Internationalisierung von
- Apps ( siehe text_sammlung.js, JSON.stringify ), wenn
- die jeweilige Landessprache verwendet werden muss?
-
- app1: kann im Titel weg:
- "lediglich ein Anfang"
-
- app1: DieBefehlszeilen können
- die rechten "[?]" Hinweisen z.B. mit besseren Texten
- aus der Aktivitäen-Liste hinterlegt werden
-
- app1: untere Befehlszeile ERROR bei textsammlung.xxx
- Für sie wurde die Start-Hilfe in den download des Rahmens eingebaut.
- Lohnt sich das reinschauen?
- Was mag es vermitteln?
-
- app1: Was meinen die Fehlermeldungen?
- ERR bei select-Punkt: "einzeiliger Str aus TA0-Texten"
- ERR bei select-Punkt: "extrahiere a-Tags"
- ERR bei select-Punkt: parse_str. Macht .parse_str(json_str) hier einen Sinn?
-
- app1: v.js-Quelltext:
- var v = (function(){"use strict"; ...} braucht am Ende ein ";"
-
- app1: Im oo.js-Quelltext: es gibt z.B. für bzw. für,
- was darauf deutet, dass der Datei-BOOM für UTF-8
- ersten nativ-Zeichen in der Datei fehlen oder nicht stimmen.
- Dies kann sich ggf. "vielschichtig und hinterhältig auswirken" ...
-
- Macht .parse_str(json_str) hier einen Sinn?
- Was meinen die auftauchenden Fehlermeldungen?
-
- Weiterhin
- viel Freude
- und Erfolg
- wünscht
- W. Bachmann
±
Code Snippet mit ❐TA1 := erstelle_code_schnipsel(❐TA0,"heighlighted")
- ================================================
- Rückschau/Hinweise zum 1. ESA-Projekt 2017
- ================================================
- Glückwunsch erfolgreichen ESA-Projekt Nr.1 und ein
- herzlicher Dank für die kooperative Mitgestaltung, denn
- "Das Ganze ist mehr als die Summe der Teile."
-
- Aktivitäen-Liste:
-
- - "Funktion vor Design"! Dennoch...
- Ist ein anderes/eigenes favicon.gif gewünscht?
-
- - Im Impressum unter "Autoren" ...
- Was sollte geändert werden?
- Was sollte gelöscht werden?
-
- - Danke für eine Randbemerkung hinsichtlich einer
- "extrem unübliche Formatierung". Warum der Dank?
-
- Es kann klarer werden, dass Innovationen abweichen von
- standardisierten, bedingt erstarrten, bekannten Organisationsformen.
- Im "Strom der Zeit" wandelt sich das "Alte".
- Bei dem Rahmen ist es eine Hinführung ( soweit mögliche )
- zur Trennung von Design und Funktion.
- Wie geht das, wenn Darstellungsmöglichkeiten
- geändert/verbessert/erweitert/hinzugefügt werden können,
- und dabei die Funktionalitäten nicht geändert werden müssen?
- Wie erscheinen verbesserte Apps ohne Komplexitätssteigerung
- in "neuem Gewandt und verbesserter Funktionalität"?
-
- Bespiel: Wie kann ein doch recht anderes Aussehen, z.B.
- von der Hinweis-Seite kern/copyright.htm
- mit derselben Funktionalität von kern/dl.js erfolgen?
-
- Bespiel: Was passiert?, wenn
- der CSS-Inhalt von kern/esa.css ersetzt wird durch
- den CSS-Inhalt von esa-dunkel.css ...
-
- Bespiel: Wie geht das mit der Internationalisierung von
- Apps ( siehe text_sammlung.js, JSON.stringify ), wenn
- die jeweilige Landessprache verwendet werden muss?
-
- app1: kann im Titel weg:
- "lediglich ein Anfang"
-
- app1: DieBefehlszeilen können
- die rechten "[?]" Hinweisen z.B. mit besseren Texten
- aus der Aktivitäen-Liste hinterlegt werden
-
- app1: untere Befehlszeile ERROR bei textsammlung.xxx
- Für sie wurde die Start-Hilfe in den download des Rahmens eingebaut.
- Lohnt sich das reinschauen?
- Was mag es vermitteln?
-
- app1: Was meinen die Fehlermeldungen?
- ERR bei select-Punkt: "einzeiliger Str aus TA0-Texten"
- ERR bei select-Punkt: "extrahiere a-Tags"
- ERR bei select-Punkt: parse_str. Macht .parse_str(json_str) hier einen Sinn?
-
- app1: v.js-Quelltext:
- var v = (function(){"use strict"; ...} braucht am Ende ein ";"
-
- app1: Im oo.js-Quelltext: es gibt z.B. für bzw. für,
- was darauf deutet, dass der Datei-BOOM für UTF-8
- ersten nativ-Zeichen in der Datei fehlen oder nicht stimmen.
- Dies kann sich ggf. "vielschichtig und hinterhältig auswirken" ...
-
- Macht .parse_str(json_str) hier einen Sinn?
- Was meinen die auftauchenden Fehlermeldungen?
-
- Weiterhin
- viel Freude
- und Erfolg
- wünscht
- W. Bachmann
±
- Eigene Projekt-Präsentation
konstruktive Anregungen
-
Besprechung in der Vorlesung ...
- Besprechung des aktuellen Projektes
... in der Veranstaltung
-
Hier ist ein fehlerbehafteter Anfang als
App-Start
mit userspezifischen Debug-Simulationen.
Hinweis: Der folgende Code verwendet statt blanks das = \u00a0 - Zeichen,
d.h. der kopierte Code ist nicht direkt verwedbar.
Code Snippet:
-
function debug_objekt(o, stufe, obj_name) { // stufe = 1 oder 2
- var r = [ ]; stufe = stufe || 1; obj_name = obj_name || "obj";
-
- if (stufe === 1) {
- Object.keys(o).forEach(function (key1) {
- if (o.hasOwnProperty(key1)) {
- r.push(obj_name + "." + key1 + " = " + o[key1]);
- }
- });
- }
- if (stufe === 2) {
- Object.keys(o).forEach(function (key1) {
- if (o.hasOwnProperty(key1)) { r.push("=== " + key1 + " ==="); }
-
- Object.keys(o[key1]).forEach(function (key2) {
- if (o[key1].hasOwnProperty(key2)) {
- r.push(obj_name + "." + key1 + "." + key2 + " = " + o[key1][key2]);
- }
- });
- });
- } return r.join("\n");
- }
Hinweis (kopierbar):
function debug_objekt(o, stufe, obj_name) { // stufe = 1 oder 2
var r = [ ]; stufe = stufe || 1; obj_name = obj_name || "obj";
if (stufe === 1) {
Object.keys(o).forEach(function (key1) {
if (o.hasOwnProperty(key1)) {
r.push(obj_name + "." + key1 + " = " + o[key1]);
}
});
}
if (stufe === 2) {
Object.keys(o).forEach(function (key1) {
if (o.hasOwnProperty(key1)) { r.push("=== " + key1 + " ==="); }
Object.keys(o[key1]).forEach(function (key2) {
if (o[key1].hasOwnProperty(key2)) {
r.push(obj_name + "." + key1 + "." + key2 + " = " + o[key1][key2]);
}
});
});
} return r.join("\n");
}
±