다음 팟인코더 개선방안(최종)

2011 미디어인터페이스

2 조 메인페이지

다음 팟인코더다음 팟인코더 개선방안개선방안

목차

1.1 1.1 다음팟 인코터의 목적다음팟 인코터의 목적1.2 1.2 문제점문제점 1) 1) 인코딩인코딩 2) 2) 편집 편집 2. 2. 타 사 벤치마킹 비교타 사 벤치마킹 비교3. 3. 제안 사항 제안 사항 1) 1) 인코딩인코딩 2) 2) 편집편집

동영상 편집 개선방안동영상 편집 개선방안1.1 1.1 다음팟 인코더의 다음팟 인코더의

목적목적

1.1 1.1 다음팟 인코터의 목적다음팟 인코터의 목적

휴대전화나 게임기휴대전화나 게임기 , PC , PC 등 타 기종에서 등 타 기종에서 영상을 재생할 수 있도록 영상을 재생할 수 있도록

동영상을 변화시켜주는 프로그램동영상을 변화시켜주는 프로그램 . . 간단한 편집도 가능하며간단한 편집도 가능하며 , ,

편집한 동영상을 바로 올릴 수 있다편집한 동영상을 바로 올릴 수 있다 ..

3 가지 목적 중

다음 서비스와의 연동은

프로그램 자체의 인터페이스와는

크게 상관이 없으므로 제외

인코딩 기능과 편집 기능 개선에 중점 .


다른 인코더들에 비해 다른 인코더들에 비해 비교적 쉬운 인코딩 기능과 비교적 쉬운 인코딩 기능과 심미적 인터페이스로심미적 인터페이스로인코더 인코더 No. 1 No. 1 시장점유율 시장점유율

간단한 인코딩이나 간단한 인코딩이나 영상 편집을 하는 영상 편집을 하는 초보사용자들에게초보사용자들에게

특히 적합특히 적합 ..우리의 타켓우리의 타켓


동영상 편집 개선방안동영상 편집 개선방안1.2 1.2 다음팟 인코더의다음팟 인코더의

문제점 문제점

전 세계적으로 가장 많이 사용하는

프로코더는

Source target convert

세단계구성

다음팟 인코더 역시다음팟 인코더 역시불러오기 화면불러오기 화면 , , 인코딩 옵션인코딩 옵션 , , 인코딩 위치 인코딩 위치

지정과 변환 등의 삼단계로 구성지정과 변환 등의 삼단계로 구성

1) 인코딩1.2 1.2

문제점문제점

1) 인코딩

다소 손이 많이 가는 3 단계에서

줄일 수 있는 방안이 있을까를

고민함 .

1.2 1.2 문제점문제점

메일헤더와 같은 초보자들에게 불필요한 지나친 파일 정보

나열된 기기의 항목들도

글씨보다도 그림으로 좀 더 재밌게 바꿔볼

까 ?

1) 인코딩

메일 헤더와 같이 불필요하게 많은 원본 파일 정도나 , 예상 인코딩 결과 값은 필요에 비해 너무 많은 공간을 차지한다 . 또한 웹 업로드용 , PC저장용 , 휴대기기용 , 내 설정으로 이루어진 네 개의 프리셋 값들도 너무 많은 공간을 차지하고 3 단계를 찾아서 들어가야 하는 등 불편하다 .


기존 인코딩 화면

2) 동영상1.2 1.2

문제점문제점기존 동영상 화면

시선의 방향 왼쪽에서 오른쪽으로 가는 것이 일반적

자막을 따로 작업하여 입히는 형식으로 영상을 직접 보면서 만드는 것이 불가능

자주 사용되는 자막기능 문제

어플리케이션 전체 연동 문제

인코딩 페이지와 동영상 편집 페이지 완전한 연동이 안된다는 점


2) 동영상

- 오른쪽 탭에 한번 불러오고 나서 한번 더 왼쪽으로 당겨야지 동영상이 재생이 된다 . (일반적인 동영상 편집 프로그램에서는 자연스럽게 추가한 파일은 재생이 되게 되어있다 .)

- 시선의 방향이 왼쪽에서 오른쪽으로 가는 것이 일반적이라는 점에서 영상 화면이 왼쪽에 있고 각종 자료들을 보여주는 화면이 오른쪽에 있다는 것 역시 아주 불편한 부분이다 .


동영상 편집 개선방안동영상 편집 개선방안2 2 타사 벤치마킹 비교타사 벤치마킹 비교

애플 파이널 컷

프라이머 cs5

아비드 미디어 컴포저

2. 타사 벤치마킹 비교


여러 타사 프로그램들 중

우리의 롤모델은 Sony ‘ 베가스’’

베가스

베가스란 ?

원래 소니 캠코더를 사면 번들로 같이 끼워주는 비교적 간단한 편집 프로그램이었음 . 하지만 점차 발전을 거듭하여 요즘에는 고급사용자들이 사용하기에도 무리가 없는 대중적인 프로그램으로 발전 .기본적으로 초보자들을 위한 프로그램을 지향 .

고급사용자들이 사용하기에도 무리가 없는 프로그램이 되었으면 하는 바램

그러나


3. 3. 제안 사항제안 사항

팟 인코더의 가장 큰 장점인 ,

눈에 편안한 심미적 디자인과 색은 그대로 살린 채 , 초보자들에게 좀 더 쉽고 , 재미있게 다가가도록 해보았다 .

즉 , 팟인코더의 장점들은 최대한 살리고 ,

단점들은 완전히 보완하고 개선 !!

3. 제안사항

3. 제안사항1) 인코딩 기존 인코딩 화면

프리셋의 확장과 파일 불러오기 화면이 없어짐 .가장 많이 사용하는 네 종류의 프리셋을 정함 .

3. 제안사항1) 인코딩 변화된 인코딩 화면

앞의 네 프리셋 중 , 예를 들어 휴대폰을 선택을 하면 화면과 같이 바로 변환할 파일을 불러오는 화면이 뜨게 되고 , 파일 누르면 바로 변환 .

3. 제안사항1) 인코딩


바뀐 인코딩은2 번의 선택 !!!!

첫 번째 ,4 가지 중 변환할

용도 클릭 .

두 번째 ,바로 뜨는 변환할 파일창에서 파일

클릭 .

휴대폰이 선택되고 , 인코딩중인 화면

중단하단부의 환경설정


환경설정에서 기본 인코딩 옵션을 처음 선택해 둔 뒤에는 거의 한번 선택한 옵션을 그대로 사용하는 경향이 있다 .따라서 모든 프리셋을 열어두는 것보다는 개인이 처음에 값을 설정하면 ,그 후에는 2 번의 클릭만으로 인코딩이 가능하다 .


기존 인코딩의 환경설정은 살

림 .

처음에는 타임라인을 제거하고 다음팟 인코더의 스토리보드 기능과 비슷한 편집 툴을 지향하였으나 , 편집이라는 행위자체가 시간을 배제하고는 할 수 없는 행위이기 때문에 타임라인을 없애는 데에는 실패

따라서기존의 다음팟 인코더에서는 지원하지 않던 효과에 대한 지원 , 불편한 자막프로그램의 개선 , 위에서 언급한 바와 같이 불필요한 시선의 방향을 바로잡는 기능들에 대해서 수정


먼저 파일의 정보를 보고 화면을 보게 되는 시선의 흐름에 따라서 편집화면이 이동되게 한다 .

편집 화면편집 화면 변화된 화면변화된 화면

3. 제안사항2) 동영상

타임라인의 경우 텍스트를 비디오보다 상단으로 올리고 , 기존 세 개의 트랙에서 네 개로 바꿨다 .

초보자의 경우 영상 자체에 포함된 음성과 뒤에 후시로 넣게되는 음악을 따로 구분해 주는 것이 좋을 것이라 생각하여 음악트랙을 두 개로 늘렸다 .


따로 인 점과 아웃점을 잡는 것과 달리 필요한 부분을 드래그 하게면 그만큼이 설정되도록 함 .

파일 가져오기3. 제안사항

2) 동영상

.

대신 소리 파형이 보이게 하여 지저분하게 영상이 붙는 것을 줄일 수 있도록 함


2) 동영상

따로 삽입버튼을 만들지 않기 위해 인 아웃 점을 잡은 뒤 커서를 타임라인으로 가져가면 화살표가 뜨고 클릭하면 해당 위치로 들어가게 함 .


2) 동영상

효과 넣기

연속으로 샷을 붙여 넣으면 샷과 샷 사이에 삼각형들이 생기게 되는데 효과 탭에서 필요한 효과 아이콘을 끌어다 놓으면 자동으로 그 부분에 효과가 입혀진다 .


너무 많은 효과 보다는 가장 많이 사용하는 효과들로 깔끔한 프리셋위주로 구성하였다 .

컷과 컷 사이에 들어가는

장면 전환 효과위주로 구성 .

효과 넣기3. 제안사항

2) 동영상

효과를 적용하고 나면 노란 색의 삼각형이 검은색으로 변하여 효과가 사용되었음을 보여주도록 함

효과 넣기3. 제안사항

2) 동영상

자막 넣기

따로 자막 아이콘을 넣기보다는 타임라인의 자막을 누르면 실행될 수 있도록 함


기존의 자막 틀이 자막을 따로 입력하여 적용 버튼을 눌러서 자막을 입히는 형태였다면화면을 바로 보면서 자막을 입힐 수 있음 . 그 편이 자막을 넣는 위치상 편리할 것으로 기대

기존의 자막 틀이 자막을 따로 입력하여 적용 버튼을 눌러서 자막을 입히는 형태였다면 ,

,

자막 넣기3. 제안사항

2) 동영상

자막은 화면을 클릭하면 바로 적용 가능 ,선택되어있는 해당 영상 클립 위에 위치

자막의 좌우를 줄이거나 늘려 ,길이를 조절도 가능자막 넣기


Thank Thank you~ you~ 감사합니다 .

Education

다음 팟인코더 개선방안(최종)