civi mobile & civisync mobile

Click here to load reader

Download Civi mobile & CiviSync Mobile

Post on 24-Jun-2015




1 download

Embed Size (px)


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


  • 1. CiviMobile & CiviSync MobilePeter McAndrew Rohit Thakral

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. Who am I Rohit ThakralRohit Thakral, Target Integration Working with Open Source Software for last 8years, expert in Open Source BusinessManagement applications. CiviCRM since 2.0 Target Integration is located in Dublin andhave development office in New Delhi Work with OpenERP, vtiger CRM and SugarCRM 4. Who am I Peter McAndrewPeter McAndrew, Third Sector Design Working with CiviCRM for last 15 months as adeveloper Developing CiviMobile for the last 9 months Just Graduated from City University Computer Science placement degree. 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. OK I am convinced... so what do we do now?Two Options Mobile App Mobile WebThere are a number of reasons to go for the mobile app and a number of others for a web app 7. Number of mobile platforms 8. Mobile App or Mobile WebSource: IBM Worklight 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. CiviMobile 11. More about CiviMobileA web appInitially built as a drupal module - Now an extension in progressBased on the jQueryMobile platformWhat features? Event check-in Survey Contacts 12. Where did it come from and where is it going?CiviMobile was born as a drupal ModuleInitially developed by Kyle and XavierCiviCon 2011 and sprintsTook over and rebuilt module for Uni projectIt is now an extension which means that it is CMS and mobile agnosticBy the community, room to get involved 13. Whats under the hood?jQueryMobile framework (HTML5, jQuery)Works with any* smartphoneA Drupal module => extension 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, Blackberry7, Blackberry Playbook (1.0-2.0), Palm WebOS(1.4-2.0), Palm WebOS 3.0, Firebox Mobile (10Beta), Skyfire 4.1, Opera Mobile 11.5, Meego 1.2,Samsung bada 2.0, UC Browser, Kindle 3 andFire, Nook Color 1.4.1, Chrome Desktop 11-17,Firefox Desktop 4-9, Internet Explorer 7-9, OperaDesktop 10-11 B-GRADE: Blackberry 5.0, Opera Mini (5.0-6.5),Nokia Symbian^3 C-GRADE: Blackberry 4.x, Windows Mobile, Allolder smartphone platforms and featurephones 15. ChallengesLearning jQueryMobile thats not just language.How you make the app useful. Which fields do you include which ones do you leave out 16. Keeping it usefulIt soon became apparent that creating a contact with: first name last name email phonemight not be that useful to everyone...How do you solve this? 17. Profiles 18. Demo of the Web App...If you have a mobile device please go to: also have a look at the code and structure of the app 19. User Testing 20. Pros & ConsYou cant use any native functions of the deviceWeb app cannot work without an internet connectionAnd then there are three CMS (Drupal, Joomla and WordPress) 21. Thats where I thought Mobile Appwill 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 3platforms iPhone Android Windows Mobile Blackberry of course it will be expensive to develop theapps as well 22. But there is a solution... 23. CiviSync MobileNative App for AndroidThe app was released sometime back and was using a custom developed API by Target IntegrationNew CiviSync MobileWorks with the native API and hence will work out of box .......... almost ;-) 24. Introduction to PhoneGapOpen Source framework for building cross-platform mobile applications with HTML, CSS, and JavaScript 25. PhoneGap 2 26. PhoneGap 3Ability to interact with mobile devices hardware featuresAccelerometer, Camera, Capture, Compass, Connection, Contacts, Device, Events, File, Geolocation, Media, Notification, Storage Target Integration Ltd 27. Lets get started...Install Download from Google Play orwww.targetintegration.comGive Access admin/target Site Key:d56e87bb0c19a9a9bf9ad37384e07397Login 28. ChallengesFitting it for various mobile device screen sizesPorting to Other PlatformsAPI 29. Questions & AnswersQUESTIONS & ANSWERS 30. Further interestCiviMobile is a git repository available here: Mobile 31. Thank you & Contact UsPeter McAndrew IRC: petermcandrewRohit Thakral 32. Questions & AnswersQUESTIONS & ANSWERS