際際滷

際際滷Share a Scribd company logo
Magnolia & IoT
Magnolia Conference 2015, Basel
Martin Schmid, Tech. Consultant, t8y.com Hamburg
1
t8y.com
t8y.com stands for technology.
t[echnolog]y.com
2
t8y.com, Hamburg
Based in the Atlantic House in
Hamburg, the t8y.com team is
keen on web-based technology
projects and innovative trends.
We are proud to be Magnolia
CMS partner and we endorse
JAVA as our core backend
programming language.
Regarding frontend technologies
we follow the atomic design
pattern to build state-of-the-art
responsive websites.
3
t8y.com - scope
Our scope of work:
- E-mail marketing using various systems
- Websites of medium and large complexity
- Magnolia CMS backend systems
- Server-side Java development
- Internationalization (i18n)
- Long term maintenance
- Quality Engineering / Assurance
- Technical consulting
4
Martin Schmid
Martin Schmid
Technical Consultant and Project Manager at t8y.com
gmbh in Hamburg, Germany.
Working for Tribal, DDBTribal and t8y.com since 2008 and
developed Magnolia CMS websites for Volkswagen,
Montblanc and REWE; pitches and migration projects.
Currently Im leading the system environment migration
and website project development of REWE -- one of the
biggest Supermarkets in Germany and one of the
successfullest online shops for foods.
5
IoT
6
Definition of IoT
 Represents real things in the virtual world
 things communicate by themselves w/o interaction of humans
 things interact indipendently
 to support users instead the need of user attention
7
History of IoT
 IoT walk into life many years ago:
8
Trojan Room coffee pot
-- The coffee is the thing --
 Sent coffee pot fillig level over
network
 University of Cambridge
 1991 via LAN, RPC
(Client/Server)
 1993 via Browser & Intenet
 standardized transfer protocol :)
 Ref: RFC 2324 Hyper Text
Coffee Pot Control Protocol
(HTCPCP/1.0)
 http://tools.ietf.
org/html/rfc2324
Photo: http://de.wikipedia.org/wiki/Trojan-Room-Kaffeemaschine
9
Parcel Service
-- The parcel is the
thing --
 Parcel send status
of delivery
 Technology:
barcode & scanner
 Recipient get
information by email
and website.
10
iBeacons
11
Tagging and geolocate
 flexible setting own trigger
points by geolocation
service
 GPS is not always
probable, because its not
available indoor
 short range location
service
 iBeacons
 RFID...
 iBeacons:
 send UUID
 use Bluetooth LE
 consumer must know
UUID of beacon
12
geolocate w/ iBeacons: guides
-- The POI is the thing --
 Travel Guide
 Download App on
mobile device
 Preload content
 Palma de Mallorca
 Walking on Words
combines iBeacons
and QR Code
Photo: Palma de Mallorca Camins de Cultura, by Martin Schmid
13
iBeacons
 pro:
 easy to install
 easy to run
 favorable price
 con:
 need BLE phone (iPhones: 4c..6, latest Androids)
 2 years runtime not always reached, some batteries run low after a
few months
 weather conditions and objects reduce range
14
Tagging and geolocate: games
-- The location is the thing --
 DUS Open Playground
 t8y.com paper chase
 location based gaming
across the D端sseldorf main
station
 indoor navigation and push
messages
Photo: DUS Open Playground, by Martin Schmid
15
DUS Open Playground
- Project initialized by Str旦er (out-of-home advertising)
- D端sseldorf train station covered with iBeacons
16
DUS Open Playground -
laout plan iBeacons (lower floor)
17
DUS Open Playground -
laout plan iBeacons (platforms)
18
DUS Open Playground -
iBeacons integrated in billboards
19
DUS Open Playground
- The motto: added value through connection virtual and real life
20
Open Playground - Ideas
The ideas:
- find mate ("wait or date)
- indoor navigation on moving persons
- find shop
- indoor navigation map,
- show the path to store, send discount voucher etc.
- timetable
- train delay
- time need to go to platform
- Schnitzeljagd (paper chase)
- game across the station
21
Open Playground - Paper Chase
Schnitzeljagd (paper chase):
- Users get a set of caches across the D端sseldorf main train station.
- After finding a cache, the user receives a multiple choice quiz.
- The time between finding caches and the time taken to solve the questions
are part of the score.
- Once the user solved a quiz, she or he will be send to find the next cache.
- Daily Highscore
22
Open Playground - Paper Chase
- The setup:
- an android app with iBeacon capabilities
- Magnolia for managing beacons, positions and app content.
- REST API (Json) enables communication between the app and
Magnolia.
23
t8y.com & DUS Open Playground
Field test.
24
t8y.com & DUS Open Playground
We started with a final update of our
test app.
25
t8y.com & DUS Open Playground
Homescreen
26
Paper Chase - Field Test
Set severity level.
27
Paper Chase - Field Test
Search for a cache.
28
Paper Chase - Field Test
Found the cache.
29
Paper Chase - Field Test
The Quiz.
30
Paper Chase - Field Test
The Quiz (2).
31
Paper Chase - Field Test
Paper Chase - Video.
32
Paper Chase - Field Test
Learnings
- some iBeacons are not available or
have very short range
- some trigger points commit other
UUIDs
- beacon send intervall can be
relative long
- Content operators must be able to
switch beacons and beacon
positions easily, as it is not
guaranteed that iBeacons work
over an extended period of time.
33
Paper Chase - Backend
The Backend is based on the Magnolia CMS 5.3.3 CE (Autumn 2014).
34
Paper Chase - Backend - iBeacons
35
Paper Chase - Backend - iBeacons
36
Paper Chase - Backend - iBeacons
37
Paper Chase - Backend - Caches
38
Paper Chase - Backend - Caches
39
Paper Chase - Backend - Caches
40
Paper Chase - Backend - JSON API
41
fetch beacons
Paper Chase - Backend - JSON API
42
fetch questions
Paper Chase - Backend - JSON API
43
highscore
Technology Stack
The web-based Admin Console use
- Magnolia CMS 5.3.3 CE
- Magnolia Blossom
- Spring 4.0.6
- Apache Commons
- The Application Container is based on
- Tomcat 7 sowie die
- Java Runtime 7.
The Android app is based on SDK API Level 19 (Android 4.4.2)
- Successfully tested with Samsung S4 and Google Nexus 4
44
IoT bei t8y.com
Conclusion
iBeacons are a valuable support for indoor navigation. The technology works
globally in public and closed areas, like
- railway stations, bus stops
- airports,
- shopping areas and malls,
- city guides
- museum
Combined with a dedicated app, which must be installed on the mobile device,
iBeacons will become an added value.
45
Q/A
46
Martin Schmid
Contact: t8y.com gmbh, Hamburg, Germany
mobile: +49 178 500 42 07
mail: martin.schmid@t8y.com
hangout: mn.schmid@gmail.com
XING: https://www.xing.com/profile/Martin_Schmid4
47
Vielen Dank!
Thank you!
48

More Related Content

Magnolia and the IOT

  • 1. Magnolia & IoT Magnolia Conference 2015, Basel Martin Schmid, Tech. Consultant, t8y.com Hamburg 1
  • 2. t8y.com t8y.com stands for technology. t[echnolog]y.com 2
  • 3. t8y.com, Hamburg Based in the Atlantic House in Hamburg, the t8y.com team is keen on web-based technology projects and innovative trends. We are proud to be Magnolia CMS partner and we endorse JAVA as our core backend programming language. Regarding frontend technologies we follow the atomic design pattern to build state-of-the-art responsive websites. 3
  • 4. t8y.com - scope Our scope of work: - E-mail marketing using various systems - Websites of medium and large complexity - Magnolia CMS backend systems - Server-side Java development - Internationalization (i18n) - Long term maintenance - Quality Engineering / Assurance - Technical consulting 4
  • 5. Martin Schmid Martin Schmid Technical Consultant and Project Manager at t8y.com gmbh in Hamburg, Germany. Working for Tribal, DDBTribal and t8y.com since 2008 and developed Magnolia CMS websites for Volkswagen, Montblanc and REWE; pitches and migration projects. Currently Im leading the system environment migration and website project development of REWE -- one of the biggest Supermarkets in Germany and one of the successfullest online shops for foods. 5
  • 7. Definition of IoT Represents real things in the virtual world things communicate by themselves w/o interaction of humans things interact indipendently to support users instead the need of user attention 7
  • 8. History of IoT IoT walk into life many years ago: 8
  • 9. Trojan Room coffee pot -- The coffee is the thing -- Sent coffee pot fillig level over network University of Cambridge 1991 via LAN, RPC (Client/Server) 1993 via Browser & Intenet standardized transfer protocol :) Ref: RFC 2324 Hyper Text Coffee Pot Control Protocol (HTCPCP/1.0) http://tools.ietf. org/html/rfc2324 Photo: http://de.wikipedia.org/wiki/Trojan-Room-Kaffeemaschine 9
  • 10. Parcel Service -- The parcel is the thing -- Parcel send status of delivery Technology: barcode & scanner Recipient get information by email and website. 10
  • 12. Tagging and geolocate flexible setting own trigger points by geolocation service GPS is not always probable, because its not available indoor short range location service iBeacons RFID... iBeacons: send UUID use Bluetooth LE consumer must know UUID of beacon 12
  • 13. geolocate w/ iBeacons: guides -- The POI is the thing -- Travel Guide Download App on mobile device Preload content Palma de Mallorca Walking on Words combines iBeacons and QR Code Photo: Palma de Mallorca Camins de Cultura, by Martin Schmid 13
  • 14. iBeacons pro: easy to install easy to run favorable price con: need BLE phone (iPhones: 4c..6, latest Androids) 2 years runtime not always reached, some batteries run low after a few months weather conditions and objects reduce range 14
  • 15. Tagging and geolocate: games -- The location is the thing -- DUS Open Playground t8y.com paper chase location based gaming across the D端sseldorf main station indoor navigation and push messages Photo: DUS Open Playground, by Martin Schmid 15
  • 16. DUS Open Playground - Project initialized by Str旦er (out-of-home advertising) - D端sseldorf train station covered with iBeacons 16
  • 17. DUS Open Playground - laout plan iBeacons (lower floor) 17
  • 18. DUS Open Playground - laout plan iBeacons (platforms) 18
  • 19. DUS Open Playground - iBeacons integrated in billboards 19
  • 20. DUS Open Playground - The motto: added value through connection virtual and real life 20
  • 21. Open Playground - Ideas The ideas: - find mate ("wait or date) - indoor navigation on moving persons - find shop - indoor navigation map, - show the path to store, send discount voucher etc. - timetable - train delay - time need to go to platform - Schnitzeljagd (paper chase) - game across the station 21
  • 22. Open Playground - Paper Chase Schnitzeljagd (paper chase): - Users get a set of caches across the D端sseldorf main train station. - After finding a cache, the user receives a multiple choice quiz. - The time between finding caches and the time taken to solve the questions are part of the score. - Once the user solved a quiz, she or he will be send to find the next cache. - Daily Highscore 22
  • 23. Open Playground - Paper Chase - The setup: - an android app with iBeacon capabilities - Magnolia for managing beacons, positions and app content. - REST API (Json) enables communication between the app and Magnolia. 23
  • 24. t8y.com & DUS Open Playground Field test. 24
  • 25. t8y.com & DUS Open Playground We started with a final update of our test app. 25
  • 26. t8y.com & DUS Open Playground Homescreen 26
  • 27. Paper Chase - Field Test Set severity level. 27
  • 28. Paper Chase - Field Test Search for a cache. 28
  • 29. Paper Chase - Field Test Found the cache. 29
  • 30. Paper Chase - Field Test The Quiz. 30
  • 31. Paper Chase - Field Test The Quiz (2). 31
  • 32. Paper Chase - Field Test Paper Chase - Video. 32
  • 33. Paper Chase - Field Test Learnings - some iBeacons are not available or have very short range - some trigger points commit other UUIDs - beacon send intervall can be relative long - Content operators must be able to switch beacons and beacon positions easily, as it is not guaranteed that iBeacons work over an extended period of time. 33
  • 34. Paper Chase - Backend The Backend is based on the Magnolia CMS 5.3.3 CE (Autumn 2014). 34
  • 35. Paper Chase - Backend - iBeacons 35
  • 36. Paper Chase - Backend - iBeacons 36
  • 37. Paper Chase - Backend - iBeacons 37
  • 38. Paper Chase - Backend - Caches 38
  • 39. Paper Chase - Backend - Caches 39
  • 40. Paper Chase - Backend - Caches 40
  • 41. Paper Chase - Backend - JSON API 41 fetch beacons
  • 42. Paper Chase - Backend - JSON API 42 fetch questions
  • 43. Paper Chase - Backend - JSON API 43 highscore
  • 44. Technology Stack The web-based Admin Console use - Magnolia CMS 5.3.3 CE - Magnolia Blossom - Spring 4.0.6 - Apache Commons - The Application Container is based on - Tomcat 7 sowie die - Java Runtime 7. The Android app is based on SDK API Level 19 (Android 4.4.2) - Successfully tested with Samsung S4 and Google Nexus 4 44
  • 45. IoT bei t8y.com Conclusion iBeacons are a valuable support for indoor navigation. The technology works globally in public and closed areas, like - railway stations, bus stops - airports, - shopping areas and malls, - city guides - museum Combined with a dedicated app, which must be installed on the mobile device, iBeacons will become an added value. 45
  • 47. Martin Schmid Contact: t8y.com gmbh, Hamburg, Germany mobile: +49 178 500 42 07 mail: martin.schmid@t8y.com hangout: mn.schmid@gmail.com XING: https://www.xing.com/profile/Martin_Schmid4 47