AppsNgen Widget-based Software Development for Financial Markets

powered by

DevelopmentPlatform

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

Widgets pass review according to AppsNgen guides and requirements and go to MarketPlace

Apps are creating with App Constructor from widgets from Marketplace

Final App as result support both Desktop (Web) and Mobile platforms: iOS, Android, WP

01 02 03 04

Product Offering

AppsNgen Cloud Private Cloud• Rapidly develop• Publish and deploy• Mobile Apps• Browser-based Apps

• Rapidly develop• Publish and deploy• Mobile Apps• Browser-based Apps

Deployed behind the client’s firewall

Can federate toAppsNgen Cloud

PlatformAppsNgen Advantage:

Application Widget Library that can be part of an App or a stand along App

Publish/Distribute/Version/ Entitle Applications and Widgets

Application Security, Entitlement and Authentication

Consistent browser JavaScript and native iOS/Android framework for App 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– Wealth Mobile Apps

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 onOpenSocial standart

Written in HTML5 and JavaSriptor Mobile OS Native Language

AppsNgen 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

EntitlementsData 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 Widgets

Widgets form Dashboards.Can Interact with each other and share Business Content.

AppsNgen Applications

Dashboards form Application.Can Interact with each other with Events mechanism.

Applications Customization

Apps Customization according to Brand Corporate Style:

• Widgets Color Themes

• Application Color Customization

• Logos of the Brand

Mobile Integration - Native ContainersNative iOS/Android/WP container:

Web and Native widgets Renderer

API for Getting Data from AppsNgen

Dashboard Renderer

Interaction between Widgetsand Dashboards with EventsMechanism

Wide Customization with Preferences API

Widgets Integration to Web-Sites

Standart Integration

• Each client is provided with integration secret

• Integration url + nonce + timestamp is signed using integration secret at server side

• Nonce + timestamp prevents url from being stolen and used somewhere else

Simplified Integration

• Client provided with integration script. Script inserts iframe with specific url at page

• When app renders it checks site url using postMessage mechanism.

• Site url is part of application url signed by AppsNgen

Local Development Environment

Features:

• Based on node.js + grunt (task-based command line build tool for JavaScript projects).

• Grunt task to emulate A/X API

• Works with stub data (not call real data services)

• Publish/Subscribe events

Usage:

• Generate html page with the developed app using “call grunt.cmd appstore-local” batch command

• Open the generated page in a browser and debug the application there

Technology Stack

Thank You!