! Jahrgang ! Studium der Mathematik und Informatik an der TU Braunschweig. ! Entwicklung klassischer Client-Server-Systeme zur Terminplanung

Transkript

1 1

2 2

3 3

4 ! Jahrgang 1969! Studium der Mathematik und Informatik an der TU Braunschweig! Entwicklung klassischer Client-Server-Systeme zur Terminplanung! Seit 2009 Betreuung von Kundenprojekten im Java-Umfeld! Seit 2012 mobile Entwicklung Tel.: Frankfurter Straße Braunschweig 4

5 5

6 ! Plattformunabhängige Entwicklung mobiler Anwendungen mit Java! Java ist Kundenvorgabe! Soweit möglich, Verzicht auf andere Technologien: HTML 5 und JavaScript geht, wollen wir aber nicht!! Wie weit komme ich überhaupt? Wie ist der Stand der Technik?! Herausforderung: Java-Anwendung entwickeln für Geräte ohne Java: Java für ios gibt s doch gar nicht geht das denn doch?! 6

7 7

8 8

9 ! Entwicklungsstrategien! Serverseitig: Server publiziert z.b. in HTML 5, CSS, JavaScript, JSON zum Rendering auf dem Gerät! Clientseitig: kompilierte Version in nativem Binärcode wird auf dem Gerät eingesetzt! Betrachtete Technologien! Codename One! Tabris! Oracle ADF mobile und Oracle MAF! IBM Worklight als plattformunabhängige Referenz! XCode als Referenz für Optik und was nativ geht 9

10 ! Entwicklung von Standalone-Clients in Java! Läuft als Plug-In für alle gängigen Entwicklungsumgebungen! GUI-Builder! Build-Server liefert native Applikation zur Installation auf dem Ziel-Device! Logik und Oberflächen in Java! Eindruck: Performance entspricht der von nativen Applikationen und fühlt sich auch so an 10

11 ! Client- und Serverteil Entwicklung! Erweitert Eclipse Remote Application Platform (RAP)! Verwendet SWT zur Erstellung der UI! Logik läuft in Java auf dem Server (Servlet)! Kommunikation via HTTP und JSON zwischen Server und Tabris-Client! Client rendert UI in native Komponenten gemäß Servernachrichten! Nötiges Wissen: RAP und SWT 11

12 Logik auf dem Server Interpretation auf dem Device 12

13 ! Framework für JDeveloper: JD11, keine Unterstützung Java 7 und 8!! Definition der Anwendungskomponenten:! deklarativ in HTML und JavaScript! Lokales HTML! Remote URL (Server-HTML)! Plattformspezifisches: XCode und Android SDK! HTML5 zum Rendering der UI! Logik in Java 13

14 ! Strenges MVC-Modell! Model (ADF)! View (HTML, XML)! Controller (XML)! Java Runtime (Java ME 1.4), JVM kommt mit Applikation zusammen auf das Gerät! Zukunft! Was ist mit Java 7 und Java 8?! JDeveloper 12 und ADF-PlugIn: Wann? Überhaupt oder gar nicht?! Was ist mit JDeveloper 13? 14

15 ! Neues Framework: seit Juli 2014! Weiterentwicklung von ADF mobile, löst dieses ab! ab JDeveloper ! Oracle Enterprise Pack for Eclipse :! Eclipse 4.4 (Luna)! unterstützt JDK 7 und JDK 8! Einfache Migration von ADF mobile-projekten nach MAF 15

16 16

17 ! Neuerungen (Auswahl):! Wahl der IDE: Eclipse (OEPE) oder JDeveloper! Sprachwahl: Java, JavaScript, HTML5! Neue UI Komponenten! Integration von Cordova Plug-ins zur Ansteuerung von Device Features! Entwicklung eigener UI-Komponenten und UI-Templates! Wiederverwendbare AMX-Komponenten! Neue Sicherheitsfeatures (Integration der Oracle Mobile Security Suite) 17

18 18

19 ! Fertiges Toolset für plattformunabhängigen optimierten Entwicklungsprozess! Erstellung hybrider und nativer Anwendungen! Crossplattform-Entwicklung mit Webtechnologien (HTML5-basiert)! Auf Eclipse basierende Entwicklungsumgebung! Framework mit Fokus auf Verbindung mit Unternehmensdaten, Portalen und die Synchronisierung der Anwendungen! Enterprise-Lösung: eigener App-Store, Steuerung des Anwendungsportfolios, Datenhoheit 19

20 ! Native ios-entwicklung zum Vergleich und als Referenz für:! Entwicklungsperformance! UI-Konformität von Device und Simulator! UI-Look (wie dicht kommt Fremdes den ios-ui-elementen?)! Debugging auf Quellcode! Neues (ios 8) sofort dabei und für die Entwicklung verfügbar! Updateverfahren bei betrachteten Entwicklungswerkzeugen?! ios 8: neue Programmiersprache Swift ergänzt und Vereinfachungen Objective-C-Entwicklung 20

21 21

22 ! App zur BLZ-Suche! Entwickelt mit Codename One! BLZ-Datei der Deutschen Bundesbank in XML wird mit der Anwendung verteilt 22

23 ! a! b 23

24 ! a! b 24

25 ! a! b 25

26 26

27 27

28 protected void onaction_main_buttonsuchen(com.codename1.ui.component newcomponent, com.codename1.ui.events.actionevent newevent) { if (this.find_main_fieldinstitutsname()!= null) { this.setdata_main_institutsname(this.find_main_fieldinstitutsname().gettext()); } if (this.find_main_fieldbankleitzahl()!= null) { this.setdata_main_bankleitzahl(this.find_main_fieldbankleitzahl().gettext()); } if (this.find_main_fieldort()!= null) { this.setdata_main_ort(this.find_main_fieldort().gettext()); } int treffer = 0; 28

29 for (int i = 0; i < this.getinstitutliste().size(); i++) { de.tricept.codenameone.blz.institut institut = this.getinstitutliste().get(i); if (this.getdata_main_institutsname()!= null) { if (institut.getbezeichnung().touppercase().indexof(this.getdata_main_institutsname().touppercase()) < 0) { continue; } } if (this.getdata_main_ort()!= null) { if (institut.getort().touppercase().indexof(this.getdata_main_ort().touppercase()) < 0) { continue; } } 29

30 if (this.getdata_main_bankleitzahl()!= null) { if (institut.getbankleitzahl().indexof(this.getdata_main_bankleitzahl()) < 0) { continue; } } treffer++; } //for if (treffer == 0) { // Keine Treffer com.codename1.ui.image image = null; 30

31 try { com.codename1.ui.util.resources res = com.codename1.ui.util.resources.open("/theme.res"); image = res.getimage("lightbulb_48.png"); } catch (java.io.ioexception ex) { // Do nothing } } // Kein Icon anzeigen, image = null; // Warum ist hier eine Konvertierung für die Umlaute nötig? com.codename1.ui.dialog.show(this.convert("hinweis"), this.convert("für die gewählten Suchkriterien wurden keine Treffer gefunden."), com.codename1.ui.dialog.type_info, image, this.convert("ok"), null); } else { this.showform("liste", null); } 31

32 ! Dateizugriff unter ios verhält sich anders als unter Android: // Android, Simulator com.codename1.io.bufferedinputstream stream = new com.codename1.io.bufferedinputstream( com.codename1.io.filesystemstorage.getinstance(). openinputstream("/blz.xml")); // ios java.io.inputstream stream = com.codename1.ui.display.getinstance(). getresourceasstream(getclass(), "/BLZ.xml"); java.io.inputstreamreader streamreader = new java.io.inputstreamreader(stream); com.codename1.xml.xmlparser parser = new com.codename1.xml.xmlparser(); this.start(parser.parse(streamreader)); // public void start(com.codename1.xml.element e) { } Alle Ressourcen müssen direkt im Rootverzeichnis liegen. Verschachtelte Verzeichnisstrukturen funktionieren nicht unter ios! 32

33 ! Probleme mit Umlauten! In Java-Strings verwendete Umlaute werden in ios-app korrekt angezeigt! Umlaute aus XML-Dateien (BLZ) werden in der App nicht korrekt angezeigt 33

34 ! Probleme mit Umlauten! Abhilfe: explizite Konvertierung in UTF-8 // Wird vom XML-Parser aufgerufen private java.lang.string getvalue(com.codename1.xml.element element) { return this.convert(element.gettext()); } private java.lang.string convert(java.lang.string text) { try { // Konvertierung in Unicode return new java.lang.string(text.getbytes(), "UTF-8"); } catch (java.io.unsupportedencodingexception ex) { return text; } } 34

35 protected boolean onmaincommand1() { this.formsettings = (com.codename1.ui.form) createcontainer(fetchresourcefile(), "Settings"); com.codename1.ui.command[] cmds = new com.codename1.ui.command[] { // Die Zeichenkette "Übernehmen" wird falsch dargestellt. new com.codename1.ui.command( ("Übernehmen"), userclasses.const.command_id_ok), new com.codename1.ui.command( ("Abbrechen"), userclasses.const.command_id_cancel) }; } formsettings.setdefaultcommand(cmds[0]);... 35

36 36

37 ! Build-Prozess! Codename One-Build-Server in der Cloud liefert Installationsdatei für gewähltes Betriebssystem! Weblink verweist auf Installationsdatei! Deployment-Prozess! Installationsdatei kann heruntergeladen werden! Link auf Installationsdatei per zuschicken lassen! QR-Code mit Verweis auf Weblink direkt einscannen 37

38 ! Deployment-Prozess! QR-Code mit Device scannen! Installation bestätigen! Gestartete App 38

39 39

40 ! Testen, testen, testen!! Testen direkt auf dem Gerät bzw. verschiedenen Geräten! Wie sieht die App auf Geräten mit unterschiedlichen Betriebssystemen aus?! Wie sieht meine Anwendung im Simulator aus?! Bekomme ich alle Umlaute, die ich erwarte?!! Irgendwas geht erfahrungsgemäß immer nicht so ganz wie erhofft! Alles ist im Fluss - dranbleiben!! Entwicklung der verschiedenen Plattformen ist ständig im Fluss! Was heute gilt, ist morgen vielleicht out! Ggf. erscheint morgen ein anderes Werkzeug geeigneter für mein Entwicklungsvorhaben als heute 40

41 41

42 Java Forum Stuttgart 2014! Besuchen Sie auch unseren Messestand! Großes Gewinnspiel App anywhere Grill anywhere 1 Go anywhere

43 ! Codename One:! Tabris:! Oracle ADF mobile und Oracle MAF:! IBM Worklight:! XCode:!