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

Conectando com o mundo real: Physical Web e Web...

Avatar for Joselito Joselito
December 12, 2015
Programming
1
260

Conectando com o mundo real: Physical Web e Web Bluetooth

JSDay Recife - 12/12/2015

Avatar for Joselito

Joselito

December 12, 2015
Tweet

More Decks by Joselito

See All by Joselito
Apresentando window.ai
Avatar for Joselito joselito
0
44
Virei Lead, como me manter Tech enquanto gerencio pessoas?
Avatar for Joselito joselito
0
130
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
Avatar for Joselito joselito
1
80
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
Avatar for Joselito joselito
0
48
Dando rollback no site do governo
Avatar for Joselito joselito
0
250
Chrome Dev Summit'18
Avatar for Joselito joselito
0
67
Next.js: o desenvolvedor feliz de novo
Avatar for Joselito joselito
0
150
Componentizando a Web
Avatar for Joselito joselito
0
170
Firebase para se divertir com IoT
Avatar for Joselito joselito
0
160

Other Decks in Programming

See All in Programming
プログラミングどうやる？ ～テスト駆動開発から学ぶ達人の型～
Avatar for Atsushi Okui a_okui
0
190
defer f()とdefer fの挙動を 誤解していた話
Avatar for kogamochiduki kogamochiduki
2
160
iOSDC.pdf
Avatar for ビスター chronos2500
2
640
メモリ不足との戦い〜大量データを扱うアプリでの実践例〜
Avatar for ああうえ kwzr
1
650
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
Avatar for Takeru Hayasaka takehaya
7
1.4k
CSC305 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
260
AIを活用したレシート読み取り機能の開発から得られた実践知 / AI Receipt Scan Practice
Avatar for rockname rockname
2
1.5k
CSC509 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
430
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
Avatar for Naofumi Kagami naofumi
4
2.4k
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
Avatar for Shia riseshia
0
130
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
160
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
Avatar for Yusaku Nishi jrsaruo
0
110

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
40k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
208
24k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
660
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

Transcript

  1. Conectando com o mundo real Physical Web e Web Bluetooth

    +JoselitoJúnior @joselitojunior1 +LuisLeão @luisleao
  2. None
  3. None
  4. None

  5. Hey! Joselito. • Modelo e atriz • Instrutor, palestrante •

    Hackathoner profissional • Ex-BBB • GDG Organizer • Fã de F1 • Apaixonado por resolver problemas

  6. Beacons?

  7. Beacons » Mini transmissores de mensagens » Bluethooth Low Energy

    » Diversos sensores » Sempre ligados, sempre transmitindo » Excelentes pra IoT residencial
  8. None
  9. None
  10. None
  11. None
  12. None

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

  14. Physical Web

  15. hFp://pwurl.xyz/g1rplw

  16. Ter todos os apps?

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

  18. Physical Web • Parte da especificação do Eddystone • URL:

    compatível e rertocompatível • Push Notifications não intrusivas

  19. github.com/google/eddystone Open Source

  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

  21. DEMO

  22. None
  23. None

  24. +Exemplos

  25. None
  26. None
  27. None

  28. Carros/Bikes CompaQilhados

  29. Cinema

  30. Do it yourself • Especificação pública no Gihub • Arduino?

    Sim • Edison? Yup • Raspberry? Nois

  31. Compre • BKON • KST • Blesh

  32. Usando

  33. Mas... O dispositivo também precisa estar conectado... Seria show show

    se eu me comunicasse diretamente... E se...

  34. Web Bluetooth

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

    • Chromebook

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

    • Chromebook chrome://flags/#enable-web-bluetooth
  37. None

  38. Sensor de cadência Bluetooth® SmaQ

  39. Device de Freq. Cardíaca

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

    Bateria

  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]

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

    baFery_level data:[0-100]
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None

  49. DEMO

  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None

  57. github.com/ joselitojunior/ awesome-nearables

  58. github.com/ joselitojunior/ awesome-nearables

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