Multi-channel Application Development

Multichannel Applications

December 17, 2013

Develop 100% of the Apps for 50% Cost.

2 ©Alliance Global Services 2013

Agenda

1 2 3 4 5 6


The Challenge

Strategy IT


Cross-Platform = Multichannel?

Build Once

X


About Multichannel Apps

Mobile Runs on Mobile and Tablets either as Mobile Web or Hybrid Apps

Web Runs on most Html5 compatible

Browsers

Desktop/Laptop Runs as Hybrid Desktop App

Build Once

Html5, CSS and JavaScript


Journey to Multichannel Multichannel

Cross-platform

Device Specific


When Multichannel Architecture matters

2 1 3

4

5

Requirement Web App Requirement Changes

Desktop Support Camera Integration

Windows App


Why you should consider Multichannel Apps

Sales Administrator Field Inspector

Cost of Dev, Maintenance and Support

Work Home

Personas Places


Why you need a strategy

Strategy

BYOD/BYOA

Irrespective of the challenges, BYOD/BYOA adoption continues to be on rise

One App Multiple Channels

One app needs to run on various types of devices increasing the TCO

Technology Evolution

Rapid pace of evolution in Consumer technology

One App multiple Personas

Every role has different responsibilities and use case scenarios


Impact of BYOD on IT

• BYOD is a need for the Enterprise * – Savings up to 81 minutes per week – $1,300 Savings/year – Device and Support cost savings – Telecom Costs – Most importantly – Happier and Productive Workforce * Source - Cisco IBSG’s recent study, “BYOD: A Global Perspective,” September 2012

iPad Laptop Mobile Phone

Corporate Office

Laptop

PC

Client’s Place


Multichannel App Authoring Models

Hybrid Apps Cross-Platform Native Apps

PhoneGap/Chromium Embedded Web/ Mobile Web

Hybrid Native Compilation

Reusable Libraries


Multichannel Hybrid Apps – Bad Idea?

Source – Telerik Html5 Global Developer Survey 2013


Benefits of Multichannel Applications


Benefits of Multichannel Applications – Skills

Objective-C Storyboards XCode iOS SDK

Java Android Xml Android Studio Android SDK

C#/JS XAML/Html5 Visual Studio WinRT API

JS Html5 Any Common APIs


Why Multichannel Hybrid Apps – Time and Cost

5%

Code Reuse Learning Testing

`

`

• Effort • Maintenance Cost

• Extendibility • Maintainability • ROI

30%

90%

80%

100%

15%

Native

Hybrid

Native Interfacing

70%

100%

Rich UI & Performance

60%

100%

50%


Alliance Reference Architecture for Multichannel Apps

Device Integration Layer Plug-in Framework

PhoneGap

Chromium Embedded Engine

Custom Plug-ins BaaS Integration Layer

Monbytics Notifications Security Restful Services

Enterprise Services

Patte

rns &

Pract

ices


Key Considerations for building Multichannel Apps

Known Limitations 1

Single Page Application Model 2

Focus on design 3

Graceful Degradation 4

Responsive Design 5

Testing Strategy 7

Mobile First 6


Demo


CardioReady Field Service Tracker

CLIENT Largest servicer of Automated External Defibrillators (AED) in North America PROBLEM STATEMENT Changing regulations require public spaces to provide AED’s (Automated External Defibrillator ) that require regular service and certification. Field service team needs an app to optimize their routing and daily activities and customers require seamless access to maintenance logs

SOLUTION • Multi-platform and Channel hybrid HTML5 app implemented with

native gesture support • iTunes, Android Play, Blackberry, and Windows Phone app stores

with support for Windows 8 • Integrated with NetSuite cloud based ERP • Web portal and API developed with automatic sync between device

and web. • Enables field techs and customers to view dashboards online and

offline • Improves technician’s workflow with maps, bar code scanning, and

camera access • Single code base across 4 different device platforms and desktop

browsers


Q&A


Thank You and Happy Holidays Vinod Tadepalli Director, Technology Alliance Global Services LLC. [email protected]

Multi-channel Application Development

Technology

Transcript of Multi-channel Application Development