powered by

Development

Platform

Financial Apps

OverviewBenefits

Experience

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

Process

Widgets MarketPlace App Constructor Final App

Dev Tools

Data Sources

Review Widgets

Private

Public

Branding

Structureand 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

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 toAppsNgen Cloud

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

Mobile Wealth Management

Huge Catalog of Widgets For MobileWealth Management Applications

Solution

Web

Native

Web-Sites

Native Mobile Apps

Widgets Containers

AppsNgen Widget

Widget StructureExample:Zip Archived

With metadata «application.xml» filein the root

Metadata format is based onW3C Web Widgets standard

Written in HTML5 and JavaScriptor Mobile OS Native Language

AppsNgen Data Framework

AppsNgen Platform

AppsNgen Main Components

Widgets 3rd PartyData Sources

Data SourceProxyVert.x

Mashup Engine.NET WCF OData, node.js

Data Sources.NET WCF REST

Mashup Engine

OData

AppsNgen Platform

AppsNgen Mashup Engine

3rd PartyData Sources

AggregationProxy Business

Entities

Entitlements

Data Providers• SOAP• REST/JSON• Proprietary

OData

Widgets

Data SourceProxyVert.x

Responsive Design for Widgets

Wide Range of Layouts: from Smartphones to Desktop

Widgets Customization

+

AppsNgen Dashboards

Widgets form Dashboards.

Can Interact with each other and share Business Context.

AppsNgen Applications

Dashboards form Applications.

Dashboards can interact with each other using Events mechanism.

Applications Customization

Apps Customization according to Brand Corporate Style:

• Widgets Color Themes

• Application Color Customization

• Brand Logos

Mobile Integration - Native Containers

Native iOS/Android/WP container:

Web and Native widget Renderer

API for Getting Data from AppsNgen

Dashboard Renderer

Interaction between Widgetsand Dashboards through EventsMechanism

Wide Customization using Preferences API

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 postMessagemechanism.

• Site url is part of the widget urlsigned by AppsNgen

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

Technology Stack

Thank You!