webcast presentation: mobile applications do not grow on trees - mobile development lifecycle -...
DESCRIPTION
As we explore the evolving mobility landscape, new design and development patterns are emerging. How can we take what we have learned about the traditional software development lifecycle and apply that to the mobile development lifecycle? What becomes net new and what becomes an evolution of an existing pattern? Although all of the same lifecycle domains exist, in the excitable haste to bring apps to market, many of the phases are being either short-changed or ignored entirely. Since mobile success relies on a stakeholder's positive perception of the user interface and interactions and the difference between usability and frustration can be a matter of just a few screen pixels, the design phase is critical in the mobile development lifecycle. The gaps between designs tools and requirements, however, can cause teams to skip steps in order to avoid the manual efforts needed. Leveraging JazzHub and Worklight together can help close this gap. Another area primed for evolution is the quality and test domain moving into the support phase, and Mobile Quality Assurance is designed to help drive further quality into this stage of the lifecycle. Getting an app deployed is not the end of the story; a smart mobile development lifecycle strategy accounts for repeatable test suites, maintenance, and sustained engineering. Even mature mobility strategies struggle to build integration with their development tools and business processes when bringing these domains together. Leveraging our own expertise and what we see with our cross-industry client work at PointSource, Krista Meyer, Development Director for PointSource, discusses the emerging patterns around the mobile development lifecycle, future trends to address gap areas, and community-based standards solutions. ABOUT THE PRESENTER: Krista Meyer is the Development Director for PointSource, helping clients be successful with enterprise mobility. Before working at PointSource, Krista was a Senior Development Manager, Business Operations Manager and Rational User Assistance Manager with IBM. She holds a bachelor of arts degree from Indiana University Bloomington. Follow Krista on Twitter (@kristameyer).TRANSCRIPT
Join the Community
www.rational-ug.org
Tweet with Us @RationalUC #rationaluc
www.twitter.com/rationaluc
Join Our Group on LinkedIn: Global Rational User Community
https://www.linkedin.com/groups/Global-Rational-User-Community-GRUC-120486/about
Connect with Us on Google+
https://plus.google.com/+RationalugOrgGlobal/posts
1 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
GRUC Webcast March 27, 2014 Mobile Doesn’t Grow On Trees: Mobile Development Lifecycle with IBM Worklight, JazzHub, and Mobile
Quality Assurance (MQA)
2 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
PointSource specializes in mobility solutions for the enterprise
with a focus on stunning design and intuitive cross-device experiences.
Turning vision into value in the mobile enterprise
Erik Burckart describes the PointSource mobile development process.
Chris Hugill PointSource’s CEO interviewed by Websphere Insights
Stephanie Trunzo explains PointSource’s mobile strategy.
Stephanie Trunzo discusses Jazz Hub and PSWhiteboard project
3 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
PointSource collaborates more efficiently with JazzHub
OSLC Mobile User Group co-sponsor
JazzHub partner for mobile development lifecycle
IBM Premier Business Partner www.OSLC.mobi www.PSWhiteboard.com
• Allows client stakeholders to get involved with projects directly
• Display dashboards loaded with epics and requirements in minutes
• 9 out of 16 active projects are with clients, driving non-IBM participation
PointSource specializes in mobility solutions for the enterprise with a focus on stunning design and intuitive cross-device experiences.
“Our client’s CEO was so impressed at how quickly we could set up a dashboard for him allowing us to have additional conversations about how they should set up their development environment for other projects.” - Stephanie Trunzo, CCO, PointSource
4 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
WEB BASED REVOLUTION TO MOBILITY REVOLUTION
5 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
How do we do it all?
6 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
7 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
• Kickoff Meeting • Epic Requirements • Identify Project Team • High Level Arch • Hero Screen • Information Design • Design Guide • Overall Schedule
Process Overview
Defini&on Development Delivery Support
PreSprint #1 • Wireframes • Mockups / Specs • Task Breakdown /
Sizings • User Story Reqmts • Architecture • Tools, Tracking,
Dashboards
PreSprint • Requirement Sprint +1 • Wireframes Sprint +1 • Architecture Sprint +1
Sprint # • Development • Feature Test
Post Sprint • Sprint Demo • System Test • Design Scrub • Backlog Prioritization • Agreement on Sprint
+1
Milestone Delivery
Final Delivery • App deployment
and launch • Skills Transfer • Code Handoff • Project Handoff • Training Docs
• Defect Mitigation • Enhancement /
requirement gathering and sizing
SOW Sprint# Content Signoff
Agreement
8 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
MOBILE SPECIFIC DESIGN CONSIDERATIONS Mobile application patterns are very different from web patterns
9 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
10 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
11 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
12 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
13 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
14 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
15 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
16 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Why we Love JazzHub – 5 Great Reasons!
1. Transparency with clients 2. Simple on-ramp: new project in 5 minutes 3. Immediate collaboration 4. Agile project tracking 5. Source control
PointSource has 20+ active projects in Jazz Hub with 14 clients
17 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Why Develop in the Cloud? • Speed of time to market critical in mobility
– Get projects running in hours, not weeks • IT budgets often overspent, or mobile strategy owned by non-IT org
(CMO office for example) – Direct cost savings over traditional local systems – Indirect cost savings to us and client through better project management,
lifecycle support • Supporting the full development lifecycle often not a priority… until it is
– SaaS tools enable us to deliver higher quality, and better ongoing support environments
• Consulting/services with clients requires collaboration and hand-offs – Collaboration improves when technology is frictionless – Solve distributed connectivity issues – Runs efficiently multi-tenant for different businesses or business units – Onboarding and handing off solutions far more efficient
18 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Leveraging Mobile Quality Assurance (MQA)
19 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Coming next….BlueMix integrations
20 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
PointSource Q & A
21 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Create an engaging mobile shopping experience without boundaries
ENGAGE Create brand consistency and
increase customer engagement through a consistent user experience
SPEED Launch the first phase of your ideal mCommerce strategy in 3 months
SCALE Conquer Black Friday with an
easily-scalable and elastic solution
A responsive, adaptive, and personalized commerce solution to reach your customers on any device.
Currency
22 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
RESPONSIVE Responsive layouts provide visually
compelling and targeted mobile content.
SEO-FRIENDLY Optimize and expand your
marketing campaign through smart metadata management.
ADAPTIVE Create content once, then choose how it adapts to screen size and
connection speed.
Introducing Meticulous
Optimize your mobile marketing strategy with adaptive and responsive content
Using our IBM Web Content Manager Adapter
23 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
FIND View orders by time and customer priority; easily locate items based on store layout and availability.
SCAN Scan or enter product codes; or swap out of stock items for substitutes.
STAGE Print bag and carton labels to stage and store orders in appropriate holding areas.
CHECKOUT Review orders with customers; apply coupons and value cards; and accept payments.
Introducing Associate Rethink order selection, pick and pack, and checkout processes
Introducing Associate
A steamlined mobile solution for order fulfillment and in-store operations.
24 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
hh gregg mobile web storefront hh gregg wanted a mobile store front that enhanced their brand with a personalized shopping experience in time for 2013 holiday season • Search product information, price compare and receive targeted promotions.
• Mobile user experience experts ensured an intuitive and seamless cross device experience.
Technologies: • Enhanced scalability and user experience by utilizing modern web
technologies like REST, single page architectures, and client-side MVC.
• IBM Worklight 5, Backbone.js, and Foundation CSS • First of its kind WebSphere Commerce and IBM Worklight integration
Project Highlights: • Aggressive speed in delivery included a prototype one week after initial
contact with the client • Custom integration allowed mobile launch without affecting existing desktop
functionality
• Performance that increased over standard Web >1400%
View Demo
25 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
FIMC • Business Need: PointSource created a mobile solution
allowing our client to expand their electronic brand presence and increase customer satisfaction.
– Mobile application increased customer awareness of and access to product offerings.
– Stronger customer brand engagement will aid in both product usage and product value for consumer.
– More positive brand perception can potentially create higher subscription renewals.
• Technologies Used: IBM Worklight 6, Backbone.js, Marionette.js, and Foundation CSS.
• Project Highlights: – Functional prototype available in only two weeks, allowing rapid
iterative design cycles and a high-quality finished product.
– Implemented custom Wordpress Worklight Adapter to transform RSS feed to JSON, allowing inline blog display in mobile application.
“PointSource's ability to translate our business objectives into a mobile strategy enabled us to deliver a solution that adds value to our existing customers, and is a differentiator for us to attract new customers as well. In delivering against our business goals, PointSource also identified ways for us to optimize for faster, higher quality delivery with IBM tools for the mobile development lifecycle.” - Scott Liberatore, President/CEO FIMC
26 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Allstate Dealer Services • Business Need: Allstate Dealer services needed a mobile sales enablement tool that streamlined the paperwork involved when onboarding car dealerships to sell their products.
– PointSource utilized Business Analysts to study their business processes and discovered over 200 business rules to create a simple and efficient tablet user interface.
– Through careful integration with several backend services, this intuitive mobile solution reduced time for dealer registration from up to 30 days to within 1 day enabling dealerships to begin to sell Allstate products more quickly.
• Technologies Used: IBM Worklight 5, JazzHub, Backbone.js, Underscore.js, and Bootstrap CSS
• Project Highlights: PointSource studied information architecture which enabled Allstate dealers to start selling Allstate insurance over 70% faster than when using the previous process.
27 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Best Practice Example Capabilities: • Capture your ideas elegantly in a free solution • Import or capture a photo or document and sketch
on top of that to mockup drawings or wireframes and designs
• Save and share for continued collaboration Industry applications: • Insurance claims adjusters may take photos of
damage and take notes about the damage • Doctors can make notes on x-rays • Product engineers can quickly sketch on existing
schematics • Kids can even draw funny faces on their pets, or
they can let their imagination go wild with freeform drawing
Worklight: • Created to aid in our own creative processes by a
small team of our talent using IBM Worklight • Within 2 weeks from PoC we had a production-
ready, cross device solution • Built in Worklight using jQuery, Backbone, and
Bootstrap. Apache Cordova was used to integrate with the native device camera and photo album
www.PSWhiteboard.com
JazzHub partner for mobile development lifecycle
28 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Enterprise Mobility Consultation with Industry Experts
First we take time to understand your business, customers and objectives.
Then we assess your current mobile strategy.
Next we give you access to our industry experts to provide mobile strategy insights and advice.
Finally we provide tangible recommendations and next steps.
No matter where you are in developing your mobile strategy, we can help take your business further.
1
23
4Contact us to schedule your one hour consultation and have the fee waived
29 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
PointSource iOS 7 Jumpstart
One hour consultation (fee waived) – discuss your application goals and get instant feedback from our team of experts.
Design uplift (2 days) – let us analyze your application's user interface. After this session you will have a list of action items to modernize your design and interactions.
Full app scrub (5 days) – our experts will analyze your entire codebase, including your user interface and 3rd party libraries, to assess design elegance, evaluate code efficiency, and determine compatibility issues.
PointSource provides custom analysis to ensure that your application will seamlessly leverage iOS 7 enhancements.
iOS 7 is coming. Are you ready? Choose from our 3 offerings to ensure your application is prepared. 12
3
30 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Worklight Experts Academy
From half-day virtual sessions to 5-day intensive bootcamps, PointSource will provide an overview of features, demos and tutorials. Our hands-on workshops enable your development team to create or support applications with Worklight experts’ assistance.
PointSource provides customized training workshops to accelerate IBM Worklight expertise within your own development organization.
31 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
WebSphere Commerce Adaptor for IBM Worklight Consistent pricing, promotions and brand experiences across various channels
Personalized promotions, content and merchandising tools
Enhanced marketing, sales and fulfillment capabilities
The PointSource team has created an adapter that enables IBM Worklight to seamlessly integrate with WebSphere Commerce. We’ve utilized the Worklight platform’s HTTP Adapter framework to interface with Commerce's RESTful interfaces and web services in order to create an immersive mobile experience through Commerce. The mobile application we’ve built utilizes state-of-the-art JavaScript frameworks to manage user state at the client, which enables enhanced performance along with a superior user experience for mobile shopping.
32 © 2013 PointSource Confidential • www.pointsource.us • 877.843.7481
Connect With Us
Visit Us on the Web www.pointsource.us Contact Us Via Email [email protected] Contact Us Via Phone 1-877-843-7481
Thank you!
Join the Community
www.rational-ug.org
Tweet with Us @RationalUC #rationaluc
www.twitter.com/rationaluc
Join Our Group on LinkedIn: Global Rational User Community
https://www.linkedin.com/groups/Global-Rational-User-Community-GRUC-120486/about
Connect with Us on Google+
https://plus.google.com/+RationalugOrgGlobal/posts