Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Conectando com o mundo real: Physical Web e Web...
Search
Joselito
December 12, 2015
Programming
1
250
Conectando com o mundo real: Physical Web e Web Bluetooth
JSDay Recife - 12/12/2015
Joselito
December 12, 2015
Tweet
Share
More Decks by Joselito
See All by Joselito
Apresentando window.ai
joselito
0
28
Virei Lead, como me manter Tech enquanto gerencio pessoas?
joselito
0
110
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
joselito
1
72
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
joselito
0
40
Dando rollback no site do governo
joselito
0
240
Chrome Dev Summit'18
joselito
0
62
Next.js: o desenvolvedor feliz de novo
joselito
0
140
Componentizando a Web
joselito
0
160
Firebase para se divertir com IoT
joselito
0
150
Other Decks in Programming
See All in Programming
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
定理証明プラットフォーム lapisla.net
abap34
1
1.8k
Unity Android XR入門
sakutama_11
0
160
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
270
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
47
17k
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
910
Linux && Docker 研修/Linux && Docker training
forrep
24
4.5k
2024年のWebフロントエンドのふりかえりと2025年
sakito
3
250
SpringBoot3.4の構造化ログ #kanjava
irof
2
1k
ファインディLT_ポケモン対戦の定量的分析
fufufukakaka
0
730
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
WebDriver BiDiとは何なのか
yotahada3
1
140
Featured
See All Featured
Navigating Team Friction
lara
183
15k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
What's in a price? How to price your products and services
michaelherold
244
12k
Agile that works and the tools we love
rasmusluckow
328
21k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
How STYLIGHT went responsive
nonsquared
98
5.4k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Transcript
Conectando com o mundo real Physical Web e Web Bluetooth
+JoselitoJúnior @joselitojunior1 +LuisLeão @luisleao
None
None
None
Hey! Joselito. • Modelo e atriz • Instrutor, palestrante •
Hackathoner profissional • Ex-BBB • GDG Organizer • Fã de F1 • Apaixonado por resolver problemas
Beacons?
Beacons » Mini transmissores de mensagens » Bluethooth Low Energy
» Diversos sensores » Sempre ligados, sempre transmitindo » Excelentes pra IoT residencial
None
None
None
None
None
O usuário precisa dos apps. De todos eles!
Physical Web
hFp://pwurl.xyz/g1rplw
Ter todos os apps?
http://bit.ly/1KCWiAk
Physical Web • Parte da especificação do Eddystone • URL:
compatível e rertocompatível • Push Notifications não intrusivas
github.com/google/eddystone Open Source
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
DEMO
None
None
+Exemplos
None
None
None
Carros/Bikes CompaQilhados
Cinema
Do it yourself • Especificação pública no Gihub • Arduino?
Sim • Edison? Yup • Raspberry? Nois
Compre • BKON • KST • Blesh
Usando
Mas... O dispositivo também precisa estar conectado... Seria show show
se eu me comunicasse diretamente... E se...
Web Bluetooth
Use agora! Se puder. • Android 6.0+ • Bluetooth 4.1+
• Chromebook
Use agora! Se puder. • Android 6.0+ • Bluetooth 4.1+
• Chromebook chrome://flags/#enable-web-bluetooth
None
Sensor de cadência Bluetooth® SmaQ
Device de Freq. Cardíaca
Device de Freq. Cardíaca Serviço de Freq. Cardíaca Serviço de
Bateria
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]
device sensors service location_enum data:[Location Enumeration] heaQ_rate data:[Flags, Value, RR-Intervals]
baFery_level data:[0-100]
None
None
None
None
None
None
DEMO
None
None
None
None
None
None
None
github.com/ joselitojunior/ awesome-nearables
github.com/ joselitojunior/ awesome-nearables
Obrigado (: joselito.ninja @joselitojunior1 #JSDayRec