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
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
48
Virei Lead, como me manter Tech enquanto gerencio pessoas?
joselito
0
140
Você (provavelmente) não sabia que o Chrome DevTools tinha isso
joselito
1
85
Eleventy: Sites em 3 minutos ou seu dinheiro de volta
joselito
0
51
Dando rollback no site do governo
joselito
0
250
Chrome Dev Summit'18
joselito
0
79
Next.js: o desenvolvedor feliz de novo
joselito
0
160
Componentizando a Web
joselito
0
170
Firebase para se divertir com IoT
joselito
0
160
Other Decks in Programming
See All in Programming
CSC307 Lecture 01
javiergs
PRO
0
680
クラウドに依存しないS3を使った開発術
simesaba80
0
230
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
170
大規模Cloud Native環境におけるFalcoの運用
owlinux1000
0
250
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
550
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
k0kubun
1
380
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
400
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
370
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
150
Grafana:建立系統全知視角的捷徑
blueswen
0
300
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
2.3k
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
780
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
65
36k
The Spectacular Lies of Maps
axbom
PRO
1
440
Fireside Chat
paigeccino
41
3.8k
Automating Front-end Workflow
addyosmani
1371
200k
Speed Design
sergeychernyshev
33
1.5k
Making Projects Easy
brettharned
120
6.6k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Chasing Engaging Ingredients in Design
codingconduct
0
97
Navigating Weather and Climate Data
rabernat
0
72
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
210
Keith and Marios Guide to Fast Websites
keithpitt
413
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