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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
48
Virei Lead, como me manter Tech enquanto gerencio pessoas?
Avatar for Joselito joselito
0
140
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
Avatar for Joselito joselito
1
85
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
79
Next.js: o desenvolvedor feliz de novo
Avatar for Joselito joselito
0
160
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 & Enginnering
Avatar for codelynx codelynx
0
110
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
470
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
2
680
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
200
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.3k
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
210
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
120
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
110
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
80
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
160
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
72
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
170
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k

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