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
270
1

Conectando com o mundo real: Physical Web e Web Bluetooth

JSDay Recife - 12/12/2015

Avatar for Joselito

Joselito

December 12, 2015

More Decks by Joselito

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

Other Decks in Programming

See All in Programming
ルールルルルルRubyの中身の予備知識 ── RubyKaigiの前に予習しなイカ？
Avatar for ydah ydah
1
180
JAWS-UG横浜 #100 祝・第100回スペシャル AWS は VPC レスの時代へ
Avatar for maroon1st maroon1st
0
150
The Monolith Strikes Back: Why AI Agents ❤️ Rails Monoliths
Avatar for Rodrigo Serradura serradura
0
340
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
6.5k
YJITとZJITにはイカなる違いがあるのか？
Avatar for yamanao nakiym
0
220
感情を設計する
Avatar for nakamichi ichimichi
5
1.5k
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
4
3k
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
180
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
0
250
Radical Imagining - LIFT 2025-2027 Policy Agenda
Avatar for LIFT lift1998
0
370
JOAI2026 1st solution - heron0519 -
Avatar for heron0519 heron0519
0
140
Angular Signal Forms
Avatar for Dhananjay Kumar debug_mode
0
110

Featured

See All Featured
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
100
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
370
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.6k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.2k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.5k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
300
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k

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