SlideShare a Scribd company logo
Tensorflow Dev
Summit 2018
2018. 04. 05. 민규식
오늘의 발표
2
Self Introduction
3
민규식
- 한양대학교 MMC연구실 석박사 통합과정 재학중
- 운전자 보조 시스템 (ADAS) & 자율주행 자동차
- 차량 관련 기술에 딥러닝 적용하기!
- 강화학습 이론 공부
- 강화학습 환경 제작
Tesorflow.js
4
Tesorflow.js
5
Tesorflow.js
6
Tesorflow.js
7
웹페이지의 구성요소
- HTML: 웹페이지의 큰 뼈대를 제공 (Hyper Text Markup Language)
- CSS: 색, 글씨체 등 디자인 요소를 관리 (Cascading Style Sheets)
- Java Script: 객체지향 스크립트 언어로 웹페이지의 동작을 담당
- 웹을 풍부하게 만들어주는 작고 가벼운 언어
Tesorflow.js
8
- Google brain 팀에 의해 개발, 2017년 8월 공개
- Java script 라이브러리로 인터넷 브라우저에서 deep learning inference, training이 가능
- WebGL을 통해 GPU 연산 가능
- WebGL: 웹 기반 그래픽 라이브러리 -> 웹 브라우저 내부에서 3D 그래픽을 사용할 수 있도록 제공
- 다양한 딥러닝 관련 기능들을 웹 상에서 제공 가능 (Style transfer, Generative model, Machine translation)
Tesorflow.js
9
Playground
playground.tensorflow.org
Tesorflow.js
10
In-browser ML
- No driver / no installs -> 웹 페이지에 접속만 하면 실행
- 링크를 통해 간편하게 공유 가능
- Highly interactive
- 핸드폰 등을 이용하는 경우 내장 센서를 input 으로 제공 가능
- Sensor data는 client 에 남고 web 에 올리지 않음 -> Privacy
Tesorflow.js
11
Tensorflow.js
Tesorflow.js
12
Tensorflow.js
Tesorflow.js
13
Tensorflow.js
- Browser 내에서 모델을 생성, 학습, 테스트 할 수 있음
- Python으로 training 을 수행하고 저장된 변수들을 불러와서 browser 내에서 inference 가능
- 불러온 모델을 browser 내에서 retrain 하는 것도 가능
- Conversion: TF나 Keras로 제작 -> model을 저장 -> JS 모델로 변환 -> JS에서 사용!
- Conversion에 제공되는 기능
- Graph optimization: Prediction을 할 때 사용하지 않는 node들 제거
- Weight optimization
- Support 90+ Tensorflow ops -> control flow ops (coming soon)
- Support 32+ Keras layers
- Node.js 를 통해 서버를 이용한 연산이 가능하도록 제공할 예정
Tesorflow.js
14
Example (Training)
Tesorflow.js
15
Example (Webcam controller PacMan)
- Controller의 방향에 이용할 이미지를 각각 촬영
- Parameter 들을 결정하고 Train 버튼을 누른다!
- Loss가 줄어든 것을 확인하고 play를 눌러 게임을 실행한다!
- 웹페이지 상에서 training 과 inference 모두 가능
Tesorflow.js
16
Example (Conversion)
- python + tensorflow 를 이용하여 mobileNet을 구성
- Object detection 을 수행하도록 학습
- 학습된 model을 JS 로 변환 -> 브라우저 상에서 inference를 하도록 구현
Tesorflow.js
17
Example (Conversion)
Tesorflow.js
18
Example (Conversion)
Tesorflow.js
19
Example (Conversion)
Tesorflow.js
20
Emoji Scavenger Hunt
- emojiscavengerhunt.withgoogle.com
- Webcam을 통해 플레이 -> 일정 시간 내에 물건을 찾는 게임!
Tesorflow.js
21
참고!
- js.tensorflow.org
- Github.com/tensorflow/tfjs
Coca-Cola
22
Applied AI at the Coca-Cola Company
Coca-Cola
23
Proof of Purchase
- 소비자는 제품 구매의 증거를 회사측에 전달 (barcode, proof of purchase seal, …) -> 회사는 보상을 지급
- Sales promotion, loyalty marketing, 소비 데이터 수집
Coca-Cola
24
Digital Engagement Marketing
- 기술의 발전으로 인해 web 이나 mobile 플랫폼을 이용한 proof of purchase 가능
- 소비자에게 즉각적인 보상 제공이 가능하며 접근성 향상
- 코카콜라의 경우 병뚜껑에 있는 14 character 로 구성된 pin code 를 이용
- 모든 제품에 unique 하게 할당된 코드 -> 하지만 이것도 손으로 치기 귀찮지요…
≈
Coca-Cola
25
Training 의 과정
- Processing time: 1초 이내, 정확도 95% 이상- Active learning UI를 제작 -> 소비자가 라벨링
- 작은 크기의 모델, update 수행 가능
Coca-Cola
26
Training
Coca-Cola
27
Training
- Character probability matrix 계산
- Every character in every position
- Matrix size: 글자 수 x 라벨 수
Top 10 prediction 선택
Valid: Pincode 제출
Invalid: Active learning
Coca-Cola
28
Training
Improving the Model in 3 Phases
Made the model too large Prevented the model from converging Gets the model to converge
(5mb model with acc > 95%)
Coca-Cola
29
Result
http://coke.com/rewards
App 공개: 3월 28일!
Thank You!!
30

More Related Content

PDF
구글의 머신러닝 비전: TPU부터 모바일까지 (Google I/O Extended Seoul 2017)
Jeongkyu Shin
 
PDF
머신러닝 및 데이터 과학 연구자를 위한 python 기반 컨테이너 분산처리 플랫폼 설계 및 개발
Jeongkyu Shin
 
PDF
격변하는 프로그래밍 언어, 이제는 Let it go
Chris Ohk
 
PDF
Backend.AI: 오픈소스 머신러닝 인프라 프레임워크
Jeongkyu Shin
 
PPTX
자바_웹_개발자를_위한_c#_핵심_기능
Dexter Jung
 
PPTX
OKKY_송년회_발표자료
Dexter Jung
 
PDF
개인 일정관리에 Agile을 끼얹으면?
Curt Park
 
PDF
C# / .NET Framework로 미래 밥그릇을 챙겨보자 (Basic)
Dong Chan Shin
 
구글의 머신러닝 비전: TPU부터 모바일까지 (Google I/O Extended Seoul 2017)
Jeongkyu Shin
 
머신러닝 및 데이터 과학 연구자를 위한 python 기반 컨테이너 분산처리 플랫폼 설계 및 개발
Jeongkyu Shin
 
격변하는 프로그래밍 언어, 이제는 Let it go
Chris Ohk
 
Backend.AI: 오픈소스 머신러닝 인프라 프레임워크
Jeongkyu Shin
 
자바_웹_개발자를_위한_c#_핵심_기능
Dexter Jung
 
OKKY_송년회_발표자료
Dexter Jung
 
개인 일정관리에 Agile을 끼얹으면?
Curt Park
 
C# / .NET Framework로 미래 밥그릇을 챙겨보자 (Basic)
Dong Chan Shin
 

What's hot (20)

PDF
파이콘 한국 2019 - 파이썬으로 서버를 극한까지 끌어다 쓰기: Async I/O의 밑바닥
Seomgi Han
 
PDF
프로그래밍 언어의 기본 개념과 주요 프로그래밍 언어
Bizmerce Corp
 
PPTX
Hot Trend Lambda Expressions, Compare C# With Java
Dexter Jung
 
PPTX
PyCon2020 NLP beginner's BERT challenge
Yoongi Kim
 
PPTX
[devil's camp] - Crack me (김민재)
NAVER D2
 
PDF
How to use Python in Video streaming service - PyCon Korea 2020
AeYeong Kim
 
PDF
Go로 새 프로젝트 시작하기
Joonsung Lee
 
PDF
인생은 짧아요, 엑셀 대신 파이썬
Seung-June Lee
 
PDF
알파희 - PyPy/RPython으로 20배 빨라지는 아희 JIT 인터프리터
YunWon Jeong
 
PDF
파이썬(Python) 소개
Jin wook
 
PDF
파이썬을 배워야하는 이유 발표자료 - 김연수
Yeon Soo Kim
 
PDF
파이썬 생존 안내서 (자막)
Heungsub Lee
 
PDF
Slipp clojure-1212
완수 양
 
PDF
도도와 파이썬: 좋은 선택과 나쁜 선택
Jc Kim
 
PDF
Kgc2014 삼한제국기 포스트모템 김찬웅
Chanwoong Kim
 
PDF
안드로이드 Oreo의 변화와 모바일 앱/플랫폼의 적합한 성능 측정 방법
YoungSu Son
 
PDF
Pycon Korea 2018 - 비개발자에게 파이썬 가르치기
SeokhwanMoon
 
PDF
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
NAVER Engineering
 
PPTX
NDC2018 안드로이드+유니티 네이티브 프로파일링 삽질기
Jaeseung Ha
 
PDF
모두의 클라우드 딥러닝
NAVER Engineering
 
파이콘 한국 2019 - 파이썬으로 서버를 극한까지 끌어다 쓰기: Async I/O의 밑바닥
Seomgi Han
 
프로그래밍 언어의 기본 개념과 주요 프로그래밍 언어
Bizmerce Corp
 
Hot Trend Lambda Expressions, Compare C# With Java
Dexter Jung
 
PyCon2020 NLP beginner's BERT challenge
Yoongi Kim
 
[devil's camp] - Crack me (김민재)
NAVER D2
 
How to use Python in Video streaming service - PyCon Korea 2020
AeYeong Kim
 
Go로 새 프로젝트 시작하기
Joonsung Lee
 
인생은 짧아요, 엑셀 대신 파이썬
Seung-June Lee
 
알파희 - PyPy/RPython으로 20배 빨라지는 아희 JIT 인터프리터
YunWon Jeong
 
파이썬(Python) 소개
Jin wook
 
파이썬을 배워야하는 이유 발표자료 - 김연수
Yeon Soo Kim
 
파이썬 생존 안내서 (자막)
Heungsub Lee
 
Slipp clojure-1212
완수 양
 
도도와 파이썬: 좋은 선택과 나쁜 선택
Jc Kim
 
Kgc2014 삼한제국기 포스트모템 김찬웅
Chanwoong Kim
 
안드로이드 Oreo의 변화와 모바일 앱/플랫폼의 적합한 성능 측정 방법
YoungSu Son
 
Pycon Korea 2018 - 비개발자에게 파이썬 가르치기
SeokhwanMoon
 
[TECHCON 2019: MOBILE - Android]7.20분만에 만들어보는 라이브 방송 앱
NAVER Engineering
 
NDC2018 안드로이드+유니티 네이티브 프로파일링 삽질기
Jaeseung Ha
 
모두의 클라우드 딥러닝
NAVER Engineering
 
Ad

Similar to TensorFlow.js & Applied AI at the Coca-Cola Company (20)

PPTX
프론트엔드 개발자의 자바스크립트
jeong seok yang
 
PPTX
피니엔진
승우 백
 
PDF
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
NAVER Engineering
 
PDF
100만 달러짜리 빠른앱 만드는 비법
SooHwan Ok
 
PDF
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
Rhio Kim
 
PDF
NAVER TECH CONCERT_FE2019_빠르게 훑어보는 웹 개발 트렌드
NAVER Engineering
 
PPTX
Pp3 devweb
Reagan Hwang
 
PDF
Javascript everywhere - Node.js | Devon 2012
Daum DNA
 
PDF
[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...
JinKwon Lee
 
PDF
Node.js in Flitto
SeungWoo Lee
 
PDF
Tensorflow service & Machine Learning
JEEHYUN PAIK
 
PDF
20131217 html5
DK Lee
 
PDF
NAVER의 웹/HTML5환경 대응 현황
NAVER Engineering
 
PPTX
Rss+reader+n스크린+적용기
caley2
 
PDF
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
Jae Sung Park
 
PDF
Slipp 발표 자료 20151212
Jinsoo Jung
 
PDF
What's new in IE11
Jae Sung Park
 
PPTX
JS Game Engines
Wonjun Hwang
 
PDF
오늘 당장 시작하는 HTML5
Taegon Kim
 
PDF
Embedded project presentation
Jae-yeol Lee
 
프론트엔드 개발자의 자바스크립트
jeong seok yang
 
피니엔진
승우 백
 
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
NAVER Engineering
 
100만 달러짜리 빠른앱 만드는 비법
SooHwan Ok
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
Rhio Kim
 
NAVER TECH CONCERT_FE2019_빠르게 훑어보는 웹 개발 트렌드
NAVER Engineering
 
Pp3 devweb
Reagan Hwang
 
Javascript everywhere - Node.js | Devon 2012
Daum DNA
 
[Korea Linux Forum] Implementing web based online multiplayer tetris with Ope...
JinKwon Lee
 
Node.js in Flitto
SeungWoo Lee
 
Tensorflow service & Machine Learning
JEEHYUN PAIK
 
20131217 html5
DK Lee
 
NAVER의 웹/HTML5환경 대응 현황
NAVER Engineering
 
Rss+reader+n스크린+적용기
caley2
 
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
Jae Sung Park
 
Slipp 발표 자료 20151212
Jinsoo Jung
 
What's new in IE11
Jae Sung Park
 
JS Game Engines
Wonjun Hwang
 
오늘 당장 시작하는 HTML5
Taegon Kim
 
Embedded project presentation
Jae-yeol Lee
 
Ad

More from Modulabs (7)

PPTX
Debugging with tensor board
Modulabs
 
PDF
Rear-World Robot Learning
Modulabs
 
PDF
TF.data & Eager Execution
Modulabs
 
PPTX
Machine Learning on Your Hand - Introduction to Tensorflow Lite Preview
Modulabs
 
PDF
Machine learnig with ModuLABS
Modulabs
 
PPTX
쫄지말자딥러닝2 - CNN RNN 포함버전
Modulabs
 
PDF
[모두의연구소] 쫄지말자딥러닝
Modulabs
 
Debugging with tensor board
Modulabs
 
Rear-World Robot Learning
Modulabs
 
TF.data & Eager Execution
Modulabs
 
Machine Learning on Your Hand - Introduction to Tensorflow Lite Preview
Modulabs
 
Machine learnig with ModuLABS
Modulabs
 
쫄지말자딥러닝2 - CNN RNN 포함버전
Modulabs
 
[모두의연구소] 쫄지말자딥러닝
Modulabs
 

TensorFlow.js & Applied AI at the Coca-Cola Company