1. Simple solutions
Native Mobile Development
Presented by: Eric Brill
Savvy Panda – Project Manager
eric@savvypanda.com | @brilliantairic
2. What iS A Native Mobile App?
• Written specifically for a Mobile OS
• Typically across multiple devices
3. Native Advantages
• No Hardware Limitations
• App Store Distribution
• Better Performance
4. Native Disadvantages
• App Store Distribution – so harder to update
• Typically more time consuming to create
• Designing for multiple devices
5. WHAT IS A Web App
• Application coded in language such as
HTML5, JavaScript, and CSS.
• Run through a browser / mobile browser
• Typically designed mobile friendly /
responsive design
6. Web App Advantages
• Uses widely known and easy to code
languages like HTML5, JavaScript, and CSS.
• Extremely easy to make changes
9. Hybrid Advantages
• Uses widely known and easy to code
languages like HTML5, JavaScript, and CSS.
• Extremely easy to make changes
• Control Device Hardware
• App Store Distribution
16. Appcelerator
• Titanium Editor
• If you know JavaScript and call it in your api.
• Titanium.filesystem.openfile
• Titanium.media.showcamera
• Very familiar if you’re use to a framework like
JQuery
• 100% native once the code is translated on
compilation
17. •
Phone Gap
Tool for building mobile apps using web technologies
• HTML5 + CSS3 + JavaScript
• Notepad++
• HTML for Layout
• JavaScript to access device functionality
• CSS for rich look and feel
• Built to leverage the API of Droid, Apple, BlackBerry, Symbian, Palm,
Windows to distribute with web languages.
18. APP to Joomla COmmunication
• Need Data Communication Method for Joomla and App to speak
• Build Custom API
• TechJoomla REST API - 1.5 / 1.6 – Github.com/techjoomla
• Joomlaworks RSS to JSON – 1.5 – Joomlaworks SVN
• K2 XMLRPC – 1.5 – github.com/savvypanda
19. • Using the API
Joomla REST API
• Requests to the create, update & delete methods need a username and
password. You can use any Joomla Super admin account username &
password for this.
• Send the username as auth_user and password as auth_pass
• Send other relevant fields according to method
• Abilities
• Create/Update/List/Delete users with Jomsocial support
• Create/Update/List/Delete Jomsocial groups
• Create/Update/List/Delete Jomsocial group discussions, announcements
and wall posts
• Create/Update/List/Delete Jomsocial events (1.5 only)
• Create content (1.5 only)
• List categories/sections (1.5 only)
• Joomla Search (1.5 only)
• You can get more information about this on github
20. •
JSON 1.5 enablesv1.0Joomla! website to export its auto-
Joomla!
Feeds any (plugin) for Joomla!
generated RSS/Atom feeds to JSON formatted feeds
• Yahoo YQL for converting and Caching Feed
21. Savvy k2 Plugin JSONP
• Direct Queries to Joomla/ K2 Returns JSONP
• NO YQL
• Used with jQuery Mobile
• Listing data only Items, Categories & Search
22. Some Web Apps for Joomla!
• Can be used with Phone Gap
• Perform device detection and have the site use a different template
• Mobile Joomla!
• Displays on iPhone, Android, Blackberry, Nokia and many other.
• Advanced Settings
• Custom modules & themes
23. Some Web Apps for Joomla!
Mobilebot
• Detects iPhone, Blackberry, Android and Opera Mini separately and load a
particular template for each of them.
• It has two extra spaces so you can add your own custom mobile devices.
• You can adjust your final HTML code with simple/regular expression PHP
replacements; this can be done independently for each particular device.
• If none of the specific devices is detected (or you just have one template for
all mobiles), the plug-in can also perform a general mobile detection and load
a “generic” mobile template if configured accordingly.