Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Conectando com o mundo real: Physical Web e Web Bluetooth

Conectando com o mundo real: Physical Web e Web Bluetooth

JSDay Recife - 12/12/2015

joseli.to
PRO

December 12, 2015
Tweet

More Decks by joseli.to

Other Decks in Programming

Transcript

  1. Conectando com o mundo real
    Physical Web e Web Bluetooth
    +JoselitoJúnior
    @joselitojunior1
    +LuisLeão
    @luisleao

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. Hey! Joselito.
    • Modelo e atriz
    • Instrutor, palestrante
    • Hackathoner profissional
    • Ex-BBB
    • GDG Organizer
    • Fã de F1
    • Apaixonado por resolver
    problemas

    View Slide

  6. Beacons?

    View Slide

  7. Beacons
    » Mini transmissores de
    mensagens
    » Bluethooth Low Energy
    » Diversos sensores
    » Sempre ligados, sempre
    transmitindo
    » Excelentes pra IoT
    residencial

    View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. O usuário precisa dos apps.
    De todos eles!

    View Slide

  14. Physical Web

    View Slide

  15. hFp://pwurl.xyz/g1rplw

    View Slide

  16. Ter todos os apps?

    View Slide

  17. http://bit.ly/1KCWiAk

    View Slide

  18. Physical Web
    • Parte da especificação do
    Eddystone
    • URL: compatível e
    rertocompatível
    • Push Notifications não
    intrusivas

    View Slide

  19. github.com/google/eddystone
    Open Source

    View Slide

  20. Physical Web
    • A aplicação do beacon é
    capaz de fazer qualquer
    coisa que a web faça
    • Alteração remota
    • App Linking
    • Duração de bateria alta

    View Slide

  21. DEMO

    View Slide

  22. View Slide

  23. View Slide

  24. +Exemplos

    View Slide

  25. View Slide

  26. View Slide

  27. View Slide

  28. Carros/Bikes
    CompaQilhados

    View Slide

  29. Cinema

    View Slide

  30. Do it yourself
    • Especificação pública no
    Gihub
    • Arduino? Sim
    • Edison? Yup
    • Raspberry? Nois

    View Slide

  31. Compre
    • BKON
    • KST
    • Blesh

    View Slide

  32. Usando

    View Slide

  33. Mas...
    O dispositivo também precisa estar conectado...
    Seria show show se eu me comunicasse diretamente...
    E se...

    View Slide

  34. Web Bluetooth

    View Slide

  35. Use agora! Se puder.
    • Android 6.0+
    • Bluetooth 4.1+
    • Chromebook

    View Slide

  36. Use agora! Se puder.
    • Android 6.0+
    • Bluetooth 4.1+
    • Chromebook
    chrome://flags/#enable-web-bluetooth

    View Slide

  37. View Slide

  38. Sensor de cadência
    Bluetooth® SmaQ

    View Slide

  39. Device de Freq. Cardíaca

    View Slide

  40. Device de Freq. Cardíaca
    Serviço de Freq. Cardíaca
    Serviço de Bateria

    View Slide

  41. Device de Freq. Cardíaca
    Serviço de Freq. Cardíaca
    Serviço de Bateria
    Sensor: Localização
    [Location Enumeration]
    Sensor: Freq. Cardíaca
    [Flags, Value, RR-Intervals]
    Status: Nível de Bateria
    [0-100]

    View Slide

  42. device
    sensors
    service
    location_enum
    data:[Location Enumeration]
    heaQ_rate
    data:[Flags, Value, RR-Intervals]
    baFery_level
    data:[0-100]

    View Slide

  43. View Slide

  44. View Slide

  45. View Slide

  46. View Slide

  47. View Slide

  48. View Slide

  49. DEMO

    View Slide

  50. View Slide

  51. View Slide

  52. View Slide

  53. View Slide

  54. View Slide

  55. View Slide

  56. View Slide

  57. github.com/
    joselitojunior/
    awesome-nearables

    View Slide

  58. github.com/
    joselitojunior/
    awesome-nearables

    View Slide

  59. Obrigado (:
    joselito.ninja
    @joselitojunior1
    #JSDayRec

    View Slide