beyond beyond strategy - building mobile capabilities at tasscc technology leadership committee

29
Beyond Strategy: Building Your Mobile Capabilities Presented by: Raj Polikepati Director of App Development Texas.gov TASSCC Technology Education Conference April 10, 2015

Upload: polikepati

Post on 12-Aug-2015

85 views

Category:

Mobile


0 download

TRANSCRIPT

Beyond Strategy: Building Your Mobile Capabilities

Presented by:Raj Polikepati

Director of App DevelopmentTexas.gov

TASSCC Technology Education ConferenceApril 10, 2015

04/15/2023 2

Agenda Objectives of Mobile Strategy

Mobile 101

Technology Options

API/Data

Team Roles & Responsibilities

Building Mobile Skills & Competency

Closing Thoughts

Start by asking the right questions – “Will mobile …” Improve agency results?

Reach a targeted

constituent niche?

Include features that are needed?

Benefit internal

operations?

Be adequately

funded?

Require a significant

commitment?

Deliver larger

benefits?

3

Identify Your Real Objectives

04/15/2023 4

Constituent / User

Easily accessible info High expectations Simple, easy-to-use mobile

experience Different needs depending

on service (1x/day vs. 1x/year)

Speed and safety

Agency

Easy to interact with Transparent Timely responses Fiscally responsible Internal effectiveness /

efficiency Maximize technology

resources

Identify Your Real ObjectivesConsider constituent and agency perspectives

04/15/2023 5

Mobile Features Geo-location• Leverages GPS hardware on your device

to pinpoint locations• Searches for what’s nearby (buildings,

addresses, parks, restaurants, etc.)• Provides turn-by-turn directions• Enables sharing of location with others• Geotags photos taken with phone

Personal Data / History• Information stored locally on device• Contact info/lists• GPS location• Browsing & download history• Cached data• Images

Google Maps Map My

Run

Find MyPhone

LocalBusinesses

54% of mobile users who download apps decided

not to install a

phone app when they discovered how much

personal info they need to share in order to use it.

04/15/2023 6

Mobile Features Camera• Able to take digital still photos and videos• Input device for other applications• Scanner• Object recognition to provide information

about that object• Web cam for video conferencing • Optical Character Recognition (OCR)

Push Notifications• Send information to users even when the

app isn’t in use

• Keep users updated on activity that occurs within the application(s)

04/15/2023 7

Technology Options - Landscape

Native Hybrid

Responsive Design

Single Platform

Multiple Platforms

Full Capability

Partial Capability

Native Framework

04/15/2023 8

Pros Best usability, features, and overall

mobile experience Richer functionality and graphical

effects Full access to device functions and

sensors Presence on the app store Fast startup and access (after initial

download) Content is generally available off-line Users are generally more engaged

with the application

Cons Individual code for each platform Requires knowledgeable

programming resource Limits audience Requires redistribution for

updates and maintenance Requires app store vendor

approval Increases privacy concerns

What is a Native Mobile App?Software developed for a specific mobile device platform and a specific language

04/15/2023 9

Pros Device and browser agnostic Easier to develop and support Improved SEO single code base Site not downloaded via an App

Store No costly, future upgrades when

new mobile devices hit market Consistent user experience

across all devices Very scalable approach Leverage some phone features

with HTML5

Cons Cross-browser and

device incompatibilities Slower load times Content is not

necessarily mobile-friendly

When you are serving the same HTML, source order cannot be changed

No app store presence, so limited discoverability

What is Mobile Responsive Design?Serves the same HTML to every device and adapts its presentation based on the device’s specific capabilities

04/15/2023 10

Pros Reaches widest range of devices Leverages same code as website Easier to develop & support App store presence Faster development process

than native apps Provides offline modes for

access without network connectivity

Bill content delivered via web apps independently, such as by subscription

Cons Performance slightly

diminished Users expect similar

experience as native app Software downloads

from web required Available only through

dedicated app stores Requires some app store

approval and updates

What is Hybrid Mobile Design?Native mobile experience, with advantage of write once, run anywhere

04/15/2023 11

Feature Comparison

04/15/2023 12

Will the app be used frequently?

Do you have plenty of time and resources?

Responsive Design Web Application

YesNo

Hybrid or Responsive

Design

Yes

NoWill it be used by

employees or constituents?

Is the app highly interactive?

Constituents

Yes

No

Hybrid

Employees

Do you need to support multiple

operating systems?

NoNative

Yes

Start Here

Which MOBILE architecture is right for YOU?

04/15/2023 13

Considerations BEFORE you launch your mobile strategy - this is what you’ll have to live with post-launch …• Operating costs – all mobile initiatives have incremental

costs including Native, Responsive Design, and Hybrid

• You will be living in a new world – developer skills, social skills, constituent’s mobile expectations

• Extremely fast-changing technologies – need to keep up or else

• Consider a “Think Mobile First” design approach when developing new applications – helps with usability andeffectiveness of mobile and desktop apps

Ongoing Ownership & Operations

04/15/2023 14

APIs: Where Rubber Meets the Road

Application is only as good as the data Write once; invoke everywhere Multi-channel delivery

• Desktop web/native mobile/responsive• Kiosk/Over-the-Counter (OTC)• Interagency integrations, data warehouse

Open API Strategy• Crowdsourcing App Dev• Cross-Agency GovDelivery• Lower cost of ownership

04/15/2023 15

APIs: SOAP vs. Restful

04/15/2023 16

API: Restful 101

04/15/2023 17

Supports Native, Hybrid, and Responsive Apps• Restful

• API Versioning

• Progressive Enhancement

• Fine-grained

• Secured access

• Caching/CDN

Mobile-Optimized APIs

04/15/2023 18

Product Manager User Interface/User

Experience Experts Engineering Quality Assurance

Roles & Responsibilities“Coming together is a beginning. Keeping together is progress. Working together is success." --Henry Ford

04/15/2023 19

CEO of the App• What’s different?– Mobile Ecosystem vs.

business SME– Extensive behavioral

research– Device-centric vs.

consistent look and feel

Mobile Product Manager – Who?

04/15/2023 20

What’s different?• Interrupt Driven• Highly Contextual• Device-centric design• Design for limitations

User Experience Expert

04/15/2023 21

What’s Important?• Thrives in iterative/agile

environment• Instrumentation of

metrics• Focus on fine-grained

API’s (vs. composite services)

• PolyGlot (Objective C/Swift/Java(Android)/HTML/CSS/JS)

Engineering

04/15/2023 22

Pragmatic app testing Comprehensive testing on each

device Right mix of real devices and

emulators In-the-wild testing Attention to metrics Most importantly –

PERSEVERANCE!!!

QA

04/15/2023 23

Responsive Web & Native

Texas.gov Site Templates – Contact Us

• Good resources on – Team Treehouse

– Code School

– www.AListApart.com

– Lynda.com

– Apple iOS Developer

– Google University

– Youtube.com

Mobile Skills and Competencies

04/15/2023 24

While developing, use the built-in “responsive design view” tool in Firefox or Chrome

Highly recommend the “Responsive Design” book from A Book Apart

Programming in Objective-C (6th Edition) (Developer's Library) - By Stephen G. Kochan

Great Prototype Collaboration Website: Invisionapp.com

Mobile Skills and Competencies

04/15/2023 25

Popular Responsive Web Tools: CSS3 Media Queries – Dimensions, Orientation

HTML 5

JavaScript (Custom, JQuery, JQuery UI)

Twitter Bootstrap

Angular JS – Directives

HTML 5

W3.org Mobile App Best Practices

Mobile Skills and Competencies

04/15/2023 27

A scalable approach is always repeatable

Experiment with approach from time to time

Leverage API benefits for mobile governance

Choices are abundant with pros and cons

Adopt the tools that your team is most comfortable

Mobile-First shift is less technical and more cultural

Designated champion – Product Manager

Real use cases will get sponsorship!!!

Closing Thoughts

04/15/2023 28

Raj PolikepatiDirector of [email protected]

Daniel MorenoOutreach [email protected]

Contacts