SlideShare a Scribd company logo
1 of 21
Download to read offline
캡셔네이터 사용자 가이드
신부설@ANTH
2014.01.12
목차
- 메인
1) 스플래시 화면
2) 로그인 화면
3) 캡셔네이터 가입
화면
4) 영상 선택 화면
5) 자막 선택 화면
- 플레이어
1) 플레이어 화면 로딩
2) 다른 스크립트 보기, 화
면 잠그기, 스크립트 공유
하기, 스크립트 좋아요/싫
어요
3) 편집기 화면으로 이동
하기
- 편집기
1) 편집기 화면 로딩
2) 편집할 자막 바꾸
기
3) 세그먼트 추가
4) 세그먼트 삭제
5) 세그먼트 편집
6) 세그먼트 이동
- My
1) My 화면
2) 상세 화
면
메인
1) 스플래시 화면
API서버로부터 최신 버전
정보를 가져와 체크합니
다.
1) 설치된 버전이 사용 가
능하지만 최신 버전은 아
닐 때
2) 설치된 버전을 더 이
상 사용할 수 없을 때
3) 설치된 버전이 최
신 버전일 때
메인
2) 로그인 화면
3) 페북 로그인? (O)
캡셔네이터 가입? (X)
캡셔네이터 가입? (O)
2) 페북 로그인? (X)
페북앱 설치? (O)
1) 페북 로그인? (X)
페북앱 설치? (X)
터치해서 로그인
메인
3) 캡셔네이터 가입 화면
터치해서 영상 선택 화면으로
메인
4) 영상 선택 화면
아래로 당겨서 새로 고
침
터치해서 자막 선택 화면으로
메인
5) 자막 선택 화면(1)
아래로 당겨서 새로 고
침
터치해서 자막 선택
(최대 2개)
터치해서 자막을 좋아
요/싫어요
터치해서 자막 미리 보
기
메인
5) 자막 선택 화면(2)
터치해서 플레이어 화면
으로
메인
5) 자막 선택 화면(3)
터치해서 편집기 화면으
로
터치해서 편집기 화면으
로
플레이어
1) 플레이어 화면 로딩
캐치 프레이즈 페이드 아웃 애
니메이션
자막 다운로드
플레이어
2) 다른 스크립트 보기, 화면 잠그기, 스크립트 공유하기, 스크립트 좋아요/싫어요
터치해서 다른 스
크립트 보기
(MVD자막에서만
보이는 버튼)
터치해서 스크립
트 좋아요/싫어요
터치해서
스크립트 공
유
터치해서 화면 락
플레이어
3) 편집기 화면으로 이동하기
MVD자막으로 보
고 있지 않으면터치에서 편집기
화면으로
MVD자막으로 보
고 있으면
편집기
1) 편집기 화면 로딩
세그먼트 목록 다운로드
편집기
2) 편집할 자막 바꾸기
터치해서 편집할
자막 바꾸기
편집기
3) 세그먼트 추가
터치해서 세그먼트 추가
해당 시간에 세그먼트가
이미 존재하면 추가 실패
해당 시간에 세그먼트가
없으면 바로 추가
편집기
4) 세그먼트 삭제
터치해서 세그먼트 삭제
편집기
5) 세그먼트 편집
터치해서 세그먼트 편집
편집기
6) 세그먼트 이동
한 번에 이동할 시간
을 선택
원하는 시간대로
이동
이동한 시간을 저
장
저장하지 않고 뒤로
가기 버튼을 터치
저장하고 뒤로 갈지
질의
My
1) My화면
터치해서 My 화면으로
내가 편집에 참여한 MVD자
막을 그리드 형태로 보여줍
니다.
My
2) 상세 화면
터치해서 상세 화면으로
아래로 당겨서 새로 고
침
끝
신부설 c9coco@gmail.com

More Related Content

Viewers also liked

Ubuntu에서 Flask개발 맛보기 - 1
Ubuntu에서  Flask개발 맛보기 - 1Ubuntu에서  Flask개발 맛보기 - 1
Ubuntu에서 Flask개발 맛보기 - 1Booseol Shin
 
파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)성일 한
 
파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)성일 한
 
Python과 flask 입문(1)
Python과 flask 입문(1)Python과 flask 입문(1)
Python과 flask 입문(1)성천 이
 
[NEXT] Flask 로 Restful API 서버 만들기
[NEXT] Flask 로 Restful API 서버 만들기 [NEXT] Flask 로 Restful API 서버 만들기
[NEXT] Flask 로 Restful API 서버 만들기 YoungSu Son
 
파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)성일 한
 

Viewers also liked (6)

Ubuntu에서 Flask개발 맛보기 - 1
Ubuntu에서  Flask개발 맛보기 - 1Ubuntu에서  Flask개발 맛보기 - 1
Ubuntu에서 Flask개발 맛보기 - 1
 
파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #4 (ABCD)
 
파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #2 (ABCD)
 
Python과 flask 입문(1)
Python과 flask 입문(1)Python과 flask 입문(1)
Python과 flask 입문(1)
 
[NEXT] Flask 로 Restful API 서버 만들기
[NEXT] Flask 로 Restful API 서버 만들기 [NEXT] Flask 로 Restful API 서버 만들기
[NEXT] Flask 로 Restful API 서버 만들기
 
파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)
파이썬 플라스크로 배우는 웹프로그래밍 #3 (ABCD)
 

More from Booseol Shin

2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴Booseol Shin
 
2015 deploy gate 시작 가이드
2015   deploy gate 시작 가이드2015   deploy gate 시작 가이드
2015 deploy gate 시작 가이드Booseol Shin
 
파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리Booseol Shin
 
HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터Booseol Shin
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)Booseol Shin
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)Booseol Shin
 
초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기Booseol Shin
 
머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역Booseol Shin
 
안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기Booseol Shin
 

More from Booseol Shin (9)

2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴
 
2015 deploy gate 시작 가이드
2015   deploy gate 시작 가이드2015   deploy gate 시작 가이드
2015 deploy gate 시작 가이드
 
파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리
 
HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
 
초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기
 
머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역
 
안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기
 

캡셔네이터 사용자 가이드