magnolia and beacons: how do they work best together?

IOT ON THE MAGNOLIA BUSINESS PLATFORM

MCONF 2015

Photo Credit: Tambako The Jaguar

JAN SCHULTE SENIOR CONSULTANT

2

DANIEL HASLER CO-FOUNDER OVATA GMBH

1

IN THIS TALKWhat are IBeacons Magnolia Blueprint Apps Architecting mobile apps Power of magnolia business platform Demo full integrated high performance shop solution Full process integration

3

IBEACONS

4

“A beacon is a device designed to attract attention to a specific location”

5

IBEACONS ENABLE PROXIMITY BASED SERVICES

6

Beacon

UUID Distinguish your beacons from other beacons

Major Beacon within a group

Minor Identify a beacon within a group

7

Beacon

UUID f7826da6-4fa2-4e98-8024-bc5b71e0893e

Major Conference in Basel 1 / Conf in London 2

Minor Entrance: 5 / Lobby: 6 / Conf Room: 8

8

RANGE IS AFFECTED BY OBSTACLES LIKE

WALLS FURNITURE

PEOPLE

MEASURED DISTANCE IS A ROUGH ESTIMATE.

9

BEACON SUPPORT IN

IPHONE 4S + IPAD: 3. GEN

ANDROID: 4.3+10

LETS LOOK AT SOME INTERESTING USECASES

11

Museums12

13

Retail14

15

Smart City / Public Space16

17

Smart enterprise portals18

19

MAGNOLIAS BLUEPRINT APPS

20

Magnolias Blueprint apps bring you:

Patterns for Mobile App integration Beacon fleet management

Mobile content management

21

22

SMARTSHOP

23

MCONF 2015 APP

24

CONTENT 100%

MANAGED IN MAGNOLIA

25

MAGNOLIAS BLUEPRINTS ARE BUILD ON

26

=+ +27

AngularJS is at the moment the most poular framework for dynamic web apps.

28

Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript

29

Covers the entire mobile development process Best practices for building mobile apps Sample apps demonstrate wide set of available features

30

BUILDING MOBILE APPS WITH MAGNOLIA

31

Manage content and configuration with content Apps

Deliver data through the Magnolia rest API

JSON+

32

CONTENT APPS

33

BUILDING CONTENT APPS

34

Photo Credit:

BOOTSTRAPPING APPS

35

COMMUNICATIONwith Magnolia's REST API

36

+

37

Custom endpoints

EventsEndpoint.java

@Api(value = "/events", description = "The events API")@Path("/events")public class EventsEndpoint extends AbstractEndpoint<EventsEndpointDefinition> {

@GET @Produces({MediaType.APPLICATION_JSON, MediaType.APPLICATION_XML}) public Collection<Event> getEvents() {

final Session session = MgnlContext.getJCRSession(EventsModule.WORKSPACE_NAME); Iterable<Node> eventNodes = NodeUtil.getNodes(session.getRootNode(), "event");

final Collection<Event> events = marshallEvents(eventNodes.iterator());

return events; }

}

38

JAX-RS

39

MAGNOLIA AS A BUSINESS PLATFORM

40

41

INTERNET OF THINGS

OPEN

?

42

SOLVING THE PLATFORM PUZZLE

Ovata  e-­‐commerce

Magnolia  Digital  Business  Platform

REST  Services

Multi-­‐Channel  Delivery

ERP

CRM

Ovata  Recommend.  

Engine  

Mobile  Apps

Browser

Internet

Ovata  

Advanced

 Person

aliza

tion

Magnolia  Beacon  Support  

Analytics

43

44

45

CROSS-CHANNEL MARKETING

Web

-­‐Cha

nnel

Mob

ile-­‐Cha

nnel

Brick  &  M

ortar

46

WHAT HAPPENS BEHIND THE SCENES

Ovata  Advanced  

Personalization

Track  user  behavior

• Favorite  Product  • Favorite  Product  Category

Web-­‐Channel

47

WHAT HAPPENS BEHIND THE SCENES

Mobile  Channel

Ovata  Advanced  

Personalization

• Favorite  Product    • Incentive  when  you  buy  now

Magnolia  Beacon  Support

•Recognize  Beacon  • Trigger  Action

48

WHAT HAPPENS BEHIND THE SCENES

Brick  &  Mortar

Ovata  Recommend.  

Engine  

Recommendation

49

DEMO

50

BACK-OFFICE WORKFLOW

Ovata  e-­‐commerce

REST  Services

51

DEMO

52

THANKYOU!

Photo Credit: Tambako The Jaguar31