Logics App-Designer V3.1 Schnellstart

Transkript

1 Logics App-Designer V3.1 Schnellstart Stand Logics Software GmbH Tel: +49/89/ Schwanthalerstraße 9 D München mailto:apps@logics.de

2 Inhalt Ihr Logics Zugang... 3 Zugangsdaten... 3 Test-App... 3 Start-URLs... Fehler! Textmarke nicht definiert. App-Designer starten... 4 Starten und Anmelden... 4 App auswählen und bearbeiten... 4 App verwalten und Kennwort ändern... 4 Mit dem App-Designer arbeiten... 5 Darstellung im Browser... 5 Menü-Ansicht... 5 Arbeitsbereich... 7 Texte ändern... 7 App starten... 8 App am Smartphone starten... 8 App "offline" verwenden... 8 App am PC starten... 9 Schnellstart Logics App-Designer V3.1 Seite 2 von 9

3 Ihr Logics Zugang Zugangsdaten Wenn Sie den App-Designer starten wollen, benötigen Sie Ihre Zugangsdaten: Benutzername: Kennwort: zum Beispiel "meier" zum Beispiel "geheim" Sie haben Ihren Benutzernamen und ein vorläufiges Kennwort erstmalig von uns bei der Freischaltung des Zugangs erhalten. Das Kennwort benötigen Sie nur, wenn Sie den App-Designer starten wollen; Sie können es dort auch ändern. Zum Starten Ihrer App benötigen Sie kein Kennwort. Test-App Mit Freischaltung haben wir Ihnen auch bereits eine einfache Test-App eingerichtet: App Name: in der Regel "test" Diese App soll Ihnen die ersten Schritte mit dem App-Designer erleichtern. Sie können die App natürlich beliebig ändern und erweitern. Bei Bedarf können Sie den Namen der App ändern. Schnellstart Logics App-Designer V3.1 Seite 3 von 9

4 App-Designer starten Mit dem App-Designer können Sie Ihre App(s) selbst erstellen, ändern, erweitern, testen und verwalten. Sie benötigen dazu lediglich einen Arbeitsplatz mit Internet-Zugang, einen aktuellen Standard Web-Browser (wir testen mit Chrome, Firefox, Safari und Internet- Explorer ab Version 9) und Ihre Zugangsdaten. Sie müssen keinerlei Daten oder Programme auf Ihren Arbeitsplatz-Rechner laden oder dort installieren, weil das Logics App-Konzept konsequent auf die Leistungsfähigkeit der heutigen Standard Browser abgestimmt ist: Sie öffnen lediglich ein neues Browser-Fenster und geben die Start-URL für den App- Designer an. Sie melden sich dann mit Ihren Zugangsdaten an und wählen die App aus, die Sie bearbeiten wollen. Starten und Anmelden So starten Sie den App-Designer am PC: Öffnen Sie ein neues Browser-Fenster. Geben Sie dann die Start-URL des App-Designers ein. In der Maske "Anmeldung" geben Sie Ihren Benutzernamen und Ihr Kennwort an und klicken dann auf "Anmelden". App auswählen und bearbeiten In der Maske "App auswählen" wählen Sie die App aus, die Sie bearbeiten wollen. Klicken Sie dann auf "Designer-Programm starten". Ihr Browser zeigt jetzt das Designer-Programm mit der Vorschau Ihrer App und dem geöffneten Hilfe-Menü. Weitere Informationen finden Sie in der Online-Hilfe und unten im Kapitel "Mit dem App-Designer arbeiten". App verwalten und Kennwort ändern In der Maske "App auswählen" können Sie Ihre App auch verwalten und zum Beispiel Ihr vorläufiges Kennwort beim ersten Starten ändern: Klicken Sie auf "Einstellungen". In der Maske "Anmeldedaten" geben Sie Ihr bisheriges Kennwort und das neue Kennwort (mit Wiederholung) ein. Anschließend klicken Sie auf "Kennwort ändern". Schnellstart Logics App-Designer V3.1 Seite 4 von 9

5 Mit dem App-Designer arbeiten Darstellung im Browser Wenn der App-Designer in Ihrem Browser gestartet ist, werden die beiden Hauptbereiche dargestellt: Links sehen Sie die App-Vorschau zu Ihrer App, Rechts davon befindet sich der Arbeitsbereich mit der Menüzeile am oberen Rand. Menü-Ansicht Nach dem Starten wird im Arbeitsbereich eine Menü-Ansicht dargestellt: Sie sehen das Menü "Hilfe" mit dem Eintrag "App-Designer". Durch Klicken auf die Menü-Buttons links vom Hilfetext wechseln Sie die einzelnen Hilfe-Themen. App- Vorschau Arbeitsbereich (Menü-Ansicht): "Hilfe" Menüzeile Hilfe-Menü "App" Menü-Buttons Schnellstart Logics App-Designer V3.1 Seite 5 von 9

6 Bitte nehmen Sie sich die Zeit, sich an Hand der Hilfe-Menüs mit der Bedienung und den Konzepten des App-Designers vertraut zu machen: Das Menü "App" verwenden Sie zum Beispiel, wenn Sie Änderungen an Ihrer App speichern oder den Designer beenden wollen. Im Menü "Seite" wählen Sie die App-Seite aus, die Sie als nächstes bearbeiten oder einfügen wollen. Das Menü "Einfügen" enthält die Standard Elemente, die Sie in die aktuelle Seite einfügen können. Zu jedem Element, das Sie auswählen, sehen Sie eine Vorschau und spezielle Hinweise zur Anwendung. "Element auswählen" zeigt Ihnen, wie Sie durch Klicken in die App-Vorschau ein Element der aktuellen Seite zur Bearbeitung auswählen. "Element bearbeiten" und "Liste bearbeiten" erläutert, wie Sie ein ausgewähltes Element zum Beispiel verschieben, duplizieren oder löschen. Sie können natürlich auch jederzeit die unterschiedlichen Menüpunkte aufrufen und dann wieder zur Hilfe zurückkehren: Klicken Sie zum Beispiel in der Menüzeile oben auf "Einfügen", um das Einfügen- Menü anzuzeigen. Klicken Sie dann im Einfügen-Menü links auf "Liste", um die Vorschau und Erläuterungen zu diesem Element zu erhalten. Klicken Sie dann in der Menüzeile wieder "Hilfe". App- Vorschau Arbeitsbereich (Menü-Ansicht): "Einfügen" Menüzeile Vorschau zum Element Erläuterungen zum Element Menü-Buttons Menü "Einfügen": Toolbar Schnellstart Logics App-Designer V3.1 Seite 6 von 9

7 Arbeitsbereich Wenn Sie stattdessen links in der App-Vorschau auf ein Element klicken, wählen Sie dieses zur Bearbeitung aus. Es wird mit einem roten Rahmen markiert, und auch der Arbeitsbereich rechts ändert sich: Unterhalb der Menüzeile wird jetzt die Toolbar angezeigt. Unterhalb der Toolbar wird eine Liste mit Details zum ausgewählten Element angezeigt. App- Vorschau Arbeitsbereich (Bearbeitung) Menüzeile Toolbar Details zum ausgewählten Element Ausgewähltes Element Texte ändern Texte ändern Sie normalerweise einfach durch Übertippen in der App-Vorschau, und zur Formatierung verwenden Sie die Buttons der Toolbar aus dem Arbeitsbereich. Sie können dabei ähnlich vorgehen wie in einem üblichen Textbearbeitungssystem. Sie können auch Texte aus anderen Quellen, zum Beispiel aus einem Text-Dokument oder von Ihrer Internet-Seite einkopieren. Da solche Texte jedoch oft sehr speziell formatiert sind und diese Formate sich nicht für Ihre App eignen, sollten Sie generell solche Text "ohne Formatierung" einfügen oder unerwünschte Formatierungen nachträglich bereinigen. Schnellstart Logics App-Designer V3.1 Seite 7 von 9

8 App starten Sie können die App, die Sie mit dem App-Designer erstellt haben, auf allen üblichen Smartphones verwenden (wir testen standardmäßig mit den Geräten-Typen iphone, Android, Blackberry, Windows Phone 7.5 und Kindle). Auf den Smartphones müssen für Ihre App keinerlei Daten oder Programme geladen oder installieren werden. Auch der umständliche Umweg über die diversen App-Stores und App- Markets entfällt, weil das Logics App-Konzept konsequent auf die Leistungsfähigkeit der heutigen Smartphones abgestimmt ist: Zum Starten wird nur die Start-URL der App benötigt; das Designer-Kennwort ist nicht erforderlich Sie können Ihre App also nach Ihren Bedürfnissen "verteilen". App am Smartphone starten So starten Sie Ihre App "manuell": Starten Sie Ihren Smartphone-Browser wie üblich. Geben Sie dann die Start-URL der App ein. Weitere Möglichkeiten zum Starten der App am Smartphone: Senden Sie eine oder eine SMS mit der Start-URL an das betreffende Smartphone; die App wird dann wie üblich durch Anklicken gestartet. Die meisten Smartphones unterstützen die Funktion "zum Home-Screen hinzufügen". Die App kann dann später auch durch Anklicken Ihres Icons gestartet werden. Sie können einen "QR-Code" mit der Start-URL Ihrer App erzeugen und veröffentlichen. Die meisten Smartphones können QR-Codes scannen und starten dann Ihre App automatisch. Wenn Sie einen "konventionellen" Internet-Auftritt haben, können Sie die Start-URL als Link auf einer Ihrer Web-Seiten hinterlegen. Sie können auf Ihrer Web-Site bei Bedarf auch eine automatische App-Weiterleitung installieren, wenn ein Smartphone-Anwender spezielle Seiten besucht. App "offline" verwenden Beim erstmaligen Starten der App ist zwar immer eine Internet- oder WLAN-Verbindung erforderlich. Ab diesem Zeitpunkt wird sie automatisch im Smartphone vorgehalten, soweit dies vom jeweiligen Gerät unterstützt wird (iphone, Android und Blackberry). Die App ist damit "offline fähig" und kann künftig auch ohne Internet-Verbindung genutzt werden, zum Beispiel im "Flugmodus" oder beim abgeschaltetem "Daten-Roaming" in fremden Netzen. Falls beim Starten später eine Netzverbindung verfügbar ist, wird automatisch der gespeicherte Ausgabestand überprüft und die App gegebenenfalls aktualisiert. Schnellstart Logics App-Designer V3.1 Seite 8 von 9

9 App am PC starten Sie können Ihre App probeweise auch am PC starten: Öffnen Sie ein neues Browser-Fenster an Ihrem PC. Geben Sie dann die Start-URL Ihrer App ein. Ihre App wird damit in unserem "Smartphone-Simulator" gestartet, und Sie erhalten sofort einen ersten Eindruck von der typischen Darstellung auf Smartphones. Bitte beachten Sie: Die Smartphone-Typen unterscheiden sich in ihren Eigenschaften ganz erheblich. Der App-Designer gleicht zwar viele technische Details für Sie automatisch aus; dennoch bleiben Unterschiede wie Format, Größe und Auflösung des Displays, verfügbare Schriftarten, Wenn Sie Ihre App für unterschiedliche Smartphone-Typen erstellen wollen, sollten Sie deshalb Ihre Formatierungen nicht "zu genau" auf nur einen Gerätetyp abstellen. Die Darstellung im Simulator kann deshalb auch immer nur ein Anhaltspunkt für das spätere Aussehen an den unterschiedlichen Smartphones sein. Weitere Möglichkeiten zum Starten der App am PC: Speichern Sie die Start-URL in Ihrem Browser unter "Favoriten". Im App-Designer: Wenn Sie im App-Menü Ihre Änderungen speichern, wird die App automatisch auch in einem eigenen PC-Fenster angezeigt. Eventuell müssen Sie dazu den PopUp-Blocker Ihres Browsers für die Designer-URL deaktivieren. Schnellstart Logics App-Designer V3.1 Seite 9 von 9