PHP in a Mobile Ecosystem (Zendcon 2010)

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

About Egeniq
Startup
Mobile
Tech
Knowledge
Geeks
Development
2

About Me
@ijansch
Developer
Author
Entreprenerd
PHP
3

Part 1
Let’s think about mobile for a few minutes
4

The Web
is increasingly portable
5

It’s revolutionary
Much like when
the phone lost
its wall socket
6

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

The Web versus The Internet
8

Usage Characteristics
On the go
Short attention span
Avoid typing
To the point / ad hoc
Omnipresent
9

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

The App vs. The Browser
11

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

Native Apps
On- and offline
Event based
Native device experience
Convenient access to device features
Stateful
Monetization through App Stores
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
14

Predictions
15

Part 2
Browser Based Mobile Apps
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
17

Device Detection
18

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

Device Detection
http://www.deviceatlas.com
Database of device properties
Available online, as API and
downloadable json file
Free for development
~99$/year for production
http://wurfl.sourceforge.net/
20

Device Detection
Considerations:
Don’t redirect to homepage
Offer ‘classic’ option
Don’t make assumptions on screen size
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
22

layouts/scripts/layout_mobile.phtml
23

views_mobile/scripts/index/index.phtml
24

Bootstrap.php
25

Result
Try it at http://egeniq.com/demo/zf/public
26

Zend_Http_UserAgent
New in Zend Framework 1.11
Can work with WURFL or Device Atlas
27

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

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

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

HTML5 is powerful
localStorage
<video>
<canvas>
<svg>
<input type=”number”> and many other form fields
navigator.geolocation.getCurrentPosition();
31

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

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

jQTouch
34

jQTouch
iPhone experience in HTML5
http://jqtouch.com/
jQuery based
MIT License
Give it a try: http://jqtouch.com/preview/demos/main
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/
36

You already know PHP
Your PHP skills + HTML5 = easy mobile websites
37

Part 3
Native Apps
38

PHP’s role in native apps
iPhone
App
Android
App
Blackberry
App
API
39

Optimize APIs for mobile
Content optimization
Scalability
Longevity
Security
Client/Server considerations
40

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

Scalability
AppStore featured/top listings Slashdot effect
Consider the 80/20 rule of app popularity though
42

Longevity
Apps have different deployment patterns
No ‘quick fix’ 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
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
44

API Security
TLS/SSL
Basic Auth
OAuth? XAuth!
PKI / TLSAuth
Signed URLs:
?x=1&y=2
&signature=hash(secret, time limit, params)
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
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
47

Part 4
Best of Both Worlds
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
49

Part 5
Random bits if time permits
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
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
52

‘Lemon ADE’ AST editor
53

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

Thank You
ivo@egeniq.com http://www.egeniq.com
@ijansch @egeniq
Please leave feedback at: http://joind.in/2254
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/
56

PHP in a Mobile Ecosystem (Zendcon 2010)

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (13)

Similaire à PHP in a Mobile Ecosystem (Zendcon 2010)

Similaire à PHP in a Mobile Ecosystem (Zendcon 2010) (20)

Plus de Ivo Jansch

Plus de Ivo Jansch (20)

Dernier

Dernier (20)

PHP in a Mobile Ecosystem (Zendcon 2010)