KR102216296B1 - 이미지 프리뷰 제공방법 및 그 시스템 - Google Patents

이미지 프리뷰 제공방법 및 그 시스템 Download PDF

Info

Publication number
KR102216296B1
KR102216296B1 KR1020190064791A KR20190064791A KR102216296B1 KR 102216296 B1 KR102216296 B1 KR 102216296B1 KR 1020190064791 A KR1020190064791 A KR 1020190064791A KR 20190064791 A KR20190064791 A KR 20190064791A KR 102216296 B1 KR102216296 B1 KR 102216296B1
Authority
KR
South Korea
Prior art keywords
image
preview
mobile terminal
providing system
local browser
Prior art date
Application number
KR1020190064791A
Other languages
English (en)
Other versions
KR20200137828A (ko
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 KR1020190064791A priority Critical patent/KR102216296B1/ko
Publication of KR20200137828A publication Critical patent/KR20200137828A/ko
Application granted granted Critical
Publication of KR102216296B1 publication Critical patent/KR102216296B1/ko

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85—Assembly of content; Generation of multimedia applications
    • H04N21/854—Content authoring
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/25—Management operations performed by the server for facilitating the content distribution or administrating data related to end-users or client devices, e.g. end-user or client device authentication, learning user preferences for recommending movies
    • H04N21/266—Channel or content management, e.g. generation and management of keys and entitlement messages in a conditional access system, merging a VOD unicast channel into a multicast channel
    • H04N21/2662—Controlling the complexity of the video stream, e.g. by scaling the resolution or bitrate of the video stream based on the client capabilities
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/45—Management operations performed by the client for facilitating the reception of or the interaction with the content or administrating data related to the end-user or to the client device itself, e.g. learning user preferences for recommending movies, resolving scheduling conflicts
    • H04N21/462—Content or additional data management, e.g. creating a master electronic program guide from data received from the Internet and a Head-end, controlling the complexity of a video stream by scaling the resolution or bit-rate based on the client capabilities
    • H04N21/4621—Controlling the complexity of the content stream or additional data, e.g. lowering the resolution or bit-rate of the video stream for a mobile client with a small screen

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Computer Security & Cryptography (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

이미지 프리뷰 제공방법 및 그 시스템이 개시된다. 상기 이미지 프리뷰 제공방법은 사용자의 작업 단말기에 설치된 로컬 브라우저에 의해 구동되는 프리뷰 제공시스템이 상기 로컬 브라우저를 통해 서로 다른 종류의 복수의 모바일 단말기들 중 어느 하나의 모바일 단말기인 제1선택 모바일 단말기와 상기 선택 모바일 단말기에서 프리뷰될 적어도 하나의 이미지를 입력받는 단계 및 상기 프리뷰 제공시스템이 상기 로컬 브라우저 상에 제공되며, 상기 제1선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 상기 적어도 하나의 이미지가 렌더링되어 디스플레이되는 프리뷰 에어리어에, 상기 적어도 하나의 이미지를 디스플레이하는 단계를 포함한다.

Description

이미지 프리뷰 제공방법 및 그 시스템{Providing Method for image preview and system thereof}
본 발명은 이미지 프리뷰 제공방법 및 그 시스템에 관한 것이다.
보다 상세하게는 PC 등의 이미지 작업용 단말기에서 수행하여 작성한 이미지를 적어도 하나의 모바일 단말기들에서 실제 보여지는 것과 같이 프리뷰(preview)할 수 있도록 하는 방법 및 그 시스템에 관한 것이다.
기술의 발달로 인해 컨텐츠를 소비하는 단말기의 종류가 다양해지고 있다.
특히 최근에는 텍스트 기반의 컨텐츠가 아니라 이미지 기반의 컨텐츠(예컨대, 웹툰 등)들이 많은 사용자들에게 인기리에 소비되고 있다.
대개 이러한 이미지 컨텐츠의 생성은 복잡하고 섬세한 컨텐츠 생성작업의 특성으로 인해 PC와 같이 상대적으로 화면이 크면서도 작업환경에 유리한 단말기가 이용되는 반면, 생성된 컨텐츠의 소비는 PC 뿐만 아니라 다양한 종류의 모바일 단말기들에서도 활발히 이루어지고 있다.
하지만 PC 등과 같은 작업 단말기와 모바일 단말기는 물리적 레졸루션(Physical Resolution)뿐만 아니라 논리적 레졸루션(Logical Resolution)에서도 차이가 있고, 이러한 논리적 레졸루션의 차이로 인해 동일한 이미지 컨텐츠라 하더라도 화면에서 어떻게 디스플레이되는지는 차이가 존재할 수 있다.
따라서 원활한 컨텐츠 소비를 위해 이미지 컨텐츠 창작자들은 이미지 창작에 이용된 작업 단말기에서 창작된 이미지 컨텐츠가 상기 작업 단말기에서 디스플레이되는 모습을 확인하는데에 그치지 않고, 모바일 단말기들에서 창작한 이미지 컨텐츠가 어떻게 디스플레이되는지 또는 이미지 컨텐츠의 소비흐름(예컨대, 초기 디스플레이되는 컨텐츠 화면, 스크롤에 따른 컨텐츠 디스플레이 형식의 변화나 흐름 등)를 일일이 확인하여 이미지 컨텐츠의 배치가 의도와는 다르거나 어색한 경우 이들을 수정하는 등의 작업을 거치게 된다.
그리고 이를 위해서는 작업 단말기에서 창작한 이미지 컨텐츠를 다양한 모바일 단말기들에 일일이 이동시킨 후, 이동된 이미지 컨텐츠를 모바일 단말기에서 일일이 로딩시켜보는 과정을 거치는 불편함이 있다.
한국특허공보 10-1968977 "카툰 제공 시스템, 카툰 제공장치 및 카툰 제공 방법"
본 발명이 이루고자 하는 기술적인 과제는 이미지 컨텐츠의 창작에 이용된 작업 단말기(예컨대, PC 등)에서 창작된 이미지 컨텐츠가 다양한 종류의 모바일 단말기에서 각각 로딩될 때 어떻게 디스플레이되는지를 상기 작업 단말기에서 간편하게 확인할 수 있도록 프리뷰 하는 방법 및 시스템을 제공하는 것이다.
또한 이러한 이미지 컨텐츠가 네트워크를 통해 외부로 유출되지 않아도 상기 작업 단말기에서 효과적으로 프리뷰될 수 있도록 하는 방법 및 시스템을 제공하는 것이다.
또한 작업 단말기에서 다양한 모바일 단말기들에서의 프리뷰를 수행하면서 단절 이미지 컷이 생성되는 모바일 단말기 종류를 제공받음으로써 효과적인 이미지 개선작업이 이루어질 수 있도록 하는 방법 및 시스템을 제공하는 것이다.
본 발명의 기술적 사상에 따른 이미지 프리뷰(preview) 제공방법은 사용자의 작업 단말기에 설치된 로컬 브라우저에 의해 구동되는 프리뷰 제공시스템이 상기 로컬 브라우저를 통해 서로 다른 종류의 복수의 모바일 단말기들 중 어느 하나의 모바일 단말기인 제1선택 모바일 단말기와 상기 선택 모바일 단말기에서 프리뷰될 적어도 하나의 이미지를 입력받는 단계 및 상기 프리뷰 제공시스템이 상기 로컬 브라우저 상에 제공되며, 상기 제1선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 상기 적어도 하나의 이미지가 렌더링되어 디스플레이되는 프리뷰 에어리어에, 상기 적어도 하나의 이미지를 디스플레이하는 단계를 포함한다.
상기 이미지 프리뷰 제공방법은 상기 프리뷰 제공시스템이 상기 복수의 모바일 단말기들 중 제2선택 모바일 단말기를 선택받는 단계, 상기 프리뷰 제공시스템이 상기 제2선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 렌더링된 상기 적어도 하나의 이미지를 상기 프리뷰 에어리어에 디스플레이하는 단계를 포함할 수 있다.
상기 적어도 하나의 이미지 각각은 적어도 하나의 이미지 컷이 포함된 이미지인 것을 특징으로 할 수 있다.
상기 이미지 프리뷰 제공방법은 상기 프리뷰 제공시스템이 상기 복수의 모바일 단말기들 중, 상기 적어도 하나의 이미지가 상기 복수의 모바일 단말기들 각각에 상응하도록 상기 프리뷰 에어리어에 프리뷰될때 첫 프리뷰 장면에 상기 적어도 하나의 이미지 컷 중 일부만 디스플레이되는 단절 이미지 컷이 존재하는, 모바일 단말기에 대한 정보를 상기 로컬 브라우저 상에 표시하는 단계를 더 포함할 수 있다.
상기 이미지 프리뷰 제공방법은 상기 프리뷰 제공시스템이 상기 제1선택 모바일 단말기의 실제 목업에 대응되는 목업 이미지를 상기 프리뷰 에어리어의 외곽에 디스플레이하는 단계를 더 포함할 수 있다.
상기 이미지 프리뷰 제공방법은 소정의 웹 유알엘(URL)에 상응하는 웹 서버에 상기 로컬 브라우저가 접속되면 상기 프리뷰 제공시스템이 상기 로컬 브라우저에 제공되는 단계를 더 포함하며, 상기 제1선택 모바일 단말기와 상기 선택 모바일 단말기에서 프리뷰될 적어도 하나의 이미지를 입력받는 단계는 상기 프리뷰 제공시스템이 상기 로컬 브라우저의 내장 파일 API를 이용해 상기 적어도 하나의 이미지를 입력받는 것을 특징으로 할 수 있다.
상기 방법은 데이터 처리장치에 설치되는 프로그램에 의해 구현될 수 있다.
본 발명의 다른 실시 예에 따르면, 이미지 프리뷰(preview)를 위해 사용자의 작업 단말기에 설치된 로컬 브라우저에 의해 구동되는 프리뷰 제공시스템은 상기 로컬 브라우저를 통해 서로 다른 종류의 복수의 모바일 단말기들 중 어느 하나의 모바일 단말기인 제1선택 모바일 단말기를 입력받기 위한 모바일 선택모듈, 상기 선택 모바일 단말기에서 프리뷰될 적어도 하나의 이미지를 입력받기 위한 이미지 입력모듈, 및 상기 로컬 브라우저 상에 제공되며, 상기 제1선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 상기 적어도 하나의 이미지가 렌더링되어 디스플레이되는 프리뷰 에어리어에, 상기 적어도 하나의 이미지를 디스플레이하기 위한 제어모듈을 포함한다.
상기 모바일 선택모듈은 상기 복수의 모바일 단말기들 중 제2선택 모바일 단말기를 선택받고, 상기 제어모듈은 상기 제2선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 렌더링된 상기 적어도 하나의 이미지를 상기 프리뷰 에어리어에 디스플레이할 수 있다.
상기 적어도 하나의 이미지 각각은, 복수의 이미지 컷들이 포함된 이미지이며 상기 제어모듈은 상기 복수의 모바일 단말기들 중, 상기 적어도 하나의 이미지가 상기 복수의 모바일 단말기들 각각에 상응하도록 상기 프리뷰 에어리어에 프리뷰될때 첫 프리뷰 장면에 상기 복수의 이미지 컷들 중 일부만 디스플레이되는 단절 이미지 컷이 존재하는, 모바일 단말기에 대한 정보를 상기 로컬 브라우저 상에 표시할 수 있다.
상기 프리뷰 제공시스템은 상기 모바일 선택모듈에 의해 선택되는 모바일 단말기의 실제 목업에 대응되는 목업 이미지를 상기 프리뷰 에어리어의 외곽에 디스플레이하기 위한 목업 디스플레이 모듈을 더 포함할 수 있다.
상기 프리뷰 제공시스템은 소정의 웹 유알엘(URL)에 상응하는 웹 서버에 상기 로컬 브라우저가 접속되면 상기 로컬 브라우저에 제공되며, 상기 이미지 입력모듈은 상기 로컬 브라우저의 내장 파일 API를 이용해 상기 적어도 하나의 이미지를 입력받는 것을 특징으로 할 수 있다.
본 발명의 실시 예에 따른 데이터 처리시스템은 프로세서 및 상기 프로세서에 의해 실행되는 프로그램을 기록한 데이터 저장장치를 포함하며, 상기 프로그램에 의해 상기 방법이 수행될 수 있다.
본 발명의 기술적 사상에 따르면 이미지 컨텐츠의 창작에 이용된 작업 단말기(예컨대, PC 등)에서 창작된 이미지 컨텐츠가 다양한 종류의 모바일 단말기에서 각각 로딩될 때 어떻게 디스플레이되는지를 상기 작업 단말기에서 간편하게 확인할 수 있도록 프리뷰 할 수 있는 효과가 있다. 이를 통해 창작한 이미지 컨텐츠를 모바일 단말기에 이동시키고 이동한 모바일 단말기에서 일일이 로딩하지 않아도 간편하게 다양한 모바일 단말기들에서의 프리뷰를 진행할 수 있을뿐 아니라 이러한 프리뷰를 위해 모바일 단말기들을 종류별로 구매 또는 확보할 필요가 없어지는 효과도 있다.
또한 창작한 이미지 컨텐츠에 대해 작업 단말기 내에서 프리뷰가 수행될 수 있도록 함으로써, 아직 퍼블리싱 되지 않는 컨텐츠가 외부로 유출되는 리스크를 없앨 수 있는 효과가 있다.
또한 작업 단말기에서 다양한 모바일 단말기들에서의 프리뷰를 수행하면서 단절 이미지 컷이 생성되는 모바일 단말기 종류를 제공받음으로써 프리뷰 작업의 리소스를 줄일 수 있는 효과가 있다.
본 발명의 상세한 설명에서 인용되는 도면을 보다 충분히 이해하기 위하여 각 도면의 간단한 설명이 제공된다.
도1은 본 발명의 기술적 사상에 따른 이미지 프리뷰 제공방법을 구현하기 위한 개략적인 시스템 구성들을 설명하기 위한 도면이다.
도2는 본 발명의 실시 예에 따른 프리뷰 제공시스템의 개략적인 구성을 설명하기 위한 도면이다.
도3은 본 발명의 실시 예에 따른 이미지들의 실시 예를 설명하기 위한 도면이다.
도4 내지 도5는 본 발명의 실시 예에 따라 로컬 브라우저에서 로딩되는 화면들의 일 예를 나타내는 도면들이다.
본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시 예를 가질 수 있는 바, 특정 실시 예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변환, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 본 발명을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다.
제1, 제2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되어서는 아니 된다. 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다.
본 출원에서 사용한 용어는 단지 특정한 실시 예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다.
본 명세서에 있어서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
또한, 본 명세서에 있어서는 어느 하나의 구성요소가 다른 구성요소로 데이터를 '전송'하는 경우에는 상기 구성요소는 상기 다른 구성요소로 직접 상기 데이터를 전송할 수도 있고, 적어도 하나의 또 다른 구성요소를 통하여 상기 데이터를 상기 다른 구성요소로 전송할 수도 있는 것을 의미한다. 반대로 어느 하나의 구성요소가 다른 구성요소로 데이터를 '직접 전송'하는 경우에는 상기 구성요소에서 다른 구성요소를 통하지 않고 상기 다른 구성요소로 상기 데이터가 전송되는 것을 의미한다.
이하, 첨부된 도면들을 참조하여 본 발명의 실시 예들을 중심으로 본 발명을 상세히 설명한다. 각 도면에 제시된 동일한 참조부호는 동일한 부재를 나타낸다.
도1은 본 발명의 기술적 사상에 따른 이미지 프리뷰 제공방법을 구현하기 위한 개략적인 시스템 구성들을 설명하기 위한 도면이다.
도1을 참조하면, 본 발명의 기술적 사상에 따른 이미지 프리뷰 제공방법을 구현하기 위해서는 소정의 프리뷰 제공시스템(100)이 구현될 수 있다.
상기 프리뷰 제공시스템(100)은 본 발명의 기술적 사상에 따라 적어도 하나의 이미지 컨텐츠들이 다양한 모바일 단말기들에서 로딩되는 경우에 실제로 어떻게 디스플레이되는지를 작업 단말기(200)에서 프리뷰할 수 있는 기능을 제공할 수 있다.
이를 통해 이미지 컨텐츠의 창작자 또는 배포자는 창작된 이미지 컨텐츠를 일일이 프리뷰를 원하는 모바일 단말기로 이동 후 로딩시켜서 프리뷰를 수행하지 않아도 되는 효과가 있다.
상기 작업 단말기(200)는 이미지 컨텐츠의 창작자가 상기 이미지 컨텐츠를 창작하는데 이용한 단말기(예컨대, PC 또는 전용 단말기 등)일 수도 있지만, 창작에 이용하지 않았더라도 본 발명의 기술적 사상에 따라 모바일 단말기들의 종류별 프리뷰를 진행하고자 하는 자가 사용하는 단말기이면 족하다. 물론 상기 작업 단말기(200)는 모바일 단말기가 아닌 것이 바람직할 수 있다.
본 발명의 기술적 사상에서 프리뷰를 수행한다고 함은 이미지 컨텐츠를 로딩하여 어떻게 상기 이미지 컨텐츠가 해당 단말기에서 디스플레이되는지를 확인할 수 있도록 하는 절차를 의미할 수 있다.
따라서 상기 작업 단말기(200)에서 모바일 단말기에서 로딩되는 것과 동일하게 이미지 컨텐츠에 대한 로딩을 수행하여 프리뷰를 수행하기 위해서, 즉 사용자가 해당 모바일 단말기에서 상기 이미지 컨텐츠가 디스플레이되는 것과 동일하게 상기 작업 단말기(200)에서 상기 이미지 컨텐츠를 디스플레이하도록 하기 위해서 상기 작업 단말기(200)는 로컬 브라우저(210)를 이용할 수 있다.
그리고 상기 로컬 브라우저(210)가 모바일 단말기들 각각에서 상기 이미지 컨텐츠가 디스플레이되는 것과 동일하게 이미지 컨텐츠를 디스플레이하기 위해, 본 발명의 기술적 사상에 따른 프리뷰 제공시스템(100)이 상기 로컬 브라우저(210)에 제공될 수 있다.
상기 프리뷰 제공시스템(100)은 로컬 브라우저(210)에 다운되어 상기 로컬 브라우저(210)를 제어할 수 있도록 하는 소프트웨어 및 상기 작업 단말기(200)의 하드웨어가 유기적으로 결합되어 구현되는 시스템일 수 있다.
일 예에 의하면, 상기 프리뷰 제공시스템(100)은 소정의 웹 서버(300)가 제공하는 웹 유알엘(URL)에 상기 로컬 브라우저(210)가 접속하면 상기 로컬 브라우저(210)가 로딩하는 일련의 소프트웨어 코드 및 상기 로컬 브라우저(210)가 내장하고 있는 소프트웨어 코드 및/또는 기능에 의해 그 동작이 구현되는 논리적인 시스템을 의미할 수 있다.
따라서 상기 프리뷰 제공시스템(100)은 상기 작업 단말기(200)에 설치된 로컬 브라우저(210)를 제어함으로써 본 발명의 기술적 사상을 구현할 수 있다. 따라서 본 명세서에서 상기 프리뷰 제공시스템(100)이 수행하는 기능은 상기 로컬 브라우저(210)가 수행하는 기능으로 해석될 수도 있다.
상기 프리뷰 제공시스템(100)은 모바일 단말기들별로 미리 정의된 논리적 레졸루션(Logical Resolution)에 대한 정보를 특정할 수 있다. 널리 알려진 바와 같이 논리적 레졸루션의 차이에 의해 기기별로 사용자에게 제공되는 디스플레이 형식이 변경될 수 있다. 따라서 동일한 이미지를 동일한 논리적 레졸루션으로 렌더링하여 제공하는 경우에는 사용자에게 디스플레이되는 형식은 동일할 수 있다.
상기 논리적 레졸루션에 대한 정보는 상기 웹 서버(300)에 저장되어 있을 수 있고, 필요시에 실시간으로 상기 웹 서버(300)로부터 상기 프리뷰 제공시스템(100)으로 제공되거나 상기 프리뷰 제공시스템(100)을 구성하는 소프트웨어 코드가 상기 로컬 브라우저(210)에 다운될 때에 한번에 다운로드될 수도 있다.
어떠한 경우든 상기 프리뷰 제공시스템(100)은 미리 정해진 적어도 하나의 모바일 단말기별 논리적 레졸루션에 대한 정보를 특정할 수 있다.
또한 상기 프리뷰 제공시스템(100)은 사용자가 프리뷰를 수행하고자 하는 적어도 하나의 이미지 컨텐츠(이하, 단순히 이미지라 함)를 입력받는 기능을 수행할 수도 있다.
그러면 사용자가 상기 프리뷰 제공시스템(100)이 제공하는 복수의 모바일 단말기들 종류중에서 어느 하나의 모바일 단말기인 선택 모바일 단말기의 종류를 선택하는 경우, 선택한 선택 모바일 단말기의 논리적 레졸루션대로 상기 작업 단말기(200)의 화면상에 입력된 이미지가 디스플레이되도록 제어할 수 있다.
이를 위해 일 실시 예에 의하면, 상기 프리뷰 제공시스템(100)은 로컬 브라우저(210) 내이 일 영역을 프리뷰 에어리어로 설정하고, 설정된 프리뷰 에어리어에서는 선택 모바일 단말기와 동일한 논리적 레졸루션으로 이미지가 디스플레이되도록 할 수 있다. 예컨대, 상기 프리뷰 제공시스템(100)은 선택 모바일 단말기에 상응하는 논리적 레졸루션을 확인하고, 입력된 적어도 하나의 이미지를 선택 모바일 단말기에 상응하는 논리적 레졸루션으로 렌더링(rendering)하여 상기 프리뷰 에어리어에 디스플레이하도록 상기 로컬 브라우저(210)를 제어할 수 있다.
한편, 전술한 바와 같이 상기 입력된 적어도 하나의 이미지는 상기 웹 서버(300)에 업로드되지 않고, 상기 로컬 브라우저(210)의 내장된 기능(예컨대, 내장 FileAPI)를 이용하여 입력될 수 있다. 상기 적어도 하나의 이미지는 상기 작업 단말기(200)의 로컬 저장장치(220)에 저장되어 있을 수 있지만, 이에 적어도 하나의 이미지가 저장되어 있는 저장위치가 이에 국한될 필요는 없다. 그리고 입력된 적어도 하나의 이미지가 상기 프리뷰 제공시스템(100)에 의해 렌더링될 수 있다.
따라서 상기 적어도 하나의 이미지는 외부로 유출되지 않은 채 상기 프리뷰 제공시스템(100)에 의해 작업 단말기(200)에서 프리뷰가 수행될 수 있다. 이는 프리뷰를 수행할 필요가 있는 이미지의 경우는 대부분 외부에 공개되기 전의 컨텐츠일 수 있으므로, 설령 본 발명의 기술적 사상에 따른 방법을 제공하는 서비스 주체가 신뢰할 수 있는 주체라 하더라도 이미지 컨텐츠의 창작자에게는 불안감이 있을 수 있는 문제점을 해결할 수 있다.
또한, 상기 프리뷰 제공시스템(100)은 보다 사실적인 프리뷰를 사용자가 수행할 수 있도록 하기 위해 복수의 모바일 단말기들별 목업 이미지를 제공할 수 있다. 이러한 목업 이미지는 상기 프리뷰 에어리어 외곽에 디스플레이되어 실제 모바일 단말기와 외관이 동일한 이미지가 상기 로컬 브라우저(210)에 디스플레이되도록 하는 효과를 제공할 수 있다. 따라서 프리뷰를 수행하는 사용자는 자신이 창작한 이미지가 실제 모바일 단말기 내에서 디스플레이되는 경우의 사용자 시각에 보여지는 장면을 그대로 상기 로컬 브라우저(210) 상에서 확인할 수 있게 되어 사실감 있는 프리뷰를 수행할 수 있는 효과가 있다.
또한 실시 예에 따라 상기 프리뷰 제공시스템(100)은 상기 적어도 하나의 이미지를 세로 또는 가로 중 어느 하나로 선택적으로 스크롤할 수 있도록 스크롤 방향을 설정하는 것을 허용할 수도 있다. 그러면 사용자는 자신의 창작물인 적어도 하나의 이미지가 어떻게 스크롤하는 경우 보다 자연스럽고 컨텐츠 소비흐름이 원활한지를 판단할 수도 있다.
이러한 기술적 사상을 달성하기 위한 프리뷰 제공시스템(100)의 개략적인 구성은 도2에 도시된다.
도2는 본 발명의 실시 예에 따른 프리뷰 제공시스템의 개략적인 구성을 설명하기 위한 도면이다.
도2를 참조하면, 본 발명의 기술적 사상에 따른 프리뷰 제공시스템(100)은 제어모듈(110), 모바일 선택모듈(120), 및 이미지 입력모듈(130)을 포함한다. 상기 프리뷰 제공시스템(100)은 실시 예에 따라 목업 디스플레이 모듈(140)을 더 포함할 수도 있다.
상기 프리뷰 제공시스템(100)은 본 발명의 기술적 사상을 구현하기 위해 필요한 하드웨어 리소스(resource) 및/또는 소프트웨어를 구비한 논리적인 구성을 의미할 수 있으며, 반드시 하나의 물리적인 구성요소를 의미하거나 하나의 장치를 의미하는 것은 아니다. 즉, 상기 프리뷰 제공시스템(100)은 본 발명의 기술적 사상을 구현하기 위해 구비되는 하드웨어 및/또는 소프트웨어의 논리적인 결합을 의미할 수 있으며, 필요한 경우에는 서로 이격된 장치에 설치되어 각각의 기능을 수행함으로써 본 발명의 기술적 사상을 구현하기 위한 논리적인 구성들의 집합으로 구현될 수도 있다. 또한, 상기 프리뷰 제공시스템(100)은 본 발명의 기술적 사상을 구현하기 위한 각각의 기능 또는 역할별로 별도로 구현되는 구성들의 집합을 의미할 수도 있다. 예컨대, 상기 제어모듈(110), 상기 모바일 선택모듈(120), 상기 이미지 입력모듈(130), 및/또는 상기 목업 디스플레이 모듈(140) 각각은 서로 다른 물리적 장치에 위치할 수도 있고, 동일한 물리적 장치에 위치할 수도 있다. 또한, 구현 예에 따라서는 상기 제어모듈(110), 상기 모바일 선택모듈(120), 상기 이미지 입력모듈(130), 및/또는 상기 목업 디스플레이 모듈(140) 각각을 구성하는 소프트웨어 및/또는 하드웨어의 결합 역시 서로 다른 물리적 장치에 위치하고, 서로 다른 물리적 장치에 위치한 구성들이 서로 유기적으로 결합되어 각각의 상기 모듈들을 구현할 수도 있다.
또한, 본 명세서에서 모듈이라 함은, 본 발명의 기술적 사상을 수행하기 위한 하드웨어 및 상기 하드웨어를 구동하기 위한 소프트웨어의 기능적, 구조적 결합을 의미할 수 있다. 예컨대, 상기 모듈은 소정의 코드와 상기 소정의 코드가 수행되기 위한 하드웨어 리소스(resource)의 논리적인 단위를 의미할 수 있으며, 반드시 물리적으로 연결된 코드를 의미하거나, 한 종류의 하드웨어를 의미하는 것은 아님은 본 발명의 기술분야의 평균적 전문가에게는 용이하게 추론될 수 있다.
상기 제어모듈(110)은 본 발명의 기술적 사상을 구현하기 위해 프리뷰 제공시스템(100)에 포함된 다른 구성(예컨대, 상기 모바일 선택모듈(120), 상기 이미지 입력모듈(130), 및/또는 상기 목업 디스플레이 모듈(140) 등)을 제어할 수 있다.
상기 모바일 선택모듈(120)은 미리 정의된 적어도 하나의 모바일 단말기 중에서 사용자가 프리뷰를 수행할 모바일 단말기를 선택받을 수 있다.
이를 위해 상기 모바일 선택모듈(120)은 상기 로컬 브라우저(210) 상에 소정의 UI를 제공할 수 있다.
이러한 일 예는 도 4에 도시된 바와 같을 수 있다.
도 4는 로컬 브라우저(210) 상에 상기 프리뷰 제공시스템(100)이 제공하는 화면의 일 예를 나타내고 있는데, 도 4에 도시된 바와 같이 상기 프리뷰 제공시스템(100)은 상기 로컬 브라우저(210) 상에 UI들(30)을 제공할 수 있다. 상기 UI들(30)에는 각각의 모바일 단말기들에 상응하는 개별 UI(예컨대, 31, 32, 33, 34 등)가 포함될 수 있고, 이러한 개별 UI(예컨대, 31, 32, 33, 34 등) 중 어느 하나를 사용자가 선택하면, 선택된 개별 UI에 상응하는 모바일 단말기의 종류가 선택 모바일 단말기로 특정될 수 있다.
도 4에 도시된 모바일 단말기들의 종류는 예시적인 것에 불과하며, 도시된 모바일 단말기들의 종류 이외에도 더 많은 종류의 모바일 단말기가 프리뷰를 수행할 수 있는 종류의 것으로 제공될 수 있음은 물론이다. 또한 도 4에 도시된 모바일 단말기들의 종류 중에서 적어도 일부는 제외될 수도 있음은 물론이다.
또한 선택 모바일 단말기를 사용자로부터 선택받기 위해 도 4와 같은 UI 이외에도 다양한 방식으로 적어도 하나의 모바일 단말기 중에서 프리뷰를 수행할 모바일 단말기를 선택받을 수 있음을 본 발명의 기술분야의 평균적 전문가는 용이하게 추론할 수 있을 것이다.
한편, 상기 이미지 입력모듈(130)은 적어도 하나의 이미지를 입력받을 수 있다. 상기 이미지 입력모듈(130)은 전술한 바와 같이 네트워크를 통해 웹 서버(300)로 적어도 하나의 이미지를 업로드하는 것이 아니라, 상기 로컬 브라우저(210)를 제어하여 작업 단말기(200)에 저장된 적어도 하나의 이미지를 로컬 브라우저(210)에 입력하도록 할 수 있다. 이를 위해 상기 이미지 입력모듈(130)은 상기 로컬 브라우저(210)의 내장 FileAPI를 호출하여 상기 적어도 하나의 이미지를 입력받을 수 있다.
또한 상기 이미지 입력모듈(130)은 이를 위해 상기 로컬 브라우저(210)의 디스플레이 영역 상에 도 4에 도시된 바와 같이 소정의 입력UI(30-1)를 디스플레이할 수도 있다.
상기 이미지 입력모듈(130)에 의해 입력되는 적어도 하나의 이미지의 일 예는 도 3에 도시된 바와 같을 수 있다.
도3은 본 발명의 실시 예에 따른 이미지들의 실시 예를 설명하기 위한 도면이다.
도 3에 도시된 바와 같이, 본 발명의 기술적 사상에 따라 프리뷰가 수행되는 적어도 하나의 이미지는 각각의 이미지가 적어도 하나의 이미지 컷을 포함하고 있는 이미지일 수 있다.
예컨대, 도 3a에 도시된 바와 같이 각각의 이미지(10)는 복수의 이미지 컷들(예컨대, 11 내지 14)를 포함하고 있을 수 있다.
다른 실시 예에 의하면 각각의 이미지(20)는 하나의 이미지 컷(예컨대, 21)만을 포함하고 있을 수도 있다.
예컨대, 도 3a와 같이 복수의 이미지 컷들(예컨대, 11 내지 14)이 하나의 이미지(예컨대, 10)에 포함된 경우는, 상기 이미지를 세로로 스크롤 하면서 컨텐츠를 소비하도록 의도된 이미지일 수 있다.
예컨대, 도 3b와 같이 하나의 이미지 컷(예컨대, 21)이 하나의 이미지(예컨대, 20)에 포함된 경우는, 복수의 이미지들을 가로로 스크롤 하면서 컨텐츠를 소비하도록 의도된 이미지일 수 있다.
이를 위해 상기 프리뷰 제공시스템(100)은 상기 로컬 브라우저(210) 상에 스크롤 방향을 설정할 수 있도록 하는 소정의 UI를 더 제공하고, 이를 통해 이미지의 종류에 따라 서로 다른 방향으로 스크롤을 수행하면서 프리뷰를 수행하도록 할 수도 있다.
한편, 도 3과 같이 이미지에 적어도 하나의 이미지 컷이 포함된 경우에는, 창작자가 프리뷰를 수행하는 이유는 이러한 이미지 컷들이 각각의 모바일 단말기들에서 각각 디스플레이될 때 그 크기나 배치 등이 자신의 의도대로 자연스럽고 원활하게 소비자에게 보여지도록 하는 것일 수 있다.
따라서 본 발명의 기술적 사상은 이처럼 어느 하나에 이미지에 복수의 이미지 컷이 포함되어 있거나, 이미지별로 하나의 이미지 컷이 존재하더라도 연속적으로 이미지를 로딩하면서 컨텐츠를 소비하고자 하는 컨텐츠 분야(예컨대, 카툰, 웹툰 등)에 적용되는 경우 매우 유용할 수 있다.
한편, 상기 모바일 선택모듈(120) 및 상기 이미지 입력모듈(130) 각각에 의해 선택 모바일 단말기가 특정되고 적어도 하나의 이미지가 입력되면, 상기 제어모듈(110)은 상기 적어도 하나의 이미지가 실제 상기 선택 모바일 단말기에서 디스플레이되는 경우에 디스플레이되는 경우와 동일하게 상기 적어도 하나의 이미지가 상기 로컬 브라우저(210) 상에서 디스플레이되도록 할 수 있다. 이를 위한 방식은 다양할 수 있다.
예컨대, 상기 제어모듈(110)은 도 4에 도시된 바와 같이 소정의 프리뷰 에어리어(40)를 로컬 브라우저(210) 상에 설정할 수 있다. 그리고 상기 프리뷰 에어리어는 선택 모바일 단말기의 실제 모델에서의 디스플레이 영역에 대응될 수 있다.
그리고 상기 제어모듈(110)은 상기 프리뷰 에어리어(40)에 상기 적어도 하나의 이미지를 디스플레이하도록 하면서 상기 프리뷰 에어리어(40)는 상기 선택 모바일 단말기와 동일한 논리적 레졸루션을 갖도록 제어할 수 있다. 예컨대, 상기 제어모듈(110)은 적어도 하나의 이미지를 각각 상기 선택 모바일 단말기의 논리적 레졸루션으로 렌더링을 수행하고, 렌더링된 적어도 하나의 이미지를 상기 프리뷰 에어리어(40)에 디스플레이할 수 있다.
그러면 적어도 상기 로컬 브라우저(210) 상에서 프리뷰 에어리어(40)가 선택 모바일 단말기의 실제 모델의 디스플레이 영역의 크기와는 다를지라도 적어도 하나의 이미지가 디스플레이되는 화면상에서의 상대적 크기, 위치, 및 가로세로비율은 동일할 수 있다.
다양한 방식으로 상기 적어도 하나의 이미지가 상기 선택 모바일 단말기의 실제 모델에서 디스플레이되는 경우와 동일하게(즉, 화면 내에서의 상대적인 크기, 위치, 비율이 동일하게) 상기 적어도 하나의 이미지가 상기 로컬 브라우저(210) 상에서 디스플레이되도록 할 수 있음을 본 발명의 기술분야의 평균적 전문가는 용이하게 추론할 수 있을 것이다.
또한, 상기 목업 디스플레이 모듈(140)은 도4에 도시된 바와 같이 상기 프리뷰 에어리어(40)의 외곽에 선택 모바일 단말기의 목업 즉, 화면 영역외부의 테두리와 동일한 뷰를 갖는 목업 이미지를 디스플레이할 수 있다. 이를 통해 보다 사실감 있는 프리뷰가 사용자에 의해 수행될 수 있음은 전술한 바와 같다.
일 예에 의하면, 모바일 단말기들 각각에 대응되는 목업 이미지는 미리 CSS(Cascading Style Sheets) 코드를 통해 생성되어서 상기 프리뷰 제공시스템(100) 및/또는 로컬 브라우저(210)로 제공될 수 있음은 물론이다.
프리뷰를 수행하는 사용자는 예컨대, 상기 프리뷰 에어리어(40) 상에 포인터를 위치시킨후 스크롤 동작을 수행함으로써 적어도 하나의 이미지를 연속적으로 스크롤하여 프리뷰를 수행할 수 있다.
사용자는 제1선택 모바일 단말기를 선택한 후 적어도 하나의 이미지를 선택하면, 상기 제어모듈(110)은 상기 프리뷰 에어리어(40)에 제1선택 모바일 단말기의 실제 모델과 동일한 논리적 레졸루션으로 상기 적어도 하나의 이미지를 디스플레이할 수 있다.
그리고 사용자가 제2선택 모바일 단말기를 선택하면, 상기 적어도 하나의 이미를 제2선택 모바일 단말기의 실제 모델과 동일한 논리적 레졸루션으로 상기 프리뷰 에어리어(40)에 디스플레이할 수 있다.
이러한 방식으로 복수의 서로 다른 선택 모바일 단말기들에서 프리뷰를 수행한 결과는 도 5와 같을 수 있다.
도 5a는 사용자가 제1선택 모바일 단말기를 프리뷰를 수행할 단말기로 선택하고, 소정의 이미지(10)를 입력한 경우에 한 경우에 상기 로컬 브라우저(210)상에 디스플레이되는 첫 프리뷰 화면 즉, 스크롤을 수행하지 않고 처음 보이는 화면을 도시하고 있다. 그리고 상기 이미지(10)는 도 3a에서와 같이 복수의 이미지 컷들이 포함된 이미지일 수 있다.
그러면 도 5a에 도시된 바와 같이 프리뷰 에어리어(40)에는 제1선택 모바일 단말기와 동일한 논리적 레졸루션으로 상기 이미지(10)가 디스플레이될 수 있으며, 이러한 경우에 제1선택 모바일 단말기에 상응하는 실제 단말기에서 소비자에게 보여지는 화면은 도 5a와 같을 수 있다. 물론 전술한 바와 같이 목업 이미지(50) 역시 제1선택 모바일 단말기에 상응하는 실제 단말기와 동일하도록 프리뷰 에어리어(40) 외곽에 디스플레이됨으로써 사용자는 제1선택 모바일 단말기의 실제 모델에서 상기 이미지(10)가 로딩된 경우에 소비자가 확인하는 첫 화면을 사용자(예컨대, 이미지 창작자)도 프리뷰할 수 있다. 그리고 첫 프리뷰 화면은 도 5a에 도시된 바와 같이 상기 이미지(10)이 첫 번째 이미지 컷(11)만이 디스플레이되며 프리뷰 에어리어(40) 내에서의 상대적 위치, 크기, 및 비율은 도 5a에 도시된 바와 같을 수 있다.
이후 사용자는 제2선택 모바일 단말기를 선택할 수 있다.
그러면 도 5b에 도시된 바와 같이 프리뷰 에어리어(40-1)에는 제2선택 모바일 단말기와 동일한 논리적 레졸루션으로 상기 이미지(10)가 디스플레이될 수 있으며, 이러한 경우에 제2선택 모바일 단말기에 상응하는 실제 단말기에서 소비자에게 보여지는 화면은 도 5b와 같을 수 있다. 물론 전술한 바와 같이 목업 이미지(50-1) 역시 제2선택 모바일 단말기에 상응하는 실제 단말기와 동일하도록 프리뷰 에어리어(40-1) 외곽에 디스플레이될 수 있다. 그리고 첫 프리뷰 화면은 도 5b에 도시된 바와 같이 상기 이미지(10)의 첫 번째 이미지 컷(11)의 일부만 디스플레이되는 경우일 수 있다.
이후 사용자는 제3선택 모바일 단말기를 선택할 수 있다.
그러면 도 5c에 도시된 바와 같이 프리뷰 에어리어(40-2)에는 제3선택 모바일 단말기와 동일한 논리적 레졸루션으로 상기 이미지(10)가 디스플레이될 수 있으며, 이러한 경우에 제3선택 모바일 단말기에 상응하는 실제 단말기에서 소비자에게 보여지는 화면은 도 5c와 같을 수 있다. 물론 전술한 바와 같이 목업 이미지(50-2) 역시 제3선택 모바일 단말기에 상응하는 실제 단말기와 동일하도록 프리뷰 에어리어(40-2) 외곽에 디스플레이될 수 있다. 그리고 첫 프리뷰 화면은 도 5c에 도시된 바와 같이 상기 이미지(10)의 첫 번째 이미지 컷(11)은 전체가 디스플레이되고, 두 번째 이미지 컷(12)은 일부만 디스플레이되는 경우일 수 있다.
사용자는 각각의 선택 모바일 단말기별 프리뷰를 수행하면서, 스크롤을 수행하여 이미지의 소비흐름 즉, 연속된 이미지 컷들의 디스플레이 상태를 확인할 수도 있다.
그리고 필요한 경우 창작한 이미지를 수정할 수도 있다. 예컨대, 이미지 컷들 간의 간격, 이미지(10) 상에서의 상대적 위치, 비율 등을 변경하여 자신이 목표로 하는 단말기 종류에서 자신의 창작물이 자기가 원하는 의도대로 소비될 수 있도록 할 수 있다.
한편, 일반적으로 창작자는 소비자가 연속된 적어도 하나의 이미지를 소비하면서 첫 화면에서 어떤 이미지 컷이 단절되어 있는 경우(예컨대, 도 5b의 제1이미지 컷(11) 및 도 5c의 제2이미지 컷(12) 등)는 원하지 않는 것이 일반적일 수 있다. 즉, 스크롤을 하는 과정에서 일시적으로 이미지 컷이 디스플레이 영역의 테두리에 의해 단절되는 경우는 어쩔 수 없다고 하더라도 첫 프리뷰 화면 즉, 처음 적어도 하나의 이미지를 로딩하였을때부터 단절된 이미지 컷이 존재하는 것은 대부분 창작자가 원하는 것이 아닐 수 있다.
따라서 본 발명의 기술적 사상에 따른 상기 제어모듈(110)은 상기 복수의 모바일 단말기들 중 첫 프리뷰 화면에 단절된 이미지 컷이 존재하는지를 자동으로 확인하여 어떤 모바일 단말기의 종류에서 첫 프리뷰 화면에 단절된 이미지 컷이 존재하는지에 대한 정보를 사용자에게 제공할 수도 있다. 이를 통해 사용자가 일일이 모바일 단말기들별로 프리뷰를 수행하지 않더라도 적어도 첫 프리뷰 화면에서 단절된 이미지 컷이 존재하기를 원치 않는 경우에는 바로 어떤 모바일 단말기가 그런 현상이 발생하는지를 알 수 있다.
이를 위해 상기 제어모듈(110)은 일일이 복수의 모바일 단말기들 별로 이미지를 렌더링 후 로딩해보고 그 결과에 기초하여 단절 이미지 컷이 존재하는지를 판단할 수도 있다. 이를 위해 첫 프리뷰 화면에 이미지 컷에 상응하는 픽셀들 중 일부만 디스플레이되고 있는 이미지 컷이 있는지를 판단할 수도 있다. 실시 예에 따라서는 입력되는 입력 이미지의 전체 크기 및 이미지 컷들의 상기 입력 이미지 상에서의 상대적 위치 및/또는 크기를 파악하고, 각각의 모바일 단말기들별 논리적 레졸루션으로 렌더링하기 위한 수학적 연산을 통해 입력 이미지의 어디까지가 첫 프리뷰 화면에서 디스플레이되는지를 연산함으로써 단절 이미지 컷이 존재하는지 여부를 판단할 수도 있다.
어떠한 경우든 이처럼 첫 프리뷰 화면에서 단절 이미지 컷이 발생하는 모바일 단말기의 종류를 미리 사용자에게 알려주는 경우, 그리고 적어도 사용자가 첫 프리뷰 화면에서 단절 이미지 컷이 존재하지 않는 것을 원하는 경우, 사용자는 적어도 어떤 모바일 단말기 종류에 대해서 이미지 수정 작업이 필요한지를 알려줄 수 있는 효과가 있다.
본 발명의 실시 예에 따른 이미지 프리뷰 제공방법은 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록 장치를 포함한다. 컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 하드 디스크, 플로피 디스크, 광 데이터 저장장치 등이 있다. 또한, 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어, 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다. 그리고 본 발명을 구현하기 위한 기능적인(functional) 프로그램, 코드 및 코드 세그먼트들은 본 발명이 속하는 기술분야의 프로그래머들에 의해 용이하게 추론될 수 있다.
본 발명은 도면에 도시된 일 실시 예를 참고로 설명되었으나 이는 예시적인 것에 불과하며, 본 기술 분야의 통상의 지식을 가진 자라면 이로부터 다양한 변형 및 균등한 타 실시 예가 가능하다는 점을 이해할 것이다. 따라서, 본 발명의 진정한 기술적 보호 범위는 첨부된 등록청구범위의 기술적 사상에 의해 정해져야 할 것이다.

Claims (13)

  1. 이미지 프리뷰(preview) 제공방법에 있어서,
    사용자의 작업 단말기에 설치된 로컬 브라우저에 의해 구동되는 프리뷰 제공시스템이 상기 로컬 브라우저를 통해 서로 다른 종류의 복수의 모바일 단말기들 중 어느 하나의 모바일 단말기인 제1선택 모바일 단말기와 상기 제1선택 모바일 단말기에서 프리뷰될 적어도 하나의 이미지를 입력받는 단계; 및
    상기 프리뷰 제공시스템이 상기 로컬 브라우저 상에 제공되며, 상기 제1선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 상기 적어도 하나의 이미지가 렌더링되어 디스플레이되는 프리뷰 에어리어에, 상기 적어도 하나의 이미지를 렌더링하여 디스플레이하는 단계를 포함하며,
    상기 이미지 프리뷰 제공방법은,
    소정의 웹 유알엘(URL)에 상응하는 웹 서버에 상기 로컬 브라우저가 접속되면 상기 프리뷰 제공시스템이 상기 로컬 브라우저에 제공되는 단계를 더 포함하는 이미지 프리뷰 제공방법.
  2. 제1항에 있어서, 상기 이미지 프리뷰 제공방법은,
    상기 프리뷰 제공시스템이 상기 복수의 모바일 단말기들 중 제2선택 모바일 단말기를 선택받는 단계;
    상기 프리뷰 제공시스템이 상기 제2선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 렌더링된 상기 적어도 하나의 이미지를 상기 프리뷰 에어리어에 디스플레이하는 단계를 포함하는 이미지 프리뷰 제공방법.
  3. 제1항에 있어서, 상기 적어도 하나의 이미지 각각은,
    적어도 하나의 이미지 컷이 포함된 이미지인 것을 특징으로 하는 이미지 프리뷰 제공방법.
  4. 제3항에 있어서, 상기 이미지 프리뷰 제공방법은,
    상기 프리뷰 제공시스템이 상기 복수의 모바일 단말기들 중, 상기 적어도 하나의 이미지가 상기 복수의 모바일 단말기들 각각에 상응하도록 상기 프리뷰 에어리어에 프리뷰될때 첫 프리뷰 장면에 상기 적어도 하나의 이미지 컷 중 일부만 디스플레이되는 단절 이미지 컷이 존재하는, 모바일 단말기에 대한 정보를 상기 로컬 브라우저 상에 표시하는 단계를 더 포함하는 이미지 프리뷰 제공방법.
  5. 제1항에 있어서, 상기 이미지 프리뷰 제공방법은,
    상기 프리뷰 제공시스템이 상기 제1선택 모바일 단말기의 실제 목업에 대응되는 목업 이미지를 상기 프리뷰 에어리어의 외곽에 디스플레이하는 단계를 더 포함하는 이미지 프리뷰 제공방법.
  6. 제1항에 있어서, 상기 제1선택 모바일 단말기와 상기 제1선택 모바일 단말기에서 프리뷰될 적어도 하나의 이미지를 입력받는 단계는,
    상기 프리뷰 제공시스템이 상기 로컬 브라우저의 내장 파일 API를 이용해 상기 적어도 하나의 이미지를 입력받는 것을 특징으로 하는 이미지 프리뷰 제공방법.
  7. 데이터 처리장치에 설치되며 제1항 내지 제6항 중 어느 한 항에 기재된 방법을 수행하기 위한 컴퓨터 판독가능한 기록매체에 기록된 컴퓨터 프로그램.
  8. 이미지 프리뷰(preview)를 위해 사용자의 작업 단말기에 설치된 로컬 브라우저에 의해 구동되는 프리뷰 제공시스템에 있어서,
    상기 로컬 브라우저를 통해 서로 다른 종류의 복수의 모바일 단말기들 중 어느 하나의 모바일 단말기인 제1선택 모바일 단말기를 입력받기 위한 모바일 선택모듈;
    상기 제1선택 모바일 단말기에서 프리뷰될 적어도 하나의 이미지를 입력받기 위한 이미지 입력모듈; 및
    상기 로컬 브라우저 상에 제공되며, 상기 제1선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 상기 적어도 하나의 이미지가 렌더링되어 디스플레이되는 프리뷰 에어리어에, 상기 적어도 하나의 이미지를 렌더링하여 디스플레이하기 위한 제어모듈을 포함하며,
    상기 프리뷰 제공시스템은,
    소정의 웹 유알엘(URL)에 상응하는 웹 서버에 상기 로컬 브라우저가 접속되면 상기 로컬 브라우저에 제공되는 것을 특징으로 하는 프리뷰 제공시스템.
  9. 제8항에 있어서, 상기 모바일 선택모듈은,
    상기 복수의 모바일 단말기들 중 제2선택 모바일 단말기를 선택받고,
    상기 제어모듈은,
    상기 제2선택 모바일 단말기의 실제 논리적 레졸루션과 동일한 논리적 레졸루션으로 렌더링된 상기 적어도 하나의 이미지를 상기 프리뷰 에어리어에 디스플레이하는 프리뷰 제공시스템.
  10. 제8항에 있어서, 상기 적어도 하나의 이미지 각각은,
    복수의 이미지 컷들이 포함된 이미지이며,
    상기 제어모듈은,
    상기 복수의 모바일 단말기들 중, 상기 적어도 하나의 이미지가 상기 복수의 모바일 단말기들 각각에 상응하도록 상기 프리뷰 에어리어에 프리뷰될때 첫 프리뷰 장면에 상기 복수의 이미지 컷들 중 일부만 디스플레이되는 단절 이미지 컷이 존재하는, 모바일 단말기에 대한 정보를 상기 로컬 브라우저 상에 표시하는 프리뷰 제공시스템.
  11. 제8항에 있어서, 상기 프리뷰 제공시스템은,
    상기 모바일 선택모듈에 의해 선택되는 모바일 단말기의 실제 목업에 대응되는 목업 이미지를 상기 프리뷰 에어리어의 외곽에 디스플레이하기 위한 목업 디스플레이 모듈을 더 포함하는 프리뷰 제공시스템.
  12. 제8항에 있어서, 상기 이미지 입력모듈은,
    상기 로컬 브라우저의 내장 파일 API를 이용해 상기 적어도 하나의 이미지를 입력받는 것을 특징으로 하는 프리뷰 제공시스템.
  13. 프로세서; 및
    상기 프로세서에 의해 실행되는 프로그램을 기록한 데이터 저장장치를 포함하며,
    상기 프로그램에 의해 제1항 내지 제6항 중 어느 한 항에 기재된 방법이 수행되는 데이터 처리시스템.
KR1020190064791A 2019-05-31 2019-05-31 이미지 프리뷰 제공방법 및 그 시스템 KR102216296B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020190064791A KR102216296B1 (ko) 2019-05-31 2019-05-31 이미지 프리뷰 제공방법 및 그 시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020190064791A KR102216296B1 (ko) 2019-05-31 2019-05-31 이미지 프리뷰 제공방법 및 그 시스템

Publications (2)

Publication Number Publication Date
KR20200137828A KR20200137828A (ko) 2020-12-09
KR102216296B1 true KR102216296B1 (ko) 2021-02-17

Family

ID=73786937

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020190064791A KR102216296B1 (ko) 2019-05-31 2019-05-31 이미지 프리뷰 제공방법 및 그 시스템

Country Status (1)

Country Link
KR (1) KR102216296B1 (ko)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101666176B1 (ko) 2015-06-25 2016-10-14 한국전자통신연구원 안드로이드 플랫폼 기반의 어플리케이션 모니터링 장치 및 방법

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101968977B1 (ko) 2012-09-26 2019-04-15 네이버웹툰 주식회사 카툰 제공 시스템, 카툰 제공 장치 및 카툰 제공 방법
KR20140131011A (ko) * 2013-05-03 2014-11-12 (주)티비스톰 웹 애플리케이션의 설치, 실행, 삭제 가능한 임베디드 리눅스 셋탑박스

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101666176B1 (ko) 2015-06-25 2016-10-14 한국전자통신연구원 안드로이드 플랫폼 기반의 어플리케이션 모니터링 장치 및 방법

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Denis Jung, "안드로이드 앱 개발로 대학 가자-2. 예제를 에뮬레이터로 실행", https://www.youtube.com/watch?v=rzVjDrOCIZ4&t=1075s, 2016.11.21. 1부.*
청소의달인,"문과생도 만드는 안드로이드 채팅 앱 - 10 (이미지뷰에 사진 넣기)", https://www.youtube.com/watch?v=jFWaybFJL08&t=246s, 2017.03.28. 1부.*

Also Published As

Publication number Publication date
KR20200137828A (ko) 2020-12-09

Similar Documents

Publication Publication Date Title
CN107341018B (zh) 一种在页面切换后继续显示视图的方法和装置
US8635549B2 (en) Directly assigning desktop backgrounds
KR101930565B1 (ko) 몰입형 환경의 맞춤화 기법
JP5529026B2 (ja) 映像広告を作成するためのテンプレートベースの方法
US20150227494A1 (en) Creating and editing dynamic graphics via a web interface
US20060225094A1 (en) Enabling customization and personalization of views in content aggregation frameworks
US20170102927A1 (en) Automated responsive grid-based layout design system
US20120304102A1 (en) Navigation of Immersive and Desktop Shells
KR20120110861A (ko) 3ｄ 뷰를 포함하는 가이드를 표시하는 전자 장치 및 그 가이드 표시 방법
JP2012181849A (ja) グラフィックオブジェクトの表示
WO2012166184A1 (en) Desktop as immersive application
US20080244424A1 (en) Source code generating device
CN103914450A (zh) 移动终端平台中网页图片呈现方法和装置
US20150212707A1 (en) Computer System and Method to View and Edit Documents from an Electronic Computing Device Touchscreen
US20080007788A1 (en) Smart page photo sizing, composing and cropping tool
CN112016023B (zh) 业务处理方法、装置、终端及存储介质
US20060225091A1 (en) Customizing and personalizing views in content aggregation frameworks
US10795633B2 (en) Desktop sharing method and mobile terminal
US20170192731A1 (en) Control redistribution among multiple devices
CN114185465A (zh) 信息处理方法、装置、存储介质和电子设备
CN112445564A (zh) 界面显示方法及电子设备、计算机可读存储介质
KR102216296B1 (ko) 이미지 프리뷰 제공방법 및 그 시스템
CN112445501A (zh) 数据烧录方法及设备、计算机可读存储介质
EP1866737A2 (en) System and method for enriching memories and enhancing emotions around specific personal events in the form of images, illustrations, audio, video and/or data
US9817560B2 (en) Method for managing documents on a mobile device

Legal Events

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