39
Joomla! World Conference 2012 San Jose, CA, USA Achim Fischer Chimoora Joomla! Websites on Mobile Devices

Chimoora - Joomla! websites on mobile devices (jwc12)

Embed Size (px)

DESCRIPTION

There's an app for that! Well, at least one is on it's way to Android 4 (ICS) devices. In this presentation I show you the upcoming Joomla! client "Chimoora" and what it means to bring the experience of a Joomla! powered website to mobile devices in general. The first version of Chimoora will support Joomla! featured articles (Blogs) and Discussions (forum extension). Marketplace (classified ads), Private Messages (now part of Discussions) and more will follow. Both sides, the native Android app and the API on the server (Joomla! extension) are covered in this presentation.

Citation preview

Page 1: Chimoora - Joomla! websites on mobile devices (jwc12)

Joomla! World Conference 2012San Jose, CA, USA

Achim Fischer

Chimoora Joomla! Websites on Mobile Devices

Page 2: Chimoora - Joomla! websites on mobile devices (jwc12)

www.codingfish.com

Web-Development (PHP, RoR)

Software-Development (Java, C)

Mobile Devices (Android)

Community Management (italobikes.com)

Joomla! extensions: Discussions, Marketplace

Page 3: Chimoora - Joomla! websites on mobile devices (jwc12)

The problem

Page 4: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 5: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 6: Chimoora - Joomla! websites on mobile devices (jwc12)

The solution(s)

Page 7: Chimoora - Joomla! websites on mobile devices (jwc12)

1. Ignorance

Page 8: Chimoora - Joomla! websites on mobile devices (jwc12)

2. Mobile Web

Page 9: Chimoora - Joomla! websites on mobile devices (jwc12)

3. Native App

Page 10: Chimoora - Joomla! websites on mobile devices (jwc12)

The native app approach

Page 11: Chimoora - Joomla! websites on mobile devices (jwc12)

API

Native App

Server (Joomla! Website)

Client

Page 13: Chimoora - Joomla! websites on mobile devices (jwc12)

[ { "alias" : "general-en", "id" : "20", "image" : "http://www.codingfish.com/components/com_discussions/assets/categories/codingfish.png", "parent_id" : "19", "description" : "Forum for general non extension related discussions", "name" : "General (en)" }, { "alias" : "allgemeines-de", "id" : "21", "image" : "http://www.codingfish.com/components/com_discussions/assets/categories/codingfish.png", "parent_id" : "19", "description" : "Forum für allgemeine Diskussionen ohne Bezug zu Erweiterungen", "name" : "Allgemeines (de)" },

...

Example 1:Getting list of forums

Page 15: Chimoora - Joomla! websites on mobile devices (jwc12)

[ { "id" : "4470", "thread_id" : "4466", "author_avatar" : "http://www.codingfish.com/images/discussions/users/63/large/63.jpg", "parent_id" : "4469", "image1" : "", "topic" : "Re: Removing (not showing) History on forums", "date" : "11.04.2012 10:51", "author_id" : "63", "text" : "Hi,\r\n\r\n[quote]\r\nas you can see it works well for my application:\r\nhttps://phillysound.com/index.php?option=com_discussions&view=index&Itemid=261\r\n[/quote]\r\nYeah, looks good :-)\r\n\r\nBTW You should think about using SEF URLs.\r\n\r\n\r\nRegards\r\n\r\nAchim", "image1_description" : "", "forum_id" : "32", "author_name" : "Achim", "forum_name" : "Discussions J2.5 (en)" }]

Example 2:Getting a single forum post

Page 16: Chimoora - Joomla! websites on mobile devices (jwc12)

Joomla! API extension

Page 17: Chimoora - Joomla! websites on mobile devices (jwc12)

Native App

API

Live Feed Discussions Marketplace Articles

Page 18: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 19: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 20: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 21: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 22: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 23: Chimoora - Joomla! websites on mobile devices (jwc12)

Chimoora for Android

Page 24: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 25: Chimoora - Joomla! websites on mobile devices (jwc12)

Screenshots

Page 26: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 27: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 28: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 29: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 30: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 31: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 32: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 33: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 34: Chimoora - Joomla! websites on mobile devices (jwc12)
Page 35: Chimoora - Joomla! websites on mobile devices (jwc12)

http://www.youtube.com/watch?v=zql_Tu61bF0

Chimoora for Android (Preview)

Page 36: Chimoora - Joomla! websites on mobile devices (jwc12)

Coming soon on Google Play ...

Page 37: Chimoora - Joomla! websites on mobile devices (jwc12)

http://cocoate.com/2012/08/going-mobile-with-joomla

Going mobile with Joomla!

by Hagen Graf

Page 38: Chimoora - Joomla! websites on mobile devices (jwc12)

?