TD Mobile Ein Beispiel

Roadshow 2013
TD Mobile
Ein Beispiel
Helmut Reimann
TD Mobile Beispiel
• Demo Anwendung “Island”: Company
Roadshow 2013
TD Mobile Beispiel
• Demo Anwendung „Island“: Company
Roadshow 2013
TD Mobile Beispiel
• Demo Anwendung „Island“: Product
Roadshow 2013
TD Mobile Beispiel
• Demo Anwendung „Island“: Employee
Roadshow 2013
TD Mobile
• TD Mobile
• Anwendungsstruktur
• 12 Pages
• Stylesheet
• Klassen
• Nur für Bindings
• Funktionen
Roadshow 2013
TD Mobile
• Externes Stylesheet
Roadshow 2013
TD Mobile
• Interne Funktion:
Roadshow 2013
TD Mobile
• Interne Klassen: Für „Bindings“
• Option: Einbinden einer TD APL
Roadshow 2013
TD Mobile
• Login:
Outline
Client - Teil
Server – Teil
Cookie setzten mit
SalWebLogin()
Roadshow 2013
TD Mobile
• Login:
pbLogin Script
Achtung: Asynchroner Ablauf
Roadshow 2013
TD Mobile
TD Mobile Server
.NET Web Service
Call Operation
TD Mobile
Client Script
Invoke
Roadshow 2013
TD Mobile
• Company Liste:
Navigation in der ListView
Parameterübergabe an nächste Page
List View
Outline
Operation zum füllen der ListView
Roadshow 2013
TD Mobile
• Company Details:
Client Code
Operation
Roadshow 2013
TD Mobile
• Invoice:
ListView mit LayoutGrid und
Textfelder
ListView: Navigation mit Übergabe von
Paramtern
Operation zum Befüllen der
Listview
Roadshow 2013
TD Mobile
• Employee Details:
Textfeld mit
Format
LayoutGrid mit Textfelder
und Labeln
Roadshow 2013
TD Mobile
• Edit Employee:
Objekte auf der Page
(Ausser Navigation)
Eigenschaft „Date“
Roadshow 2013
TD Mobile
• Edit Employee:
Objekte auf der Page
(Ausser Navigation)
Eigenschaft „Email“
Roadshow 2013
TD Mobile
• Edit Employee:
Objekte auf der Page
(Ausser Navigation)
Eigenschaft „Number“
Roadshow 2013
TD Mobile
• Edit Employee:
Objekte auf der Page
Eigenschaft „Tel“
Roadshow 2013
TD Mobile
• Edit Employee: „Photo“
Aus CSS File
Picture Objekt
Eigenschaft „Bild“
Roadshow 2013
TD Mobile
• Edit Employee: „Photo“
Datenfeld (Öffnen eines
Bildes)
Zur Laufzeit
Datenfeld „Input Type“ = File
Roadshow 2013
TD Mobile
• Edit Employee:
Speichern der Daten
Datenfeld (Öffnen eines
Bildes)
Page Events & Parameter
Bindings
Roadshow 2013
TD Mobile
• Edit Employee:
Foto aus der Datenbank
Speichern der Daten
Speichern der Daten
Roadshow 2013
TD Mobile
• TD Mobile Java Interface
• Setzen eines Browser Typs:
„t“ = Tablet – „p“ = Phone
„Schalter“
Link ruft ein TD Mobile Java Funktion auf
Roadshow 2013
TD Mobile
• TD Mobile Java Interface
• Setzen eines Browser Typs:
„t“ = Tablet – „p“ = Phone
„Schalter“
Link ruft ein TD Mobile Java Funktion auf
Roadshow 2013
TD Mobile
• TD Mobile Java Interface
• Beispiel: Setzen eines Browser Typs:
Roadshow 2013
TD Mobile
• Option:
• Globale Variablen anstatt Parameterlisten
• Pro:
• State Managment wird auf dem Server ausgeführt
• Keine Parameterlisten, einfache Handhabung
• Cons:
• Beim Seitenwechsel muss immer eine Operation ausgeführt
werden, damit Daten angezeigt werden können.
• Parameterlisten können direkt von Bindings in Objekte
geladen werden.
Roadshow 2013
TD Mobile
• Option:
• Web Seiten Entwicklung mit TD Mobile
• Unterschiedliche Layouts für Smart Devices
• Anwendungen und Web Seiten
• Unterschiedliche Inhalte / Aussehen / Funktionalität
• Unterschiedliche Stylesheets
• ...
Roadshow 2013
TD Mobile
• Zum Schluss...
• Änderungshistorie:
Roadshow 2013
Roadshow 2013
TD Mobile
Ein Beispiel