Inside Progress OpenEdge Mobile! Edsel Garcia OpenEdge Development

Transcription

1 Inside Progress OpenEdge Mobile! Edsel Garcia OpenEdge Development

2 Progress OpenEdge Mobile 1 Deployment 5 2 Services Other Web UI Frameworks 4 3 UIHelper 2

3 Progress OpenEdge Mobile 1 3

4 Progress JavaScript Data Object Access to OpenEdge Database Access to the OpenEdge AppServer XMLHttpRequest ProDataSet CRUD + Invoke 4

5 Runtime Architecture for OpenEdge Mobile HTTP (REST / JSON) Internet *.js *.html -BE Mapping Business Entity ABL OE DB Client-side App resides on device Server-side n-tier architecture with Business Logic and data 5

6 Business Entity 6

7 Business Entity 7

8 Business Entity 8

9 Business Entity 9

10 Business Entity 10

11 Catalog 11

12 Progress Java Script Data Object CRUD + Invoke add() (CREATE) fill() (READ) assign() (UPDATE) remove() (DELETE) method() (INVOKE) Properties autosort (11.3) casesensitive (11.3) name record userelationships Methods addrecords() find() findbyid() Foreach() getdata() getid() getschema() savechanges() sort() (11.3) subscribe() unsubscribe() 12

13 Progress JavaScript Data Object progress.js Session progress.session.js DLC/mobile/client/js Included in Mobile App Builder projects 13

14 Using the session = new progress.data.session(); session.login(<url-to-service>, "", ""); session.addcatalog(<url-to-jsdo-catalog>); jsdo = new progress.data.({ name: 'dscustomer' }); jsdo.subscribe('afterfill', onafterfillcustomers, this); jsdo.fill(); 14

15 15

16 Progress OpenEdge Mobile 1 Benefits Leverage Existing Business Logic 16

17 Progress OpenEdge Mobile 1 2 Services 17

18 Services Access to the from the Mobile App Builder Catalog CRUD: Create Read Update Delete Row Invoke 18

19 Services 19

20 Progress OpenEdge Mobile 1 Benefits Leverage Existing Business Logic Increase Productivity, Quicker Time to Market 2 Services 20

21 Progress OpenEdge Mobile 1 2 Services 3 UIHelper 21

22 UIHelper UI based on HTML (listviews built using <ul> + <li>) jquery Mobile jquery Mobile using the Mobile App Builder JavaScript + HTML 22

23 UIHelper Using the UIHelper session = new progress.data.session(); session.login(<url-to-service>, "", ""); session.addcatalog(<url-to-jsdo-catalog>); jsdo = new progress.data.({ name: 'dscustomer' }); jsdo.subscribe('afterfill', onafterfillcustomers, this); uihelper = new progress.ui.uihelper({ jsdo: jsdo }); uihelper.setdetailpage({ name: "custdetail }); uihelper.setlistview({ name: 'listview', format: '{CustNum}<br>{Name}<br>{State}<br>{Country}', autolink: true } ); jsdo.fill(); 23

24 UIHelper 24

25 Progress OpenEdge Mobile 1 Benefits Leverage Existing Business Logic Increase Productivity, Quicker Time to Market Dynamic Model 2 Services 3 UIHelper 25

26 Progress OpenEdge Mobile 1 2 Services Other Web UI Frameworks 4 3 UIHelper 26

27 Other Mobile Web UI Frameworks Web Sencha Touch Knockout.js Qooxdoo Dojo Toolkit 27

28 Progress OpenEdge Mobile 1 Leverage Existing Business Logic Increase Productivity, Quicker Time to Market Dynamic Model Flexible Benefits 2 Services Other Web UI Frameworks 4 3 UIHelper 28

29 Progress OpenEdge Mobile 1 Deployment 5 2 Services Other Web UI Frameworks 4 3 UIHelper 29

30 Deployment Build native app for ios and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for ios Auto-generated key/certificate for Android Install from Unknown Sources allows install on device Install options: Over the Air Install (ios) itunes sync (ios) Download from web site (Android) 30

31 Deployment 31

32 Deployment 32

33 Deployment 33

34 Deployment 34

35 Deployment 35

36 Deployment 36

37 Progress OpenEdge Mobile 1 Benefits Deployment 5 Leverage Existing Business Logic Increase Productivity, Quicker Time to Market 2 Services Dynamic Model Flexible Write Once, Deploy Everywhere Other Web UI Frameworks 4 3 UIHelper 37

38 Progress OpenEdge Mobile 1 Benefits Deployment 5 Leverage Existing Business Logic Increase Productivity, Quicker Time to Market 2 Services Dynamic Model Flexible Write Once, Deploy Everywhere Other Web UI Frameworks 4 3 UIHelper 38

39 Progress OpenEdge Mobile Write Once, Run Anywhere Portability with the Benefits of Native Applications The Easiest Way to Build an OpenEdge Application Supporting Mobile Devices, End-to-end 39

40