48
edits
(6 intermediate revisions by the same user not shown) | |||
Line 104: | Line 104: | ||
<br clear="all" /> | <br clear="all" /> | ||
=== Phase IV === | |||
Um den Bereich für die Rezeptverwaltung und dem Rezepte finden möglichst intuitiv und benutzerfreundlich zu gestalten habe ich mich in der letzten Phase dafür entschieden ein paar Optimierungen mit Hilfe von jQuery und ein folgenden Plugins vorzunehmen. | |||
*'''Anything-Slider ''' | |||
** um die unterschiedlichen Sortierkriterien bestmöglich darzustellen und die Bedienung zu erleichter | |||
*'''FancyBox''' | |||
** Vergrößerung der Vorschaubilder und Verdunkelung des Hintergrundes um sich auf das jeweilige Rezept konzentrieren zu können; ermöglicht das Finden von Rezepten aus fremden Rezeptsammlungen ohne noteCook zu verlassen | |||
*'''Jeditable ''' | |||
** ermöglicht Rezepte mit persönlichen und intuitiven Notizen zu versehen | |||
==== noteCook-Bereich ==== | |||
** das Austauschen des Inhalts ist ausschließlich mit Php realisiert und somit auch bei deaktiviertem Javascript voll funktionsfähig | |||
** Rezepte können alphabetisch, nach Gang, nach Kategorie und nach Datum sortiert werden | |||
** jeder Eintrag besteht aus einem Vorschaubild, einem Rezeptnamen und der Möglichkeit direkt in den Inhalt der Seite eine persönliche Notiz einzufügen (Framework eingebunden, Funktionalität ersichtlich, Php-Funktion im Hintergrund jedoch noch nicht implementiert) | |||
** Vorschaubilder können mit einem Klick vergrößert werden | |||
** die Navigation ist auch mit den Pfeiltasten möglich | |||
** Schwierigkeiten: | |||
*** die Panele von Anything-Slider lassen keinen dynamischen Inhalt zu und können nur mit einer festen Höhe angegeben werden | |||
*** beim Navigieren mittels den Pfeiltasten wird der Hash in der Url leider nicht mit erneuert | |||
==== Screenshots ==== | |||
[[File:noteCook_bereich.png|left|thumb|noteCook-Bereich]] | |||
[[File:eintrag.png|left|thumb| Eintrag im noteCook-Bereich]] | |||
<br clear="all" /> | |||
==== Rezepte finden ==== | |||
** Auswahl zwischen zwei großen Rezeptportalen | |||
** Rezeptsammlung öffnet sich in FancyBox, das Finden von Rezepten ist also möglich, ohne noteCook zu verlassen | |||
** Schwierigkeiten: | |||
*** Fanybox ließ sich nicht in Verbindung eines Formulars, das mittels Php ausgelesen und verarbeitet wird bzw. einem Datenbankeintrag zum Laufen bringen | |||
==== Screenshot ==== | |||
[[File:suchen.png|left|thumb|Rezepte finden]] | |||
<br clear="all" /> | |||
=== Nachtrag === | |||
Das Projekt mit derzeitigem Umfang wurde mit folgenden Browsern bzw. Endgeräten getestet und garantiert nur dortige optimale Funktionsweise: | |||
** Safari 5.0 | |||
** Firefox/3.6.15 | |||
** Google Chrome 10.0.648.151 | |||
** Internet Explorer 8.0 | |||
** iPad (iOS-Simulator Version 4.2) | |||
** iPhone (iOS-Simulator Version 4.2) | |||
=== Ausblick === | |||
noteCook befindet sich in keinem Fall in einem rundum fertigen und zufrieden stellenden Zustand. | |||
** die Funktionalität von Jeditable, die „Tipps & Tricks“-Seite, die FAQ-Liste und das Kontaktformular sind noch nicht implementiert. | |||
** viele Kleinigkeiten können sicherlich noch verbessert werden | |||
** aus Zeitmangel konnte ich der Optimierung im Hinblick auf die Benutzung mit Smarphones und Co. mittels phoneGap nicht die gewünschte Aufmerksamkeit und Zuwendung schenken. Dies wäre sicherlich eine für die Zukunft erstrebsame Fortführung des Projekts. |
edits