AppsNgen is an application component and content delivery platform designed to help financial industry participants develop, publish and consume custom solutions.

1. powered by
Development
Platform
Financial Apps

2. Overview
Benefits
Experience

3. Delivery Platform
for Web and Mobile Applications
Platform to support the rapid
development of cloud based
financial applications
Open platform allows seamless
re-use of Apps across web,
tablets or smartphones
Leverage in-house, 3rd party or
community development teams
using public and/or private
MarketPlace model

4. Process
Widgets MarketPlace App Constructor Final App
Dev Tools
Data Sources
Review Widgets
Private
Public
Branding
Structure
and Navigation
Desktop
Mobile
Developers make widgets
using AppsNgen tools
and Data Sources
01
Widgets pass review
according to AppsNgen
guides and requirements
and go to MarketPlace
02
Apps are creating with App
Constructor from widgets
from Marketplace
03
Final App as result support
Desktop (Web) and Mobile
platforms:
iOS, Android, WP
04

5. Product Offering
AppsNgen Cloud
• Rapidly develop
• Publish and deploy
• Mobile Apps
• Browser-based Apps
Private Cloud
• Rapidly develop
• Publish and deploy
• Mobile Apps
• Browser-based Apps
Deployed behind the
client’s firewall
Can federate to
AppsNgen Cloud

6. Platform
AppsNgen Advantages:
Application Widget Library that
can be part of an App or a
standalone App
Publish/Distribute/Version/ Entitle
Applications and Widgets
Widgets/Application Security,
Entitlement and Authentication
Consistent browser JavaScript and
native iOS/Android framework for
Apps development and deployment
Apps & Dashboards – application
assembly from re-usable Widgets
Support for native and HTML5
Widgets
Usage Statistics Interactive Mobile App Builder to
assemble Widgets into Pages and
Applications

7. Mobile Wealth Management
Huge Catalog of Widgets For Mobile
Wealth Management Applications

8. Solution
Web
Native
Web-Sites
Native Mobile Apps
Widgets Containers

9. AppsNgen Widget
Widget Structure
Example:Zip Archived
With metadata
«application.xml» file
in the root
Metadata format is based on
W3C Web Widgets standard
Written in HTML5 and
JavaScript
or Mobile OS Native
Language

10. AppsNgen Data Framework
AppsNgen Platform
AppsNgen Main Components
Widgets 3rd Party
Data Sources
Data Source
Proxy
Vert.x
Mashup Engine
.NET WCF OData, node.js
Data Sources
.NET WCF REST

11. Mashup Engine
OData
AppsNgen Platform
AppsNgen Mashup Engine
3rd Party
Data Sources
Aggregation
Proxy
Business
Entities
Entitlements
Data Providers
• SOAP
• REST/JSON
• Proprietary
OData
Widgets
Data Source
Proxy
Vert.x

12. Responsive Design for Widgets
Wide Range of Layouts:
from Smartphones to Desktop

13. Widgets Customization
+

14. AppsNgen Dashboards
Widgets form Dashboards.
Can Interact with each other and share Business Context.

15. AppsNgen Applications
Dashboards form Applications.
Dashboards can interact with each other using Events mechanism.

16. Applications Customization
Apps Customization according to
Brand Corporate Style:
• Widgets Color Themes
• Application Color Customization
• Brand Logos

17. Mobile Integration - Native Containers
Native iOS/Android/WP container:
Web and Native widget
Renderer
API for Getting Data from
AppsNgen
Dashboard Renderer
Interaction between Widgets
and Dashboards through Events
Mechanism
Wide Customization using
Preferences API

18. Widget Integration to Websites
Standard Integration
• Each client is provided with
integration secret
• Integration url + nonce + timestamp
is signed using integration secret at
the server side
• Nonce + timestamp prevent url from
being stolen and used somewhere
else
Simplified Integration
• Client is provided with integration
script. Script inserts iframe into a
page with specified url
• When widget renders, it checks
site url using postMessage
mechanism.
• Site url is part of the widget url
signed by AppsNgen

19. Local Development Environment
Features:
• Based on node.js + grunt (task-based
command line build tool for
JavaScript projects).
• Grunt task to emulate AppsNgen API
• Works with data services according
to the user entitlements
• Publish/Subscribe events
Usage:
• Generate html page with the
developed widget on base of
existing widget .zip archive
• Open the generated page in a
browser and debug the widget there

20. Technology Stack

21. Thank You!