KR20190138331A - 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법 - Google Patents

웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법 Download PDF

Info

Publication number
KR20190138331A
KR20190138331A KR1020180064617A KR20180064617A KR20190138331A KR 20190138331 A KR20190138331 A KR 20190138331A KR 1020180064617 A KR1020180064617 A KR 1020180064617A KR 20180064617 A KR20180064617 A KR 20180064617A KR 20190138331 A KR20190138331 A KR 20190138331A
Authority
KR
South Korea
Prior art keywords
slide
display area
thumbnail
web
dom
Prior art date
Application number
KR1020180064617A
Other languages
English (en)
Other versions
KR102067498B1 (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 KR1020180064617A priority Critical patent/KR102067498B1/ko
Publication of KR20190138331A publication Critical patent/KR20190138331A/ko
Application granted granted Critical
Publication of KR102067498B1 publication Critical patent/KR102067498B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법이 개시된다. 본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(thumbnail)에 대한 문서 객체 모델(Document Object Model: DOM)을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 섬네일과 본문 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원하는 문서 표시 기법을 제공할 수 있다.

Description

웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법{CLIENT TERMINAL DEVICE FOR SUPPORTING FAST LOADING OF WEB-BASED PRESENTATION DOCUMENTS AND OPERATING METHOD THEREOF}
본 발명은 브라우저를 통해서 표시되는 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 처리하기 위한 기술과 관련된다.
최근, 컴퓨터나 스마트폰 또는 태블릿 PC 등이 널리 보급됨에 따라, 이러한 단말기기를 이용하여 전자 문서를 열람, 작성, 편집할 수 있도록 하는 다양한 종류의 전자 문서 관련 프로그램들이 출시되고 있다.
이러한 전자 문서 관련 프로그램들로는 기본적인 문서의 작성, 편집 등을 지원하는 워드프로세서, 데이터의 입력, 산술연산, 데이터 관리를 보조하는 스프레드시트, 발표자의 발표를 보조하기 위한 프레젠테이션 프로그램들이 있다.
전술한 전자 문서 관련 프로그램들 중 프레젠테이션 프로그램은 단말 장치에서 사용자가 발표용으로 사용하기 적합한 프레젠테이션 문서를 작성할 수 있도록 보조하는 프로그램으로, 사용자가 도형, 표 등과 같이 다양한 개체를 프레젠테이션 문서 상에 삽입할 수 있도록 하는 기능을 제공하고 있다.
보통, 단말에서 프레젠테이션 문서가 로드되면, 상기 프레젠테이션 문서는 도 2에 도시된 그림과 같이 화면 상에 표시되게 된다. 즉, 프레젠테이션 문서가 표시되는 화면은 도 2에 도시된 그림과 같이 본문 표시 영역(210)과 섬네일(thumbnail) 표시 영역(220)으로 구분되는데, 본문 표시 영역(210)에는 사용자에 의해 선택된 현재 슬라이드의 본문(211)이 표시되고, 섬네일 표시 영역(220)에는 상기 프레젠테이션 문서를 구성하는 복수의 슬라이드들의 섬네일(221)이 표시된다.
이때, 사용자가 섬네일 표시 영역(220)에 표시되고 있는 복수의 슬라이드들의 섬네일(221) 중 특정 슬라이드의 섬네일을 선택하게 되면, 본문 표시 영역(210)에는 상기 사용자가 선택한 슬라이드(211)가 표시되게 된다. 이를 통해 사용자는 섬네일을 선택하는 것만으로 자신이 원하는 슬라이드로 신속하게 페이지 이동을 수행할 수 있다.
최근에는 다수의 사용자들이 하나의 프레젠테이션 문서를 공동으로 편집할 수 있도록 지원하기 위해서, 웹 기반의 프레젠테이션 문서 편집 서비스가 등장하고 있다.
이러한 웹 기반의 프레젠테이션 문서 편집 서비스는 다양한 클라이언트 단말들이 관리 서버에 접속한 후 브라우저를 통해 마크업 언어(Markup Language) 기반으로 구성된 프레젠테이션 문서를 열람한 후 해당 문서를 작성 및 편집할 수 있도록 지원하며, 복수의 유저들이 문서를 공동으로 편집할 수 있도록 지원한다는 점에서 기업이나 단체 등에서 주로 활용되고 있다.
웹 기반의 프레젠테이션 문서 편집 서비스를 이용하는 클라이언트 단말 장치는 클라이언트 단말 장치에 설치되어 있는 브라우저를 통해 웹 기반의 프레젠테이션 문서를 로드하여 화면 상에 표시한다. 이때, 기존의 클라이언트 단말 장치는 웹 기반의 프레젠테이션 문서를 브라우저를 통해 표시할 때, 문서를 구성하는 전체 페이지의 슬라이드들에 대한 문서 데이터를 한 번에 모두 로드하여 각 슬라이드들의 본문과 섬네일을 표시하기 위한 문서 객체 모델(Document Object Model: DOM)을 생성완료한 후 화면 상에 본문과 섬네일을 표시하도록 동작하고 있다.
이로 인해, 사용자가 클라이언트 단말 장치를 통해 웹 기반의 프레젠테이션 문서를 오픈하는 경우, 클라이언트 단말 장치는 웹 기반의 프레젠테이션 문서를 구성하는 전 페이지의 슬라이드들에 대한 문서 데이터를 로드하고, DOM을 생성한 이후에 화면 상에 각 슬라이드의 본문과 섬네일을 표시한다는 점에서, 문서가 화면 상에 표시될 때까지 많은 시간이 소요될 수 있었다.
따라서, 클라이언트 단말 장치에서 웹 기반의 프레젠테이션 문서가 오픈될 때, 클라이언트 단말 장치가 보다 빠르게 화면을 표시할 수 있도록 지원하기 위한 기술의 연구가 필요하다.
본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(thumbnail)에 대한 문서 객체 모델(Document Object Model: DOM)을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 섬네일과 본문에 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원하는 문서 표시 기법을 제공하고자 한다.
본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분하는 영역 구분부, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치하는 아웃라인 배치부, 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인하는 아웃라인 확인부, 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 문서 객체 모델(Document Object Model: DOM)을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시하는 섬네일 표시부 및 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하는 본문 표시부를 포함한다.
또한, 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일 표시 영역으로 구분하는 단계, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치하는 단계, 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인하는 단계, 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시하는 단계 및 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하는 단계를 포함한다.
본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(thumbnail)에 대한 문서 객체 모델(Document Object Model: DOM)을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 섬네일과 본문 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원하는 문서 표시 기법을 제공할 수 있다.
도 1은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 2는 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작을 설명하기 위한 도면이다.
도 3은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
이하에서는 본 발명에 따른 실시예들을 첨부된 도면을 참조하여 상세하게 설명하기로 한다. 이러한 설명은 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였으며, 다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 본 명세서 상에서 사용되는 모든 용어들은 본 발명이 속하는 기술분야에서 통상의 지식을 가진 사람에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다.
도 1은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 1을 참조하면, 본 발명에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)는 영역 구분부(111), 아웃라인 배치부(112), 아웃라인 확인부(113), 섬네일 표시부(114) 및 본문 표시부(115)를 포함한다.
영역 구분부(111)는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분한다.
아웃라인 배치부(112)는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치한다.
아웃라인 확인부(113)는 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인한다.
섬네일 표시부(114)는 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 문서 객체 모델(Document Object Model: DOM)을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시한다.
본문 표시부(115)는 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시한다.
관련해서, 도 2에는 클라이언트 단말 장치(110)를 통해 상기 웹 기반의 프레젠테이션 문서가 표시되는 화면의 일례가 도시되어 있다.
도 2에 도시된 도면과 같이, 클라이언트 단말 장치(110)에 탑재되어 있는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 영역 구분부(111)는 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역(210)과 섬네일 표시 영역(220)으로 구분할 수 있다.
그리고, 아웃라인 배치부(112)는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 섬네일 표시 영역(220) 상에 배치할 수 있다.
여기서, 아웃라인이란 도 2의 그림에서 도면부호 222로 표시한 바와 같이, 각 슬라이드들의 섬네일들(221)이 표시되는 사각 영역(222)을 의미한다.
이때, 본 발명의 일실시예에 따르면, 아웃라인 배치부(112)는 상기 복수의 아웃라인들을 생성할 때, 섬네일 표시 영역(220)의 크기를 확인한 후 상기 복수의 아웃라인들 각각이 섬네일 표시 영역(220)의 크기에 대비하여 미리 설정된 비율 값을 따른 크기를 갖도록 상기 복수의 아웃라인들의 크기를 결정할 수 있다.
관련해서, 상기 웹 기반의 프레젠테이션 문서를 구성하는 슬라이드들이 총 100페이지로 구성되어 있다고 하는 경우, 아웃라인 배치부(112)는 100개의 슬라이드들 각각에 대응하는 섬네일들(221)을 표시하기 위한 100개의 아웃라인들(222)을 생성하여 100개의 아웃라인들(222)을 섬네일 표시 영역(220) 상에 배치할 수 있다.
이때, 아웃라인 배치부(112)는 상기 미리 설정된 비율 값이 20%라고 하는 경우, 100개의 아웃라인들(222)을 생성할 때, 도 2에 도시된 섬네일 표시 영역(220)의 크기에 대비하여 20%의 비율 값을 갖는 크기를 갖도록 100개의 아웃라인들(222)의 크기를 결정할 수 있다.
이렇게, 100개의 아웃라인들(222)이 생성되어 섬네일 표시 영역(220) 상에 배치되면, 아웃라인 확인부(113)는 100개의 아웃라인들(222) 중 섬네일 표시 영역(220)을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인할 수 있다.
즉, 도 2에 도시된 그림과 같이, 100개의 아웃라인들(222) 중 섬네일 표시 영역(220)을 통해 총 9개의 아웃라인들이 노출되는 경우라면, 아웃라인 확인부(113)는 100개의 아웃라인들(222) 중 9개의 아웃라인들만을 상기 적어도 하나의 제1 아웃라인으로 확인할 수 있다.
그 이후, 섬네일 표시부(114)는 100개의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인인 9개의 아웃라인들 각각에 대응하는 9개의 슬라이드들에 대한 문서 데이터를 기초로 9개의 슬라이드들의 섬네일(221)을 표시하기 위한 섬네일용 DOM을 생성한 후 9개의 슬라이드들에 대한 섬네일용 DOM을 기초로 상기 9개의 슬라이드들에 대한 섬네일을 섬네일 표시 영역(220) 상에 배치되어 있는 9개의 아웃라인들 상에 표시할 수 있다.
그리고, 본문 표시부(115)는 100개의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문(211)을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 첫 페이지의 슬라이드에 대한 본문(211)을 표시할 수 있다.
여기서, DOM이란 구조화된 문서를 표현하기 위한 객체 지향 모델을 의미하는 것으로, 브라우저는 HTML(HyperText Markup Language) 문서나 XML(Extensible Markup Language) 문서를 렌더링하기 위해 해당 문서를 구성하는 마크업 언어 코드를 파싱하여 DOM을 생성한 후 생성된 DOM을 기초로 문서를 드로잉함으로써, 화면 상에 웹 기반 문서를 표시할 수 있게 된다.
관련해서, 프레젠테이션 문서는 도 2에 도시된 그림과 같이, 화면 상에 본문(211)과 섬네일(221)이 표시되어야 하기 때문에 섬네일 표시부(114)와 본문 표시부(115)는 상기 웹 기반의 프레젠테이션 문서에 대한 문서 데이터를 기초로 섬네일용 DOM과 본문용 DOM을 생성한 후 섬네일용 DOM과 본문용 DOM을 기초로 화면 상에 섬네일(221)과 본문(211)을 표시하게 된다.
이렇게, 도 2에 도시된 그림과 같이, 100페이지의 슬라이드들로 구성된 웹 기반의 프레젠테이션 문서가 오픈될 때, 화면 상에 9개의 슬라이드들에 대한 섬네일(221)과 첫 페이지의 본문(211)이 우선 로드되어 표시되면, 본 발명에 따른 클라이언트 단말 장치(110)는 나머지 슬라이드들에 대한 데이터 로드와 함께 본문 및 섬네일 DOM의 생성 처리를 백그라운드를 통해 순차적으로 수행함으로써, 100페이지에 해당되는 상기 웹 기반의 프레젠테이션 문서가 전부 로드되도록 처리할 수 있다.
결국, 본 발명에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)는 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일에 대한 DOM을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 본문과 섬네일에 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원할 수 있다.
이때, 본 발명의 일실시예에 따르면, 본문 표시부(115)는 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 적어도 하나의 제1 슬라이드 중 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시할 수 있다.
관련해서, 도 2에 도시된 그림과 같이, 웹 기반의 프레젠테이션 문서가 오픈됨에 따라 섬네일 표시 영역(220) 상에 9개의 슬라이드들에 대한 섬네일(221)이 표시되고, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시된 이후, 사용자에 의해 섬네일 표시 영역(220) 상에 표시되고 있는 상기 9개의 슬라이드들 중 어느 하나의 슬라이드인 상기 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 본문 표시부(115)는 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 제2 슬라이드에 대한 본문을 표시할 수 있다.
또한, 본 발명의 일실시예에 따르면, 아웃라인 확인부(113)는 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인할 수 있다.
그리고, 섬네일 표시부(114)는 상기 복수의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 적어도 하나의 제3 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제3 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제3 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제3 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시할 수 있다.
이때, 본 발명의 일실시예에 따르면, 본문 표시부(115)는 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제3 슬라이드에 대한 섬네일이 표시된 이후, 상기 사용자에 의해 상기 적어도 하나의 제3 슬라이드 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제4 슬라이드에 대한 본문을 표시할 수 있다.
관련해서, 도 2에 도시된 그림과 같이, 웹 기반의 프레젠테이션 문서가 오픈됨에 따라, 섬네일 표시 영역(220) 상에 9개의 슬라이드들에 대한 섬네일(221)이 표시되고, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시된 이후, 사용자에 의해 섬네일 표시 영역(220)에 대한 스크롤 이동이 발생하게 되면, 아웃라인 확인부(113)는 아웃라인 배치부(112)에서 생성한 100개의 슬라이드들에 대한 100개의 아웃라인들 중 섬네일 표시 영역(220)을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인할 수 있다.
만약, 사용자에 의해 섬네일 표시 영역(220)에 스크롤 이동이 발생하게 됨에 스크롤 이동 완료 후에 섬네일 표시 영역(220)을 통해 화면 상에 노출되는 상기 적어도 하나의 제2 아웃라인이 50~58페이지에 해당되는 9개의 슬라이드들에 대한 9개의 아웃라인들이라고 하는 경우, 아웃라인 확인부(113)는 50~58페이지에 해당되는 슬라이드들에 대한 9개의 아웃라인들을 상기 적어도 하나의 제2 아웃라인으로 확인할 수 있다.
그 이후, 섬네일 표시부(114)는 100개의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 슬라이드인 50~58페이지에 해당되는 9개의 슬라이드들에 대한 문서 데이터를 기초로 50~58페이지에 해당되는 9개의 슬라이드들의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 50~58페이지에 해당되는 9개의 슬라이드들에 대한 섬네일용 DOM을 기초로 50~58페이지에 해당되는 9개의 슬라이드들에 대한 섬네일을 섬네일 표시 영역(220) 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시할 수 있다.
즉, 본 발명에 따른 클라이언트 단말 장치(110)는 웹 기반의 프레젠테이션 문서가 오픈된 후 사용자에 의해 바로 섬네일 표시 영역(220)에서 특정 페이지의 슬라이드의 섬네일로 스크롤되도록 하는 스크롤 이동이 발생하게 되면, 해당 스크롤 이동에 따라 섬네일 표시 영역(220)을 통해 화면 상에 표시되어야 할 슬라이드들에 대한 섬네일만을 우선 로드하여 화면 상에 표시함으로써, 사용자가 빠르게 자신이 스크롤 이동시킨 부분에 대한 섬네일을 볼 수 있도록 지원할 수 있다.
이렇게, 사용자의 스크롤 이동에 따라, 섬네일 표시 영역(220) 상에 50~58페이지에 해당되는 9개의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 50~58페이지에 해당되는 9개의 슬라이드들 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 본문 표시부(115)는 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 제4 슬라이드에 대한 본문을 표시할 수 있다.
본 발명의 일실시예에 따르면, 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)는 편집 명령 확인부(116), 편집 차단 수행부(117), 편집 명령 저장부(118) 및 편집 명령 지연 적용부(119)를 더 포함할 수 있다.
편집 명령 확인부(116)는 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인한다.
편집 차단 수행부(117)는 상기 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행한다.
편집 명령 저장부(118)는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장한다.
편집 명령 지연 적용부(119)는 상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드에 대한 섬네일이 위치하는 지점까지 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용한다.
관련해서, 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서라고 하면, 편집 명령 확인부(116)는 도 2에 도시된 그림과 같이, 웹 기반의 프레젠테이션 문서가 오픈됨에 따라 섬네일 표시 영역(220) 상에 9개의 슬라이드들에 대한 섬네일(221)이 표시되고, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 100개의 슬라이드들 중 섬네일 표시 영역(220) 상에서 표시되고 있는 9개의 슬라이드들을 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인할 수 있다.
만약, 상기 사용자를 제외한 다른 유저들에 의해서 상기 100개의 슬라이드들 중 59페이지에 해당되는 슬라이드에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 59페이지에 해당되는 슬라이드는 아직 클라이언트 단말 장치(110)의 화면 상에서 섬네일이나 본문으로 표시되는 슬라이드가 아니기 때문에 시스템 리소스의 낭비를 방지하기 위해, 편집 차단 수행부(117)는 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행할 수 있다.
그리고, 편집 명령 저장부(118)는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장할 수 있다.
그 이후, 상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드인 59페이지에 해당되는 슬라이드에 대한 섬네일이 위치하는 지점까지 섬네일 표시 영역(220)에 대한 스크롤 이동이 발생하게 되면, 59페이지에 해당되는 슬라이드에 대한 섬네일이 섬네일 표시 영역(220)에서 표시되어야 하기 때문에, 편집 명령 지연 적용부(119)는 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용할 수 있다.
도 3은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
단계(S310)에서는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일 표시 영역으로 구분한다.
단계(S320)에서는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치한다.
단계(S330)에서는 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인한다.
단계(S340)에서는 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시한다.
단계(S350)에서는 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시한다.
이때, 본 발명의 일실시예에 따르면, 단계(S320)에서는 상기 복수의 아웃라인들을 생성할 때, 상기 섬네일 표시 영역의 크기를 확인한 후 상기 복수의 아웃라인들 각각이 상기 섬네일 표시 영역의 크기에 대비하여 미리 설정된 비율 값을 따른 크기를 갖도록 상기 복수의 아웃라인들의 크기를 결정할 수 있다.
또한, 본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 적어도 하나의 제1 슬라이드 중 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하는 단계를 더 포함할 수 있다.
또한, 본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인하는 단계 및 상기 복수의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 적어도 하나의 제3 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제3 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제3 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제3 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시하는 단계를 더 포함할 수 있다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제3 슬라이드에 대한 섬네일이 표시된 이후, 상기 사용자에 의해 상기 적어도 하나의 제3 슬라이드 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제4 슬라이드에 대한 본문을 표시하는 단계를 더 포함할 수 있다.
본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인하는 단계, 상기 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행하는 단계, 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장하는 단계 및 상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드에 대한 섬네일이 위치하는 지점까지 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용하는 단계를 더 포함할 수 있다.
이상, 도 3을 참조하여 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법에 대해 설명하였다. 여기서, 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 도 1과 도 2를 이용하여 설명한 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)의 동작에 대한 구성과 대응될 수 있으므로, 이에 대한 보다 상세한 설명은 생략하기로 한다.
본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램으로 구현될 수 있다.
또한, 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.
이상과 같이 본 발명에서는 구체적인 구성 요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
따라서, 본 발명의 사상은 설명된 실시예에 국한되어 정해져서는 아니되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등하거나 등가적 변형이 있는 모든 것들은 본 발명 사상의 범주에 속한다고 할 것이다.
110: 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치
111: 영역 구분부 112: 아웃라인 배치부
113: 아웃라인 확인부 114: 섬네일 표시부
115: 본문 표시부 116: 편집 명령 확인부
117: 편집 차단 수행부 118: 편집 명령 저장부
119: 편집 명령 지연 적용부

Claims (14)

  1. 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분하는 영역 구분부;
    상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치하는 아웃라인 배치부;
    상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인하는 아웃라인 확인부;
    상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 문서 객체 모델(Document Object Model: DOM)을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시하는 섬네일 표시부; 및
    상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하는 본문 표시부
    를 포함하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치.
  2. 제1항에 있어서,
    상기 아웃라인 배치부는
    상기 복수의 아웃라인들을 생성할 때, 상기 섬네일 표시 영역의 크기를 확인한 후 상기 복수의 아웃라인들 각각이 상기 섬네일 표시 영역의 크기에 대비하여 미리 설정된 비율 값을 따른 크기를 갖도록 상기 복수의 아웃라인들의 크기를 결정하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치.
  3. 제1항에 있어서,
    상기 본문 표시부는
    상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 적어도 하나의 제1 슬라이드 중 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치.
  4. 제1항에 있어서,
    상기 아웃라인 확인부는
    상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인하고,
    상기 섬네일 표시부는
    상기 복수의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 적어도 하나의 제3 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제3 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제3 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제3 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치.
  5. 제4항에 있어서,
    상기 본문 표시부는
    상기 섬네일 표시 영역 상에 상기 적어도 하나의 제3 슬라이드에 대한 섬네일이 표시된 이후, 상기 사용자에 의해 상기 적어도 하나의 제3 슬라이드 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제4 슬라이드에 대한 본문을 표시하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치.
  6. 제1항에 있어서,
    상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인하는 편집 명령 확인부;
    상기 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행하는 편집 차단 수행부;
    상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장하는 편집 명령 저장부; 및
    상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드에 대한 섬네일이 위치하는 지점까지 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용하는 편집 명령 지연 적용부
    를 더 포함하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치.
  7. 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분하는 단계;
    상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치하는 단계;
    상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인하는 단계;
    상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 문서 객체 모델(Document Object Model: DOM)을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시하는 단계; 및
    상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하는 단계
    를 포함하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법.
  8. 제7항에 있어서,
    상기 배치하는 단계는
    상기 복수의 아웃라인들을 생성할 때, 상기 섬네일 표시 영역의 크기를 확인한 후 상기 복수의 아웃라인들 각각이 상기 섬네일 표시 영역의 크기에 대비하여 미리 설정된 비율 값을 따른 크기를 갖도록 상기 복수의 아웃라인들의 크기를 결정하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법.
  9. 제7항에 있어서,
    상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 적어도 하나의 제1 슬라이드 중 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하는 단계
    를 더 포함하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법.
  10. 제7항에 있어서,
    상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인하는 단계; 및
    상기 복수의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 적어도 하나의 제3 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제3 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제3 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제3 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시하는 단계
    를 더 포함하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법.
  11. 제10항에 있어서,
    상기 섬네일 표시 영역 상에 상기 적어도 하나의 제3 슬라이드에 대한 섬네일이 표시된 이후, 상기 사용자에 의해 상기 적어도 하나의 제3 슬라이드 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제4 슬라이드에 대한 본문을 표시하는 단계
    를 더 포함하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법.
  12. 제7항에 있어서,
    상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인하는 단계;
    상기 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행하는 단계;
    상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장하는 단계; 및
    상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드에 대한 섬네일이 위치하는 지점까지 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용하는 단계
    를 더 포함하는 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법.
  13. 제7항 내지 제12항 중 어느 한 항의 방법을 수행하는 프로그램을 기록한 컴퓨터 판독 가능 기록 매체.
  14. 제7항 내지 제12항 중 어느 한 항의 방법을 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램.
KR1020180064617A 2018-06-05 2018-06-05 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법 KR102067498B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020180064617A KR102067498B1 (ko) 2018-06-05 2018-06-05 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020180064617A KR102067498B1 (ko) 2018-06-05 2018-06-05 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Publications (2)

Publication Number Publication Date
KR20190138331A true KR20190138331A (ko) 2019-12-13
KR102067498B1 KR102067498B1 (ko) 2020-01-17

Family

ID=68847445

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020180064617A KR102067498B1 (ko) 2018-06-05 2018-06-05 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Country Status (1)

Country Link
KR (1) KR102067498B1 (ko)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100106534A (ko) * 2007-12-24 2010-10-01 콸콤 인코포레이티드 통신 장치 상에서 콘텐츠를 검색/다운로딩하기 위한 장치 및 방법들
KR20110051196A (ko) * 2008-08-11 2011-05-17 마이크로소프트 코포레이션 사용자-정의가능 속성을 갖는 프레젠테이션의 섹션

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100106534A (ko) * 2007-12-24 2010-10-01 콸콤 인코포레이티드 통신 장치 상에서 콘텐츠를 검색/다운로딩하기 위한 장치 및 방법들
KR20110051196A (ko) * 2008-08-11 2011-05-17 마이크로소프트 코포레이션 사용자-정의가능 속성을 갖는 프레젠테이션의 섹션

Also Published As

Publication number Publication date
KR102067498B1 (ko) 2020-01-17

Similar Documents

Publication Publication Date Title
US20230083102A1 (en) Systems and methods for conversion of web content into reusable templates and components
US10572581B2 (en) System and method for web content presentation management
US11216253B2 (en) Application prototyping tool
KR101546732B1 (ko) 미리 정의된 레이아웃들을 이용한, 이미지들 및 관련 텍스트의 동적 레이아웃
US10353721B2 (en) Systems and methods for guided live help
US10049095B2 (en) In-context editing of output presentations via automatic pattern detection
US20120317486A1 (en) Embedded web viewer for presentation applications
US20140047409A1 (en) Enterprise application development tool
US9852117B1 (en) Text-fragment based content editing and publishing
US9910835B2 (en) User interface for creation of content works
US9268875B2 (en) Extensible content focus mode
WO2016118142A1 (en) In-line editor insertion
KR101498533B1 (ko) 컴포넌트 분리 표시 기반의 전자 문서 출력 장치 및 방법
KR102067498B1 (ko) 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법
KR102053079B1 (ko) 캡션 기반의 참조 개체의 표시가 가능한 전자 문서 편집 장치 및 그 동작 방법
KR102036715B1 (ko) 브라우저를 통해 프레젠테이션 문서의 빠른 로딩이 가능한 웹 기반의 프레젠테이션 편집 장치 및 그 동작 방법
KR102067497B1 (ko) 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치 및 그 동작 방법
KR101530858B1 (ko) 부분 이미지 캐시 기반의 전자 문서 표시 장치 및 방법
KR102004996B1 (ko) 슬라이드 페이지 상에 페이지 이동 링크의 간편 삽입이 가능한 프레젠테이션 문서 편집 장치 및 그 동작 방법
KR102107449B1 (ko) 스프레드시트 문서 내 병합된 셀의 콘텐트를 표시하는 전자 장치 및 그의 동작 방법
KR101965722B1 (ko) 단독 편집 및 동시 편집인지에 따라 웹 문서에 대한 편집 신뢰성을 보장하는 장치 및 이의 동작 방법
US10627997B1 (en) System and method for highlighting dependent slides while editing master slides of a presentation
KR102566908B1 (ko) 프레젠테이션 문서를 구성하는 페이지에 개체 가이드 틀을 생성하는 전자 단말 장치 및 그 동작 방법
KR101965718B1 (ko) 웹 문서에 대한 편집 신뢰성을 보장하는 장치 및 이의 동작 방법
Göring Designing a Library to Create Animated Sequences Using D3. js

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant