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 !

Flare - tech-intro-for-paris-hackathon

  • 1.
    Flare training November 2015 DevNetHackathon Andrew Zamler-Carhart / Oliver Frebourg Senior Technology Manager/ Software Engineering, Cisco
  • 2.
    Flare allows userswith 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 theuser 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.
  • 17.
  • 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: ageographic 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 appson 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: showsmap 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.
  • 40.
    Just a littleSwift + JavaScript @CiscoFrance #DevNetHackathon
  • 41.
    And the otherway… @CiscoFrance #DevNetHackathon
  • 42.
    • Documentation onDevNet: 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.