Handbuch SyMobile Installation und Konfiguration 1. Auflage 2012 / Build 1.0.0 © 2012 by SyLinx GmbH SyMobile Autor: Matthias Stenkamp Inhalt I Inhaltsverzeichnis Kapitel I Installation SyMobile 2 1 Systemvoraussetzungen ................................................................................................................................... 2 2 Ablauf der Installation ................................................................................................................................... 3 Kapitel II Konfiguration SyMobile 1 SyAdmin Bediener Mandant 2 SySetup 15 ................................................................................................................................... 15 .......................................................................................................................................................... .......................................................................................................................................................... 15 19 ................................................................................................................................... 23 Einstellungen.......................................................................................................................................................... Kapitel III Frontend Theme 23 40 1 Grundlagen ................................................................................................................................... 41 2 Browser Theme ................................................................................................................................... 44 3 Mobile Theme ................................................................................................................................... 45 Kapitel IV Notizen 53 1 Eigene Notizen ................................................................................................................................... 53 Kapitel V Änderungen und Rechte Index 55 56 © 2012 by SyLinx I Kapitel I Installation SyMobile 1 Installation SyMobile 1.1 Systemvoraussetzungen Betriebssystem: · · · · · · Windows XP SP3 Windows 2003 Server Windows Vista Professional/Business Windows 7 Windows 2008 Server Windows 2008 R2 Server jeweils 32/64 Bit Datenbank: · Microsoft SQL Server 2005 · Microsoft SQL Server 2008 · Microsoft SQL Server 2008 R2 SelectLine Warenwirtschaft: · Warenwirtschaft SQL Version 11.0.0 bis 11.0.2.9 ProKONTAKT *: · ProKONTAKT SQL Version 11 * Nur bei Betrieb SyMobile mit ProKONTAKT Plugin © 2012 by SyLinx 2 3 1.2 SyMobile ::: by SyLinx Ablauf der Installation 1. Öffnen Sie die Datei "SyMobile-<VERSION>-Setup.exe" Klicken Sie auf "Weiter" © 2012 by SyLinx Installation SyMobile 2. Lizenzvereinbarung Lesen Sie bitte die Lizenzvereinbarung und akzeptieren Sie diese mit dem Radiobutton. Klicken Sie auf "Weiter" © 2012 by SyLinx 4 5 SyMobile ::: by SyLinx 3. Prüfung der Systemvoraussetzungen Hierbei werden die benötigten Systemvoraussetzungen durch das Setup Programm ermittelt und geprüft. Klicken Sie auf "Weiter". © 2012 by SyLinx Installation SyMobile 4. Installation der zuvor ermittelten Systemvoraussetzungen In diesem Schritt werden die zuvor durch das Setup Programm ermittelten Systemvoraussetzungen ggf. installiert. Klicken Sie auf "Weiter" © 2012 by SyLinx 6 7 SyMobile ::: by SyLinx 5. zusätzliche Aufgaben auswählen In diesem Schritt wird die Installation des Zend Community Servers angeboten. Diese Option wird unbedingt empfohlen und ist daher bereits ausgewählt. Der Zend Community Server stellt die benötigte SyMobile Serverumgebung bereit. Sollten Sie diese Option abwählen wird SyMobile nach dem Setup nicht lauffähig sein. Sie müssen SyMobile danach manuell auf ihre Systemumgebung konfigurieren. Klicken Sie auf "Weiter". © 2012 by SyLinx Installation SyMobile 8 6. Konfiguration Webserver Hierbei wird der Name des Host Computers ermittelt und voreingestellt. Ebenfalls werden die TCP Ports für den Webserver getrennt nach Standard (80)- und SSL (443) Betrieb ermittelt und voreingestellt. Nach dem Klick auf "Weiter" erfolgt eine Prüfung der eingestellten Ports. Haben Sie hier bitte ein wenig Geduld, denn dieser Vorgang kann einige Zeit in Anspruch nehmen. Sollten beide Ports verfügbar sein wird das Setup fortgesetzt. Ist einer oder sind beide Ports belegt so werden Sie gebeten, einen entsprechend freien Port einzutragen. Klicken Sie auf "Weiter" © 2012 by SyLinx 9 SyMobile ::: by SyLinx 7. Konfiguration des SQL Servers In diesem Schritt wählen Sie den verfügbaren SQL Server aus einer Liste der vom Setup Programm ermittelten Server aus. Wir empfehlen den Betrieb mit Benutzer Authentifizierung (kein Hacken bei 'Windows Authentifizierung') und dem Datenbank Benutzer "sa". Geben Sie die entsprechenden Daten für Benutzer und Passwort ein. Sollten Sie zu diesem Zeitpunkt die Daten nicht zur Hand haben oder später konfigurieren wollen, so wählen Sie die Option 'Konfiguration in SySetup vornehmen'. Klicken Sie auf "Weiter". Nach der erfolgreichen Konnektierung des SQL Servers beenden Sie den Dialog mit "OK". © 2012 by SyLinx Installation SyMobile 8. Konfiguration Zugangsdaten Legen Sie hier das Passwort für den administrativen Benutzer "admin" fest. Diese Zugangsdaten benötigen Sie für die Module SySetup und SyAdmin. Klicken Sie auf "Weiter". © 2012 by SyLinx 10 11 SyMobile ::: by SyLinx 9. Installation durchführen Das Setup Programm hat nun alle benötigten Informationen und kann mit der Installation beginnen. Klicken Sie auf "Installieren". Hinweis: Die folgende Installation ist sehr umfangreich und kann abhängig von der Hardwareausstattung bis zu 15 Minuten dauern. Bitte brechen Sie den Vorgang auf keinen Fall ab. © 2012 by SyLinx Installation SyMobile 12 10.Zusammenfassung Das Setup Programm hat die Installation nun durchgeführt. In der Zusammenfassung sehen Sie die entsprechenden Links zu SyMobile und dem SySetup. Klicken Sie auf "Weiter". © 2012 by SyLinx 13 SyMobile ::: by SyLinx 11.Beenden des SyMobile Setup-Assistenten Die Installation ist beendet. Klicken Sie auf "Fertigstellen". Nach dem Setup können Sie sich im SyMobile mit folgenden Benutzerdaten anmelden: Benutzer: Passwort: symobile symobile Als Mandant ist der SelectLine Mustermandant "WAWI" aktiviert. Stellen Sie sicher das dieser auch in Ihrer SelectLine zur Verfügung steht. Wie Sie nun Bediener und Mandanten anlegen erfahren Sie im Kapitel "Konfiguration SyMobile". © 2012 by SyLinx Kapitel II 15 SyMobile ::: by SyLinx 2 Konfiguration SyMobile 2.1 SyAdmin 2.1.1 Bediener Starten Sie den SyAdmin im Windows Menü unter Start -> Programme -> SyLinx -> SyAdmin Benutzer Geben Sie hier das Benutzerkürzel "admin" ein. Passwort Geben Sie hier das Passwort aus dem Setup Prozess ein. © 2012 by SyLinx Konfiguration SyMobile 16 Der SyAdmin zeigt Ihnen nach dem Login die vorhandenen Daten für die Bediener und Mandanten: Um einen vorhandenen Bediener zu bearbeiten klicken Sie mit der Maus auf den entsprechenden Tabelleneintrag. Um einen neuen Bediener anzulegen wählen Sie im Menü Daten -> Neu -> Bediener Um einen Bediener zu löschen markieren Sie den Datensatz und wählen Sie im Menü Daten -> Löschen oder klicken Sie in der Tabellenansicht auf das Icon . Um einen vorhandenen Bediener zu kopieren markieren Sie den Datensatz und wählen Sie im Menü Daten -> Kopieren © 2012 by SyLinx 17 SyMobile ::: by SyLinx Der Bediener: Beschreibung Geben Sie hier die Beschreibung des Bedieners ein. Dieser Wert erscheint nur in der Tabellenübersicht im SyAdmin. GueltigVon / GueltigBis Der Datumsbereich, in dem ein Login dieses Bedieners in SyMobile möglich ist. Benutzerkürzel Geben Sie hier das Benutzerkürzel des Bedieners ein. Hinweis: Wir empfehlen Ihnen, das Benutzerkürzel des Bedieners aus der SelectLine zu verwenden. Passwort Geben Sie das Passwort des Bedieners ein. Profil/Rolle Wählen Sie hier aus den vordefinierten Profilen/Rollen die entsprechende aus. Achtung: Je nach Version von SyMobile können höhere Profile/Rollen zu Lizenzverletzungen führen. Vollständiger Name Geben Sie den vollständigen Namen des Bedieners ein. © 2012 by SyLinx Konfiguration SyMobile 18 Mitarbeiterfilter? Wählen Sie, ob die verwendbaren Daten der SelectLine auf Grundlage des Wertes im Feld <Nummer "Mitarbeiter" aus SelectLine> gefiltert werden sollen. Hinweis: Ist dieses Feld aktiviert, so muss gleichzeitigt der korrekte Wert des Bedieners aus der SelectLine (Feld "Nummer" in Stammdaten/Mitarbeiter) in das Feld <Nummer "Mitarbeiter" aus SelectLine> eingetragen werden. Vertreterfilter? Wählen Sie, ob die verwendbaren Daten der SelectLine auf Grundlage des Wertes im Feld <Nummer "Mitarbeiter" aus SelectLine> gefiltert werden sollen. Hinweis: Ist dieses Feld aktiviert, so muss gleichzeitigt der korrekte Wert des Bedieners aus der SelectLine (Feld "Nummer" in Stammdaten/Mitarbeiter) in das Feld <Nummer "Mitarbeiter" aus SelectLine> eingetragen werden. Nummer "Mitarbeiter" aus SelectLine Hier muss der korrekte Wert des Bedieners aus der SelectLine (Feld "Nummer" in Stammdaten/Mitarbeiter) eingetragen werden. Region Geben Sie hier die Lokalisierung der Region ein. Hinweis: Der Standard ist für Deutschland voreingestellt (de_DE,deu). Zeilen pro Seite (Tabellenansicht) Die Anzahl der Zeilen in der Tabellenansicht pro Seite. RechtNeu Wählen Sie, ob dieser Bediener unabhängig der Berechtigung des jeweiligen Profils neue Datensätze anlegen darf. RechtBearbeiten Wählen Sie, ob dieser Bediener unabhängig der Berechtigung des jeweiligen Profils Datensätze bearbeiten darf. RechtLoeschen Wählen Sie, ob dieser Bediener unabhängig der Berechtigung des jeweiligen Profils Datensätze löschen darf. Sprache des Frontend Wählen Sie die zu verwendende Frontend Sprache. Email Geben Sie hier die Emailadresse des Bedieners ein. Layout Geben Sie hier das zu verwendende Layout (Frontend Theme) ein. Hinweis: Ist dieses Feld leer, so wird das Theme "standard" verwendet. In der Auslieferungsversion können Sie zwischen dem Theme "standard" und "selectline" wählen. Im Kapitel "Frontend Theme" erhalten Sie Informationen zur Entwicklung eines eigenen Frontend Themes. Anzeige Wählen Sie hier die Version des Frontend Themes. Hinweis: Der Wert "auto" ermittelt jeweils das geeignete Frontend Theme abhängig von der verwendeten Hardware (PC, Smartphone usw.) Der Wert "standard" zeigt dem Bediener auf jedem Endgerät immer das browseroptimierte Frontend Theme an. Der Wert "mobil" zeigt dem Bediener auf jedem Endgerät immer das für mobile Geräte optimierte Frontend Theme an. Klicken Sie zum Abschluss auf © 2012 by SyLinx um den Datensatz zu speichern. 19 2.1.2 SyMobile ::: by SyLinx Mandant Starten Sie den SyAdmin im Windows Menü unter Start -> Programme -> SyLinx -> SyAdmin Benutzer Geben Sie hier das Benutzerkürzel "admin" ein. Passwort Geben Sie hier das Passwort aus dem Setup Prozess ein. © 2012 by SyLinx Konfiguration SyMobile 20 Der SyAdmin zeigt Ihnen nach dem Login die vorhandenen Daten für die Bediener und Mandanten: Um einen vorhandenen Mandant zu bearbeiten klicken Sie mit der Maus auf den entsprechenden Tabelleneintrag. Um einen neuen Mandant anzulegen wählen Sie im Menü Daten -> Neu -> Mandant Um einen Mandant zu löschen markieren Sie den Datensatz und wählen Sie im Menü Daten -> Löschen oder klicken Sie in der Tabellenansicht auf das Icon . Um einen vorhandenen Mandant zu kopieren markieren Sie den Datensatz und wählen Sie im Menü Daten -> Kopieren © 2012 by SyLinx 21 SyMobile ::: by SyLinx Der Mandant: Beschreibung Geben Sie hier die Beschreibung des Mandant ein. Dieser Wert erscheint nur in der Tabellenübersicht im SyAdmin. GueltigVon / GueltigBis Der Datumsbereich, in dem ein verwenden dieses Mandanten in SyMobile möglich ist. Mandant Geben Sie hier das Datenbankkürzel Ihres Mandanten ein. Hinweis: Das Datenbankkürzel finden Sie in der SelectLine am rechten unteren Bildrand in der Statusleiste: © 2012 by SyLinx Konfiguration SyMobile 22 Name Geben Sie den Namen Ihres Mandanten ein. Hinweis: Geben Sie auch eine Namen für die entsprechenden Sprachen ein. Gehen Sie dazu wie folgt vor: · Klicken Sie auf (der Mandant wird damit gespeichert und bleibt in der Bearbeitungsmaske) · Wählen Sie am rechten Ende des Textfeldes den Sprachwert · Sie erhalten folgende Anzeige · Geben Sie nun den Namen für die Englische Übersetzung ein. · Klicken Sie auf · verfahren Sie mit den weiteren Sprachen gleich Klicken Sie zum Abschluss auf © 2012 by SyLinx um den Datensatz zu speichern. 23 SyMobile ::: by SyLinx 2.2 SySetup 2.2.1 Einstellungen Starten Sie SySetup im Windows Menü unter Start -> Programme -> SyLinx -> SySetup Benutzer Geben Sie hier das Benutzerkürzel "admin" ein. Passwort Geben Sie hier das Passwort aus dem Setup Prozess ein. © 2012 by SyLinx Konfiguration SyMobile 24 SySetup zeigt Ihnen nach dem Login die installierten Produkte (Module des SyOPS SyLinx Objekt Programmier System): Um ein Produkt zu konfigurieren, klicken Sie in der Spalte "Aktion" auf das Wort Konfigurieren. Um die jeweilige Konfigurationsseite zu speichern, abzubrechen oder zu verlassen, gehen Sie bitte wie folgt vor: Klicken Sie auf um mit der Konfiguration fortzufahren und auf die nächste Konfigurationsseite zu kommen. Klicken Sie auf um auf die vorherige Konfigurationsseite zu kommen. Klicken Sie auf um die Konfiguration ohne weiteres Speichern der jeweiligen Konfigurationsseite zu verlassen. Klicken Sie auf © 2012 by SyLinx um die jeweilige Konfigurationsseite zu speichern. 25 SyMobile ::: by SyLinx Konfiguration Produkt SySetup: Benutzer Benutzername für das Produkt 'SySetup' Passwort Passwort für das Produkt 'SySetup' Hinweis: Wenn Sie das Passwort nicht ändern wollen, klicken Sie auf 'Weiter'. © 2012 by SyLinx Konfiguration SyMobile 26 Konfiguration Produkt SyMobile: Datenbanktyp Wählen Sie hier die Datenbank, die Sie verwenden möchten. Hinweis: Derzeit ist nur der Microsoft SQL Server 2008 R2 auswählbar. Server Geben Sie hier den Namen oder die IP-Adresse des Datenbankservers ein. Bei einer MSSQL Datenbank kann eine Datenbankinstanz verwendet werden. Fragen Sie hier Ihren Systemadministrator. User Geben Sie hier den Benutzernamen des Datenbankbenutzers an. Hinweis: Wir empfehlen den Betrieb mit dem MSSQL Datenbankadministrator "sa". Passwort Geben Sie hier das Passwort des Datenbankbenutzers an. © 2012 by SyLinx 27 SyMobile ::: by SyLinx StandardLayout Es wird das verwendete Standard Layout angezeigt. © 2012 by SyLinx Konfiguration SyMobile Konfiguration Produkt SyEngine: Datenbanktyp Wählen Sie hier die Datenbank, die Sie verwenden möchten. Hinweis: Derzeit ist nur die MySQL Datenbank auswählbar. Server Es wird der verwendete Name oder die IP-Adresse des Datenbankservers angezeigt. Port Es wird der verwendete TCP Port des Datenbankservers angezeigt. User Geben Sie hier den Benutzernamen des Datenbankbenutzers an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile Passwort Geben Sie hier das Passwort des Datenbankbenutzers an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile Datenbank Geben Sie hier den Namen Ihrer Datenbank an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile Host © 2012 by SyLinx 28 29 SyMobile ::: by SyLinx Geben Sie hier die URL-Adresse Ihres Servers ohne 'http://' an. Beispiel 'www.mydomain.de'. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: <Rechnername:Port> Hostpfad Verwenden Sie ein Unterverzeichnis, so geben Sie dieses mit einem führenden '/' hier an. Beispiel '/syshop. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: <leer> Pfad Geben Sie hier das Unterverzeichnis zu den Uploaddateien des SyOPS mit einem führenden '/' und eventuell dem oben angegebenen Hostpfad an. Standard ist '/SyMedien'. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: SyMedien © 2012 by SyLinx Konfiguration SyMobile 30 Timezone Geben Sie hier die Zeitzone an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: Europe/Berlin Locale Einstellung der Lokalisierung. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: de_DE DateFormat Geben Sie hier das Standard Datumsformat an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: %d.%m.%Y TimeFormat Geben Sie hier das Standard Zeitformat an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: %H:%M:%S Kodierung Geben Sie hier die Kodierung der Seite an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: utf-8 © 2012 by SyLinx 31 SyMobile ::: by SyLinx ACHTUNG: Hier erfolgt die Erfassung von Datenbankspezifischen Daten für SyConnect. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Datenbanktyp Wählen Sie hier die Datenbank, die Sie verwenden möchten. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: MySQL Server Geben Sie hier den Namen oder die IP-Adresse des Datenbankservers ein. Bei einer MySQL Datenbank ist das i.d.R. 'localhost'. Bei einer MSSQL Datenbank kann auch eine Datenbankinstanz verwendet werden. Fragen Sie hier Ihren Systemadministrator. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: localhost Port Geben Sie hier den Port des MySQL Datenbankservers an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: 3306 User Geben Sie hier den Benutzernamen des Datenbankbenutzers an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile Passwort Geben Sie hier das Passwort des Datenbankbenutzers an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile © 2012 by SyLinx Konfiguration SyMobile Datenbank Geben Sie hier den Namen Ihrer Datenbank an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile © 2012 by SyLinx 32 33 SyMobile ::: by SyLinx Typ Geben Sie hier den Typ des Mailers an. Host Geben Sie hier den Namen des SMTP Mailservers an (nur bei Typ SMTP). Verschluesselung Wählen Sie hier, ob der SMTP Mailer verschlüsselt betrieben werden soll (nur bei Typ SMTP). User Geben Sie hier den SMTP Benutzer an (nur bei Typ SMTP). Passwort Geben Sie hier das Passwort für den SMTP Benutzer an (nur bei Typ SMTP). Absender Geben Sie hier die Standard Absender Emailadresse an (nur bei Typ SMTP). © 2012 by SyLinx Konfiguration SyMobile 34 Logger Geben Sie hier den Namen des Loggers in log4php.properties an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: SyWebClient Medium Wählen Sie den Log Level. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: OFF © 2012 by SyLinx 35 SyMobile ::: by SyLinx Konfiguration Produkt SyAdmin: Datenbanktyp Wählen Sie hier die Datenbank, die Sie verwenden möchten. Hinweis: Derzeit ist nur die MySQL Datenbank auswählbar. Server Es wird der verwendete Name oder die IP-Adresse des Datenbankservers angezeigt. Port Es wird der verwendete TCP Port des Datenbankservers angezeigt. User Geben Sie hier den Benutzernamen des Datenbankbenutzers an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile Passwort Geben Sie hier das Passwort des Datenbankbenutzers an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile Datenbank Geben Sie hier den Namen Ihrer Datenbank an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: symobile © 2012 by SyLinx Konfiguration SyMobile 36 DateiPfad Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: SyMedien DateienUrl Geben Sie hier das Unterverzeichnis zu den Uploaddateien des SyOPS mit einem führenden '/' und eventuell dem oben angegebenen Hostpfad an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: /SyMedien Sprache Erfassen Sie hier den Code für die Standardsprache. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: de MaxUpload Hier können sie die max. Grösse einer Uploaddatei festlegen. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: 1048576 ZeilenProSeite Legen Sie hier die max. Zeilenzahl für die Anzeige der Datensätze in der Tabellenansicht fest. DatumFormat Legen Sie hier das Datumsformat fest. Standard ist 'd.m.Y H:i:s'. NavigationBreite Legen Sie hier die Breite der linken Navigation fest. TinyMCE © 2012 by SyLinx 37 SyMobile ::: by SyLinx Legen Sie fest ob Sie den WYSYWYG Editor TinyMCE verwendeten wollen. © 2012 by SyLinx Konfiguration SyMobile 38 Datei Geben Sie hier den Namen und das Verzeichnis auf Ihre gewünschte Log-Datei an. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: log/SyAdmin Medium Ausgabemedium der Debug Informationen: 0 = keine, 1 = Bildschirm (HTML), 2 = HTML-Kommentar (Quellcode), 4 = Logfile, 8 = Window. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: 0 Level Ausgabelevel der Debug Informationen (-1 bis 9): -1 = Debug Extension, 0 = keine Ausgabe, 9 = komplette Ausgabe. Hinweis: Ändern Sie diesen Wert nur nach Rücksprache mit dem Support. Voreinstellung: 0 © 2012 by SyLinx Kapitel III Frontend Theme 3 40 Frontend Theme SyMobile bietet Ihnen die Möglichkeit, ein eigenes Frontend Theme für die Anzeige im Browser und auf mobilen Endgeräten zu erstellen. Grundlage der Themes ist ein Framework auf Basis von Cascading Style Sheets (CSS). Zum Einsatz kommen: · für das Browser Theme YAML (www.yaml.de) · für das Mobile Theme jQuery Mobile (www.jquerymobile.com) In den folgenden Kapiteln wird gezeigt, wie Sie die Grundlagen für ein eigenes Theme schaffen. Dieses Handbuch vermittelt jedoch keine Kenntnis über Cascading Style Sheets (CSS) Grundlagen und Techniken. Einen guten Start zu diesem Thema finden Sie bei Wikipedia (http://de.wikipedia.org/wiki/Cascading_Style_Sheets). © 2012 by SyLinx 41 3.1 SyMobile ::: by SyLinx Grundlagen Wo sind die Themes gespeichert? SyMobile speichert seine gesamten Daten im Ordner C:\SyMobile. Die Themes finden Sie im Ordner "layouts" in folgender Struktur: C:\SyMobile | |_ SyMobile | |_ layouts Der Ordner <standard> beinhaltet das SyLinx Standard Theme. Der Ordner <selectline> beinhaltet das SelectLine Theme. © 2012 by SyLinx Frontend Theme Um ein neues Theme zu erstellen gehen Sie wie folgt vor: - Erstellen Sie eine Kopie des Ordners Ihrer Wunschvorlage. © 2012 by SyLinx 42 43 SyMobile ::: by SyLinx - Benennen Sie den Ordner nach Ihrer Wahl um. Damit haben Sie die Grundlagen für das neue Theme geschaffen. Um dieses Theme für einen Bediener nutzbar zu machen müssen Sie den Namen des neu erstellten Themes (Ordnername) im SyAdmin/Bediener im Feld "Layout" eintragen. © 2012 by SyLinx Frontend Theme 3.2 44 Browser Theme Aufbau des Browser Theme: C:\SyMobile | |_ SyMobile | |_ layouts | |_ <mein_theme> | |_ css -> Ordner für die .css Beschreibungsdateien | |_ images -> Ordner für die Grafikdateien Im Ordner <css> befinden sich die gesamten .css Beschreibungsdateien. Das CSS Framework lädt über die Datei <my_layout.css> die benötigten .css Dateien für das gesamte Theme. Im Anschluss lädt SyMobile die Datei <my_style.css>. Mit dieser Datei werden nun die eigentlichen Definitionen des Browser Theme geladen. Achtung: Nehmen Sie bitte Ihre persönlichen Einstellungen nur in der Datei <my_style.css> vor. © 2012 by SyLinx 45 3.3 SyMobile ::: by SyLinx Mobile Theme Aufbau des Mobile Theme: C:\SyMobile | |_ SyMobile | |_ layouts | |_ <mein_theme> | |_ mobile -> Ordner für die .css Beschreibungsdateien | |_ images -> Ordner für die Grafikdateien Das jQuery Mobile Framwork bietet eine einzigartige Möglichkeit, das Mobile Theme "WYSYWYG" zu erstellen. Rufen Sie dazu im Browser den jQuery Themeroller unter http://jquerymobile.com/themeroller/ auf. © 2012 by SyLinx Frontend Theme 46 Der jQuery Themeroller Für das Mobile Theme werden 5 "swatches" benötigt. Der Themeroller beginnt seinen Dienst mit 3. Klicken Sie auf "Add swatch" um einen weiteren swatch hinzuzufügen. © 2012 by SyLinx 47 SyMobile ::: by SyLinx Nehmen Sie für Ihr neues Mobile Theme zuerst die globalen Einstellungen vor: © 2012 by SyLinx Frontend Theme Im zweiten Schritt nehmen Sie die Einstellungen für den entsprechenden Swatch vor: © 2012 by SyLinx 48 49 SyMobile ::: by SyLinx Nehmen Sie im dritten Schritt nun die Farbwahl vor: Ziehen Sie dazu aus der oberen Farbskala die Farbe Ihrer Wahl auf das entsprechende Element im Swatch. © 2012 by SyLinx Frontend Theme 50 Wenn Sie auf die beschriebene Art und Weise Ihr Mobile Theme nach Ihren Wünschen erstellt haben, müssen Sie es laden und aktivieren. Das erstellte Theme laden: - Klicken Sie im oberen linken Bereich auf "Download Theme" - Geben Sie nun Ihren "Theme Name" ein... ...und klicken Sie auf die Schaltfläsche "Download Zip". © 2012 by SyLinx 51 SyMobile ::: by SyLinx Das geladene Theme aktivieren: - Kopieren Sie den Inhalt der zuvor geladenen .zip Datei in den Ordner <mobile> C:\SyMobile | |_ SyMobile | |_ layouts | |_ <mein_theme> | |_ mobile - Öffnen Sie die Datei <my_layout.css> mit einem Texteditor (z.B. UltraEdit). - Ersetzen Sie die Zeile @import url(themes/sylinx.min.css); durch @import url(themes/mein_theme.min.css); Nun steht Ihnen das neue Mobile Theme zur Verfügung. © 2012 by SyLinx Kapitel IV 53 SyMobile ::: by SyLinx 4 Notizen 4.1 Eigene Notizen © 2012 by SyLinx Kapitel V 55 5 SyMobile ::: by SyLinx Änderungen und Rechte Technische Änderungen vorbehalten. Alle Rechte vorbehalten. Kein Teil dieses Handbuchs darf ohne ausdrückliche Genehmigung in irgendeiner Form ganz oder in Auszügen reproduziert oder unter Verwendung elektronischer Systeme verarbeitet, vervielfältigt oder verbreitet werden. Wir behalten uns vor, ohne besondere Ankündigung, Änderungen am Handbuch und am Programm vorzunehmen. Printed in Germany. SyAdmin, SyEngine, SyConnect, SySetup, SyOPS, SyWebClient, SyShop und SyMobile sind Produkte der SyLinx GmbH. MS-Windows und MS-DOS sind Warenzeichen der Microsoft Corp. . Alle anderen Warenzeichen sind Eigentum des jeweiligen Rechtsinhabers. © 2012 by SyLinx Index Systemvoraussetzungen Index -AAblauf der Installation 3 Änderungen und Rechte 55 -BBediener 15 Browser Theme 44 -EEigene Notizen 53 Einstellungen 23 -FFrontend Theme 40, 41, 44, 45 -GGrundlagen 41 -IInstallation SyMobile 2, 3 -KKonfiguration SyMobile -MMandant 19 MobileTheme 45 -NNotizen 53 -SSyAdmin SySetup 15, 19 23 © 2012 by SyLinx 15, 19, 23 2 56