KEMBAR78
Pusher create web notification service via javascript | PDF
NHN Technology Services FrontEnd Development Team Ji-Tae, Kim(jitae.kim@nhn.com)
PUSHER
Create web notification service via javascript
NHN Technology Services FrontEnd Development Team Ji-Tae, Kim(jitae.kim@nhn.com)
14년 4월 24일 목요일
14년 4월 24일 목요일
Because Web Messenger
14년 4월 24일 목요일
Because Web Messenger
새로운 방에 초대된 것을 알 수 없을까?
14년 4월 24일 목요일
Because Web Messenger
새로운 방에 초대된 것을 알 수 없을까?
메시지가 온 것을 알 수 없을까?
14년 4월 24일 목요일
Because Web Messenger
새로운 방에 초대된 것을 알 수 없을까?
메시지가 온 것을 알 수 없을까?
브라우저가 꺼져 있으면 어떻게하지?
14년 4월 24일 목요일
What?
14년 4월 24일 목요일
What?
Searching for Web Notifications
14년 4월 24일 목요일
Alert
14년 4월 24일 목요일
Alert
14년 4월 24일 목요일
Alert
• 가장 일반적인 웹 경고창
14년 4월 24일 목요일
Alert
• 가장 일반적인 웹 경고창
• 확인 누르기 전까지 아무것도 못함
14년 4월 24일 목요일
Alert
• 가장 일반적인 웹 경고창
• 확인 누르기 전까지 아무것도 못함
• Alert 은 말그대로 경고창..
14년 4월 24일 목요일
Popup
14년 4월 24일 목요일
Popup
14년 4월 24일 목요일
Popup
• 새로운 브라우저를 열고 특정 페이지를 출력
14년 4월 24일 목요일
Popup
• 새로운 브라우저를 열고 특정 페이지를 출력
• 부모창이 필수이므로 Alert과 마찬가지로 브라우저 의존
14년 4월 24일 목요일
Popup
• 새로운 브라우저를 열고 특정 페이지를 출력
• 부모창이 필수이므로 Alert과 마찬가지로 브라우저 의존
• 알림이 올때마다 새로운 창을 여는 것은
14년 4월 24일 목요일
Popup
• 새로운 브라우저를 열고 특정 페이지를 출력
• 부모창이 필수이므로 Alert과 마찬가지로 브라우저 의존
• 알림이 올때마다 새로운 창을 여는 것은 미.친.짓
14년 4월 24일 목요일
HTML5 Notifications
14년 4월 24일 목요일
HTML5 Notifications
14년 4월 24일 목요일
HTML5 Notifications
• 원하는 기능에 가장 가까운 HTML5 API
14년 4월 24일 목요일
HTML5 Notifications
• 원하는 기능에 가장 가까운 HTML5 API
• 지원하는 브라우저가 얼마 없음
14년 4월 24일 목요일
HTML5 Notifications
• 원하는 기능에 가장 가까운 HTML5 API
• 지원하는 브라우저가 얼마 없음
• 사용하기 위해서는 사용자 확인 필수
14년 4월 24일 목요일
HTML5 Notifications
• 원하는 기능에 가장 가까운 HTML5 API
• 지원하는 브라우저가 얼마 없음
• 사용하기 위해서는 사용자 확인 필수
한번
 써볼까?
14년 4월 24일 목요일
HTML5 Notifications
• 원하는 기능에 가장 가까운 HTML5 API
• 지원하는 브라우저가 얼마 없음
• 사용하기 위해서는 사용자 확인 필수
한번
 써볼까?
 
 
 
 
 
 
 
 
 
 
 
 
 했는데...
14년 4월 24일 목요일
But
14년 4월 24일 목요일
But
close browser
14년 4월 24일 목요일
But
close browser
.
14년 4월 24일 목요일
But
close browser
.
.
14년 4월 24일 목요일
But
close browser
.
.
Nothing
14년 4월 24일 목요일
So..?
14년 4월 24일 목요일
So..?
Benchmark to Mobile
14년 4월 24일 목요일
Mobile Notifications
14년 4월 24일 목요일
APNS
• 애플사에서 모바일 서비스를 위해 만든 Push 서비스 플랫폼
• APNS 에 앱단말정보 등록 후 메시지 수신
14년 4월 24일 목요일
C2DM
• Android는 Push 서비스를 지원하지 않.았.다
• 개발자들의 불만때문에 프로요부터 C2DM을 적용
• APN과 같이 개방형이 아닌 구글 계정이 설정된 단말만 사용제한
http://www.mobizen.pe.kr/1074
14년 4월 24일 목요일
MPNS
• Microsoft Push Notification Service
• windows phone 8 / windows phone os 7.1 에 적용
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402558(v=vs.105).aspx
14년 4월 24일 목요일
N-Push
1. NHN 통합 모바일 Push 서비스
2. 여러 Push 서비스들을 연결하는 일종의 Push Proxy Server
3. 플랫폼에 상관없는 Push 서비스 제공 가능
http://helloworld.naver.com/helloworld/1119
14년 4월 24일 목요일
Push Notifications
14년 4월 24일 목요일
Push Notifications
클라이언트를 Push 서버에 등록
14년 4월 24일 목요일
Push Notifications
클라이언트를 Push 서버에 등록
Push 서버는 각 클라이언트에 메시지 전달
14년 4월 24일 목요일
Server Feature
✓Client Registration API
✓Client Connect API
✓Send Message API
14년 4월 24일 목요일
Client Feature
✓Regist to Push Server(Login)
✓Connect Push Server
✓Receive Push Message
✓Popup notification message
14년 4월 24일 목요일
Architecture
14년 4월 24일 목요일
Architecture
Desktop  Mac
14년 4월 24일 목요일
Architecture
Node-webkit
Notification client
Desktop  Mac
14년 4월 24일 목요일
Architecture
Node.js
Push server
Node-webkit
Notification client
Desktop  Mac
14년 4월 24일 목요일
Architecture
Node.js
Push server
Node-webkit
Notification client
Desktop  Mac
regist  connect
14년 4월 24일 목요일
Architecture
Node.js
Push server
Node-webkit
Notification client
3rd party service
web server mobile ...
Desktop  Mac
regist  connect
14년 4월 24일 목요일
Architecture
Node.js
Push server
Node-webkit
Notification client
3rd party service
web server mobile ...
Desktop  Mac
regist  connect
key regist
14년 4월 24일 목요일
Architecture
Node.js
Push server
Node-webkit
Notification client
3rd party service
web server mobile ...
Desktop  Mac
send message
regist  connect
key regist
14년 4월 24일 목요일
Architecture
Node.js
Push server
Node-webkit
Notification client
3rd party service
web server mobile ...
Desktop  Mac
push message
send message
regist  connect
key regist
14년 4월 24일 목요일
Make
14년 4월 24일 목요일
Make
Push Server
14년 4월 24일 목요일
Make
Push Server
Notification Client
14년 4월 24일 목요일
Make
Push Server
Notification Client
.
14년 4월 24일 목요일
Make
Push Server
Notification Client
.
.
14년 4월 24일 목요일
Make
Push Server
Notification Client
.
.
Just Prototype
14년 4월 24일 목요일
Server
14년 4월 24일 목요일
Technique
✓Javascript
✓Node.js
✓express
✓socket.io
14년 4월 24일 목요일
Regist Client API
14년 4월 24일 목요일
Message Push API
14년 4월 24일 목요일
Start Server
14년 4월 24일 목요일
Client
14년 4월 24일 목요일
Technique
✓HTML  CSS  Javascript
✓node-webkit
✓socket.io
✓nw-desktop-notifications.js
14년 4월 24일 목요일
Technique
✓HTML  CSS  Javascript
✓node-webkit
✓socket.io
✓nw-desktop-notifications.js
14년 4월 24일 목요일
Technique
✓HTML  CSS  Javascript
✓node-webkit
✓socket.io
✓nw-desktop-notifications.js
내부 구현이 템플릿 형태랑 안맞아서 별도로 구현
14년 4월 24일 목요일
Login View
14년 4월 24일 목요일
Tray  Tray Menu
14년 4월 24일 목요일
Message Template
14년 4월 24일 목요일
How to Use?
14년 4월 24일 목요일
Anywhere
14년 4월 24일 목요일
Anytime
14년 4월 24일 목요일
Anybody
14년 4월 24일 목요일
Just Call PUSH API
14년 4월 24일 목요일
Use Where
14년 4월 24일 목요일
Notification
14년 4월 24일 목요일
Notification
14년 4월 24일 목요일
Notification
14년 4월 24일 목요일
Notification
14년 4월 24일 목요일
Notification
14년 4월 24일 목요일
Notification
14년 4월 24일 목요일
Notification
Anything
14년 4월 24일 목요일
Everywhere
14년 4월 24일 목요일
Everywhere
“중요한건 어디에 사용할 수 있을까?”
14년 4월 24일 목요일

Pusher create web notification service via javascript