inside progress openedge mobile!€¦ · build native app for ios and android using phonegap cloud...
TRANSCRIPT
![Page 1: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/1.jpg)
Inside Progress OpenEdge Mobile!
Edsel Garcia
OpenEdge Development
![Page 2: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/2.jpg)
© 2013 Progress Software Corporation. All rights reserved. 2
Progress OpenEdge Mobile
1
2
3 4
5
JSDO
JSDO
Services
UIHelper
Deployment
Other Web UI
Frameworks
![Page 3: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/3.jpg)
© 2013 Progress Software Corporation. All rights reserved. 3
Progress OpenEdge Mobile
1
JSDO
![Page 4: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/4.jpg)
© 2013 Progress Software Corporation. All rights reserved. 4
JSDO – Progress JavaScript Data Object
Access to OpenEdge Database
Access to the OpenEdge AppServer
XMLHttpRequest
ProDataSet
CRUD + Invoke
![Page 5: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/5.jpg)
© 2013 Progress Software Corporation. All rights reserved. 5
Runtime Architecture for OpenEdge Mobile
Client-side
App resides on
device
OE DB
*.html *.js
Internet
Server-side
n-tier architecture with
Business Logic and data
HTTP (REST / JSON)
Business
Entity JSDO-BE
Mapping
JSDO
ABL
![Page 6: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/6.jpg)
© 2013 Progress Software Corporation. All rights reserved. 6
Business Entity
![Page 7: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/7.jpg)
© 2013 Progress Software Corporation. All rights reserved. 7
Business Entity
![Page 8: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/8.jpg)
© 2013 Progress Software Corporation. All rights reserved. 8
Business Entity
![Page 9: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/9.jpg)
© 2013 Progress Software Corporation. All rights reserved. 9
Business Entity
![Page 10: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/10.jpg)
© 2013 Progress Software Corporation. All rights reserved. 10
Business Entity
![Page 11: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/11.jpg)
© 2013 Progress Software Corporation. All rights reserved. 11
JSDO Catalog
![Page 12: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/12.jpg)
© 2013 Progress Software Corporation. All rights reserved. 12
JSDO – 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()
![Page 13: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/13.jpg)
© 2013 Progress Software Corporation. All rights reserved. 13
JSDO – Progress JavaScript Data Object
JSDO – progress.js
Session – progress.session.js
DLC/mobile/client/js
Included in Mobile App Builder projects
![Page 14: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/14.jpg)
© 2013 Progress Software Corporation. All rights reserved. 14
JSDO – Using the JSDO
session = new progress.data.Session();
session.login(<url-to-service>, "", "");
session.addCatalog(<url-to-jsdo-catalog>);
jsdo = new progress.data.JSDO({ name: 'dsCustomer' });
jsdo.subscribe('AfterFill', onAfterFillCustomers, this);
jsdo.fill();
![Page 15: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/15.jpg)
© 2013 Progress Software Corporation. All rights reserved. 15
JSDO
![Page 16: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/16.jpg)
© 2013 Progress Software Corporation. All rights reserved. 16
Progress OpenEdge Mobile
1
JSDO
Leverage Existing
Business Logic
Benefits
![Page 17: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/17.jpg)
© 2013 Progress Software Corporation. All rights reserved. 17
Progress OpenEdge Mobile
1
2
JSDO
JSDO
Services
![Page 18: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/18.jpg)
© 2013 Progress Software Corporation. All rights reserved. 18
JSDO Services
Access to the JSDO from the Mobile App Builder
JSDO Catalog
CRUD:
• Create
• Read
• Update
• Delete
Row
Invoke
![Page 19: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/19.jpg)
© 2013 Progress Software Corporation. All rights reserved. 19
JSDO Services
![Page 20: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/20.jpg)
© 2013 Progress Software Corporation. All rights reserved. 20
Progress OpenEdge Mobile
1
2
JSDO
JSDO
Services
Leverage Existing
Business Logic
Increase Productivity,
Quicker Time to Market
Benefits
![Page 21: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/21.jpg)
© 2013 Progress Software Corporation. All rights reserved. 21
Progress OpenEdge Mobile
1
2
3
JSDO
JSDO
Services
UIHelper
![Page 22: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/22.jpg)
© 2013 Progress Software Corporation. All rights reserved. 22
UIHelper
UI based on HTML (listviews built using <ul> + <li>)
jQuery Mobile
jQuery Mobile using the Mobile App Builder
JavaScript + HTML
![Page 23: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/23.jpg)
© 2013 Progress Software Corporation. All rights reserved. 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.JSDO({ 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();
![Page 24: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/24.jpg)
© 2013 Progress Software Corporation. All rights reserved. 24
UIHelper
![Page 25: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/25.jpg)
© 2013 Progress Software Corporation. All rights reserved. 25
Progress OpenEdge Mobile
1
2
3
JSDO
JSDO
Services
UIHelper
Leverage Existing
Business Logic
Increase Productivity,
Quicker Time to Market
Dynamic Model
Benefits
![Page 26: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/26.jpg)
© 2013 Progress Software Corporation. All rights reserved. 26
Progress OpenEdge Mobile
1
2
3 4
JSDO
JSDO
Services
UIHelper Other Web UI
Frameworks
![Page 27: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/27.jpg)
© 2013 Progress Software Corporation. All rights reserved. 27
Other Mobile Web UI Frameworks
Web
Sencha Touch
Knockout.js
Qooxdoo
Dojo Toolkit
![Page 28: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/28.jpg)
© 2013 Progress Software Corporation. All rights reserved. 28
Progress OpenEdge Mobile
1
2
3 4
JSDO
JSDO
Services
UIHelper Other Web UI
Frameworks
Leverage Existing
Business Logic
Increase Productivity,
Quicker Time to Market
Dynamic Model
Flexible
Benefits
![Page 29: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/29.jpg)
© 2013 Progress Software Corporation. All rights reserved. 29
Progress OpenEdge Mobile
1
2
3 4
5
JSDO
JSDO
Services
UIHelper
Deployment
Other Web UI
Frameworks
![Page 30: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/30.jpg)
© 2013 Progress Software Corporation. All rights reserved. 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)
![Page 31: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/31.jpg)
© 2013 Progress Software Corporation. All rights reserved. 31
Deployment
![Page 32: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/32.jpg)
© 2013 Progress Software Corporation. All rights reserved. 32
Deployment
![Page 33: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/33.jpg)
© 2013 Progress Software Corporation. All rights reserved. 33
Deployment
![Page 34: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/34.jpg)
© 2013 Progress Software Corporation. All rights reserved. 34
Deployment
![Page 35: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/35.jpg)
© 2013 Progress Software Corporation. All rights reserved. 35
Deployment
![Page 36: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/36.jpg)
© 2013 Progress Software Corporation. All rights reserved. 36
Deployment
![Page 37: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/37.jpg)
© 2013 Progress Software Corporation. All rights reserved. 37
Progress OpenEdge Mobile
1
2
3 4
5
JSDO
JSDO
Services
UIHelper
Deployment
Other Web UI
Frameworks
Leverage Existing
Business Logic
Increase Productivity,
Quicker Time to Market
Dynamic Model
Flexible
Write Once, Deploy
Everywhere
Benefits
![Page 38: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/38.jpg)
© 2013 Progress Software Corporation. All rights reserved. 38
Progress OpenEdge Mobile
Leverage Existing
Business Logic
Increase Productivity,
Quicker Time to Market
Dynamic Model
Flexible
Write Once, Deploy
Everywhere
Benefits
1
2
3 4
5
JSDO
JSDO
Services
UIHelper
Deployment
Other Web UI
Frameworks
![Page 39: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/39.jpg)
© 2013 Progress Software Corporation. All rights reserved. 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
![Page 40: Inside Progress OpenEdge Mobile!€¦ · Build native app for iOS and Android using PhoneGap Cloud based build Distribution certificate and provisioning profile needed for iOS Auto-generated](https://reader034.vdocuments.mx/reader034/viewer/2022042910/5f412736669c85602238bd66/html5/thumbnails/40.jpg)