Beyond Strategy Building Your Mobile Capabilities Presented by
Beyond Strategy: Building Your Mobile Capabilities Presented by: DIR Technology Series October 11, 2016 Raj Polikepati Director of Development Pete Eichorn Director of Technology Texas. gov
Agenda Objectives of Mobile Strategy Mobile 101 Technology Options API/Data Trends Building Mobile Skills & Competency Closing Thoughts 10/11/2016 2
Identify Your Real Objectives Start by asking the right questions – “Will mobile …” Improve agency results? Deliver larger benefits? Reach a targeted constituent niche? Include features that are needed? Require a significant commitment? Be adequately funded? Benefit internal operations? 3
Identify Your Real Objectives Consider constituent and agency perspectives Constituent / User Easily accessible info High expectations Simple, easy-to-use mobile experience Different needs depending on service (1 x/day vs. 1 x/year) Speed and safety 10/3/2020 Agency Easy to interact with Transparent Timely responses Fiscally responsible Internal effectiveness / efficiency Maximize technology resources 4
Mobile Features Geo-location • Leverages GPS hardware on your device Google Maps to pinpoint locations • Searches for what’s nearby (buildings, addresses, parks, restaurants, etc. ) • Provides turn-by-turn directions Local Businesses • 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 10/3/2020 Map My Run Find My Phone 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. 5
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) 10/3/2020 6
Technology Options - Landscape Full Capability Native Hybrid Native Framework Single Platform Multiple Platforms Responsive Design Partial Capability 10/3/2020 7
What is a Native Mobile App? Software developed for a specific mobile device platform and a specific language Pros Cons ü 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 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 10/11/2016 8
What is Mobile Responsive Design? Serves the same HTML to every device and adapts its presentation based on the device’s specific capabilities 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 HTML 5 10/3/2020 Cons Cross-browser and device incompatibilities Slower load times Content is not necessarily mobilefriendly When you are serving the same HTML, source order cannot be changed No app store presence, so limited discoverability 9
What is Hybrid Mobile Design? Native mobile experience, with advantage of write once, run anywhere 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 10/3/2020 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 10
Feature Comparison 10/3/2020 11
Which MOBILE architecture is right for YOU? Start Here Yes Will the app be used frequently? Will it be used by employees or constituents? Yes Do you have plenty of time and resources? No Employees Constituents No Hybrid Is the app highly interactive? Yes Responsive Design Web Application Hybrid or Responsive Design Do you need to support multiple operating systems? No No Native Yes 10/3/2020 12
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 Gov Delivery • Lower cost of ownership 10/3/2020 13
API: Restful 101 10/3/2020 14
Mobile-Optimized APIs Supports Native, Hybrid, and Responsive Apps • Restful • API Versioning • Progressive Enhancement • Fine-grained • Secured access • Caching/CDN 10/3/2020 15
Leading Mobile App Dev Platforms 10/3/2020 16
Mobile – it’s not just App anymore Virtual Personal Assistant Conversational User Interfaces Io. T Augmented Reality Drones 10/3/2020 17
Hype Cycle of Mobile Dev Technology 10/3/2020 18
Mobile Skills and Competencies For Responsive, start with a framework like Twitter Bootstrap, Gumby While developing, use the built-in “responsive design view” tool in Firefox or Chrome Highly recommend the “Responsive Design” book from A Book Apart 10/3/2020 19
Mobile Skills and Competencies Responsive Web & Native u Texas. gov Site Templates – Contact Us • Good resources on – Team Treehouse – Code School – www. AList. Apart. com – Lynda. com – Apple i. OS Developer – Android Developer • Great Prototype Collaboration Website: Invisionapp. com 10/3/2020 20
Mobile Skills and Competencies Hybrid Mobile • Ionic = • Mobile Angular UI • React Native 10/3/2020 21
Framework & Library Comparison Feature Ionic React Mobile Angular UI Active Community ✔ ✔ ✔ i. OS, Android, Win ✔, ✔, ✔, Via Plugins Testing Browser Emulation Native Emulator and on Device In Browser “Emulation” UI Use General UI and Bootstrap Plugins OS Native Via Components UI Component Libraries ✔ ✔ ✔ Style Available Bootstrap Develop Custom + Community Libs Bootstrap Offline Support Builtin Customizable Via Plugins Write Once 10/3/2020 22
A scalable approach is always repeatable Closing Thoughts 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 Short Shelf Life for Mobile stack 10/3/2020 23
Contacts Raj Polikepati Director of Development rpolikepati@egov. com 512 -651 -9801 Pete Eichorn Director of Technology peichorn@egov. com 512 -501 -5996 Daniel Moreno Outreach Associate dmoreno@egov. com 512 -651 -9803 10/3/2020 24
- Slides: 25