2013 Good Design is Good Business - Mobile

© 2013 IBM Corporation

Good Design is Good Business (5:50 time mark)

Mobile and Smartphone Apps

Roger Snook IBM Software, RationalWorldWide Enablement Leader, Mobile, Agile, SOA, Design +1.703.943.1170, [email protected]

© 2013 IBM Corporation2

Enabling Product and Service Innovation | Rational

1. IBM’s MobileFirst “Design”

2. Mobile UX Design

3. Mobile Test Design

4. Using Existing Designs to accelerate Mobile appdev

5. Designing to Deploy (mobile or otherwise)

Link to: Good Design is Good Business on developerWorks


Mobile and Smartphone Apps - Agenda



Mobile is primary91% of mobile users keep their device within arm’s reach 100% of the time

Mobile is primary91% of mobile users keep their device within arm’s reach 100% of the time

Insights from mobile data provide new

opportunities 75% of mobile shoppers

take action after receiving a location based messages

Insights from mobile data provide new

opportunities 75% of mobile shoppers

take action after receiving a location based messages

Mobile is about transacting96% year to year increase in mobile cyber

Monday sales between 2012 and 2011

Mobile is about transacting96% year to year increase in mobile cyber

Monday sales between 2012 and 2011

Mobile must create a continuous brand

experience90% of users use multiple screens as channels come

together to create integrated experiences

Mobile must create a continuous brand

experience90% of users use multiple screens as channels come

together to create integrated experiences

Mobile enables the Internet of Things

Global Machine-to-machine connections will increase

from 2 billion in 2011 to 18 billion at the end of 2022

Mobile enables the Internet of Things

Global Machine-to-machine connections will increase

from 2 billion in 2011 to 18 billion at the end of 2022

A business in motion must be Mobile First



Expanding IBM’s mobile portfolio with new capabilities125+ patents for wireless inventions in 2012, bringing the total to 270125+ patents for wireless inventions in 2012, bringing the total to 270

1H

Emptoris Rivermine Telecom Expense

Management

2012

IBM announced:IBM Mobile Foundation

IBM Endpoint Manager

Named leader in interactive design

IBM acquired:Tealeaf CX Mobile

2H

IBM announced:Managed Mobility

and MAPM Servicesand

IBM Security Access Manager for Cloud and Mobile

IBM announced:IBM Mobile

Development Lifecycle Solution

IBM announced:IBM Connections Mobile

IBM acquired:

IBM Cast Iron

20131HIBM announced:

IBM acquired:Urban Code DevOps

Platform

IBM announced:Rational Test

Workbench new Mobile UI Testing



IBM introduces the IBM MobileFirst offering portfolio

AnalyticsAnalyticsSecuritySecurityManagementManagement

IBM & Partner ApplicationsIBM & Partner Applications

Application Platform and Data ServicesApplication Platform and Data Services

BankingBanking InsuranceInsurance TransportTransport TelecomTelecom GovernmentGovernment

Industry SolutionsIndustry Solutions

HealthcareHealthcareRetailRetail AutomotiveAutomotive

Application & Data PlatformApplication & Data Platform

Str

ateg

y &

Des

ign

Ser

vice

sS

trat

egy

& D

esig

n S

ervi

ces

Develo

pm

ent &

Integ

ration

Services

Develo

pm

ent &

Integ

ration

Services

Cloud & Managed ServicesCloud & Managed Services

DevicesDevices NetworkNetwork ServersServers




2. Mobile UX Design








Good UX Design is COLLABORATIVE: craft user stories, link to viable requirements, drive code from work items

Quality by Design: Storyboards

Interaction Flows Rapid UX Design to Code

DeveloperInbox:Work Items

Worklight / RAD’s WYSIWIG

Rich Page Editor

Worklight / RAD’s WYSIWIG

Rich Page Editor

Capture User Stories

RationalTeam Concert &Requirements

Composer

RationalTeam Concert &Requirements

Composer



Worklight Mobile preview capabilities



More expertise to explore on developWorks & InfoCenters (click on images)



Compelling UX DesignCompelling UX Design

IBM Interactive was recently ranked as a leader in the Gartner Magic Quadrant (MQ) for Digital Marketing Agencies, beating Accenture Interactive, Digitas and others in both “completeness of vision” and IBM’s “ability to execute.”

Three success factors to be a Market Leader (per book “Disciplines of Market Leaders”):1. Customer IntimacyBeing ranked as a leader by Gartner is further recognition and validation of the growth of IBM Interactive and the strong value the teams bring to helping our clients deliver compelling customer experiences tied to business outcomes.“Reference clients speak highly of IBM business strategists, who come well-armed with knowledge and insight into how digital technologies impact current and future business models across a wide range of verticals.”

2. Product Innovation“Clients consistently cite they were pleasantly surprised by IBM Interactive’s strong skills in creative services and UX.” (UX = User Experience, Mobile Apps)

3. Operational Excellence….see next slide



Key Capabilities & Benefits• Rapid Development, Integration and Team Collaboration across iPhone, Android, and Blackberry

• 10-15% Productivity Gains

Mobile Success Stories with IBM Rational software

Innovative approach to analytics with web site and mobile platform apps.

Building software across web, iPhone, Android and Blackberry requires collaboration:

• Plan & assign work across teams• Communicate defects and enhancements across

platforms• Automtated Dashboards to monitor overall progress

• Rational Team Concert helped this project deliver software faster by eliminating emails, documents, spreadsheets with automated work items

• Rational Software Architect used to build website.

Public Link to Client Success Story

Grand Slam Tennis!IBM Interactive Events Team




2. Mobile UX Design








The same percentage of developers who claim Testing and Quality Assurance is in

their top 5 concerns…

Also claim they are challenged with developing applications as quickly as

management wants

SD Times: “More than half of organizations are building mobile applications” http://www.sdtimes.com/link/36553

Quality versus Time, who hasn’t faced this challenge?



Test Design and Test Case Optimization with RQM

RQM allows you to design and optimize the set of mobile test environments – Reduce the permutations from hundreds or thousands to a set more

manageable within your teams capacity

– Design Manual tests



Example: Test case and test execution records



Test environment optimization

Generate an optimized set of device characteristic combinations (screen size, memory, CPU, etc.)

Reduce test device possibilities from thousands to dozens



17

Upload apps from the Rational Test Workbench for recording or playback

High fidelity recording of UI gestures and device events

Playback of automated tests directly from the device/emulator or through Rational Test Workbench

Generates detailed playback reports

Sends playback reports back to the Rational Test Workbench when test run is completed

Manage test recording and playback on mobile devices and emulators

Automate testing for native & hybrid mobile apps(Available via Worklight or Rational Test Workbench)

Client Value: Reduce testing time by automating typical mobile manual testing



Virtualize back-end services to maintain agility

Rational Test WorkbenchRational Test WorkbenchTest Virtualization support for

isolating mobile client tierTest Virtualization support for

isolating mobile client tier

For focused automated mobile client tier functional testing, use RTW Test Virtualization to simulate the mobile middle tier and back office systems.

For focused automated mobile client tier functional testing, use RTW Test Virtualization to simulate the mobile middle tier and back office systems.

Client Tier DevicesUI Testing

Client Value: Mobile development team can meet aggressive schedules and reduce MIPS usage on enterprise systems



Link to Public Case Study

Key Capabilities & Benefits

• Regence has reduced testing time by more than 50 percent. In the past, it took three full-time employees two weeks to run 1,250 tests. Now, the three employees can run the tests in less than a week.

Non-profit Health Company Success with IBM Rational software

Regence BlueCross BlueShield of Oregon halves testing time

• Testing automation with IBM Rational tools dramatically improves efficiency and effectiveness




2. Mobile UX Design








RSA Design Manager 4.0 Design model management and tighter integration into the lifecycle

Design configuration management Designs directly editable on Jazz from RSA and

Rhapsody

Versioning, history, serial and parallel change control, visual compare and merge, snapshots

CLM Integration• Shared Jazz Team Server

• Common user administration

• Lifecycle projects including design

• Design included with Money That Matters sample application

• Common deployment configurations

Lifecycle Integrations Bi-directional traceability between requirements

(RRC & DOORS) and design

Stakeholders can easily find designs

Understand the impact of changes to requirements or designs

“We are excited about the capabilities in Collaborative Design Management …. We see it playing a significant

role in our development process because it allows us to transition away from our home grown solutions in that

area to standardized Rational products."

Hans-Peter Berger, Department Head, Application Development Infrastructure, GAD



Everyone can access designsRSA Design Manager

• Increase team knowledge through an enterprise-wide software design repository

• Analysts, SMEs, testers, and other extended team members can access designs through a Web client

• Designs become URL addressable

• Search across all of the organizations existing designs to discover knowledge

• Navigate designs and visualize relationships



RSA Design Manager 4.0

Enhanced Searching Searching across project areas

Query based searching based on design types and semantics

Impact Analysis Graphical impact analysis views showing

relationships between model elements including linked (OSLC) artifacts

Design Documents Generate documents from templates with

embedded RRDG

Create living design documents with rich text and embedded design links

Agile Sketching Web based sketching



Model RESTFul Service in RSA1

Generate Worklight Client Stub5

Generate Worklight Adapter

4

Deployed on Websphere

Application Server

Deployed on Worklight Server

Deployed on Mobile Device (Worklight Device Runtime)

Generate JAXB classes from Data Model3

Generate JAX-RS based Web Service2

RSA 8.5.1 – RESTful Modeling Accelerate Mobile AppDev




2. Mobile UX Design








uDeploy helps frequently deploy iterative releases using repeatable processes

26

Deploy Process• Integrate existing Continuous Integration

processes and deploy iterative builds to test and staging environments.

• Automate manual, error prone tasks to reduce risks and improve governance



Designing Deployment Topologies

27

Key Benefits with Rational Software Architect’s Topology (InfoCenter):

• Improved Communication among stakeholders on your deployment topologies• Retrieve and visualize as-is topologies (search InfoCenter for “Importing units from a

Tivoli Change and Configuration Management Database”)• Convert existing Visio diagrams• Use Design Manager to sketch topologies

• Reuse (not reinvent) Successful Patterns: Rational Tools Deployment wiki



Big Picture DesignA Business Motivation Model built with Rational Software Architect



Good Design is Good Business Webcast series featuring some IBM Distinguished Engineers and thought leaders.

Webcast Title (CLICK to register) - 12:15-1:15PM Dates

The Big Picture (Roger Snook) 2/8/2013

IBM and Design (IBM Director UX Design, Karel Vredenburg) 3/7/2013

SOA - Still Going Strong (IBM Distinguished Engineer, Claus Jensen) 4/4/2013

Design Management: Pictures are Worth….(WW Enablement, Jean-Louis Marechaux) 5/2/2013

DevOps: Design and Deliver Your Production Code Faster (Product Manager, Maneesh Goyal) 6/13/2013

Mobile and Smartphone Apps (Roger Snook) 7/11/2013

Rational Software Architect (Roger Snook) 8/8/2013

Industry Models Accelerate Software (Solution Architect Nick Norris) 9/12/2013

Business Design: SA and RSA (dW author, Steve Arnold) 9/19/2013

Smarter Devices with Model Driven Development (Specialty Architect, Manohar Rao) 10/4/2013

SysML, Industry Compliance (Standards Leader, Irv Badr) 11/14/2013

Rational Rhapsody (Specialty Architect, Manohar Rao) 12/5/2013



© Copyright IBM Corporation 2011. All rights reserved. The information contained in these materials is provided for informational purposes only, and is provided AS IS without warranty of any kind, express or implied. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, these materials. Nothing contained in these materials is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software. References in these materials to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in these materials may change at any time at IBM’s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. IBM, the IBM logo, Rational, the Rational logo, Telelogic, the Telelogic logo, and other IBM products and services are trademarks of the International Business Machines Corporation, in the United States, other countries or both. Other company, product, or service names may be trademarks or service marks of others.

www.ibm.com/software/rational

Technology

2013 Good Design is Good Business - Mobile