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

▶
seamless inter operability of mobility and web using
SMART_READER_LITE
LIVE PREVIEW

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

Jan 01, 2023 7 likes •529 views

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)

slide-1
SLIDE 1
slide-2
SLIDE 2

Seamless inter-operability of mobility and web using Drupal

slide-3
SLIDE 3

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

slide-4
SLIDE 4

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

Introductions

slide-5
SLIDE 5

Introductions

The team

slide-6
SLIDE 6

Introductions

SMU Quick Facts

slide-7
SLIDE 7

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

  • nal undergraduate st

students s from 25 25 co countries Ov Over 14, 14,000 000 al alumni

slide-8
SLIDE 8

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

SMU & Drupal

slide-9
SLIDE 9

Office of Global Learning

slide-10
SLIDE 10
slide-11
SLIDE 11

The Global Exchange App

slide-12
SLIDE 12

The problem

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

slide-13
SLIDE 13

Challenges

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

slide-14
SLIDE 14

Possible Solutions

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

slide-15
SLIDE 15

The Solution

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

slide-16
SLIDE 16

How it works

slide-17
SLIDE 17

Apple App Store Google play store

slide-18
SLIDE 18
slide-19
SLIDE 19
slide-20
SLIDE 20
slide-21
SLIDE 21
slide-22
SLIDE 22

How is it done?

slide-23
SLIDE 23

Backend – Drupal modules

DRUPAL

SERVICES, REST SERVER, SERVICES VIEWS, SERVICES MENU VIEWS, VIEWS UI, CTOOLS, TOKEN, LIBRARIES

slide-24
SLIDE 24

Structure > Services > Add+

slide-25
SLIDE 25

Structure > Services > Server

slide-26
SLIDE 26

Structure > Services > Auth

slide-27
SLIDE 27

Structure > Services > Resources

slide-28
SLIDE 28

The Drupal site

slide-29
SLIDE 29

Drupal node (normal view)

slide-30
SLIDE 30

Drupal node (normal view)

slide-31
SLIDE 31

Drupal node as JSON feed

slide-32
SLIDE 32

Exporting the Main menu

slide-33
SLIDE 33

Drupal menu as JSON feed

slide-34
SLIDE 34

Drupal with iOS and Android

slide-35
SLIDE 35

Consuming JSON feed

Main Menu SUB Menu Content

slide-36
SLIDE 36

Consuming JSON feed

Node 871

https://www.smu.edu.sg/global/mobile/node/871

slide-37
SLIDE 37

Consuming JSON feed

Node 871

https://www.smu.edu.sg/global/mobile/node/871

slide-38
SLIDE 38

JSON Field ‘safe_value’

slide-39
SLIDE 39

Relative Path and Base URL

<img src="https://www.smu.edu.sg/global/sites/smu.edu.sg.global/files/

  • glmobile/Outbound/DuringExchange/Outgoing-DuringExchange-a-1.jpg”>

Base URL

slide-40
SLIDE 40

Consuming JSON feed on iOS

slide-41
SLIDE 41

Consuming JSON feed on Android

slide-42
SLIDE 42

JSON feed on native WebView

slide-43
SLIDE 43

Offline Caching

slide-44
SLIDE 44

Offline Caching

Image HTML Text

slide-45
SLIDE 45

Push Notifications

slide-46
SLIDE 46

Push Notifications - Channels

Region Country University Outbound

SMU students visiting

  • verseas Universities

Inbound

Overseas students visiting SMU

slide-47
SLIDE 47

Push Notifications using Parse

slide-48
SLIDE 48

Live Demo

slide-49
SLIDE 49

The Future

  • f inter-operability
slide-50
SLIDE 50

Opportunities, Resources

More “E “Evernote-like” a ” apps “S “Save” ” a w website offline Other s sessions “The N New Mob

  • bile W

Web Tr Trinity” -ca callahad

slide-51
SLIDE 51

Thank You!

Email us: nextweb@smu.edu.sg

slide-52
SLIDE 52

asia2016.drupal.org/sched ule

asia2016.drupal.org/schedule