Handbuch für Redakteure appbox - Handbuch für Redakteure 1-10 www.appbox.de
Inhaltsverzeichnis Herzlich Willkommen!... 3 Das appbox Grundsystem... 4 An- und Abmelden... 4 Globale Einstellungen bearbeiten... 5 Der Datei Manager... 6 cutecms - Das Redaktionssystem... 8 appbox - Handbuch für Redakteure 2-10 www.appbox.de
Herzlich Willkommen! Dies ist ein kleiner Leitfaden für Redakteure und Webmaster, die Ihre Website mittels der appbox pflegen und betreuen möchten. Es ist keine Programmier-Anleitung, mit der neue Projekte umgesetzt werden können. Falls Sie Fragen oder Verbesserungsvorschläge haben, freuen wir uns auf Ihr Feedback. Gehen Sie dazu ins Internet unter http://www.appbox.de/kontakt um uns eine Nachricht zukommen zu lassen. Version Datum Autor Änderung 09.05.2006 Marcel Horbach Dokument erstellt 10.06.2006 Marcel Horbach cutecms: Eigenheiten im Internet Explorer appbox - Handbuch für Redakteure 3-10 www.appbox.de
Das appbox Grundsystem An- und Abmelden Rufen Sie im Webbrowser die URL Ihres Redaktionsbereiches auf, die Sie erhalten haben. Es sollte zunächst eine Passwort-Abfrage des Browsers erfolgen, um an diesen geschützten Bereich zu gelangen. Melden Sie sich dort mit Ihren Zugangsdaten an. Abb.: Authentifizierung durch den Web-Browser Sie sind nun berechtigt, auf den APPBOX Adminstrationsbereich zuzugreifen. Es erscheint ein weiterer Login im Browserfenster, wo Sie sich mit Ihren persönlichen APPBOX Zugangsdaten anmelden. Abb.: Die Anmeldung an das appbox System Falls Sie Administratoren-Rechte haben, sollten Sie jetzt den Backend-Bereich zur Administration Ihrer Website sehen. Wenn Sie "nur" über Editoren Rechte verfügen (z.b. als Redakteur), werden Sie nach erfolgreichem Login zur Startseite der Website geleitet. Schauen Sie im Kapitel cutecms nach, um nähere Informationen zur Bearbeitung von Webinhalten zu erhalten. appbox - Handbuch für Redakteure 4-10 www.appbox.de
Als Administrator sind Sie jetzt in der Lage, die APPBOX Funktionen (links in der Navigation) zu nutzen. Klicken Sie z.b. auf "Zur Website", um im angemeldeten Zustand zur Website zu wechseln und Webinhalte redaktionell zu bearbeiten. ACHTUNG: Stellen Sie am Ende Ihrer Sitzung sicher, dass Sie sich ordnungsgemäß vom System abmelden ("Logout" in der Navigation). User Management Klicken Sie rechts in der APPBOX Navigation auf den Menüpunkt User Management, um in die Benutzerverwaltung zu gelangen. Dort werden die im System angelegten Benutzer angezeigt. Abb.: Userverwaltung Die Übersicht gibt Aufschluss, welche Benutzer mit welchen Rechten ausgestattet sind. Ferner wird angezeigt, wann sich ein User das letzte Mal an das System angemeldet hat und ob es fehlerhafte Login- Vorgänge gab. Über den edit Button werden Benutzer bearbeitet. Mit Klick auf neuer Datensatz kann ein neuer Backend-Benutzer angelegt werden. Abb.: Der Benutzer testuser wird bearbeitet In der Editier-Maske können dem User verschiedene Rechte gegeben werden. Ein Administrator beispielsweise hat uneingeschränkten Zugriff auf das Backend-Tool, während der Editor (Redakteur) appbox - Handbuch für Redakteure 5-10 www.appbox.de
lediglich Webinhalte im cutecms Content-Management Modul bearbeiten darf. Frontend User (Webseiten Benutzer) und Shop Customer ( Shop Kunden ) haben keine weiteren redaktionellen Rechte. Globale Einstellungen bearbeiten Die APPBOX und die installierten Module nutzen eine globale Tabelle, um die verschiedenen Einstellungen der Anwendung zu verwalten. In diesen Settings lassen sich beispielsweise der Projektname oder die E- Mail Adresse des Webmasters ändern, an den die Nachrichten des Kontaktformulars gesendet werden. Abb.: Übersichtsseite mit den Settings Klicken Sie in der linken Navigation des Admin-Bereiches auf Settings. Sie sehen nun eine Übersicht über alle verfügbaren Einstellungsmöglichkeiten. Die Kategorie gibt Aufschluss, zu welchem Modul die Einstellung gehört. Klicken Sie auf edit, um den Wert eines Schlüssels zu ändern. Ein kurzer Beschreibungstext erklärt die Auswirkungen des aktuell gewählten Schlüssels. Ändern Sie den Wert nach Ihren Vorstellungen und klicken Sie auf "save" zum Speichern. ACHTUNG: Das Löschen oder unbedachte Ändern von Settings kann zu erheblichen Konsequenzen führen. Ändern Sie die Werte nur, wenn Sie sich über mögliche Seiteneffekte im Klaren sind. Der Datei Manager Mit dem Datei Manager werden Dateien auf den Webserver übertragen, herunterladen und gelöscht. Es können Verzeichnisse angelegt und gelöscht werden. Wenn der Datei Manager im Kontext einer speziellen Aktion aufgerufen wurde, zum Beispiel beim Einfügen eines Bildes, so kann zusätzlich mit einer Funktion der Pfad einer Datei in die Zielmaske übernommen werden. Achtung: Verzeichnisse werden rekursiv gelöscht, d.h. alle Ordner und Dateien, die sich in dem Verzeichnis befinden, werden unwiderruflich gelöscht. appbox - Handbuch für Redakteure 6-10 www.appbox.de
Abb.: Der Dateimanager aufgerufen aus dem Bild-Editor In der Abbildung ist der Datei Manager im Popup zu sehen. Aus der Überschriftszeile wird ersichtlich, dass aktuell das Verzeichnis /templates/img/clients auf dem Web-Server angezeigt wird. Folgende weitere Funktionen stehen in diesem Kontext zur Verfügung: Icon Funktion Beschreibung Aktualisieren Das Verzeichnis wird aktualisiert und die Dateiliste neu geladen Ebene höher Download Übernehmen Löschen Wechselt ein Verzeichnis nach oben Mittels Klick auf Dateiname oder Icon wird die Datei heruntergeladen Übernimmt den Pfad und Dateinamen in die Zielmaske des aufgerufenen Fensters. Der Datei Manager wird hierbei geschlossen. Löscht die Datei oder das Verzeichnis Desweiteren kann mit dem Datei Upload eine Datei auf den Server übertragen werden. Mit der Verzeichnis erstellen Funktion können neue Ordner auf dem Server angelegt werden. appbox - Handbuch für Redakteure 7-10 www.appbox.de
cutecms - Das Redaktionssystem Wenn ein angemeldeter APPBOX User auf der Website über Redaktionsrechte verfügt (Rolle EDITOR) wird der User auf der Website Edit-Links zur Bearbeitung von Web-Inhalten vorfinden. Abb.: Edit-Links erscheinen unter Inhalten, die vom User bearbeitet werden können Mittels Klick auf den Edit-Link öffnet sich dem Redakteur ein Popup zur Bearbeitung des jeweiligen Web- Inhaltes. Abb.: Der Web-Editor zum Bearbeiten der Inhalte Mit den Steuer-Elementen in der oberen Zeile wird der Text beispielsweise fett, kursiv oder unterstrichen formatiert. Nehmen Sie die Änderungen am Text vor und gestalten Sie ihn nach Ihren Vorstellungen. Wenn Sie die Arbeit abgeschlossen haben, klicken Sie auf das Lupen-Symbol. Jetzt sollte sich das Hauptfenster neu laden, und die Änderungen sollten NUR FÜR SIE sichtbar sein. Zusätzlich erscheint ein Mülltonnen- Symbol links neben der Lupe. Sie können nun die Änderungen mittels Klick auf die Mülltonne wieder verwerfen, oder weiter Änderungen vornehmen, und diese mit der Vorschau-Funktion (Lupe) überprüfen. Sollte alles stimmig sein, klicken Sie auf das Disketten-Symbol, um die Änderungen für alle Besucher Ihrer Website sichtbar zu machen. Dabei wird sich das Bearbeitungs-Fenster schließen. Beim nächsten Öffnen des Popups werden Sie bemerken, dass eine Versionierung stattgefunden hat. Gehen Sie durch die Drop-Down Box neben Version, um die alten Versionen dieses Textes zu überprüfen. Sie können dabei erneut die Lupe zur Vorschau nutzen und mittels des Disketten-Symbols eine alte Version des Textes wiederherstellen. appbox - Handbuch für Redakteure 8-10 www.appbox.de
Hinweis: Wenn Sie den Internet Explorer als Web-Browser verwenden, werden Zeilenumbrüche durch die Enter-Taste als Absatz interpretiert. Drücken Sie Shift+Enter, um einen einfachen Zeilenumbruch zu erzeugen. Einen Hyperlink einfügen Markieren Sie im Editier-Popup einen Text oder ein Bild und klicken Sie anschliessend auf das Link Symbol: Abb.: Symbol zum Einfügen eines HyperLinks Es öffnet sich ein Fenster zum Einfügen des Links. Dort besteht die Möglichkeit, einen externen Link auf eine andere Website, einen internen Link auf eine Seite innerhalb der APPBOX, oder eine Mailadresse als Link anzugeben. Achtung: Die Möglichkeit, einen internen Link zu verwenden steht nur dann zur Verfügung, wenn die Website über die APPBOX Template Engine ausgeliefert wird. Schlagen Sie im Kapitel Globale Einstellungen bearbeiten nach, um festzustellen, ob die Template Engine in Ihrem Web-Projekt aktiv ist. Wenn dies nicht der Fall ist, so erscheint die Funktion zum Setzen eines internen Links nicht. Abb.: Der Hyperlink-Editor Im Hyperlink-Editor besteht die Möglichkeit, die eingegebene Adresse zu überprüfen. Klicken Sie auf den Vorschau Button, um sich die Seite in der Vorschau anzeigen zu lassen. Zum Schluss wird der Link mit Klick auf Übernehmen angewendet. Das Fenster schließt sich, und der vorher markierte Text bzw. das Bild ist verlinkt. appbox - Handbuch für Redakteure 9-10 www.appbox.de
Ein Bild einfügen Platzieren Sie den Cursor im Web-Editor an die Stelle, wo Sie das Bild einfügen möchten. Anschließend klicken Sie auf das Bild-einfügen Symbol, welches Sie in der oberen Zeile mit den Steuer-Elementen vorfinden. Abb.: Symbol zum Einfügen von Grafiken Es öffnet sich ein Fenster mit dem Bild-Editor. Dort können Sie wenn bekannt - direkt den Pfad zu der Bild-Datei eingeben. Ansonsten klicken Sie auf Browse, um den Datei-Manager zu öffnen. Navigieren Sie im Datei-Manager an die Stelle, wo sich das Bild befindet, oder laden Sie eine Datei von Ihrem Rechner auf den Web-Server. Wenn sich das Bild an der richtigen Stelle befindet, können Sie mit der Übernehmen Funktion die Datei in die Zielmaske übernehmen ( Hand Symbol). Dabei wird der Datei-Manager wieder geschlossen und der Dateiname samt Pfad erscheint im Bild-Editor. Zusätzlich erscheint das Bild unter der Pfadangabe als Vorschau. Klicken Sie auf das Bild, um es in den Web-Editor zu übernehmen und das Fenster zu schließen. Abb.: Der Bild-Editor mit Vorschau-Funktion appbox - Handbuch für Redakteure 10-10 www.appbox.de