growing with sapui5: expanding mobility to the enterprise · pdf filegrowing with sapui5:...
TRANSCRIPT
![Page 1: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/1.jpg)
Produced by Wellesley Information Services, LLC, publisher of SAPinsider. © 2016 Wellesley Information Services. All rights reserved.
Growing with SAPUI5: Expanding Mobility to the Enterprise
Brandon Webb hyperCision
![Page 2: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/2.jpg)
1
In This Session
• Discover the fundamentals needed to extend SAP logic onto tablets and smartphones
• Find out what technologies are necessary to get started and how to build up a
successful team
• Understand the advantages of cross-platform development, which allows companies to
avoid double development efforts when pushing to a new platform (iOS, Android,
Windows Phone)
![Page 3: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/3.jpg)
2
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 4: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/4.jpg)
3
What Is SAPUI5?
• Enterprise-ready web toolkit
Translation support
Handicapped user aid
• Consistent user experience
• Feature-rich UI controls
• Responsive across browsers/devices
• Powerful development concepts
MVC
OData
“Code Once. Run on Any Device.” OpenUI5.org OpenUI5. Free and Open Source.
SAPUI5
![Page 5: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/5.jpg)
4
What SAPUI5 Is Powered By?
• Web technologies
HTML5
JavaScript
CSS
• Data
REST/OData
![Page 6: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/6.jpg)
5
SAPUI5 Explored
• Explore elements
• Test elements
• View element properties
• Download code (MVC)
Google “SAPUI5 Explored”
![Page 7: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/7.jpg)
6
What Is SAP Fiori?
• SAP Fiori is the SAP user experience created by adding a set of design principles to apps
developed using the SAPUI5 framework
• SAP Fiori focuses on consistency of experience in screen layout, navigation, design
approach, and even interaction/icon consistency
Source: SAP
![Page 8: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/8.jpg)
7
What Is Cordova?
• Cordova is a popular Open Source cross-platform framework used to build native mobile
apps using HTML5, JavaScript, and CSS
![Page 9: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/9.jpg)
8
Cordova Plugins
Camera
Contacts
Geolocation
InAppBrowser
Dialogs
Push
Vibration
BarcodeScanner
Purchase
100s more
Cordova apps run in the web layer of mobile devices, using plugins to access
native capabilities
![Page 10: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/10.jpg)
9
PhoneGap Build — Packaging for the Native Stores
Source: Adobe
Mobile OS Extension
iOS IPA
Android APK
Windows 10 APPX
PG Build simplifies
compiling UI5 apps for
iOS and Android
publishing
![Page 11: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/11.jpg)
10
PhoneGap Build — Package for the Native Stores
• Pulls code from GitHub (#1 cloud code repository)
• Manages required OS certificates
• Creates the compiled app needed for app publication
![Page 12: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/12.jpg)
11
No Barriers to Entry
+ =
Free Free
SAPUI5
![Page 13: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/13.jpg)
12
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 14: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/14.jpg)
13
What Is SAP Web IDE?
• SAP’s cloud development tool for building SAPUI5 applications
• Go-to tool for extending SAP Fiori applications
• Home of the Hybrid Application Toolkit (Cordova)
• Excellent for deployment to:
SAP Gateway
HANA HTML5
SAP Enterprise Portal
Cloud Fiori launchpad
Includes GitHub Integration!
![Page 15: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/15.jpg)
14
SAP Web IDE Interface
• Code the cloud
• Easy deploy to SAP and
portal
• Templates/sample apps
• Code completion
• Instant preview
• Git integration
![Page 16: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/16.jpg)
15
Create a Simple SAPUI5 App
• Create a simple SAPUI5 in Web IDE
• Package mobile apps
![Page 17: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/17.jpg)
16
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 18: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/18.jpg)
17
SAP Gateway
• Exposing SAP data to SAP and non-SAP platforms via simple web services with only a small footprint
• Gateway is built on top of an ABAP system, so Basis personnel already know how to support it
• By hiding the complexity of SAP, developers can spend less time on the plumbing and more time
developing
Simple access to complex systems via APIs developers know how to consume
No SAP knowledge required
Free for existing SAP Customers!
![Page 19: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/19.jpg)
18
SAP Gateway (cont.)
• Gateway Hub as front-end server (on-premise)
• OData Provisioning as front-end server (on-demand)
Source: openSAP
![Page 20: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/20.jpg)
19
SAP Gateway — REST/OData
• RESTful web services
Client/server communication via HTTP
Common operations: PUT, GET, POST, DELETE
• What is OData?
Database-like access to business data
Standardized protocol for REST
RESTClient
![Page 21: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/21.jpg)
20
Consume an SAP Gateway Web Service
![Page 22: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/22.jpg)
21
SAP Fiori Client
• Available in App stores or create your
own company branded SAP Fiori Client
• Requires SMP SDK
• Based on Cordova and Kapsel plugins
• Works with SAP Fiori launch page or
individual application URLs
• Can integrate with SAP Mobile Place
To learn more about SAP Fiori UX, refer to www.sap.com/fiori-demo
![Page 23: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/23.jpg)
22
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 24: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/24.jpg)
23
SAP Hybrid Application Toolkit (HAT)
• Deploy a UI5 app to a Cordova container from SAP Web IDE
• Go-to tool for extending SAP Fiori applications
• Home of the Hybrid Application Toolkit (Cordova)
• Excellent for deployment
SAP Gateway
HANA HTML5
SAP Enterprise Portal
Cloud Fiori Launchpad
HAT is an optional plugin
in SAP Web IDE
![Page 25: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/25.jpg)
24
SAP HAT Plugins
HAT currently chooses what specific
Cordova plugins are supported. SAP
Kapsel plugins expand the limited
support (licensing required) #HAT-Trick.
![Page 26: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/26.jpg)
25
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 27: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/27.jpg)
26
HANA Cloud Platform Mobile Services — HCPms
• HCPms offerings include:
Authentication
Onboarding
Push notifications
Reporting
![Page 28: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/28.jpg)
27
SAP Mobile Secure
SAP mobility management in the cloud. Free trial available.
![Page 29: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/29.jpg)
28
SAP Mobile Secure — Test Cloud Console
Test your app on live
devices connected to live
networks
![Page 30: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/30.jpg)
29
SAP Mobile Secure — SAP Mobile Place
• Create a branded self-service
experience to best serve apps to
employees, partners, and consumers
• Ongoing management of apps to both
managed and unmanaged devices
• Recreate the typical store experience
with search, categorization, ratings,
and reviews
“Internal App store”
“More than 7,000 customers”
![Page 31: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/31.jpg)
30
SAP Mobile Secure — Connectivity
• Enterprise connectivity
AD/LDAP
Exchange server
CA
SMTP server
• Alternatives include:
Basic authentication
Microsoft Gateway
Custom solution
![Page 32: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/32.jpg)
31
SAP Mobile Secure — Analytics
Much of the current reporting is also
provided via Google Analytics (free),
but I expect more functionality as the
Mobile Secure product matures
Google Analytics
![Page 33: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/33.jpg)
32
SAP Mobile Secure — Cloud Build Service
Fiori Guidance Wizard
Group your apps into a launchpad
![Page 34: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/34.jpg)
33
SAP Mobile Secure — Cloud Build Service (cont.)
• Publish your apps to SAP Mobile
Place instead of managing apps in
the common App Stores
![Page 35: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/35.jpg)
34
SAP Mobile Secure — Cloud Build Service (cont.)
• Select your icons and provide app
metadata as you would in the
Android, iOS, and Windows Phone
developer portals
![Page 36: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/36.jpg)
35
SAP Mobile Secure — Cloud Build Service (cont.)
• Build
• Sign
• Provide trials
• Set as production
![Page 37: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/37.jpg)
36
Mobile Workflows
SAP Web IDE
Hybrid App
Toolkit
SAP Cloud Build
SAP Mobile Place
User Device
IDE of choice
Cordova CLI
PhoneGap
Build App Stores
User Device
Workflow 1 Workflow 2
SAP products complete the full Cordova
application cycle
Some companies may still choose a
more Open Source cycle
![Page 38: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/38.jpg)
37
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 39: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/39.jpg)
38
SAPUI5 Prototyping
• Rapid prototyping
• User interaction research
• Open source
https://github.com/SAP/BUILD
www.build.me
![Page 40: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/40.jpg)
39
Ripple Browser Emulator
Waiting for apps to deploy to
a device or emulator can be a
painful. In-browser emulators
fix that problem.
![Page 41: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/41.jpg)
40
CodePush
• Solving the time from
submit-to-published
issue
Android: 2 hours
Windows: 8 hours
iOS: 5-10 days!
• With CodePush your
updates are live
immediately
![Page 42: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/42.jpg)
41
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 43: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/43.jpg)
42
Developer Portals — iOS
Manage provisioning
Create certificates
developer.apple.com
![Page 44: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/44.jpg)
43
Developer Portals — iOS (cont.)
Upload build
Manage store listing
• itunesconnect.apple.com
![Page 45: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/45.jpg)
44
Developer Portals — Android
• Once you have your certified APK file, you can upload to the Google Play developer
Console
• New builds are usually available within a few hours
![Page 46: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/46.jpg)
45
Visual Studio Tools for Apache Cordova
www.visualstudio.com/en-us/features/cordova-vs.aspx
Some companies can
capitalize on internal
experience with Visual
Studio for mobile
development
![Page 47: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/47.jpg)
46
Developer Portals — Windows
Like iOS and Android,
Microsoft has a
developer portal for
uploading the package
file
![Page 48: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/48.jpg)
47
openSAP Rocks!
• Learning new SAP technologies can be very time demanding. Open SAP provides free
access to seasoned employees to give overviews and demos via MOOCs (Massive Open
Online Courses).
![Page 49: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/49.jpg)
48
What We’ll Cover
• Examine what makes SAPUI5 and Cordova so cool
• Understand the benefits of SAP Web IDE
• See how Gateway exposes SAP Data via standardized APIs
• Become familiar with the new Hybrid Application Toolkit (HAT)
• Explore the new HANA Mobile offerings
• Breeze through a few of our favorite mobile development tools
• Look at the iOS, Android, and Windows developer portals
• Wrap-up
![Page 50: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/50.jpg)
49
Lessons Learned
• Try to use only the sap.m library for a smooth mobile experience
• Clear Gateway Cache after making a changes to the entity
• Pay attention to SAP Web IDE updates, we’ve noticed a few bugs slip through
![Page 51: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/51.jpg)
50
Where to Find More Information
• Jeff Gebo and Dhimant Patel, “Developing Mobile Apps with SAP HANA Cloud Platform”
(openSAP, October 2015).
https://open.sap.com/courses/mobile2/
• SAP Web IDE – Enablement on SCN
http://scn.sap.com/docs/DOC-55465
• SAP Mobile Secure Enablement on SCN
http://scn.sap.com/docs/DOC-62447
• CodePush
https://microsoft.github.io/code-push/
![Page 52: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/52.jpg)
51
7 Key Points to Take Home
• UI5 is a beautiful, enterprise-ready UI (Open Source)
• Cordova: reusable code across multiple mobile platforms (Open Source)
• SAP Gateway is free to current SAP customers
• PhoneGap Build’s first app is free
• REST/OData makes developers’ lives much easier
• SAP is creating some great tools for Cordova development
• Publishing apps to the store(s) is time demanding
![Page 53: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/53.jpg)
52
Your Turn!
How to contact me:
Brandon Webb
Email: [email protected]
Twitter: @gbwebb
Please remember to complete your session evaluation
![Page 54: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/54.jpg)
53
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate company) in Germany and other
countries. All other product and service names mentioned are the trademarks of their respective companies. Wellesley Information Services is neither owned nor controlled by SAP SE.
Disclaimer
![Page 55: Growing with SAPUI5: Expanding Mobility to the Enterprise · PDF fileGrowing with SAPUI5: Expanding Mobility to the Enterprise Brandon Webb hyperCision . 1 In This Session](https://reader031.vdocuments.mx/reader031/viewer/2022030407/5a835e4a7f8b9a38478eb687/html5/thumbnails/55.jpg)
Wellesley Information Services, 20 Carematrix Drive, Dedham, MA 02026 Copyright © 2016 Wellesley Information Services. All rights reserved.