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
42
Virei Lead, como me manter Tech enquanto gerencio pessoas?
Avatar for Joselito joselito
0
120
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
Avatar for Joselito joselito
1
78
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
Avatar for Joselito joselito
0
46
Dando rollback no site do governo
Avatar for Joselito joselito
0
250
Chrome Dev Summit'18
Avatar for Joselito joselito
0
66
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
150

Other Decks in Programming

See All in Programming
Agentic Coding: The Future of Software Development with Agents
Avatar for Armin Ronacher mitsuhiko
0
130
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
2
12k
AWS Summit Japan 2024と2025の比較／はじめてのKiro、今あなたは岐路に立つ
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
140
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
14
14k
Claude Code派？Gemini CLI派？ みんなで比較LT会！_20250716
Avatar for じゅん junholee
1
600
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
280
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
730
A full stack side project webapp all in Kotlin (KotlinConf 2025)
Avatar for Dan Kim dankim
0
150
型で語るカタ
Avatar for irof irof
0
720
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
Avatar for 岡本秀明 h_okkah
0
240
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
Avatar for uzulla uzulla
1
130

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
700
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.1k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k

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