KR101654300B1 - 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법 - Google Patents

모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법 Download PDF

Info

Publication number
KR101654300B1
KR101654300B1 KR1020150047540A KR20150047540A KR101654300B1 KR 101654300 B1 KR101654300 B1 KR 101654300B1 KR 1020150047540 A KR1020150047540 A KR 1020150047540A KR 20150047540 A KR20150047540 A KR 20150047540A KR 101654300 B1 KR101654300 B1 KR 101654300B1
Authority
KR
South Korea
Prior art keywords
page
layers
layer
motion effect
image
Prior art date
Application number
KR1020150047540A
Other languages
English (en)
Inventor
김효
이현철
김지한
임대현
김병관
Original Assignee
네이버 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 네이버 주식회사 filed Critical 네이버 주식회사
Priority to KR1020150047540A priority Critical patent/KR101654300B1/ko
Priority to CN201510964024.3A priority patent/CN106055312A/zh
Priority to JP2016013524A priority patent/JP6211110B2/ja
Priority to TW105105329A priority patent/TWI631531B/zh
Priority to US15/058,792 priority patent/US10255711B2/en
Application granted granted Critical
Publication of KR101654300B1 publication Critical patent/KR101654300B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Processing Or Creating Images (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Human Resources & Organizations (AREA)
  • General Health & Medical Sciences (AREA)
  • Economics (AREA)
  • Health & Medical Sciences (AREA)
  • Geometry (AREA)
  • Computer Vision & Pattern Recognition (AREA)

Abstract

모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법이 개시된다. 컴퓨터로 구현되는 컨텐츠 제공 시스템의 컨텐츠 제공 방법은, 복수의 레이어를 포함하는 페이지를 구성하는 단계, 상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 단계 및 상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합하는 단계를 포함할 수 있다.

Description

모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법{SYSTEM AND METHOD FOR PROVIDING CONTENTS USING MERGING LAYERS OF PAGE WITH MOTION EFFECT}
본 발명의 실시예들은 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법에 관한 것이다.
웹툰은, 영어 표현의 'web(웹)'과 'cartoon(만화)'을 합성한 말로, '인터넷을 매개로 배포하는 만화'를 의미한다. 예를 들어, 한국공개특허 제10-2006-0110587호는 네트워크를 이용한 만화 서비스 제공 방법 및 그 시스템에 관한 것으로 만화 제작 툴을 포함하는 웹페이지를 통해 만화를 제작하거나 제작된 만화를 열람할 수 있음을 개시하고 있다.
복수의 레이어로 구성된 페이지에서 적어도 하나의 레이어에 모션 연출을 적용하여 모션 연출이 포함된 컨텐츠를 제공하고, 이때 모션 연출이 적용되지 않은 레이어들을 하나의 이미지로 병합함으로써 컨텐츠를 제공할 때의 로딩 성능을 향상시키고 네트워크 사용량을 줄일 수 있는 컨텐츠 제공 시스템 및 방법을 제공한다.
페이지의 크기가 일정 크기 이상인 경우, 백그라운드 색과 동일한 일정 크기 영역을 자동으로 인식하고, 인식된 크기 영역을 기준으로 페이지를 자동 분할하여 저장하여 컨텐츠를 구성할 수 있는 컨텐츠 제공 시스템 및 방법을 제공한다.
최종 이미지에 특정 색을 갖는 일정 크기 이상의 영역이 존재하는 경우 최종 이미지에서 해당 색의 영역을 제거하고 제거된 영역을 통해 웹툰과 같은 컨텐츠가 표시되는 서비스 페이지의 백그라운드의 색이 표시되도록 컨텐츠를 제공함으로써 최종 이미지 리소스의 크기를 줄여 네트워크 사용량을 줄이고 로딩 성능을 향상시킬 수 있는 컨텐츠 제공 시스템 및 방법을 제공한다.
컴퓨터로 구현되는 컨텐츠 제공 시스템의 컨텐츠 제공 방법에 있어서, 복수의 레이어를 포함하는 페이지를 구성하는 단계; 상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 단계; 및 상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합하는 단계를 포함하는 것을 특징으로 하는 컨텐츠 제공 방법을 제공한다.
컴퓨터로 구현되는 컨텐츠 제공 시스템에 있어서, 복수의 레이어를 포함하는 페이지를 구성하는 페이지 구성부; 상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 모션 효과 설정부; 및 상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합하는 레이어 통합부를 포함하는 것을 특징으로 하는 컨텐츠 제공 시스템을 제공한다.
복수의 레이어로 구성된 페이지에서 적어도 하나의 레이어에 모션 연출을 적용하여 모션 연출이 포함된 컨텐츠를 제공하고, 이때 모션 연출이 적용되지 않은 레이어들을 하나의 이미지로 병합함으로써 컨텐츠를 제공할 때의 로딩 성능을 향상시키고 네트워크 사용량을 줄일 수 있다.
페이지의 크기가 일정 크기 이상인 경우, 백그라운드 색과 동일한 일정 크기 영역을 자동으로 인식하고, 인식된 크기 영역을 기준으로 페이지를 자동 분할하여 저장하여 컨텐츠를 구성할 수 있다.
최종 이미지에 특정 색을 갖는 일정 크기 이상의 영역이 존재하는 경우 최종 이미지에서 해당 색의 영역을 제거하고 제거된 영역을 통해 웹툰과 같은 컨텐츠가 표시되는 서비스 페이지의 백그라운드의 색이 표시되도록 컨텐츠를 제공함으로써 최종 이미지 리소스의 크기를 줄여 네트워크 사용량을 줄이고 로딩 성능을 향상시킬 수 있다.
도 1 및 도 2는 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 동작 환경의 예를 도시한 도면들이다.
도 3 및 도 4는 본 발명의 일실시예에 있어서, 컨텐츠의 제작을 위한 제작 툴을 설명하기 위한 도면들이다.
도 5 내지 도 7은 본 발명의 일실시예에 있어서, 복수의 레이어들을 표시한 예들이다.
도 8은 본 발명의 일실시예에 있어서, 페이지를 자동 분할하는 예를 도시한 도면이다.
도 9는 본 발명의 일실시예에 있어서, 자동으로 여백을 생성하는 예를 도시한 도면이다.
도 11은 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이다.
도 12는 본 발명의 일실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다.
도 13은 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이다.
도 14는 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
본 발명의 실시예들은 다양한 모션 연출이 가능한 컨텐츠를 제공하는 컨텐츠 제공 시스템 및 컨텐츠 제공 방법에 관한 것으로, 하나의 페이지를 구성하는 복수의 레이어들 중 모션 효과가 설정되지 않은 레이어들을 이미지로 통합하여 컨텐츠를 생성함으로써 컨텐츠에서 해당 페이지의 로딩시의 성능을 향상시키고 네트워크 사용량을 줄일 수 있는 기술에 관한 것이다. 또한, 본 발명의 실시예들은 크기가 너무 큰 페이지를 자동 분할하거나 자동으로 여백을 포함시킴으로써 최종 이미지 리소스의 크기를 줄일 수 있는 기술에 대해서도 설명한다.
도 1 및 도 2는 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 동작 환경의 예를 도시한 도면들이다.
도 1에서, 제작자 단말(110)은 웹툰과 같은 컨텐츠를 제작하는 제작자가 이용하는 단말로서 컨텐츠를 제작하는데 필요한 제작 툴이 설치되고 네트워크를 통해 매체(120)에 접속하여 통신할 수 있는 장치를 의미할 수 있다. 매체(120)는 웹페이지나 전용 툴을 통해 제작자의 컨텐츠를 이용자 단말(130)로 제공하는 서버장치 또는 서로 연계된 복수의 서버장치들을 의미할 수 있다. 이용자 단말(130)은 매체(120)로 컨텐츠를 요청하고, 요청된 컨텐츠를 수신하여 표시하는 장치를 의미할 수 있다.
도 1에서 컨텐츠가 제공되는 과정의 일례는 아래 (1) 내지 (4)와 같이 진행될 수 있다.
(1) 제작자는 제작자 단말(110)에 설치된 제작 툴을 통해 컨텐츠를 생성할 수 있다. 제작 툴은 매체(120) 또는 매체(120)와 연관된 서버를 통해 다운받은 파일을 통해 제작자 단말(110)에 설치될 수 있으며, 제작자는 이러한 제작 툴을 이용하여 컨텐츠를 생성할 수 있다.
(2) 제작자 단말(110)은 생성된 컨텐츠를 매체(120)로 전송할 수 있다. 예를 들어, 매체(120)는 제작자 단말(110)이 컨텐츠를 업로드할 수 있는 페이지를 제작자 단말(110)로 제공할 수 있고, 제작자 단말(110)은 제공된 페이지의 파일 업로드 기능을 이용하여 컨텐츠가 포함된 파일을 업로드할 수 있다.
(3) 매체(120)는 컨텐츠를 웹페이지나 또는 전용 툴에 적용할 수 있다. 예를 들어, 웹툰과 같은 컨텐츠가 제공될 웹페이지 또는 컨텐츠의 뷰가 가능한 전용 툴을 통해 컨텐츠가 표시될 수 있도록 컨텐츠를 적용할 수 있다.
(4) 매체(120)는 웹페이지 또는 전용 툴을 통해 컨텐츠를 제공할 수 있다. 예를 들어, 이용자 단말(130)은 매체(120)의 웹사이트에 접속하여 특정 컨텐츠를 요청하거나 이용자 단말(130)에 설치되어 컨텐츠의 뷰가 가능한 전용 툴을 통해 매체(120)로 특정 컨텐츠를 요청할 수 있다. 이 경우, 매체(120)는 요청된 컨텐츠가 적용된 웹페이지를 이용자 단말(130)로 제공하거나 또는 이용자 단말(130)에 설치된 전용 툴을 통해 컨텐츠가 표시될 수 있도록 컨텐츠를 제공할 수 있다.
도 2는 도 1에서와 다르게, 제작자 단말(110)이 제작자 단말(110)에 설치된 제작 툴이 아니라 웹상에서 웹애플리케이션으로서 제공되는 웹 제공 툴을 통해 컨텐츠를 제작하여 컨텐츠를 생성하고, 생성된 컨텐츠가 바로 매체(120)로 업로드되는 실시예를 설명하고 있다. 이때, 매체(120)로 업로드된 컨텐츠가 이용자 단말(130)로 제공되는 과정은 앞서 설명한 바와 동일하게 진행될 수 있다.
이때, 본 발명의 실시예들에 따른 컨텐츠 제공 시스템은 제작 툴이 설치된 제작자 단말(110)에 대응되거나 또는 웹 제작 툴을 제공하는 매체(120)에 대응될 수 있다.
도 3 및 도 4는 본 발명의 일실시예에 있어서, 컨텐츠의 제작을 위한 제작 툴을 설명하기 위한 도면들이다. 도 3의 화면(300)은 제작 툴의 인터페이스들이 표시된 예를 나타내고 있다. 하나의 컨텐츠는 적어도 하나의 페이지로 구성될 수 있고, 하나의 페이지는 적어도 하나의 레이어로 구성될 수 있다. 화면(300)은 '기본효과', '복합효과', '재생효과' 등과 같이 다양한 효과를 하나의 레이어를 구성하는 이미지(배경 이미지, 객체 이미지, 텍스트 이미지 등)에 적용할 수 있는 인터페이스를 나타내고 있다. 예를 들어 페이지 목록 영역(310)에는 컨텐츠를 구성하는 페이지들에 대한 요약 정보(일례로, 페이지 식별자 및 페이지들의 스틸컷 등)가 포함될 수 있다. 또한, 페이지 표시 영역(320)에는 컨텐츠를 구성하는 페이지들 중 하나의 페이지의 스틸컷이 표시될 수 있다. 레이어 목록 영역(330)에는 페이지 표시 영역(320)에 표시된 페이지를 구성하는 레이어들에 대한 정보(레이어 식별자, 레이어 표시 여부를 결정하기 위한 인터페이스, 레이어 스틸컷 등)가 표시될 수 있다. 또한, 효과 표시 영역(340)에는 레이어 목록 영역(330)의 레이어들에 설정된 효과들에 대한 정보가 표시될 수 있다.
제작자는 페이지와 레이어를 선택한 후, 상단의 효과 버튼("이동", "회전", "나타나기", "흔들기" 등)을 누르는 것만으로 원하는 효과를 간편하게 설정할 수 있다. 또한, 제작자는 효과 표시 영역(340)을 통해 개별 효과들을 보다 정밀하게 제어하여 설정할 수 있다.
도 4의 화면(400)에서는 효과 표시 영역(340)을 통해 개별 효과들에 대해 효과가 적용될 시점, 효과에 따라 이미지가 이동하는 속도, 효과의 반복 여부 등과 같이 기설정된 다양한 세부 효과들을 선택할 수 있음을 나타내고 있다. 선택 가능한 세부 효과들은 효과의 종류에 따라 달라질 수 있다.
연출을 위한 효과들은 이미지의 모션을 제어하기 위한 모션 효과를 포함할 수 있고, 그 외에도 이용자 단말(130)에 진동을 발생시키거나 이용자 단말(130)에서 소리를 출력하기 위한 효과 등과 같이 다양한 효과를 포함할 수 있다.
도 5 내지 도 7은 본 발명의 일실시예에 있어서, 복수의 레이어들을 표시한 예들이다.
우선 도 5에서는 레이어들(511 내지 519)이 모두 동일한 모양의 동일한 크기를 갖는 예를 나타내고 있으며, 이러한 레이어들(511 내지 519)이 모여 하나의 페이지(520)를 구성할 수 있음을 나타내고 있다.
반면, 하나의 페이지를 구성하는 레이어들은 그 크기와 모양이 모두 다를 수 있다. 예를 들어 도 6에서는 백그라운드를 위한 레이어(613)와 말풍선 모양의 레이어(612) 및 말풍선에 포함될 글자를 위한 레이어(611)를 각각 나타내고 있으며, 이러한 레이어들(611 내지 613)이 결합되어 하나의 페이지(620)가 구성됨을 나타내고 있다.
또한, 도 7은 특정 레이어(712)에 "나타나기" 효과가 적용된 경우의 예를 나타내고 있다. 처음 페이지(720)가 표시될 때는 두 개의 레이어들(711 및 713)만이 표시되고 설정된 시간 이후의 페이지(730)에는 나머지 레이어(712)가 "나타나기" 효과와 함께 표시되는 예를 나타내고 있다. 이처럼 모션 효과는 페이지를 구성하는 복수의 레이어들 중 적어도 하나에 설정될 수 있다.
한편, 다시 도 5를 살펴보면, 도 5에서는 레이어들(511 내지 519) 중 두 개의 레이어들(513 및 516)에 모션 효과가 적용되었음을 나타내고 있다. 다시 말해, 나머지 레이어들(511, 512, 514, 515, 517, 518 및 519)에는 모션 효과가 적용되어 있지 않음을 알 수 있다.
이때, 모든 레이어들을 개별적 이미지로 설정하여 제공하는 것은, 하나의 최종 이미지를 제공하는 것에 비해 네트워크 사용량을 증가시킬 뿐만 아니라 이용자 단말(130)에서 컨텐츠를 로딩할 때 로딩 성능을 떨어뜨림을 알 수 있다. 그러나, 다양한 연출을 위해서는 각 레이어들의 정보가 필요할 뿐만 아니라 레이어들별로 적용된 효과에 대한 정보가 전달될 필요가 있다.
이에 본 발명의 실시예들에서는 모션 효과가 설정된 레이어들을 제외한 나머지 일반 레이어들 그 중에서도 서로 연속된 일반 레이어들을 병합하여 제공하는 기술을 제공한다.
예를 들어, 도 5의 예를 살펴보면, 본 발명의 실시예들에 따른 컨텐츠 제공 시스템은 최하층의 레이어(519)부터 최상층의 레이어(511)까지 순차적으로 레이어들이 모션 효과가 설정되어 있는지 여부를 확인하면서 모션 효과가 설정되어 있지 않으면서 서로 연속된 레이어들은 병합하여 하나의 병합 이미지를 생성하고, 모션 효과가 설정된 레이어들은 개별 이미지로 생성하여 제공할 수 있다. 다시 말해, 컨텐츠 제공 시스템은 레이어(519), 레이어(518) 및 레이어(517)을 병합하여 하나의 병합 이미지를 생성하고, 모션 효과가 적용된 레이어(516)을 개별 이미지로 생성할 수 있다. 다시 컨텐츠 제공 시스템은 레이어(515) 및 레이어(514)를 병합하여 하나의 병합 이미지를 생성하고, 레이어(513)을 개별 이미지로 생성하고, 레이어(512)와 레이어(511)를 병합하여 병합 이미지를 생성할 수 있다.
다시 말해, 도 5의 9개의 레이어들은 9 개의 이미지로 생성되어 제공되는 것이 아니라, 3 개의 병합 이미지와 2 개의 개별 이미지를 포함하는 5 개의 이미지로 생성되어 제공될 수 있다.
따라서 최종 이미지의 리소스 크기를 줄일 수 있으며, 네트워크 사용량을 줄일 수 있고, 로딩 성능을 향상시킬 수 있다.
도 8은 본 발명의 일실시예에 있어서, 페이지를 자동 분할하는 예를 도시한 도면이다. 도 8은 하나의 페이지(810)가 제1 크기 이상의 크기를 갖는 경우, 해당 페이지(810)를 두 개의 페이지들(820 및 830)로 분할하는 예를 나타내고 있다.
우선, 페이지(810)는 도 8에서와 같이 백그라운드 상에 두 개의 표시 영역(820 및 840)과 하나의 말풍선 영역(830)을 포함하고 있고, 나머지 영역은 백그라운드 색과 동일한 색의 표시 영역(870)을 구성하고 있다. 이때, 표시 영역(870) 역시 백그라운드 색과 동일한 색의 이미지 영역이다.
컨텐츠 제공 시스템은 컨텐츠의 생성 시 최종 페이지들을 이미지 프로세싱하여 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식할 수 있다. 도 8에서는 점선박스(880)로 표시된 영역이 컨텐츠 제공 시스템에 의해 인식된 영역을 나타낼 수 있다. 만약, 일정 크기에 따라 페이지(810)를 무조건 분할하는 경우, 제작자가 의도하지 않은 이미지 분할이 발생할 수 있기 때문에 컨텐츠 제공 시스템은 인식된 영역을 기준으로 페이지(810)를 분할함으로써 제작자의 의도를 해치지 않으면서도 크기가 너무 큰 페이지들을 분할하여 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다. 만약, 제2 크기의 영역이 인식되지 않는 경우에는 페이지 분할 없이 그대로 페이지를 이용할 수 있다.
도 9는 본 발명의 일실시예에 있어서, 자동으로 여백을 생성하는 예를 도시한 도면이다. 도 9의 페이지(910)는 두 개의 표시 영역(911 및 912)을 나타내고 있으며, 표시 영역(912)에는 말풍선 영역(913)이 포함된 예를 나타내고 있다. 이때, 표시 영역(912)에서는 말풍선 영역(913)을 제외한 나머지 영역(914)이 백그라운드와 동일한 색을 갖고 있다.
이때, 컨텐츠 제공 시스템은 백그라운드와 동일한 색을 갖고 있는 일정 크기 이상의 영역을 인식하고 해당 영역을 제거할 수 있다. 예를 들어, 도 9의 나머지 영역(914) 역시 이미지로 인식되어 최종 이미지 리소스의 크기를 증가시킬 수 있다. 다시 말해, 컨텐츠 제공 시스템은 나머지 영역(914)을 인식하여 제거할 수 있다. 이 경우, 나머지 영역(914)은 백그라운드로 채워질 수 있다. 이미 설명한 바와 같이 나머지 영역의 색은 백그라운드와 동일한 색을 갖고 있기 때문에 페이지의 표시 시에는 동일하게 표시되나 나머지 영역(914)만큼의 이미지가 제거되어 여백이 생성되었기 때문에 최종 이미지의 크기는 감소하게 된다.
여기서, 백그라운드는 컨텐츠가 노출되는 웹페이지의 배경을 포함할 수 있다. 예를 들어, 웹툰과 같은 컨텐츠가 웹페이지를 통해 노출될 때, 페이지의 제거된 영역은 웹페이지의 백그라운드로 채워질 수 있다. 다시 말해, 웹페이지가 갖는 백그라운드의 색을 통해 여백 부분은 동일한 색이 표현되어 사용자가 보는 최종 이미지는 동일한 반면, 이미지가 제거되어 여백이 생긴 만큼 최종 이미지의 크기는 감소하기 때문에 네트워크 사용량이 줄어들 수 있고, 로딩 성능이 향상될 수 있다.
또한, 앞서 설명한 바와 같이 컨텐츠는 전용 툴을 통해 사용자에게 제공될 수도 있다. 이 경우, 여백 부분에는 전용 툴에 설정된 백그라운드의 색이 표시될 수 있다. 이처럼, 여백 부분을 통해 표시되는 백그라운드 색은 컨텐츠가 배치되는 서비스 페이지의 백그라운드의 색으로 확장될 수 있다.
도 10은 본 발명의 일실시예에 있어서, 자동으로 여백을 생성하는 다른 예를 도시한 도면이다. 도 10은 제1 페이지(1010)가 검은 색의 백그라운드(1011)를 갖고, 표시 영역에 말풍선을 포함한 이미지가 포함된 예를 나타내고 있다. 이때, 해당 이미지는 기설정된 크기 이상의 흰색 영역(1012)을 포함하고 있다.
이 경우, 컨텐츠 제공 시스템은 컨텐츠의 생성 시 최종 이미지에서 기설정된 크기 이상의 흰색 영역(1012)을 인식하여 제거할 수 있다. 이때, 제1 페이지(1010)는 흰색 영역(1012)의 제거에 따라 백그라운드(1011)의 검은 색이 표시되면서 제2 페이지(1020)와 같이 변경될 수 있다.
이때, 컨텐츠 제공 시스템은 백그라운드의 색을 제거한 영역의 색으로 변경할 수 있다. 이 경우 제2 페이지(1020)는 제3 페이지(1030)와 같이 변경될 수 있다. 이때, 표시 영역의 이미지 크기는 흰색 영역(1012)의 제거에 따라 감소할 수 있다. 다시 말해, 최종 이미지 리소스의 크기를 줄일 수 있다.
이 경우에도 백그라운드는 컨텐츠가 노출되는 웹페이지의 배경을 포함할 수 있다. 본 실시예에서는 제거된 영역의 원래 색과 동일하도록 웹페이지의 백그라운드의 색을 변경함으로써 사용자에게는 동일한 컨텐츠를 제공하면서도 네트워크 사용량을 줄이고 최종 이미지의 로딩 성능은 향상시킬 수 있다.
이미 설명한 바와 같이 백그라운드 색은 컨텐츠가 배치되는 서비스 페이지의 백그라운드 색으로 확장될 수 있다.
도 11은 본 발명의 일실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이고, 도 12는 본 발명의 일실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다. 본 실시예에 따른 컨텐츠 제공 시스템(1100)은 도 11에 도시된 바와 같이 프로세서(1110), 버스(1120), 네트워크 인터페이스(1130) 및 메모리(1140)를 포함할 수 있다. 메모리(1140)는 운영체제(1141) 및 컨텐츠 제공 루틴(1142)을 포함할 수 있다. 프로세서(1110)는 페이지 구성부(1111), 모션 효과 설정부(1112) 및 레이어 통합부(1113)를 포함할 수 있다. 다른 실시예들에서 컨텐츠 제공 시스템(1100)은 도 9의 구성요소들보다 더 많은 구성요소들을 포함할 수도 있다. 그러나, 대부분의 종래기술적 구성요소들을 명확하게 도시할 필요성은 없다. 예를 들어, 컨텐츠 제공 시스템(1100)은 디스플레이나 트랜시버(transceiver)와 같은 다른 구성요소들을 더 포함할 수도 있다.
메모리(1140)는 컴퓨터에서 판독 가능한 기록 매체로서, RAM(random access memory), ROM(read only memory) 및 디스크 드라이브와 같은 비소멸성 대용량 기록장치(permanent mass storage device)를 포함할 수 있다. 또한, 메모리(1140)에는 운영체제(1141)와 컨텐츠 제공 루틴(1142)을 위한 프로그램 코드가 저장될 수 있다. 이러한 소프트웨어 구성요소들은 드라이브 메커니즘(drive mechanism, 미도시)을 이용하여 메모리(1140)와는 별도의 컴퓨터에서 판독 가능한 기록 매체로부터 로딩될 수 있다. 이러한 별도의 컴퓨터에서 판독 가능한 기록 매체는 플로피 드라이브, 디스크, 테이프, DVD/CD-ROM 드라이브, 메모리 카드 등의 컴퓨터에서 판독 가능한 기록 매체(미도시)를 포함할 수 있다. 다른 실시예에서 소프트웨어 구성요소들은 컴퓨터에서 판독 가능한 기록 매체가 아닌 네트워크 인터페이스(1130)를 통해 메모리(1140)에 로딩될 수도 있다. 예를 들어, 컨텐츠 제공 루틴(1142)은 개발자들이 네트워크를 통해 제공하는 파일들에 의해 설치되는 프로그램에 기반하여 메모리(1140)에 로딩될 수 있다.
버스(1120)는 컨텐츠 제공 시스템(1100)의 구성요소들간의 통신 및 데이터 전송을 가능하게 할 수 있다. 버스(1120)는 고속 시리얼 버스(high-speed serial bus), 병렬 버스(parallel bus), SAN(Storage Area Network) 및/또는 다른 적절한 통신 기술을 이용하여 구성될 수 있다.
네트워크 인터페이스(1130)는 컨텐츠 제공 시스템(1100)을 컴퓨터 네트워크에 연결하기 위한 컴퓨터 하드웨어 구성요소일 수 있다. 네트워크 인터페이스(1130)는 컨텐츠 제공 시스템(1100)을 무선 또는 유선 커넥션을 통해 컴퓨터 네트워크에 연결시킬 수 있다.
프로세서(1110)는 기본적인 산술, 로직 및 컨텐츠 제공 시스템(1100)의 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 명령은 메모리(1140) 또는 네트워크 인터페이스(1130)에 의해, 그리고 버스(1120)를 통해 프로세서(1110)로 제공될 수 있다. 프로세서(1110)는 페이지 구성부(1111), 모션 효과 설정부(1112) 및 레이어 통합부(1113)를 위한 프로그램 코드를 실행하도록 구성될 수 있다. 이러한 프로그램 코드는 메모리(1140)와 같은 기록 장치에 저장(일례로, 컨텐츠 제공 루틴(1142))될 수 있다.
이때, 페이지 구성부(1111), 모션 효과 설정부(1112) 및 레이어 통합부(1113)는 도 12의 단계들(1210 내지 1230)을 수행하기 위해 구성될 수 있다.
단계(1210)에서 페이지 구성부(1111)는 복수의 레이어를 포함하는 페이지를 구성할 수 있다. 물론 하나의 레이어를 포함하는 페이지를 포함할 수도 있으나, 레이어들의 병합을 위해 둘 이상의 레이어들이 포함되는 페이지가 의미가 있을 수 있다. 각각의 레이어들은 페이지를 통해 표시되는 레이어 이미지를 포함할 수 있다. 이러한 레이어 이미지들은 텍스트의 형태를 가질 수도 있다.
단계(1220)에서 모션 효과 설정부(1112)는 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정할 수 있다. 모션 효과는 이미 설명한 바와 같이 페이지가 화면에 재생되는 경우, 기설정된 조건에 따라 레이어 이미지에 적용되는 액션을 포함할 수 있다. 이미 설명한 바와 같이 레이어나 페이지에 적용 가능한 효과는 효과음이나 모바일 기기의 진동 등과 같이 다양한 효과가 가능하나 레이어들의 병합과 관련된 연출 효과는 이미지에 대한 이동, 회전, 나타나기, 사라지기 등의 모션 효과일 수 있다.
단계(1230)에서 레이어 통합부(1113)는 페이지를 포함하는 컨텐츠의 생성 시 페이지에 포함된 복수의 레이어들 중 모션 효과가 설정된 레이어를 제외한 나머지 일반 레이어들에서 서로 연속된 레이어들을 통합할 수 있다. 예를 들어, 레어어 통합부(1113)는 복수의 레이어들 중 최하층(또는 최상층)부터 최상층(또는 최하층)까지의 레이어들을 순차적으로 확인하여 모션 효과가 설정되지 않고, 서로 연속된 일반 레이어들을 통합하여 통합 이미지를 생성하고, 모션 효과가 설정된 레이어를 개별 이미지로 생성할 수 있다. 앞서 도 5를 통해 통합 이미지들과 개별 이미지들이 생성되는 예를 자세히 설명한 바 있다.
이때, 컨텐츠 제공 방법은 실시예에 따라 선택적으로 통합 이미지와 개별 이미지가 레이어들의 순서에 따라 적층된 최종 이미지가 생성하는 단계(미도시)를 더 포함할 수 있다. 레이어들은 상층의 레이어가 하층의 레이어를 일부 또는 전부 가릴 수 있기 때문에 레이어들의 순서는 중요하다. 따라서 생성된 이미지들 역시 레이어들의 순서에 따라 적층될 수 있고, 하층의 레이어는 상층의 여백 부분을 통해 표시될 수 있다. 이러한 미도시 단계는 프로세서(1110)가 더 포함할 수 있는 최종 이미지 생성부(미도시)에 의해 수행될 수 있다.
이처럼 모션 효과가 설정되지 않은 레이어들을 통합함으로써 최종 이미지의 리소스 크기를 줄일 수 있고, 리소스 크기가 줄어듦에 따라 네트워크 사용량을 줄일 수 있으며, 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다.
또한, 컨텐츠 제공 방법은 실시예에 따라 선택적으로 페이지의 크기가 제1 크기 이상인 경우, 페이지에서 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식하는 단계(미도시) 및 인식된 영역을 기준으로 페이지를 분할하는 단계(미도시)를 더 포함할 수 있다. 백그라운드 색과 동일한 색을 갖는 영역을 통해 페이지를 분할하는 방법에 대해서는 도 8을 통해 이미 자세히 설명한 바 있다. 이러한 미도시 단계들은 프로세서(1110)가 더 포함할 수 있는 백그라운드 인식부(미도시) 및 페이지 분할부(미도시)에 의해 수행될 수 있다.
이처럼 일정 크기 이상의 페이지를 백그라운드 색과 연관하여 분할함으로써 제작자의 의도를 훼손하지 않으면서도 일정 크기 이상의 페이지를 분할하여 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다.
도 13은 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 시스템의 내부 구성을 설명하기 위한 블록도이고, 도 14는 본 발명의 다른 실시예에 있어서, 컨텐츠 제공 방법을 도시한 흐름도이다. 본 실시예에 따른 컨텐츠 제공 시스템(1300)은 도 13에 도시된 바와 같이 프로세서(1310), 버스(1320), 네트워크 인터페이스(1330) 및 메모리(1340)를 포함할 수 있으며, 이러한 구성요소들은 도 11을 통해 설명한 프로세서(1110), 버스(1120), 네트워크 인터페이스(1130) 및 메모리(1140)에 대응될 수 있기 때문에 반복적인 설명은 생략한다. 프로세서(1310)는 도 13에 도시된 바와 같이 페이지 구성부(1311), 여백 영역 인식부(1312) 및 재구성부(1313)를 포함할 수 있으며, 필요에 따라 선택적으로 백그라운드 색 변경부(1314)를 더 포함할 수 있다. 프로세서(1310)가 포함하는 구성요소들은 도 14의 단계들(1410 내지 1440)을 수행하기 위해 구성될 수 있다.
단계(1410)에서 페이지 구성부(1311)는 컨텐츠에 포함될 페이지를 구성할 수 있다. 여기서 설명하는 페이지는 앞서 설명한 복수의 레이어들로 구성되는 페이지를 포함할 수도 있으나, 단순히 하나의 레이어로 구성된 이미지의 페이지일 수도 있다.
단계(1420)에서 여백 영역 인식부(1312)는 페이지를 구성하는 최종 이미지를 분석하여 하나의 색으로 구성되고 기설정된 크기 이상의 크기를 갖는 영역을 인식할 수 있다.
단계(1430)에서 재구성부(1313)는 인식된 영역을 제거하여 상기 최종 이미지를 재구성할 수 있다. 앞서 도 9 및 도 10에서는 동일한 색으로 구성된 영역을 인식하여 제거함으로써 최종 이미지의 리소스 크기를 줄일 수 있음을 설명한 바 있다.
이때, 하나의 색이 컨텐츠가 배치되는 서비스 페이지에 설정된 백그라운드 색과 동일한 색이라면, 단순히 인식된 영역을 제거하는 것만으로도 인식된 영역의 제거에 따라 생성된 여백을 통해 서비스 페이지의 백그라운드 색이 표시되기 때문에 특별한 변경 없이 이미지의 크기는 줄이면서도 동일한 이미지를 표시할 수 있게 된다.
단계(1440)에서 백그라운드 색 변경부(1314)는 하나의 색이 컨텐츠가 배치되는 서비스 페이지에 설정된 백그라운드 색과 다른 경우, 서비스 페이지에 설정된 백그라운드 색을 상기 하나의 색(제거된 영역의 색)으로 변경할 수 있다. 다시 말해 인식된 영역의 제거에 따라 생성된 여백을 통해 상기 변경된 백그라운드 색이 표시되고, 이러한 변경된 색은 제거된 영역의 색이기 때문에 이미지의 크기는 줄이면서도 사용자에게는 동일한 컨텐츠를 제공할 수 있게 된다. 이러한 단계(1440)는 실시예에 따라 선택적으로 컨텐츠 제공 방법에 포함될 수 있다.
또한, 컨텐츠 제공 방법은 실시예에 따라 선택적으로 페이지의 크기가 제1 크기 이상인 경우, 페이지에서 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식하는 단계(미도시) 및 인식된 제2 크기의 영역을 기준으로 페이지를 분할하는 단계(미도시)를 더 포함할 수 있다. 백그라운드 색과 동일한 색을 갖는 영역을 통해 페이지를 분할하는 방법에 대해서는 도 8을 통해 이미 자세히 설명한 바 있다. 이러한 미도시 단계들은 프로세서(1310)가 더 포함할 수 있는 백그라운드 인식부(미도시) 및 페이지 분할부(미도시)에 의해 수행될 수 있다.
이처럼 일정 크기 이상의 페이지를 백그라운드 색과 연관하여 분할함으로써 제작자의 의도를 훼손하지 않으면서도 일정 크기 이상의 페이지를 분할하여 이용자 단말(130)에서의 로딩 성능을 향상시킬 수 있다.
이상에서와 같이, 본 발명의 실시예에 따르면, 복수의 레이어로 구성된 페이지에서 적어도 하나의 레이어에 모션 연출을 적용하여 모션 연출이 포함된 컨텐츠를 제공하고, 이때 모션 연출이 적용되지 않은 레이어들을 하나의 이미지로 병합함으로써 컨텐츠를 제공할 때의 로딩 성능을 향상시키고 네트워크 사용량을 줄일 수 있다.
또한, 페이지의 크기가 일정 크기 이상인 경우, 백그라운드 색과 동일한 일정 크기 영역을 자동으로 인식하고, 인식된 크기 영역을 기준으로 페이지를 자동 분할하여 저장하여 컨텐츠를 구성할 수 있다.
또한, 최종 이미지에 특정 색을 갖는 일정 크기 이상의 영역이 존재하는 경우 최종 이미지에서 해당 색의 영역을 제거하고 제거된 영역을 통해 웹툰과 같은 컨텐츠가 표시되는 서비스 페이지의 백그라운드의 색이 표시되도록 컨텐츠를 제공함으로써 최종 이미지 리소스의 크기를 줄여 네트워크 사용량을 줄이고 로딩 성능을 향상시킬 수 있다.
이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPGA(field programmable gate array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 애플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.
소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.
실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.
이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다.
그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.

Claims (10)

  1. 컴퓨터로 구현되는 컨텐츠 제공 시스템의 컨텐츠 제공 방법에 있어서,
    복수의 레이어를 포함하는 페이지를 구성하는 단계;
    상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 단계; 및
    상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정되지 않은 일반 레이어들에서 서로 연속된 일반 레이어들을 통합하는 단계
    를 포함하고,
    상기 페이지의 크기가 제1 크기 이상인 경우, 상기 페이지에서 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식하는 단계; 및
    상기 인식된 영역을 기준으로 상기 페이지를 분할하는 단계
    를 더 포함하는 것을 특징으로 하는 컨텐츠 제공 방법.
  2. 제1항에 있어서,
    상기 복수의 레이어들 각각은 상기 페이지를 통해 표시되는 레이어 이미지를 포함하고,
    상기 모션 효과는 상기 페이지가 화면에 재생되는 경우, 기설정된 조건에 따라 상기 레이어 이미지에 적용되는 액션을 포함하는 것을 특징으로 하는 컨텐츠 제공 방법.
  3. 제1항에 있어서,
    상기 일반 레이어들을 통합하는 단계는,
    상기 복수의 레이어들 중 최하층(또는 최상층)부터 최상층(또는 최하층)까지의 레이어들을 순차적으로 확인하여 상기 모션 효과가 설정되지 않고, 서로 연속된 레이어들을 통합하여 통합 이미지를 생성하고, 상기 모션 효과가 설정된 레이어를 개별 이미지로 생성하는 것을 특징으로 하는 컨텐츠 제공 방법.
  4. 제3항에 있어서,
    상기 통합 이미지와 상기 개별 이미지가 레이어들의 순서에 따라 적층된 최종 이미지를 생성하는 단계
    를 더 포함하는 것을 특징으로 하는 컨텐츠 제공 방법.
  5. 삭제
  6. 제1항 내지 제4항 중 어느 한 항의 방법을 실행하기 위한 프로그램이 기록된 컴퓨터에서 판독 가능한 기록 매체.
  7. 컴퓨터로 구현되는 컨텐츠 제공 시스템에 있어서,
    복수의 레이어를 포함하는 페이지를 구성하는 페이지 구성부;
    상기 페이지에 포함된 복수의 레이어 중 적어도 하나의 레이어에 적용될 모션 효과를 설정하는 모션 효과 설정부; 및
    상기 페이지를 포함하는 컨텐츠의 생성 시 상기 페이지에 포함된 상기 복수의 레이어들 중 상기 모션 효과가 설정되지 않은 일반 레이어들에서 서로 연속된 일반 레이어들을 통합하는 레이어 통합부
    를 포함하고,
    상기 페이지의 크기가 제1 크기 이상인 경우, 상기 페이지에서 백그라운드 색과 동일한 색을 갖는 제2 크기의 영역을 인식하는 백그라운드 영역 인식부; 및
    상기 인식된 영역을 기준으로 상기 페이지를 분할하는 페이지 분할부
    를 더 포함하는 것을 특징으로 하는 컨텐츠 제공 시스템.
  8. 제7항에 있어서,
    상기 복수의 레이어들 각각은 상기 페이지를 통해 표시되는 레이어 이미지를 포함하고,
    상기 모션 효과는 상기 페이지가 화면에 재생되는 경우, 기설정된 조건에 따라 상기 레이어 이미지에 적용되는 액션을 포함하는 것을 특징으로 하는 컨텐츠 제공 시스템.
  9. 제7항에 있어서,
    상기 레이어 통합부는,
    상기 복수의 레이어들 중 최하층(또는 최상층)부터 최상층(또는 최하층)까지의 레이어들을 순차적으로 확인하여 상기 모션 효과가 설정되지 않고, 서로 연속된 레이어들을 통합하여 통합 이미지를 생성하고, 상기 모션 효과가 설정된 레이어를 개별 이미지로 생성하는 것을 특징으로 하는 컨텐츠 제공 시스템.
  10. 삭제
KR1020150047540A 2015-04-03 2015-04-03 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법 KR101654300B1 (ko)

Priority Applications (5)

Application Number Priority Date Filing Date Title
KR1020150047540A KR101654300B1 (ko) 2015-04-03 2015-04-03 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법
CN201510964024.3A CN106055312A (zh) 2015-04-03 2015-12-21 利用包括动态演示的页面层的合并提供内容的系统及方法
JP2016013524A JP6211110B2 (ja) 2015-04-03 2016-01-27 コンテンツ提供システムおよびコンテンツ提供方法
TW105105329A TWI631531B (zh) 2015-04-03 2016-02-23 利用包括動態演示的頁面層的合併提供內容的系統及方法
US15/058,792 US10255711B2 (en) 2015-04-03 2016-03-02 System and method for providing contents by merging layers of page to which motion effect is set

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020150047540A KR101654300B1 (ko) 2015-04-03 2015-04-03 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020160028346A Division KR101968974B1 (ko) 2016-03-09 2016-03-09 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법

Publications (1)

Publication Number Publication Date
KR101654300B1 true KR101654300B1 (ko) 2016-09-22

Family

ID=57017699

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150047540A KR101654300B1 (ko) 2015-04-03 2015-04-03 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법

Country Status (5)

Country Link
US (1) US10255711B2 (ko)
JP (1) JP6211110B2 (ko)
KR (1) KR101654300B1 (ko)
CN (1) CN106055312A (ko)
TW (1) TWI631531B (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110249329A (zh) * 2017-01-31 2019-09-17 立马公司 防止网络漫画擅自复制及被复制网络漫画追踪系统、方法及程序

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6478888B2 (ja) * 2015-09-29 2019-03-06 三菱電機株式会社 図形描画装置および図形描画プログラム
CN107888979B (zh) * 2017-11-23 2021-01-08 海信视像科技股份有限公司 基于Linux电视的图像显示方法及装置
WO2019161562A1 (en) * 2018-02-26 2019-08-29 Intel Corporation Object detection with image background subtracted
JP2023096528A (ja) * 2021-12-27 2023-07-07 株式会社エクスレイウェブアーツ プログラム、情報処理装置、画像編集方法、及び画像表示方法
JP7045121B1 (ja) * 2021-12-27 2022-03-31 株式会社エクスレイウェブアーツ プログラム、情報処理装置、画像編集方法、及び画像表示方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20090066607A (ko) * 2007-12-20 2009-06-24 주식회사 다음커뮤니케이션 동영상에 대응되는 투명 레이어를 이용한 부가 서비스 제공방법 및 시스템
KR20110019942A (ko) * 2009-08-21 2011-03-02 주식회사 엔피커 웹페이지 편집 저장 시스템
JP2013250841A (ja) * 2012-06-01 2013-12-12 Nikon Corp 画像表示装置及び画像表示方法
KR20140023596A (ko) * 2012-08-16 2014-02-27 네이버 주식회사 이미지 분석에 의한 이미지 자동 편집 장치, 방법 및 컴퓨터 판독 가능한 기록 매체

Family Cites Families (32)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6606525B1 (en) * 1999-12-27 2003-08-12 Motorola, Inc. System and method of merging static data in web pages
JP3814585B2 (ja) * 2002-03-20 2006-08-30 キヤノン株式会社 画像処理装置、画像処理方法、プログラム及び記憶媒体
JP2004310326A (ja) 2003-04-04 2004-11-04 Shinano Kenshi Co Ltd コンテンツ配信システム、コンテンツ配信装置、コンテンツ配信方法およびコンピュータ読み取り可能なデータ合成プログラム
JP4626210B2 (ja) * 2004-07-30 2011-02-02 ソニー株式会社 コンテンツ提供システム，コンテンツ提供サーバ，情報処理装置およびコンピュータプログラム
JP4522280B2 (ja) 2005-02-04 2010-08-11 キヤノン株式会社 情報処理装置及びその制御方法、プログラム
KR100732207B1 (ko) 2005-04-21 2007-06-27 주식회사 넥슨 네트워크를 이용한 만화 서비스 제공 방법 및 그 시스템
US7924314B2 (en) 2006-01-31 2011-04-12 Check Out My, Llc Bulk image gathering system and method
JP5489470B2 (ja) * 2007-01-29 2014-05-14 三菱電機株式会社 画像表示装置及び画像表示方法
TW200921417A (en) * 2007-11-06 2009-05-16 Oz Network Co Ltd A page setup system and method
US8301998B2 (en) 2007-12-14 2012-10-30 Ebay Inc. Identification of content in an electronic document
JP5123089B2 (ja) * 2008-07-17 2013-01-16 株式会社バンダイナムコゲームス 画像配信システム、サーバ、その方法及びプログラム
JP2010066789A (ja) * 2008-09-08 2010-03-25 Taito Corp アバター編集サーバ及びアバター編集プログラム
US8274533B2 (en) 2009-02-12 2012-09-25 Xerox Corporation Resizing a digital document image via background content removal
US8892995B2 (en) 2010-02-02 2014-11-18 Xerox Corporation Method and system for specialty imaging effect generation using multiple layers in documents
CN102193933A (zh) 2010-03-10 2011-09-21 北大方正集团有限公司 一种网页编辑方法及系统
US8711163B2 (en) * 2011-01-06 2014-04-29 International Business Machines Corporation Reuse of static image data from prior image frames to reduce rasterization requirements
KR101270780B1 (ko) * 2011-02-14 2013-06-07 김영대 가상 강의실 강의 방법 및 장치
US8819624B2 (en) 2011-09-26 2014-08-26 Intel Corporation Simulation of web applications and secondary devices in a web browser, web application development tools, and methods using the same
AU2011265380B2 (en) 2011-12-20 2015-02-12 Canon Kabushiki Kaisha Determining transparent fills based on a reference background colour
KR20130074383A (ko) * 2011-12-26 2013-07-04 삼성전자주식회사 다중-레이어 표현을 사용하는 영상 처리 방법 및 장치
US20130316773A1 (en) * 2012-05-28 2013-11-28 Ian A. R. Boyd System and method for the creation of an enhanced multi-dimensional pictogame using pictooverlay technology
US20140089826A1 (en) 2012-09-26 2014-03-27 Ian A. R. Boyd System and method for a universal resident scalable navigation and content display system compatible with any digital device using scalable transparent adaptable resident interface design and picto-overlay interface enhanced trans-snip technology
JP5937992B2 (ja) * 2012-06-25 2016-06-22 株式会社コナミデジタルエンタテインメント メッセージ閲覧システム、サーバ、端末装置、制御方法およびプログラム
CN102880664B (zh) 2012-08-31 2015-05-13 华为软件技术有限公司 一种页面编辑方法、装置及系统
CN103793216B (zh) 2012-10-31 2017-02-08 郑州月太软件有限公司 一种所见即所得式的线上网站建设方法
JP5865856B2 (ja) * 2013-02-27 2016-02-17 京セラドキュメントソリューションズ株式会社 画像処理装置及びこれを備えた画像形成装置
JP6160168B2 (ja) 2013-03-28 2017-07-12 ブラザー工業株式会社 画像処理装置、および、コンピュータプログラム
TWI571757B (zh) * 2013-07-24 2017-02-21 堂朝數位整合股份有限公司 網頁編輯系統及方法與內儲網頁編輯程式之電腦程式產品
CN103823684A (zh) 2014-03-04 2014-05-28 徐州工业职业技术学院 一种基于浏览器的网页课件演示辅助系统及方法
US20150382061A1 (en) 2014-06-30 2015-12-31 Sling Media, Inc. Spoiler mitigation methods and systems
US9753620B2 (en) 2014-08-01 2017-09-05 Axure Software Solutions, Inc. Method, system and computer program product for facilitating the prototyping and previewing of dynamic interactive graphical design widget state transitions in an interactive documentation environment
KR101648964B1 (ko) * 2015-04-02 2016-08-30 네이버 주식회사 자동 여백 생성을 이용하여 컨텐츠를 제공하는 시스템 및 방법

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20090066607A (ko) * 2007-12-20 2009-06-24 주식회사 다음커뮤니케이션 동영상에 대응되는 투명 레이어를 이용한 부가 서비스 제공방법 및 시스템
KR20110019942A (ko) * 2009-08-21 2011-03-02 주식회사 엔피커 웹페이지 편집 저장 시스템
JP2013250841A (ja) * 2012-06-01 2013-12-12 Nikon Corp 画像表示装置及び画像表示方法
KR20140023596A (ko) * 2012-08-16 2014-02-27 네이버 주식회사 이미지 분석에 의한 이미지 자동 편집 장치, 방법 및 컴퓨터 판독 가능한 기록 매체

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110249329A (zh) * 2017-01-31 2019-09-17 立马公司 防止网络漫画擅自复制及被复制网络漫画追踪系统、方法及程序

Also Published As

Publication number Publication date
TW201636953A (zh) 2016-10-16
TWI631531B (zh) 2018-08-01
US10255711B2 (en) 2019-04-09
JP2016197398A (ja) 2016-11-24
CN106055312A (zh) 2016-10-26
JP6211110B2 (ja) 2017-10-11
US20160292904A1 (en) 2016-10-06

Similar Documents

Publication Publication Date Title
KR101654300B1 (ko) 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법
KR101648964B1 (ko) 자동 여백 생성을 이용하여 컨텐츠를 제공하는 시스템 및 방법
KR101968974B1 (ko) 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법
US10380227B2 (en) Generating layout for content presentation structures
US11216253B2 (en) Application prototyping tool
KR101934369B1 (ko) 자동 여백 생성을 이용하여 컨텐츠를 제공하는 시스템 및 방법
US20170300204A1 (en) Method and apparatus for manufacturing interactive electronic manual
JP2018528634A (ja) 動画像をプレビューする方法及びデバイス、並びに表現パッケージを表示する方法及びデバイス
JP2023521660A (ja) 階層型ニューラル・ネットワークとセル境界から構造へのクラスタリングとを用いる視覚ベースのセル構造認識
KR101429466B1 (ko) 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템
US20170060601A1 (en) Method and system for interactive user workflows
Montano-Murillo et al. OpenMPD: A low-level presentation engine for Multimodal Particle-based Displays
US20150269781A1 (en) Rapid Virtual Reality Enablement of Structured Data Assets
KR20220081164A (ko) 웹툰 컨텐츠 재배치 방법 및 그 장치
JP2021097417A (ja) サーバおよびデータ割り当て方法
JP4674726B2 (ja) ファイルの管理方法および情報処理装置
KR102210380B1 (ko) 복합 컨텐츠 패키지의 생성 및 활용을 위한 장치 및 방법
US11910073B1 (en) Automated preview generation for video entertainment content
US20240185623A1 (en) Method and apparatus for providing text information including text extracted from content including image
KR101222901B1 (ko) 단말장치용 만화콘텐츠 저작 표현 방법, 및 이를 위한 프로그램을 기록한 컴퓨터로 판독가능한 기록매체
KR20230052796A (ko) 오디오 웹툰 서비스 제공 시스템 및 방법
US20110119316A1 (en) Abstraction layer for workflow client for, e.g., blu-ray® discs
CN115272058A (zh) 基于转换模型的图片处理方法、装置、电子设备及介质
KR101576924B1 (ko) 애니메이션 효과가 적용된 웹툰을 사용자 단말로 제공하는 방법 및 시스템
KR20240082137A (ko) 이미지를 포함하는 콘텐츠로부터 추출된 텍스트를 포함하는 텍스트 정보를 제공하는 방법 및 장치

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190701

Year of fee payment: 4