KR20150020378A - Ｓｍｉｌ을 활용한 인터랙티브 컨텐츠 제공 시스템 및 방법 - Google Patents

Abstract

본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템은 멀티미디어를 활용하여 타임라인을 가지는 각각의 인터랙티브 컨텐츠를 생성하는 컨텐츠 생성부; 및 상기 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치하는 컨텐츠 배치부를 포함한다.

Description

ＳＭＩＬ을 활용한 인터랙티브 컨텐츠 제공 시스템 및 방법{SYSTEM AND METHOD FOR PROVIDING INTERACTIVE CONTENTS USING SMIL}

본 발명의 실시예들은 SMIL을 활용하여 사용자 단말기에 인터랙티브 컨텐츠를 제공하는 시스템 및 방법에 관한 것이다.

현재까지 모바일 장치에서 인터랙티브 컨텐츠의 저작 및 재생에 관한 도구들이 다양하게 개발 및 활용되어 왔다. 하지만 기존의 개발물들은 국제 표준에 맞게 제공되며 모바일 장치마다 다른 재생 결과를 나타내고 있어, 모바일 장치의 효과적인 기술들을 활용하지 못했다.

종래의 인터랙티브 컨텐츠 저작 및 재생 도구 중 대표적으로 Adobe의 Flash를 들 수 있다. 이는 현재에도 PC상에서 폭넓은 사용자를 확보 하고 있다. Flash는 오브젝트에 기반하여 시간축 및 사용자 이벤트를 적절히 사용하여 효과적인 컨텐츠를 저작하며 재생할 수 있지만, 모바일 장치의 한계 및 모바일 플랫폼의 지원이 없어 모바일 장치에서는 사용할 수 없게 되는 단점이 있다.

또한, Flash는 기획자의 의도에 따라 컨텐츠를 만드는데 있어서 프로그래머의 역할이 많은 비중을 차지했다. 프로그래밍 할 수 있는 전문적인 지식을 습득하고 프로그래밍 언어를 통한 구현을 거쳐서 대화형 컨텐츠를 만들어 낼 수 있기에 저작과정에 많은 비용이 소요된다.

현재 텍스트 기반 문서부터 이미지, 오디오 및 비디오 등의 멀티미디어 데이터 기반으로 만들어진 멀티미디어 문서까지 다양한 형태의 문서가 저작되고 있다. 최근에는 멀티미디어 데이터를 적절히 이용한 문서가 주류를 이루고 있다. 이러한 흐름에서 선두에 있는 것은 HTML 기반의 웹 환경이라고 할 수 있다. HTML은 멀티미디어 데이터의 공간적 배치만을 정의하고 있을 뿐, 멀티미디어 데이터들을 제어하는 기능을 가지고 있지 못하다. 이러한 HTML의 한계점을 보완한 멀티미디어 프리젠테이션 문서의 표준으로 SMIL (Synchronized Multimedia Integration Language)이 제안되었다.

웹을 일반화하는데 HTML은 중요한 역할을 수행하였다. 그러나 HTML은 복잡하고 다양한 문서처리에는 적합하지 못하기 때문에, 그 대안으로 XML (eXtensible Markup Language)이 등장하였다. XML 은 차세대 웹 문서 포맷으로 HTML과 같은 마크업 언어를 정의하는 메타 언어로써, 전자상거래 및 멀티미디어 분야 등에서 다양한 형태의 XML 기반 마크업 언어들이 정의되고 있다. 텍스트, 이미지, 그래픽, 오디오 및 비디오 등의 멀티미디어 데이터를 이용한 멀티미디어 콘텐츠 사업의 중요성이 인식됨에 따라, 멀티미디어 데이터를 통합하여 효과적으로 프리젠테이션 하는 방법론이 대두되고 있다. 반면, HTML은 멀티미디어 프리젠테이션 문서를 처리하는데 한계점을 가지고 있다. 따라서 W3C의 멀티미디어 워킹그룹(Multimedia Working Group)은 SMIL 1.0을 1998년 6월 15일에 제안하였다. XML 기반의 SMIL은 여러 가지 멀티미디어 데이터의 시간적, 공간적 배치를 HTML과 같이 태그를 이용하여 기술한다.

SMIL은 멀티미디어 데이터들을 자유롭게 통합하고 배치할 수 있고, 재생 시간을 병렬 또는 순차적으로 동기화 시킬 수 있다. 또한, 화면 해상도, 데이터 전송속도, 사용 언어에 따라 상황에 맞게 배치를 변경할 수 있고, 멀티미디어 데이터를 선별적으로 재생할 수 있는 기능을 제공한다.

SMIL은 텍스트 정보가 대부분일 수밖에 없는 XML 문서 내에서 멀티미디어 요소인 오디오, 비디오, 텍스트, 그래픽 등을 조합하여 멀티미디어 프리젠테이션을 작성하기 위해 사용되고 있다. 즉 각 미디어들의 스크린상에 프리젠테이션할 위치와 프리젠테이션할 시간을 동기화하는 메커니즘을 제공하여 준다.

SMIL을 이용하면 작성자는 사운드, 동영상 등 독립적인 미디어 객체들을 하나의 동기화된 멀티미디어 컨텐츠로 통합할 수 있으며, 각 미디어 객체의 재생 시간 조작, 스크린 상의 레이아웃 조정, 분할 등을 자유자재로 표현할 수 있다. 가령, SMIL은 분리되어 각각 전송된 여러 편의 영화나 정지 화상, 사운드 등이 재생되어 보여지거나 들려지는 시기를 조절할 수 있도록 해준다. 따라서, SMIL은 멀티미디어 광고, 인터넷 방송, 전자 카탈로그, 교육 컨텐츠 등 다양한 영역에서 활용되고 있다.

SMIL의 특징은 이미지, 오디오, 동영상 등의 데이터들을 한 문서 안에 물리적으로 집어넣는 것이 아니라 데이터들을 URL을 통해 서로 연결시킨다는 것이다. 이에 따라 멀티미디어 데이터를 서로 다른 프리젠테이션 문서에서 다시 사용할 수 있고, 각 데이터를 적절히 분산해 여러 서버에 배치함으로써 컨텐츠 서버 간의 로드 밸런싱(load balancing)을 가능하게 한다. 나아가 텍스트와 이미지 데이터는 HTTP로 보내고, 오디오와 비디오 데이터는 실시간 전송기능이 강화된 RTSP로 전송하는 등 여러 프로토콜을 함께 사용할 수 있다.

또한, 화면해상도, 데이터 전송속도, 사용언어 등 제반 상황에 맞게 데이터의 배치를 변경할 수 있고, 멀티미디어 데이터를 병렬 또는 선별적으로 재생할 수 있는 등의 기능을 제공한다.

SMIL은 W3C가 권장하는 표준 문서임에도 불구하고 현재 휴대용 단말기 뿐만 아니라 일반적으로 사용되는 PC 환경에서도 완벽하게 SMIL을 호환하는 브라우저나 뷰어 프로그램이 없는 것이 현실이다. 일반에 공개된 Ambulant Player 와 같은 완성도 있는 프로그램이 있지만, 애니매이션과 상호작용에 있어서 부족한 부분들이 있고, 다양한 OS를 탑재한 스마트폰 및 휴대용 태플릿이 널리 보급된 상황에서 휴대용 단말기를 지원하지 못하고 있다.

관련 선행기술로는 등록특허공보 제10-0553885호(발명의 명칭: SMIL을 사용하여 제작된 멀티미디어 컨텐츠를 관리하는 방법 및 그 파일 시스템, 등록일자: 2006년 2월 14일)가 있다.

본 발명의 일 실시예는 SMIL 기반 멀티미디어를 활용하여 제작된 인터랙티브 컨텐츠를 블록 단위의 페이지로 구성하여 배치하고 타임라인 기능을 통해 각 페이지에 시간 범위를 설정함으로써, 컨텐츠 기획자로 하여금 다양한 반응을 유도하고 그에 따라 다양한 응답을 처리할 수 있는 인터랙티브 컨텐츠를 보다 쉽고 효율적으로 제작할 수 있도록 하며, 사용자로 하여금 컨텐츠 기획자의 기획 의도에 따라 능동적으로 인터랙티브 컨텐츠를 이용하여 소비할 수 있도록 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템 및 방법을 제공한다.

본 발명이 해결하고자 하는 과제는 이상에서 언급한 과제(들)로 제한되지 않으며, 언급되지 않은 또 다른 과제(들)은 아래의 기재로부터 당업자에게 명확하게 이해될 수 있을 것이다.

본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템은 멀티미디어를 활용하여 타임라인을 가지는 각각의 인터랙티브 컨텐츠를 생성하는 컨텐츠 생성부; 및 상기 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치하는 컨텐츠 배치부를 포함한다.

본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템은 상기 블록 단위의 페이지 중 어느 하나를 클릭 시, 상기 타임라인에 따른 시간 범위만큼 상기 클릭된 페이지에 해당하는 인터랙티브 컨텐츠를 재생하는 컨텐츠 재생부를 더 포함할 수 있다.

상기 컨텐츠 재생부는 상기 각 페이지의 클릭을 통해 개별적으로 상기 인터랙티브 컨텐츠를 재생하거나, 또는 상기 각 페이지를 드래그 앤 드랍(Drag and Drop) 방식으로 결합시켜 다수의 인터랙티브 컨텐츠를 한 번에 연속하여 재생할 수 있다.

상기 컨텐츠 재생부는 상기 재생 중인 인터랙티브 컨텐츠를 더블클릭 시, 상기 더블클릭 된 인터랙티브 컨텐츠를 확대하여 재생할 수 있다.

상기 페이지는 상기 인터랙티브 컨텐츠의 재생을 위한 시간 범위를 설정하는 도구인 타임라인에 의해서 동적으로 렌더링(Rendering)되는 컴포넌트, 및 상기 컴포넌트의 트리거에 의해서 발생하는 이벤트에 의한 액션을 포함할 수 있다.

상기 컴포넌트는 반투명, 불투명 또는 투명의 렌더링이 가능한 구조의 레이어를 가지되, 상기 레이어에는 상기 인터랙티브 컨텐츠와 연관된 내용이 렌더링 될 수 있다.

상기 인터랙티브 컨텐츠와 연관된 내용은 상기 레이어가 더블 클릭되거나 커서가 상기 레이어 위에 위치하는 경우, 큰 화면에 렌더링되어 출력되거나 원래 위치와 다른 위치에 렌더링되어 출력되거나 원래 위치와 동일한 위치에 디지털 폰트로 렌더링되어 출력될 수 있다.

본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 방법은 인터랙티브 컨텐츠 제공 시스템의 컨텐츠 생성부에서, 멀티미디어를 활용하여 타임라인을 가지는 각각의 인터랙티브 컨텐츠를 생성하는 단계; 및 상기 인터랙티브 컨텐츠 제공 시스템의 컨텐츠 배치부에서, 상기 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치하는 단계를 포함한다.

기타 실시예들의 구체적인 사항들은 상세한 설명 및 첨부 도면들에 포함되어 있다.

본 발명의 일 실시예에 따르면, SMIL 기반 멀티미디어를 활용하여 제작된 인터랙티브 컨텐츠를 블록 단위의 페이지로 구성하여 배치하고 타임라인 기능을 통해 각 페이지에 시간 범위를 설정함으로써, 컨텐츠 기획자로 하여금 다양한 반응을 유도하고 그에 따라 다양한 응답을 처리할 수 있는 인터랙티브 컨텐츠를 보다 쉽고 효율적으로 제작할 수 있도록 하며, 사용자로 하여금 컨텐츠 기획자의 기획 의도에 따라 능동적으로 인터랙티브 컨텐츠를 이용하여 소비할 수 있도록 한다.

예를 들면, 인터랙티브 컨텐츠로서 교육용 학습 동영상 강의를 재생하는 데 있어서, 적절한 시기에 강의 내용과 연관되는 학습 요약 정보를 동영상 영역 외부나 내부에 반투명/불투명하게 보여주거나, 동영상 재생시간과 연동하여 학습 보조자료 화면을 구성하고 특정 위치에 자막으로 설명을 넣고, 적절한 보조자료와 외부 웹 혹은 프로그램 연결을 제공하는 형태로 기존 동영상 강의를 한 단계 업그레이드한 컨텐츠를 제공함으로써 일반 동영상 강의와 시의 적절한 정보들을 조합하여 교육 자료로서의 완성도를 높이고 사용자에게 능동적인 학습 방법을 제시할 수 있다.

상기한 학습 보조 화면에는 학습교재를 슬라이더 형식으로 제공하고 사용자의 입력에 의해서 교재를 넘겨 볼 수 있도록 구성할 수 있다. 이에 따라, 모바일 웹 페이지 및 하이브리드 어플리케이션에 대해 기본 지식이 없는 일반 사용자가 쉽게 컨텐츠를 생성하도록 하여 개발 비용 및 시간을 단축하여 줄 수 있다.

도 1은 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템을 설명하기 위해 도시한 블록도이다.
도 2는 본 발명의 일 실시예에 따라 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치한 일례를 도시한 도면이다.
도 3은 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 방법을 설명하기 위해 도시한 흐름도이다.
도 4 내지 도 21은 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템 및 방법에 대한 응용 프로그램(앱)의 UI를 도시한 도면이다.

본 발명의 이점 및/또는 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나, 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성요소를 지칭한다.

본 발명의 일 실시예에서는 단말기에서 네트워크를 통해 인터랙티브 컨텐츠를 제공하는 시스템 및 방법을 제공한다. 이를 위해, 본 발명의 일 실시예에서는 컨텐츠 기획자가 저작 프로그램을 이용하여 다양한 반응을 유도하고 그에 따라 다양한 응답을 처리할 수 있는 인터랙티브 컨텐츠를 생성한다. 이때, 상기 인터랙티브 컨텐츠 각각은 타임라인을 가지며, 상기 타임라인은 상기 저작 프로그램의 조작 또는 직접 입력 등을 통해 설정될 수 있다.

상기 인터랙티브 컨텐츠는 SMIL을 활용한 멀티미디어 대화형 컨텐츠로서, 시간축과 이벤트를 기반으로 하기 때문에, 사용자가 보다 쉽고 효율적으로 상기 인터랙티브 컨텐츠를 제작할 수 있다.

본 발명의 일 실시예에서는 사용자의 요구에 따라, 상기 생성된 인터랙티브 컨텐츠를 상기 사용자에게 제공하며, 이에 따라 상기 사용자는 상기 인터랙티브 컨텐츠의 기획 의도에 따라 능동적으로 컨텐츠를 이용하여 소비할 수 있게 된다.

이를 위해, 본 발명의 일 실시예에서는 상기 인터랙티브 컨텐츠의 공간 배치를 위한 레이아웃(Layout) 기능과, 상기 인터랙티브 컨텐츠의 시간 설정을 위한 타임라인(Timeline) 기능을 이용하여 상기 인터랙티브 컨텐츠를 제작하여 사용자 단말기를 통해 상기 사용자에게 제공할 수 있다.

여기서, 상기 사용자 단말기는 데스크 탑 PC와 같은 고정 통신 단말기 또는 이동 통신 단말기(휴대 단말기)를 포함할 수 있다. 상기 이동 통신 단말기는 PDC(Personal Digital Cellular)폰, PCS(Personal Communication Service)폰, PHS(Personal Handyphone System)폰, CDMA-2000(1X, 3X)폰, WCDMA(Wideband CDMA)폰, 듀얼 밴드/듀얼 모드(Dual Band/Dual Mode)폰, GSM(Global Standard for Mobile)폰, MBS(Mobile Broadband System)폰, DMB(Digital Multimedia Broadcasting)폰, 스마트(Smart) 폰, 핸드폰 등과 같은 통신 기능이 포함될 수 있는 휴대용 기기를 포함할 수 있다.

또한, 상기 이동 통신 단말기는 PSTN(public switched telephone network) 단말기, VoIP([0068] Voice over Internet Protocol), SIP(Session Initiation Protocol), MGCP(Media Gateway Control Protocol), MEGACO(Media Gateway Control), PDA(Personal Digital Assistant), 핸드 헬드 PC(Hand-Held PC), 노트북 컴퓨터, 랩탑 컴퓨터, 와이브로(WiBro) 단말기, MP3 플레이어, MD 플레이어 등과 같은 휴대 단말기, 그리고 국제 로밍(Roaming) 서비스와 확장된 이동 통신 서비스를 제공하는 IMT-2000(International Mobile Telecommunication-2000) 단말기, UMTS(Universal Mobile Telecommunication Service) 기반의 단말기 등을 포함하는 모든 종류의 핸드 헬드 기반의 무선 통신 장치를 포함할 수 있다.

상기 휴대용 기기 및 상기 핸드 헬드 기반의 무선 통신 장치와 같은 휴대용 전기전자장치는 CDMA(Code Division Multiplexing Access) 모듈, 블루투스(Bluetooth) 모듈, 적외선 통신 모듈(Infrared Data Association), 유무선 랜카드 및 GPS(Global Positioning System)를 통한 위치 추적이 가능하도록 하기 위해 GPS 칩이 탑재된 무선 통신 장치와 같은 소정의 통신 모듈을 구비할 수 있으며, 멀티미디어 재생 기능을 수행할 수 있는 마이크로 프로세서를 탑재함으로써 일정한 연산 동작을 수행할 수 있는 단말기를 통칭하는 개념으로 해석된다.

이하에서는 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 한다.

도 1은 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템을 설명하기 위해 도시한 블록도이다.

도 1을 참조하면, 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템(100)은 컨텐츠 생성부(105), 컨텐츠 배치부(110), 시간 설정부(120), 컨텐츠 재생부(130), 및 제어부(140)를 포함할 수 있다.

상기 컨텐츠 생성부(105)는 타임라인을 가지는 각각의 인터랙티브 컨텐츠를 생성한다. 이때, 상기 컨텐츠 생성부(105)는 SMIL 기반 멀티미디어를 활용하여 상기 인터랙티브 컨텐츠 각각을 생성할 수 있다.

상기 컨텐츠 배치부(110)는 상기 타임라인을 가지는 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치한다. 예를 들면, 도 2에 도시된 바와 같이, 상기 인터랙티브 컨텐츠는 블록 단위의 페이지(210) 1, 2, ... , 6과 같이 구성되어 사용자의 사용자 단말기의 화면(200)상에 배치될 수 있다.

여기서, 상기 페이지(210)는 컴포넌트(Component) 및 액션(Action)을 포함할 수 있다. 상기 컴포넌트는 상기 인터랙티브 컨텐츠의 재생을 위한 시간 범위를 설정하는 도구인 타임라인에 의해서 동적으로 렌더링(Rendering)될 수 있다. 상기 액션은 상기 컴포넌트의 트리거(Triger)에 의해서 발생하는 이벤트에 의해 일어날 수 있다.

상기 컴포넌트는 반투명, 불투명 또는 투명의 렌더링이 가능한 구조의 레이어(Layer)를 가질 수 있다. 상기 레이어에는 상기 인터랙티브 컨텐츠와 연관된 내용이 렌더링 될 수 있다.

예를 들면, 상기 인터랙티브 컨텐츠가 교육 컨텐츠라고 가정한다. 상기 교육 컨텐츠에는 상기 컴포넌트로서 강사와 칠판이 레이어 구조로 각각 앞, 뒤로 겹쳐서 표시될 수 있다. 상기 강사와 칠판은 상기 타임라인에 의해서 동적으로 렌더링되고 상기 이벤트에 의한 액션이 일어날 수 있는데, 예컨대 시간에 따라 상기 강사가 상기 칠판에 강의 내용을 판서하는 액션이 일어날 수 있다. 이러한 경우, 상기 판서 내용이 상기 인터랙티브 컨텐츠와 연관된 내용이 될 수 있으며, 상기 컴포넌트에 구비되는 레이어에 렌더링 될 수 있다.

상기 인터랙티브 컨텐츠와 연관된 내용은 상기 레이어가 더블 클릭되거나 커서가 상기 레이어 위에 위치하는 경우, 큰 화면에 렌더링되어 출력되거나 원래 위치와 다른 위치에 렌더링되어 출력될 수 있다. 또는 원래 위치와 동일한 위치에 디지털 폰트로 렌더링되어 출력될 수도 있다.

상기 교육 컨텐츠의 예와 같은 경우, 상기 판서 내용이 큰 화면에 출력되거나, 위치가 바뀌어 출력되거나, 또는 위치는 동일하나 디지털 폰트로 깔끔하게 출력되어 표시될 수 있다.

이때, 상기 판서 내용은 상기 레이어가 더블 클릭되거나 상기 커서가 상기 레이어 위에 위치하지 않는 경우에도, 특정 시간이 되면 자동으로 그 판서 내용이 요약되거나, 디지털 폰트로 보기 좋게 출력되어 상위 레이어(강사, 칠판 위의 레이어)에 겹쳐서 표시될 수 있다.

여기서, 상기 판서 내용은 이미지로써 동영상 위에 겹쳐서 출력되며, 상기와 같은 다양한 이벤트에 의한 액션에 따라 확대 출력되거나 깔끔하고 보기 좋게 출력될 수 있다.

참고로, 상기 페이지는 하나의 컴포넌트로서 페이지에 포함되는 컴포넌트는 비디오, 오디오, 이미지, 텍스트, 슬라이드, 버튼, 에이트박스, 웹링크, 프로그램 링크 등으로 화면과 오디오를 구성하고, 트리거와 이벤트, 액션의 개념을 가짐으로써 사용자의 반응을 유도하고 그에 따른 다양한 응답을 제공할 수 있도록 구조화된 객체이다.

상기 트리거, 이벤트, 액션은 사용자의 반응을 유도하고 그에 따른 다양한 응답을 제공할 수 있도록 구현하는 데 필요한 주요 구성요소로서, 상기 이벤트는 휴대 단말기에서 사용자의 입력에 의해 터치, 스와이프, 회전과 같이 단말기가 인식할 수 있는 이벤트이고, 상기 트리거는 이미지를 사용자가 터치한 것과 같이 특정 컴포넌트에 이벤트가 발생되는 것을 체크하여 다른 컴포넌트들의 액션을 일으키는 시발점 역할을 하고, 상기 액션은 컴포넌트의 애니메이션, 숨기기, 나타나기, 사운드 효과의 동작을 수행하는 동작으로 사용자의 동작에 따라서 동적으로 다양한 화면을 구성하여 보여줄 수 있는 기능을 제공하는 개념의 객체를 말한다.

상기 페이지는 일반 페이지와 특수 페이지로 구성되는데, 이중 상기 특수 페이지는 일반 페이지와는 별도로 페이지 이동 명령을 통해서 페이지를 호출하는 것이 아니라, 클라이언트 뷰어 프로그램에서 정의한 특수 동작으로 즉시적이고 명시적으로 호출할 수 있는 페이지를 말한다.

본 발명의 일 실시예에서는 상기 인터랙티브 컨텐츠 이용 시 주요한 페이지 링크들을 나열한 페이지를 특수 페이지로 두어 목차 페이지의 용도로 특수 페이지를 구성하여 사용자의 컨텐츠 이용 시 편의성을 극대화한 컨텐츠를 제작할 수 있도록 한다.

상기 시간 설정부(120)는 상기 블록 단위의 페이지 각각에 해당 인터랙티브 컨텐츠의 재생을 위한 시간 범위를 설정한다.

예를 들면, 상기 시간 설정부(120)는 도 2과 같이 배치된 블록 단위의 페이지(210) 1 ~ 6 각각에 20초의 시간 범위를 설정할 수 있다. 즉, 상기 시간 설정부(120)는 상기 페이지 1, 2, 3, 4, 5, 6에 각각 10~20초, 20~40초, 40~60초, 60~80초, 80~100초, 100~120초와 같이 시간 범위를 설정할 수 있다.

상기 각 페이지는 드래그 앤 드랍(Drag and Drop), 플리킹(Flicking) 등의 방식을 통해 다른 페이지로 공간 이동되어 교체되거나 결합될 수 있는 등 다양한 방법으로 편집될 수 있다. 또한, 상기 각 페이지는 상기 사용자 단말기의 화면에 제공되는 타임라인 바(Timeline Bar)를 통해 시간 범위의 재설정이 가능하다. 즉, 상기 각 페이지는 상기 사용자 단말기의 화면 내에서 레이아웃(Layout) 및 타임라인(Timeline)에 대한 다양한 편집이 가능하다.

상기 컨텐츠 재생부(130)는 상기 블록 단위의 페이지 중 어느 하나를 클릭 시, 상기 설정된 시간 범위만큼 상기 클릭된 페이지에 해당하는 인터랙티브 컨텐츠를 재생한다.

즉, 상기 사용자 단말기의 화면에는 상기 블록 단위의 페이지가 표시되어 있는데, 상기 사용자는 그 화면에서 어느 하나의 페이지를 클릭 또는 터치 등을 통해 활성화시킬 수 있다. 이에 따라, 상기 컨텐츠 재생부(130)는 상기 시간 설정부(120)에 의해 설정된 시간 범위만큼 상기 활성화된 페이지에 담겨있는 인터랙티브 컨텐츠를 재생할 수 있다.

예를 들어, 상기 컨텐츠 재생부(130)는 도 2에서 페이지(210) 1을 클릭하는 경우, 20초 동안 1~20초에 해당하는 인터랙티브 컨텐츠를 재생할 수 있다. 또한, 상기 컨텐츠 재생부(130)는 도 2에서 페이지(210) 2를 클릭하는 경우, 앞서 재생된 인터랙티브 컨텐츠에 이어서 다음 20초 동안 20~40초에 해당하는 인터랙티브 컨텐츠를 재생할 수 있다.

상기 컨텐츠 재생부(130)는 상기 각 페이지의 클릭을 통해 개별적으로 상기 인터랙티브 컨텐츠를 재생하거나, 또는 상기 각 페이지를 드래그 앤 드랍 방식으로 결합시켜 다수의 인터랙티브 컨텐츠를 한 번에 연속하여 재생할 수 있다.

즉, 상기 사용자는 상기 사용자 단말기의 화면에서 어느 하나의 페이지를 택일하여 클릭할 수 있다. 이로써, 상기 컨텐츠 재생부(130)는 각 페이지에 담긴 인터랙티브 컨텐츠를 개별 재생할 수 있다.

또 달리, 상기 사용자는 상기 사용자 단말기의 화면에서 어느 하나 또는 그 이상의 페이지를 선택하여 드래그 앤 드랍이나 플리킹 등의 방식을 통해 다른 페이지로 이동시켜 여러 페이지가 결합되도록 할 수 있다. 이로써, 상기 컨텐츠 재생부(130)는 상기 결합된 여러 페이지에 담긴 다수의 인터랙티브 컨텐츠를 한 번에 연속하여 재생할 수 있다.

예를 들어, 도 2에서 상기 사용자가 페이지(210) 1을 페이지(210) 2로 이동시켜 결합되도록 하면, 상기 컨텐츠 재생부(130)는 페이지(210) 1, 2에 담긴 인터랙티브 컨텐츠를 연속하여 40초 동안(1~40초 분량) 재생할 수 있다. 또한, 도 2에서 상기 사용자가 페이지(210) 1, 2를 페이지(210) 3으로 이동시켜 결합되도록 하면, 상기 컨텐츠 재생부(130)는 페이지(210) 1, 2, 3에 담긴 인터랙티브 컨텐츠를 연속하여 60초 동안(1~60초 분량) 재생할 수 있다.

이때, 상기 컨텐츠 재생부(130)는 상기 재생 중인 인터랙티브 컨텐츠를 더블 클릭 시, 상기 더블클릭 된 인터랙티브 컨텐츠를 확대하여 재생할 수 있다.

예를 들면, 도 2에서 상기 사용자가 상기 페이지(210) 1에서 재생 중인 인터랙티브 컨텐츠(1~20초 분량)를 더블 클릭하면, 상기 컨텐츠 재생부(130)는 상기 페이지(210) 1에서 재생 중인 인터랙티브 컨텐츠를 상기 사용자 단말기의 화면(200)에 전체화면 또는 원래 화면 크기의 2배, 3배 등으로 확대 재생하여 표시할 수 있다.

상기 제어부(140)는 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템(100), 즉 상기 컨텐츠 생성부(105), 상기 컨텐츠 배치부(110), 상기 시간 설정부(120), 상기 컨텐츠 재생부(130) 등의 동작을 전반적으로 제어할 수 있다.

도 3은 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 방법을 설명하기 위해 도시한 흐름도이다.

도 1 및 도 3을 참조하면, 단계(310)에서 상기 인터랙티브 컨텐츠 제공 시스템(100)의 컨텐츠 생성부(105)는 컨텐츠 기획자의 저작 프로그램의 조작에 따라, SMIL 기반 멀티미디어를 활용하여 인터랙티브 컨텐츠를 제작한다. 이때, 상기 인터랙티브 컨텐츠 각각은 타임라인을 가지며, 상기 타임라인은 상기 저작 프로그램에 구비된 타임라인 바의 조작 또는 직접 입력 등을 통해 설정될 수 있다.

다음으로, 단계(320)에서 상기 인터랙티브 컨텐츠 제공 시스템(100)의 컨텐츠 배치부(110)는 상기 제작된 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치한다.

다음으로, 단계(330)에서 상기 인터랙티브 컨텐츠 제공 시스템(100)의 시간 설정부(120)는 상기 블록 단위의 페이지 각각에 해당 인터랙티브 컨텐츠의 재생을 위한 시간 범위를 설정한다.

다음으로, 상기 블록 단위의 페이지 중 어느 하나가 클릭되면(340의 "예" 방향), 단계(340)에서 상기 인터랙티브 컨텐츠 제공 시스템(100)의 컨텐츠 재생부(130)는 상기 설정된 시간 범위만큼 상기 클릭된 페이지에 해당하는 인터랙티브 컨텐츠를 재생한다.

반면, 상기 블록 단위의 페이지 중 아무 것도 클릭되지 않으면(340의 "아니오" 방향), 본 실시예는 종료된다.

도 4 내지 도 21은 본 발명의 일 실시예에 따른 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템 및 방법에 대한 응용 프로그램(앱)의 UI를 도시한 도면이다. 이하에서는 도 4 내지 도 21을 통해 본 발명의 구성 및 기능에 대해 설명하기로 한다.

앱 시작

iOS 혹은 안드로이드 화면에서 본 발명의 앱을 터치하여 실행하면, 도 4와 같은 이미지와 함께 앱이 시작된다.

자동 앱 업데이트

업데이트가 있을 경우, 도 5와 같이 자동으로 업데이트 내용을 알리며 사용자의 선택에 따라 업데이트를 진행하게 된다.

컨텐츠 목록 보기

도 6과 같은 화면을 통해, 공유된 컨텐츠의 목록을 확인할 수 있으며, 컨텐츠를 다운로드 할 수 있다.

도 6에서, 카테고리(화살표가 없는 목록)를 터치하면 해당 카테고리에 속해있는 카테고리 혹은 컨텐츠가 표시되고, 컨텐츠(화살표가 있는 목록)를 터치하면 해당 컨텐츠의 다운로드가 시작된다. 만약 이미 다운로드 된 컨텐츠일 경우 이미 받은 파일이라는 메시지가 출력된다.

- 메뉴 설명

이전: 이전 페이지로 이동

새로고침: 현재 페이지를 새로 고침

홈: 컨텐츠 목록의 홈으로 이동

다운로드: 다운로드 화면으로 이동

설정: 설정 화면으로 이동

컨텐츠 다운로드

도 7에 도시된 바와 같이, 컨텐츠 목록 화면에서는 다운로드 한 컨텐츠의 목록 혹은 현재 다운로드 중인 컨텐츠를 표시한다.

현재 다운로드 중인 파일명과 다운로드 진행률을 프로그래스바와 함께 표시하며, 동시에 여러 개의 파일을 다운로드 할 경우 대기 중인 파일도 같이 표시한다. 다운로드 중 에러가 발생할 경우에는 재시도 버튼을 터치하여 다시 다운로드를 진행할 수 있다.

- 메뉴 설명

돌아가기: 컨텐츠 목록 화면으로 이동

다운로드: 현재 다운로드 중인 컨텐츠 상태 표시

다운로드 함: 다운로드 받은 컨텐츠 목록 표시

설정: 설정 화면으로 이동

컨텐츠 다운로드함

도 8에 도시된 바와 같이, 컨텐츠 다운로드함에는 모바일 기기로 다운로드 한 컨텐츠 목록이 표시된다.

모바일 기기에 다운로드 된 컨텐츠 혹은 재생 버튼을 터치하면 해당 컨텐츠를 재생하며, 삭제 버튼을 터치하면 해당 컨텐츠를 삭제한다.

- 메뉴 설명

돌아가기: 컨텐츠 목록 화면으로 이동

다운로드: 현재 다운로드 중인 컨텐츠 상태 표시

다운로드함: 다운로드 받은 컨텐츠 목록 표시

설정: 설정 화면으로 이동

컨텐츠 재생

SMIL 기반 멀티미디어를 활용하여 제작된 컨텐츠를 타임라인, 애니메이션 및 터치와 함께 재생한다.

도 9는 여러 페이지로 구성된 컨텐츠의 재생 화면으로 다음과 같은 기능을 수행한다.

- 컨텐츠 재생 기능

컨텐츠 정보 확인: 현재 재생중인 컨텐츠의 제목과 페이지를 확인한다.

닫기: 컨텐츠 재생을 종료한다.

현재 타임라인 위치 확인: 현재 재생중인 시간을 확인한다.

컨텐츠 재생/일시정지: 컨텐츠를 재생하거나 일시정지한다.

타임라인 위치 제어: 현재 재생중인 페이지 내에서 재생위치를 이동한다.

이전 페이지: 이전 페이지로 이동한다.

다음 페이지: 다음 페이지로 이동한다.

화면 회전 지원

도 10에 도시된 바와 같이, 가로 및 세로 화면에 맞게 컨텐츠의 비율을 조정하여 사용자가 편리하게 컨텐츠를 감상할 수 있도록 한다.

제스쳐 지원

사용자가 컨텐츠 재생을 더욱 편리하게 할 수 있도록 제스쳐를 지원한다.

도 11에 도시된 바와 같이, 한 손가락으로 아래에서 위로 쓸어올리면 플레이어 컨트롤 메뉴가 나타나고, 컨텐츠 영역을 터치하면 플레이어 컨트롤 메뉴가 사라진다.

또, 도 12에 도시된 바와 같이, 컨텐츠 재생 중 한 손가락으로 위에서 아래로 쓸어내리면 해당 컨텐츠의 목차 페이지를 표시한다. 목차 페이지가 나타나면 목차를 터치하여 다른 페이지로 이동하거나 다시 한 손가락으로 아래에서 위로 쓸어올리면 목차 페이지가 사라진다.

동영상 재생

도 13 및 도 14에 도시된 바와 같이, 동영상이 포함된 페이지에 동영상 표시 영역을 더블 탭하면 더욱 향상된 동영상 전용 플레이어를 이용하여 전체화면으로 재생한다. 동영상을 감상한 후 동영상 플레이어의 닫기 버튼을 터치하면 원래 페이지로 돌아가 다시 재생한다.

- 향상된 동영상 플레이어 기능

플레이어 컨트롤 잠금

동영상이 포함된 페이지에서 동영상 표시 영역을 더블 탭

동영상 전용 플레이어로 전체화면으로 재생

플레이어 닫기

동영상 전용 플레이어의 닫기 버튼을 터치

북마크 목록

북마크 추가를 누를 경우 현재 재생 시점을 북마크 목록에 등록

등록된 북마크 항목을 누를 경우 북마크 된 시점으로 영상 시점 이동

북마크 삭제 버튼을 누를 경우 해당 북마크 삭제

배속 컨트롤

[+]버튼을 누를 때마다 0.2배속씩 재생 속도 증가

[-]버튼을 누를 때마다 0.2배속씩 재생 속도 감소

지원되는 배속 범위는 0.8배속부터 2.0배속까지 지원

현재 재생 시간 표시

현재 재생 시점을 [시:분:초]로 표시

재생 시점 제어 슬라이더

동영상의 전체 시간중 현재 시점을 시각적으로 표시

슬라이어를 좌우로 움직일 경우 재생 시점을 이동

재생/일시정지

재생을 일시 정시 시키거나 다시 재생

동영상 전체 시간 표시

재생중인 영상의 전체 시간을 [시:분:초]로 표시

영상 확대/축소

영상 재생 비율을 원본 비율 또는 화면에 맞게 표시

10초 앞으로 이동

동영상의 현재 재생 시점에서 10초 앞으로 이동

10초 뒤로 이동

동영상의 현재 재생 시점에서 10초 뒤로 이동

북마크 목록 표시/감춤

북마크 목록을 표시하거나 화면에서 감춤

구간반복

1회 터치 시 재생 시점 제어 슬라이더에 구간반복 시작점 표시

2회 터치 시 재생 시점 제어 슬라이더에 구간반복 종료지점 표시와 함께 구간반복 시작

3회 터치 시 구간반복 종료

재생 시간 제스쳐

도 15에 도시된 바와 같이, 동영상 재생 화면을 터치한 상태에서 좌우로 플리킹하면, 현재 시점을 기준으로 플리킹한 만큼 좌측은 이전, 우측은 이후의 시점으로 이동한다. 그리고, 플리킹 중에는 화면 정중앙에 이동할 시점을 [시:분:초]로 표시한다.

음량 조절 제스쳐

도 16에 도시된 바와 같이, 동영상 재생 화면을 터치한 상태에서 위아래로 플리킹하면, 최초 터치한 지점을 기준으로 플리킹한 만큼 위는 볼륨 업, 아래는 볼륨 다운한다. 그리고, 플리킹 중에는 화면 정중앙에 현재 불륨 상태를 시각적으로 표시한다.

설정

도 17에 도시된 바와 같이, 본 발명의 앱의 뷰어에서 제공하는 여러 정보를 표시하거나 기능을 설정할 수 있다. 단, 본 항목은 OS마다 상이할 수 있다.

- 설정 항목

네트워크 설정: 3G/4G 네트워크 허용 설정

저장소 확인: 모바일 기기의 총 공간과 남은 공간을 표시한다.

버전 정보 표시: 현재 앱 버전을 표시하며 클릭 시 버전 정보를 확인한다.

코덱 설정: 동영상 재생기에서 사용하는 코덱을 설정할 수 있다.

오픈소스 라이센스: 뷰어에서 사용된 오픈소스 라이선스 정보를 확인할 수 있다.

Layouts

도 18에 도시된 바와 같이, 편집시 도움이 되는 다양한 편의 기능들을 제공한다. 빠른 접근이 가능한 UI 구성과 직관적인 디자인, 유용한 편집도구를 통해 보다 손쉬운 제작 환경을 제공한다. 또한, 페이지 목록 열람 시 트랜지션(Transition) 효과를 통해 다이내믹한 사용성을 제공한다.

Timeline

도 19에 도시된 바와 같이, 타임라인 에디터를 제공하여 멀티미디어 파일을 원하는 시간에 나타내게 할 수 있다. 타임라인 바를 선택하고 원하는 시간으로 이동할 수 있다. 상기 타임라인 에디터를 통해 도 2에서와 같이 인터랙티브 컨텐츠의 재생을 위한 시간 범위가 설정될 수 있다.

Slideshow

도 20에 도시된 바와 같이, 향상된 저작 도구에는 슬라이드쇼 도구를 지원하여 사용자가 슬라이드 객체에 단지 이미지 파일만 추가하면 완벽한 슬라이드쇼를 경험할 수 있게 한다. 이전 그림 및 다음 그림을 보려면 옆으로 스와이프 하면 된다.

Templates

도 21에 도시된 바와 같이, 다양한 템플릿의 제공으로 컨텐츠 제작자(기획자)와 사용자에게 특별한 경험을 제공한다. 이로써, 누구나 손쉽게 템플릿을 만들고 공유할 수 있게 한다.

본 발명의 실시예들은 다양한 컴퓨터로 구현되는 동작을 수행하기 위한 프로그램 명령을 포함하는 컴퓨터 판독 가능 매체를 포함한다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 로컬 데이터 파일, 로컬 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체는 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM, DVD와 같은 광기록 매체, 플롭티컬 디스크와 같은 자기-광 매체, 및 롬, 램, 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.

지금까지 본 발명에 따른 구체적인 실시예에 관하여 설명하였으나, 본 발명의 범위에서 벗어나지 않는 한도 내에서는 여러 가지 변형이 가능함은 물론이다. 그러므로, 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 안 되며, 후술하는 특허 청구의 범위뿐 아니라 이 특허 청구의 범위와 균등한 것들에 의해 정해져야 한다.

이상과 같이 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 이는 본 발명이 속하는 분야에서 통상의 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다. 따라서, 본 발명 사상은 아래에 기재된 특허청구범위에 의해서만 파악되어야 하고, 이의 균등 또는 등가적 변형 모두는 본 발명 사상의 범주에 속한다고 할 것이다.

110: 컨텐츠 배치부
120: 시간 설정부
130: 컨텐츠 재생부
140: 제어부

Claims (8)

1. 멀티미디어를 활용하여 타임라인을 가지는 각각의 인터랙티브 컨텐츠를 생성하는 컨텐츠 생성부; 및
   상기 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치하는 컨텐츠 배치부
   를 포함하는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템.
   
2. 제1항에 있어서,
   상기 블록 단위의 페이지 중 어느 하나를 클릭 시, 상기 타임라인에 따라 설정된 시간 범위만큼 상기 클릭된 페이지에 해당하는 인터랙티브 컨텐츠를 재생하는 컨텐츠 재생부
   를 더 포함하는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템.
   
3. 제2항에 있어서,
   상기 컨텐츠 재생부는
   상기 각 페이지의 클릭을 통해 개별적으로 상기 인터랙티브 컨텐츠를 재생하거나, 또는 상기 각 페이지를 드래그 앤 드랍(Drag and Drop) 방식으로 결합시켜 다수의 인터랙티브 컨텐츠를 한 번에 연속하여 재생하는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템.
   
4. 제2항에 있어서,
   상기 컨텐츠 재생부는
   상기 재생 중인 인터랙티브 컨텐츠를 더블클릭 시, 상기 더블클릭 된 인터랙티브 컨텐츠를 확대하여 재생하는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템.
   
5. 제1항에 있어서,
   상기 페이지는
   상기 인터랙티브 컨텐츠의 재생을 위한 시간 범위를 설정하는 도구인 타임라인에 의해서 동적으로 렌더링(Rendering)되는 컴포넌트, 및 상기 컴포넌트의 트리거에 의해서 발생하는 이벤트에 의한 액션을 포함하는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템.
   
6. 제5항에 있어서,
   상기 컴포넌트는
   반투명, 불투명 또는 투명의 렌더링이 가능한 구조의 레이어를 가지되, 상기 레이어에는 상기 인터랙티브 컨텐츠와 연관된 내용이 렌더링 되는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템.
   
7. 제6항에 있어서,
   상기 인터랙티브 컨텐츠와 연관된 내용은
   상기 레이어가 더블 클릭되거나 커서가 상기 레이어 위에 위치하는 경우, 큰 화면에 렌더링되어 출력되거나 원래 위치와 다른 위치에 렌더링되어 출력되거나 원래 위치와 동일한 위치에 디지털 폰트로 렌더링되어 출력되는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 시스템.
   
8. 인터랙티브 컨텐츠 제공 시스템의 컨텐츠 생성부에서, 멀티미디어를 활용하여 타임라인을 가지는 각각의 인터랙티브 컨텐츠를 생성하는 단계; 및
   상기 인터랙티브 컨텐츠 제공 시스템의 컨텐츠 배치부에서, 상기 생성된 인터랙티브 컨텐츠 각각을 블록 단위의 페이지로 구성하여 배치하는 단계
   를 포함하는 것을 특징으로 하는 SMIL을 활용한 인터랙티브 컨텐츠 제공 방법.

Images