Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
260
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
46
Virei Lead, como me manter Tech enquanto gerencio pessoas?
joselito
0
130
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
joselito
1
81
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
joselito
0
50
Dando rollback no site do governo
joselito
0
250
Chrome Dev Summit'18
joselito
0
72
Next.js: o desenvolvedor feliz de novo
joselito
0
150
Componentizando a Web
joselito
0
170
Firebase para se divertir com IoT
joselito
0
160
Other Decks in Programming
See All in Programming
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
5
1.2k
エディターってAIで操作できるんだぜ
kis9a
0
580
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
haru860
0
220
乱雑なコードの整理から学ぶ設計の初歩
masuda220
PRO
32
15k
Reactive Thinking with Signals and the new Resource API
manfredsteyer
PRO
0
150
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
fuuki12
0
180
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
320
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
ternbusty
7
1.9k
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
atzzcokek
0
160
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
moeka__c
6
2.8k
Querying Design System デザインシステムの意思決定を支える構造検索
ikumatadokoro
1
1.2k
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
4
250
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
2.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Producing Creativity
orderedlist
PRO
348
40k
Embracing the Ebb and Flow
colly
88
4.9k
Thoughts on Productivity
jonyablonski
73
4.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
700
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Designing for Performance
lara
610
69k
Building Applications with DynamoDB
mza
96
6.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
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