Mobile App Development Platforms
2018
Firmansyah – Enterprise Solution Architecture
26 January 2018
Gartner's 2017 MADP definition01
2
3
26 January 2018
Gartner's 2017 MADP definition is as follows:
A MADP provides tools, technologies, components and services that together
constitute the critical elements of a platform for creating
1. Custom mobile apps (that is, .ipa and .apk binary files),
2. Mobile web apps or sites.
Increasingly, MADPs are adding support for
1. Wearables,
2. Chatbots,
3. Virtual personal assistants (VPAs) and
4. Conversational UI endpoints
through the same services and APIs they create and orchestrate for mobile apps
and web.
A MADP must:
1. Include Cross-platform development tool
2. Include MBS (Mobile Back-end Services)) that must be decoupled from its
own proprietary front-end development tool
3. Able to address the requirements of external-facing and internal-facing
scenarios, as well as connecting to diverse enterprise systems
4. Centralize the life cycle activities (such as design, develop, test, distribute,
manage and analyze) for a portfolio of mobile apps running on a range of
operating systems and devices
4
26 January 2018
Gartner June 2017 Forrester Q1 2017
Progress Telerik MDAP Architecture02
5
6
26 January 2018
The Progress Telerik Platform
Telerik AppBuilder development tool that maximizes the benefits of the company's JavaScript-based NativeScript framework,
which Progress created and made open source. Progress also offers a variety of UI components, including a Kendo UI component
for the web, a Xamarin UI component, and native UI components for iOS, Android and Windows 10
At the back end, Progress offers a wide range of services including mobile analytics, a device-testing cloud (Test Studio, Mobile
Testing, API Testing, JustMock) and web content management.
7
26 January 2018
The Progress Telerik Front End Component
AppBuilder/ScreenBuilder:
• Quickly, Visually assemble apps out of pre-built
“views”
• Configure via Properties, Connect to data
codelessly
• Customize, Tweak, Debug by opening in
AppBuilder
• No separate projects, no platform-specific code
• Cross-platform mobile development in the cloud
• Develop apps for iOS, Android and Windows
Phone with a single, reusable JavaScript code
base
• Use built-in simulation, debugging and deployment
tools
• Skip the manual process of building, provisioning
and deploying your mobile app, and experience
your code changes simply by clicking "Save.“
NativeScript
• Truly Native Android & iOS Apps using JavaScript
• OSS from Telerik
• Build Native Cross Platform Apps
• Use XML for UI & JavaScript for code
• One Single Code Base
• Supported in AppBuilder/ScreenBuilder
• NOT DOM … TRULY NATIVE UI
Microsoft MDAP Architecture03
8
9
26 January 2018
The Microsoft platform
Microsoft's platform is much more than just front-end development tools with Visual Studio and Xamarin. It launched Visual Studio
Mobile Center to support life cycle management and DevOps activities for mobile apps, with tightly integrated testing (via Xamarin
Test Cloud) and analytics (HockeyApp).
Xamarin.iOS & Xamarin.Mac = Native mobile apps for iOS, watchOS, tvOS, and OS X with .NET
Xamarin.Android = Native mobile apps for Android, Android Wear, and Android TV with .NET
Xamarin.Forms = Native UIs for iOS, Android, and Windows from a single, shared codebase
Microsoft also provides an extensive suite of mobile services via its Azure platform, including application and data integration via
Azure Logic Apps.
Oracle MDAP Architecture04
10
11
26 January 2018
12
26 January 2018
MAF JET MCS Client SDK MAX
• IDE: Eclipse
• Write Once Deploy to
Many
• Java, HTML5, JS5,
CSS3
• IOS, Android,
Windows
• Write Once - Run on
iOS / Android
• Rich UI theme, focus
on data visualization
• Enterprise-ready –
accessibility,
• security,
internationalization,
offline sync, EMM
support, and MCS
ready
• Jquery, Knockout,
Hammer, Cordova,
Require JS
• IOS SDK, Android
SDK, Windows SDK
• Javascript SDK
• MAF SDK
• Xamarin SDK
• Sencha SDK
• Save hand written
REST calls
• Significantly reduces
native code
• Prebuilt, tested,
optimized
• providing native,
optimized APIs to call
MCS without coding
from the ground up
• Codeless Tool for the Business Analyst
• Browser based development
• No coding required
• Easily map to business services
• App Preview
• Edit, Test and Publish from the web browser
• Cloud Based
• iOS and Android devices (MAX)
• Web and Mobile Web (ABCS)
Salesforces MDAP Architecture05
13
14
26 January 2018
The Salesforce App Cloud Mobile platform
Force.com includes a mobile SDK for native and cross-platform development tools, such as React Native and Xamarin. The
proprietary Saleforce1 app container, which can now be custom-branded for customers, runs on iOS, Android and Windows to
support app deployment, and within HTML5 browsers.
Heroku provides custom-coded microservices.
Lightning offers a visual app builder with a component framework and exchange for high-productivity app development. Users can
design and build a UI, build app logic, deploy an app, and manage that app through its life cycle on the platform.
Mendrix MDAP Architecture06
15
16
26 January 2018
The Mendix platform is a cloud-based MADP
Mendix provides a high-productivity, model-driven development environment through its Web Modeler tool for citizen developers and
its Desktop Modeler tool for professional developers, which has an option to customize apps via JavaScript. Both tools can be used
in concert to build apps using Apache Cordova for hybrid iOS and Android apps.
Mendix's MBS offer SDKs to support native iOS and Android apps, as well as cross-platform frameworks such as Microsoft Xamarin,
React Native and NativeScript.
OutSystems MDAP Architecture07
17
18
26 January 2018
The OutSystems Platform
The OutSystems platform uses a visual modeling language (Service Studio) to create app UI, logic, data store capabilities (for
offline) and integration with its back-end system (Integration Studio). This language is used across the platform for development of
apps for the web, tablets and mobile phones using a hybrid approach with HTML5 and Apache Cordova..
At the back end, OutSystems offers core mobile services and produces SDKs for third-party tools for each back-end API, with
complete models and documentation of the API entities.
Kony MDAP Architecture08
19
20
26 January 2018
21
26 January 2018
The Kony Platform
Kony Visualizer gives developers the ability to create a rich, interactive user experience for mobile apps within a high-productivity
environment that also supports custom coding via JavaScript. Kony's Native Function API supports all native iOS and Android APIs,
as well as third-party-native components via JavaScript
Back-end services and omnichannel support are provided by the combination of Kony MobileFabric and the Kony Nitro Engine,
which can be deployed and managed across any combination of public cloud, private cloud or on-premises implementations..
22
26 January 2018
Backbase Architecture09
23
24
26 January 2018
The Backbase Products
CXP (Customer Experience Platform)
1. Portal: presentation site, business + security, data object
access
2. Content and Targeting: Visual Page Editor - content and
campaign management for business teams (IT-support not
needed)
3. Mobile: SDK connects widgets to provide the same
presentation layer
4. Forms: customer data entry and workflow management
5. Widget: standalone software containers that interface with
REST-ful services, providing native implementations of logic
and presentation (HTML, JavaScript, CSS)
DBP (Digital Banking Platform Product Suite)
1. Launchpad: pre-built widget packs, customized portal,
extensible
2. CXP Services: connects backends via WOA/SOA micro-
services to CXP Manager or Launchpad
3. CXP Manager: visual editor for business and marketing
teams
4. DBS (Digital Banking Service): connects core systems to
services with APIs, connects services to CXP with APIs
5. Digital Banking Apps: Open banking marketplace for 3rd
party software vendors
25
26 January 2018
Thanks You

Solution-Architectures-MADP-20180125

  • 1.
    Mobile App DevelopmentPlatforms 2018 Firmansyah – Enterprise Solution Architecture 26 January 2018
  • 2.
    Gartner's 2017 MADPdefinition01 2
  • 3.
    3 26 January 2018 Gartner's2017 MADP definition is as follows: A MADP provides tools, technologies, components and services that together constitute the critical elements of a platform for creating 1. Custom mobile apps (that is, .ipa and .apk binary files), 2. Mobile web apps or sites. Increasingly, MADPs are adding support for 1. Wearables, 2. Chatbots, 3. Virtual personal assistants (VPAs) and 4. Conversational UI endpoints through the same services and APIs they create and orchestrate for mobile apps and web. A MADP must: 1. Include Cross-platform development tool 2. Include MBS (Mobile Back-end Services)) that must be decoupled from its own proprietary front-end development tool 3. Able to address the requirements of external-facing and internal-facing scenarios, as well as connecting to diverse enterprise systems 4. Centralize the life cycle activities (such as design, develop, test, distribute, manage and analyze) for a portfolio of mobile apps running on a range of operating systems and devices
  • 4.
    4 26 January 2018 GartnerJune 2017 Forrester Q1 2017
  • 5.
    Progress Telerik MDAPArchitecture02 5
  • 6.
    6 26 January 2018 TheProgress Telerik Platform Telerik AppBuilder development tool that maximizes the benefits of the company's JavaScript-based NativeScript framework, which Progress created and made open source. Progress also offers a variety of UI components, including a Kendo UI component for the web, a Xamarin UI component, and native UI components for iOS, Android and Windows 10 At the back end, Progress offers a wide range of services including mobile analytics, a device-testing cloud (Test Studio, Mobile Testing, API Testing, JustMock) and web content management.
  • 7.
    7 26 January 2018 TheProgress Telerik Front End Component AppBuilder/ScreenBuilder: • Quickly, Visually assemble apps out of pre-built “views” • Configure via Properties, Connect to data codelessly • Customize, Tweak, Debug by opening in AppBuilder • No separate projects, no platform-specific code • Cross-platform mobile development in the cloud • Develop apps for iOS, Android and Windows Phone with a single, reusable JavaScript code base • Use built-in simulation, debugging and deployment tools • Skip the manual process of building, provisioning and deploying your mobile app, and experience your code changes simply by clicking "Save.“ NativeScript • Truly Native Android & iOS Apps using JavaScript • OSS from Telerik • Build Native Cross Platform Apps • Use XML for UI & JavaScript for code • One Single Code Base • Supported in AppBuilder/ScreenBuilder • NOT DOM … TRULY NATIVE UI
  • 8.
  • 9.
    9 26 January 2018 TheMicrosoft platform Microsoft's platform is much more than just front-end development tools with Visual Studio and Xamarin. It launched Visual Studio Mobile Center to support life cycle management and DevOps activities for mobile apps, with tightly integrated testing (via Xamarin Test Cloud) and analytics (HockeyApp). Xamarin.iOS & Xamarin.Mac = Native mobile apps for iOS, watchOS, tvOS, and OS X with .NET Xamarin.Android = Native mobile apps for Android, Android Wear, and Android TV with .NET Xamarin.Forms = Native UIs for iOS, Android, and Windows from a single, shared codebase Microsoft also provides an extensive suite of mobile services via its Azure platform, including application and data integration via Azure Logic Apps.
  • 10.
  • 11.
  • 12.
    12 26 January 2018 MAFJET MCS Client SDK MAX • IDE: Eclipse • Write Once Deploy to Many • Java, HTML5, JS5, CSS3 • IOS, Android, Windows • Write Once - Run on iOS / Android • Rich UI theme, focus on data visualization • Enterprise-ready – accessibility, • security, internationalization, offline sync, EMM support, and MCS ready • Jquery, Knockout, Hammer, Cordova, Require JS • IOS SDK, Android SDK, Windows SDK • Javascript SDK • MAF SDK • Xamarin SDK • Sencha SDK • Save hand written REST calls • Significantly reduces native code • Prebuilt, tested, optimized • providing native, optimized APIs to call MCS without coding from the ground up • Codeless Tool for the Business Analyst • Browser based development • No coding required • Easily map to business services • App Preview • Edit, Test and Publish from the web browser • Cloud Based • iOS and Android devices (MAX) • Web and Mobile Web (ABCS)
  • 13.
  • 14.
    14 26 January 2018 TheSalesforce App Cloud Mobile platform Force.com includes a mobile SDK for native and cross-platform development tools, such as React Native and Xamarin. The proprietary Saleforce1 app container, which can now be custom-branded for customers, runs on iOS, Android and Windows to support app deployment, and within HTML5 browsers. Heroku provides custom-coded microservices. Lightning offers a visual app builder with a component framework and exchange for high-productivity app development. Users can design and build a UI, build app logic, deploy an app, and manage that app through its life cycle on the platform.
  • 15.
  • 16.
    16 26 January 2018 TheMendix platform is a cloud-based MADP Mendix provides a high-productivity, model-driven development environment through its Web Modeler tool for citizen developers and its Desktop Modeler tool for professional developers, which has an option to customize apps via JavaScript. Both tools can be used in concert to build apps using Apache Cordova for hybrid iOS and Android apps. Mendix's MBS offer SDKs to support native iOS and Android apps, as well as cross-platform frameworks such as Microsoft Xamarin, React Native and NativeScript.
  • 17.
  • 18.
    18 26 January 2018 TheOutSystems Platform The OutSystems platform uses a visual modeling language (Service Studio) to create app UI, logic, data store capabilities (for offline) and integration with its back-end system (Integration Studio). This language is used across the platform for development of apps for the web, tablets and mobile phones using a hybrid approach with HTML5 and Apache Cordova.. At the back end, OutSystems offers core mobile services and produces SDKs for third-party tools for each back-end API, with complete models and documentation of the API entities.
  • 19.
  • 20.
  • 21.
    21 26 January 2018 TheKony Platform Kony Visualizer gives developers the ability to create a rich, interactive user experience for mobile apps within a high-productivity environment that also supports custom coding via JavaScript. Kony's Native Function API supports all native iOS and Android APIs, as well as third-party-native components via JavaScript Back-end services and omnichannel support are provided by the combination of Kony MobileFabric and the Kony Nitro Engine, which can be deployed and managed across any combination of public cloud, private cloud or on-premises implementations..
  • 22.
  • 23.
  • 24.
    24 26 January 2018 TheBackbase Products CXP (Customer Experience Platform) 1. Portal: presentation site, business + security, data object access 2. Content and Targeting: Visual Page Editor - content and campaign management for business teams (IT-support not needed) 3. Mobile: SDK connects widgets to provide the same presentation layer 4. Forms: customer data entry and workflow management 5. Widget: standalone software containers that interface with REST-ful services, providing native implementations of logic and presentation (HTML, JavaScript, CSS) DBP (Digital Banking Platform Product Suite) 1. Launchpad: pre-built widget packs, customized portal, extensible 2. CXP Services: connects backends via WOA/SOA micro- services to CXP Manager or Launchpad 3. CXP Manager: visual editor for business and marketing teams 4. DBS (Digital Banking Service): connects core systems to services with APIs, connects services to CXP with APIs 5. Digital Banking Apps: Open banking marketplace for 3rd party software vendors
  • 25.
  • 26.