SlideShare 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 I’m 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 it’s 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
UUID’s
- 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

What's hot

Network LACP/Bonding/Teaming with Mikrotik
Network LACP/Bonding/Teaming with MikrotikNetwork LACP/Bonding/Teaming with Mikrotik
Network LACP/Bonding/Teaming with Mikrotik
GLC Networks
 
BGP on RouterOS7 -Part 1
BGP on RouterOS7 -Part 1BGP on RouterOS7 -Part 1
BGP on RouterOS7 -Part 1
GLC Networks
 
MPLS on Router OS V7 - Part 1
MPLS on Router OS V7 - Part 1MPLS on Router OS V7 - Part 1
MPLS on Router OS V7 - Part 1
GLC Networks
 
Mikrotik IP Settings For Performance and Security
Mikrotik IP Settings For Performance and SecurityMikrotik IP Settings For Performance and Security
Mikrotik IP Settings For Performance and Security
GLC Networks
 
Radio Optimization In Telco - Part 1
Radio Optimization In Telco - Part 1Radio Optimization In Telco - Part 1
Radio Optimization In Telco - Part 1
GLC Networks
 
Network Simulation - Prague 2015
Network Simulation - Prague 2015Network Simulation - Prague 2015
Network Simulation - Prague 2015
Wardner Maia
 

What's hot (6)

Network LACP/Bonding/Teaming with Mikrotik
Network LACP/Bonding/Teaming with MikrotikNetwork LACP/Bonding/Teaming with Mikrotik
Network LACP/Bonding/Teaming with Mikrotik
 
BGP on RouterOS7 -Part 1
BGP on RouterOS7 -Part 1BGP on RouterOS7 -Part 1
BGP on RouterOS7 -Part 1
 
MPLS on Router OS V7 - Part 1
MPLS on Router OS V7 - Part 1MPLS on Router OS V7 - Part 1
MPLS on Router OS V7 - Part 1
 
Mikrotik IP Settings For Performance and Security
Mikrotik IP Settings For Performance and SecurityMikrotik IP Settings For Performance and Security
Mikrotik IP Settings For Performance and Security
 
Radio Optimization In Telco - Part 1
Radio Optimization In Telco - Part 1Radio Optimization In Telco - Part 1
Radio Optimization In Telco - Part 1
 
Network Simulation - Prague 2015
Network Simulation - Prague 2015Network Simulation - Prague 2015
Network Simulation - Prague 2015
 

Similar to Magnolia and the IOT

Dipak_Desai_Resume
Dipak_Desai_ResumeDipak_Desai_Resume
Dipak_Desai_Resume
notoha
 
ICON Smart Contract Development
ICON Smart Contract DevelopmentICON Smart Contract Development
ICON Smart Contract Development
ICON Foundation
 
Simplifying and Future-Proofing Hadoop
Simplifying and Future-Proofing HadoopSimplifying and Future-Proofing Hadoop
Simplifying and Future-Proofing Hadoop
Precisely
 
#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...
#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...
#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...
Agile Testing Alliance
 
mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...
mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...
mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...
geoff stead
 
Devoxx 2015 - Building the Internet of Things with Eclipse IoT
Devoxx 2015 - Building the Internet of Things with Eclipse IoTDevoxx 2015 - Building the Internet of Things with Eclipse IoT
Devoxx 2015 - Building the Internet of Things with Eclipse IoT
Benjamin Cabé
 
DECK36 - Log everything! and Realtime Datastream Analytics with Storm
DECK36 - Log everything! and Realtime Datastream Analytics with StormDECK36 - Log everything! and Realtime Datastream Analytics with Storm
DECK36 - Log everything! and Realtime Datastream Analytics with Storm
Mike Lohmann
 
Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16
Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16
Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16
AppDynamics
 
Gerardo Carmona Embedded Engineer
Gerardo Carmona Embedded EngineerGerardo Carmona Embedded Engineer
Gerardo Carmona Embedded Engineer
Gerardo Carmona Ruiz
 
Embedded system & IoT Course | certification Program | Learn and Build
Embedded system & IoT Course | certification Program | Learn and BuildEmbedded system & IoT Course | certification Program | Learn and Build
Embedded system & IoT Course | certification Program | Learn and Build
Learn and Build
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009
Tom Deryckere
 
IPv6 with Mikrotik
IPv6 with MikrotikIPv6 with Mikrotik
IPv6 with Mikrotik
GLC Networks
 
webthing-iotjs-20181027rzr
webthing-iotjs-20181027rzrwebthing-iotjs-20181027rzr
webthing-iotjs-20181027rzr
Phil www.rzr.online.fr
 
Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...
Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...
Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...
Jonathan Barton
 
Distributed Development of IoT Middleware with Microservices
Distributed Development of IoT Middleware with MicroservicesDistributed Development of IoT Middleware with Microservices
Distributed Development of IoT Middleware with Microservices
Mario Kušek
 
FIWARE Tech Summit - FIWARE-based Smart City Platforms
FIWARE Tech Summit - FIWARE-based Smart City PlatformsFIWARE Tech Summit - FIWARE-based Smart City Platforms
FIWARE Tech Summit - FIWARE-based Smart City Platforms
FIWARE
 
The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)
The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)
The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)
François
 
Matrix.org decentralised communication, Matthew Hodgson, TADSummit
Matrix.org decentralised communication, Matthew Hodgson, TADSummitMatrix.org decentralised communication, Matthew Hodgson, TADSummit
Matrix.org decentralised communication, Matthew Hodgson, TADSummit
Alan Quayle
 
Securing IoT Applications
Securing IoT Applications Securing IoT Applications
Securing IoT Applications
WSO2
 
E2E Services using Cloud Visitation Platforms
E2E Services using Cloud Visitation PlatformsE2E Services using Cloud Visitation Platforms
E2E Services using Cloud Visitation Platforms
Tokyo University of Science
 

Similar to Magnolia and the IOT (20)

Dipak_Desai_Resume
Dipak_Desai_ResumeDipak_Desai_Resume
Dipak_Desai_Resume
 
ICON Smart Contract Development
ICON Smart Contract DevelopmentICON Smart Contract Development
ICON Smart Contract Development
 
Simplifying and Future-Proofing Hadoop
Simplifying and Future-Proofing HadoopSimplifying and Future-Proofing Hadoop
Simplifying and Future-Proofing Hadoop
 
#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...
#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...
#Interactive Session by Kirti Ranjan Satapathy and Nandini K, "Elements of Qu...
 
mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...
mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...
mLearnCon 2014 Featured Session: How Emerging Mobile Technologies Are Redefin...
 
Devoxx 2015 - Building the Internet of Things with Eclipse IoT
Devoxx 2015 - Building the Internet of Things with Eclipse IoTDevoxx 2015 - Building the Internet of Things with Eclipse IoT
Devoxx 2015 - Building the Internet of Things with Eclipse IoT
 
DECK36 - Log everything! and Realtime Datastream Analytics with Storm
DECK36 - Log everything! and Realtime Datastream Analytics with StormDECK36 - Log everything! and Realtime Datastream Analytics with Storm
DECK36 - Log everything! and Realtime Datastream Analytics with Storm
 
Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16
Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16
Getting More Out of the Node.js, PHP, and Python Agents - AppSphere16
 
Gerardo Carmona Embedded Engineer
Gerardo Carmona Embedded EngineerGerardo Carmona Embedded Engineer
Gerardo Carmona Embedded Engineer
 
Embedded system & IoT Course | certification Program | Learn and Build
Embedded system & IoT Course | certification Program | Learn and BuildEmbedded system & IoT Course | certification Program | Learn and Build
Embedded system & IoT Course | certification Program | Learn and Build
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009
 
IPv6 with Mikrotik
IPv6 with MikrotikIPv6 with Mikrotik
IPv6 with Mikrotik
 
webthing-iotjs-20181027rzr
webthing-iotjs-20181027rzrwebthing-iotjs-20181027rzr
webthing-iotjs-20181027rzr
 
Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...
Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...
Gluecon 2017 - GoMake | Flying Dreams: Real-Time Communication from the Edge ...
 
Distributed Development of IoT Middleware with Microservices
Distributed Development of IoT Middleware with MicroservicesDistributed Development of IoT Middleware with Microservices
Distributed Development of IoT Middleware with Microservices
 
FIWARE Tech Summit - FIWARE-based Smart City Platforms
FIWARE Tech Summit - FIWARE-based Smart City PlatformsFIWARE Tech Summit - FIWARE-based Smart City Platforms
FIWARE Tech Summit - FIWARE-based Smart City Platforms
 
The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)
The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)
The Story of SNCF Connect - biggest Flutter app in Europe (@FlutterHeroes 2023)
 
Matrix.org decentralised communication, Matthew Hodgson, TADSummit
Matrix.org decentralised communication, Matthew Hodgson, TADSummitMatrix.org decentralised communication, Matthew Hodgson, TADSummit
Matrix.org decentralised communication, Matthew Hodgson, TADSummit
 
Securing IoT Applications
Securing IoT Applications Securing IoT Applications
Securing IoT Applications
 
E2E Services using Cloud Visitation Platforms
E2E Services using Cloud Visitation PlatformsE2E Services using Cloud Visitation Platforms
E2E Services using Cloud Visitation Platforms
 

More from Magnolia

The SEO Workflow
The SEO WorkflowThe SEO Workflow
The SEO Workflow
Magnolia
 
Magnolia 6 release walkthrough
Magnolia 6 release walkthroughMagnolia 6 release walkthrough
Magnolia 6 release walkthrough
Magnolia
 
Buzzword bingo: The real deal behind omnichannel, personalization and headless
Buzzword bingo: The real deal behind  omnichannel, personalization and headlessBuzzword bingo: The real deal behind  omnichannel, personalization and headless
Buzzword bingo: The real deal behind omnichannel, personalization and headless
Magnolia
 
Developing Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficientlyDeveloping Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficiently
Magnolia
 
Integrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer ExperienceIntegrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer Experience
Magnolia
 
Customer Engagement in the Digital Era
Customer Engagement in the Digital EraCustomer Engagement in the Digital Era
Customer Engagement in the Digital Era
Magnolia
 
The Age of the IOT & Digital Business
The Age of the IOT & Digital BusinessThe Age of the IOT & Digital Business
The Age of the IOT & Digital Business
Magnolia
 
Using Magnolia in a Microservices Architecture
Using Magnolia in a Microservices ArchitectureUsing Magnolia in a Microservices Architecture
Using Magnolia in a Microservices Architecture
Magnolia
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at Atlassian
Magnolia
 
Magnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynoteMagnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynote
Magnolia
 
Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4
Magnolia
 
Launching Magnolia on demand
Launching Magnolia on demandLaunching Magnolia on demand
Launching Magnolia on demand
Magnolia
 
Front-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites fasterFront-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites faster
Magnolia
 
Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?
Magnolia
 
Internationalization for globalized enterprise websites
Internationalization for globalized enterprise websitesInternationalization for globalized enterprise websites
Internationalization for globalized enterprise websites
Magnolia
 
The new visana website how to fit a square peg into a round hole
The new visana website   how to fit a square peg into a round holeThe new visana website   how to fit a square peg into a round hole
The new visana website how to fit a square peg into a round hole
Magnolia
 
Solving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approachSolving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approach
Magnolia
 
Extending Magnolia with our solutions
Extending Magnolia with our solutionsExtending Magnolia with our solutions
Extending Magnolia with our solutions
Magnolia
 
Boost your online e commerce with magnolia
Boost your online e commerce with magnoliaBoost your online e commerce with magnolia
Boost your online e commerce with magnolia
Magnolia
 
The slick YAML based configuration by file in Magnolia 5.4
The slick YAML based configuration by file in Magnolia 5.4The slick YAML based configuration by file in Magnolia 5.4
The slick YAML based configuration by file in Magnolia 5.4
Magnolia
 

More from Magnolia (20)

The SEO Workflow
The SEO WorkflowThe SEO Workflow
The SEO Workflow
 
Magnolia 6 release walkthrough
Magnolia 6 release walkthroughMagnolia 6 release walkthrough
Magnolia 6 release walkthrough
 
Buzzword bingo: The real deal behind omnichannel, personalization and headless
Buzzword bingo: The real deal behind  omnichannel, personalization and headlessBuzzword bingo: The real deal behind  omnichannel, personalization and headless
Buzzword bingo: The real deal behind omnichannel, personalization and headless
 
Developing Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficientlyDeveloping Magnolia based sites correctly, quickly and efficiently
Developing Magnolia based sites correctly, quickly and efficiently
 
Integrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer ExperienceIntegrating e-Commerce into your Customer Experience
Integrating e-Commerce into your Customer Experience
 
Customer Engagement in the Digital Era
Customer Engagement in the Digital EraCustomer Engagement in the Digital Era
Customer Engagement in the Digital Era
 
The Age of the IOT & Digital Business
The Age of the IOT & Digital BusinessThe Age of the IOT & Digital Business
The Age of the IOT & Digital Business
 
Using Magnolia in a Microservices Architecture
Using Magnolia in a Microservices ArchitectureUsing Magnolia in a Microservices Architecture
Using Magnolia in a Microservices Architecture
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at Atlassian
 
Magnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynoteMagnolia Conference 2015 - Pascal Mangold's keynote
Magnolia Conference 2015 - Pascal Mangold's keynote
 
Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4Product keynote - introducing Magnolia 5.4
Product keynote - introducing Magnolia 5.4
 
Launching Magnolia on demand
Launching Magnolia on demandLaunching Magnolia on demand
Launching Magnolia on demand
 
Front-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites fasterFront-end developers - build Magnolia sites faster
Front-end developers - build Magnolia sites faster
 
Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?Magnolia and beacons: how do they work best together?
Magnolia and beacons: how do they work best together?
 
Internationalization for globalized enterprise websites
Internationalization for globalized enterprise websitesInternationalization for globalized enterprise websites
Internationalization for globalized enterprise websites
 
The new visana website how to fit a square peg into a round hole
The new visana website   how to fit a square peg into a round holeThe new visana website   how to fit a square peg into a round hole
The new visana website how to fit a square peg into a round hole
 
Solving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approachSolving for complex UI designs: a front-end perspective and approach
Solving for complex UI designs: a front-end perspective and approach
 
Extending Magnolia with our solutions
Extending Magnolia with our solutionsExtending Magnolia with our solutions
Extending Magnolia with our solutions
 
Boost your online e commerce with magnolia
Boost your online e commerce with magnoliaBoost your online e commerce with magnolia
Boost your online e commerce with magnolia
 
The slick YAML based configuration by file in Magnolia 5.4
The slick YAML based configuration by file in Magnolia 5.4The slick YAML based configuration by file in Magnolia 5.4
The slick YAML based configuration by file in Magnolia 5.4
 

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 I’m 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 it’s 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 UUID’s - 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