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
joseli.to
December 12, 2015
Programming
1
250
Conectando com o mundo real: Physical Web e Web Bluetooth
JSDay Recife - 12/12/2015
joseli.to
December 12, 2015
Tweet
Share
More Decks by joseli.to
See All by joseli.to
Virei Lead, como me manter Tech enquanto gerencio pessoas?
joselito
0
93
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
joselito
0
62
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
joselito
0
32
Dando rollback no site do governo
joselito
0
230
Chrome Dev Summit'18
joselito
0
59
Next.js: o desenvolvedor feliz de novo
joselito
0
140
Componentizando a Web
joselito
0
150
Firebase para se divertir com IoT
joselito
0
140
WebApps Offline com ServiceWorkers
joselito
2
170
Other Decks in Programming
See All in Programming
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
430
開発を加速する共有Swift Package実践
elmetal
PRO
0
420
Patched fetch did not work
quramy
4
380
GraphQLの魅力を引き出すAndroidクライアント実装
morux2
3
660
いまから追い上げる、Jetpack Compose トレーニング
nyafunta9858
0
590
令和トラベルにおけるLLM活用事例:社内ツール開発から得た学びと実践
ippo012
0
210
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
Some more adventure of Happy Eyeballs
coe401_
2
190
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
400
私のEbitengineの第一歩
qt_luigi
0
450
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Testing 201, or: Great Expectations
jmmastey
36
7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
The Invisible Side of Design
smashingmag
296
50k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Art, The Web, and Tiny UX
lynnandtonic
294
20k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
The Invisible Customer
myddelton
119
13k
Speed Design
sergeychernyshev
22
430
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
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