[x] mind. 3 UnterseitenZum Beispiel unterteilt sich der Punkt Shop, in einem Untermenü, in Männer, Frauen, Kinder.
[x] Einheitliche Navigation über alle SeitenSorgen Sie dafür, dass der Nutzer sich wohl fühlt, die Navigation sollte einheitlich gestaltet sein und
sich nicht ständig ändern
[x] Navigation mit Untermenü (2. Ebene)Zeigen Sie, dass Sie wissen, wie man ein Untermenü auf der Seite einbindet und darstellt.
[x] mind. 3 Formulare (Login, Registrierung, Kontakt)Zeigen Sie, dass Sie den Umgang mit Formularen verstanden haben. Formulare gibt es viele, wie zum Anlegen von Produkten, für die Registrierung, beim Login oder auch im Kontakt.
[x] Vermeidung von doppelten Code (Wiederverwendung)Schreiben Sie Code nicht zweimal, lagern Sie diesen geschickt aus und nutzen Sie ihn wieder.
[x] Codestyle und Code-DokumentationSorgen Sie dafür, dass Sie einen verständlichen Codestyle verwenden und dokumentieren Sie ausreichend den Code, um die Wartbarkeit zu gewährleisten.
[x] Keine Verwendung von FrameworksDie Verwendung von Frameworks wie jQuery oder Bootstrap ist nur nach Absprache möglich.
[x] ProjektdokumentationDie ausführliche Projektdokumentation ist als strukturierte HMTL-Seite im Impressum verlinkt. Sie enthält auch Informationen zum Aufwand und der Arbeitsteilung im Team. Details finden Sie in den Folien zur Projektaufgabe.
[x] InstallationshinweiseHinweise zur Installation und Kennwörter sind als Textdokument oder PDF beigelegt.
[x] Datenbank-ExportDie Datenbank ist einschl. Beispielinhalten als SQL-Export gut auffindbar in der Abgabe enthalten. Idealerweise beschreiben Sie den Import in der Installationsanleitung und wo die Datei(en) zufinden sind.
[x] TestDas Projekt wurde mit den Abgabedaten auf einem anderen Rechner installiert und mit verschiedenen Bildschirmauflösungen getestet.
Allgemein für GWP
[x] Passende, abwechslungsreiche GestaltungDie inhaltliche und grafische Gestaltung mit Texten, Bildern, Grafiken und Tabellen sollte zum gewählten Thema passen und abwechslungsreich sein. Fließtext und sich wiederholende Elemente können als Blindtext, Dummy-Grafiken u.ä. ausgeführt sein, solange die prinzipielle Intention erkennbar ist.
[x] Interaktivität schaffen mit CSS/JavaScriptSchaffen Sie Nutzerfeedbacks, Interaktivität. Zum Beispiel mit einem Submenu gesteuert durch CSS und Hover-Effekte oder durch Animationen mit JavaScript.
[x] Quelltext Optimierung durch Metas,Alt,Title,NoscriptSchaffen Sie eine Barrierefreiheit für Bots und Hilfstools
[x] Sinnvolle Verwendung von HTML5 (div,nav,header,article,section ...)Nutzen Sie HTML5 Elemente und strukturieren Sie Ihren Code entsprechend.
[x] Einbindung von BildernZeigen Sie den Umgang mit Bildern
[x] Responsive Webdesign (Verwendung von Gridlayouts, float, ...)Sorgen Sie dafür, das Ihre Webseite auch auf mobilen Engeräten funktioniert. Denken Sie an wichtige Meta-Informationen, die Sie benötigen für korrekte Darstellung auf mobilen Endgeräten.
[ ] Animation (optional)Verwenden Sie Animationen und Überblendungen (Transitions) für eine angenehme, interessante User Experience
[ ] Stilangabe für Druckausgabe (optional)Erstellen Sie für mind. eine geeignete Seite (z.B. Produktübersicht oder -detail) gesonderte Stile für die Ausgabe auf dem Drucker.
Allgemein für DWP
[x] Formulare werden mittels PHP/JavaScript behandelt und Fehler angezeigtPrüfen Sie ob alle Felder ausgefüllt sind bzw. ob alle Felder gesetzt sind und geben Sie entsprechende Fehlermeldungen aus. Blenden Sie ggf. mit JavaScript Formular-Felder ein und aus. Aktivieren Sie den Absenden-Button erst dann, wenn alle Felder befüll sind. Vermeiden Sie Fehlermeldung in PHP durch Zugriff auf Schlüssel in einem Array, die nicht vorhanden sind.
[x] NutzeranmeldungEs ist möglich, sich mit einem Account anzumelden, es gibt einen Login dafür
[x] Nutzerregistrierung (Vorname, Nachname, E-Mail, Passwort, Telefonnummer, ...)Es ist möglich, sich ein Account für den Login anzulegen
[x] Validierung der Formulare mit JavaScriptArbeiten Sie mit unaufdringlichem (siehe Folien) JavaScript um eine clientseitige Validierung von Formularen zu gewährleisten. Zeigen Sie, dass Sie den Umgang mit JavaScript verstehen.
[x] Validierung der Formulare serverseitig mit PHPValidieren Sie immer die Daten, die der Nutzer an den Server sendet.
[x] Funktionsbereitstellung mit und ohne JavaScriptStellen Sie sicher, dass Sie JavaScript als Optimierung sehen und dass die Seite auch ohne JavaScript ausreichend funktioniert, so dass alle Inhalte und Funktionen erreicht werden.
[x] Absenden von Formulare mit AJAX (außer LOGIN) ermöglichenSorgen Sie dafür, dass wenig Traffic auf der Seite entstehen, in dem Sie Formulare mittels JavaScript absenden. Denken Sie aber immer daran, der Nutzer kann falsche Daten übermitteln, validieren Sie daher auf PHP-Seite und übermitteln Sie Fehlermeldungen. Zeigen Sie, dass Sie wissen wie Ajax funktioniert an Mindesten einem Beispielformular (Registrierung).
[x] Seiten bauen sich dynamisch anhand von Daten aus der Datenbank aus (mind. eine Liste von Daten)Laden Sie Inhalte aus einer Datenbank, zeigen Sie dies an mind. einer Liste. Zeigen Sie dabei den Umgang mit SQL Produktansichten o.ä. können nach mind. 3 Parametern (z.B. Größe, Preis, Datum, Autor,...) gefiltert und sortiert werden. Filterparameter müssen logisch entweder mit UND oder ODER verknüpft werden können.
[ ] Seiten können Inhalte dynamisch über JavaScript nachladenLaden Sie Seiteninhalte dynamisch über JavaScript nach, zum Beispiel könnten Sie durch den Klick auf einen “Load-More” Button in einer Liste, die nächsten Inhalte dafür Laden und Darstellen. Anders könnten Sie den Warenkorb eines Shops in einem Popover anzeigen und den Inhalt mittels Ajax laden. Sie können auch Filter hinzufügen und entfernen, oder zeigen Sie Suchergebnisse, Vorschläge an.
[x] Fehlerbehandlung auch für nicht bekannte Seiten (404 Error)Fangen Sie Fehler ab, vor allem wenn versucht wird auf Seiten zu navigieren die nicht vorhanden sind.
[x] Es ist eine Datenbank angebundenBinden Sie eine Datenbank an Ihr PHP-Script an, ideal über PDO oder mysqli. Die Datenbank sollte ausreichend komplex sein.
[x] Daten aus der Datenbank werden gelesenLaden Sie Inhalte wie Nutzer, Login-Daten oder Produkte aus der Datenbank
[x] Daten aus der Datenbank werden geschriebenSchreiben Sie Inhalte wie Nutzer, Login-Daten oder Produkte in eine Datenbank
Allgemein für beide Kurse GWP/DWP
[x] mind. 6 Seiten Zum Beispiel: Startseite, Über Uns, Shop, Kontakt, Impressum, Kontoverwaltung
[x] mind. 3 Unterseiten Zum Beispiel unterteilt sich der Punkt Shop, in einem Untermenü, in Männer, Frauen, Kinder.
[x] Einheitliche Navigation über alle Seiten Sorgen Sie dafür, dass der Nutzer sich wohl fühlt, die Navigation sollte einheitlich gestaltet sein und sich nicht ständig ändern
[x] Navigation mit Untermenü (2. Ebene) Zeigen Sie, dass Sie wissen, wie man ein Untermenü auf der Seite einbindet und darstellt.
[x] mind. 3 Formulare (Login, Registrierung, Kontakt) Zeigen Sie, dass Sie den Umgang mit Formularen verstanden haben. Formulare gibt es viele, wie zum Anlegen von Produkten, für die Registrierung, beim Login oder auch im Kontakt.
[x] Vermeidung von doppelten Code (Wiederverwendung) Schreiben Sie Code nicht zweimal, lagern Sie diesen geschickt aus und nutzen Sie ihn wieder.
[x] Codestyle und Code-Dokumentation Sorgen Sie dafür, dass Sie einen verständlichen Codestyle verwenden und dokumentieren Sie ausreichend den Code, um die Wartbarkeit zu gewährleisten.
[x] Keine Verwendung von Frameworks Die Verwendung von Frameworks wie jQuery oder Bootstrap ist nur nach Absprache möglich.
[x] Projektdokumentation Die ausführliche Projektdokumentation ist als strukturierte HMTL-Seite im Impressum verlinkt. Sie enthält auch Informationen zum Aufwand und der Arbeitsteilung im Team. Details finden Sie in den Folien zur Projektaufgabe.
[x] Installationshinweise Hinweise zur Installation und Kennwörter sind als Textdokument oder PDF beigelegt.
[x] Datenbank-Export Die Datenbank ist einschl. Beispielinhalten als SQL-Export gut auffindbar in der Abgabe enthalten. Idealerweise beschreiben Sie den Import in der Installationsanleitung und wo die Datei(en) zufinden sind.
[x] Test Das Projekt wurde mit den Abgabedaten auf einem anderen Rechner installiert und mit verschiedenen Bildschirmauflösungen getestet.
Allgemein für GWP
[x] Passende, abwechslungsreiche Gestaltung Die inhaltliche und grafische Gestaltung mit Texten, Bildern, Grafiken und Tabellen sollte zum gewählten Thema passen und abwechslungsreich sein. Fließtext und sich wiederholende Elemente können als Blindtext, Dummy-Grafiken u.ä. ausgeführt sein, solange die prinzipielle Intention erkennbar ist.
[x] Interaktivität schaffen mit CSS/JavaScript Schaffen Sie Nutzerfeedbacks, Interaktivität. Zum Beispiel mit einem Submenu gesteuert durch CSS und Hover-Effekte oder durch Animationen mit JavaScript.
[x] Quelltext Optimierung durch Metas,Alt,Title,Noscript Schaffen Sie eine Barrierefreiheit für Bots und Hilfstools
[x] Sinnvolle Verwendung von HTML5 (div,nav,header,article,section ...) Nutzen Sie HTML5 Elemente und strukturieren Sie Ihren Code entsprechend.
[x] Einbindung von Bildern Zeigen Sie den Umgang mit Bildern
[x] Responsive Webdesign (Verwendung von Gridlayouts, float, ...) Sorgen Sie dafür, das Ihre Webseite auch auf mobilen Engeräten funktioniert. Denken Sie an wichtige Meta-Informationen, die Sie benötigen für korrekte Darstellung auf mobilen Endgeräten.
[ ] Animation (optional) Verwenden Sie Animationen und Überblendungen (Transitions) für eine angenehme, interessante User Experience
[ ] Stilangabe für Druckausgabe (optional) Erstellen Sie für mind. eine geeignete Seite (z.B. Produktübersicht oder -detail) gesonderte Stile für die Ausgabe auf dem Drucker.
Allgemein für DWP
[x] Formulare werden mittels PHP/JavaScript behandelt und Fehler angezeigt Prüfen Sie ob alle Felder ausgefüllt sind bzw. ob alle Felder gesetzt sind und geben Sie entsprechende Fehlermeldungen aus. Blenden Sie ggf. mit JavaScript Formular-Felder ein und aus. Aktivieren Sie den Absenden-Button erst dann, wenn alle Felder befüll sind. Vermeiden Sie Fehlermeldung in PHP durch Zugriff auf Schlüssel in einem Array, die nicht vorhanden sind.
[x] Nutzeranmeldung Es ist möglich, sich mit einem Account anzumelden, es gibt einen Login dafür
[x] Nutzerregistrierung (Vorname, Nachname, E-Mail, Passwort, Telefonnummer, ...) Es ist möglich, sich ein Account für den Login anzulegen
[x] Validierung der Formulare mit JavaScript Arbeiten Sie mit unaufdringlichem (siehe Folien) JavaScript um eine clientseitige Validierung von Formularen zu gewährleisten. Zeigen Sie, dass Sie den Umgang mit JavaScript verstehen.
[x] Validierung der Formulare serverseitig mit PHP Validieren Sie immer die Daten, die der Nutzer an den Server sendet.
[x] Funktionsbereitstellung mit und ohne JavaScript Stellen Sie sicher, dass Sie JavaScript als Optimierung sehen und dass die Seite auch ohne JavaScript ausreichend funktioniert, so dass alle Inhalte und Funktionen erreicht werden.
[x] Absenden von Formulare mit AJAX (außer LOGIN) ermöglichen Sorgen Sie dafür, dass wenig Traffic auf der Seite entstehen, in dem Sie Formulare mittels JavaScript absenden. Denken Sie aber immer daran, der Nutzer kann falsche Daten übermitteln, validieren Sie daher auf PHP-Seite und übermitteln Sie Fehlermeldungen. Zeigen Sie, dass Sie wissen wie Ajax funktioniert an Mindesten einem Beispielformular (Registrierung).
[x] Seiten bauen sich dynamisch anhand von Daten aus der Datenbank aus (mind. eine Liste von Daten) Laden Sie Inhalte aus einer Datenbank, zeigen Sie dies an mind. einer Liste. Zeigen Sie dabei den Umgang mit SQL Produktansichten o.ä. können nach mind. 3 Parametern (z.B. Größe, Preis, Datum, Autor,...) gefiltert und sortiert werden. Filterparameter müssen logisch entweder mit UND oder ODER verknüpft werden können.
[ ] Seiten können Inhalte dynamisch über JavaScript nachladen Laden Sie Seiteninhalte dynamisch über JavaScript nach, zum Beispiel könnten Sie durch den Klick auf einen “Load-More” Button in einer Liste, die nächsten Inhalte dafür Laden und Darstellen. Anders könnten Sie den Warenkorb eines Shops in einem Popover anzeigen und den Inhalt mittels Ajax laden. Sie können auch Filter hinzufügen und entfernen, oder zeigen Sie Suchergebnisse, Vorschläge an.
[x] Fehlerbehandlung auch für nicht bekannte Seiten (404 Error) Fangen Sie Fehler ab, vor allem wenn versucht wird auf Seiten zu navigieren die nicht vorhanden sind.
[x] Es ist eine Datenbank angebunden Binden Sie eine Datenbank an Ihr PHP-Script an, ideal über PDO oder mysqli. Die Datenbank sollte ausreichend komplex sein.
[x] Daten aus der Datenbank werden gelesen Laden Sie Inhalte wie Nutzer, Login-Daten oder Produkte aus der Datenbank
[x] Daten aus der Datenbank werden geschrieben Schreiben Sie Inhalte wie Nutzer, Login-Daten oder Produkte in eine Datenbank