PHP in a Mobile Ecosystem (Zendcon 2010)

PHP in a Mobile Ecosystem Ivo Jansch - Egeniq November 3, 2010 - Zendcon Wednesday, November 3, 2010 1

About Egeniq Startup Mobile Tech Knowledge Geeks Development Wednesday, November 3, 2010 2

About Me @ijansch Developer Author Entreprenerd PHP Wednesday, November 3, 2010 3

Part 1 Let’s think about mobile for a few minutes Wednesday, November 3, 2010 4

The Web is increasingly portable Wednesday, November 3, 2010 5

It’s revolutionary Much like when the phone lost its wall socket Wednesday, November 3, 2010 6

The Internet Of Things ivo-imac:~ ivo$ ping fridge PING fridge (192.168.1.138): 56 data bytes Wednesday, November 3, 2010 7

The Web versus The Internet Wednesday, November 3, 2010 8

Usage Characteristics On the go Short attention span Avoid typing To the point / ad hoc Omnipresent Wednesday, November 3, 2010 9

Mobile Technologies Objective-C (iPhone, iPad, iPod Touch, Apple TV) Java (Android, Blackberry, Symbian) HTML5 / Javascript (Any) PHP (Any) Wednesday, November 3, 2010 10

The App vs. The Browser Wednesday, November 3, 2010 11

Browser based applications Write once, run anywhere Online Requires browser Page based ‘Stateless’ Wednesday, November 3, 2010 12

Native Apps On- and ofﬂine Event based Native device experience Convenient access to device features Stateful Monetization through App Stores Wednesday, November 3, 2010 13

Some statistics Android Market: 100.000 apps Apple App Store: 300.000 apps Web: 3.000.000 websites optimized for mobile Sources: http://www.bizreport.com/2010/10/dotmobi-2000-growth-in-number-of-mobile-ready-websites.html# http://twitter.com/AndroidDev/status/28701488389 http://www.silobreaker.com/apples-app-store-crosses-300000-apps-5_2263799272514256896 Wednesday, November 3, 2010 14

Predictions Wednesday, November 3, 2010 15

Part 2 Browser Based Mobile Apps Wednesday, November 3, 2010 16

Device Detection It’s all in the User Agent Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version / 4.0.5 Mobile/8B117 Safari/6531.22.7 Mozilla/5.0 (Linux; U; Android 2.1-update1; nl-nl; HTC Hero Build/ERE27) AppleWebKit/ 530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/ 530.17 Wednesday, November 3, 2010 17

Device Detection Wednesday, November 3, 2010 18

Device Detection http://detectmobilebrowsers.mobi/ Downloadable PHP library for device detection Online code generator Donationware Ugly code, well documented Wednesday, November 3, 2010 19

Device Detection http://www.deviceatlas.com Database of device properties Available online, as API and downloadable json ﬁle Free for development ~99$/year for production http://wurﬂ.sourceforge.net/ Wednesday, November 3, 2010 20

Device Detection Considerations: Don’t redirect to homepage Offer ‘classic’ option Don’t make assumptions on screen size Wednesday, November 3, 2010 21

Zend Framework Example Take advantage of ZF’s powerful MVC set up View scripts determine layout of actions Layout script wraps everything into main layout Use Bootstrapper to detect device and setup MVC Wednesday, November 3, 2010 22

layouts/scripts/layout_mobile.phtml Wednesday, November 3, 2010 23

views_mobile/scripts/index/index.phtml Wednesday, November 3, 2010 24

Bootstrap.php Wednesday, November 3, 2010 25

Result Try it at http://egeniq.com/demo/zf/public Wednesday, November 3, 2010 26

Zend_Http_UserAgent New in Zend Framework 1.11 Can work with WURFL or Device Atlas Wednesday, November 3, 2010 27

UI Design Hover = evil ‘Finger Friendly Design’ ‘Touch Driven Development’ Screens are getting bigger and (!) smaller Wednesday, November 3, 2010 28

Scalable websites http://www.niemanlab.org/2010/09/nyts-opinion-pages-continue-the-march-toward- app-inspired-design/ Wednesday, November 3, 2010 29

HTML5 is easy <!doctype html> - period. <script> or <style> - period. Semantics: header, footer, section, article tags Wednesday, November 3, 2010 30

HTML5 is powerful localStorage <video> <canvas> <svg> <input type=”number”> and many other form ﬁelds navigator.geolocation.getCurrentPosition(); Wednesday, November 3, 2010 31

Browsers love HTML5 Browsers supporting HTML5: Firefox Safari Opera All the mobile browsers IE (sort of, no support for <article> until IE9) Wednesday, November 3, 2010 32

Things to consider Don’t just scale the layout, scale content too Consider ‘scenario based content management’ Wednesday, November 3, 2010 33

jQTouch Wednesday, November 3, 2010 34

jQTouch iPhone experience in HTML5 http://jqtouch.com/ jQuery based MIT License Give it a try: http://jqtouch.com/preview/demos/main Wednesday, November 3, 2010 35

Alternatives jQuery Mobile 1.0 alpha was released at October 16, 2010 http://jquerymobile.com/ Sencha Touch From the makers of jqTouch Tablet support http://www.sencha.com/products/touch/ Wednesday, November 3, 2010 36

You already know PHP Your PHP skills + HTML5 = easy mobile websites Wednesday, November 3, 2010 37

Part 3 Native Apps Wednesday, November 3, 2010 38

PHP’s role in native apps iPhone Android Blackberry App App App API Wednesday, November 3, 2010 39

Optimize APIs for mobile Content optimization Scalability Longevity Security Client/Server considerations Wednesday, November 3, 2010 40

Content Optimization Consider CPU and memory constraints Prefer JSON over XML Compress data Keep responses small But not too small (connection / routing overhead) Wednesday, November 3, 2010 41

Scalability AppStore featured/top listings Slashdot effect Consider the 80/20 rule of app popularity though Wednesday, November 3, 2010 42

Longevity Apps have different deployment patterns No ‘quick ﬁx’ in the application as in web apps Client/Server asynchronous updates Backwards compatibility Versioned API URLs: http://iportfolio.api.egeniq.com/portfolios/1.0/mvb/collections.json Wednesday, November 3, 2010 43

Longevity How long do you support your APIs? Can’t force people to delete their Apps Provide clean fallback Synchronized instead of real-time data Implement status check API calls Wednesday, November 3, 2010 44

API Security TLS/SSL Basic Auth OAuth? XAuth! PKI / TLSAuth Signed URLs: ?x=1&y=2 &signature=hash(secret, time limit, params) Wednesday, November 3, 2010 45

Client/Server considerations Image Processing in the API, instead of App Use Imagick / GD etc. Trade-off between bandwidth and processing power Apps support threading / asynchronisity Fire-and-forget API design Prepare/getResult call duos Push features into PHP APIs for reuse Wednesday, November 3, 2010 46

PHP’s role in native apps PHP has native support for: Web services JSON Compression Image manipulation Egeniq’s number 1 choice for App APIs 25-30% of App development time = API Wednesday, November 3, 2010 47

Part 4 Best of Both Worlds Wednesday, November 3, 2010 48

HTML5 in the App Store HTML5 on the server, supports PHP: IPFaces - http://www.ipfaces.org/ HTML5 on the device, no (or limited) support for PHP: AppCelerator - http://appcelerator.com/ Phonegap - http://phonegap.com Wednesday, November 3, 2010 49

Part 5 Random bits if time permits Wednesday, November 3, 2010 50

Running PHP on the device First: Why??! PHP For Android (PFA) http://phpforandroid.net/ PAMP for Symbian http://wiki.opensource.nokia.com/projects/PAMP Wednesday, November 3, 2010 51

Symfony Mobile Mime-type based optimisation http://www.symfony- project.org/blog/ 2008/06/09/how-to- create-an-optimized- version-of-your- website-for-the-iphone- in-symfony-1-1 Wednesday, November 3, 2010 52

‘Lemon ADE’ AST editor Wednesday, November 3, 2010 53

Resources for PHP/Mobile http://www.egeniq.com/blog http://mobile.phpmagazine.net/ http://thoomtech.com/iphone/ objc-for-php-developers-part-1/ Wednesday, November 3, 2010 54

Thank You ivo@egeniq.com http://www.egeniq.com @ijansch @egeniq Please leave feedback at: http://joind.in/2254 Wednesday, November 3, 2010 55

Credits Pictures used in this presentation are creative commons attribution licensed pictures. Here are the owners and the URLS where the originals can be found: ‘Dow says POO’ by Stepleton - http://www.flickr.com/photos/29407923@N03/2899705638/ ‘The telephone’ by Tylerdurden - http://www.flickr.com/photos/tylerdurden/529028040/ ‘Web’ by Kurtxio - http://www.flickr.com/photos/kurtxio/2182760200/ ‘Heavy cloud, no rain’ by Robynsnest - http://www.flickr.com/photos/robynsnest/12405841/ ‘Wireless fridge’ from http://www.wirelessgoodness.com/tag/srt746awtn/ ‘Army iphone app’ by Soldiersmediacenter - http://www.flickr.com/photos/soldiersmediacenter/4271795260/ ‘Icon_safari_hires’ by Hans Dorsch - http://www.flickr.com/photos/hansdorsch/2861804087/ ‘Thinking’ by Karola - http://www.flickr.com/photos/karola/3623768629/ ‘Jus'a web’ by Jusfi - http://www.flickr.com/photos/jusfi/2921202536/ ‘iPad :)’ by Korosirego - http://www.flickr.com/photos/korosirego/4334862666/ ‘I've got a monkey on my back’ by Keven Law - http://www.flickr.com/photos/kevenlaw/2698946160/ ‘Locked steel’ by Darwinbell - http://www.flickr.com/photos/darwinbell/321434733/ ‘4 Biscuits’ by Barnoid - http://www.flickr.com/photos/barnoid/2025811494/ Wednesday, November 3, 2010 56

http://www.egeniq.com	166
http://www.berejeb.com	49
http://phpcoe.mimos.my	10
http://www.planet-php.net	9
http://www.devetdesign.com	6
http://www.sfexception.com	4
http://webcache.googleusercontent.com	1

PHP in a Mobile Ecosystem (Zendcon 2010)

by Ivo Jansch

Accessibility

Categories

Upload Details

Usage Rights

7 Embeds 245

Statistics

PHP in a Mobile Ecosystem (Zendcon 2010) Presentation Transcript