[go: up one dir, main page]

KR102067497B1 - Client terminal device for performing fast screen display of a web-based presentation document through delay loading of data and operating method thereof - Google Patents

Client terminal device for performing fast screen display of a web-based presentation document through delay loading of data and operating method thereof Download PDF

Info

Publication number
KR102067497B1
KR102067497B1 KR1020180060851A KR20180060851A KR102067497B1 KR 102067497 B1 KR102067497 B1 KR 102067497B1 KR 1020180060851 A KR1020180060851 A KR 1020180060851A KR 20180060851 A KR20180060851 A KR 20180060851A KR 102067497 B1 KR102067497 B1 KR 102067497B1
Authority
KR
South Korea
Prior art keywords
slide
page
dom
slides
thumbnail
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
KR1020180060851A
Other languages
Korean (ko)
Other versions
KR20190135617A (en
Inventor
김철용
이승기
경선희
Original Assignee
주식회사 한글과컴퓨터
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 한글과컴퓨터 filed Critical 주식회사 한글과컴퓨터
Priority to KR1020180060851A priority Critical patent/KR102067497B1/en
Publication of KR20190135617A publication Critical patent/KR20190135617A/en
Application granted granted Critical
Publication of KR102067497B1 publication Critical patent/KR102067497B1/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Tourism & Hospitality (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Health & Medical Sciences (AREA)
  • Economics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치 및 그 동작 방법이 개시된다. 본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(thumbnail)에 대한 문서 객체 모델(Document Object Model: DOM)을 구성한 후 화면 상에 표시하는 것이 아니라, 일부 슬라이드들에 대한 문서 데이터만을 우선 로드한 후 해당 슬라이드들의 본문과 섬네일에 대한 DOM을 구성하여 화면 상에 표시함으로써, 신속하게 프레젠테이션 문서가 화면 상에 표시될 수 있도록 지원하는 문서 표시 기법을 제공할 수 있다.Disclosed are a client terminal apparatus and a method of operating the same, which perform fast screen display of a web-based presentation document through delayed loading of data. 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 body and thumbnails of the slides is constructed. By displaying on the screen, it is possible to provide a document display technique that enables the presentation document to be displayed on the screen quickly.

Description

데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치 및 그 동작 방법{CLIENT TERMINAL DEVICE FOR PERFORMING FAST SCREEN DISPLAY OF A WEB-BASED PRESENTATION DOCUMENT THROUGH DELAY LOADING OF DATA AND OPERATING METHOD THEREOF}CLIENT TERMINAL DEVICE FOR PERFORMING FAST SCREEN DISPLAY OF A WEB-BASED PRESENTATION DOCUMENT THROUGH DELAY LOADING OF DATA 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.

또한, 사용자가 클라이언트 단말 장치를 통해 웹 기반의 프레젠테이션 문서를 오픈한 후 각 슬라이드를 전체 화면으로 보여주는 기능인 슬라이드 쇼 기능을 실행시키는 경우, 기존의 클라이언트 단말 장치는 웹 기반의 프레젠테이션 문서를 구성하는 전체 페이지의 슬라이드들에 대한 슬라이드 쇼 화면과 연관된 DOM을 구성완료한 후 각 페이지에 대한 슬라이드 쇼 화면을 화면 상에 표시한다는 점에서 슬라이드 쇼 화면을 표시하기까지 많은 시간이 소요될 수 있었다.In addition, when a user opens a web-based presentation document through a client terminal device and then executes a slide show function, which is a function of displaying each slide in full screen, the existing client terminal device is a full page constituting a web-based presentation document. After completing the DOM associated with the slide show screens for the slides of the slides, the slide show screen for each page could be 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 are loaded first, and then the DOM for the body and thumbnails 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) 표시 영역으로 구분하는 영역 구분부, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 중 첫 페이지의 슬라이드를 시작으로 해서 선정된(predetermined) 개수의 슬라이드들만의 문서 데이터를 로드하는 문서 데이터 로드부, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터가 로드되면, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 선정된 개수의 슬라이드들의 본문을 표시하기 위한 본문용 문서 객체 모델(Document Object Model: DOM)과 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들의 섬네일을 표시하기 위한 섬네일 DOM을 생성하는 DOM 생성부 및 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하고, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일을 일렬로 나열하여 표시하는 슬라이드 표시부를 포함한다.According to an embodiment of the present invention, a client terminal device that performs a quick screen display of a web-based presentation document through delayed loading of data may display the web-based presentation document when the web-based presentation document is opened in a browser. An area divider for dividing a screen area to be divided into a body display area and a thumbnail display area, and a predetermined number of numbers starting from the first page of the slides constituting the web-based presentation document A document data loading unit for loading document data of only slides, and when document data for the selected number of slides is loaded, the selection on the body display area based on document data for the selected number of slides Text to display the text of a number of slides A DOM generator for generating a Document Object Model (DOM) and a thumbnail DOM for displaying thumbnails of the predetermined number of slides on the thumbnail display area, and a DOM for text for the predetermined number of slides And a thumbnail DOM is generated, displaying the body of the slide of the first page on the body display area based on the body DOM corresponding to the slide of the first page among the body DOM for the selected number of slides. And a slide display unit arranged to display, in a row, thumbnails of the selected number of slides on the thumbnail display area based on the thumbnail DOM of the selected number of slides.

또한, 본 발명의 일실시예에 따른 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법은 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분하는 단계, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 중 첫 페이지의 슬라이드를 시작으로 해서 선정된(predetermined) 개수의 슬라이드들만의 문서 데이터를 로드하는 단계, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터가 로드되면, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 선정된 개수의 슬라이드들의 본문을 표시하기 위한 본문용 문서 객체 모델(Document Object Model: DOM)과 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들의 섬네일을 표시하기 위한 섬네일 DOM을 생성하는 단계 및 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하고, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일을 일렬로 나열하여 표시하는 단계를 포함한다.In addition, in the method of operating a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of data according to an embodiment of the present invention, when the web-based presentation document is opened in a browser, the web-based presentation document is executed. Dividing the screen area in which the presentation document of the document is to be displayed into a body display area and a thumbnail display area, and starting from the first page of the plurality of slides constituting the web-based presentation document. Loading document data of only the number of slides, and if document data for the selected number of slides is loaded, selecting the document data on the body display area based on document data of the selected number of slides. Text door to display the text of a number of slides Generating a thumbnail DOM for displaying thumbnails of the predetermined number of slides on a document object model (DOM) and the thumbnail display area; and a body DOM and thumbnails for the predetermined number of slides. When the DOM is generated, the body for the slide of the first page is displayed on the body display area based on the body DOM corresponding to the slide of the first page among the body DOM for the predetermined number of slides, And displaying thumbnails of the selected number of slides in a line on the thumbnail display area based on the thumbnail DOM of the selected number of slides.

본 발명은 클라이언트 단말 장치에 탑재된 브라우저를 통해 웹 기반의 프레젠테이션 문서가 오픈되면, 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 전체의 문서 데이터를 로드하여 복수의 슬라이드들 전체의 본문과 섬네일(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 body and thumbnails of the slides is constructed. By displaying on the screen, it is possible to provide a document display technique that enables the presentation document to be displayed on the screen quickly.

도 1은 본 발명의 일실시예에 따른 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 2는 본 발명의 일실시예에 따른 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작을 설명하기 위한 도면이다.
도 3은 본 발명의 일실시예에 따른 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.1 is a diagram illustrating a structure of a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of data according to an embodiment of the present invention.
FIG. 2 is a diagram for describing an operation of a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of data according to an embodiment of the present invention.
3 is a flowchart illustrating a method of operating a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of data 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 for performing a quick screen display of a web-based presentation document through lazy loading of data according to an embodiment of the present invention.

도 1을 참조하면, 본 발명에 따른 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치(110)는 영역 구분부(111), 문서 데이터 로드부(112), DOM 생성부(113) 및 슬라이드 표시부(114)를 포함한다.Referring to FIG. 1, a client terminal device 110 for performing a quick screen display of a web-based presentation document through delayed loading of data according to the present invention includes an area separator 111, a document data load 112, The DOM generator 113 and the slide display unit 114 are included.

영역 구분부(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)는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 중 첫 페이지의 슬라이드를 시작으로 해서 선정된(predetermined) 개수의 슬라이드들만의 문서 데이터를 로드한다.The document data loading unit 112 loads document data of only a predetermined number of slides starting from the first page of the plurality of slides constituting the web-based presentation document.

DOM 생성부(113)는 상기 선정된 개수의 슬라이드들에 대한 문서 데이터가 로드되면, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 선정된 개수의 슬라이드들의 본문을 표시하기 위한 본문용 문서 객체 모델(Document Object Model: DOM)과 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들의 섬네일을 표시하기 위한 섬네일 DOM을 생성한다.When the document data for the selected number of slides is loaded, the DOM generator 113 may load the text of the selected number of slides on the body display area based on the document data for the selected number of slides. A document object model (DOM) for displaying a text and a thumbnail DOM for displaying thumbnails of the predetermined number of slides are generated on the thumbnail display area.

슬라이드 표시부(114)는 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하고, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일을 일렬로 나열하여 표시한다.When the body DOM and the thumbnail DOM for the selected number of slides are generated, the slide display unit 114 displays the body DOM corresponding to the slide of the first page among the body DOM for the selected number of slides. Display a body of the slide of the first page on the body display area on the basis, and thumbnails of the selected number of slides on the thumbnail display area based on the thumbnail DOM of the predetermined number of slides. List them in a line.

관련해서, 도 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)는 상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 중 첫 페이지의 슬라이드를 시작으로 해서 선정된(predetermined) 개수의 슬라이드들만의 문서 데이터를 로드할 수 있다.The document data loading unit 112 may load document data of only a predetermined number of slides starting from the first page of the plurality of slides constituting the web-based presentation document.

관련해서, 상기 웹 기반의 프레젠테이션 문서를 구성하는 슬라이드들이 총 100페이지로 구성되어 있고, 상기 선정된 개수를 4개라고 하는 경우, 문서 데이터 로드부(112)는 상기 웹 기반의 프레젠테이션 문서를 구성하는 전체 100페이지의 슬라이드들 중 첫 페이지의 슬라이드를 시작으로 해서 총 4페이지까지의 슬라이드들만의 문서 데이터를 로드할 수 있다.In this regard, when the slides constituting the web-based presentation document are composed of a total of 100 pages, and the selected number is four, the document data loading unit 112 configures the web-based presentation document. Document data of only slides up to 4 pages can be loaded, starting with the first page of the 100-page slides.

이렇게, 4개의 슬라이드들에 대한 문서 데이터가 로드되면, DOM 생성부(113)는 4개의 슬라이드들에 대한 문서 데이터를 기초로 본문 표시 영역(210) 상에 4개의 슬라이드들의 본문을 표시하기 위한 본문용 DOM과 섬네일 표시 영역(220) 상에 4개의 슬라이드들의 섬네일을 표시하기 위한 섬네일 DOM을 생성할 수 있다.Thus, when document data for four slides is loaded, the DOM generator 113 displays a body for displaying the body of four slides on the body display area 210 based on the document data for the four slides. And a thumbnail DOM for displaying thumbnails of four slides on the thumbnail display area 220.

여기서, 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에 도시된 그림과 같이, 화면 상에 본문과 섬네일이 표시되어야 하기 때문에 DOM 생성부(113)는 상기 웹 기반의 프레젠테이션 문서에 대한 문서 데이터를 기초로 본문용 DOM과 섬네일 DOM을 생성하게 된다.In this regard, since the presentation document should display the text and thumbnails on the screen, as shown in FIG. 2, the DOM generator 113 displays the DOM for the text based on the document data for the web-based presentation document. You will create a thumbnail DOM.

이렇게, DOM 생성부(113)에 의해 4개의 슬라이드들에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 슬라이드 표시부(114)는 4개의 슬라이드들에 대한 본문용 DOM 중 첫 페이지의 슬라이드에 대응하는 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 첫 페이지의 슬라이드에 대한 본문(211)을 표시하고, 4개의 슬라이드들에 대한 섬네일 DOM을 기초로 섬네일 표시 영역(220) 상에 4개의 슬라이드들에 대한 섬네일(221)을 일렬로 나열하여 표시할 수 있다.Thus, when the DOM and thumbnail DOM for the four slides are generated by the DOM generator 113, the slide display unit 114 corresponds to the slide of the first page of the DOM for the four slides. Display the body 211 for the slide of the first page on the body display area 210 based on the application DOM, and four slides on the thumbnail display area 220 based on the thumbnail DOM for the four slides. The thumbnails 221 for the fields may be displayed in a line.

이때, 슬라이드 표시부(114)는 섬네일 표시 영역(220) 상에 상기 4개의 슬라이드들을 제외한 나머지 5페이지에서 100페이지에 해당되는 슬라이드들에 대한 섬네일을 도 2에 도시된 그림과 같이, 섬네일이 존재한다는 정보를 제공하기 위해 윤곽선만 구성해서 화면 상에 표시할 수 있다.In this case, the slide display unit 114 displays thumbnails of slides corresponding to five to 100 pages other than the four slides on the thumbnail display area 220 as shown in FIG. 2. To provide information, only the outline can be constructed and displayed on the screen.

이렇게, 4개의 슬라이드들에 대한 로드가 우선 완료되면, 본 발명에 따른 클라이언트 단말 장치(110)는 나머지 슬라이드들에 대한 데이터 로드와 함께 본문 및 섬네일 DOM의 생성 처리를 백그라운드를 통해 순차적으로 수행함으로써, 100페이지에 해당되는 상기 웹 기반의 프레젠테이션 문서가 전부 로드되도록 처리할 수 있다.As such, when the loading of the four slides is completed first, the client terminal device 110 according to the present invention sequentially performs the generation process of the body and the thumbnail DOM together with the data loading of the remaining slides through the background, The web-based presentation document corresponding to 100 pages can be processed to be completely loaded.

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

이때, 본 발명의 일실시예에 따르면, 슬라이드 표시부(114)는 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중 어느 하나의 슬라이드인 제1 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 제1 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제1 슬라이드에 대한 본문을 표시할 수 있다.In this case, according to an embodiment of the present invention, the slide display unit 114 displays a body of the slide of the first page on the body display area, and a slide of the predetermined number of slides on the thumbnail display area. After the thumbnail is displayed, when a page movement to the main body occurs to the first slide which is one of the slides of the selected number by the user, the first of the DOMs for the body of the selected number of slides is generated. The body for the first slide may be displayed on the body display area based on the body DOM corresponding to one slide.

관련해서, 도 2에 도시된 그림과 같이, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시되고, 섬네일 표시 영역(220) 상에 4개의 슬라이드들에 대한 섬네일(221)이 표시된 이후, 사용자에 의해 상기 4개의 슬라이드들 중 어느 하나의 슬라이드인 상기 제1 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 슬라이드 표시부(114)는 DOM 생성부(113)에서 이미 생성해 둔 상기 4개의 슬라이드들에 대한 본문용 DOM 중 상기 제1 슬라이드에 대한 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 제1 슬라이드에 대한 본문을 표시할 수 있다.In relation to this, as shown in FIG. 2, the text 211 for the first page slide is displayed on the text display area 210, and the thumbnails for the four slides are displayed on the thumbnail display area 220. After the display 221 is displayed, when a page movement of the main body occurs to the first slide, which is one of the four slides, by the user, the slide display unit 114 is already generated by the DOM generator 113. The body for the first slide may be displayed on the body display area 210 based on the body DOM for the first slide among the body DOM for the four slides.

또한, 본 발명의 일실시예에 따르면, 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중에 속하지 않는 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 문서 데이터 로드부(112)는 상기 제2 슬라이드와 상기 제2 슬라이드의 이전 페이지에 해당하는 이전 슬라이드 및 상기 제2 슬라이드의 이후 페이지에 해당하는 이후 슬라이드에 대한 문서 데이터를 추가로 로드할 수 있다.In addition, according to an embodiment of the present invention, after the body for the slide of the first page is displayed on the body display area, and thumbnails for the predetermined number of slides are displayed on the thumbnail display area, the user When the page movement to the body occurs to the second slide which is any one of the slides that do not belong to the selected number of slides, the document data loading unit 112 transfers the second slide and the second slide Document data for a previous slide corresponding to a page and a subsequent slide corresponding to a subsequent page of the second slide may be further loaded.

그리고, DOM 생성부(113)는 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터가 로드되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 본문을 표시하기 위한 본문용 DOM과 상기 섬네일 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 섬네일을 표시하기 위한 섬네일 DOM을 생성할 수 있다. When the document data for the second slide, the previous slide, and the subsequent slide are loaded, the DOM generation unit 113 based on the document data for the second slide, the previous slide, and the subsequent slide, the main body. Body DOM for displaying the body of the second slide, the previous slide and the subsequent slide on the display area and thumbnails for displaying the thumbnail of the second slide, the previous slide and the subsequent slide on the thumbnail display area. You can create a thumbnail DOM.

그 이후, 슬라이드 표시부(114)는 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM 중 상기 제2 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하고, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 이전 슬라이드, 상기 제2 슬라이드 및 상기 이후 슬라이드에 대한 섬네일을 일렬로 나열하여 표시할 수 있다.After that, when the body DOM and thumbnail DOM for the second slide, the previous slide, and the subsequent slide are generated, the slide display unit 114 displays the DOM for the body for the second slide, the previous slide, and the subsequent slide. A body for the second slide is displayed on the body display area based on a body DOM corresponding to the second slide, and based on thumbnail DOMs for the second slide, the previous slide, and the subsequent slide. Thumbnails for the previous slide, the second slide, and the subsequent slide may be arranged in a line on the thumbnail display area.

관련해서, 도 2에 도시된 그림과 같이, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시되고, 섬네일 표시 영역(220) 상에 4개의 슬라이드들에 대한 섬네일(221)이 표시된 이후, 사용자에 의해 상기 4개의 슬라이드들 중에 속하지 않는 어느 하나의 슬라이드인 상기 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드에 대해서는 본문용 DOM과 섬네일 DOM이 생성되어 있지 않기 때문에, 문서 데이터 로드부(112)는 상기 제2 슬라이드와 상기 제2 슬라이드의 이전 페이지에 해당하는 이전 슬라이드 및 상기 제2 슬라이드의 이후 페이지에 해당하는 이후 슬라이드에 대한 문서 데이터를 추가로 로드할 수 있다.In relation to this, as shown in FIG. 2, the text 211 for the first page slide is displayed on the text display area 210, and the thumbnails for the four slides are displayed on the thumbnail display area 220. After page 221 is displayed, when a page movement to the body occurs to the second slide, which is one of the four slides, which is not included among the four slides, the body DOM and thumbnail DOM are stored for the second slide. Since it is not generated, the document data loading unit 112 adds document data about the previous slide corresponding to the second page and the previous page of the second slide and the subsequent slide corresponding to the subsequent page of the second slide. Can be loaded.

그러고 나서, DOM 생성부(113)는 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터가 로드되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터를 기초로 본문 표시 영역(210) 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 본문을 표시하기 위한 본문용 DOM과 섬네일 표시 영역(220) 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 섬네일을 표시하기 위한 섬네일 DOM을 생성할 수 있다. Then, when the document data for the second slide, the previous slide and the subsequent slide is loaded, the DOM generator 113 may be configured based on the document data for the second slide, the previous slide, and the subsequent slide. Body DOM for displaying the body of the second slide, the previous slide and the subsequent slide on the display area 210 and the thumbnail of the second slide, the previous slide and the subsequent slide on the display area 220 You can create a thumbnail DOM to display thumbnails.

그 이후, 슬라이드 표시부(114)는 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM 중 상기 제2 슬라이드에 대응하는 본문용 DOM을 기초로 본문 표시 영역(210) 상에 상기 제2 슬라이드에 대한 본문을 표시하고, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 섬네일 DOM을 기초로 섬네일 표시 영역(220) 상에 상기 이전 슬라이드, 상기 제2 슬라이드 및 상기 이후 슬라이드에 대한 섬네일을 일렬로 나열하여 표시할 수 있다.After that, when the body DOM and thumbnail DOM for the second slide, the previous slide, and the subsequent slide are generated, the slide display unit 114 displays the DOM for the body for the second slide, the previous slide, and the subsequent slide. Display a body for the second slide on the body display area 210 based on the body DOM corresponding to the second slide, and display thumbnail DOMs for the second slide, the previous slide, and the subsequent slide. On the basis of the thumbnail display area 220, thumbnails of the previous slide, the second slide, and the subsequent slide may be displayed in a line.

즉, 본 발명에 따른 클라이언트 단말 장치(110)는 사용자에 의해 본문용 DOM과 섬네일 DOM이 생성되어 있지 않은 슬라이드로 페이지 이동이 발생하는 경우, 그 때서야 해당 슬라이드에 대응하는 문서 데이터를 로드하여 본문용 DOM과 섬네일 DOM을 구성함으로써, 많은 수의 페이지를 갖는 웹 기반의 프레젠테이션 문서가 로드되는 경우에도 사용자가 보고자 하는 페이지의 슬라이드를 신속하게 렌더링하여 화면 상에 표시할 수 있다.That is, the client terminal device 110 according to the present invention loads the document data corresponding to the slide when the page movement occurs by the user to the slide that the body DOM and thumbnail DOM is not generated By constructing the DOM and thumbnail DOM, even when a web-based presentation document having a large number of pages is loaded, the user can quickly render and display a slide of the page to be viewed on the screen.

본 발명의 일실시예에 따르면, 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치(110)는 슬라이드 쇼 용 DOM 생성부(115) 및 슬라이드 쇼 표시부(116)를 더 포함할 수 있다.According to an embodiment of the present invention, the client terminal device 110 that performs a quick screen display of a web-based presentation document through lazy loading of data may include a slide show DOM generator 115 and a slide show display unit 116. It may further include.

슬라이드 쇼 용 DOM 생성부(115)는 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 슬라이드 쇼의 실행 명령이 인가되면, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 섬네일 DOM과 상기 첫 페이지의 슬라이드의 다음 페이지인 두 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 첫 페이지의 슬라이드와 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 생성한다.The slide show DOM generator 115 displays a body of the slide of the first page on the body display area, and displays thumbnails of the selected number of slides on the thumbnail display area. When the execution command of the slide show is applied, the thumbnail DOM corresponding to the slide of the first page among the thumbnail DOMs for the predetermined number of slides and the slide corresponding to the slide of the second page which is the next page of the slide of the first page Copy the thumbnail DOM to create a DOM for the slide show for the slide on the first page and the slide on the second page.

슬라이드 쇼 표시부(116)는 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시한다.The slide show display unit 116 displays the slide show screen for the slide of the first page on the screen in full screen based on the slide show DOM for the slide of the first page.

관련해서, 도 2에 도시된 그림과 같이, 본문 표시 영역(210) 상에 첫 페이지의 슬라이드에 대한 본문(211)이 표시되고, 섬네일 표시 영역(220) 상에 4개의 슬라이드들에 대한 섬네일(221)이 표시된 이후, 사용자에 의해 슬라이드 쇼의 실행 명령이 인가되면, 슬라이드 쇼 용 DOM 생성부(115)는 4개의 슬라이드들에 대해서 생성되어 있는 섬네일 DOM 중 첫 페이지의 슬라이드에 대한 섬네일 DOM과 두 번째 페이지의 슬라이드에 대한 섬네일 DOM을 각각 복사해서 첫 페이지의 슬라이드에 대한 섬네일 DOM과 동일한 형태를 갖는 첫 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 생성하고, 두 번째 페이지의 슬라이드에 대한 섬네일 DOM과 동일한 형태를 갖는 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 생성할 수 있다.In relation to this, as shown in FIG. 2, the text 211 for the first page slide is displayed on the text display area 210, and the thumbnails for the four slides are displayed on the thumbnail display area 220. After displaying 221, when a user executes a slide show execution command, the slide show DOM generator 115 displays two thumbnail DOMs for the first page slide and two thumbnail DOMs generated for the four slides. Copy each of the thumbnail DOMs for the slides on the first page and create a DOM for the slideshow for the slides on the first page that has the same form as the thumbnail DOMs for the slides on the first page, and the same as the thumbnail DOMs for the slides on the second page. You can create a DOM for the slide show for the slide on the second page in the form.

그러고 나서, 슬라이드 쇼 표시부(116)는 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시할 수 있다.Then, the slide show display unit 116 may display the slide show screen for the slide of the first page on the screen in full screen based on the slide show DOM for the slide of the first page.

이때, 본 발명의 일실시예에 따르면, 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면이 전체 화면으로 표시된 이후, 상기 사용자에 의해 상기 두 번째 페이지의 슬라이드로의 슬라이드 쇼 페이지 이동이 발생하는 경우, 슬라이드 쇼 표시부(116)는 앞서 슬라이드 쇼 용 DOM 생성부(115)가 생성해 둔 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시할 수 있다.At this time, according to an embodiment of the present invention, after the slide show screen for the slide of the first page is displayed in full screen, when the slide show page movement to the slide of the second page by the user occurs, the slide The show display unit 116 displays a slide show screen for the slide of the second page on the screen based on the slide show DOM for the slide of the second page generated by the DOM generator 115 for the slide show. It can be displayed in full screen.

그러고 나서, 슬라이드 쇼 용 DOM 생성부(115)는 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 두 번째 페이지의 슬라이드의 다음 페이지인 세 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 세 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 추가로 생성할 수 있다.Thereafter, the slide show DOM generator 115 copies the thumbnail DOM corresponding to the slide of the third page, which is the next page of the slide of the second page, among the thumbnail DOMs of the selected number of slides. You can create additional DOMs for the slide show for the slides on the first page.

그 이후, 사용자에 의해 상기 세 번째 페이지의 슬라이드로의 슬라이드 쇼 페이지 이동이 추가로 발생하면, 슬라이드 쇼 표시부(116)는 상기 세 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 상기 세 번째 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시할 수 있고, 슬라이드 쇼 용 DOM 생성부(115)는 다시 네 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 네 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 추가로 생성해 두어, 사용자에 의해서 발생할 네 번째 페이지의 슬라이드로의 슬라이드 쇼 페이지 이동에 미리 대비해 둘 수 있다.Thereafter, if the slide show page movement to the slide of the third page further occurs by the user, the slide show display unit 116 causes the third page to be based on the slide show DOM for the slide of the third page. The slide show screen for the slide of the full screen can be displayed, the slide show DOM generator 115 again copies the thumbnail DOM corresponding to the slide of the fourth page to the slide show for the slide of the fourth page You can create additional DOMs to prepare for the slide show page movement by the user to the slide on the fourth page.

본 발명의 일실시예에 따르면, 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치(110)는 편집 차단 수행부(117), 편집 명령 저장부(118) 및 편집 명령 지연 적용부(119)를 더 포함할 수 있다.According to an embodiment of the present invention, the client terminal device 110 that performs a quick screen display of a web-based presentation document through lazy loading of data includes an edit block execution unit 117, an edit command storage unit 118, and The editing command delay applying unit 119 may be further included.

편집 차단 수행부(117)는 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 사용자에 의해 상기 슬라이드 쇼의 실행 명령이 인가됨에 따라 슬라이드 쇼가 실행되면, 상기 사용자를 제외한 다른 유저들에 의해서 발생하는 상기 웹 기반의 프레젠테이션 문서에 대한 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행한다.If the web-based presentation document is a document that is being edited jointly by a plurality of users, the edit blocking execution unit 117 may execute the slide show when the slide show is executed by the user's execution command of the slide show. Edit blocking is performed so that at least one editing command for the web-based presentation document generated by other users except the user 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)는 상기 웹 기반의 프레젠테이션 문서에 대한 슬라이드 쇼가 종료되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용한다.When the slide show for the web-based presentation document is finished, the editing command delay applying unit 119 performs the web-based operation on the at least one editing command temporarily stored in the memory according to the order of generating the editing command. Apply sequentially on the presentation document.

즉, 상기 웹 기반의 프레젠테이션 문서가 다수의 유저들에 의해서 공동으로 편집 중인 문서라고 할 때, 클라이언트 단말 장치(110)의 사용자에 의해 상기 웹 기반의 프레젠테이션 문서에 대해 슬라이드 쇼 실행 명령이 인가된다면, 상기 사용자는 슬라이드 쇼가 실행되는 도중에는 상기 웹 기반의 프레젠테이션 문서가 변경되지 않기를 원할 수 있기 때문에, 본 발명에 따른 클라이언트 단말 장치(110)는 다른 유저들에 의해서 발생하는 편집 명령들이 상기 웹 기반의 프레젠테이션 문서에 반영되지 않도록 편집 차단을 수행해 놓고, 다른 유저들에 의해서 발생하는 편집 명령들을 메모리 상에 임시 저장해 둔 후 상기 웹 기반의 프레젠테이션 문서에 대한 슬라이드 쇼가 종료되면, 상기 메모리 상에 임시 저장해둔 편집 명령들을 상기 웹 기반의 프레젠테이션 문서 상에 적용할 수 있다.That is, when the web-based presentation document is a document that is being edited jointly by a plurality of users, if a slide show execution command is applied to the web-based presentation document by the user of the client terminal device 110, Since the user may not want the web-based presentation document to be changed while the slide show is executed, the client terminal device 110 according to the present invention may provide the web-based presentation with editing commands generated by other users. Block editing so that it is not reflected in the document, temporarily save the editing commands generated by other users in the memory, and when the slide show for the web-based presentation document ends, the edits are temporarily stored in the memory. Web-based presentation of instructions Applicable on the document.

도 3은 본 발명의 일실시예에 따른 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.3 is a flowchart illustrating a method of operating a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of data 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 step S320, document data of only a predetermined number of slides is loaded starting from the first page of the plurality of slides constituting the web-based presentation document.

단계(S330)에서는 상기 선정된 개수의 슬라이드들에 대한 문서 데이터가 로드되면, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 선정된 개수의 슬라이드들의 본문을 표시하기 위한 본문용 DOM과 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들의 섬네일을 표시하기 위한 섬네일 DOM을 생성한다.In step S330, when the document data for the selected number of slides is loaded, the body of the selected number of slides is displayed on the body display area based on the document data for the selected number of slides. And a thumbnail DOM for displaying thumbnails of the selected number of slides on the body DOM and the thumbnail display area.

단계(S340)에서는 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하고, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일을 일렬로 나열하여 표시한다.In step S340, when the body DOM and thumbnail DOM for the selected number of slides are generated, the body DOM corresponding to the slide of the first page among the body DOM for the selected number of slides is based on the basis. Display a text for the slide of the first page on the text display area, and display thumbnails for the selected number of slides on the thumbnail display area based on the thumbnail DOM for the selected number of slides. Display them in a line.

이때, 본 발명의 일실시예에 따르면, 상기 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법은 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중 어느 하나의 슬라이드인 제1 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 제1 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제1 슬라이드에 대한 본문을 표시하는 단계를 더 포함할 수 있다.In this case, according to an embodiment of the present invention, a method of operating a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of the data may be performed on the slide of the first page on the body display area. After the text is displayed and thumbnails of the selected number of slides are displayed on the thumbnail display area, a page is moved to the first slide, which is one of the slides of the selected number, by the user. When this occurs, displaying the body for the first slide on the body display area based on the body DOM corresponding to the first slide of the body DOM for the selected number of slides It may include.

또한, 본 발명의 일실시예에 따르면, 상기 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법은 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중에 속하지 않는 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드와 상기 제2 슬라이드의 이전 페이지에 해당하는 이전 슬라이드 및 상기 제2 슬라이드의 이후 페이지에 해당하는 이후 슬라이드에 대한 문서 데이터를 추가로 로드하는 단계, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터가 로드되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 본문을 표시하기 위한 본문용 DOM과 상기 섬네일 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 섬네일을 표시하기 위한 섬네일 DOM을 생성하는 단계 및 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM 중 상기 제2 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하고, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 이전 슬라이드, 상기 제2 슬라이드 및 상기 이후 슬라이드에 대한 섬네일을 일렬로 나열하여 표시하는 단계를 더 포함할 수 있다.In addition, according to an embodiment of the present invention, a method of operating a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of the data may be performed on the slide of the first page on the body display area. After the text is displayed and thumbnails of the selected number of slides are displayed on the thumbnail display area, a second slide, which is one of the slides not belonging to the selected number of slides, is displayed by the user. If a page movement occurs, further loading document data for the previous slide corresponding to the second page and the previous page of the second slide and the subsequent slide corresponding to the subsequent page of the second slide. For 2 slides, the previous slide and the after slide When the data is loaded, the body for displaying the body of the second slide, the previous slide and the subsequent slide on the body display area based on the document data for the second slide, the previous slide and the subsequent slide. Generating a thumbnail DOM for displaying thumbnails of the second slide, the previous slide, and the subsequent slide on the DOM and the thumbnail display area; and for the text of the second slide, the previous slide, and the subsequent slide. When a DOM and a thumbnail DOM are generated, the second slide on the body display area is based on the body DOM corresponding to the second slide among the body DOMs for the second slide, the previous slide, and the subsequent slide. Display the body for the second slide, the previous slide and Based on the thumbnail DOM for the slide after the group it may further comprise the step of displaying the list to the previous slide, the second slide and line the thumbnail for the subsequent slides on the thumbnail display area.

또한, 본 발명의 일실시예에 따르면, 상기 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법은 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 슬라이드 쇼의 실행 명령이 인가되면, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 섬네일 DOM과 상기 첫 페이지의 슬라이드의 다음 페이지인 두 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 첫 페이지의 슬라이드와 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 생성하는 단계 및 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시하는 단계를 더 포함할 수 있다.In addition, according to an embodiment of the present invention, a method of operating a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of the data may be performed on the slide of the first page on the body display area. After the main body is displayed and thumbnails of the selected number of slides are displayed on the thumbnail display area, when a user executes a slide show command, the thumbnail DOM of the selected number of slides is displayed. DOM for slide show for the slide of the first page and the slide of the second page by copying the thumbnail DOM corresponding to the slide of the first page and the thumbnail DOM corresponding to the slide of the second page that is the next page of the slide of the first page. Creating a and for the slide of the first page A slide show display on the basis of the DOM for the slideshow to the slide of the first page on the display may further comprise the step of displaying a full screen.

이때, 본 발명의 일실시예에 따르면, 상기 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법은 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면이 전체 화면으로 표시된 이후, 상기 사용자에 의해 상기 두 번째 페이지의 슬라이드로의 슬라이드 쇼 페이지 이동이 발생하는 경우, 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시하는 단계 및 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 두 번째 페이지의 슬라이드의 다음 페이지인 세 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 세 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 추가로 생성하는 단계를 더 포함할 수 있다.In this case, according to an embodiment of the present invention, a method of operating a client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of the data may include a full screen slide show screen for the slide of the first page. After that, if the slide show page movement to the slide of the second page is caused by the user, the slide of the second page on the screen based on the slide show DOM for the slide of the second page occurs. Displaying a slide show screen on a full screen; and copying a thumbnail DOM corresponding to a slide of a third page, which is a next page of the slide of the second page, of the thumbnail DOMs of the selected number of slides, by copying the third DOM for slide show for slides on page It may further comprise the step of generating.

또한, 본 발명의 일실시예에 따르면, 상기 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법은 상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 사용자에 의해 상기 슬라이드 쇼의 실행 명령이 인가됨에 따라 슬라이드 쇼가 실행되면, 상기 사용자를 제외한 다른 유저들에 의해서 발생하는 상기 웹 기반의 프레젠테이션 문서에 대한 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행하는 단계, 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장하는 단계 및 상기 웹 기반의 프레젠테이션 문서에 대한 슬라이드 쇼가 종료되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용하는 단계를 더 포함할 수 있다.In addition, according to an embodiment of the present invention, a method of operating a client terminal device for performing a quick screen display of a web-based presentation document through delayed loading of the data may include the web-based presentation document being executed by a plurality of users. In the case of a document that is being edited jointly, when the slide show is executed by the user's execution command of the slide show, at least one of the web-based presentation document generated by other users except the user. Performing an editing block so that an editing command is not reflected on the web-based presentation document, temporarily storing the at least one editing command in a memory in the order of occurrence of the editing command, and in the web-based presentation document. When the slide show ends, the memory In accordance with the firing order of the at least one editing command for editing instruction stored in the temporary storage it may further comprise the step of sequentially applied to a presentation document in the Web-based.

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

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

또한, 본 발명의 일실시예에 따른 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. In addition, the operating method of the client terminal device for performing a quick screen display of the web-based presentation document through the delay loading of data according to an embodiment of the present invention is implemented in the form of program instructions that can be performed through various computer means Can be written to a computer readable medium. 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: DOM 생성부 114: 슬라이드 표시부
115: 슬라이드 쇼 용 DOM 생성부 116: 슬라이드 쇼 표시부
117: 편집 차단 수행부 118: 편집 명령 저장부
119: 편집 명령 지연 적용부110: Client terminal device for performing a quick screen display of the web-based presentation document through the lazy loading of data
111: area separator 112: document data loading unit
113: DOM generator 114: slide display unit
115: DOM generator for the slide show 116: Slide show display unit
117: edit block execution unit 118: edit command storage unit
119: edit command delay application

Claims (14)

브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분하는 영역 구분부;
상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 중 첫 페이지의 슬라이드를 시작으로 해서 선정된(predetermined) 개수의 슬라이드들만의 문서 데이터를 로드하는 문서 데이터 로드부;
상기 선정된 개수의 슬라이드들에 대한 문서 데이터가 로드되면, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 선정된 개수의 슬라이드들의 본문을 표시하기 위한 본문용 문서 객체 모델(Document Object Model: DOM)과 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들의 섬네일을 표시하기 위한 섬네일 DOM을 생성하는 DOM 생성부; 및
상기 선정된 개수의 슬라이드들에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하고, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일을 일렬로 나열하여 표시하는 슬라이드 표시부
를 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치.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;
A document data loading unit for loading document data of only a predetermined number of slides starting from the first page of the plurality of slides constituting the web-based presentation document;
When document data for the selected number of slides is loaded, a document for displaying a body of the selected number of slides on the body display area based on the document data for the selected number of slides A DOM generator configured to generate a thumbnail DOM for displaying thumbnails of the selected number of slides on an object model (DOM) and the thumbnail display area; And
When the body DOM and the thumbnail DOM for the predetermined number of slides are generated, the body display area based on the body DOM corresponding to the slide of the first page among the body DOM for the predetermined number of slides. Display a body of the slide of the first page on the screen, and display the thumbnail of the slide of the selected number in a row on the thumbnail display area based on the thumbnail DOM of the slide of the predetermined number. Slide display unit
Client terminal device for performing a quick screen display of the web-based presentation document through the delayed loading of data comprising a. 제1항에 있어서,
상기 슬라이드 표시부는
상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중 어느 하나의 슬라이드인 제1 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 제1 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제1 슬라이드에 대한 본문을 표시하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치.The method of claim 1,
The slide display unit
After the body for the slide of the first page is displayed on the body display area, and thumbnails for the predetermined number of slides are displayed on the thumbnail display area, any one of the selected number of slides is displayed by the user. When a page movement with respect to the body occurs with one slide, which is one slide, on the body display area based on the body DOM corresponding to the first slide among the body DOMs for the selected number of slides. A client terminal device for performing a quick screen display of a web-based presentation document through delayed loading of data displaying the body for the first slide. 제1항에 있어서,
상기 문서 데이터 로드부는
상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중에 속하지 않는 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드와 상기 제2 슬라이드의 이전 페이지에 해당하는 이전 슬라이드 및 상기 제2 슬라이드의 이후 페이지에 해당하는 이후 슬라이드에 대한 문서 데이터를 추가로 로드하고,
상기 DOM 생성부는
상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터가 로드되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 본문을 표시하기 위한 본문용 DOM과 상기 섬네일 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 섬네일을 표시하기 위한 섬네일 DOM을 생성하며,
상기 슬라이드 표시부는
상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM 중 상기 제2 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하고, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 이전 슬라이드, 상기 제2 슬라이드 및 상기 이후 슬라이드에 대한 섬네일을 일렬로 나열하여 표시하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치.The method of claim 1,
The document data loading unit
The body for the slide of the first page is displayed on the body display area, and thumbnails for the predetermined number of slides are displayed on the thumbnail display area, and then do not belong to the selected number of slides by the user. If a page shift with respect to the main body occurs with the second slide, which is not one of the slides, the previous slide corresponding to the second slide and the previous page of the second slide and the subsequent slide corresponding to the subsequent page of the second slide Load additional document data for,
The DOM generator
When document data for the second slide, the previous slide, and the subsequent slide are loaded, the second slide, the second slide, is displayed on the body display area based on the document data for the second slide, the previous slide, and the subsequent slide. Generating a DOM for a body for displaying the body of the previous slide and the next slide and a thumbnail DOM for displaying thumbnails of the second slide, the previous slide, and the subsequent slide on the thumbnail display area,
The slide display unit
When the body DOM and thumbnail DOM for the second slide, the previous slide, and the subsequent slide are generated, a body corresponding to the second slide among the body DOM for the second slide, the previous slide, and the subsequent slide is generated. Display a body for the second slide on the body display area based on the DOM, and display the previous slide on the thumbnail display area based on thumbnail DOMs for the second slide, the previous slide, and the subsequent slide. And performing a quick screen display of a web-based presentation document through delayed loading of data for displaying and displaying thumbnails of the second slide and the subsequent slide in a line. 제1항에 있어서,
상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 슬라이드 쇼의 실행 명령이 인가되면, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 섬네일 DOM과 상기 첫 페이지의 슬라이드의 다음 페이지인 두 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 첫 페이지의 슬라이드와 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 생성하는 슬라이드 쇼 용 DOM 생성부; 및
상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시하는 슬라이드 쇼 표시부
를 더 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치.The method of claim 1,
If a body for the slide of the first page is displayed on the body display area, and thumbnails for the predetermined number of slides are displayed on the thumbnail display area, then a user executes a slide show command. A slide of the first page by copying a thumbnail DOM corresponding to the slide of the first page among the thumbnail DOMs of the selected number of slides and a thumbnail DOM corresponding to the slide of the second page which is the next page of the slide of the first page And a slide show DOM generator for generating a slide show DOM for the slide of the second page. And
Slide show display unit for displaying the slide show screen for the slide of the first page in full screen on the screen based on the slide show DOM for the slide of the first page
The client terminal device to perform a quick screen display of the web-based presentation document through the delayed loading of the data further comprising. 제4항에 있어서,
상기 슬라이드 쇼 표시부는
상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면이 전체 화면으로 표시된 이후, 상기 사용자에 의해 상기 두 번째 페이지의 슬라이드로의 슬라이드 쇼 페이지 이동이 발생하는 경우, 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시하고,
상기 슬라이드 쇼 용 DOM 생성부는
상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 두 번째 페이지의 슬라이드의 다음 페이지인 세 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 세 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 추가로 생성하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치.The method of claim 4, wherein
The slide show display unit
After the slide show screen for the slide of the first page is displayed in full screen, when the slide show page movement to the slide of the second page occurs by the user, the DOM for the slide show for the slide of the second page Display a slide show screen for the slide of the second page on the screen based on the full screen,
The DOM generator for the slide show
Copy the thumbnail DOM corresponding to the slide of the third page, which is the next page of the slide of the second page, among the thumbnail DOMs of the selected number of slides, and further add a DOM for the slide show for the slide of the third page. A client terminal device for performing a quick screen display of a web-based presentation document through lazy loading of data to be generated. 제4항에 있어서,
상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 사용자에 의해 상기 슬라이드 쇼의 실행 명령이 인가됨에 따라 슬라이드 쇼가 실행되면, 상기 사용자를 제외한 다른 유저들에 의해서 발생하는 상기 웹 기반의 프레젠테이션 문서에 대한 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행하는 편집 차단 수행부;
상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장하는 편집 명령 저장부; 및
상기 웹 기반의 프레젠테이션 문서에 대한 슬라이드 쇼가 종료되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용하는 편집 명령 지연 적용부
를 더 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치.The method of claim 4, wherein
When the web-based presentation document is a document that is being edited jointly by a plurality of users, if a slide show is executed by the execution command of the slide show by the user, other users except the user An editing block performing unit for performing an editing block so that at least one editing command for the generated web-based presentation document is not reflected on the web-based presentation document;
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
When the slide show for the web-based presentation document ends, an editing command for sequentially applying the at least one editing command temporarily stored on the memory onto the web-based presentation document according to the generation order of the editing command. Delayed application
The client terminal device to perform a quick screen display of the web-based presentation document through the delayed loading of the data further comprising. 브라우저 상에서 웹 기반의 프레젠테이션 문서가 오픈되는 경우, 상기 웹 기반의 프레젠테이션 문서가 표시될 화면 영역을 본문 표시 영역과 섬네일(thumbnail) 표시 영역으로 구분하는 단계;
상기 웹 기반의 프레젠테이션 문서를 구성하는 복수의 슬라이드들 중 첫 페이지의 슬라이드를 시작으로 해서 선정된(predetermined) 개수의 슬라이드들만의 문서 데이터를 로드하는 단계;
상기 선정된 개수의 슬라이드들에 대한 문서 데이터가 로드되면, 상기 선정된 개수의 슬라이드들에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 선정된 개수의 슬라이드들의 본문을 표시하기 위한 본문용 문서 객체 모델(Document Object Model: DOM)과 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들의 섬네일을 표시하기 위한 섬네일 DOM을 생성하는 단계; 및
상기 선정된 개수의 슬라이드들에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문을 표시하고, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일을 일렬로 나열하여 표시하는 단계
를 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법.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;
Loading document data of only a predetermined number of slides starting from the first page of the plurality of slides constituting the web-based presentation document;
When document data for the selected number of slides is loaded, a document for displaying a body of the selected number of slides on the body display area based on the document data for the selected number of slides Generating a thumbnail DOM for displaying thumbnails of the predetermined number of slides on an object model (DOM) and the thumbnail display area; And
When the body DOM and the thumbnail DOM for the predetermined number of slides are generated, the body display area based on the body DOM corresponding to the slide of the first page among the body DOM for the predetermined number of slides. Display a body of the slide of the first page on the screen, and display the thumbnail of the slide of the selected number in a row on the thumbnail display area based on the thumbnail DOM of the slide of the predetermined number. Steps to
Operating method of the client terminal device to perform a quick screen display of the web-based presentation document through the delay loading of the data. 제7항에 있어서,
상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중 어느 하나의 슬라이드인 제1 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 선정된 개수의 슬라이드들에 대한 본문용 DOM 중 상기 제1 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제1 슬라이드에 대한 본문을 표시하는 단계
를 더 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법.The method of claim 7, wherein
After the body for the slide of the first page is displayed on the body display area, and thumbnails for the predetermined number of slides are displayed on the thumbnail display area, any one of the selected number of slides is displayed by the user. When a page movement with respect to the body occurs with one slide, which is one slide, on the body display area based on the body DOM corresponding to the first slide among the body DOMs for the selected number of slides. Displaying a text for the first slide
Method of operation of the client terminal device to perform a quick screen display of the web-based presentation document through the delayed loading of the data further comprising. 제7항에 있어서,
상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 상기 선정된 개수의 슬라이드들 중에 속하지 않는 어느 하나의 슬라이드인 제2 슬라이드로 본문에 대한 페이지 이동이 발생하는 경우, 상기 제2 슬라이드와 상기 제2 슬라이드의 이전 페이지에 해당하는 이전 슬라이드 및 상기 제2 슬라이드의 이후 페이지에 해당하는 이후 슬라이드에 대한 문서 데이터를 추가로 로드하는 단계;
상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터가 로드되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 문서 데이터를 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 본문을 표시하기 위한 본문용 DOM과 상기 섬네일 표시 영역 상에 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드의 섬네일을 표시하기 위한 섬네일 DOM을 생성하는 단계; 및
상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM과 섬네일 DOM이 생성되면, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 본문용 DOM 중 상기 제2 슬라이드에 대응하는 본문용 DOM을 기초로 상기 본문 표시 영역 상에 상기 제2 슬라이드에 대한 본문을 표시하고, 상기 제2 슬라이드, 상기 이전 슬라이드 및 상기 이후 슬라이드에 대한 섬네일 DOM을 기초로 상기 섬네일 표시 영역 상에 상기 이전 슬라이드, 상기 제2 슬라이드 및 상기 이후 슬라이드에 대한 섬네일을 일렬로 나열하여 표시하는 단계
를 더 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법.The method of claim 7, wherein
The body for the slide of the first page is displayed on the body display area, and thumbnails for the predetermined number of slides are displayed on the thumbnail display area, and then the user does not belong to the selected number of slides. If a page shift with respect to the main body occurs with the second slide, which is not one of the slides, the previous slide corresponding to the second slide and the previous page of the second slide and the subsequent slide corresponding to the subsequent page of the second slide Further loading document data for;
When document data for the second slide, the previous slide, and the subsequent slide are loaded, the second slide, the second slide, is displayed on the body display area based on the document data for the second slide, the previous slide, and the subsequent slide. Generating a body DOM for displaying the body of the previous slide and the subsequent slide and a thumbnail DOM for displaying thumbnails of the second slide, the previous slide, and the subsequent slide on the thumbnail display area; And
When the body DOM and thumbnail DOM for the second slide, the previous slide, and the subsequent slide are generated, a body corresponding to the second slide among the body DOM for the second slide, the previous slide, and the subsequent slide is generated. Display a body for the second slide on the body display area based on the DOM, and display the previous slide on the thumbnail display area based on thumbnail DOMs for the second slide, the previous slide, and the subsequent slide. Displaying and listing thumbnails of the second slide and the subsequent slide in a line.
Method of operation of the client terminal device to perform a quick screen display of the web-based presentation document through the delayed loading of the data further comprising. 제7항에 있어서,
상기 본문 표시 영역 상에 상기 첫 페이지의 슬라이드에 대한 본문이 표시되고, 상기 섬네일 표시 영역 상에 상기 선정된 개수의 슬라이드들에 대한 섬네일이 표시된 이후, 사용자에 의해 슬라이드 쇼의 실행 명령이 인가되면, 상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 첫 페이지의 슬라이드에 대응하는 섬네일 DOM과 상기 첫 페이지의 슬라이드의 다음 페이지인 두 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 첫 페이지의 슬라이드와 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 생성하는 단계; 및
상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시하는 단계
를 더 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법.The method of claim 7, wherein
If a body for the slide of the first page is displayed on the body display area, and thumbnails for the predetermined number of slides are displayed on the thumbnail display area, then a user executes a slide show command. A slide of the first page by copying a thumbnail DOM corresponding to the slide of the first page among the thumbnail DOMs of the selected number of slides and a thumbnail DOM corresponding to the slide of the second page which is the next page of the slide of the first page Generating a DOM for a slide show for the slide of the second page; And
Displaying a slide show screen for the slide of the first page in full screen on the screen based on the slide show DOM for the slide of the first page;
Method of operation of the client terminal device to perform a quick screen display of the web-based presentation document through the delayed loading of the data further comprising. 제10항에 있어서,
상기 첫 페이지의 슬라이드에 대한 슬라이드 쇼 화면이 전체 화면으로 표시된 이후, 상기 사용자에 의해 상기 두 번째 페이지의 슬라이드로의 슬라이드 쇼 페이지 이동이 발생하는 경우, 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 기초로 화면 상에 상기 두 번째 페이지의 슬라이드에 대한 슬라이드 쇼 화면을 전체 화면으로 표시하는 단계; 및
상기 선정된 개수의 슬라이드들에 대한 섬네일 DOM 중 상기 두 번째 페이지의 슬라이드의 다음 페이지인 세 번째 페이지의 슬라이드에 대응하는 섬네일 DOM을 복사하여 상기 세 번째 페이지의 슬라이드에 대한 슬라이드 쇼 용 DOM을 추가로 생성하는 단계
를 더 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법.The method of claim 10,
After the slide show screen for the slide of the first page is displayed in full screen, when the slide show page movement to the slide of the second page occurs by the user, the DOM for the slide show for the slide of the second page Displaying a slide show screen for the slide of the second page on the screen based on the full screen; And
Copy the thumbnail DOM corresponding to the slide of the third page, which is the next page of the slide of the second page, among the thumbnail DOMs of the selected number of slides, and further add a DOM for the slide show for the slide of the third page. Steps to generate
Method of operation of the client terminal device to perform a quick screen display of the web-based presentation document through the delayed loading of the data further comprising. 제10항에 있어서,
상기 웹 기반의 프레젠테이션 문서가 복수의 유저들에 의해서 공동으로 편집 중인 문서인 경우, 상기 사용자에 의해 상기 슬라이드 쇼의 실행 명령이 인가됨에 따라 슬라이드 쇼가 실행되면, 상기 사용자를 제외한 다른 유저들에 의해서 발생하는 상기 웹 기반의 프레젠테이션 문서에 대한 적어도 하나의 편집 명령이 상기 웹 기반의 프레젠테이션 문서 상에 반영되지 않도록 편집 차단을 수행하는 단계;
상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 메모리 상에 임시 저장하는 단계; 및
상기 웹 기반의 프레젠테이션 문서에 대한 슬라이드 쇼가 종료되면, 상기 메모리 상에 임시 저장되어 있는 상기 적어도 하나의 편집 명령을 편집 명령의 발생 순서에 따라 상기 웹 기반의 프레젠테이션 문서 상에 순차적으로 적용하는 단계
를 더 포함하는 데이터의 지연 로딩을 통해 웹 기반의 프레젠테이션 문서의 빠른 화면 표시를 수행하는 클라이언트 단말 장치의 동작 방법.The method of claim 10,
When the web-based presentation document is a document that is being edited jointly by a plurality of users, if a slide show is executed by the execution command of the slide show by the user, other users except the user Performing an editing block so that at least one editing instruction for the web-based presentation document occurs is not 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
When the slide show for the web-based presentation document ends, sequentially applying the at least one editing command stored in the memory on the web-based presentation document in the order of occurrence of the editing command.
Method of operation of the client terminal device to perform a quick screen display of the web-based presentation document through the delayed loading of the data further comprising. 제7항 내지 제12항 중 어느 한 항의 방법을 수행하는 프로그램을 기록한 컴퓨터 판독 가능 기록 매체.A computer-readable recording medium having recorded thereon a program for performing the method of any one of claims 7 to 12. 제7항 내지 제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.
KR1020180060851A 2018-05-29 2018-05-29 Client terminal device for performing fast screen display of a web-based presentation document through delay loading of data and operating method thereof Active KR102067497B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020180060851A KR102067497B1 (en) 2018-05-29 2018-05-29 Client terminal device for performing fast screen display of a web-based presentation document through delay loading of data and operating method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020180060851A KR102067497B1 (en) 2018-05-29 2018-05-29 Client terminal device for performing fast screen display of a web-based presentation document through delay loading of data and operating method thereof

Publications (2)

Publication Number Publication Date
KR20190135617A KR20190135617A (en) 2019-12-09
KR102067497B1 true KR102067497B1 (en) 2020-01-17

Family

ID=68837702

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020180060851A Active KR102067497B1 (en) 2018-05-29 2018-05-29 Client terminal device for performing fast screen display of a web-based presentation document through delay loading of data and operating method thereof

Country Status (1)

Country Link
KR (1) KR102067497B1 (en)

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8108777B2 (en) * 2008-08-11 2012-01-31 Microsoft Corporation Sections of a presentation having user-definable properties

Also Published As

Publication number Publication date
KR20190135617A (en) 2019-12-09

Similar Documents

Publication Publication Date Title
JP5698532B2 (en) Dynamic layout of images and related text using predefined layouts
US10282399B2 (en) System and method for web content presentation management
US8312388B2 (en) Information processing apparatus, information processing method and computer readable medium
US20150227494A1 (en) Creating and editing dynamic graphics via a web interface
US20080250314A1 (en) Visual command history
US20130124980A1 (en) Framework for creating interactive digital content
US20140164890A1 (en) Insertion and playback of video in documents
US9268875B2 (en) Extensible content focus mode
US20090079744A1 (en) Animating objects using a declarative animation scheme
US20100162096A1 (en) Techniques for Utilizing Dynamic Components with Wikis
US9852117B1 (en) Text-fragment based content editing and publishing
US20110314361A1 (en) Generating recommendations for improving a presentation document
KR101494653B1 (en) Control command auto complete based electronic document editing apparatus and method
KR102036715B1 (en) Web-based presentation editing apparatus for quick loading of presentation documents through browser and operating method thereof
KR101498533B1 (en) Component separate display based electronic document display device and method
KR102067497B1 (en) Client terminal device for performing fast screen display of a web-based presentation document through delay loading of data and operating method thereof
US10627997B1 (en) System and method for highlighting dependent slides while editing master slides of a presentation
KR102067498B1 (en) Client terminal device for supporting fast loading of web-based presentation documents and operating method thereof
CN116127935A (en) Document creation method, device, electronic equipment and storage medium
KR102004996B1 (en) Presentation document editing apparatus for performing a simple insertion of a page movement link on a slide page and operating method thereof
KR102045751B1 (en) Presentation document editing apparatus that displays the page number of the thumbnail image through a separate layer and operating method thereof
KR102566905B1 (en) Presentation document editing apparatus that allows users to easily set the page style of presentation documents and operating method thereof
US9996505B2 (en) Managing the display of electronic documents having embedded graphical elements
KR102545260B1 (en) Electronic terminal apparatus that supports application of natural substitute fonts when loading electronic documents with unsupported fonts applied and operating method thereof
KR102466714B1 (en) Electronic device that provides improved object insertion into electronic document through object box and operating method thereof

Legal Events

Date Code Title Description
A201 Request for examination
PA0109 Patent application

Patent event code: PA01091R01D

Comment text: Patent Application

Patent event date: 20180529

PA0201 Request for examination
E902 Notification of reason for refusal
PE0902 Notice of grounds for rejection

Comment text: Notification of reason for refusal

Patent event date: 20191020

Patent event code: PE09021S01D

E701 Decision to grant or registration of patent right
PE0701 Decision of registration

Patent event code: PE07011S01D

Comment text: Decision to Grant Registration

Patent event date: 20191202

PG1501 Laying open of application
GRNT Written decision to grant
PR0701 Registration of establishment

Comment text: Registration of Establishment

Patent event date: 20200113

Patent event code: PR07011E01D

PR1002 Payment of registration fee

Payment date: 20200113

End annual number: 3

Start annual number: 1

PG1601 Publication of registration
PR1001 Payment of annual fee

Payment date: 20230102

Start annual number: 4

End annual number: 4