SlideShare a Scribd company logo
1 of 13
Download to read offline
Web Bluetooth API 와 Physical Web
(주) 엠트리케어 신현진
Web Bluetooth API
• 표준이 제정되지 않은 상태
• 표준 진행 상태 : W3C Web Bluetooth CG
• Browser Vendor 별 다양한 형태의 Web Bluetooth API
• Mozilla Firefox
• Google Chrome
Web Bluetooth API
W3C Mozilla FirefoxOS Google Chrome ETRI HyWAI 3.5
Bluetooth LE 지원 O O O O
BR/EDR 지원 X O O O
페어링 처리
기기 객체가 페어링 여
부 확인
전역
아답터 객체
자동 자동
LE 메시지
수신 처리
Promise와
GATT 객체
Promise와
이벤트 객체
Callback Function Callback Function
LE 메시지
송신 처리
GATT
속성별 객체
GATT
속성별 객체
블루투스
전역 객체
GATT
속성별 객체
BR/EDR
통신 방법
LE용 API 이용 Callback Function
소켓 기반
통신
소켓 기반
통신
서버 역할
지원
X LE BR/EDR BR/EDR, LE
W3C
• W3C Web Bluetooth CG
• W3C Web Bluetooth Documents
웹 페이지 : http://www.w3.org/community/web-bluetooth/
GitHub : https://github.com/WebBluetoothCG/web-bluetooth
Use Cases : https://webbluetoothcg.github.io/web-bluetooth/use-cases.html
Specification : http://webbluetoothcg.github.io/web-bluetooth/
Mozilla
• WebBluetooth Documents
개발문서 : https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API
Wiki : https://wiki.mozilla.org/WebAPI/WebBluetooth
* This API is available on Firefox OS for internal applications only.
Google
• Chrome Bluetooth Documents
소개 : https://developer.chrome.com/apps/app_bluetooth
Bluetooth API : https://developer.chrome.com/apps/bluetooth
Bluetooth Socket API : https://developer.chrome.com/apps/bluetoothSocket
Bluetooth Low Energy API : https://developer.chrome.com/apps/bluetoothLowEnergy
* Chrome version 37 이상 지원
• HyWAI
ETRI
* ETRI에서 개발된 Hybrid Framework
* Version 3.5 부터 Web Bluetooth API Interface 제공
* 웹 페이지 : http://www.w3c.or.kr/hywai/
Physical Web
Google에서 2014년 10월 공개
버스정류장, 자동판매기 등에 URL을 Advertising 하
는 BLE Device를 설치하여 사용자가 별도의 App 없이
Web으로 정보를 볼 수 있도록 제공
blesh BLE Device 및 App
* 웹 페이지 : http://google.github.io/physical-web/
* GitHub : https://github.com/google/physical-web
ETRI HyWAI Physical Web Demo
Bluetooth LE
Broadcaster
Bluetooth LE
Scanner
ETRI HyWAI Physical Web Demo
BLE Start Advertising
BLE Stop Advertising
Bluetooth LE Broadcaster
ETRI HyWAI Physical Web Demo
HyWAI Bluetooth API
BLE Start Discovery
BLE Stop Discovery
Chrome Browser에서
BLE url 열기
Bluetooth LE Scanner
(주) 엠트리케어
신현진 이사
Email : hjshin@mtreecare.com
Tel : 070-4756-8723
Fax : 0504-849-1217
감사합니다.

More Related Content

Viewers also liked

Bluetooth by Lee and Hong
Bluetooth by Lee and HongBluetooth by Lee and Hong
Bluetooth by Lee and HongYong Heui Cho
 
(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0
(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0
(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0PEOPLE AND TECHNOLOGY (Antonio Hong)
 
비콘이 뭐냐?
비콘이 뭐냐?비콘이 뭐냐?
비콘이 뭐냐?lee lean
 
비콘기반 모바일 사례 발표 20141121
비콘기반 모바일 사례 발표 20141121비콘기반 모바일 사례 발표 20141121
비콘기반 모바일 사례 발표 20141121Phil Cho
 
불루투스 기술 및 활용
불루투스 기술 및 활용불루투스 기술 및 활용
불루투스 기술 및 활용활 김
 
Linkbox 사업계획서20150918
Linkbox 사업계획서20150918Linkbox 사업계획서20150918
Linkbox 사업계획서20150918준호 김
 
졸업프로젝트 일정
졸업프로젝트 일정졸업프로젝트 일정
졸업프로젝트 일정Km Oh
 
SmartGreed Security Hakathon 참가 후기
SmartGreed Security Hakathon 참가 후기SmartGreed Security Hakathon 참가 후기
SmartGreed Security Hakathon 참가 후기영주 이
 
Perl Programming 101 - the practical way
Perl Programming 101 - the practical wayPerl Programming 101 - the practical way
Perl Programming 101 - the practical wayKeedi Kim
 
안전한세상만들기[무단횡단사고방지시스템]제안서최종본
안전한세상만들기[무단횡단사고방지시스템]제안서최종본안전한세상만들기[무단횡단사고방지시스템]제안서최종본
안전한세상만들기[무단횡단사고방지시스템]제안서최종본재성 장
 
라즈베리파이 홈 오토메이션
라즈베리파이 홈 오토메이션라즈베리파이 홈 오토메이션
라즈베리파이 홈 오토메이션JuHyeon Yeom
 
[122203_유세영] IoT 기술 설명
[122203_유세영] IoT 기술 설명[122203_유세영] IoT 기술 설명
[122203_유세영] IoT 기술 설명RyuSaeyoung
 
사물인터넷 강의 - 사물인터넷과 비즈니스 2016.02.24
사물인터넷 강의 - 사물인터넷과 비즈니스   2016.02.24사물인터넷 강의 - 사물인터넷과 비즈니스   2016.02.24
사물인터넷 강의 - 사물인터넷과 비즈니스 2016.02.24Hakyong Kim
 
[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5th[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5thPark Jonggun
 
사물인터넷 노트5_센서네트워크
사물인터넷 노트5_센서네트워크사물인터넷 노트5_센서네트워크
사물인터넷 노트5_센서네트워크Dong Hwa Jeong
 

Viewers also liked (20)

시종설
시종설 시종설
시종설
 
Elastic webservice
Elastic webserviceElastic webservice
Elastic webservice
 
Bluetooth by Lee and Hong
Bluetooth by Lee and HongBluetooth by Lee and Hong
Bluetooth by Lee and Hong
 
(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0
(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0
(마케팅자료 실시간위치기반 출입통제보안솔루션소개)피플앤드테크놀러지-Indoor plus for rtls-20160701-v1.0
 
비콘이 뭐냐?
비콘이 뭐냐?비콘이 뭐냐?
비콘이 뭐냐?
 
비콘기반 모바일 사례 발표 20141121
비콘기반 모바일 사례 발표 20141121비콘기반 모바일 사례 발표 20141121
비콘기반 모바일 사례 발표 20141121
 
비콘..
비콘..비콘..
비콘..
 
불루투스 기술 및 활용
불루투스 기술 및 활용불루투스 기술 및 활용
불루투스 기술 및 활용
 
Linkbox 사업계획서20150918
Linkbox 사업계획서20150918Linkbox 사업계획서20150918
Linkbox 사업계획서20150918
 
졸업프로젝트 일정
졸업프로젝트 일정졸업프로젝트 일정
졸업프로젝트 일정
 
SmartGreed Security Hakathon 참가 후기
SmartGreed Security Hakathon 참가 후기SmartGreed Security Hakathon 참가 후기
SmartGreed Security Hakathon 참가 후기
 
Perl Programming 101 - the practical way
Perl Programming 101 - the practical wayPerl Programming 101 - the practical way
Perl Programming 101 - the practical way
 
안전한세상만들기[무단횡단사고방지시스템]제안서최종본
안전한세상만들기[무단횡단사고방지시스템]제안서최종본안전한세상만들기[무단횡단사고방지시스템]제안서최종본
안전한세상만들기[무단횡단사고방지시스템]제안서최종본
 
라즈베리파이 홈 오토메이션
라즈베리파이 홈 오토메이션라즈베리파이 홈 오토메이션
라즈베리파이 홈 오토메이션
 
Qr용
Qr용Qr용
Qr용
 
[122203_유세영] IoT 기술 설명
[122203_유세영] IoT 기술 설명[122203_유세영] IoT 기술 설명
[122203_유세영] IoT 기술 설명
 
사물인터넷 강의 - 사물인터넷과 비즈니스 2016.02.24
사물인터넷 강의 - 사물인터넷과 비즈니스   2016.02.24사물인터넷 강의 - 사물인터넷과 비즈니스   2016.02.24
사물인터넷 강의 - 사물인터넷과 비즈니스 2016.02.24
 
[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5th[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5th
 
사물인터넷 노트5_센서네트워크
사물인터넷 노트5_센서네트워크사물인터넷 노트5_센서네트워크
사물인터넷 노트5_센서네트워크
 
캡스톤 2차 (1)
캡스톤 2차 (1)캡스톤 2차 (1)
캡스톤 2차 (1)
 

Similar to Web bluetooth API 와 Physical Web

Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Channy Yun
 
WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010Joone Hur
 
안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API
안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API 안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API
안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API Gosu Ok
 
Android발표자료 홍종진
Android발표자료 홍종진Android발표자료 홍종진
Android발표자료 홍종진Jong Jin Hong
 
AManaging Kong API Gateway with Terraform
AManaging Kong API Gateway with TerraformAManaging Kong API Gateway with Terraform
AManaging Kong API Gateway with TerraformByungjin Park
 
Web app 개발 방법론
Web app 개발 방법론Web app 개발 방법론
Web app 개발 방법론Sang Seok Lim
 
WebRTC in 2014
WebRTC in 2014WebRTC in 2014
WebRTC in 2014Lee WonJae
 
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)JeongHeon Lee
 
HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향Jonathan Jeon
 
어그로월드 Season1 - Aggro World season 1
어그로월드 Season1 - Aggro World season 1어그로월드 Season1 - Aggro World season 1
어그로월드 Season1 - Aggro World season 1bingoori
 
Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5Jonathan Jeon
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론Hankyo
 
[D2 CAMPUS]웹 개발자의 스펙 : HTTP
[D2 CAMPUS]웹 개발자의 스펙 : HTTP[D2 CAMPUS]웹 개발자의 스펙 : HTTP
[D2 CAMPUS]웹 개발자의 스펙 : HTTPNAVER D2
 
비트코인에 기록하다. 포에버잇 소개 및 발전 방향
비트코인에 기록하다. 포에버잇 소개 및 발전 방향비트코인에 기록하다. 포에버잇 소개 및 발전 방향
비트코인에 기록하다. 포에버잇 소개 및 발전 방향Harry Oh
 
PoC (place of chatting)
PoC (place of chatting)PoC (place of chatting)
PoC (place of chatting)Youngmin Kim
 
웹소켓 (WebSocket)
웹소켓 (WebSocket)웹소켓 (WebSocket)
웹소켓 (WebSocket)jeongseokoh
 
REST Ovewview
REST OvewviewREST Ovewview
REST OvewviewTerry Cho
 

Similar to Web bluetooth API 와 Physical Web (20)

Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)
 
WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010WebKit at the Future Web Forum 2010
WebKit at the Future Web Forum 2010
 
안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API
안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API 안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API
안드로이드 OAuth 1.0a, 2.0 구현 - Naver, Google API
 
What is web rtc
What is web rtcWhat is web rtc
What is web rtc
 
Android발표자료 홍종진
Android발표자료 홍종진Android발표자료 홍종진
Android발표자료 홍종진
 
AManaging Kong API Gateway with Terraform
AManaging Kong API Gateway with TerraformAManaging Kong API Gateway with Terraform
AManaging Kong API Gateway with Terraform
 
Web app 개발 방법론
Web app 개발 방법론Web app 개발 방법론
Web app 개발 방법론
 
WebRTC in 2014
WebRTC in 2014WebRTC in 2014
WebRTC in 2014
 
실시간통신
실시간통신실시간통신
실시간통신
 
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
 
HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향HTML5 융합 기술 표준화 동향
HTML5 융합 기술 표준화 동향
 
어그로월드 Season1 - Aggro World season 1
어그로월드 Season1 - Aggro World season 1어그로월드 Season1 - Aggro World season 1
어그로월드 Season1 - Aggro World season 1
 
Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론
 
[D2 CAMPUS]웹 개발자의 스펙 : HTTP
[D2 CAMPUS]웹 개발자의 스펙 : HTTP[D2 CAMPUS]웹 개발자의 스펙 : HTTP
[D2 CAMPUS]웹 개발자의 스펙 : HTTP
 
비트코인에 기록하다. 포에버잇 소개 및 발전 방향
비트코인에 기록하다. 포에버잇 소개 및 발전 방향비트코인에 기록하다. 포에버잇 소개 및 발전 방향
비트코인에 기록하다. 포에버잇 소개 및 발전 방향
 
PoC (place of chatting)
PoC (place of chatting)PoC (place of chatting)
PoC (place of chatting)
 
웹소켓 (WebSocket)
웹소켓 (WebSocket)웹소켓 (WebSocket)
웹소켓 (WebSocket)
 
WebRTC
WebRTCWebRTC
WebRTC
 
REST Ovewview
REST OvewviewREST Ovewview
REST Ovewview
 

Web bluetooth API 와 Physical Web

  • 1. Web Bluetooth API 와 Physical Web (주) 엠트리케어 신현진
  • 2.
  • 3. Web Bluetooth API • 표준이 제정되지 않은 상태 • 표준 진행 상태 : W3C Web Bluetooth CG • Browser Vendor 별 다양한 형태의 Web Bluetooth API • Mozilla Firefox • Google Chrome
  • 4. Web Bluetooth API W3C Mozilla FirefoxOS Google Chrome ETRI HyWAI 3.5 Bluetooth LE 지원 O O O O BR/EDR 지원 X O O O 페어링 처리 기기 객체가 페어링 여 부 확인 전역 아답터 객체 자동 자동 LE 메시지 수신 처리 Promise와 GATT 객체 Promise와 이벤트 객체 Callback Function Callback Function LE 메시지 송신 처리 GATT 속성별 객체 GATT 속성별 객체 블루투스 전역 객체 GATT 속성별 객체 BR/EDR 통신 방법 LE용 API 이용 Callback Function 소켓 기반 통신 소켓 기반 통신 서버 역할 지원 X LE BR/EDR BR/EDR, LE
  • 5. W3C • W3C Web Bluetooth CG • W3C Web Bluetooth Documents 웹 페이지 : http://www.w3.org/community/web-bluetooth/ GitHub : https://github.com/WebBluetoothCG/web-bluetooth Use Cases : https://webbluetoothcg.github.io/web-bluetooth/use-cases.html Specification : http://webbluetoothcg.github.io/web-bluetooth/
  • 6. Mozilla • WebBluetooth Documents 개발문서 : https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API Wiki : https://wiki.mozilla.org/WebAPI/WebBluetooth * This API is available on Firefox OS for internal applications only.
  • 7. Google • Chrome Bluetooth Documents 소개 : https://developer.chrome.com/apps/app_bluetooth Bluetooth API : https://developer.chrome.com/apps/bluetooth Bluetooth Socket API : https://developer.chrome.com/apps/bluetoothSocket Bluetooth Low Energy API : https://developer.chrome.com/apps/bluetoothLowEnergy * Chrome version 37 이상 지원
  • 8. • HyWAI ETRI * ETRI에서 개발된 Hybrid Framework * Version 3.5 부터 Web Bluetooth API Interface 제공 * 웹 페이지 : http://www.w3c.or.kr/hywai/
  • 9. Physical Web Google에서 2014년 10월 공개 버스정류장, 자동판매기 등에 URL을 Advertising 하 는 BLE Device를 설치하여 사용자가 별도의 App 없이 Web으로 정보를 볼 수 있도록 제공 blesh BLE Device 및 App * 웹 페이지 : http://google.github.io/physical-web/ * GitHub : https://github.com/google/physical-web
  • 10. ETRI HyWAI Physical Web Demo Bluetooth LE Broadcaster Bluetooth LE Scanner
  • 11. ETRI HyWAI Physical Web Demo BLE Start Advertising BLE Stop Advertising Bluetooth LE Broadcaster
  • 12. ETRI HyWAI Physical Web Demo HyWAI Bluetooth API BLE Start Discovery BLE Stop Discovery Chrome Browser에서 BLE url 열기 Bluetooth LE Scanner
  • 13. (주) 엠트리케어 신현진 이사 Email : hjshin@mtreecare.com Tel : 070-4756-8723 Fax : 0504-849-1217 감사합니다.