KR20210064865A - 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템 - Google Patents

데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템 Download PDF

Info

Publication number
KR20210064865A
KR20210064865A KR1020190153575A KR20190153575A KR20210064865A KR 20210064865 A KR20210064865 A KR 20210064865A KR 1020190153575 A KR1020190153575 A KR 1020190153575A KR 20190153575 A KR20190153575 A KR 20190153575A KR 20210064865 A KR20210064865 A KR 20210064865A
Authority
KR
South Korea
Prior art keywords
data
presentation content
component
binding
data source
Prior art date
Application number
KR1020190153575A
Other languages
English (en)
Other versions
KR102303335B1 (ko
Inventor
조재현
Original Assignee
주식회사 다이아랩
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 다이아랩 filed Critical 주식회사 다이아랩
Priority to KR1020190153575A priority Critical patent/KR102303335B1/ko
Publication of KR20210064865A publication Critical patent/KR20210064865A/ko
Application granted granted Critical
Publication of KR102303335B1 publication Critical patent/KR102303335B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
    • G06F21/30—Authentication, i.e. establishing the identity or authorisation of security principals
    • G06F21/31—User authentication
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • General Engineering & Computer Science (AREA)
  • Tourism & Hospitality (AREA)
  • Computer Security & Cryptography (AREA)
  • Health & Medical Sciences (AREA)
  • General Health & Medical Sciences (AREA)
  • Strategic Management (AREA)
  • Economics (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Computer Hardware Design (AREA)
  • General Business, Economics & Management (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명의 일 양태는 데이터 바인딩(data binding)을 이용한 프리젠테이션(presentation) 콘텐츠를 생성 방법을 개시하고 있다. 상기 방법은, 프리젠테이션 콘텐츠 저작 애플리케이션(Applicaltion)을 실행하는 단계, 상기 실행되는 프리젠테이션 콘텐츠 저작 애플리케이션 기반의 프리젠테이션 콘텐츠의 적어도 하나의 슬라이드(slide)에 적어도 하나의 UI 컴포넌트(component)를 추가하여 슬라이드 레이아웃을 생성하는 단계, 상기 슬라이드 레이아웃 내의 상기 적어도 하나의 UI 컴포넌트 중 적어도 하나에 데이터 소스 컴포넌트를 생성하는 단계(상기 데이터 소스 컴포넌트는 데이터 소스(data source)의 위치를 지정함에 의해 생성됨), 상기 지정된 위치의 데이터 소스로부터의 데이터를 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩(binding)시키는 단계 및 상기 바인딩이 수행된 프리젠테이션 콘텐츠를 저장하는 단계를 포함한다.

Description

데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템{METHOD FOR GENERATING PRESENTATION CONTENT USING DATA BINDING, AND APPARATUS USING SAID METHOD, AND SYSTEM FOR PROVIDING PRESENTATION CONTENT USING DATA BINDING}
본 발명은 웹 상에서 재생되는 프리젠테이션 파일 생성 방법에 관한 것으로, 보다 상세하게는, 데이터 바인딩을 이용하여 동적으로 변화하는 프리젠테이션 파일을 생성하는 방법에 관한 것이다.
프리젠테이션(presentation) 자료는 슬라이드(slide)의 집합체로, 자료를 슬라이드 형태로 작성하여 외부에 발표/홍보/공유하거나 내부 관리용으로 활용할 때 사용된다. 이러한 프리젠테이션 자료는 대학생부터 직장인에 이르기까지 일상에서 범용적으로 활용되고 있다.
다만, 프리젠테이션 자료 작성시 슬라이드가 이미 작성되어 있는 형태로 저장 및 표시되기 때문에, 정적인 형태로의 활용으로 국한되어 전달하는 정보 측면에서 제약사항이 많다. 즉, 정보의 실시간 갱신이 불가한 측면이 존재한다. 또한, 소프트 카피(soft copy)의 경우에도 파일로만 공유가 가능하기 때문에 프리젠테이션 저작을 위한 애플리케이션(application)의 설치를 강요하는 불편함이 존재한다. 그리고, 대용량 데이터 링크시 불안정성이 증대하는 문제점이 있다.
상술한 문제점을 해결하기 위한 본 발명의 일 양태에 따른 목적은 일반 사용자가 웹 수준의 동적인(dymamic) 프리젠테이션 컨텐츠를 제작하여 발표/공유/홍보하거나 내부관리용으로 활용가능하도록 지원하는 데이터 바인딩(data binding)을 이용한 프리젠테이션 콘텐츠를 생성하는 방법을 제공하는 것이다.
상기한 목적을 달성하기 위한 본 발명의 일 양태에 따른 데이터 바인딩(data binding)을 이용한 프리젠테이션(presentation) 콘텐츠를 생성 방법은, 프리젠테이션 콘텐츠 저작 애플리케이션(Applicaltion)을 실행하는 단계, 상기 실행되는 프리젠테이션 콘텐츠 저작 애플리케이션 기반의 프리젠테이션 콘텐츠의 적어도 하나의 슬라이드(slide)에 적어도 하나의 UI 컴포넌트(component)를 추가하여 슬라이드 레이아웃을 생성하는 단계, 상기 슬라이드 레이아웃 내의 상기 적어도 하나의 UI 컴포넌트 중 적어도 하나에 데이터 소스 컴포넌트를 생성하는 단계(상기 데이터 소스 컴포넌트는 데이터 소스(data source)의 위치를 지정함에 의해 생성됨), 상기 지정된 위치의 데이터 소스로부터의 데이터를 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩(binding)시키는 단계 및 상기 바인딩이 수행된 프리젠테이션 콘텐츠를 저장하는 단계를 포함할 수 있다.
상기 지정된 위치의 데이터 소스로부터의 데이터는 동적으로 변화하는 데이터이고, 상기 동적으로 변화하는 데이터가 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩되어 상기 프리젠테이션 콘텐츠 내에서 표시될 수 있다.
상기 프리젠테이션 콘텐츠 저작 애플리케이션은 MS 파워포인트(PowerPoint) 애플리케이션을 포함하고, 상기 UI 컴포넌트 및 상기 데이터 소스 컴포넌트 중 적어도 하나는 상기 파워포인트 애플리케이션의 도형 객체를 포함하며, 상기 파워포인트 애플리케이션의 도형에 상기 동적으로 변화하는 데이터가 바인딩될 수 있다.
상기 프리젠테이션 콘텐츠 저작 애플리케이션은 MS 파워포인트(PowerPoint) 애플리케이션을 포함하고, 상기 UI 컴포넌트 및 상기 데이터 소스 컴포넌트 중 적어도 하나는 상기 파워포인트 애플리케이션의 챠트 객체를 포함하며, 제 1 동적으로 변화하는 데이터와 제 2 동적으로 변화하는 데이터가 상기 챠트 객체의 서로 다른 영역에 실시간으로 반영될 수 있다.
상기 UI 컴포넌트로의 바인딩에 후속하여 상기 프리젠테이션 콘텐츠의 편집이 수행될 수 있다.
상기 데이터 소스는 데이터베이스(DB), 지정된 위치의 데이터 파일, 및 통신망 기반으로 입력되는 데이터 중 적어도 하나를 포함할 수 있다.
상기 웹을 통해 배포하는 단계는, 상기 프리젠테이션 콘텐츠는 제 1 형태로 변경하여 웹(web)을 통해 배포되고, 여기서, 상기 제 1 형태는 네트워크 기반 데이터 교환을 위한 포맷을 포함할 수 있다.
상기 웹을 통해 배포하는 단계는, 상기 프리젠테이션 콘텐츠의 슬라이드 내의 객체들 중 적어도 일부를 추출하는 단계, 상기 추출된 객체 중 적어도 일부를 제외한 슬라이드 표시 부분을 배경으로 이미지화하는 단계, 상기 추출된 객체 중 적어도 일부를 기반으로 상기 제 1 형태의 슬라이드 데이터로 변환하는 단계 및 상기 배경 이미지와 상기 제 1 형태의 데이터를 저장하는 단계를 포함할 수 있다.
상기 제 1 형태는 JSON(JavaScript Object Notation)을 포함할 수 있다.
상기 데이터 바인딩을 수행하는 프리젠테이션 콘텐츠 생성을 위한 에디터 프로그램은 MS 파워포인트(Microsoft Powerpoint) 애플리케이션에 플러그 인(Plug-in) 형태로 설치될 수 있다.
상기 바인딩이 수행된 프리젠테이션 콘텐츠 파일은 사용자 인증을 수행한 뒤, 데이터 등록 절차를 거쳐 클라우드 기반의 데이터베이스에 저장될 수 있다.
상기 데이터베이스에 저장된 프리젠테이션 파일은 사용자 인증 절차를 거쳐 웹 브라우져를 이용하여 재생될 수 있다.
상기한 목적을 달성하기 위한 본 발명의 다른 양태에 따른 데이터 바인딩(data binding)을 이용한 프리젠테이션(presentation) 콘텐츠를 생성 장치는, 프리젠테이션 콘텐츠 저작 애플리케이션(Applicaltion)을 실행하고, 상기 실행되는 프리젠테이션 콘텐츠 저작 애플리케이션 기반의 프리젠테이션 콘텐츠의 적어도 하나의 슬라이드(slide)에 적어도 하나의 UI 컴포넌트(component)를 추가하여 슬라이드 레이아웃을 생성하며, 상기 슬라이드 레이아웃 내의 상기 적어도 하나의 UI 컴포넌트 중 적어도 하나에 데이터 소스 컴포넌트 - 상기 데이터 소스 컴포넌트는 데이터 소스(data source)의 위치를 지정함에 의해 생성됨 - 를 생성하고, 상기 지정된 위치의 데이터 소스로부터의 데이터를 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩(binding)시키는 프로세서 및 상기 프로세서의 동작과 관련된 명령어 및 상기 바인딩이 수행된 프리젠테이션 콘텐츠를 저장하는 메모리를 포함할 수 있다.
상기한 목적을 달성하기 위한 본 발명의 또 다른 양태에 따른 데이터 바인딩(data binding)을 이용한 프리젠테이션(presentation) 콘텐츠를 제공하는 시스템은 데이터를 수집하여 프리젠테이션 콘텐츠에 삽입 가능한 형태로 표준화하는 데이터 수집기(상기 데이터 수집기는 적어도 하나의 데이터 소스와 연관됨), 프리젠테이션 콘텐츠 저작 애플리케이션(Applicaltion)을 실행하고, 상기 실행되는 프리젠테이션 콘텐츠 저작 애플리케이션 기반의 프리젠테이션 콘텐츠의 적어도 하나의 슬라이드(slide)에 적어도 하나의 UI 컴포넌트(component)를 추가하여 슬라이드 레이아웃을 생성하며, 상기 슬라이드 레이아웃 내의 상기 적어도 하나의 UI 컴포넌트 중 적어도 하나에 데이터 소스 컴포넌트 - 상기 데이터 소스 컴포넌트는 데이터 소스(data source)의 위치를 지정함에 의해 생성됨 - 를 생성하고, 상기 지정된 위치의 데이터 소스로부터의 데이터를 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩(binding)시키며, 상기 바인딩이 수행된 프리젠테이션 콘텐츠를 웹을 통해 배포가능한 형태로 변환하여 출판하는 콘텐츠 에디터 및 상기 바인딩이 수행된 프리젠테이션 콘텐츠를 웹 브라우져 기반의 재생기를 통해 재생하는 데이터 재생기를 포함할 수 있다.
본 발명의 데이터 바인딩을 이용한 프리젠테이션 콘텐츠를 생성하는 방법에 따르면, 실시간으로 정보 갱신이 가능하고, 전문 기술을 요구하지 않고 기존 프리젠테이션 콘텐츠 저작 애플리케이션을 이용하여 작업 가능하며, 클라우드에 창작물을 등록 및 저장함으로써 효율적으로 프리젠테이션 결과물을 공유할 수 있다는 효과가 있다.
도 1은 본 발명의 일 실시예에 따른 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법이 적용되는 시스템을 나타낸 블록도,
도 2는 도 1의 시스템의 동작 방법을 개략적으로 나타낸 흐름도,
도 3은 본 발명의 일 실시예에 따른 프리젠테이션 콘텐츠 생성 방법에서 사용되는 데이터 바인딩 방법이 실행되는 디스플레이 화면을 나타낸 도면,
도 4는 복수 개의 데이터가 하나의 PPT 파일에 적용되어 출판되는 과정을 설명하기 위한 개념도,
도 5 내지 도 7a 및 7b은 텍스트 객체, 원형 도형 객체 및 챠트(chart) 객체를 데이터 바인딩할 때 설정되는 속성을 설명하기 위한 도면,
도 8은 본 발명의 일 실시예에 따른 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법의 출판 및 재생 단계를 구체적으로 나타낸 상세흐름도이다.
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세하게 설명하고자 한다.
그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다.
제 1, 제 2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되어서는 안 된다. 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제 1 구성요소는 제 2 구성요소로 명명될 수 있고, 유사하게 제 2 구성요소도 제 1 구성요소로 명명될 수 있다. 및/또는 이라는 용어는 복수의 관련된 기재된 항목들의 조합 또는 복수의 관련된 기재된 항목들 중의 어느 항목을 포함한다.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다. 반면에, 어떤 구성요소가 다른 구성요소에 "직접 연결되어" 있다거나 "직접 접속되어" 있다고 언급된 때에는, 중간에 다른 구성요소가 존재하지 않는 것으로 이해되어야 할 것이다.
본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥상 가지는 의미와 일치하는 의미를 가진 것으로 해석되어야 하며, 본 출원에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.
이하, 첨부한 도면들을 참조하여, 본 발명의 바람직한 실시예를 보다 상세하게 설명하고자 한다. 본 발명을 설명함에 있어 전체적인 이해를 용이하게 하기 위하여 도면상의 동일한 구성요소에 대해서는 동일한 참조부호를 사용하고 동일한 구성요소에 대해서 중복된 설명은 생략한다.
도 1은 본 발명의 일 실시예에 따른 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법이 적용되는 시스템을 나타낸 블록도이다. 도 1에 도시된 바와 같이, 본 발명의 일 실시예에 따른 프리젠테이션 콘텐츠 생성 시스템은 IOcatcher(110), In-memory DB(120), 프리젠테이션 콘텐츠 에디터(130), 클라우드 DB(140), 인증서버(142) 및 웹 재생기(150)를 포함할 수 있다.
도 1을 참조하면, IOcatcher(110)는 데이터를 수집하는 기기이다. 이는 데이터 수집기 및 데이터 입출력기 등으로 불릴 수 있다. IOcatcher(110)는 정적인 데이터(시간이 지나도 변하지 않는 데이터) 및 동적인 데이터(시간에 따라 변하는 데이터)를 수집할 수 있다. IOcatcher(110)는 소정의 내부 또는 외부 데이터베이스(DB)로부터 데이터를 수신할 수 있다. 또는 웹(web)을 이용하여 http 파일을 수신할 수도 있고, 다른 형태의 파일을 파일 형태로 수신할 수 있다. 또는, TCP/UDP 등을 이용하여 유선 및/또는 무선 네트워크를 통해 데이터를 수집할 수 있다. 추가적으로, OPC-UA(Open Platform Communications Unified Architecture) 및 USB와 같은 범용 인터페이스를 통해 데이터를 획득할 수도 있다. IOcatcher(110)는 수집된 데이터를 프리젠테이션 콘텐츠에 실을 수 있도록 표준화 또는 정규화할 수 있다. IOcatcher(110)는 노드를 추가하여 데이터를 수집할 수 있다. 즉, 복수 개의 노드를 이용하여 데이터를 수집한다. 하나의 노드는 하나의 데이터 소스를 의미할 수 있다. 데이터 소스의 위치는 상기 Iocatcher(110)에 입력되는 데이터 제공자의 위치 또는 Iocatcher(110) 내에서의 데이터의 위치 및/또는 In-memory DB(120) 내에서의 데이터의 위치를 포함할 수 있다. 이때, 수집된 데이터를 순차적으로 PPT+ Addin(134)에 제공하기 위해 배열전송기에 연결한다. 여기서, 전송되는 데이터를 특정하기 위해, 데이터의 출력 키(key)는 관련 데이터의 topic이 되고, 출력 VAL은 관련 데이터의 name이 될 수 있다. 그리고는, PPT+ Addin(134)에 연결하여 데이터를 출판(publish)한다(Server : 레디스(Redis)(Remote Dictionary Server: "키-값" 구조의 비정형 데이터를 저장하고 관리하기 위한 오픈 소스 기반의 비관계형 데이터베이스 관리 시스템(DBMS))가 설치된 서버(server) 경로 / method: Publish). Iocatcher(110)에 의해 저장되는 데이터들은 우선 In-memory DB(120)에 저장할 수 있다. 이때, 시간개념을 확보하기 위해 타임스탬프 기반의 시간정보가 삽입될 수 있다. 본 발명의 실시예에 따르면, In-memory DB(120) 기반으로 데이터를 처리함에 따라 실시간(약 1초 이내)으로 데이터의 업데이트가 가능하다.
프리젠테이션 콘텐츠 에디터(130)는 프리젠테이션 콘텐츠를 저작하고 저작된 프리젠테이션 콘텐츠에 Iocatcher(110) 및/또는 in-memory DB(120)로부터 수신된 데이터를 바인딩한다. 이때, 프리젠테이션 콘텐츠 저작 애플리케이션(132)을 이용하여 프리젠테이션 콘텐츠를 저작하고, PPT+ Addin(134)을 이용하여 수신되는 데이터를 바인딩할 수 있다. 이때, 프리젠테이션 콘텐츠 저작 애플리케이션(132)은 Microsoft 사의 파워포인트(Powerpoint) 프로그램을 포함할 수 있다. 또한, PPT+ Addin(134)은 상기 파워포인트의 부속 프로그램 형식으로 설치되어, 파워포인트 콘텐츠 저작 툴에 부가적으로 표시될 수 있다. PPT+ Addin(134)은 파워포인트의 기존 메뉴 내에 별도의 탭(tab)의 형식으로 구동될 수 있다. PPT+ Addin(134)은 Iocatcher(110) 또는 In-memory DB(120)로부터의 데이터를 수신하고 데이터 바인딩에 이용하기 위해 데이터 사용에 대한 라이선싱(licensing)을 수행할 수 있다. 예컨대, Iocatcher(110) 내의 특정 데이터를 바인딩하기 위해 Iocatcher(110)에 사용자 인증을 수행하고 데이터를 수신 및 활용할 수 있다. 또한, PPT+ Addin(134)는 in-Memory DB(120)에 저장된 데이터를 수신 및 활용할 수 있다. 여기서, in-Memory DB(120)로부터의 데이터를 수신 및 활용하는 것은 데이터를 프리젠테이션 콘텐츠에 바인딩하여 출판(데이터 배포와 동일한 의미를 가짐)하고 슬라이드 쇼를 통한 재생에 활용될 준비를 하는 과정을 포함한다.
프리젠테이션 콘텐츠 에디터(130)를 통해 생성된 프리젠테이션 콘텐츠는 웹을 통해 공유가능한 형태의 파일(예컨대, ".daialab" 파일 형태)로 클라우드 기반의 데이터베이스(140)에 저장된다. 다만, 이 경우에도 콘텐츠 등록 및 배포 서비스의 사용이 가능한지와 관련하여 사용자 인증이 요구될 수 있다. 이때, 사용자 인증은 OAuth(142) 프로그램을 이용할 수 있다. OAuth(142)는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹 사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준을 의미한다.
web player(150)는 웹을 통해 상기 클라우드 기반 데이터베이스(140)에 저장된 프리젠테이션 콘텐츠를 재생하는 기기이다. 이는 데이터 재생기 또는 콘텐츠 재생기로 불릴 수 있다. 이때도 웹을 통한 콘텐츠 재생의 가능여부를 확인하기 위해 oAuth(142)를 통한 사용자 인증이 요구될 수 있다. 즉, 해당 인증 방법을 이용하여 인증된 사용자라면, 해당 사용자가 사용하는 기기에서 클라우드 기반 데이터베이스(140)에 저장된 .daialab 파일을 재생할 수 있다.
도 2는 도 1의 시스템의 동작 방법을 개략적으로 나타낸 흐름도이다.
도 2의 가장 상단의 데이터 수집기의 동작을 참조하면, 데이터 수집기(Iocatcher)는 데이터 소스에 연결되어 데이터를 수집하고 이를 콘텐츠에 삽입가능한 형태로 표준화하여 in-memory DB에 저장한다. 그리고는 데이터 수집기는 저장된 데이터가 슬라이드 쇼에서 바로 구독될 수 있는 상태로 대기시킨다.
도 2의 가장 하단의 콘텐츠 에디터의 동작을 참조하면, 콘텐츠 에디터는 프리젠테이션 콘텐츠 저작 애플리케이션을 실행하여 파워포인트 슬라이드를 작성하고, MS oAuth에 사용자 인증을 수행하여, 해당 파워포인트 슬라이드의 특정 UI 컴포넌트에 상기 데이터 소스로부터의 데이터를 바인딩한다. 데이터 바인딩을 통해 해당 슬라이드의 UI 컴포넌트에서의 데이터는 정적인 데이터에서 동적인 데이터로 변환된다. 즉, UI 컴포넌트의 값이 데이터 소스로부터 획득되는 데이터 값으로 시시 각각 변화할 수 있다. 동적으로 변환되는 UI 컴포넌트는 텍스트 객체(숫자, 기호 등 포함), 도형 객체, 챠트 객체 및 테이블 객체를 포함할 수 있다. 콘텐츠 에디터는 데이터 미리보기를 통해 바인딩된 데이터가 제대로 동작 및 표시되는지 확인할 수 있다. 그리고 나서, 사용자가 슬라이드를 출력하는 요청을 입력하면, 콘텐츠 에디터는 해당 프리젠테이션 콘텐츠를 웹을 통해 배포가능한 형태의 .daialab 파일로 생성하여 클라우드 기반의 데이터베이스(예컨대, OneDrive)에 저장한다. 그리고 저장된 프리젠테이션 콘텐츠는 슬라이드 쇼 구독 요청에 대응하여 데이터 바인딩된 형태로 재생된다.
상기 데이터 재생기는 PPT+ web player를 실행하여 콘텐츠를 재생한다. 다만, 이때, 재생기의 사용자가 데이터 바인딩된 프리젠테이션 콘텐츠의 접근 권한이 있는 자인지 확인하기 위한 사용자 인증 절차가 개시될 수 있다. 사용자 인증 절차는 MS oAuth와 같은 표준 인증 절차에 따를 수 있다. 인증이 완료된 사용자라면, 데이터 재생기는 클라우드 기반 데이터베이스로부터 .daialab 파일을 로딩하여 슬라이드 쇼를 요청(해당 요청에는 특정 데이터 소스로의 구독 요청이 포함될 수 있음)하고, 상기 .daialab 파일은 웹 브라우져를 통해 재생될 수 있다.
도 3은 본 발명의 일 실시예에 따른 프리젠테이션 콘텐츠 생성 방법에서 사용되는 데이터 바인딩 방법이 실행되는 디스플레이 화면을 나타낸 도면이다.
도 3을 참조하면, 콘텐츠 에디터의 사용자는 프리젠테이션 콘텐츠 저작 프로그램(파워포인트)을 실행하여 프리젠테이션 콘텐츠를 저작할 수 있다. 이때, 다양한 UI 컴포넌트를 생성하여 슬라이드를 편집할 수 있다. 프리젠테이션 콘텐츠는 적어도 하나의 슬라이드를 포함하며, 하나의 슬라이드는 적어도 하나의 UI 컴포넌트를 포함할 수 있다. UI 컴포넌트는 슬라이드에 배치되는 객체를 의미할 수 있다. UI 컴포넌트는 도형 객체, 챠트 객체, 이미지 객체, 텍스트 객체 등 프리젠테이션 콘텐츠의 "삽입" 탭에서 삽입가능한 객체 중 적어도 일부를 포함할 수 있다.
프리젠테이션 콘텐츠의 저작을 실행하면, 좌측의 일 영역에 슬라이드의 개요가 표시될 수 있고, 우측의 일 영역에는 해당 슬라이드가 표시된다. 도 3의 실시예는 우측의 일 영역에 표시되는 하나의 슬라이드를 나타낸다. 상기 하나의 슬라이드는 복수 개의 UI 컴포넌트들(310-1~310-5, 320-1, 320-2)을 포함한다.
상기 UI 컴포넌트들 중 일부(310-1~310-5)는 텍스트 객체 및 도형 객체로 표시되어 있다. 그리고, UI 컴포넌트들 중 다른 일부(320-1, 320-2)는 데이터 바인딩이 이루어지는 객체이다.
본 발명의 일 실시예에 따르면, 데이터바인딩은 데이터 소스 컴포넌트를 생성함에 의해 수행될 수 있다. 데이터 소스 컴포넌트는 바인딩될 타겟 데이터 소스와 관련된 컴포넌트를 의미한다. 데이터 소스 컴포넌트의 생성은 바인딩될 대상 UI 컴포넌트 객체(320-1)에 대한 클릭(우클릭)에 따라 표시되는 메뉴 창에서 데이터바인딩을 선택하고, 데이터바인딩에 대응하는 메뉴 창에서 바인딩 데이터의 속성을 설정함으로써 실행된다. 이때, 사용자는 사용자 인터페이스(미도시)를 통해 바인딩할 데이터의 위치를 나타내는 데이터 위치 등의 속성 값들을 선택할 수 있다. 바인딩 데이터의 속성값과 관련하여, url은 ajax, JSONP 등의 데이터 소스에 대한 리모트 액세스 경로를 나타내며, query는 리모트 액세스 시의 쿼리 정보를 나타내고, schedule은 로딩 주기 설정(0일 경우 자동으로 로딩하지 않음)을 나타내며, timeout은 리모트 액세스 시 데이터에 대한 타임아웃(msec)을 나타내고, method는 리모트 액세스 시의 쿼리 요청 방법을 설정하는 것이며, proxy는 데이터의 로딩 위치/프로토콜을 설정하는 것이고, sourcetype은 원본 데이터의 포맷을 설정하는 것이며, bindonload는 자동 데이터 로드 여부를 설정하는 것이고, autouibind는 url로부터 데이터로딩 이후에 UI에 데이터 바인딩이 적용될지에 대한 여부를 설정하는 것이며, showloadingmsg는 데이터 로딩 시 프로그래스 창을 보여줄지 여부를 설정하는 항목을 포함할 수 있다.
본 발명의 다른 실시예에 따르면, 사용자는 파워포인트의 상단 메뉴 탭 중에서 설치된 PPT+ Addin과 관련된 PPT Plus의 "연결"을 실행하여 화면 우측에 데이터 바인딩 창이 출력되게 할 수 있다. 그리고는, 기 등록된 데이터 소스의 목록을 검색하여 데이터 소스 컴포넌트를 생성할 수 있다. 그리고, 데이터 소스 컴포넌트로 바인딩될 타겟 데이터 소스를 지정함에 의해 데이터 바인딩을 위한 준비가 이루어질 수 있다. 만약, 데이터 셋을 모를 경우, 모든 데이터 소스를 검색하는 명령어를 입력할 수 있다. 이때, 데이터 바인딩은 데이터 바인딩이 되는 UI 컴포넌트(320-1)(도형 객체가 될 수 있음)를 선택하고 검색결과 LOV에 있는 데이터 셋을 선택함으로써 이루어진다. 이때, 데이터 바인딩창의 하단 테이블에는 해당 도형이 선택되어 있는 것이 바람직하다. 데이터 바인딩을 수행되면, PPT Plus의 "데이터 연동" 탭에서, "수신 받기" 버튼을 눌러 데이터가 정상적으로 받아지는지 확인할 수 있다. 수신받기 버튼은 토글 버튼으로 슬라이드 별로 독립적으로 데이터를 수신할 수 있도록 구성될 수 있다. 다른 슬라이드에서 데이터 수신을 하고 싶은 경우, 먼저 수신받기 버튼을 한번 클릭하여 이전 수신을 종료한 뒤 다시 클릭하여 데이터를 수신할 수 있다. 또한, 파워포인트의 슬라이드 쇼 기능을 실행하면 자동으로 데이터를 수신할 수 있다.
데이터 바인딩과 관련하여, 콘텐츠 에디터에서의 데이터의 연결은 데이터의 name 값을 통해 이루어질 수 있다.
IOcatcher의 배열전송기는 데이터 소스에서 어레이(array) 형태로 보내주는 데이터를 어레이의 각 아이템 별로 구분하여 저장가능한 상태로 만든다. CSV-Converter는 msg.payload의 데이터에서 csv 타입을 읽어서 이를 객체(object)로 변경하거나 또는 object로 읽어서 csv로 변환하는 작업을 할 수 있다. 테이블 데이터 생성기는 이전 노드의 msg.payload와 함께 msg.{입력ƒ„} = 출력 Val을 전송한다. 콘텐츠 에디터는 사용자에 의해 입력된 데이터 바인딩에 대한 UI 컴포넌트의 속성 값을 Iocatcher로 보내 전송되는 데이터의 속성을 변경하도록 지시할 수 있다. 그리고는, 속성값에 대응되는 데이터를 관련 UI 컴포넌트에 적절히 바인딩한다. 각각의 UI 컴포넌트의 객체에 따른 속성값의 설정 및 그에 따른 데이터 바인딩 방법의 상세는 도 5 내지 도 7a 및 도 7b를 통해 보다 상세히 설명한다.
도 4는 복수 개의 데이터가 하나의 PPT 파일에 적용되어 출판되는 과정을 설명하기 위한 개념도이다.
도 4를 참조하면, 콘텐츠 에디터에서 생성된 프리젠테이션 콘텐츠(430)의 특정 슬라이드는 복수 개의 UI 컴포넌트들(432-1, 432-2)을 포함할 수 있다. 이때, 각각의 UI 컴포넌트들(432-1, 432-2)은 서로 다른 데이터 소스에 바인딩될 수 있다. In-memory DB(420)에도 복수 개의 데이터 소스가 존재하는 경우, 제 1 UI 컴포넌트(432-1)에는 In-memory DB(420) 내의 A 파일 데이터가 바인딩될 수 있다. 반면, 제 2 UI 컴포넌트(432-2)에는 In-memory DB(420) 내의 B 파일 데이터가 바인딩될 수 있다. 제 1 UI 컴포넌트(432-1)의 바인딩되는 데이터의 시점과 제 2 UI 컴포넌트(432-2)의 바인딩되는 데이터의 시점은 서로 다를 수 있다. 즉, 동일한 데이터 소스(또는 서로 다른 데이터 소스)로부터의 데이터라도 제 1 UI 컴포넌트(432-1)의 데이터 값은 2019년 11월 30일 06시의 데이터 값이라면, 제 2 UI 컴포넌트(432-2)의 값은 2019년 12월 2일 06시의 데이터 값으로 바인딩될 수 있다.
만약 둘 이상의 UI 컴포넌트에 바인딩되는 데이터가 동일한 데이터 파일인 경우 그리고 해당 데이터 파일이 엑셀 데이터와 같이 다수의 열과 행으로 이루어진 다수의 값을 포함하는 데이터인 경우, 각 UI 컴포넌트별로 해당 엑셀 파일의 어느 열 및/또는 어느 행의 데이터 값을 불러올지를 선택함으로써 동일한 데이터 파일 내에서도 서로 다른 출력 값에 바인딩될 수 있도록 제어할 수 있다. 그리고, UI 컴포넌트는 테이블, 챠트 등의 객체로도 형성될 수 있고, 이에 따라 테이블/챠트를 구성하는 복수 개의 데이터 값을 동시에 바인딩하여 해당 슬라이드에서 실시간으로 동적으로 변화하는 값으로 표시될 수 있도록 한다. 테이블/챠트의 경우, 테이블/챠트 UI 컴포넌트의 제 1 영역에 해당하는 데이터 값은 제 1 데이터 파일의 제 1 위치에서, 테이블/챠트 UI 컴포넌트의 제 2 영역에 해당하는 데이터 값은 제 1 데이터 파일(또는 다른 데이터 파일도 가능함)의 제 2 위치의 데이터 값에 바인딩될 수 있다. 즉, 바인딩되는 데이터 소스의 데이터가 엑셀 데이터인 경우, A열/1행의 값은 상기 제 1 영역에, A열/2행의 값은 상기 제 2 영역에 바인딩될 수 있고, 이 값이 기 생성된 UI 컴포넌트의 형태(예컨대, 챠트 또는 그래프)로 변환되어 표시될 수 있다.
이렇게 바인딩된 데이터를 포함하는 프리젠테이션 콘텐츠는 반드시 프리젠테이션 저작 애플리케이션의 실행으로 통해서만 재생되어지는 것이 아니고, json 파일과 같은 웹을 통한 배포가 가능한 형태로 변환되어 웹 재생기(web player)를 통해 출판될 수 있다.
도 5 내지 도 7a 및 7b는 텍스트 객체, 원형 도형 객체 및 챠트(chart) 객체를 데이터 바인딩할 때 설정되는 속성을 설명하기 위한 도면이다.
도 5를 참조하면, UI 컴포넌트가 텍스트 객체인 경우, 도 5의 속성 값을 선택하여 텍스트의 속성을 설정할 수 있다. "type" : "Text"는 바이딩 될 Object의 형태가 텍스트임을 나타내고, "name" : "Binding Key"는 객체 이름이 바인딩 Key라는 것을 의미한다. 그리고, 화면 내의 객체의 좌표를 설정하기 위한 속성 값, 텍스트 영역에 표시될 텍스트의 입력값, 폰트 크기, 폰트 패밀리, 텍스트의 색상, 텍스트 영역의 넓이, 정렬 방법, 테두리 색상, 테두리 크기, 회전률, 그림자 색상, 그림자 흐림 정도 및 그림자의 X 및 Y 좌표 값 크기, Text 그림자 투명도(투명도가 없는 경우 = 1 / 0.9 = 90% ) 및 텍스트 객체의 Z-Index 값을 설정할 수 있다.
도형 객체 중 직사각형 객체의 경우, "type" 값이 "rect"로 설정될 수 있다. 그리고, "name" : "binding key" 값은 텍스트 객체의 속성 설정 방식과 동일하며, x 및 y좌표 설정 방법 역시 텍스트 객체와 동일하다. 추가적으로, 직사각형의 텍스트 영역에 표시된 텍스트 입력 창, 해당 텍스트의 색상, 텍스트 이외의 배경 부분 색상, 직사각형의 높이 및 넓이, 모서리 곡률(단위 pixel), 테두리 색상, 테두리 크기, 회전률, 그림자 색상, 그림자 흐림 정도 및 그림자의 X 및 Y 좌표 값 크기, 그림자 투명도(투명도가 없는 경우 = 1 / 0.9 = 90%) 및 직사각형 객체의 Z-Index 값을 설정할 수 있다.
도 6은 원형 도형 객체의 데이터 바인딩 속성을 나타낸다.
도 6을 참조하면, "type" 값이 "Circle"로 설정될 수 있다. 그리고, "name" : "binding key" 값은 텍스트/직사각형의 속성 설정 방식과 동일하며, x 및 y좌표 설정 방법 역시 텍스트 객체와 동일하다. 추가적으로, 원형 객체의 반지름 (단위 pixel), 배경 부분 색상, 테두리 색상, 테두리 크기, 회전률, 그림자 색상, 그림자 흐림 정도 및 그림자의 X 및 Y 좌표 값 크기, 그림자 투명도(투명도가 없는 경우 = 1 / 0.9 = 90%) 및 원형 객체의 Z-Index 값을 설정할 수 있다.
도형 객체 중 RegularPolygon 객체의 경우, "type" 값이 "RegularPolygon"로 설정될 수 있다. 그리고, "name" : "binding key" 값은 앞선 객체의 속성 설정 방식과 동일하며, x 및 y좌표 설정 방법 역시 동일하다. 추가적으로, RegularPolygon의 반지름 (단위 pixel), RegularPolygon의 각의 갯수, 배경 부분 색상, 테두리 색상, 테두리 크기, 회전률, 그림자 색상, 그림자 흐림 정도 및 그림자의 X 및 Y 좌표 값 크기, 그림자 투명도(투명도가 없는 경우 = 1 / 0.9 = 90%) 및 RegularPolygon 객체의 Z-Index 값을 설정할 수 있다.
추가적으로, 이미지 객체의 경우, "type" 값이 "Image"로 설정될 수 있다. 그리고, "name" : "binding key" 값은 앞선 객체의 속성 설정 방식과 동일하며, x 및 y좌표 설정 방법 역시 동일하다. 추가적으로, 이미지의 넓이, 높이 등을 설정할 수 있고, 테두리 색상, 테두리 크기, 회전률, 그림자 색상, 그림자 흐림 정도 및 그림자의 X 및 Y 좌표 값 크기, 그림자 투명도(투명도가 없는 경우 = 1 / 0.9 = 90%) 및 Image 객체의 Z-Index 값을 설정할 수 있다.
더욱이, "선(line)" 객체의 경우, "type" 값이 "line"으로 설정될 수 있다. 그리고, "name" : "binding key" 값은 앞선 객체의 속성 설정 방식과 동일하다. 추가적으로, 선의 접지모양(round: 둥근 모양/ bavel: 직각모양), 선의 끝모양(round: 둥근 모양/ square: 직각모양), 선의 점의 좌표(점1의 좌표, 점 2의 좌표, ...), 테두리 색상, 테두리 크기, 회전률, 그림자 색상, 그림자 흐림 정도 및 그림자의 X 및 Y 좌표 값 크기, 그림자 투명도(투명도가 없는 경우 = 1 / 0.9 = 90%) 및 Line 객체의 Z-Index 값을 설정할 수 있다.
도 7a 및 도 7b는 챠트 객체의 데이터 바인딩 속성을 나타낸다.
챠트의 종류에는 bar / line / step / area-step / area / area-spline / scatter / donut / pie / gauge 등이 존재한다. 또한, 복합 챠트로써, Chart Data가 두개 이상일 경우 복합차트로 표현이 가능하며 chartTypes/axes/groups 등의 내용을 설정할 수 있으며 단일 Chart설정인 "chartType"는 설정할 수 없다.
도 7a 및 도 7b를 참조하면, "type" : "Chart"로 설정될 수 있다. 그리고, "name" : "binding key" 값은 앞선 객체의 속성 설정 방식과 동일하다. 챠트 데이터에서 데이터의 이름, 컬럼 이름을 규정할 수 있다.
또한, 위치를 설정할 수 있는데, right or bottom 중 선택가능하다. 기본값은 bottom일 수 있다. 챠트 보여주기 여부 선택 설정이 있는데, true는 보여주는 것을, false는 감추는 것을 나타낸다.
Chart가 두개이상의 복합차트일 경우에만 chart types에 값을 설정할 수 있다. 이때, 복합 챠트의 경우, 데이터 1의 챠트 타입과 데이터 2의 챠트 타입을 독립적으로 설정할 수 있다.
단일 데이터 챠트일 경우, Chart Type으로 복합챠트의 "chart types"에서 "s"가 삭제된 형태의 값을 설정할 수 있다. 이때, Chart의 Y축 값 표시 영역 선택하고, 데이터 1 값은 챠트의 y에, 테이더 2 값은 챠트의 y2에 표시되도록 설정할 수 있다.
Stacked Bar Chart의 경우 함께 표시할 Data를 group으로 묶어주는 설정을 할 수 있다. 또한, Chart의 x축 및/또는 y축의 가이드 라인 추가 또는 삭제를 위한 설정, x축의 value 값, 가이드라인에 표시될 text 입력, 및 시작(start)/중간(middle)/끝(end) 중 어느 하나의 위치로 가이드라인의 위치를 정하는 설정을 이용할 수 있다.
추가적으로, 테이블 객체의 경우, 하나의 column title / 두개의 column title의 스타일 중 하나를 선택하여 설정할 수 있다. 이때, "type" : "Table"로 설정될 수 있다. 그리고, "name" : "binding key" 값은 앞선 객체의 속성 설정 방식과 동일하다. 테이블 데이터에서 테이블 데이터 객체 어레이를 정의할 수 있다.
테이블 데이터와 관련하여, 테이블 열의 내용을 입력할 수 있다. 이때, field 값을 설정하여 테이블데이터의 키 값으로 활용할 수 있다. 그리고, 해당 열의 제목, 해당 열의 넓이, data text의 가로방향 정렬값, 해당 열의 수정여부에 대한 설정, 열의 크기를 자동 조정할지에 대한 설정 등을 이용할 수 있다.
테이블 열들의 그룹과 관련된 설정으로, field 값을 설정하여 합쳐질 columns field value의 묶음을 결정할 수 있다. 그리고는, 해당 열들의 그룹 제목, column title의 가로방향 정렬값, 병합된 행의 갯수, 병합된 열의 갯수 및 정렬기능 활성화 여부 등을 설정할 수 있다. 또한, 테이블의 높이 값, 테이블 데이터 열의 배경 색상 등을 설정할 수 있다.
도 8은 본 발명의 일 실시예에 따른 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법의 출판 및 재생 단계를 구체적으로 나타낸 상세흐름도이다.
도 8을 참조하면, 출판 단계에서, 콘텐츠 에디터는 데이터 바인딩이 수행된 프리젠테이션 콘텐츠를 클라우드 기반 데이터베이스(예컨대, OneDrive)에 등록하기 위해 로그인을 수행한다. 이때, 출판 탭에서 인증하기 버튼을 클릭하여 oAuth를 기반으로 사용자 인증을 수행한다. 인증 결과 이상이 없으면, 출판 탭의 출력버튼을 클릭하여 상기 클라우드 기반 데이터베이스로 결과물을 출력한다. 확장명은 .daialab으로 결정될 수 있다. 출력폴더의 위치 및 이름 역시 결정할 수 있다.
이때, 프리젠테이션 콘텐츠의 출판은, 프리젠테이션 콘텐츠의 슬라이드 내의 객체들 중 적어도 일부를 추출하여, 추출된 객체 중 적어도 일부를 제외한 슬라이드 표시 부분을 배경으로 이미지화함에 의해 달성될 수 있다. 또한, 이때, 추출된 객체 중 적어도 일부를 기반으로 json 형태의 데이터로 변환하고, 앞서 이미지화된 배경 이미지와 json 형태의 데이터를 함께 저장함에 의해 데이터 변환이 완료될 수 있다.
데이터 재생기에서 web player를 통한 재생은 다음의 과정을 통해 이루어진다. 데이터 재생기는 출판결과를 확인하기 위해 출판결과를 확인하기 위해 WebPlayer에 접속한다. 이는 WebPlayer와 관련하여 기 정해진 URL에 접속함으로써 이루어질 수 있다. 그리고는, 역시 OneDrive oAuth를 진행하면 사용자가 해당 계정과 관련된 OneDrive 폴더 내역을 확인할 수 있다. 이때, PPT+와 관련된 폴더를 선택하면 출력한 .daialab 파일들을 볼 수 있다. Web으로 보기 원하는 파일을 선택하고 실행 버튼을 클릭하면 파워포인트에서 작성한 내용을 Web으로 볼 수 있다. 이때, 파워포인트에서 제공하는 기본적인 UI 기능들(Slide 변경, 자동 Slide변경, 전체화면) 및 데이타 바인딩 켜기/끄기 등의 데이터 바인딩에 특화된 기능을 사용가능하다.
이상 도면 및 실시예를 참조하여 설명하였지만, 본 발명의 보호범위가 상기 도면 또는 실시예에 의해 한정되는 것을 의미하지는 않으며 해당 기술 분야의 숙련된 당업자는 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.

Claims (14)

  1. 데이터 바인딩(data binding)을 이용한 프리젠테이션(presentation) 콘텐츠를 생성 방법에 있어서,
    프리젠테이션 콘텐츠 저작 애플리케이션(Applicaltion)을 실행하는 단계;
    상기 실행되는 프리젠테이션 콘텐츠 저작 애플리케이션 기반의 프리젠테이션 콘텐츠의 적어도 하나의 슬라이드(slide)에 적어도 하나의 UI 컴포넌트(component)를 추가하여 슬라이드 레이아웃을 생성하는 단계;
    상기 슬라이드 레이아웃 내의 상기 적어도 하나의 UI 컴포넌트 중 적어도 하나에 데이터 소스 컴포넌트를 생성하는 단계, 상기 데이터 소스 컴포넌트는 데이터 소스(data source)의 위치를 지정함에 의해 생성됨;
    상기 지정된 위치의 데이터 소스로부터의 데이터를 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩(binding)시키는 단계; 및
    상기 바인딩이 수행된 프리젠테이션 콘텐츠를 저장하는 단계를 포함하는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  2. 제 1 항에 있어서,
    상기 지정된 위치의 데이터 소스로부터의 데이터는 동적으로 변화하는 데이터이고,
    상기 동적으로 변화하는 데이터가 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩되어 상기 프리젠테이션 콘텐츠 내에서 표시되는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  3. 제 2 항에 있어서,
    상기 프리젠테이션 콘텐츠 저작 애플리케이션은 MS 파워포인트(PowerPoint) 애플리케이션을 포함하고,
    상기 UI 컴포넌트 및 상기 데이터 소스 컴포넌트 중 적어도 하나는 상기 파워포인트 애플리케이션의 도형 객체를 포함하며,
    상기 파워포인트 애플리케이션의 도형에 상기 동적으로 변화하는 데이터가 바인딩되는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  4. 제 2 항에 있어서,
    상기 프리젠테이션 콘텐츠 저작 애플리케이션은 MS 파워포인트(PowerPoint) 애플리케이션을 포함하고,
    상기 UI 컴포넌트 및 상기 데이터 소스 컴포넌트 중 적어도 하나는 상기 파워포인트 애플리케이션의 챠트 객체를 포함하며,
    제 1 동적으로 변화하는 데이터와 제 2 동적으로 변화하는 데이터가 상기 챠트 객체의 서로 다른 영역에 실시간으로 반영되는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  5. 제 1 항에 있어서,
    상기 UI 컴포넌트로의 바인딩에 후속하여 상기 프리젠테이션 콘텐츠의 편집이 수행되는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  6. 제 1 항에 있어서,
    상기 데이터 소스는 데이터베이스(DB), 지정된 위치의 데이터 파일, 및 통신망 기반으로 입력되는 데이터 중 적어도 하나를 포함하는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  7. 제 1 항에 있어서, 상기 웹을 통해 배포하는 단계는,
    상기 프리젠테이션 콘텐츠는 제 1 형태로 변경하여 웹(web)을 통해 배포되고,
    여기서, 상기 제 1 형태는 네트워크 기반 데이터 교환을 위한 포맷을 포함하는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  8. 제 7 항에 있어서, 상기 웹을 통해 배포하는 단계는,
    상기 프리젠테이션 콘텐츠의 슬라이드 내의 객체들 중 적어도 일부를 추출하는 단계;
    상기 추출된 객체 중 적어도 일부를 제외한 슬라이드 표시 부분을 배경으로 이미지화하는 단계;
    상기 추출된 객체 중 적어도 일부를 기반으로 상기 제 1 형태의 슬라이드 데이터로 변환하는 단계; 및
    상기 배경 이미지와 상기 제 1 형태의 데이터를 저장하는 단계를 포함하는 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  9. 제 7 항 또는 제 8 항에 있어서,
    상기 제 1 형태는 JSON(JavaScript Object Notation)을 포함하는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  10. 제 1 항에 있어서,
    상기 데이터 바인딩을 수행하는 프리젠테이션 콘텐츠 생성을 위한 에디터 프로그램은 MS 파워포인트(Microsoft Powerpoint) 애플리케이션에 플러그 인(Plug-in) 형태로 설치되는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  11. 제 1 항에 있어서,
    상기 바인딩이 수행된 프리젠테이션 콘텐츠 파일은 사용자 인증을 수행한 뒤, 데이터 등록 절차를 거쳐 클라우드 기반의 데이터베이스에 저장되는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  12. 제 11 항에 있어서,
    상기 데이터베이스에 저장된 프리젠테이션 파일은 사용자 인증 절차를 거쳐 웹 브라우져를 이용하여 재생되는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법.
  13. 데이터 바인딩(data binding)을 이용한 프리젠테이션(presentation) 콘텐츠를 생성 장치에 있어서,
    프리젠테이션 콘텐츠 저작 애플리케이션(Applicaltion)을 실행하고, 상기 실행되는 프리젠테이션 콘텐츠 저작 애플리케이션 기반의 프리젠테이션 콘텐츠의 적어도 하나의 슬라이드(slide)에 적어도 하나의 UI 컴포넌트(component)를 추가하여 슬라이드 레이아웃을 생성하며, 상기 슬라이드 레이아웃 내의 상기 적어도 하나의 UI 컴포넌트 중 적어도 하나에 데이터 소스 컴포넌트 - 상기 데이터 소스 컴포넌트는 데이터 소스(data source)의 위치를 지정함에 의해 생성됨 - 를 생성하고, 상기 지정된 위치의 데이터 소스로부터의 데이터를 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩(binding)시키는 프로세서; 및
    상기 프로세서의 동작과 관련된 명령어 및 상기 바인딩이 수행된 프리젠테이션 콘텐츠를 저장하는 메모리를 포함하는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 장치.
  14. 데이터 바인딩(data binding)을 이용한 프리젠테이션(presentation) 콘텐츠를 제공하는 시스템에 있어서,
    데이터를 수집하여 프리젠테이션 콘텐츠에 삽입 가능한 형태로 표준화하는 데이터 수집기, 상기 데이터 수집기는 적어도 하나의 데이터 소스와 연관됨;
    프리젠테이션 콘텐츠 저작 애플리케이션(Applicaltion)을 실행하고, 상기 실행되는 프리젠테이션 콘텐츠 저작 애플리케이션 기반의 프리젠테이션 콘텐츠의 적어도 하나의 슬라이드(slide)에 적어도 하나의 UI 컴포넌트(component)를 추가하여 슬라이드 레이아웃을 생성하며, 상기 슬라이드 레이아웃 내의 상기 적어도 하나의 UI 컴포넌트 중 적어도 하나에 데이터 소스 컴포넌트 - 상기 데이터 소스 컴포넌트는 데이터 소스(data source)의 위치를 지정함에 의해 생성됨 - 를 생성하고, 상기 지정된 위치의 데이터 소스로부터의 데이터를 상기 데이터 소스 컴포넌트에 대응하는 UI 컴포넌트에 바인딩(binding)시키며, 상기 바인딩이 수행된 프리젠테이션 콘텐츠를 웹을 통해 배포가능한 형태로 변환하여 출판하는 콘텐츠 에디터; 및
    상기 바인딩이 수행된 프리젠테이션 콘텐츠를 웹 브라우져 기반의 재생기를 통해 재생하는 데이터 재생기를 포함하는, 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 제공 시스템.

KR1020190153575A 2019-11-26 2019-11-26 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템 KR102303335B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020190153575A KR102303335B1 (ko) 2019-11-26 2019-11-26 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020190153575A KR102303335B1 (ko) 2019-11-26 2019-11-26 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템

Publications (2)

Publication Number Publication Date
KR20210064865A true KR20210064865A (ko) 2021-06-03
KR102303335B1 KR102303335B1 (ko) 2021-09-23

Family

ID=76396850

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020190153575A KR102303335B1 (ko) 2019-11-26 2019-11-26 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템

Country Status (1)

Country Link
KR (1) KR102303335B1 (ko)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101456508B1 (ko) * 2012-11-30 2014-10-31 인크로스 주식회사 웹 어플리케이션 저작에서 데이터 바인딩 방법 및 이를 이용한 저작도구
KR102014500B1 (ko) * 2018-02-28 2019-08-27 김성용 드릴-다운 슬라이드 프리젠테이션 콘텐츠 생성 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 배포 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 재생 방법 및 장치, 및 드릴-다운 프리젠테이션 콘텐츠 배포 및 재생 시스템

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101456508B1 (ko) * 2012-11-30 2014-10-31 인크로스 주식회사 웹 어플리케이션 저작에서 데이터 바인딩 방법 및 이를 이용한 저작도구
KR102014500B1 (ko) * 2018-02-28 2019-08-27 김성용 드릴-다운 슬라이드 프리젠테이션 콘텐츠 생성 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 배포 방법 및 장치, 드릴-다운 슬라이드 프리젠테이션 콘텐츠 재생 방법 및 장치, 및 드릴-다운 프리젠테이션 콘텐츠 배포 및 재생 시스템

Also Published As

Publication number Publication date
KR102303335B1 (ko) 2021-09-23

Similar Documents

Publication Publication Date Title
US10255023B2 (en) Collaborative electronic whiteboard publication process
US9460542B2 (en) Browser-based collaborative development of a 3D model
US20140089786A1 (en) Automated Processor For Web Content To Mobile-Optimized Content Transformation
CN111428177A (zh) 用于web内容生成的方法和系统
US10572546B2 (en) Information processing apparatus, document display method, document display system, and medium
US10367890B2 (en) Maintain single session with a single application across multiple clients
WO2011082072A2 (en) Gesture-based web site design
US10902254B2 (en) Converting a captured image of a layout to a structured document template
US20110167360A1 (en) Incoming web traffic conversion
JP6215359B2 (ja) 複数のコンピューティングデバイスにわたる情報へのアクセスの提供
CN106062741B (zh) 在社交网络系统中进行信息处理的方法和系统
US10817266B2 (en) Converting a captured image to visual programming logic for an automation building tool
US20210334149A1 (en) Api adapter creation device, api adapter creation method, and api adapter creation program
WO2022000888A1 (zh) 执行定制化人工智能生产线的装置和方法、设备和介质
Konshin Next. js Quick Start Guide: Server-side rendering done right
CN113158619B (zh) 文档处理方法、装置、计算机可读存储介质及计算机设备
KR102303335B1 (ko) 데이터 바인딩을 이용한 프리젠테이션 콘텐츠 생성 방법 및 장치, 및 시스템
US11843679B2 (en) Automated dependency management based on page components
JP2007179209A (ja) 業務プロセスやドキュメントの記録・管理方法
US20210398079A1 (en) Workflow management and interaction between reference software and visual collaboration software
US11328030B2 (en) Systems and methods of generating or updating a design based on a universal resource locator (URL)
Dabit Full Stack Serverless
JP2006236375A (ja) Ｗｅｂアプリケーション開発方法、開発支援システム、および該方法に係るプログラム
US11544227B2 (en) Embedded reference object and interaction within a visual collaboration system
KR100982732B1 (ko) ＸＦｏｒｍｓ 기반의 클라이언트 페이지 자동 생성 시스템 및 클라이언트 페이지 자동 생성 방법

Legal Events

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