Flare - tech-intro-for-paris-hackathon

Flare training

November 2015

DevNet Hackathon

Andrew Zamler-Carhart / Oliver Frebourg

Senior Technology Manager/ Software Engineering, Cisco

Flare allows users with mobile devices

to discover and interact with things in an environment.

It combines multiple location technologies

with a realtime communications architecture,

to enable new kinds of user interactions.

What is Flare?

@CiscoFrance #DevNetHackathon

• When the user enters an environment, their device can show the location of nearby things

• When they come near to a thing, they can interact with it by:

• getting information about its current state

• changing its state

• performing actions

Interaction modes

@CiscoFrance #DevNetHackathon

• Retail

• Museums

• Advertising

• Industrial

• Public transport

• and more!

Potential markets

@CiscoFrance #DevNetHackathon

Retail concept

Technical info

• Open source

• Implemented in Node.js and MongoDB

• You can run it yourself

Flare server

@CiscoFrance #DevNetHackathon

• Bluetooth beacons (iBeacon, AltBeacon)

• Wi-Fi + Cisco CMX (coming soon)

• technology agnostic, can work with other kinds of sensors

Location technologies

@CiscoFrance #DevNetHackathon

• Environment: a geographic location with a grid

• Zone: a rectangular division of an environment

• Thing: something interesting to the user

• Device: a user’s tablet, phone or watch

Flare model

@CiscoFrance #DevNetHackathon

• REST: create, read, update, delete Flare objects

• Socket.IO: realtime commands and notifications

Flare API

@CiscoFrance #DevNetHackathon

• Subscribe

• Unsubscribe

• Get data value

• Set data value

• Get position

• Set position

• Perform action

Socket.IO commands

@CiscoFrance #DevNetHackathon

• Data changed

• Position changed

• Device enters zone

• Device exits zone

• Device near to a thing

• Device far from a thing

• Handle action

Socket.IO notifications

@CiscoFrance #DevNetHackathon

• User apps on tablet, phone and watch

• Interactive displays

• Connected things

• Admin tools

• Import scripts

• Logging scripts

Types of client

@CiscoFrance #DevNetHackathon

• JavaScript

• Swift (iOS and Mac)

• Java (Android)

• Python

Sample code

@CiscoFrance #DevNetHackathon

• Trilateral: shows map of environment on phone (iOS, Android)

• Explorer: create and modify Flare objects (web, Mac)

Sample apps

@CiscoFrance #DevNetHackathon

• Importing data (JavaScript, Swift, Python)

• Location (Swift, Java)

• Socket.IO (JavaScript, Swift, Java)

Tutorials

@CiscoFrance #DevNetHackathon

• Importing data (JavaScript, Swift, Python)

• Location (Swift, Java)

• Socket.IO (JavaScript, Swift, Java)

Tutorials

@CiscoFrance #DevNetHackathon

Code demo

Just a little Swift + JavaScript

@CiscoFrance #DevNetHackathon

And the other way…

@CiscoFrance #DevNetHackathon

• Documentation on DevNet: https://developer.cisco.com/site/flare

• Source code on GitHub: https://github.com/CiscoDevNet/flare

• Video on YouTube: https://youtu.be/HKBnqo9QlEk

• Hackathon: http://hackathon.cisco.com/event/PIRL-Hackathon-2015

Links

@CiscoFrance #DevNetHackathon

Merci !