San Francisco. Clouds in My Coffee: Java on Mobile for ios and Android with Cloud Data. October 23, 2018

Transcription

1 San Francisco October 23, 2018 Clouds in My Coffee: Java on Mobile for ios and Android with Cloud Data Paul Anderson Gail Anderson Anderson Software Group, Inc. asgteach.com 2018 Anderson Software Group 1

2 } Training Company Java, JavaFX, Go, Python } JavaFX Authors JavaFX Rich Client Programming on the NetBeans Platform Essential JavaFX } LiveLesson Videos JavaFX Programming Java Reflection 2018 Anderson Software Group 2

3 } Why JavaFX on Mobile? } Gluon Framework } Gluon Charm Controls } Gluon Connect and Gluon CloudLink } Oracle Cloud Database } Oracle REST Data Services } Wrap Up, Q & A 2018 Anderson Software Group 3

4 } Critical Goal Platform independent source code Write Once, Install Everywhere } Design Approach Frameworks are a must Hide platform dependencies and messy details } JavaFX Advantages Java UI, scene graph, nodes, FXML views Properties, listeners, binding, event handlers 2018 Anderson Software Group 4

5 2018 Anderson Software Group 5

6 } Development Tools Scene Builder for layouts, CSS and skins Gradle for builds, IDE independent } Gluon Library Charm Controls, Gluon Maps Local and cloud storage Material Design for mobile footprint } Hardware Control Camera, accelerometer, GPS, gestures, 2018 Anderson Software Group 6

7 } MobileApplication Main class for JavaFX mobile applications Extends JavaFX Application class Specify views as factories that are called on demand } Views View class invokes FXMLLoader for FXML Presenter class is the FXML controller class } Resources fxml, css, images, licensing files 2018 Anderson Software Group 7

8 View Class FXML Loader View Class invokes FXML Loader 2. FXML Loader parses FXML File and builds scene graph FXML File Presenter Class 3. FXML Loader instantiates Presenter and invokes Presenter s initialize() method 2018 Anderson Software Group 8

9 2018 Anderson Software Group 9

10 } UI Controls View, AppBar, SidePopupView MaterialDesignIcon, Avatar, CharmListView FloatingActionButton, ProgressIndicator } Dialogs Alert, ExceptionDialog DatePicker, TimePicker } API Library 2018 Anderson Software Group 10

11 } Access Hardware Features on Devices Platform-agnostic Gluon open source under GPL license Optional commercial support } Supported Services Accelerometer, Barcode Scan, Battery, Bluetooth, Camera-Picture, Compass, Device Info, Display Info, Magnetometer, Orientation, Phone, Storage, etc Anderson Software Group 11

12 2018 Anderson Software Group 12

13 2018 Anderson Software Group 13

14 } Client Side Library Maps data with observable properties and lists Supports bidirectional data transfers Provides notifications Syncs data automatically } Supports Common Data Sources Gluon CloudLink File provider REST provider 2018 Anderson Software Group 14

15 2018 Anderson Software Group 15

16 } Cloud Storage GluonClient gluonclient = GluonClientBuilder.create().credentials( new GluonCredentials(applicationKey, applicationsecret)).build(); } Local Storage GluonClient gluonclient = GluonClientBuilder.create().credentials(new GluonCredentials( applicationkey,applicationsecret)).operationmode(operationmode.local_only).build(); 2018 Anderson Software Group 16

17 } Message Class class Message { private final StringProperty text = new SimpleStringProperty(); public StringProperty textproperty() { return text; } } } Bind to UI Control Label msglabel = new Label(); msglabel.textproperty().bind(msg.textproperty()); 2018 Anderson Software Group 17

18 } Write Through Update remote copy when local data changes LIST_WRITE_THROUGH OBJECT_WRITE_THROUGH } Read Through Update local copy when remote data changes LIST_READ_THROUGH OBJECT_READ_THROUGH 2018 Anderson Software Group 18

19 } Cloud Object Storage GluonObservableObject<Message> gluonmsg = DataProvider.retrieveObject( gluonclient.createobjectdatareader("data", Message.class, SyncFlag.OBJECT_READ_THROUGH, SyncFlag.OBJECT_WRITE_THROUGH));... Label msglabel = new Label(); msglabel.textproperty().bind( gluonmsg.get().textproperty()); 2018 Anderson Software Group 19

20 } Observable UI Control ObservableList<Message> messages = FXCollections.observableArrayList(); loadmessages(messages) ListView<Message> listview = new ListView<>(); listview.setitems(messages); } Advantages Add and remove elements in list Updates UI control automatically 2018 Anderson Software Group 20

21 2018 Anderson Software Group 21

22 } Cloud Storage and Synchronization GluonObservableList<Message> gluonlist = DataProvider.retrieveList( gluonclient.createlistdatareader("data", Message.class));... ListView<Message> listview = new ListView<>(); listview.setitems(gluonlist); 2018 Anderson Software Group 22

23 } Two Levels Update list for adds and removals Update list elements } First Level SyncFlag.LIST_WRITE_THROUGH SyncFlag.LIST_READ_THROUGH } Second Level SyncFlag.OBJECT_WRITE_THROUGH SyncFlag.OBJECT_READ_THROUGH 2018 Anderson Software Group 23

24 } BPData Local Storage GluonObservableList<BPData> gluonbpdata = DataProvider.retrieveList( gluonclient.createlistdatareader(bpdata, BPData.class, SyncFlag.LIST_WRITE_THROUGH, SyncFlag.OBJECT_WRITE_THROUGH)); gluonbpdata.stateproperty().addlistener((obs, ov, nv) -> { if (ConnectState.SUCCEEDED.equals(nv)) { bplist.set(gluonbpdata); } }); 2018 Anderson Software Group 24

25 2018 Anderson Software Group 25

26 } BPMonitor Four views (Readings, Graph, Stats, Edit) Stores readings locally on device No data sharing with other devices } BPCloud Four views (Readings, Graph, Stats, Edit) Writes data to cloud Data tied to authenticated users User can access data from any authenticated device 2018 Anderson Software Group 26

27 } Service Class void getdata() { GluonObservableList<BPData> gluonbpdata = DataProvider.retrieveList( gluonclient.createlistdatareader( user.get().getnick() + user.get().getnetworkid(), BPData.class, SyncFlag.LIST_READ_THROUGH, SyncFlag.LIST_WRITE_THROUGH, SyncFlag.OBJECT_READ_THROUGH, SyncFlag.OBJECT_WRITE_THROUGH));... } 2018 Anderson Software Group 27

28 } Credentials Register application on CloudLink Application keys supplied by Gluon } Gluon Client GluonClient gluonclient = GluonClientBuilder.create().credentials( new GluonCredentials(APPKEY, APPSECRET)).authenticationMode( AuthenticationMode.USER).build(); 2018 Anderson Software Group 28

29 } What is Afterburner? Lightweight framework Provides dependency injection } Why Use Afterburner? Injects FXML for views and Java objects Generates Java boilerplate code } Advantages Reduces Java code Safe and easy object sharing among views 2018 Anderson Software Group 29

30 2018 Anderson Software Group 30

31 2018 Anderson Software Group 31

32 2018 Anderson Software Group 32

33 2018 Anderson Software Group 33

34 REST Method Remote Function READ POST PUT DELETE getemployees() createemployee() updateemployee() deleteemployee() 2018 Anderson Software Group 34

35 2018 Anderson Software Group 35

36 } GET Method Definition public class RemoteService { public <T> GluonObservableObject<T> getemployees(class<t> clazz) { RemoteFunctionObject function = RemoteFunctionBuilder.create("getEmployees").object(); return function.call(clazz); } // other remote functions... } 2018 Anderson Software Group 36

37 } Dependency private RemoteService private CharmListView<Employee, Integer> charmlistview; private GluonObservableObject<WorkForce> workforce; private ChangeListener<? super Boolean> listener = null; 2018 Anderson Software Group 37

38 } GET Method Invocation workforce = remoteservice.getemployees(workforce.class);... workforce.initializedproperty().addlistener( listener = (ObservableValue<? extends Boolean> obsrv, Boolean ov, Boolean nv) -> { if (nv) { charmlistview.setitems(fxcollections. observablearraylist( workforce.get().getitems())); } }); 2018 Anderson Software Group 38

39 } DELETE Method Definition public class RemoteService { public <T> GluonObservableObject<T> deleteemployee(class<t> clazz, String value) { RemoteFunctionObject function = RemoteFunctionBuilder.create("deleteEmployee").param("empno", value).object(); return function.call(clazz); } } 2018 Anderson Software Group 39

40 } JavaFX Advantages Platform independent source code Observables, binding & background tasks to sync UI Flexible skinning to fit mobile form } Useful Frameworks Gluon/Gradle framework for mobile deployment Based on OpenJDK Afterburner framework for dependency injection Oracle Cloud Database and ORDS 2018 Anderson Software Group 40

41 } Wednesday 11:30 Building Mobile Apps with Gluon and Java DEV5569 Moscone West Room :30 Java Clients and JavaFX DEV6034 Moscone West Room 2007 } Thursday 10:00 Running JavaFX11 on Embedded Devices DEV6076 Moscone West Room Anderson Software Group 41

42 } Thanks for Coming! } Source Code asgteach.com Oracle Code One 2018 Tutorial Examples Click to Download Q & A 2018 Anderson Software Group 42