Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the...
-
Upload
maximilian-robinson -
Category
Documents
-
view
223 -
download
0
Transcript of Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the...
![Page 1: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/1.jpg)
Real World App Development using NEW Telerik
ScreenBuilder and NEW Progress Data Source
– the basicsBrian C. Preece
Ypsilon Software Ltd
![Page 2: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/2.jpg)
Purpose of this session To show how to use Telerik Platform to develop a real-world hybrid
app
To interface that app with OpenEdge business logic
Target audience: experienced OpenEdge developers
![Page 3: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/3.jpg)
Who are Ypsilon Software Ltd? Independent software development consultants
Consultancy
Bespoke Development
UI Design
Vendor selection
Training
Main speciality: Progress Software tools and related subjects
Principal consultant: Brian Preece
Developer since punched cards and paper tape!
Frequent speaker at Progress conferences on latest topics
Former Chairman of PUG UK and Ireland
Current focus: Mobile App Development using Telerik Platform
![Page 4: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/4.jpg)
Agenda Customer self scanning in retail stores
Demo
Using Telerik Platform for mobile apps for business
Code view
Developing business entities
Developing the UI
Wiring it up
Conclusions and questions
![Page 5: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/5.jpg)
Agenda Customer self scanning in retail stores
Demo
Using Telerik Platform for mobile apps for business
Code view
Developing business entities
Developing the UI
Wiring it up
Conclusions and questions
![Page 6: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/6.jpg)
Self scanning Customers scan their shopping as they go, using a dedicated device
or mobile app
They pack their shopping bags as they go round the store
They check out through a dedicated checkout, avoiding the queues
At random intervals, baskets are rescanned to discourage pilfering
![Page 7: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/7.jpg)
Customers and stores both benefitBenefit Customer Store
Fast checkout at special lane – minimal queuing
You can pack as you shop
Other customers and cashier can’t see your purchases
Your basket total is calculated as you shop
You can be alerted to special offers and deals
The store gets detailed basket analysis by customer
?
![Page 8: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/8.jpg)
Why have an app for this? Saves money for the store
Allows the app to extend beyond the store e.g. shopping list, push notifications of tailored discounts and offers, location based offers etc. etc. etc.
The ultimate BYOD!
![Page 9: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/9.jpg)
Agenda Customer self scanning in retail stores
Demo
Using Telerik Platform for mobile apps for business
Code view
Developing business entities
Developing the UI
Wiring it up
Conclusions and questions
![Page 10: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/10.jpg)
Self scanning Demonstration
![Page 11: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/11.jpg)
Agenda Customer self scanning in retail stores
Demo
Using Telerik Platform for mobile apps for business
Code view
Developing business entities
Developing the UI
Wiring it up
Conclusions and questions
![Page 12: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/12.jpg)
What are hybrid mobile apps? iPhone launched in 2007, App Store in 2008
First Android phone launched in 2008, Play Store in 2008 (as Android Market)
iPhone apps programmed in Objective C (now Swift), Android in Java
So apps had to be developed separately for both platforms
HTML5/ CSS launched in 2012 to allow Responsive Web Apps to be developed
Particularly for small form factor of mobile devices
PhoneGap Build launched 2012
Converted mobile web apps into native apps for Android and iOS, later Windows Phone
Thus was born the Hybrid App
Not as tailored for the device as a native app
But could interact with device hardware
One app would work on any supported platform
![Page 13: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/13.jpg)
What is Telerik Platform? Can be used for hybrid apps, mobile web sites, desktop web sites,
native apps
Very sophisticated ecosystem
Aimed at developers comfortable with writing HTML5/ CSS/ JavaScript directly
Based on Kendo Mobile UI
Can also use JQuery mobile
Currently developing WYSIWIG development tool called ScreenBuilder
Progress Data Source is the official integration of the OpenEdge JSDO
You currently need a Telerik Enterprise license to use the PDS
![Page 14: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/14.jpg)
OpenEdge/ Telerik Integration Has been going on this summer
JSDO has been made “KendoUI-friendly” and becomes the Progress Data Service
Telerik are working on a WYSIWYG designer called ScreenBuilder
I’ve used both of these tools to develop my app
I’m a beta tester/ consultant to the ScreenBuilder design team
![Page 15: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/15.jpg)
JavaScript vs ABL JavaScript has:
Java-like syntax
No proper OO
No type checking for variables or method signatures
No syntax checking
No complex data structures like collections
Variables don’t have to be declared ***
JQuery issues:
Many functions access DOM objects using quoted strings
Conclusion: Perform as much business logic as possible in ABL
However, no escape with Telerik Platform!
![Page 16: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/16.jpg)
Agenda Customer self scanning in retail stores
Demo
Using Telerik Platform for mobile apps for business
Code view
Developing business entities
Developing the UI
Wiring it up
Conclusions and questions
![Page 17: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/17.jpg)
Code view
![Page 18: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/18.jpg)
Agenda Customer self scanning in retail stores
Demo
Using Telerik Platform for mobile apps for business
Code view
Developing business entities
Developing the UI
Wiring it up
Conclusions and questions
![Page 19: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/19.jpg)
Conclusions Hybrid apps are a good way to develop business applications
Telerik Platform is a great toolset if you are happy working with code
Not so good for “Application Developers”
ScreenBuilder is trying to address this
Deployment both for testing and distribution very easy
Write as much logic in the Business Entity as possible
Come to my Advanced Techniques presentation to learn more!
![Page 20: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/20.jpg)
Questions?
![Page 21: Real World App Development using NEW Telerik ScreenBuilder and NEW Progress Data Source – the basics Brian C. Preece Ypsilon Software Ltd brianp@ypsilonsoftware.co.uk.](https://reader035.fdocuments.in/reader035/viewer/2022062409/5697bf8f1a28abf838c8d7f5/html5/thumbnails/21.jpg)
Thanks for your time!
www.ypsilonsoftware.co.uk