SmartGeocache

## Tutorial 1: Eine Startseite erstellen

Wichtig! Sie können immer wieder das Tutorial öffnen indem sie folgende URL in ihren Webbrowser eingeben:
http://192.168.4.1/webpages/tutorial.html Öffnen sie zuerst den Admin Bereich in einem neuen Webbrowserfenster:
http://192.168.4.1/adminlogin
Oder klicken Sie oben auf Admin Area Button.
Wenn sie 2 Webbrowserfenster (Tabs) verwedenen können sie in dem einen Fenster Einstellungen vornehmen während sie in dem anderen das Tutorial lesen können.
Es gibt 2 Möglichkeiten eine Homepage zu erstellen:
1.Den Homepage Editor verwenden oder 2. Sie kopieren von ihnen erstellte .html Dateien einfach auf die SD Karte in den Ordner webpages
Wir verwenden im weiteren Verlauf den Homepage Editor, also öffnen sie diesen nun im Admin Bereich, wie gesagt bitte in einem neuen Browserfenster (Tab) Klicken Sie auf “neue Seite erstellen”. Legen Sie zuerst einen Namen für diese Seite fest, verwenden Sie keine Leerstellen oder Sonderzeichen z.B. startseite.html Daraufhin sollten Sie einen Buttontext für die Navigation eingeben, z.B. “Station 1” oder “Home” (hier sind Leerstellen/Sonderzeichen erlaubt!). Im Anschluss wählen Sie “Dies IST die Startseite des SmartGeocache” im Dropdownmenü aus. Dann wählen Sie “ Einen Link zu dieser Seite in der Navigationsleiste zeigen” im Dropdownmenü aus. Klicken sie auf Speichern so Gelangen sie zum Style Menü. Hier stehen ihnen viele weitere Optionen zur Verfüng um ihre Startseite zu gestalten: Layouts, Styles, Naviagationselemente. Drücken Sie auf Speichern, dann gelangen sie zum "Content & Embedding" Menü. Hier kann man Extension-Buttons, Passworteingabefeld, Logbuch usw. in das Layout der Seite implementieren. Klicken sie einfach wieder auf Speichern, nun sind sie im "Webpage Text" Menü. Ihnen stehen verschiedene Textfelder zur Verfügung, die, je nach Layout und Displaygröße (responsive design) unterschiedlich angeordnet sind, wobei der Header immer oben und der Footer immer unten sein wird.
Header Textfeld:
Geben Sie hier zum Beispiel ihren GC-Code oder den Titel ihres Geocaches ein. Wenn Sie keinen Headertext einspeichern, wird das Headerfeld auf ihrer Seite ausgeblendet. Standardmäßig, wenn kein Headertext eingespeichert ist, wird ihnen ein Text angezeigt, als Beispiel für einen Header mit HTML-Code. Dies soll vor allem HTML-Anfängern einfach eine kleine Stütze sein, Überschriften / Zeilenumbrüche / Textgröße einzuspeichern. Ändern Sie also zum Beispiel einfach den GC-Code aus dem Standardmäßig angezeigten Headertext und drücken Sie im Anschluss auf den „Speichern“ Knopf.
Footer Textfeld:
Achten Sie darauf den Footer nicht zu lang zu machen, wenn Sie auf der Einstellungsseite die Option “Footer bleibt immer unten im Browser” gewählt haben (Standardeinstellung), sonst könnte es sein, dass er ein anderes Textfeld überdeckt. Je nachdem wie groß ihre Seite ist, könnten Sie auch die Option “Footer bleibt NICHT immer unten im Browser” wählen, diese Option sollte aber nur dann gewählt werden wenn die Seite wirklich genug Inhalt hat damit ein komplettes Smartphonedisplay gefüllt ist. Geben Sie auch im Footer ihren GC-Code ein oder den Titel ihres Geocaches oder sowas wie z.B. “Ein Geocache von Supercacher79” . Footer und Header dienen vor allem ihrem Cache eine persönliche Note aufzusetzen, seien Sie dabei jedoch dezent und nicht zu aufdringlich :-D Prinzipiell können Sie die anderen Textfelder nutzen um Texte einzuspeichern. Auf der Startseite bietet sich ein Willkommenstext oder eine Art Einleitungstext für die “Story” ihres Geocaches an. Dann drücken Sie auf den “Speichern” und schauen Sie sich das Ergebnis unten im iFrame an, indem Sie auf den Button “Vorschau der Seite” klicken.