Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
47
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
82
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
Avatar for Joselito joselito
0
51
Dando rollback no site do governo
Avatar for Joselito joselito
0
250
Chrome Dev Summit'18
Avatar for Joselito joselito
0
75
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
AIコーディングエージェント（skywork）
Avatar for kondai kondai24
0
200
Rubyで鍛える仕組み化プロヂュース力
Avatar for muryoimpl muryoimpl
0
150
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
170
FluorTracer / RayTracingCamp11
Avatar for kugi kugimasa
0
250
DevFest Android in Korea 2025 - 개발자 커뮤니티를 통해 얻는 가치
Avatar for Suhyeon Kim wisemuji
0
170
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 2
Avatar for Philip Schwarz philipschwarz
PRO
0
110
perlをWebAssembly上で動かすと何が嬉しいの？？？ / Where does Perl-on-Wasm actually make sense?
Avatar for mackee mackee
0
110
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
250
Navigating Dependency Injection with Metro
Avatar for HyunWoo Lee l2hyunwoo
1
170
実は歴史的なアップデートだと思う AWS Interconnect - multicloud
Avatar for maroon1st maroon1st
0
250
新卒エンジニアのプルリクエスト with AI駆動
Avatar for Yuta Fukunaga fukunaga2025
0
230
SwiftUIで本格音ゲー実装してみた
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
480

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
260
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
1k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
160
Scaling GitHub
Avatar for Zach Holman holman
464
140k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
180
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
0
22
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
96
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
286
14k

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