CiviMobile & CiviSync Mobile            Peter McAndrew             Rohit Thakral
Agenda Why to? How to? What to? Introduction to CiviMobile      What the app looks like today?      How does it work...
Who am I – Rohit ThakralRohit Thakral, Target Integration     Working with Open Source Software for last 8      years, e...
Who am I – Peter McAndrewPeter McAndrew, Third Sector Design     Working with CiviCRM for last 15 months as a      devel...
Why Mobile Compatibility?If you are still wondering why mobile compatibility then the answer is probably in your hands an...
OK I am convinced... so what do we                   do now?Two Options     Mobile App     Mobile WebThere are a numbe...
Number of mobile platforms
Mobile App or Mobile WebSource: IBM Worklight
Thats why I was saying Mobile Web                 is a good idea...It is quicker to develop as you need to know already p...
CiviMobile
More about CiviMobileA web appInitially built as a drupal module - Now an extension in progressBased on the jQueryMobil...
Where did it come from and where is                   it going?CiviMobile was born as a drupal ModuleInitially developed...
Whats under the hood?jQueryMobile framework (HTML5, jQuery)Works with any* smartphoneA Drupal module => extension
jQueryMobile compatibility A-GRADE: Apple iOS 3.2-5.0, Android 2.1-2.3,  Android 3.1 (Honeycomb), Android 4.0 (ICS),  Win...
ChallengesLearning jQueryMobile thats not just language.How you make the app useful. Which fields do you include which o...
Keeping it usefulIt soon became apparent that creating a contact with:     first name     last name     email     pho...
Profiles
Demo of the Web App...If you have a mobile device please go to:     bit.ly/civimobWell also have a look at the code and...
User Testing
Pros & ConsYou cant use any native functions of the deviceWeb app cannot work without an internet connectionAnd then th...
That’s where I thought Mobile App                will be a better idea..We could have avoided all of these problems by de...
But there is a solution...
CiviSync MobileNative App for AndroidThe app was released sometime back and was using a custom developed API by Target I...
Introduction to PhoneGapOpen Source framework for building cross-platform mobile applications with HTML, CSS, and JavaScr...
PhoneGap 2
PhoneGap 3Ability to interact with mobile device’s hardware featuresAccelerometer, Camera, Capture, Compass, Connection,...
Lets get started...Install     Download from Google Play or      www.targetintegration.comGive Access     admin/target...
ChallengesFitting it for various mobile device screen sizesPorting to Other PlatformsAPI
Questions & AnswersQUESTIONS & ANSWERS
Further interestCiviMobile is a git repository available here:     http://bit.ly/civimobilerepoCiviSync Mobile     www...
Thank you & Contact UsPeter McAndrew     petermcandrew@thirdsectordesign.org     IRC: petermcandrewRohit Thakral     ...
Questions & AnswersQUESTIONS & ANSWERS
Upcoming SlideShare
Loading in …5
×

Civi mobile & CiviSync Mobile

1,922 views

Published on

CiviSync Mobile is the new mobile app for CiviCRM which allows you to access the content on your smartphone device

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,922
On SlideShare
0
From Embeds
0
Number of Embeds
76
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Civi mobile & CiviSync Mobile

  1. 1. CiviMobile & CiviSync Mobile Peter McAndrew Rohit Thakral
  2. 2. Agenda Why to? How to? What to? Introduction to CiviMobile  What the app looks like today?  How does it work?  How to install and test?  What goes in the mix? Introduction to CiviSync Mobile  What the app looks like today?  How does it work?  How to install and test?  What goes in the mix? Challenges and Next Steps
  3. 3. Who am I – Rohit ThakralRohit Thakral, Target Integration  Working with Open Source Software for last 8 years, expert in Open Source Business Management applications. CiviCRM since 2.0  Target Integration is located in Dublin and have development office in New Delhi  Work with OpenERP, vtiger CRM and Sugar CRM
  4. 4. Who am I – Peter McAndrewPeter McAndrew, Third Sector Design  Working with CiviCRM for last 15 months as a developer  Developing CiviMobile for the last 9 months  Just Graduated from City University – Computer Science – placement degree.
  5. 5. Why Mobile Compatibility?If you are still wondering why mobile compatibility then the answer is probably in your hands and pockets.How many people here have Smart Phones and/or Tablets and Or Both?UK now has above 50% population who have smart phones ~ 30m devices
  6. 6. OK I am convinced... so what do we do now?Two Options  Mobile App  Mobile WebThere are a number of reasons to go for the mobile app and a number of others for a web app
  7. 7. Number of mobile platforms
  8. 8. Mobile App or Mobile WebSource: IBM Worklight
  9. 9. Thats why I was saying Mobile Web is a good idea...It is quicker to develop as you need to know already popular languages e.g.  HTML5  JavaScript  CSS
  10. 10. CiviMobile
  11. 11. More about CiviMobileA web appInitially built as a drupal module - Now an extension in progressBased on the jQueryMobile platformWhat features?  Event check-in  Survey  Contacts
  12. 12. Where did it come from and where is it going?CiviMobile was born as a drupal ModuleInitially developed by Kyle and XavierCiviCon 2011 and sprintsTook over and rebuilt module for Uni projectIt is now an extension which means that it is CMS and mobile agnosticBy the community, room to get involved
  13. 13. Whats under the hood?jQueryMobile framework (HTML5, jQuery)Works with any* smartphoneA Drupal module => extension
  14. 14. jQueryMobile compatibility A-GRADE: Apple iOS 3.2-5.0, Android 2.1-2.3, Android 3.1 (Honeycomb), Android 4.0 (ICS), Windows Phone 7-7.5, Blackberry 6.0, Blackberry 7, Blackberry Playbook (1.0-2.0), Palm WebOS (1.4-2.0), Palm WebOS 3.0, Firebox Mobile (10 Beta), Skyfire 4.1, Opera Mobile 11.5, Meego 1.2, Samsung bada 2.0, UC Browser, Kindle 3 and Fire, Nook Color 1.4.1, Chrome Desktop 11-17, Firefox Desktop 4-9, Internet Explorer 7-9, Opera Desktop 10-11 B-GRADE: Blackberry 5.0, Opera Mini (5.0-6.5), Nokia Symbian^3 C-GRADE: Blackberry 4.x, Windows Mobile, All older smartphone platforms and featurephones
  15. 15. ChallengesLearning jQueryMobile thats not just language.How you make the app useful. Which fields do you include which ones do you leave out
  16. 16. Keeping it usefulIt soon became apparent that creating a contact with:  first name  last name  email  phonemight not be that useful to everyone...How do you solve this?
  17. 17. Profiles
  18. 18. Demo of the Web App...If you have a mobile device please go to:  bit.ly/civimobWell also have a look at the code and structure of the app
  19. 19. User Testing
  20. 20. Pros & ConsYou cant use any native functions of the deviceWeb app cannot work without an internet connectionAnd then there are three CMS (Drupal, Joomla and WordPress)
  21. 21. That’s where I thought Mobile App will be a better idea..We could have avoided all of these problems by developing mobile apps..but problem with mobile apps is...  It will actually mean supporting at least 3 platforms  iPhone  Android  Windows Mobile  Blackberry  of course it will be expensive to develop the apps as well
  22. 22. But there is a solution...
  23. 23. CiviSync MobileNative App for AndroidThe app was released sometime back and was using a custom developed API by Target IntegrationNew CiviSync MobileWorks with the native API and hence will work out of box .......... almost ;-)
  24. 24. Introduction to PhoneGapOpen Source framework for building cross-platform mobile applications with HTML, CSS, and JavaScript
  25. 25. PhoneGap 2
  26. 26. PhoneGap 3Ability to interact with mobile device’s hardware featuresAccelerometer, Camera, Capture, Compass, Connection, Contacts, Device, Events, File, Geolocation, Media, Notification, Storage © Target Integration Ltd
  27. 27. Lets get started...Install  Download from Google Play or www.targetintegration.comGive Access  admin/target  Site Key: d56e87bb0c19a9a9bf9ad37384e07397Login
  28. 28. ChallengesFitting it for various mobile device screen sizesPorting to Other PlatformsAPI
  29. 29. Questions & AnswersQUESTIONS & ANSWERS
  30. 30. Further interestCiviMobile is a git repository available here:  http://bit.ly/civimobilerepoCiviSync Mobile  www.targetintegration.com
  31. 31. Thank you & Contact UsPeter McAndrew  petermcandrew@thirdsectordesign.org  IRC: petermcandrewRohit Thakral  rohit@targetintegration.com  www.knowledgement.ie  www.targetintegration.com
  32. 32. Questions & AnswersQUESTIONS & ANSWERS

×