Upload
appsngen
View
115
Download
0
Tags:
Embed Size (px)
Citation preview
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!