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 it’s done? Live demo The future

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

Introductions The team

Introductions SMU Quick Facts

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

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

Office of Global Learning

The Global Exchange App

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

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

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

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

How it works

Apple App Store Google play store

How is it done?

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

Structure > Services > Add+

Structure > Services > Server

Structure > Services > Auth

Structure > Services > Resources

The Drupal site

Drupal node (normal view)

Drupal node (normal view)

Drupal node as JSON feed

Exporting the Main menu

Drupal menu as JSON feed

Drupal with iOS and Android

Consuming JSON feed Main Menu SUB Menu Content

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

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

JSON Field ‘safe_value’

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 ”>

Consuming JSON feed on iOS

Consuming JSON feed on Android

JSON feed on native WebView

Offline Caching

Offline Caching Image HTML Text

Push Notifications

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

Push Notifications using Parse

Live Demo

The Future of inter-operability

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

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

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