Conectando com o mundo real: Physical Web e Web Bluetooth

JSDay Recife - 12/12/2015

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