SlideShare a Scribd company logo
1 of 17
인턴사원김지섭
플랫폼 개발팀
SBSContentsHub Co.
2012. 9. 26
app.
development
ACR을 활용한
실시간 TV 영상 공유 어플
1. 과제 개요
2. 선정 배경
3. 필요성 및 목표
4. 핵심 서비스
5. 동영상 및 시연
6. 기대효과 및 발전방향
목차
1.1 페이지 제목
과제 개요
3 / 14
1-1 과제 Scope
쏘티 어플 개발<K-POP스타2> 안드로이드 버젼
• Social 관련 앱 개발
• Facebook, Twitter, 카카오톡 Open API 활용
• 쏘티(ACR) 기능 활용
1-2 제안 아이디어
• 시청중인 친구찾기 앱 ACR 체크인 기능을 활용하여 지금 접속 중인 친구를 찾고 1:1대화기능을 서비스하는 앱
• 나만의 영상 포스트 만들기 ACR기능을 활용하여 현재 시청중인 영상을 녹화, 저장하고 공유하는 앱
• 스탬프를 기반으로한 투표 앱 ACR 체크인할 경우 받는 스탬프로 다양한 투표를 할 수 있는 앱
• 실시간 TV 영상 쉐어링 앱 시청중인 영상에 스티커나 이모티콘 등의 감정을 붙여 친구들과 공유할 수 있는 앱
선정배경
Target
4 / 14
2-1 타겟
재미있고 즐거운 최신 유행을 따르는 소비자
그들의 라이프 스타일에 초점을 맞추어
언제나 인터넷을 통해 친구들과 즐거운 순간을 함께 나누길 원하는 소비자
선정배경
개발 목적
5 / 14
2-2 개발 목적
즐거운 순간을 나누고자 하는 소비자에게 가장 큰 문제점은
관련 콘텐츠를 손쉽게 찾기 어렵고
따라서 공유하는 시점이 자연스럽게 늦어 진다는 점에 있다.
필요성 및 목표
필요성 및 목표
6 / 14
3-1 Key Message
Now Bring Your TV Screen Shot to You.
Share Funs
어느 매체보다 빠르게 공유하자.
ACR로 체크인 할 때 마다
손쉽게 TV화면 영상을 얻을 수 있습니다.
친구들과 함께 즐거움을 공유합니다.
핵심 서비스
컴포넌트 디자인
7 / 14
4-1 컴포넌트 디자인
K팝스타
로그인
박스 ACR 체크인
갤러리,
베스트 영상
페이스북
공유
아이디
시청중인 영상
수신
영상
가져오기
영상 꾸미기
암호
회원가입
프로그램
정보, 시간
영상별
카테고리
베스트 영상
이미지, 텍스트
링크 포스트
핵심 서비스
시스템 개요도
8 / 14
4-2 시스템 개요도
Splash/
초기화면
회원 가입
메인 화면
소티 FB
연동
갤러리
/카테고리
ACR
페이스북
포스트
베스트
영상 수신 사진/링크
작성
설정
로그인
로그인/
회원가입
프로세스 9 / 14
Process
초기화면
로그인과 회원가입
카테고리(메인화면)
참가자별 갤러리
갤러리
전체 갤러리
사진 시간순(이번주, 오늘)정렬
베스트 샷
이번주 상위 조회수를 기록
설정
SNS, 알림(C2DM) 개인정보
사용자 인터페이스 10 / 14
사용자 인터페이스
인터페이스
사용자가 소티 버튼(우측)을 활성화 시키면
가운데 Process bar와 함께
방송중인 프로그램을 인식 중이라는 문구가 나타난다.
백그라운드 화면은 Camera SurfaceView로
사용자에게 카메라 화면으로 지금 방송 중인 화면을
바라보게 만든다.
#시나리오1.
스크린샷 TV수신 (소티버튼 활성화)
유스케이스
Primary Actor : 사용자
Secondary Actor : 스마트폰, ACR Server
Goal : 사용자가 스마트폰으로 TV음성을 판별한다.
1) 사용자가 소티버튼을 활성화 한다.
2) 스마트폰에서 ACR Server로 저장된 음성정보를 전
송한다.
3) 서버에서는 전송된 음성정보를 가지고 프로그램을
판별한다.
사용자 인터페이스 11 / 14
사용자 인터페이스
인터페이스
웹서버로 부터 이미지를 수신받는다.
화면 하단에 섬네일 형식으로 ACR로 판별한 프로그램
에 현재 시간을 기준으로 1초 간격의 10장의 사진을
출력한다. .
사용자가 섬네일 갤러리에서 하나를 선택하면 화면 상
단에 이미지가 스위칭 된다.
#시나리오2.
스크린샷 TV수신 (이미지 수신)
유스케이스
Primary Actor : 스마트폰
Secondary Actor : 사용자, Image Web Server
Goal : 스마트폰에 이미지를 수신한다.
1) 앞에서 판별한 프로그램 정보를 바탕으로 웹 서버로
부터 이미지를 수신한다..
2) 사용자가 원하는 이미지를 선택한다.
3) 선택한 이미지가 스마트폰 화면 상단
ImageSwitcher에 출력된다..
사용자 인터페이스 12 / 14
사용자 인터페이스
인터페이스
사용자가 원하는 이미지를 터치할 경우,
이 화면을 보고 느낀 감정을
이모티콘, 좋아요, 싫어요, 스티커 등으로 표현할 수 있
다.
#시나리오3.
감정 표현(이모티콘, 투표, 스티커)
유스케이스
Primary Actor : 사용자
Secondary Actor : 스마트폰
Goal : 사용자가 느낀 감정상태를 표현한다.
1) 사용자는 앞에서 선택한 이미지를 보고 느낀 감정을
표현할 수 있다.
2) 방법은 좋아요, 싫어요, 이모티콘, 스티커 등으로 표
현한다.
3) 표현한 감정은 스마트폰 내에서 변수로 가지고 있는
다.
사용자 인터페이스 13 / 14
사용자 인터페이스
인터페이스
공유할 이미지(지금 시청중인 화면)와
덧붙이는 글 또는 감정상태(전 단계에서 선택)를 작성
한 다음 ,
포스팅 버튼을 누르게 되면 페이스북 자신의 담벼락에
작성된다.
페이스북 연동을 확인할 수 있는 버튼을 두고
연동이 안됐을 경우 연동할 수 있는 창으로 연결 시켜
준다.
만약, 연동되지 않은 경우 포스팅이 안되도록 한다.
#시나리오4.
감정 표현(이모티콘, 투표, 스티커)
유스케이스
Primary Actor : 사용자
Secondary Actor : 스마트폰, 페이스북 서버
Goal : 사용자가 페이스북 담벼락에 게시물을 작성한다.
1) 사용자는 선택한 이미지를 확인하고 덧붙이는 글을
작성할 수 있다.
2) 페이스북과 연동상태를 화면에 출력한다..
3) 사용자가 Posting버튼을 누를 때 스마트폰에서 작성
한 이미지와 메시지가 페이스북 API를 통해 Server
로 전송된다.
동영상
3.4차트
개발 요구사항
안드로이드 OS 버전별
점유율 (2012. 4 기준)
0%
1%
6%
23%
64%
3%
1%
2%
15 / 14
1위 64%
안드로이드 2.3.X (진저브래드)
2위 23%
안드로이드 2.2.X (프로요)
2.2 도형
고객 가치
 콘텐츠접근성강화
 콘텐츠공유의즉시성
 Fun즐길 수 있는 콘텐츠
SBS
 시청자의행동 분석
 페이스북을 통한 자사 콘텐츠 홍보
 소셜TV 콘텐츠강화
16 / 14
기대효과 및 발전방향
감사합니다
이 문서는 나눔글꼴로 작성되었습니다. 설치하기

More Related Content

Similar to 인턴과제발표 오디오인식기술(ACR) 적용 안드로이드 어플리케이션

Requirements
RequirementsRequirements
Requirementsnarae kim
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdfJeongeun Kwon
 
앱팀메이킹1111381
앱팀메이킹1111381앱팀메이킹1111381
앱팀메이킹1111381Jungsook Baek
 
앱팀메이킹
앱팀메이킹앱팀메이킹
앱팀메이킹Jungsook Baek
 
앱팀메이킹
앱팀메이킹앱팀메이킹
앱팀메이킹Jungsook Baek
 
[Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선 [Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선 RightBrain inc.
 
Project Avalon Online(Game) Final Report
Project Avalon Online(Game) Final ReportProject Avalon Online(Game) Final Report
Project Avalon Online(Game) Final ReportMatthew Chang
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyunjaeyunjeong1
 
Part2.Design_이준경
Part2.Design_이준경Part2.Design_이준경
Part2.Design_이준경Junkyeong Lee
 
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기Soojin Ro
 
Android Test Recorder & Profiler 구축 이야기
Android  Test Recorder & Profiler 구축 이야기 Android  Test Recorder & Profiler 구축 이야기
Android Test Recorder & Profiler 구축 이야기 YoungSu Son
 
유저해빗(UserHabit) 서비스 소개서 요약본
유저해빗(UserHabit) 서비스 소개서 요약본유저해빗(UserHabit) 서비스 소개서 요약본
유저해빗(UserHabit) 서비스 소개서 요약본Ha ji Yoon
 
다음 팟인코더 개선방안(최종)
다음 팟인코더 개선방안(최종)다음 팟인코더 개선방안(최종)
다음 팟인코더 개선방안(최종)hahahiho
 
9th.lecture.ui.design
9th.lecture.ui.design9th.lecture.ui.design
9th.lecture.ui.designJeongeun Kwon
 
[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔NAVER D2
 
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기위키북스
 
최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)
최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)
최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)CIZION
 
Sencha Review
Sencha ReviewSencha Review
Sencha Reviewmisia85
 
내 폰의 멋진 변신
내 폰의 멋진 변신내 폰의 멋진 변신
내 폰의 멋진 변신Sung-un Choi
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Potentialeyes, Inc.
 

Similar to 인턴과제발표 오디오인식기술(ACR) 적용 안드로이드 어플리케이션 (20)

Requirements
RequirementsRequirements
Requirements
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
 
앱팀메이킹1111381
앱팀메이킹1111381앱팀메이킹1111381
앱팀메이킹1111381
 
앱팀메이킹
앱팀메이킹앱팀메이킹
앱팀메이킹
 
앱팀메이킹
앱팀메이킹앱팀메이킹
앱팀메이킹
 
[Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선 [Rightbrain UX Academy] Megabox UX/UI개선
[Rightbrain UX Academy] Megabox UX/UI개선
 
Project Avalon Online(Game) Final Report
Project Avalon Online(Game) Final ReportProject Avalon Online(Game) Final Report
Project Avalon Online(Game) Final Report
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyun
 
Part2.Design_이준경
Part2.Design_이준경Part2.Design_이준경
Part2.Design_이준경
 
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
 
Android Test Recorder & Profiler 구축 이야기
Android  Test Recorder & Profiler 구축 이야기 Android  Test Recorder & Profiler 구축 이야기
Android Test Recorder & Profiler 구축 이야기
 
유저해빗(UserHabit) 서비스 소개서 요약본
유저해빗(UserHabit) 서비스 소개서 요약본유저해빗(UserHabit) 서비스 소개서 요약본
유저해빗(UserHabit) 서비스 소개서 요약본
 
다음 팟인코더 개선방안(최종)
다음 팟인코더 개선방안(최종)다음 팟인코더 개선방안(최종)
다음 팟인코더 개선방안(최종)
 
9th.lecture.ui.design
9th.lecture.ui.design9th.lecture.ui.design
9th.lecture.ui.design
 
[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔
 
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기
앱 인벤터 2: 비전공자를 위한 안드로이드 앱 만들기
 
최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)
최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)
최신 SNS 마케팅 성공사례, 라이브리 하우 투 (2013년 7월)
 
Sencha Review
Sencha ReviewSencha Review
Sencha Review
 
내 폰의 멋진 변신
내 폰의 멋진 변신내 폰의 멋진 변신
내 폰의 멋진 변신
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019
 

인턴과제발표 오디오인식기술(ACR) 적용 안드로이드 어플리케이션

  • 1. 인턴사원김지섭 플랫폼 개발팀 SBSContentsHub Co. 2012. 9. 26 app. development ACR을 활용한 실시간 TV 영상 공유 어플
  • 2. 1. 과제 개요 2. 선정 배경 3. 필요성 및 목표 4. 핵심 서비스 5. 동영상 및 시연 6. 기대효과 및 발전방향 목차
  • 3. 1.1 페이지 제목 과제 개요 3 / 14 1-1 과제 Scope 쏘티 어플 개발<K-POP스타2> 안드로이드 버젼 • Social 관련 앱 개발 • Facebook, Twitter, 카카오톡 Open API 활용 • 쏘티(ACR) 기능 활용 1-2 제안 아이디어 • 시청중인 친구찾기 앱 ACR 체크인 기능을 활용하여 지금 접속 중인 친구를 찾고 1:1대화기능을 서비스하는 앱 • 나만의 영상 포스트 만들기 ACR기능을 활용하여 현재 시청중인 영상을 녹화, 저장하고 공유하는 앱 • 스탬프를 기반으로한 투표 앱 ACR 체크인할 경우 받는 스탬프로 다양한 투표를 할 수 있는 앱 • 실시간 TV 영상 쉐어링 앱 시청중인 영상에 스티커나 이모티콘 등의 감정을 붙여 친구들과 공유할 수 있는 앱
  • 4. 선정배경 Target 4 / 14 2-1 타겟 재미있고 즐거운 최신 유행을 따르는 소비자 그들의 라이프 스타일에 초점을 맞추어 언제나 인터넷을 통해 친구들과 즐거운 순간을 함께 나누길 원하는 소비자
  • 5. 선정배경 개발 목적 5 / 14 2-2 개발 목적 즐거운 순간을 나누고자 하는 소비자에게 가장 큰 문제점은 관련 콘텐츠를 손쉽게 찾기 어렵고 따라서 공유하는 시점이 자연스럽게 늦어 진다는 점에 있다.
  • 6. 필요성 및 목표 필요성 및 목표 6 / 14 3-1 Key Message Now Bring Your TV Screen Shot to You. Share Funs 어느 매체보다 빠르게 공유하자. ACR로 체크인 할 때 마다 손쉽게 TV화면 영상을 얻을 수 있습니다. 친구들과 함께 즐거움을 공유합니다.
  • 7. 핵심 서비스 컴포넌트 디자인 7 / 14 4-1 컴포넌트 디자인 K팝스타 로그인 박스 ACR 체크인 갤러리, 베스트 영상 페이스북 공유 아이디 시청중인 영상 수신 영상 가져오기 영상 꾸미기 암호 회원가입 프로그램 정보, 시간 영상별 카테고리 베스트 영상 이미지, 텍스트 링크 포스트
  • 8. 핵심 서비스 시스템 개요도 8 / 14 4-2 시스템 개요도 Splash/ 초기화면 회원 가입 메인 화면 소티 FB 연동 갤러리 /카테고리 ACR 페이스북 포스트 베스트 영상 수신 사진/링크 작성 설정 로그인 로그인/ 회원가입
  • 9. 프로세스 9 / 14 Process 초기화면 로그인과 회원가입 카테고리(메인화면) 참가자별 갤러리 갤러리 전체 갤러리 사진 시간순(이번주, 오늘)정렬 베스트 샷 이번주 상위 조회수를 기록 설정 SNS, 알림(C2DM) 개인정보
  • 10. 사용자 인터페이스 10 / 14 사용자 인터페이스 인터페이스 사용자가 소티 버튼(우측)을 활성화 시키면 가운데 Process bar와 함께 방송중인 프로그램을 인식 중이라는 문구가 나타난다. 백그라운드 화면은 Camera SurfaceView로 사용자에게 카메라 화면으로 지금 방송 중인 화면을 바라보게 만든다. #시나리오1. 스크린샷 TV수신 (소티버튼 활성화) 유스케이스 Primary Actor : 사용자 Secondary Actor : 스마트폰, ACR Server Goal : 사용자가 스마트폰으로 TV음성을 판별한다. 1) 사용자가 소티버튼을 활성화 한다. 2) 스마트폰에서 ACR Server로 저장된 음성정보를 전 송한다. 3) 서버에서는 전송된 음성정보를 가지고 프로그램을 판별한다.
  • 11. 사용자 인터페이스 11 / 14 사용자 인터페이스 인터페이스 웹서버로 부터 이미지를 수신받는다. 화면 하단에 섬네일 형식으로 ACR로 판별한 프로그램 에 현재 시간을 기준으로 1초 간격의 10장의 사진을 출력한다. . 사용자가 섬네일 갤러리에서 하나를 선택하면 화면 상 단에 이미지가 스위칭 된다. #시나리오2. 스크린샷 TV수신 (이미지 수신) 유스케이스 Primary Actor : 스마트폰 Secondary Actor : 사용자, Image Web Server Goal : 스마트폰에 이미지를 수신한다. 1) 앞에서 판별한 프로그램 정보를 바탕으로 웹 서버로 부터 이미지를 수신한다.. 2) 사용자가 원하는 이미지를 선택한다. 3) 선택한 이미지가 스마트폰 화면 상단 ImageSwitcher에 출력된다..
  • 12. 사용자 인터페이스 12 / 14 사용자 인터페이스 인터페이스 사용자가 원하는 이미지를 터치할 경우, 이 화면을 보고 느낀 감정을 이모티콘, 좋아요, 싫어요, 스티커 등으로 표현할 수 있 다. #시나리오3. 감정 표현(이모티콘, 투표, 스티커) 유스케이스 Primary Actor : 사용자 Secondary Actor : 스마트폰 Goal : 사용자가 느낀 감정상태를 표현한다. 1) 사용자는 앞에서 선택한 이미지를 보고 느낀 감정을 표현할 수 있다. 2) 방법은 좋아요, 싫어요, 이모티콘, 스티커 등으로 표 현한다. 3) 표현한 감정은 스마트폰 내에서 변수로 가지고 있는 다.
  • 13. 사용자 인터페이스 13 / 14 사용자 인터페이스 인터페이스 공유할 이미지(지금 시청중인 화면)와 덧붙이는 글 또는 감정상태(전 단계에서 선택)를 작성 한 다음 , 포스팅 버튼을 누르게 되면 페이스북 자신의 담벼락에 작성된다. 페이스북 연동을 확인할 수 있는 버튼을 두고 연동이 안됐을 경우 연동할 수 있는 창으로 연결 시켜 준다. 만약, 연동되지 않은 경우 포스팅이 안되도록 한다. #시나리오4. 감정 표현(이모티콘, 투표, 스티커) 유스케이스 Primary Actor : 사용자 Secondary Actor : 스마트폰, 페이스북 서버 Goal : 사용자가 페이스북 담벼락에 게시물을 작성한다. 1) 사용자는 선택한 이미지를 확인하고 덧붙이는 글을 작성할 수 있다. 2) 페이스북과 연동상태를 화면에 출력한다.. 3) 사용자가 Posting버튼을 누를 때 스마트폰에서 작성 한 이미지와 메시지가 페이스북 API를 통해 Server 로 전송된다.
  • 15. 3.4차트 개발 요구사항 안드로이드 OS 버전별 점유율 (2012. 4 기준) 0% 1% 6% 23% 64% 3% 1% 2% 15 / 14 1위 64% 안드로이드 2.3.X (진저브래드) 2위 23% 안드로이드 2.2.X (프로요)
  • 16. 2.2 도형 고객 가치  콘텐츠접근성강화  콘텐츠공유의즉시성  Fun즐길 수 있는 콘텐츠 SBS  시청자의행동 분석  페이스북을 통한 자사 콘텐츠 홍보  소셜TV 콘텐츠강화 16 / 14 기대효과 및 발전방향
  • 17. 감사합니다 이 문서는 나눔글꼴로 작성되었습니다. 설치하기