flare - tech-intro-for-paris-hackathon
TRANSCRIPT
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 !