seamless inter operability of mobility and web using
play

Seamless inter-operability of mobility and web using Drupal - PowerPoint PPT Presentation

Seamless inter-operability of mobility and web using Drupal Introductions Problem Challenges The Solution How its done? Live demo The future Introductions Melvin & A Azhan Si Singapore Management Un University ty (SMU) U)


  1. Seamless inter-operability of mobility and web using Drupal

  2. Introductions Problem Challenges The Solution How it’s done? Live demo The future

  3. Introductions Melvin & A Azhan Si Singapore Management Un University ty (SMU) U)

  4. Introductions The team

  5. Introductions SMU Quick Facts

  6. SMU Quick Facts Es Established ed in in January 2000 2000 Al Almost 10,000 undergrad aduat ates & postgrad aduat ates 50 50% % international po postgraduate st students s fr from 34 co countries 11% 11% internation onal undergraduate st students s from 25 25 co countries Ov Over 14, 14,000 000 al alumni

  7. SMU & Drupal Started D Drupal - 20 2013 13 40 40-50 50 ac activ ive webmas asters Ov Over 100 Drupal-ba based d sites

  8. Office of Global Learning

  9. The Global Exchange App

  10. The problem Mobile App to improve comms accessibility to & notification of important information

  11. Challenges works without internet access single source of content simple content management automatic content sync notification of urgent advisories

  12. Possible Solutions FrontEnd: Native Mobile App BackEnd: Evernote-ish? WordPress? Drupal?

  13. The Solution FrontEnd: Native Mobile App BackEnd: Evernote-ish? WordPress? Dr Drupal al

  14. How it works

  15. Apple App Store Google play store

  16. How is it done?

  17. Backend – Drupal modules VIEWS, VIEWS UI, CTOOLS, TOKEN, LIBRARIES SERVICES, REST SERVER, SERVICES VIEWS, SERVICES MENU DRUPAL

  18. Structure > Services > Add+

  19. Structure > Services > Server

  20. Structure > Services > Auth

  21. Structure > Services > Resources

  22. The Drupal site

  23. Drupal node (normal view)

  24. Drupal node (normal view)

  25. Drupal node as JSON feed

  26. Exporting the Main menu

  27. Drupal menu as JSON feed

  28. Drupal with iOS and Android

  29. Consuming JSON feed Main Menu SUB Menu Content

  30. Consuming JSON feed Node 871 https://www.smu.edu.sg/global/mobile/node/871

  31. Consuming JSON feed Node 871 https://www.smu.edu.sg/global/mobile/node/871

  32. JSON Field ‘safe_value’

  33. Relative Path and Base URL Base URL <img src=" https://www.smu.edu.sg /global/sites/smu.edu.sg.global/files/ oglmobile/Outbound/DuringExchange/Outgoing-DuringExchange-a-1.jpg ”>

  34. Consuming JSON feed on iOS

  35. Consuming JSON feed on Android

  36. JSON feed on native WebView

  37. Offline Caching

  38. Offline Caching Image HTML Text

  39. Push Notifications

  40. Push Notifications - Channels Outbound SMU students visiting overseas Universities Region Inbound Overseas students visiting SMU Country University

  41. Push Notifications using Parse

  42. Live Demo

  43. The Future of inter-operability

  44. Opportunities, Resources More “E “Evernote-like” a ” apps “S “Save” ” a w website offline Other s sessions “The N New Mob obile W Web Tr Trinity” -ca callahad

  45. Thank You! Email us: nextweb@smu.edu.sg

  46. asia2016.drupal.org/sched ule asia2016.drupal.org/schedule

Recommend


More recommend