±   Hinweise in der Veranstaltung

Inhaltsverzeichnis dieser Seite:

  1. Allgemeines: Rückblick zum vergangenen Projekt
  2. Code Snippet mit ❐TA1 := erstelle_code_schnipsel(❐TA0,"einfachst")
  3. Extrahiere a-Tags erweitern zur Generierung einer HTML-Seite für Sitemap.
  4. Eigene Projekt-Präsentation, konstruktive Anregungen
  5. Besprechung des aktuellen Projektes, u.a.
    Modivation und Projekthinweise .
    Hier ist ein fehlerbehafteter Anfang als
    App-Start mit userspezifischen
    Debug-Simulationen. Viel Freude!
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")

  1. ================================================
  2. Rückschau/Hinweise zum 1. ESA-Projekt 2017
  3. ================================================
  4. Glückwunsch erfolgreichen ESA-Projekt Nr.1 und ein
  5. herzlicher Dank für die kooperative Mitgestaltung, denn
  6. "Das Ganze ist mehr als die Summe der Teile."
  8. Aktivitäen-Liste:
  10. - "Funktion vor Design"! Dennoch...
  11. Ist ein anderes/eigenes favicon.gif gewünscht?
  13. - Im Impressum unter "Autoren" ...
  14. Was sollte geändert werden?
  15. Was sollte gelöscht werden?
  17. - Danke für eine Randbemerkung hinsichtlich einer
  18. "extrem unübliche Formatierung". Warum der Dank?
  20. Es kann klarer werden, dass Innovationen abweichen von
  21. standardisierten, bedingt erstarrten, bekannten Organisationsformen.
  22. Im "Strom der Zeit" wandelt sich das "Alte".
  23. Bei dem Rahmen ist es eine Hinführung ( soweit mögliche )
  24. zur Trennung von Design und Funktion.
  25. Wie geht das, wenn Darstellungsmöglichkeiten
  26. geändert/verbessert/erweitert/hinzugefügt werden können,
  27. und dabei die Funktionalitäten nicht geändert werden müssen?
  28. Wie erscheinen verbesserte Apps ohne Komplexitätssteigerung
  29. in "neuem Gewandt und verbesserter Funktionalität"?
  31. Bespiel: Wie kann ein doch recht anderes Aussehen, z.B.
  32. von der Hinweis-Seite kern/copyright.htm
  33. mit derselben Funktionalität von kern/dl.js erfolgen?
  35. Bespiel: Was passiert?, wenn
  36. der CSS-Inhalt von kern/esa.css ersetzt wird durch
  37. den CSS-Inhalt von esa-dunkel.css ...
  39. Bespiel: Wie geht das mit der Internationalisierung von
  40. Apps ( siehe text_sammlung.js, JSON.stringify ), wenn
  41. die jeweilige Landessprache verwendet werden muss?
  43. app1: kann im Titel weg:
  44. "lediglich ein Anfang"
  46. app1: DieBefehlszeilen können
  47. die rechten "[?]" Hinweisen z.B. mit besseren Texten
  48. aus der Aktivitäen-Liste hinterlegt werden
  50. app1: untere Befehlszeile ERROR bei textsammlung.xxx
  51. Für sie wurde die Start-Hilfe in den download des Rahmens eingebaut.
  52. Lohnt sich das reinschauen?
  53. Was mag es vermitteln?
  55. app1: Was meinen die Fehlermeldungen?
  56. ERR bei select-Punkt: "einzeiliger Str aus TA0-Texten"
  57. ERR bei select-Punkt: "extrahiere a-Tags"
  58. ERR bei select-Punkt: parse_str. Macht .parse_str(json_str) hier einen Sinn?
  60. app1: v.js-Quelltext:
  61. var v = (function(){"use strict"; ...} braucht am Ende ein ";"
  63. app1: Im oo.js-Quelltext: es gibt z.B. für bzw. für,
  64. was darauf deutet, dass der Datei-BOOM für UTF-8
  65. ersten nativ-Zeichen in der Datei fehlen oder nicht stimmen.
  66. Dies kann sich ggf. "vielschichtig und hinterhältig auswirken" ...
  68. Macht .parse_str(json_str) hier einen Sinn?
  69. Was meinen die auftauchenden Fehlermeldungen?
  71. Weiterhin
  72. viel Freude
  73. und Erfolg
  74. wünscht
  75. W. Bachmann
±

Code Snippet mit ❐TA1 := erstelle_code_schnipsel(❐TA0,"heighlighted")

  1. ================================================
  2. Rückschau/Hinweise zum 1. ESA-Projekt 2017
  3. ================================================
  4. Glückwunsch erfolgreichen ESA-Projekt Nr.1 und ein
  5. herzlicher Dank für die kooperative Mitgestaltung, denn
  6. "Das Ganze ist mehr als die Summe der Teile."
  8. Aktivitäen-Liste:
  10. - "Funktion vor Design"! Dennoch...
  11. Ist ein anderes/eigenes favicon.gif gewünscht?
  13. - Im Impressum unter "Autoren" ...
  14. Was sollte geändert werden?
  15. Was sollte gelöscht werden?
  17. - Danke für eine Randbemerkung hinsichtlich einer
  18. "extrem unübliche Formatierung". Warum der Dank?
  20. Es kann klarer werden, dass Innovationen abweichen von
  21. standardisierten, bedingt erstarrten, bekannten Organisationsformen.
  22. Im "Strom der Zeit" wandelt sich das "Alte".
  23. Bei dem Rahmen ist es eine Hinführung ( soweit mögliche )
  24. zur Trennung von Design und Funktion.
  25. Wie geht das, wenn Darstellungsmöglichkeiten
  26. geändert/verbessert/erweitert/hinzugefügt werden können,
  27. und dabei die Funktionalitäten nicht geändert werden müssen?
  28. Wie erscheinen verbesserte Apps ohne Komplexitätssteigerung
  29. in "neuem Gewandt und verbesserter Funktionalität"?
  31. Bespiel: Wie kann ein doch recht anderes Aussehen, z.B.
  32. von der Hinweis-Seite kern/copyright.htm
  33. mit derselben Funktionalität von kern/dl.js erfolgen?
  35. Bespiel: Was passiert?, wenn
  36. der CSS-Inhalt von kern/esa.css ersetzt wird durch
  37. den CSS-Inhalt von esa-dunkel.css ...
  39. Bespiel: Wie geht das mit der Internationalisierung von
  40. Apps ( siehe text_sammlung.js, JSON.stringify ), wenn
  41. die jeweilige Landessprache verwendet werden muss?
  43. app1: kann im Titel weg:
  44. "lediglich ein Anfang"
  46. app1: DieBefehlszeilen können
  47. die rechten "[?]" Hinweisen z.B. mit besseren Texten
  48. aus der Aktivitäen-Liste hinterlegt werden
  50. app1: untere Befehlszeile ERROR bei textsammlung.xxx
  51. Für sie wurde die Start-Hilfe in den download des Rahmens eingebaut.
  52. Lohnt sich das reinschauen?
  53. Was mag es vermitteln?
  55. app1: Was meinen die Fehlermeldungen?
  56. ERR bei select-Punkt: "einzeiliger Str aus TA0-Texten"
  57. ERR bei select-Punkt: "extrahiere a-Tags"
  58. ERR bei select-Punkt: parse_str. Macht .parse_str(json_str) hier einen Sinn?
  60. app1: v.js-Quelltext:
  61. var v = (function(){"use strict"; ...} braucht am Ende ein ";"
  63. app1: Im oo.js-Quelltext: es gibt z.B. für bzw. für,
  64. was darauf deutet, dass der Datei-BOOM für UTF-8
  65. ersten nativ-Zeichen in der Datei fehlen oder nicht stimmen.
  66. Dies kann sich ggf. "vielschichtig und hinterhältig auswirken" ...
  68. Macht .parse_str(json_str) hier einen Sinn?
  69. Was meinen die auftauchenden Fehlermeldungen?
  71. Weiterhin
  72. viel Freude
  73. und Erfolg
  74. wünscht
  75. 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 &nbsp; = \u00a0 - Zeichen, d.h. der kopierte Code ist nicht direkt verwedbar.

Code Snippet:

  1. function debug_objekt(o, stufe, obj_name) { // stufe = 1 oder 2
  2. var r = [ ]; stufe = stufe || 1; obj_name = obj_name || "obj";
  4. if (stufe === 1) {
  5. Object.keys(o).forEach(function (key1) {
  6. if (o.hasOwnProperty(key1)) {
  7. r.push(obj_name + "." + key1 + " = " + o[key1]);
  8. }
  9. });
  10. }
  11. if (stufe === 2) {
  12. Object.keys(o).forEach(function (key1) {
  13. if (o.hasOwnProperty(key1)) { r.push("=== " + key1 + " ==="); }
  15. Object.keys(o[key1]).forEach(function (key2) {
  16. if (o[key1].hasOwnProperty(key2)) {
  17. r.push(obj_name + "." + key1 + "." + key2 + " = " + o[key1][key2]);
  18. }
  19. });
  20. });
  21. } return r.join("\n");
  22. }

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");
}

±


Viel Freude und Erfolg bei
der Ausarbeitung wünscht ...