KR102067498B1

KR102067498B1 - Client terminal device for supporting fast loading of web-based presentation documents and operating method thereof

Info

Publication number: KR102067498B1
Application number: KR1020180064617A
Authority: KR
Inventors: 김철용; 이승기
Original assignee: 주식회사 한글과컴퓨터
Priority date: 2018-06-05
Filing date: 2018-06-05
Publication date: 2020-01-17
Also published as: KR20190138331A

Abstract

웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치 및 그 동작 방법이 개시된다. 본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(thumbnail)에 대한 문서 객체 모델(Document Object Model: DOM)을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 섬네일과 본문 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원하는 문서 표시 기법을 제공할 수 있다.Disclosed are a client terminal device supporting fast loading of a web-based presentation document and a method of operating the same. According to the present invention, when a web-based presentation document is opened through a browser mounted on a client terminal device, the document data of a plurality of slides constituting the web-based presentation document may be loaded to display the text and thumbnails of the entire slides. Rather than constructing a Document Object Model (DOM) for the (thumbnail) and displaying it on the screen, only the document data for some slides are loaded first, and then the DOM for the thumbnails and body of the slides is constructed. By displaying on the screen, it is possible to provide a document display technique for supporting the presentation document on the screen quickly.

Description

Client terminal device that supports fast loading of web-based presentation documents and its operation method {CLIENT TERMINAL DEVICE FOR SUPPORTING FAST LOADING OF WEB-BASED PRESENTATION DOCUMENTS AND OPERATING METHOD THEREOF}

본 발명은 브라우저를 통해서 표시되는 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 처리하기 위한 기술과 관련된다.The present invention relates to a technique for processing fast screen display of web-based presentation documents displayed through a browser.

최근, 컴퓨터나 스마트폰 또는 태블릿 PC 등이 널리 보급됨에 따라, 이러한 단말기기를 이용하여 전자 문서를 열람, 작성, 편집할 수 있도록 하는 다양한 종류의 전자 문서 관련 프로그램들이 출시되고 있다.Recently, as computers, smartphones, tablet PCs, and the like are widely used, various kinds of electronic document-related programs for reading, creating, and editing electronic documents using such terminal devices have been released.

이러한 전자 문서 관련 프로그램들로는 기본적인 문서의 작성, 편집 등을 지원하는 워드프로세서, 데이터의 입력, 산술연산, 데이터 관리를 보조하는 스프레드시트, 발표자의 발표를 보조하기 위한 프레젠테이션 프로그램들이 있다.These electronic document related programs include word processors that support the creation and editing of basic documents, data entry, arithmetic operations, spreadsheets to assist with data management, and presentation programs to assist presenters.

전술한 전자 문서 관련 프로그램들 중 프레젠테이션 프로그램은 단말 장치에서 사용자가 발표용으로 사용하기 적합한 프레젠테이션 문서를 작성할 수 있도록 보조하는 프로그램으로, 사용자가 도형, 표 등과 같이 다양한 개체를 프레젠테이션 문서 상에 삽입할 수 있도록 하는 기능을 제공하고 있다.Among the aforementioned electronic document related programs, the presentation program is a program that assists a terminal device to create a presentation document suitable for use by a user. The user can insert various objects such as shapes and tables on the presentation document. It provides a function to enable it.

보통, 단말에서 프레젠테이션 문서가 로드되면, 상기 프레젠테이션 문서는 도 2에 도시된 그림과 같이 화면 상에 표시되게 된다. 즉, 프레젠테이션 문서가 표시되는 화면은 도 2에 도시된 그림과 같이 본문 표시 영역(210)과 섬네일(thumbnail) 표시 영역(220)으로 구분되는데, 본문 표시 영역(210)에는 사용자에 의해 선택된 현재 슬라이드의 본문(211)이 표시되고, 섬네일 표시 영역(220)에는 상기 프레젠테이션 문서를 구성하는 복수의 슬라이드들의 섬네일(221)이 표시된다.Usually, when a presentation document is loaded in the terminal, the presentation document is displayed on the screen as shown in FIG. That is, the screen on which the presentation document is displayed is divided into a body display area 210 and a thumbnail display area 220 as shown in FIG. 2, in which the current slide selected by the user is selected. The main body 211 is displayed, and the thumbnail display area 220 displays thumbnails 221 of a plurality of slides constituting the presentation document.

이때, 사용자가 섬네일 표시 영역(220)에 표시되고 있는 복수의 슬라이드들의 섬네일(221) 중 특정 슬라이드의 섬네일을 선택하게 되면, 본문 표시 영역(210)에는 상기 사용자가 선택한 슬라이드(211)가 표시되게 된다. 이를 통해 사용자는 섬네일을 선택하는 것만으로 자신이 원하는 슬라이드로 신속하게 페이지 이동을 수행할 수 있다.In this case, when the user selects a thumbnail of a specific slide among the thumbnails 221 of the plurality of slides displayed in the thumbnail display area 220, the text display area 210 displays the slide 211 selected by the user. do. This allows the user to quickly page through the slides he / she wants by simply selecting a thumbnail.

최근에는 다수의 사용자들이 하나의 프레젠테이션 문서를 공동으로 편집할 수 있도록 지원하기 위해서, 웹 기반의 프레젠테이션 문서 편집 서비스가 등장하고 있다.Recently, a web-based presentation document editing service has appeared to support a plurality of users co-editing a presentation document.

이러한 웹 기반의 프레젠테이션 문서 편집 서비스는 다양한 클라이언트 단말들이 관리 서버에 접속한 후 브라우저를 통해 마크업 언어(Markup Language) 기반으로 구성된 프레젠테이션 문서를 열람한 후 해당 문서를 작성 및 편집할 수 있도록 지원하며, 복수의 유저들이 문서를 공동으로 편집할 수 있도록 지원한다는 점에서 기업이나 단체 등에서 주로 활용되고 있다.The web-based presentation document editing service supports various client terminals connecting to the management server and viewing and displaying and editing the presentation document based on the markup language through a browser. It is mainly used by companies and organizations in that multiple users can co-edit a document.

웹 기반의 프레젠테이션 문서 편집 서비스를 이용하는 클라이언트 단말 장치는 클라이언트 단말 장치에 설치되어 있는 브라우저를 통해 웹 기반의 프레젠테이션 문서를 로드하여 화면 상에 표시한다. 이때, 기존의 클라이언트 단말 장치는 웹 기반의 프레젠테이션 문서를 브라우저를 통해 표시할 때, 문서를 구성하는 전체 페이지의 슬라이드들에 대한 문서 데이터를 한 번에 모두 로드하여 각 슬라이드들의 본문과 섬네일을 표시하기 위한 문서 객체 모델(Document Object Model: DOM)을 생성완료한 후 화면 상에 본문과 섬네일을 표시하도록 동작하고 있다.The client terminal device using the web-based presentation document editing service loads and displays a web-based presentation document on a screen through a browser installed in the client terminal device. In this case, when displaying a web-based presentation document through a browser, the existing client terminal device loads the document data of the slides of all the pages constituting the document at once to display the body and thumbnail of each slide. After creating the Document Object Model (DOM) for the operation, it operates to display the body and thumbnail on the screen.

이로 인해, 사용자가 클라이언트 단말 장치를 통해 웹 기반의 프레젠테이션 문서를 오픈하는 경우, 클라이언트 단말 장치는 웹 기반의 프레젠테이션 문서를 구성하는 전 페이지의 슬라이드들에 대한 문서 데이터를 로드하고, DOM을 생성한 이후에 화면 상에 각 슬라이드의 본문과 섬네일을 표시한다는 점에서, 문서가 화면 상에 표시될 때까지 많은 시간이 소요될 수 있었다.For this reason, when a user opens a web-based presentation document through the client terminal device, the client terminal device loads document data about slides of all pages constituting the web-based presentation document and generates a DOM. In view of displaying the text and thumbnail of each slide on the screen, it may take a long time before the document is displayed on the screen.

따라서, 클라이언트 단말 장치에서 웹 기반의 프레젠테이션 문서가 오픈될 때, 클라이언트 단말 장치가 보다 빠르게 화면을 표시할 수 있도록 지원하기 위한 기술의 연구가 필요하다.Therefore, when a web-based presentation document is opened in a client terminal device, a study of a technology for supporting a client terminal device to display a screen more quickly is required.

본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(thumbnail)에 대한 문서 객체 모델(Document Object Model: DOM)을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 섬네일과 본문에 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원하는 문서 표시 기법을 제공하고자 한다.According to the present invention, when a web-based presentation document is opened through a browser mounted on a client terminal device, the document data of a plurality of slides constituting the web-based presentation document may be loaded to display the text and thumbnails of the entire slides. Rather than constructing a Document Object Model (DOM) for the (thumbnail) and displaying it on the screen, only the document data for some slides is loaded first, and then the DOM for the thumbnails and body of the slides is constructed. By displaying on a screen, it is intended to provide a document display technique that enables a presentation document to be displayed on a screen quickly.

본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분하는 영역 구분부, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치하는 아웃라인 배치부, 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인하는 아웃라인 확인부, 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 문서 객체 모델(Document Object Model: DOM)을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시하는 섬네일 표시부 및 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하는 본문 표시부를 포함한다.According to an embodiment of the present invention, a client terminal device supporting fast loading of a web-based presentation document may include a screen area for displaying the web-based presentation document when the web-based presentation document is opened in a browser. And a region divider for dividing the thumbnail into a thumbnail display area, and generating a plurality of outlines for displaying thumbnails corresponding to each of the plurality of slides constituting the web-based presentation document. An outline arrangement unit arranged on a thumbnail display area, and when the plurality of outlines are arranged on the thumbnail display area, at least one agent exposed on the current screen through the thumbnail display area among the plurality of outlines 1 Outline confirmation unit for checking the outline, the plurality of sla A document object model for thumbnails for displaying thumbnails of the at least one first slide based on document data for at least one first slide corresponding to the at least one first outline among ids. And generate thumbnails for the at least one first slide on the thumbnail display area based on the DOMs for the thumbnails for the at least one first slide. After generating a DOM for displaying a body for the slide of the first page based on the thumbnail display unit displayed on the document data of the slide of the first page of the plurality of slides and the body of the slide of the first page Text for the slide of the first page on the body display area based on the DOM for And a body display unit.

또한, 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일 표시 영역으로 구분하는 단계, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치하는 단계, 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인하는 단계, 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시하는 단계 및 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하는 단계를 포함한다.In addition, a method of operating a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention may include: a screen on which a web-based presentation document is displayed when a web-based presentation document is opened on a browser; Dividing an area into a body display area and a thumbnail display area, and generating a plurality of outlines for displaying thumbnails corresponding to each of a plurality of slides constituting the web-based presentation document. Arranging on a thumbnail display area, when the plurality of outlines are disposed on the thumbnail display area, at least one first outline exposed on the current screen through the thumbnail display area of the plurality of outlines Checking, the enemy of the plurality of slides The at least one first slide is generated after generating a DOM for thumbnails for displaying thumbnails of the at least one first slide based on document data for at least one first slide corresponding to one first outline. Displaying thumbnails for the at least one first slide on the at least one first outline disposed on the thumbnail display area based on a DOM for thumbnails for and a first page of the plurality of slides After generating a body DOM for displaying a body for the slide of the first page based on the document data for the slide of the first page on the body display area based on the body DOM for the slide of the first page Displaying the body for the slide.

본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(thumbnail)에 대한 문서 객체 모델(Document Object Model: DOM)을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 섬네일과 본문 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원하는 문서 표시 기법을 제공할 수 있다.According to the present invention, when a web-based presentation document is opened through a browser mounted on a client terminal device, the document data of a plurality of slides constituting the web-based presentation document may be loaded to display the text and thumbnails of the entire slides. Rather than constructing a Document Object Model (DOM) for the (thumbnail) and displaying it on the screen, only the document data for some slides are loaded first, and then the DOM for the thumbnails and body of the slides is constructed. By displaying on the screen, it is possible to provide a document display technique for supporting the presentation document on the screen quickly.

도 1은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 2는 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작을 설명하기 위한 도면이다.
도 3은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.1 is a diagram illustrating a structure of a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention.
2 is a diagram illustrating an operation of a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention.
3 is a flowchart illustrating a method of operating a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention.

이하에서는 본 발명에 따른 실시예들을 첨부된 도면을 참조하여 상세하게 설명하기로 한다. 이러한 설명은 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였으며, 다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 본 명세서 상에서 사용되는 모든 용어들은 본 발명이 속하는 기술분야에서 통상의 지식을 가진 사람에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. This description is not intended to limit the invention to the specific embodiments, it should be understood to include all changes, equivalents, and substitutes included in the spirit and scope of the invention. In describing the drawings, similar reference numerals are used for similar components, and unless otherwise defined, all terms used in the present specification, including technical or scientific terms, may be used in the art to which the present invention pertains. It has the same meaning as is commonly understood by someone who has it.

도 1은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.1 is a diagram illustrating a structure of a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention.

도 1을 참조하면, 본 발명에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)는 영역 구분부(111), 아웃라인 배치부(112), 아웃라인 확인부(113), 섬네일 표시부(114) 및 본문 표시부(115)를 포함한다.Referring to FIG. 1, a client terminal device 110 supporting fast loading of a web-based presentation document according to the present invention includes an area separator 111, an outline arrangement unit 112, and an outline confirmation unit 113. And a thumbnail display unit 114 and a text display unit 115.

영역 구분부(111)는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분한다.When the web-based presentation document is opened on the browser, the area separator 111 divides the screen area on which the web-based presentation document is to be displayed into a body display area and a thumbnail display area.

아웃라인 배치부(112)는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치한다.The outline arranging unit 112 generates a plurality of outlines for displaying thumbnails corresponding to each of a plurality of slides constituting the web-based presentation document and arranges the plurality of outlines on the thumbnail display area. do.

아웃라인 확인부(113)는 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인한다.When the plurality of outlines are arranged on the thumbnail display area, the outline checking unit 113 identifies at least one first outline exposed on the current screen through the thumbnail display area among the plurality of outlines. Check it.

섬네일 표시부(114)는 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 문서 객체 모델(Document Object Model: DOM)을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시한다.The thumbnail display unit 114 is a thumbnail for displaying thumbnails of the at least one first slide based on document data of at least one first slide corresponding to the at least one first outline among the plurality of slides. A thumbnail for the at least one first slide is arranged on the thumbnail display area based on a DOM for thumbnails for the at least one first slide after generating a Document Object Model (DOM) for the document; It is displayed on the at least one first outline.

본문 표시부(115)는 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시한다.The body display unit 115 generates a body DOM for displaying a body for the slide of the first page based on the document data of the slide of the first page among the plurality of slides, and then stores the body for the slide of the first page. The body for the slide of the first page is displayed on the body display area based on the usage DOM.

관련해서, 도 2에는 클라이언트 단말 장치(110)를 통해 상기 웹 기반의 프레젠테이션 문서가 표시되는 화면의 일례가 도시되어 있다.2, an example of a screen on which the web-based presentation document is displayed through the client terminal device 110 is illustrated.

도 2에 도시된 도면과 같이, 클라이언트 단말 장치(110)에 탑재되어 있는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 영역 구분부(111)는 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역(210)과 섬네일 표시 영역(220)으로 구분할 수 있다.As shown in FIG. 2, when a web-based presentation document is opened on a browser mounted on the client terminal device 110, the area separator 111 may select a screen area on which the web-based presentation document is to be displayed. The display unit 210 may be divided into a body display area 210 and a thumbnail display area 220.

그리고, 아웃라인 배치부(112)는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 섬네일 표시 영역(220) 상에 배치할 수 있다.The outline arranging unit 112 generates a plurality of outlines for displaying thumbnails corresponding to each of the plurality of slides constituting the web-based presentation document and displays the plurality of outlines in the thumbnail display area 220. ) Can be placed on.

여기서, 아웃라인이란 도 2의 그림에서 도면부호 222로 표시한 바와 같이, 각 슬라이드들의 섬네일들(221)이 표시되는 사각 영역(222)을 의미한다.Here, the outline means a rectangular area 222 in which thumbnails 221 of respective slides are displayed, as indicated by reference numeral 222 in FIG. 2.

이때, 본 발명의 일실시예에 따르면, 아웃라인 배치부(112)는 상기 복수의 아웃라인들을 생성할 때, 섬네일 표시 영역(220)의 크기를 확인한 후 상기 복수의 아웃라인들 각각이 섬네일 표시 영역(220)의 크기에 대비하여 미리 설정된 비율 값을 따른 크기를 갖도록 상기 복수의 아웃라인들의 크기를 결정할 수 있다.In this case, according to an embodiment of the present invention, when the outline arrangement unit 112 generates the plurality of outlines, the thumbnail arrangement area 220 checks the size of the thumbnail display area 220 and displays each of the plurality of outlines. The size of the plurality of outlines may be determined to have a size according to a preset ratio value relative to the size of the area 220.

관련해서, 상기 웹 기반의 프레젠테이션 문서를 구성하는 슬라이드들이 총 100페이지로 구성되어 있다고 하는 경우, 아웃라인 배치부(112)는 100개의 슬라이드들 각각에 대응하는 섬네일들(221)을 표시하기 위한 100개의 아웃라인들(222)을 생성하여 100개의 아웃라인들(222)을 섬네일 표시 영역(220) 상에 배치할 수 있다.In relation to this, when the slides constituting the web-based presentation document are composed of a total of 100 pages, the outline arranging unit 112 displays 100 thumbnails 221 corresponding to each of the 100 slides. 100 outlines 222 may be generated to place 100 outlines 222 on the thumbnail display area 220.

이때, 아웃라인 배치부(112)는 상기 미리 설정된 비율 값이 20%라고 하는 경우, 100개의 아웃라인들(222)을 생성할 때, 도 2에 도시된 섬네일 표시 영역(220)의 크기에 대비하여 20%의 비율 값을 갖는 크기를 갖도록 100개의 아웃라인들(222)의 크기를 결정할 수 있다.At this time, when the outline placement unit 112 generates the 100 outlines 222 when the preset ratio value is 20%, the outline placement unit 112 contrasts the size of the thumbnail display area 220 shown in FIG. 2. The size of the 100 outlines 222 can be determined to have a size having a ratio value of 20%.

이렇게, 100개의 아웃라인들(222)이 생성되어 섬네일 표시 영역(220) 상에 배치되면, 아웃라인 확인부(113)는 100개의 아웃라인들(222) 중 섬네일 표시 영역(220)을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인할 수 있다.In this way, when 100 outlines 222 are generated and disposed on the thumbnail display area 220, the outline checker 113 is currently present through the thumbnail display area 220 of the 100 outlines 222. At least one first outline exposed on the screen may be checked.

즉, 도 2에 도시된 그림과 같이, 100개의 아웃라인들(222) 중 섬네일 표시 영역(220)을 통해 총 9개의 아웃라인들이 노출되는 경우라면, 아웃라인 확인부(113)는 100개의 아웃라인들(222) 중 9개의 아웃라인들만을 상기 적어도 하나의 제1 아웃라인으로 확인할 수 있다.That is, as shown in FIG. 2, when a total of nine outlines are exposed through the thumbnail display area 220 among the 100 outlines 222, the outline checker 113 may check 100 outlines. Only nine of the lines 222 may be identified as the at least one first outline.

그 이후, 섬네일 표시부(114)는 100개의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인인 9개의 아웃라인들 각각에 대응하는 9개의 슬라이드들에 대한 문서 데이터를 기초로 9개의 슬라이드들의 섬네일(221)을 표시하기 위한 섬네일용 DOM을 생성한 후 9개의 슬라이드들에 대한 섬네일용 DOM을 기초로 상기 9개의 슬라이드들에 대한 섬네일을 섬네일 표시 영역(220) 상에 배치되어 있는 9개의 아웃라인들 상에 표시할 수 있다.Thereafter, the thumbnail display unit 114 displays thumbnails 221 of nine slides based on document data of nine slides corresponding to each of the nine outlines that are the first outline of the at least one of the 100 slides. After generating the DOM for the thumbnail for displaying the thumbnails, the thumbnails for the nine slides are displayed on the nine outlines arranged on the thumbnail display area 220 based on the DOM for the thumbnails for the nine slides. Can be marked on.

그리고, 본문 표시부(115)는 100개의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문(211)을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 첫 페이지의 슬라이드에 대한 본문(211)을 표시할 수 있다.The body display unit 115 generates a body DOM for displaying the body 211 for the slide of the first page based on the document data for the slide of the first page among 100 slides, and then displays the first page of the first page. The body 211 for the slide of the first page may be displayed on the body display area 210 based on the body DOM for the slide.

여기서, DOM이란 구조화된 문서를 표현하기 위한 객체 지향 모델을 의미하는 것으로, 브라우저는 HTML(HyperText Markup Language) 문서나 XML(Extensible Markup Language) 문서를 렌더링하기 위해 해당 문서를 구성하는 마크업 언어 코드를 파싱하여 DOM을 생성한 후 생성된 DOM을 기초로 문서를 드로잉함으로써, 화면 상에 웹 기반 문서를 표시할 수 있게 된다.Here, the DOM refers to an object-oriented model for representing a structured document, and the browser uses a markup language code constituting the document to render a HyperText Markup Language (HTML) document or an Extensible Markup Language (XML) document. After parsing the DOM and drawing the document based on the generated DOM, the web-based document can be displayed on the screen.

관련해서, 프레젠테이션 문서는 도 2에 도시된 그림과 같이, 화면 상에 본문(211)과 섬네일(221)이 표시되어야 하기 때문에 섬네일 표시부(114)와 본문 표시부(115)는 상기 웹 기반의 프레젠테이션 문서에 대한 문서 데이터를 기초로 섬네일용 DOM과 본문용 DOM을 생성한 후 섬네일용 DOM과 본문용 DOM을 기초로 화면 상에 섬네일(221)과 본문(211)을 표시하게 된다.In this regard, the presentation document, as shown in Fig. 2, the body 211 and the thumbnail 221 should be displayed on the screen, the thumbnail display unit 114 and the body display unit 115 is the web-based presentation document After generating the thumbnail DOM and the body DOM based on the document data for, the thumbnail 221 and the body 211 are displayed on the screen based on the thumbnail DOM and the DOM for the body.

이렇게, 도 2에 도시된 그림과 같이, 100페이지의 슬라이드들로 구성된 웹 기반의 프레젠테이션 문서가 오픈될 때, 화면 상에 9개의 슬라이드들에 대한 섬네일(221)과 첫 페이지의 본문(211)이 우선 로드되어 표시되면, 본 발명에 따른 클라이언트 단말 장치(110)는 나머지 슬라이드들에 대한 데이터 로드와 함께 본문 및 섬네일 DOM의 생성 처리를 백그라운드를 통해 순차적으로 수행함으로써, 100페이지에 해당되는 상기 웹 기반의 프레젠테이션 문서가 전부 로드되도록 처리할 수 있다.Thus, as shown in FIG. 2, when a web-based presentation document consisting of 100 pages of slides is opened, thumbnails 221 of the 9 slides and the body 211 of the first page are displayed on the screen. When first loaded and displayed, the client terminal device 110 according to the present invention sequentially executes a process of generating a body and a thumbnail DOM together with the data load for the remaining slides in the background, thereby providing 100 web pages corresponding to 100 pages. You can process the presentation document in to be fully loaded.

결국, 본 발명에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)는 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일에 대한 DOM을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 본문과 섬네일에 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원할 수 있다.As a result, when the client terminal device 110 supporting the fast loading of the web-based presentation document according to the present invention opens a web-based presentation document through a browser, a plurality of slides constituting the web-based presentation document may be used. Rather than loading the document data of the document and constructing the DOM for the text and thumbnails of the entire slides, the document data for some slides is loaded first and the DOM for the text and thumbnails of the slides. By configuring and displaying on the screen, it is possible to quickly support the presentation document to be displayed on the screen.

이때, 본 발명의 일실시예에 따르면, 본문 표시부(115)는 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 적어도 하나의 제1 슬라이드 중 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시할 수 있다.In this case, according to an embodiment of the present invention, the text display unit 115 displays a thumbnail of the at least one first slide on the thumbnail display area, and displays a thumbnail of the first page slide on the text display area. After the text is displayed, when a page movement with respect to the text occurs to the second slide, which is one of the at least one first slides, by the user, the second slide is based on the document data for the second slide. After generating a body DOM for displaying a body of, the body for the second slide may be displayed on the body display area based on the body DOM for the second slide.

관련해서, 도 2에 도시된 그림과 같이, 웹 기반의 프레젠테이션 문서가 오픈됨에 따라 섬네일 표시 영역(220) 상에 9개의 슬라이드들에 대한 섬네일(221)이 표시되고, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시된 이후, 사용자에 의해 섬네일 표시 영역(220) 상에 표시되고 있는 상기 9개의 슬라이드들 중 어느 하나의 슬라이드인 상기 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 본문 표시부(115)는 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 제2 슬라이드에 대한 본문을 표시할 수 있다.In relation to this, as shown in FIG. 2, as the web-based presentation document is opened, thumbnails 221 of nine slides are displayed on the thumbnail display area 220, and on the body display area 210. After the body 211 for the slide of the first page is displayed on the page, the user moves the page to the body of the second slide, which is one of the nine slides displayed on the thumbnail display area 220 by the user. When this occurs, the body display unit 115 generates a body DOM for displaying the body of the second slide based on the document data for the second slide, and then based on the body DOM for the second slide. The body for the second slide may be displayed on the body display area 210.

또한, 본 발명의 일실시예에 따르면, 아웃라인 확인부(113)는 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인할 수 있다.In addition, according to an embodiment of the present invention, the outline checking unit 113 displays thumbnails of the at least one first slide on the thumbnail display area, and slides the first page on the body display area. After the body is displayed, when a scroll movement occurs to the thumbnail display area by the user, at least one second out exposed on the screen after scroll movement through the thumbnail display area among the plurality of outlines. You can check the line.

그리고, 섬네일 표시부(114)는 상기 복수의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 적어도 하나의 제3 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제3 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제3 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제3 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시할 수 있다.The thumbnail display unit 114 displays thumbnails of the at least one third slide based on document data of at least one third slide corresponding to the at least one second outline among the plurality of slides. And generating at least one second out of the thumbnail for the at least one third slide based on the thumbnail for the at least one third slide after generating the DOM for the thumbnail for the at least one third slide. Can be displayed on the line.

이때, 본 발명의 일실시예에 따르면, 본문 표시부(115)는 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제3 슬라이드에 대한 섬네일이 표시된 이후, 상기 사용자에 의해 상기 적어도 하나의 제3 슬라이드 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제4 슬라이드에 대한 본문을 표시할 수 있다.In this case, according to an embodiment of the present invention, after the thumbnail for the at least one third slide is displayed on the thumbnail display area, the body display unit 115 selects one of the at least one third slide by the user. When a page shift with respect to the main body occurs with the fourth slide, which is one slide, the fourth slide is generated after generating a DOM for displaying the main body of the fourth slide based on the document data for the fourth slide. The body for the fourth slide may be displayed on the body display area based on the body DOM for.

관련해서, 도 2에 도시된 그림과 같이, 웹 기반의 프레젠테이션 문서가 오픈됨에 따라, 섬네일 표시 영역(220) 상에 9개의 슬라이드들에 대한 섬네일(221)이 표시되고, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시된 이후, 사용자에 의해 섬네일 표시 영역(220)에 대한 스크롤 이동이 발생하게 되면, 아웃라인 확인부(113)는 아웃라인 배치부(112)에서 생성한 100개의 슬라이드들에 대한 100개의 아웃라인들 중 섬네일 표시 영역(220)을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인할 수 있다.In relation to this, as the web-based presentation document is opened, as shown in FIG. 2, thumbnails 221 of nine slides are displayed on the thumbnail display area 220, and the body display area 210 is displayed. After the body 211 is displayed for the slide of the first page on the screen, when the scroll movement of the thumbnail display area 220 occurs by the user, the outline checking unit 113 is performed by the outline arranging unit 112. At least one second outline exposed on the screen after the scroll movement may be checked through the thumbnail display area 220 of the 100 outlines for the 100 slides.

만약, 사용자에 의해 섬네일 표시 영역(220)에 스크롤 이동이 발생하게 됨에 스크롤 이동 완료 후에 섬네일 표시 영역(220)을 통해 화면 상에 노출되는 상기 적어도 하나의 제2 아웃라인이 50~58페이지에 해당되는 9개의 슬라이드들에 대한 9개의 아웃라인들이라고 하는 경우, 아웃라인 확인부(113)는 50~58페이지에 해당되는 슬라이드들에 대한 9개의 아웃라인들을 상기 적어도 하나의 제2 아웃라인으로 확인할 수 있다.If the scroll movement is generated in the thumbnail display area 220 by the user, the at least one second outline exposed on the screen through the thumbnail display area 220 after the scroll movement is completed corresponds to pages 50 to 58. In the case of nine outlines of nine slides, the outline checker 113 identifies nine outlines of slides corresponding to pages 50 to 58 as the at least one second outline. Can be.

그 이후, 섬네일 표시부(114)는 100개의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 슬라이드인 50~58페이지에 해당되는 9개의 슬라이드들에 대한 문서 데이터를 기초로 50~58페이지에 해당되는 9개의 슬라이드들의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 50~58페이지에 해당되는 9개의 슬라이드들에 대한 섬네일용 DOM을 기초로 50~58페이지에 해당되는 9개의 슬라이드들에 대한 섬네일을 섬네일 표시 영역(220) 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시할 수 있다.Thereafter, the thumbnail display unit 114 displays pages 50 to 58 based on document data of nine slides corresponding to pages 50 to 58, which are slides corresponding to the at least one second outline of the 100 slides. After creating a DOM for thumbnails to display thumbnails of the corresponding nine slides, you can use nine thumbnails for pages 50 to 58 based on the DOM for thumbnails for pages 50 to 58. Thumbnails may be displayed on the at least one second outline disposed on the thumbnail display area 220.

즉, 본 발명에 따른 클라이언트 단말 장치(110)는 웹 기반의 프레젠테이션 문서가 오픈된 후 사용자에 의해 바로 섬네일 표시 영역(220)에서 특정 페이지의 슬라이드의 섬네일로 스크롤되도록 하는 스크롤 이동이 발생하게 되면, 해당 스크롤 이동에 따라 섬네일 표시 영역(220)을 통해 화면 상에 표시되어야 할 슬라이드들에 대한 섬네일만을 우선 로드하여 화면 상에 표시함으로써, 사용자가 빠르게 자신이 스크롤 이동시킨 부분에 대한 섬네일을 볼 수 있도록 지원할 수 있다.That is, when the client terminal device 110 according to the present invention causes a scroll movement to be scrolled to the thumbnail of the slide of a specific page in the thumbnail display area 220 immediately after the web-based presentation document is opened, According to the scroll movement, only thumbnails of slides that should be displayed on the screen are first loaded and displayed on the screen through the thumbnail display area 220 so that the user can quickly view thumbnails of portions scrolled by the user. Can support

이렇게, 사용자의 스크롤 이동에 따라, 섬네일 표시 영역(220) 상에 50~58페이지에 해당되는 9개의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 50~58페이지에 해당되는 9개의 슬라이드들 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 본문 표시부(115)는 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 제4 슬라이드에 대한 본문을 표시할 수 있다.In this way, as thumbnails of nine slides corresponding to pages 50 to 58 are displayed on the thumbnail display area 220 according to the scroll movement of the user, among the nine slides corresponding to pages 50 to 58 by the user, When a page shift with respect to the main body occurs with any of the slides, the fourth slide, the main body display unit 115 displays a main DOM for displaying the main body of the fourth slide based on the document data for the fourth slide. After generating, the body for the fourth slide may be displayed on the body display area 210 based on the body DOM for the fourth slide.

본 발명의 일실시예에 따르면, 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)는 편집 명령 확인부(116), 편집 차단 수행부(117), 편집 명령 저장부(118) 및 편집 명령 지연 적용부(119)를 더 포함할 수 있다.According to an embodiment of the present invention, the client terminal device 110 that supports fast loading of the web-based presentation document includes an edit command checking unit 116, an edit block execution unit 117, and an edit command storage unit 118. And an editing command delay applying unit 119.

편집 명령 확인부(116)는 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인한다.When the web-based presentation document is a document being edited jointly by a plurality of users, the editing command checking unit 116 displays thumbnails of the at least one first slide on the thumbnail display area. After the body for the slide of the first page is displayed on the body display area, whether or not an editing command to be applied to the remaining slides except the at least one first slide among the plurality of slides is generated by other users except the user. Check whether or not.

편집 차단 수행부(117)는 상기 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행한다.When the editing block performing unit 117 determines that at least one editing command to be applied to the remaining slides other than the at least one first slide among the plurality of slides is generated by other users except the user, Edit blocking is performed so that the at least one editing command is not reflected on the web-based presentation document.

편집 명령 저장부(118)는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장한다.The edit command storage unit 118 temporarily stores the at least one edit command in the memory in the order of occurrence of the edit command.

편집 명령 지연 적용부(119)는 상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드에 대한 섬네일이 위치하는 지점까지 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용한다.The editing command delay applying unit 119 is temporarily stored in the memory when a scroll movement of the thumbnail display area occurs until the thumbnail position of the slide on which the at least one editing command is generated is located by the user. The at least one editing command is applied sequentially on the web-based presentation document in the order of occurrence of the editing command.

관련해서, 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서라고 하면, 편집 명령 확인부(116)는 도 2에 도시된 그림과 같이, 웹 기반의 프레젠테이션 문서가 오픈됨에 따라 섬네일 표시 영역(220) 상에 9개의 슬라이드들에 대한 섬네일(221)이 표시되고, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 100개의 슬라이드들 중 섬네일 표시 영역(220) 상에서 표시되고 있는 9개의 슬라이드들을 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인할 수 있다.In relation to the above, when the web-based presentation document is a document that is being edited jointly by a plurality of users, the editing command checking unit 116 may open the web-based presentation document as shown in FIG. 2. The thumbnails 221 for nine slides are displayed on the thumbnail display area 220, and after the text 211 for the slide of the first page is displayed on the text display area 210, other users except the user are displayed. It is possible to determine whether an editing command to be applied to the remaining slides except nine slides displayed on the thumbnail display area 220 among the 100 slides is generated.

만약, 상기 사용자를 제외한 다른 유저들에 의해서 상기 100개의 슬라이드들 중 59페이지에 해당되는 슬라이드에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 59페이지에 해당되는 슬라이드는 아직 클라이언트 단말 장치(110)의 화면 상에서 섬네일이나 본문으로 표시되는 슬라이드가 아니기 때문에 시스템 리소스의 낭비를 방지하기 위해, 편집 차단 수행부(117)는 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행할 수 있다.If it is confirmed that at least one editing command to be applied to a slide corresponding to page 59 of the 100 slides is generated by other users except the user, the slide corresponding to page 59 is still a client terminal device ( In order to prevent waste of system resources because the slide is not displayed as a thumbnail or a text on the screen of 110, the edit blocking execution unit 117 is configured to prevent the at least one editing command from being reflected on the web-based presentation document. Edit blocking can be performed.

그리고, 편집 명령 저장부(118)는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장할 수 있다.In addition, the edit command storage unit 118 may temporarily store the at least one edit command in a memory in the order of occurrence of the edit command.

그 이후, 상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드인 59페이지에 해당되는 슬라이드에 대한 섬네일이 위치하는 지점까지 섬네일 표시 영역(220)에 대한 스크롤 이동이 발생하게 되면, 59페이지에 해당되는 슬라이드에 대한 섬네일이 섬네일 표시 영역(220)에서 표시되어야 하기 때문에, 편집 명령 지연 적용부(119)는 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용할 수 있다.Thereafter, when the scroll movement of the thumbnail display area 220 occurs to the point where the thumbnail for the slide corresponding to page 59, which is the slide on which the at least one editing command is generated, is moved by the user, the page corresponds to page 59. Since the thumbnail for the slide to be displayed is to be displayed in the thumbnail display area 220, the edit command delay applying unit 119 is configured to display the at least one edit command temporarily stored in the memory according to the order of occurrence of the edit command. It can be applied sequentially on a web-based presentation document.

도 3은 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.3 is a flowchart illustrating a method of operating a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention.

단계(S310)에서는 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일 표시 영역으로 구분한다.In operation S310, when a web-based presentation document is opened in a browser, a screen area in which the web-based presentation document is displayed is divided into a body display area and a thumbnail display area.

단계(S320)에서는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 각각에 대응하는 섬네일을 표시하기 위한 복수의 아웃라인들을 생성하여 상기 복수의 아웃라인들을 상기 섬네일 표시 영역 상에 배치한다.In operation S320, a plurality of outlines for displaying thumbnails corresponding to each of a plurality of slides constituting the web-based presentation document are generated, and the plurality of outlines are arranged on the thumbnail display area.

단계(S330)에서는 상기 복수의 아웃라인들이 상기 섬네일 표시 영역 상에 배치되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 현재 화면 상에 노출되는 적어도 하나의 제1 아웃라인을 확인한다.In operation S330, when the plurality of outlines are disposed on the thumbnail display area, at least one first outline exposed on the current screen is identified through the thumbnail display area of the plurality of outlines.

단계(S340)에서는 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 아웃라인에 대응하는 적어도 하나의 제1 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제1 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제1 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제1 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제1 아웃라인 상에 표시한다.In operation S340, a thumbnail for displaying thumbnails of the at least one first slide based on document data of at least one first slide corresponding to the at least one first outline among the plurality of slides. After generating a DOM, a thumbnail for the at least one first slide is based on the thumbnail display area on the at least one first outline based on the DOM for the thumbnail for the at least one first slide. Display.

단계(S350)에서는 상기 복수의 슬라이드들 중 첫 페이지의 슬라이드에 대한 문서 데이터를 기초로 상기 첫 페이지의 슬라이드에 대한 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 첫 페이지의 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시한다.In step S350, after generating a body DOM for displaying a body for the slide of the first page based on the document data for the slide of the first page of the plurality of slides, the body for the slide of the first page The body for the slide of the first page is displayed on the body display area based on the DOM.

이때, 본 발명의 일실시예에 따르면, 단계(S320)에서는 상기 복수의 아웃라인들을 생성할 때, 상기 섬네일 표시 영역의 크기를 확인한 후 상기 복수의 아웃라인들 각각이 상기 섬네일 표시 영역의 크기에 대비하여 미리 설정된 비율 값을 따른 크기를 갖도록 상기 복수의 아웃라인들의 크기를 결정할 수 있다.At this time, according to an embodiment of the present invention, when generating the plurality of outlines, after confirming the size of the thumbnail display area, each of the plurality of outlines is determined by the size of the thumbnail display area. In contrast, the sizes of the plurality of outlines may be determined to have a size according to a preset ratio value.

또한, 본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 적어도 하나의 제1 슬라이드 중 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드에 대한 문서 데이터를 기초로 상기 제2 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제2 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하는 단계를 더 포함할 수 있다.In addition, according to an embodiment of the present invention, in a method of operating a client terminal device supporting fast loading of the web-based presentation document, thumbnails of the at least one first slide are displayed on the thumbnail display area. After the body for the slide of the first page is displayed on the body display area, if the page movement to the body occurs to the second slide which is any one of the at least one first slide by the user, 2 generates a body DOM for displaying the body of the second slide based on document data for the slide, and then displays the second slide on the body display area based on the body DOM for the second slide. The method may further include displaying a text.

또한, 본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후, 사용자에 의해 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 복수의 아웃라인들 중 상기 섬네일 표시 영역을 통해 스크롤 이동 후의 화면 상에 노출되는 적어도 하나의 제2 아웃라인을 확인하는 단계 및 상기 복수의 슬라이드들 중 상기 적어도 하나의 제2 아웃라인에 대응하는 적어도 하나의 제3 슬라이드에 대한 문서 데이터를 기초로 상기 적어도 하나의 제3 슬라이드의 섬네일을 표시하기 위한 섬네일용 DOM을 생성한 후 상기 적어도 하나의 제3 슬라이드에 대한 섬네일용 DOM을 기초로 상기 적어도 하나의 제3 슬라이드에 대한 섬네일을 상기 섬네일 표시 영역 상에 배치되어 있는 상기 적어도 하나의 제2 아웃라인 상에 표시하는 단계를 더 포함할 수 있다.In addition, according to an embodiment of the present invention, in a method of operating a client terminal device supporting fast loading of the web-based presentation document, thumbnails of the at least one first slide are displayed on the thumbnail display area. After the body for the slide of the first page is displayed on the body display area, if a scroll movement to the thumbnail display area occurs by the user, after the scroll movement through the thumbnail display area of the plurality of outlines Identifying at least one second outline exposed on the screen and the at least one based on document data for at least one third slide corresponding to the at least one second outline of the plurality of slides After creating the DOM for the thumbnails to display the thumbnails of the third slide in Displaying thumbnails for the at least one third slide on the at least one second outline disposed on the thumbnail display area based on the DOM for thumbnails for at least one third slide. can do.

이때, 본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제3 슬라이드에 대한 섬네일이 표시된 이후, 상기 사용자에 의해 상기 적어도 하나의 제3 슬라이드 중 어느 하나의 슬라이드인 제4 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제4 슬라이드에 대한 문서 데이터를 기초로 상기 제4 슬라이드의 본문을 표시하기 위한 본문용 DOM을 생성한 후 상기 제4 슬라이드에 대한 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제4 슬라이드에 대한 본문을 표시하는 단계를 더 포함할 수 있다.In this case, according to an embodiment of the present invention, in the operating method of the client terminal device supporting the fast loading of the web-based presentation document, after the thumbnail for the at least one third slide is displayed on the thumbnail display area, When the page movement to the body occurs to the fourth slide, which is one of the at least one third slide, by the user, the body of the fourth slide is displayed on the basis of the document data for the fourth slide. The method may further include displaying a body for the fourth slide on the body display area based on the body DOM for the fourth slide after generating a body DOM for the fourth slide.

본 발명의 일실시예에 따르면, 상기 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 섬네일 표시 영역 상에 상기 적어도 하나의 제1 슬라이드에 대한 섬네일이 표시되고, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시된 이후에 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 편집 명령이 발생하는지 여부를 확인하는 단계, 상기 사용자를 제외한 다른 유저들에 의해서 상기 복수의 슬라이드들 중 상기 적어도 하나의 제1 슬라이드를 제외한 나머지 슬라이드들에 적용될 적어도 하나의 편집 명령이 발생하는 것으로 확인되는 경우, 상기 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행하는 단계, 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장하는 단계 및 상기 사용자에 의해 상기 적어도 하나의 편집 명령이 발생한 슬라이드에 대한 섬네일이 위치하는 지점까지 상기 섬네일 표시 영역에 대한 스크롤 이동이 발생하게 되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용하는 단계를 더 포함할 수 있다.According to an embodiment of the present invention, a method of operating a client terminal device supporting fast loading of the web-based presentation document may include: when the web-based presentation document is a document being edited jointly by a plurality of users, The thumbnails of the at least one first slide are displayed on a thumbnail display area, and the plurality of slides are displayed by other users except the user after the text of the first page slide is displayed on the body display area. Checking whether an editing command to be applied to the remaining slides other than the at least one first slide is generated; other than the at least one first slide among the plurality of slides by other users except the user. At least one piece to be applied to the remaining slides If it is determined that the command occurs, performing an editing block so that the at least one edit command is not reflected on the web-based presentation document, and placing the at least one edit command in memory according to the order of occurrence of the edit command. Storing in the memory and temporarily scrolling the thumbnail display area to a point at which the thumbnail for the slide on which the at least one editing command has occurred is located. The method may further include sequentially applying one edit command to the web-based presentation document according to the order of occurrence of the edit command.

이상, 도 3을 참조하여 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법에 대해 설명하였다. 여기서, 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 도 1과 도 2를 이용하여 설명한 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치(110)의 동작에 대한 구성과 대응될 수 있으므로, 이에 대한 보다 상세한 설명은 생략하기로 한다.In the above, the operating method of the client terminal device supporting the fast loading of the web-based presentation document according to an embodiment of the present invention has been described with reference to FIG. 3. Here, the operation method of the client terminal device supporting the fast loading of the web-based presentation document according to an embodiment of the present invention is a client terminal supporting the fast loading of the web-based presentation document described using Figs. Since it may correspond to the configuration of the operation of the device 110, a more detailed description thereof will be omitted.

본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램으로 구현될 수 있다.An operating method of a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention may be implemented as a computer program stored in a storage medium for execution by combining with a computer.

또한, 본 발명의 일실시예에 따른 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치의 동작 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. In addition, an operation method of a client terminal device supporting fast loading of a web-based presentation document according to an embodiment of the present invention may be implemented in program instruction form that can be executed by various computer means to be recorded on a computer readable medium. Can be. The computer readable medium may include program instructions, data files, data structures, etc. alone or in combination. Program instructions recorded on the media may be those specially designed and constructed for the purposes of the present invention, or they may be of the kind well-known and available to those having skill in the computer software arts. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tape, optical media such as CD-ROMs, DVDs, and magnetic disks, such as floppy disks. Magneto-optical media, and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like. Examples of program instructions include not only machine code generated by a compiler, but also high-level language code that can be executed by a computer using an interpreter or the like.

이상과 같이 본 발명에서는 구체적인 구성 요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다. In the present invention as described above has been described by the specific embodiments, such as specific components and limited embodiments and drawings, but this is provided to help a more general understanding of the present invention, the present invention is not limited to the above embodiments. For those skilled in the art, various modifications and variations are possible from these descriptions.

따라서, 본 발명의 사상은 설명된 실시예에 국한되어 정해져서는 아니되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등하거나 등가적 변형이 있는 모든 것들은 본 발명 사상의 범주에 속한다고 할 것이다.Therefore, the spirit of the present invention should not be limited to the described embodiments, and all the things that are equivalent to or equivalent to the claims as well as the following claims will belong to the scope of the present invention. .

110: 웹 기반의 프레젠테이션 문서의 빠른 로딩을 지원하는 클라이언트 단말 장치
111: 영역 구분부 112: 아웃라인 배치부
113: 아웃라인 확인부 114: 섬네일 표시부
115: 본문 표시부 116: 편집 명령 확인부
117: 편집 차단 수행부 118: 편집 명령 저장부
119: 편집 명령 지연 적용부110: client terminal device supporting fast loading of web-based presentation document
111: area divider 112: outline arrangement
113: outline confirmation unit 114: thumbnail display unit
115: text display unit 116: edit command confirmation unit
117: edit block execution unit 118: edit command storage unit
119: edit command delay application

Claims

An area separator for dividing a screen area on which the web-based presentation document is to be displayed into a body display area and a thumbnail display area when the web-based presentation document is opened on a browser;
An outline arranging unit which generates a plurality of outlines for displaying thumbnails corresponding to each of a plurality of slides constituting the web-based presentation document and arranges the plurality of outlines on the thumbnail display area;
An outline checking unit that checks at least one first outline exposed on the current screen through the thumbnail display area of the plurality of outlines when the plurality of outlines are disposed on the thumbnail display area;
A document object model for thumbnails for displaying thumbnails of the at least one first slide based on document data for at least one first slide corresponding to the at least one first outline of the plurality of slides. An object model (DOM) and generating at least one first thumbnail for the at least one first slide on the thumbnail display area based on the DOM for the thumbnail for the at least one first slide. A thumbnail display unit for displaying on the outline; And
After generating a body DOM for displaying the body for the slide of the first page based on the document data for the slide of the first page of the plurality of slides and based on the body DOM for the slide of the first page Body display unit for displaying the body of the slide of the first page on the body display area
Client terminal device that supports the fast loading of the web-based presentation document comprising a.

The method of claim 1,
The outline arrangement portion
When generating the plurality of outlines, after checking the size of the thumbnail display area, each of the plurality of outlines has a size according to a preset ratio value relative to the size of the thumbnail display area. A client terminal device that supports fast loading of web-based presentation documents to determine their size.

The method of claim 1,
The body display unit
After the thumbnail for the at least one first slide is displayed on the thumbnail display area, and the body for the slide of the first page is displayed on the body display area, any one of the at least one first slide is displayed by the user. When a page movement with respect to the main body occurs with a second slide, which is one slide, the second slide is generated after generating a DOM for displaying a main body of the second slide based on the document data of the second slide. And a client terminal device supporting fast loading of a web-based presentation document displaying a body for the second slide on the body display area based on a body DOM for the body.

The method of claim 1,
The outline confirmation unit
After the thumbnail for the at least one first slide is displayed on the thumbnail display area, and the body for the slide of the first page is displayed on the body display area, scroll movement of the thumbnail display area is performed by the user. When at least one of the plurality of outlines is identified, at least one second outline exposed on the screen after scroll movement through the thumbnail display area is checked.
The thumbnail display unit
After generating a DOM for thumbnails for displaying thumbnails of the at least one third slide based on document data for at least one third slide corresponding to the at least one second outline of the plurality of slides A web-based display of thumbnails for the at least one third slide on the at least one second outline disposed on the thumbnail display area based on the DOM for thumbnails for the at least one third slide Client terminal device supporting fast loading of presentation documents.

The method of claim 4, wherein
The body display unit
When a thumbnail for the at least one third slide is displayed on the thumbnail display area, a page movement to the body occurs by the user to a fourth slide, which is one of the at least one third slide. And generating a body DOM for displaying a body of the fourth slide based on document data for the fourth slide, and then displaying the fourth on the body display area based on the body DOM for the fourth slide. A client terminal device that supports fast loading of web-based presentation documents that display the body for a slide.

The method of claim 1,
When the web-based presentation document is a document being edited jointly by a plurality of users, thumbnails for the at least one first slide are displayed on the thumbnail display area, and the first page on the body display area. Editing command checking unit for checking whether the editing command to be applied to the remaining slides other than the at least one first slide among the plurality of slides generated by the user other than the user after the main body of the slide of the display is displayed; ;
If it is confirmed by the user other than the user that at least one editing command to be applied to the remaining slides except the at least one first slide among the plurality of slides is generated, the at least one editing command is generated. An edit block performing unit to block the edit so that the web-based presentation document is not reflected;
An editing command storage unit for temporarily storing the at least one editing command on a memory according to a generation order of the editing commands; And
If the scroll movement of the thumbnail display area occurs to the point where the thumbnail for the slide on which the at least one edit command has occurred is generated by the user, the at least one edit command temporarily stored in the memory is edited. Editing command delay applying unit for sequentially applying on the web-based presentation document according to the order of command generation
Client terminal device that supports the fast loading of the web-based presentation document further comprising.

When a web-based presentation document is opened on a browser, dividing a screen area on which the web-based presentation document is to be displayed into a body display area and a thumbnail display area;
Generating a plurality of outlines for displaying thumbnails corresponding to each of a plurality of slides constituting the web-based presentation document and disposing the plurality of outlines on the thumbnail display area;
If the plurality of outlines are disposed on the thumbnail display area, identifying at least one first outline exposed on the current screen through the thumbnail display area of the plurality of outlines;
A document object model for thumbnails for displaying thumbnails of the at least one first slide based on document data for at least one first slide corresponding to the at least one first outline of the plurality of slides. An object model (DOM) and generating at least one first thumbnail for the at least one first slide on the thumbnail display area based on the DOM for the thumbnail for the at least one first slide. Marking on the outline; And
After generating a body DOM for displaying the body for the slide of the first page based on the document data for the slide of the first page of the plurality of slides and based on the body DOM for the slide of the first page Displaying a body for the slide of the first page on a body display area
Method of operation of a client terminal device that supports fast loading of a web-based presentation document comprising a.

The method of claim 7, wherein
The placing step
When generating the plurality of outlines, after checking the size of the thumbnail display area, each of the plurality of outlines has a size according to a preset ratio value relative to the size of the thumbnail display area. A method of operating a client terminal device that supports fast loading of a web-based presentation document to determine the size of the files.

The method of claim 7, wherein
After the thumbnail for the at least one first slide is displayed on the thumbnail display area, and the body for the slide of the first page is displayed on the body display area, any one of the at least one first slide is displayed by the user. When a page movement with respect to the main body occurs with a second slide, which is one slide, the second slide is generated after generating a DOM for displaying a main body of the second slide based on the document data of the second slide. Displaying a body for the second slide on the body display area based on a body DOM for;
Operating method of the client terminal device that supports the fast loading of the web-based presentation document further comprising.

The method of claim 7, wherein
After the thumbnail for the at least one first slide is displayed on the thumbnail display area, and the body for the slide of the first page is displayed on the body display area, scroll movement of the thumbnail display area is performed by the user. If it occurs, identifying at least one second outline exposed on the screen after the scroll movement through the thumbnail display area of the plurality of outlines; And
After generating a DOM for thumbnails for displaying thumbnails of the at least one third slide based on document data for at least one third slide corresponding to the at least one second outline of the plurality of slides Displaying thumbnails for the at least one third slide on the at least one second outline disposed on the thumbnail display area based on the DOM for thumbnails for the at least one third slide
Operating method of the client terminal device that supports the fast loading of the web-based presentation document further comprising.

The method of claim 10,
When a thumbnail for the at least one third slide is displayed on the thumbnail display area, a page movement to the body occurs by the user to a fourth slide, which is one of the at least one third slide. And generating a body DOM for displaying a body of the fourth slide based on document data for the fourth slide, and then displaying the fourth on the body display area based on the body DOM for the fourth slide. Steps to Display the Body for a Slide
Operating method of the client terminal device that supports the fast loading of the web-based presentation document further comprising.

The method of claim 7, wherein
When the web-based presentation document is a document being edited jointly by a plurality of users, thumbnails for the at least one first slide are displayed on the thumbnail display area, and the first page on the body display area. Determining whether an editing command to be applied to the remaining slides other than the at least one first slide among the plurality of slides is generated by other users except the user after the body text of the slide of the user is displayed;
If it is confirmed by the user other than the user that at least one editing command to be applied to the remaining slides except the at least one first slide among the plurality of slides is generated, the at least one editing command is generated. Performing editing blocks to not be reflected on the web-based presentation document;
Temporarily storing the at least one edit command in a memory according to a generation order of the edit command; And
If the scroll movement of the thumbnail display area occurs to the point where the thumbnail for the slide on which the at least one edit command has occurred is generated by the user, the at least one edit command temporarily stored in the memory is edited. Sequentially applying on the web-based presentation document according to the order of occurrence of the command
Operating method of the client terminal device that supports the fast loading of the web-based presentation document further comprising.

A computer-readable recording medium having recorded thereon a program for performing the method of any one of claims 7 to 12.

A computer program stored in a storage medium for executing the method of any one of claims 7 to 12 in combination with a computer.