Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Navigating the Mobile Development Landscape

No description
by

Keith McDonald

on 5 June 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Navigating the Mobile Development Landscape

Responsive: Fluid layouts, flexible content, single URL per page (Respond to fit) Navigating the Mobile
Development Landscape Native
Development Mobile Web Development Hybrid
Development iOS Platform Android Platform Windows Phone Overview Highlights Benefits Drawbacks Platform SDK
Platform Tools & Language
Consistent UX
App store deployment
In-App Purchase Well-established user base
App quality & consistency
Apple AppStore
Longer Review Process
App Rejection
Guidelines
Value
Quality & Security
Highest revenue Largest percent market share
Wide audience
Less revenue from Apps
Device fragmentation
Manufacturers
Features
Screen sizes
OS fragmentation
Over 30% on 2.3 Access to device, APIs
Push notifications
Responsive apps
Discoverability
Performance Platform dependent
Multiple dev languages
Review process Cross-Platform
Development Developer Native SDK Technology Examples Appcelerator Titanium Xamarin Corona SDK 2D Game Development Unity 3D Game Development Highlights Utilizes web technologies
Almost all code is shared
Platform inconsistencies
Flexibility limitations PhoneGap Native App Emulation Responsive/Adaptive Overview Familiarity of tools & languages
Compiles down to native
Technical issues sometimes equals greater effort (10/90)
Requires learning an API for platform features Highlights Benefits Portable skillset
Access to most native features
Code reuse Drawbacks Additional dependencies
"Catch-up" mode
Lacks native tools
Debugging
Simulation Overview Navigate via URL
Device browser
Pages from server
Processing delay
Layout engine (WebKit)
Script engine (Nitro)
Favorites, web clips Highlights Benefits Immediate deploy
Deploy "everywhere"
Reusable skillset Drawbacks Browser fragmentation
Limited device access
No native push
Not available in app store
User experience Overview Container for website
Web technologies
Build hooks for device access
Local website part of App
Pieces from Web Server
Same processing delay as web Examples Highlights Benefits Cross platform
More device access
Native push notifications
Quick "prototyping" Drawbacks Risk of app rejection (e.g. Website + Push)
Emulated look and feel
Platform inconsistencies
Performance www.mashable.com Specific version
per device Progressive Enhancement Predefined Layout Sizes Mobile Market US Smart Phone Sales 11/12 - 2/13 Worldwide Smart Phone Shipments - Q4 2012 * IDC * Kantar Worldwide Tablet Shipments - Q1 2013 * IDC Worldwide App Downloads - Q1 2013 * Canalys Worldwide App Download Revenue - Q1 2013 * Canalys Enterprise Use of Mobile Platforms - Q4 2012 * Citrix Worldwide tablet shipment year or year growth 142% -14% Worldwide PC shipments year over year decline * IDC Tiny Tanks Mobile Development Web Hybrid Cross
Platform Native Development Considerations Taps, zooms, swipes, single handed
User experience is key
Landscape is evolving
Be cautious of "one method to rule all" claims Presentation Layer (CSS) Content Layer (HTML) Scripting Layer (JavaScript) Development Options Web Services / Cloud Change to fit Data + business logic consumed by mobile
Custom implementation or 3rd party "Optimized" Website Website as an "App" Considerations Device and OS targets
Deployment
Development
Devices Features
Push Notifications
Responsiveness/Execution
Media
Security Web Hybrid Cross
Platform Native What's right for your app? So what? Mobile Development Use an agile approach
Stagger for multiple platform
Design and UX!
Wireframe and prototype
Test on devices Highlights Questions? Formerly MonoTouch/MonoAndroid
Near native UX
Reuse business logic, .NET API's
Most API usage 1:1 Quotes "The biggest mistake we made as a company was betting too much on HTML5 rather than native"

Mark Zuckerberg
Facebook CEO rdio “We have definitely shifted from HTML5 to native. The primary reason for that is, we’re seeing that more and more people are spending more time in the app, and the app is running out of memory. It’s not performance issues, like speed or rendering, but it’s still a big problem.

"The second reason we’ve gone native is trying to get some of the animations — the spinners and the way they work — getting that smoothness, we felt like we needed native to really do that well."

Kiran Prasad - LinkedIn Senior Director of Mobile Engineering National Instruments LabVIEW William Welbes Keith McDonald William.Welbes@centare.com
@welbes Keith.McDonald@centare.com JavaScript API for device access
Extend via plugins PhoneGap Build Local Builds Online build
Cannot customize
Website only Requires native tools & SDKs
Requires project per platform
Config per platform Modern UI
Good tools for development
Smaller market share
Opportunity ≠ + smaller Trip Case Will Welbes
Mobile Team Lead
@welbes

Keith McDonald
Senior Mobile Developer Presenting: Navigating the Mobile
Development Landscape US Smart Phone By Platform http://www.asymco.com/2013/05/05/platform-churn/ Web Hybrid Cross
Platform Native http://www.idc.com/getdoc.jsp?containerId=prUS24093213 http://www.canalys.com/newsroom/11-quarterly-growth-downloads-leading-app-stores http://www.canalys.com/newsroom/11-quarterly-growth-downloads-leading-app-stores $2.2 billion 13.4 billion * Asymco http://www.citrix.com/content/dam/citrix/en_us/documents/products/q4_enterprise_mobility_cloud_report.pdf Need help? Strategy We partner with organizations to develop a successful strategy for mobile. Solutions We deliver high quality mobile solutions for web, native, cross platform and hybrid. Platforms We have experience in iOS, Android, Windows Phone and web. Adaptive: Scripting to adapt content to predefined layout sizes (Change to fit) Global web traffic from smart phones 7% Global web traffic from tablets 8% * Adobe Analysts predict 1/3 to 1/2 of global web traffic will come from mobile devices 2015 Mobile Web PC, Smart Phone, Tablet As of May of 2012, more than 50% of web traffic in India comes from mobile devices 2012 Smart Phone Thanks!
Full transcript