Entwicklung: Erweitertes Textfeld-Grundfunktionen

Das Erweiterte Textfeld wird primär als Gestaltungselement genutzt, kann aber auch im FleetDesigner definierten Text oder Variablenwerte anzeigen. Wählen Sie im FleetDesigner  im Formular eines Projekts ein Erweitertes Textfeld-Element mit einfachem Klick aus, können unter dem Navigationspunkt 'Element' Eigenschaften wie Position und Größe, Hintergrundfarbe und Rahmen oder Schrift angepasst werden. Per Doppelklick kann der Text innerhalb des Elements editiert oder gelöscht werden.

Erklärung mithilfe des Projekts 'ErwTextfeld-Grundfunktionen' (1 Formular):

> Öffnen Sie das Projekt in der FleetApp, wird Formular 1 aufgerufen.

> In diesem Formular sind Beispiele zu verschiedenen Gestaltungsmöglichkeiten des Erweiterten Textfelds. (Das Projket kann mit tippen auf den Button 'ABBRECHEN' unten links geschlossen werden)

> Öffnen Sie das Projekt mit ihrem FleetDesigner. Mit einfachem Klick auf eines der Elemente wird dieses ausgewählt und kann über den Navigationspunkt 'Element' bearbeitet werden.

> Zusätzlich kann ein Erweitertes Textfeld mittels CSS-Attributen individuell gestaltet werden. Klicken Sie dazu mit der rechten Maustaste auf ein Erweitertes Textfeld-Element im Formular und wählen Sie danach 'CSS bearbeiten' aus.

Ein Dialogfenster mit allen aktuell für dieses Element hinterlegten CSS Eigenschaften öffnet sich.

Hier können diese Eigenschaften angepasst, entfernt oder weitere CSS-Attribute hinzugefügt werden.

Die wichtigsten CSS-Attribute:

- background

- background-color

- border

- border-color

- border-bottom

- border-left

- border-right

- border-top

- border-radius

- border-width

- bottom

- box-shadow

- color

- display

- font-family

- font-size

- font-weight

- height

- left

- margin

- opacity

- padding

- position

- text-align

- text-shadow

- text-transform

- transform

- width

Entwicklung: Drawview-Grundfunktionen

Das Zeichenflächen-Element (Drawview) wird zum Markieren von zuvor aufgenommenen Fotos oder zum Leisten von Unterschriften verwendet.

Erklärung mithilfe des Projekts 'Drawview-Grundfunktionen' (2 Formulare):

> Öffnen Sie das Projekt in der FleetApp, wird zunächst Formular 1 aufgerufen.

> Tippen Sie auf 'WEITER', um Formular 2 anzuzeigen. Hier wird auf der linken Seite ein schwarz umrahmtes Zeichenfeld mit verschiedenen Bedienungselementen angezeigt.

> Tippen Sie auf einen der farbigen Stifte um eine Zeichenfarbe zu wählen (rot/grün/blau/weiß/schwarz). Standardfarbe ist Schwarz.

> Benutzen Sie einen Finger oder einen Stylus-Stift, um die Zeichenfläche zu beschreiben/bemalen/markieren.

> Das Rote X (oben links) löscht den von Ihnen zur Zeichenfläche hinzugefügten (gesamten!) Inhalt.

> Soll der von Ihnen gezeichnete/markierte Inhalt weiter verwendet werden, tippen Sie nach dem malen/schreiben auf 'BEENDEN'.

Die Zeichnung kann auf verschiedene Wege zum gewünschten Empfänger gesendet werden:

> FTP-Server (vgl. Benutzerhandbuch Fleet S.31/32).

> Mailformular (vgl. Benutzerhandbuch Fleet S.18)

> Einbindung in PDF-Datei (z.B. als Unterschrift auf digitalem Lieferschein/Frachtbrief/usw.)

Entwicklung: Kamera-Grundfunktionen

Zum Erstellen und anschließenden Versenden von Fotos kann jedem gewünschten Formular ein Kamera-Element hinzugefügt werden. 

Erklärung mithilfe des Projekts 'Kamera-Grundfunktionen' (2 Formulare):

> Öffnen Sie das Projekt in der FleetApp, wird zunächst Formular 1 aufgerufen.

> Tippen Sie auf 'WEITER', um Formular 2 anzuzeigen. Hier wird auf der linken Seite ein Kamera-Display mit verschiedenen Bedienungselementen angezeigt.

> Tippen Sie auf das linke Symbol (Blitz) um den Blitz zu aktivieren/deaktivieren.

> Tippen Sie auf das rechte Symbol (Rahmen mit Schloss) um den Autofokus zu aktivieren/deaktivieren. Erscheint das Symbol weiß, ist der Autofokus aktiviert. Tippen Sie bei aktivem Autofokus auf das Motiv im Display, welches Sie fotografieren wollen, um es scharf zu stellen. Sobald das im Display erscheinende Rechteck die Farbe von weiß zu grün wechselt ist ihr Motiv im Fokus und kann fotografiert werden.

> Um ein Foto aufzunehmen, tippen Sie auf das Kamerasymbol (Mitte).

> Das eben aufgenommene Foto erscheint als Vorschau im Display, die Symbolleiste unten wechselt dabei.

> Tippen Sie auf +(plus) bzw. -(minus) um das aufgenommene Bild zu zoomen. Ist das Bild hineingezoomt (+) kann es jetzt mit dem Finger innerhalb des Displays verschoben werden. Diese Funktion dient zur Kontrolle des aufgenommenen Motivs und verändert dabei nicht die Originalgröße der Datei.

> Durch Tippen auf das rote X (links) wird das Foto verworfen und ein neues Foto kann stattdessen gemacht werden.

> Haben Sie ein Foto gemacht, welches weiter verwendet werden soll, tippen Sie sobald das Foto in der Vorschau angezeigt wird auf 'BEENDEN'

Fotos können auf verschiedene Wege zum gewünschten Empfänger gesendet werden:

> FTP-Server (vgl. Benutzerhandbuch Fleet S.31/32).

> Mailformular (vgl. Benutzerhandbuch Fleet S.18)

> Einbindung in PDF-Datei

Entwicklung: DropDown-Grundfunktionen

Mithilfe des DropDown-Elements kann aus einer Liste an Optionen, die zuvor selbst eingetragen wurden, eine Option ausgewählt werden.

Erklärung mithilfe des Projekts 'DropDown-Grundfunktionen' (2 Formulare):

> Öffnen Sie das Projekt in der FleetApp, wird zunächst Formular 1 aufgerufen.

> In der Mitte des Formulars befindet sich das DropDown-Element. Dieses wurde im FleetDesigner mit einer Liste aus Optionen (1-6) befüllt. Außerdem wurde die Variable '$option' angelegt und diesem Element als Ein-und Ausgangsvariable zugeordnet (vgl. Benutzerhandbuch Fleet S.12/13, S.26).

Tippen Sie auf '...bitte auswählen' und wählen eine der Optionen 1-6 aus.

> Tippen Sie auf 'WEITER', um Formular 2 anzuzeigen. Hier sehen Sie die von Ihnen ausgewählten Option. Das Textanzeigefeld gibt dabei den Wert der Variable aus.

> Wiederholen Sie diesen Vorgang beliebig, indem Sie zwischen Formular 1 und Formular 2 mit Tippen auf 'ZURÜCK' oder 'WEITER' wechseln und dabei verschiedene Optionen auswählen. 

Entwicklung: Checkbox-Grundfunktionen

Das Checkbox-Element wird zur einfachen Ja/Nein Abfrage verwendet. Ist diesem Element eine Variable zugeordnet, wird der Wert der Variable mit "1" gespeichert, wenn die Checkbox markiert ist. Ist die Checkbox nicht markiert, ist der Wert der Variable "0". 

Erklärung mithilfe des Projekts 'Checkbox-Grundfunktionen' (2 Formulare):

> Öffnen Sie das Projekt in der FleetApp, wird zunächst Formular 1 aufgerufen.

> In der Mitte des Formulars sind drei Optionen zur Auswahl. Tippen Sie auf  eine oder mehrere zugehörige Checkboxen um diese zu markieren (Häkchen gesetzt) oder wieder abzuwählen (kein Häkchen gesetzt). Im FleetDesigner wurde für jedes Checkbox-Element eine Variable ($option1, $option2, $option3) definiert und den Optionen zugeordnet (vgl. Benutzerhandbuch Fleet S.12/13, S.28).

> Tippen Sie auf 'WEITER', um Formular 2 anzuzeigen. Hier sehen Sie die von Ihnen ausgewählten Optionen. Das Textanzeigefeld gibt dabei den Wert der Variablen aus.

Haben Sie z.B. zuvor Option 3 markiert wird die Variable '$option3' mit dem Wert "1" gespeichert.

Wurde Option 3 nicht markiert bleibt der Wert der Variable '$option3' bei "0".

> Wiederholen Sie diesen Vorgang beliebig, indem Sie zwischen Formular 1 und Formular 2 mit Tippen auf 'ZURÜCK' oder 'WEITER' wechseln und dabei verschiedene Optionen an- bzw. abwählen. 

Entwicklung: Texteingabe/Textanzeige-Grundfunktionen

Mithilfe von Textfeldern können Texte im Projekt neu eingegeben, editiert oder nur angezeigt werden.

Erklärung mithilfe des Projekts 'Textfelder-Grundfunktionen' (3 Formulare):

> Öffnen Sie das Projekt in der FleetApp, wird zunächst Formular 1 aufgerufen.

> In der Mitte des Formulars befindet sich ein Texteingabefeld. Tippen Sie auf den grauen Bereich, um die Tastatur zu öffnen und einen Beispieltext einzugeben. Im FleetDesigner wurde die Variable 'text' angelegt und für dieses Element als Ausgangsvariable definiert. (vgl. Benutzerhandbuch Fleet S.12/13, S.25)

> Tippen Sie auf 'WEITER', um Formular 2 anzuzeigen. Für das Texteingabefeld in Formular 2 wurde die Variable 'text' als Ein-und Ausgangsvariable definiert. Deshalb wird auch hier Ihr eingegebener Text angezeigt (Eingangsvariable). Editieren Sie den Text und tippen auf 'WEITER', wird der neue Text per Variable 'text' gespeichert (Ausgangsvariable).

> In Formular 3 erscheint der neu eingegebene Text im Textanzeigefeld, da auch dieses Element die Eingangsvariable 'text' besitzt.

Soll dieser Text beim beenden des Projekts an die Zentrale übermittelt werden, muss auch hier die Ausgangsvariable wieder 'text' sein.

Hinweis: Das Textanzeigefeld dient zur Anzeige von Text, soll Text neu eingegeben oder editiert werden, wird das Texteingabefeld benötigt.

Entwicklung: Buttons-Grundfunktionen

Wenn das Schaltflächen-Element (Button) im Formular platziert ist, können verschiedene Funktionen definiert werden, die anschließend beim Tippen des Displays an dieser Stelle ausgelöst werden.

Die drei grundsätzlichen Funktionen zur Bedienung eines Projektes sind:

- submit (beendet Projekt und schließt es)

- cancel (schließtt Projekt)

- Formularwechsel

Erklärung mithilfe des Projekts 'Buttons-Grundfunktionen' (3 Formulare):

> Öffnen Sie das Projekt in der FleetApp, wird zunächst Formular 1 aufgerufen.

> Tippen Sie auf den Button 'ABBRECHEN', wird das Projekt geschlossen, da im FleetDesigner für diesen Button die Aktion 'cancel' definiert ist (vgl. Benutzerhandbuch Fleet - S.24)

> Dies ist neben 'submit' die einzige Möglichkeit das geöffnete Projekt zu schließen, um wieder zum Dashboard der FleetApp oder in die Auftragsliste zu gelangen

Tipp: Ein 'cancel'-Button kann auch mit Absicht weggelassen werden. Damit kann sicher gestellt werden, dass wichtige Aufgaben wie z.B. Führerschein- oder Abfahrtkontrolle vom Benutzer durchgeführt werden müssen und nicht ignoriert werden können.

> Tippen Sie auf den Button 'WEITER', wird die Ansicht zu Formular 2 gewechselt, da im FleetDesigner für diesen Button die Aktion 'Formular 2' definiert ist  (vgl. Benutzerhandbuch Fleet - S.24)

> Tippen Sie auf den Button 'ZURÜCK', wird die Ansicht zu Formular 1 gewechselt, da im FleetDesigner für diesen Button die Aktion 'Formular 1' definiert ist  (vgl. Benutzerhandbuch Fleet - S.24)

> Befinden Sie sich in Formular 2 und Tippen Sie auf den Button 'WEITER', wird die Ansicht zu Formular 3 gewechselt, da im FleetDesigner für diesen Button die Aktion 'Formular 3' definiert ist  (vgl. Benutzerhandbuch Fleet - S.24)

> In Formular 3 kann jetzt durch tippen auf 'ABBRECHEN' ('cancel') das Projekt geschlossen werden oder mit 'BEENDEN' beendet und geschlossen werden. Im FleetDesigner wurde dieser Button mit der Aktion 'submit' belegt

> Sollen Daten versendet werden, sollte das Projekt IMMER mit 'submit' beendet werden. Bei 'cancel' werden alle Daten verworfen

Auch ein Mailformular kann nur versendet werden wenn unter Mailformular das entsprechende Formular ausgehwählt und die Aktion 'submit' ist.