Slides used at the pre-Hackathon workshop for the Cisco Paris Innovation Center Hackathon - http://hackathon.cisco.com/event/PIRL-Hackathon-2015.

1. Flare training
November 2015
DevNet Hackathon
Andrew Zamler-Carhart / Oliver Frebourg
Senior Technology Manager/ Software Engineering, Cisco

2. 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

3. • 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

7. • Retail
• Museums
• Advertising
• Industrial
• Public transport
• and more!
Potential markets
@CiscoFrance #DevNetHackathon

8. Retail concept

17. Technical info

18. • Open source
• Implemented in Node.js and MongoDB
• You can run it yourself
Flare server
@CiscoFrance #DevNetHackathon

19. • Bluetooth beacons (iBeacon, AltBeacon)
• Wi-Fi + Cisco CMX (coming soon)
• technology agnostic, can work with other kinds of sensors
Location technologies
@CiscoFrance #DevNetHackathon

21. • 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

22. • REST: create, read, update, delete Flare objects
• Socket.IO: realtime commands and notifications
Flare API
@CiscoFrance #DevNetHackathon

24. • Subscribe
• Unsubscribe
• Get data value
• Set data value
• Get position
• Set position
• Perform action
Socket.IO commands
@CiscoFrance #DevNetHackathon

25. • 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

26. • User apps on tablet, phone and watch
• Interactive displays
• Connected things
• Admin tools
• Import scripts
• Logging scripts
Types of client
@CiscoFrance #DevNetHackathon

27. • JavaScript
• Swift (iOS and Mac)
• Java (Android)
• Python
Sample code
@CiscoFrance #DevNetHackathon

32. • Trilateral: shows map of environment on phone (iOS, Android)
• Explorer: create and modify Flare objects (web, Mac)
Sample apps
@CiscoFrance #DevNetHackathon

35. • Importing data (JavaScript, Swift, Python)
• Location (Swift, Java)
• Socket.IO (JavaScript, Swift, Java)
Tutorials
@CiscoFrance #DevNetHackathon

37. • Importing data (JavaScript, Swift, Python)
• Location (Swift, Java)
• Socket.IO (JavaScript, Swift, Java)
Tutorials
@CiscoFrance #DevNetHackathon

38. Code demo

40. Just a little Swift + JavaScript
@CiscoFrance #DevNetHackathon

41. And the other way…
@CiscoFrance #DevNetHackathon

42. • 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

46. Merci !