Erstelle Homepage und ( erste ) Web-App Titel: "Ed-App"

Kurzfassung: In dieser Master-Veranstaltung "ECMAScript-Applikationen" werden grob umrissene Problemstellungen für Web-App's vorgegebenen. Es gibt hinreichend Freiraum für innovative Entwicklungen. Die Lösungen ( = Web-Apps ) enthalten eigenen Ideen. Alle Apps ( incl. Dokumentation ) werden ( im Laufe des Semesters ) Bestandteil der eigenen HTML5-Projekt-Homepage.

Was beinhaltet das 1. Projekt? Was ist zu tun?

Projekt ( Titel: "Ed-App" ) Übersicht

Was ist zu tun? a) die eigenen HTML5-Projekt-Homepage ist zu erstellen und b) die 1. App ist als Lösungsseite in die Homepage aufzunehmen. Die 1. App bekommt den Titel: "Ed-App", was auf "Editor-Anwendung" hinweist und Text-Muster und String-Manipulationen ausführen kann.

• Das clientseitige Entpacken des Homepage-Rahmen, der der Einrichtung einer eigenen HTML5-Homepage dienen kann.
• Mit einem upload des Homepage-Rahmens entsteht ein eigenes Homepage-Grundgerüst, das alle weiteren Lösungen aufnimmt und präsentieren wird.
• Das CSS-Design ( Ästetik ) und die Willkommenseite ( kern/willkommen.htm ) sollen individuell angepaßt werden.
• Die "Liste meiner Aktivitäten" soll chronologisch aktualisiert werden ( siehe unter apps/aktivitaeten.htm ).
• Es ist ein Toolchen als HTML 5 - Seite zu schreiben, das ( später ) wesentliche Entwickler-Aufgaben vereinfachen kann und soll!

  - "Ed-App" erhält den h1-Titel: "Ed-App"
  - "Ed-App" wird als "schnelle "Quick and Durty" Web-Etwicklungs-Umgebung dienen
  - "Ed-App" ist in der Datei apps/app-1.htm und wird online sein
  - "Ed-App" wird dem Experimentieren mit Zeichenketten ( Strings ) dienen 
  - "Ed-App" wird der Template-Sammlung für HTML-, CSS-, ECMAScript-Schnipsel dienen 
  - "Ed-App" wird Text- und Code-Transformationen dienen 
  - "Ed-App" wird zwei Textarea's mit id="TA0" und  id="TA1" enthalten
  

Viel Freude bei der Ausarbeitung!
Letzter Abgabetermin: So 12.00 Uhr

Nun etwas ausführlicher ...

Homepage-Rahmen entpacken Rahmen als Vorlage

Die Lösungen aller Praktikumsaufgaben sollen Bestandteil einer eigenen Homepage werden. 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 Apps etwa aus? Teste ESA-Rahmen

Upload des entpackten Rahmen Welcher Server?

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.

My-Cloud-Provider? proteus-Server ist Pflicht

Achtung! Nur in begründeten Ausnahmefällen (und erst nach Rücksprache!) kann ein anderer Server verwendet werden. Begründung erfolgt in der Veranstaltung.

Einige HTML-Seiten anpassen Was soll gemacht werden?

Die Willkommenseite, die unter kern/willkommen.htm ist, soll nach individuellen Gesichtspunkten vervollständigt werden. Bitte Anonymität beachten. Etwa ebenso kern/impressum.htm und kern/copyright.htm und favicon.gif .

Toolchen-Datei apps/app-1.htm Pflicht!

Was ist der Kern der Aufgabe? Die Datei apps/app-1.htm bildet die "Ed-App". Was soll beim vorhandenen Grundmuster von "Ed-App" weiter entwickelt werden?

• "Ed-App" soll dem vielfältigen Experimentieren mit Strings und deren Manipulationen dienen
• "Ed-App" soll der Template-Sammlung für HTML-, CSS-, ECMAScript-Schnipsel dienen
• "Ed-App" soll den vielfältigen Transformationen von Texten und Code dienen

Was soll das Toolchen können? Hier kommen mündliche Codierungshinweise zum Toolchen "String-Manipulationen", das in apps/app-1.htm ist.

Akivitäten protokollieren in apps/aktivitaeten.htm Pflicht!

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.

Wie wird testiert, bewertet? Es "gilt" das gesprochene Wort ...

Wesentliches wurde in der Veranstaltung mitgeteilt. Es gibt "harte" Kriterien, hierzu gehört der Abgabetermin. Es gibt "weiche" Kriterien, die stets eine gewisse "Grauzone" haben. Nachfolgend zu den Ausarbeitungen einige Bemerkungen, Denkanstöße, Fragen.