James Pearce from Sencha gives this talk.
How is Mobile is changing the Web? The overriding question for this talk.
A perfect storm for HTML5, CSS3, and JS++ on new platforms like iOS, Android, and webkit. New innovation is coming from mobile browser experience itself together with very capable computing devices that are in our pockets.
Mobile should be used as an adjective instead of a noun to represent how we should treat the browser on mobile devices.
Simplest thing to do is to have a separate theme to present on mobile versus desktop.
Per the mobile evolution, things like UI and biz logic can now be run on the mobile device and syncing data sets between the device and the server. Sencha Touch does a great job at doing this, even when the user is offline.
Walkthrough of connecting WordPress with SenchaTouch to a mobile device to categorize and comment on posts:
- Create a simple switching plugin
- Use MVC to create app
- CMS categories and posts will be modeled
- Stores populated and synced with JSON
For item 1, he uses UA sniffing to see if the device iPhone and redirect to a new location that contains the Sencha Touch app. He creates a simple PHP plugin and enable in into WordPress.
For item 2, he uses a generator from cmd line to create a skeleton Sencha Touch app. He shows how it stubs out the MVC elements and tests it in a iPhone emulator to show it works.
For item 3, he shows how to create categories on the left side and the posts on the right. He does this again with the CLI to create these elements.
For item 4, he shows how we can switch the store to “ajax” and extend the PHP plugin to iterate through the data and serve that up in a JSON response.
Things to consider:
- Thematic consistency
- Brand consistency
- Smart sync for large data sets
- Account management for security in the case of a lost phone
- http://tinysrc.net will help with scale/resize graphics for mobile screens
Mobile devices are different…geolocation, telephony, camera, messaging, etc. How can you incorporate this easily with your CMS?
Most importantly, Mobile users are different. Don’t just throw up a desktop designed web app on the mobile device.