August, 2016 HPE Propel s & Jumpstart
Jumpstart Value Quickly build modern web applications Single page application Modular microservices architecture app generator Modularity provides better upgradeability and rapid deployment. Utilize open source technology such as HTML5, JavaScript, AngularJS, NodeJS, etc. Jumpstart Generator to create Lego blocks Leverage open source community package when building inside Lego blocks Supply outside Lego blocks functions like user authentication and common UI layout & themes Built using same approach and architecture of Propel HPE teams and partners started building web application using Jumpstart (Survey, Showback, RSS feed, etc.)
Modern Web Development Enabler
Modern Web Development Modern web development approach New HTML 5 single page application (SPA) over traditional multi page applications AngularJS or ReactJS as open source client side framework for SPA NodeJS as open source server side framework Java Script end-to-end for front and back end development Every click results in a wait while loading the next page from the server HTML page HTML page HTML page Reload only changed components in web page Component change HTML5 Single Page App Latest data snapshot Business value SPA optimized for responsive design to support user experience on multiple computing devices SPA increases performance by refreshing components within a page rather than entire page SPA supports richer user experience and interactions Single development skill set, Java Script, for client and server side development Reuse existing code packages and modules, contributed by large open source community, for Angular and Node. Node (NPM) is the biggest open source community. Faster development cycle by using JSON as a singular data format across Angular and Node Node s modular architecture optimal to support s Client Side Server Side Page change Page change Traditional web back-end REST API Web back-end
s Traditional monolithic application Tightly coupled components or modules Single large deployment with all components, modules, and libraries Unable to support rapid deployments practiced by companies like Google, Amazon, Facebook, etc. What are s? Modular way to build applications: one microservice does one thing and one thing very well Loosely coupled services; individual service deployment; deploy only what s necessary Modular approach to develop and deploy each service independently Business value Faster and continuous delivery via decoupling of components/services Excellent reusability with standardized interface definitions Better maintainability across smaller component or codebase Optimize performance at granular component/service level rather than at a singular application level Ideal alignment with containers for deployment Traditional Monolithic Application Browser s Application Apache Billing Web Application Accounting Service WAR StoreFront UI Accounting Service Inventory Service Shipping Service Tomcat Store Front Web Application Store Front Inventory Web Application Inventory Service MySQL Database Shipping Web Application Shipping Service
HPE Propel Architecture Foundation
HPE Propel Architecture Modern web application Single page application Based on open source client (HTML 5, AngularJS) and server side (NodeJS) framework Quickly add capabilities by leveraging large open source community for AngularJS and NodeJS packages or codebase Same tech stack used by leading consumer & enterprise apps (Google, Facebook, Amazon, ebay, etc.) My Workstream Approval Modular components Easier to extend and change Propel application due to modular approach Modular components based on microservices architecture Plug-and-play and build additional components or microservices Optimized for Experience Responsive design Modular component allows tailored user experience without affecting other components or microservices Apply consistent graphical themes across all components and microservices Shopping Subscription KM Support RSS Feed
HPE Propel Architecture HPE Propel microservices architecture Built from ground up based on microservices architecture Over 15 microservices available such as shopping, request, subscriptions, approval, support, and catalog. A microservices designed to do and do one thing well and can be deployed separately from other microservices SPA AngularJS Shopping - UI Service Offering List/Details Bundle Request on Behalf Shopping Cart Request - UI Request List/Details Dynamic Request Actions Subscription - UI Subscription List/Detail Modify Subscription Subscription Actions Approval - UI Offering Bundle List/Details HPE Propel microservice components Each microservice uses AngularJS as client side framework to support SPA Each microservice uses NodeJS and/or Java as server side framework Each microservice contains all client and server side components to run independently Each microservice can be package in a container for deployment and management NodeJS NodeJS or Java Proxy/ Transform/ Decorate Catalog Service Form Service Pricing Service Proxy/ Transform/ Decorate Request Service Proxy/ Transform/ Decorate Subscription Service Proxy/ Transform/ Decorate Approval Policy Service
Demo Walk through different Propel microservices running on ExpressJS (highlight different port number in URL)
HPE Propel Jumpstart Extend
Jumpstart Can I build modern web application like HPE Propel? Yes! And more using HPE Propel Jumpstart! HPE Propel OOB HPE Propel Jumpstart What does HPE Propel Jumpstart provide? Generate and build microservice (portal app) RSS Feed - UI SPA Jumpstart App Modular approach to building apps using same modern client and server side frameworks List/Details Filter AngularJS Client Side Lego block for UE logic Jumpstart Generator to create Lego blocks for building custom application or microservice, then just fill inside Lego blocks Developers to focus inside Lego blocks for business logics, and functions outside Lego blocks provided by Jumpstart Jumpstart functions for outside Lego blocks : user authentication, common UI layout and themes, deployments, etc. Building inside Lego blocks for business logic can reuse open source community package for AngularJS and NodeJS Proxy/ Transform/ Decorate RSS Service Same structure NodeJS Proxy/ Transform/ Decorate Server Side Lego block for business logic
Jumpstart Steps Step 1 Generate Step 2 Build Step 3 - Deploy Generate Lego blocks Create Lego blocks for building modern web application Build modular SPA Fill client side Lego block with HTML5, CSS, and AngularJS Fill server side Lego block with NodeJS or Java Reuse open source community packages to reduce development time Deploy on HPE Propel Deploy each Jumpstart app or microservice independently HPE Propel Jumpstart provides user authentication and common UI layout & themes
Demo 1. Run Jumpstart generator then show new module Lego block folders 2. Highlight Showback app
Getting Started on Jumpstart Purchase HPE Propel! Jumpstart available to Propel Premium customers Jumpstart developer profile UI developer Building 3rd party apps on ios and Android requires developer skills and same applies to HPE Propel Jumpstart apps JavaScript skill essential and familiarity with modern web development framework such as AngularJS, NodeJS, Bower, NPM, and Gulp. Where to get started Google JavaScript, Angular, Node! Jumpstart HPE Live Network link
Thank you