Successfully reported this slideshow.

Making mobile apps with Drupal data

1,117 views

Published on

Get an insight of our development process when we were asked to contribute to the Drupal Government Days building an app for iPhone and Android loaded with Drupal driven data

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Making mobile apps with Drupal data

  1. 1. Making Drupal and mobile<br />appswork together<br />
  2. 2. Bart Gysens<br />Cmo – Marketing<br />eGovernment / vzw<br />Mobile development<br />bart.gysens@anaxis.be<br />Online: wadje12<br />me<br />2 / <br />anaXis<br />Welcome – who am I?<br />
  3. 3. What we do?<br />3<br />anaXis<br />
  4. 4. What we do?<br />4<br />anaXis<br />
  5. 5. App vs Mobile site<br />basics<br />5 / <br />Question: build an app with drupal data<br />
  6. 6. Platforms?<br />basics<br />6 / <br />Question: build an app with drupal data<br />
  7. 7. Development vs Budget<br /><ul><li>programming cost and time
  8. 8. scope of project
  9. 9. used technology
  10. 10. deployment and maintenance rapidness
  11. 11. smiling customer</li></ul>basics<br />7 / <br />Question: build an app with drupal data<br />
  12. 12. Development vs Budget<br /><ul><li>programming cost and time
  13. 13. scope of project
  14. 14. used technology
  15. 15. deployment and maintenance rapidness
  16. 16. smiling customer</li></ul>basics<br />8 / <br />Question: build an app with drupal data<br />2 weeks top needed<br />fordevelopment<br />1 week forrevision<br />1 week fordeployment<br />
  17. 17. Development vs Budget<br /><ul><li>programming cost and time
  18. 18. scope of project
  19. 19. used technology
  20. 20. deployment and maintenance rapidness
  21. 21. smiling customer</li></ul>basics<br />9 / <br />Question: build an app with drupal data<br />
  22. 22. Development vs Budget<br /><ul><li>programming cost and time
  23. 23. scope of project
  24. 24. used technology
  25. 25. deployment and maintenance rapidness
  26. 26. smiling customer</li></ul>basics<br />10 / <br />Question: build an app with drupal data<br />
  27. 27. Development vs Budget<br /><ul><li>programming cost and time
  28. 28. scope of project
  29. 29. used technology
  30. 30. deployment and maintenance rapidness
  31. 31. smiling customer</li></ul>basics<br />11 / <br />Question: build an app with drupal data<br />framework<br />or<br />native development<br />
  32. 32. Development vs Budget<br /><ul><li>programming cost and time
  33. 33. scope of project
  34. 34. used technology
  35. 35. deployment and maintenance rapidness
  36. 36. smiling customer</li></ul>basics<br />12 / <br />Question: build an app with drupal data<br />
  37. 37. Development vs Budget<br /><ul><li>programming cost and time
  38. 38. scope of project
  39. 39. used technology
  40. 40. deployment and maintenance rapidness
  41. 41. smiling customer</li></ul>basics<br />13 / <br />Question: build an app with drupal data<br />Open Source<br />Cheap (read: free)<br />Knowncodingstandards<br />Knownprogrammingstandards & code<br />Great community & broadintegration level<br />1 size fits all & “hey itfills are needs, so ok!”<br />
  42. 42. Development vs Budget<br /><ul><li>programming cost and time
  43. 43. scope of project
  44. 44. used technology
  45. 45. deployment and maintenance rapidness
  46. 46. smiling customer</li></ul>basics<br />14 / <br />Question: build an app with drupal data<br />iStore : check!<br />Android market: check!<br />easy update deployment: check!<br />
  47. 47. Development vs Budget<br /><ul><li>programming cost and time
  48. 48. scope of project
  49. 49. used technology
  50. 50. deployment and maintenance rapidness
  51. 51. smiling customer</li></ul>basics<br />15 / <br />Question: build an app with drupal data<br />check!<br />
  52. 52. XML – data exchange: 1 file vs partial data<br />data<br />16 / <br />Pieces of the puzzle<br />
  53. 53. Asynchronous data retrieval<br />data<br />17 / <br />Pieces of the puzzle<br />
  54. 54. Caching & low size graphics<br />speed<br />18 / <br />Pieces of the puzzle<br />!!!<br />
  55. 55. App business logic<br /><ul><li>launch app
  56. 56. load initial data (user and data versions vs cache)
  57. 57. parse data
  58. 58. start GUI
  59. 59. when in module load necessary data
  60. 60. parse data when asked and cache result
  61. 61. check live data when asked (almost zero)
  62. 62. cache all graphics (avatars)</li></ul>processes<br />19 / <br />Build and deploy<br />
  63. 63. Titanium - appCellerator<br />interface GUI development<br />20 / <br />Build and deploy<br />
  64. 64. Essentials!<br />these you really need<br />21 / <br />Build and deploy<br />
  65. 65. Javascript rules<br />programming language<br />22 / <br />Build and deploy<br />
  66. 66. app.js<br />23 / <br />Build and deploy<br />Setting variables<br />Building the tabs<br />
  67. 67. app.js<br />24 / <br />Build and deploy<br />Get the data and check online status<br />
  68. 68. app.js<br />25 / <br />Build and deploy<br />Ifnetwork load else handle being offline<br />
  69. 69. attendees.js<br />26 / <br />Build and deploy<br />How the attendees are handled<br />
  70. 70. attendees.js<br />27 / <br />Build and deploy<br />How the attendees are handled<br />
  71. 71. shown iPhone emulator<br />test your application<br />28 / <br />Build and deploy<br />
  72. 72. Easy<br />as<br />clicking<br />distributing<br />29 / <br />Build and deploy<br />
  73. 73. Done!<br />distributing<br />30 / <br />Build and deploy<br />
  74. 74. Bart Gysens<br />Cmo – Marketing<br />eGovernment / vzw<br />Mobile development<br />bart.gysens@anaxis.be<br />Online: wadje12<br />finally<br />31 / <br />Building an app with Titanium & Drupal<br />Questions?<br />

×