Apartment App. Web Style Guide

Transkript

1 Apartment App Web Style Guide

2 Login Zum Anmelden müssen Sie zu der App URL noch /typo3 hinzufügen. Sie sollten dann dieses Anmeldeformular sehen: Geben Sie hier Ihren Benutzernamen und das Passwort ein und klicken Sie anschließend auf Login.

3 TYPO3 Benutzeroberfäche Wenn Sie sich erfolgreich angemeldet haben, werden Sie folgende Benutzoberfläche sehen: Das TYPO3 wird in drei Teile unterteilt: 1) Auf der linken Seite sehen Sie eine Auflistung der verschiedenen Ansichten. Hier sollte die Ansicht Seite ausgewählt sein. Hier können Sie die Inhalte der verschiedenen Seiten bearbeiten. Die weiteren Ansichten werden später beschrieben. 2) Hier werden die einzelnen Seiten der App aufgelistet. Wenn eine Seite folgendes Symbol aufweist, dann bedeutet das, dass diese Seite weitere Unterseiten hat. Sie können auf das Symbol klicken um die Unterseiten anzuzeigen. 3) Hier können Sie die eigentlichen Inhalte der ausgewählten Seite bearbeiten.

4 Inhalte erstellen und bearbeiten Der Inhalt der Seite wird in einzelne Inhaltselemente aufgeteilt. Sie können neue Inhaltselemente mit einem Klick auf das Symbol erstellen. Wenn schon Inhaltselemente vorhanden sind, erscheint dieses Symbol vor und nach jedem bestehenden Inhaltselement. Mit den Symbolen können Sie (1) das Inhaltselement bearbeiten, (2) das Inhaltselement verstecken / wieder anzeigen, (3) das Inhaltselement löschen. Inhaltselemente erstellen Text Inhaltselement Hier können Sie den Typ des Elements bearbeiten und die Sprache einstellen (wenn vorhanden). Überschrift Muss nicht angegeben werden, wenn man einen Link einfügt wird die Überschrift verlinkt. Text Hier können Sie Texte eingeben, wenn Sie aus einem anderen Programm Texte kopieren klicken Sie auf und dann ohne weitere Änderungen auf OK.

5 Bilder Inhaltselement und Überschrift sind gleich wie bei dem Text Inhaltselement. Unter Bilder können Sie Bilder hinzufügen. Wenn Sie 1 Bild auswählen wird dies in der vollen Breite dargestellt, bei 2 Bildern werden diese nebeneinander dargestellt. Bilder hinzufügen: Klicken Sie auf. Folgendes Fenster sollte sich öffnen: In diesem Beispiel haben wir schon 4 Bilder hochgeladen. 1. Um mehr Bilder hochzuladen wählen Sie bei Dateien hochladen alle Bilder aus die Sie hochladen möchten. Bitte achten Sie darauf, dass die Dateinamen keine Umlaute oder Sonderzeichen enthalten, denn dies könnte zu Problemen führen. 2. Klicken Sie dann auf Hochladen. Um ein Bild auszuwählen klicken Sie auf den Namen des Bildes.

6 Bild Metadaten Hier können Sie einige Bildoptionen einstellen. Titel Wird angezeigt, wenn das Bild aus irgendeinem Grund nicht geladen werden kann. Link Verlinkt das Bild auf eine URL. Mit den Symbolen können Sie (1) Informationen über das Bild herausfinden, (2) das Bild löschen (3) das Bild verstecken oder wieder anzeigen. Das Menü Die Menüpunkte Bestellen, Meine Bestellungen, Wetter und Anreise werden im TYPO3 nicht angezeigt, da diese Seiten automatisch gefüllt werden. Wenn eine Seite Unterseiten aufweist, wird der Inhalt dieser Seite nicht angezeigt sondern der Inhalt der ersten Unterseite. Um den Namen einer Seite zu bearbeiten doppelklicken Sie auf den Namen. Seiten werden durch das Papier Symbol gekennzeichnet. Der Ordner Apart APP beinhaltet Artikel, Artikel Category, Checkin und Partner anlegen und bearbeiten.

7 Artikel, Kategorien, Checkins, Partner Klicken Sie links bei den Seitenansichten auf Liste und bei den Seiten auf Apart APP. Hier Sehen Sie Ihre Artikel, Artikel Kategorien, Checkins und Partner. Die verschiedenen Bereiche können bei folgendem Symbol auf und zuklappen.. Erstellung und Bearbeitung Neue Einträge können bei folgendem Symbol links oben erstellt werden. Zum Bearbeiten können Sie auf den Namen klicken oder auf das Bleistift Symbol. Mit einem Klick auf das Glühbirnen Symbol können Sie den Eintrag inaktiv und wieder aktiv schalten. Der Papierkorb löscht den Eintrag.

8 Partner Als erstes sollte der Partner angelegt werden. Name: Name des Partners. Adresse des Partners an welche die Bestellung geschickt wird. Fax: Faxnummer an welche die Bestellung geschickt wird. Transmission Time: Zeit bis wann die Bestellung abgegeben werden muss, damit es am nächsten Tag geliefert werden kann. Transmission Method: Einstellung ob die Bestellung per oder per Fax versendet werden soll. Active: Hier können Sie den Partner deaktivieren ohne ihn zu löschen. Category Name : Name der Kategorie, wie z.b.: Lebensmittel oder Zeitschriften. Article Description: Beschreibung des Artikels, z.b.: 1 L. oder Ungarische Pfeffersalami 100 g Price: Preis zzgl. MwST. des Artikels im Format: 1.50 Partner: Hier wählen Sie den Partner aus an welchen die Bestellung für diesen Artikel verschickt wird. Category: Die Kategorie unter welcher der Artikel angezeigt wird. Active: Hier können Sie den Artikel deaktivieren ohne ihn zu löschen.

9 Checkin Wenn ein neuer Gast bucht, muss für ihn ein neuer Eintrag bei Checkin erstellt werden, 1 Woche vor der Anreise bekommt er dann eine mit einem Link zu der Seite aber ohne Logininformation. Hier kann er dann sich dann ansehen, welche Artikel verfügbar sind. Aber er kann noch nichts bestellen. Am Tag der Anreise bekommt der Gast dann eine mit einem Link, welcher ihn direkt anmeldet. Nun kann er auch für seinen gesamten Besuch bestellen. Firstname: Vorname vom Gast Lastname: Nachname Address, Zip, Town: Optionale Felder An diese werden die Links versendet. Startdate: Zeit und Datum des Checkins. Enddate: Zeit und Datum des Checkouts. User: Das Apartment / Zimmer in dem der Gast bleibt.

10 Auflistung der Checkins Für eine Liste aller Checkins, wo Sie Details und Bestellungen der Gäste einsehen können und die s erneut senden können, klicken Sie links bei den Seitenansichten auf ICC Apart APP und bei den Seiten auf den Ordner Apart App. Hier sehen Sie alle Checkins. Bei der Spalte Transmitted1 sehen Sie, ob die mit dem Link zu Ihrem APP verschickt worden ist. Wenn in dieser Spalte senden steht, wurde Sie noch nicht verschickt. Wenn sie auf den Link senden klicken, wird die sofort versendet. Wenn Sie schon verschickt worden ist, steht in der Spalte erneut senden. Das Gleiche gilt bei der Spalte Transmitted2. Nur wird hier eine mit einem Link zu Ihrer APP verschickt mit welcher, der Gast sofort angemeldet wird und buchen kann. Es wird nicht empfohlen dem Gast diese zuzuschicken bevor der letzte Gast abgereist ist. Denn sonst kann er die Bestellungen des aktuellen Gastes einsehen und auch Bestellungen für diesen abgeben. Wenn Sie auf den Namen klicken, sehen Sie alle eingegebenen Informationen für den Gast, und zusätzlich den Code mit dem er sich anmelden kann. Darunter bei Orders sehen Sie alle Bestellungen welche der Gast abgegeben hat.