KR20110081734A - Dynamic attribute setting method for web document applied font - Google Patents

Dynamic attribute setting method for web document applied font Download PDF

Info

Publication number
KR20110081734A
KR20110081734A KR1020100026840A KR20100026840A KR20110081734A KR 20110081734 A KR20110081734 A KR 20110081734A KR 1020100026840 A KR1020100026840 A KR 1020100026840A KR 20100026840 A KR20100026840 A KR 20100026840A KR 20110081734 A KR20110081734 A KR 20110081734A
Authority
KR
South Korea
Prior art keywords
font
effect type
html document
attribute
information
Prior art date
Application number
KR1020100026840A
Other languages
Korean (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 (주)활자공간
Publication of KR20110081734A publication Critical patent/KR20110081734A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION 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/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/12Digital output to print unit, e.g. line printer, chain printer
    • G06F3/1201Dedicated interfaces to print systems
    • G06F3/1223Dedicated interfaces to print systems specifically adapted to use a particular technique
    • G06F3/1237Print job management
    • G06F3/1244Job translation or job parsing, e.g. page banding
    • G06F3/1246Job translation or job parsing, e.g. page banding by handling markup languages, e.g. XSL, XML, HTML
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/455Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45529Embedded in an application, e.g. JavaScript in a Web browser
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H04M1/72406User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality by software upgrading or downloading
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Human Computer Interaction (AREA)
  • Signal Processing (AREA)
  • General Engineering & Computer Science (AREA)
  • Tourism & Hospitality (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)
  • Computer Networks & Wireless Communication (AREA)
  • Multimedia (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

PURPOSE: A dynamic attribute designation method for web document application font is provided to minimize the network traffic for the transmission and reception of font data. CONSTITUTION: A server stores font detailed data including information about a font file and information about a font effect type about a font ID(S100). The server refers to the activated font of a subscriber presently logged in(S102). The server creates an HTML(Hyper Text Markup Language) document which an activated font ID is applied to(S104). The server offers the HTML document to a client(S106).

Description

웹 문서 적용 폰트에 대한 동적 속성 지정 방법{Dynamic attribute setting method for web document applied font}Dynamic attribute setting method for web document applied font}

본 발명은 웹 문서 적용 폰트에 대한 동적 속성 지정 방법에 관한 것이다. 더욱더 자세하게는, 폰트 파일에 포함된 각 텍스트의 외형에 대한 그래픽 데이터의 수정 없이 웹 문서 적용 폰트에 대하여 시간에 따라 형상 또는 색상이 변하는 효과를 줄 수 있는 동적 속성 지정 방법에 관한 것이다.The present invention relates to a dynamic attribute specification method for a web document application font. More specifically, the present invention relates to a dynamic attribute designation method capable of changing the shape or color over time for a web document applied font without modifying graphic data on the appearance of each text included in the font file.

웹 문서에 사용되는 폰트에 대하여 특수 효과를 지원하는 기술이 존재한다. 예를 들어, 벡터 이미지를 디스플레이하고 제어하는 다양한 기술이 등장하여, 상기 벡터 이미지의 제어를 통한 특수 효과 폰트가 지원 되고 있다.There are technologies that support special effects for fonts used in web documents. For example, various technologies for displaying and controlling vector images have emerged, and special effect fonts through the control of the vector images have been supported.

그런데, 상기 벡터 이미지의 제어를 통한 특수 효과 폰트 지원 기술은 웹 시스템에 부하가 많이 걸리는 문제가 있어서, 폰트와 같이 웹 문서상에 항상 노출되고 많은 정보를 표현하는 데이터를 처리하기에는 부적합한 문제가 있다.However, the special effect font support technology through the control of the vector image is a problem that takes a lot of load on the web system, there is a problem that is unsuitable for processing data that is always exposed on the web document, such as font, and expresses a lot of information.

또한, 일부 기술에 따르면, 폰트에 애니메이션 효과를 줄 수 있도록, 각 프레임 마다 텍스트 형상을 달리하는 웹 폰트 파일을 다운로드 하여 상기 웹 폰트에 저장 된 각 텍스트의 프레임 별 형상을 주기적으로 교체하는 방식으로 특수 효과 폰트를 지원하고 있으나, 이러한 방식은 폰트 디자인 제작비가 많이 들뿐만 아니라, 폰트 파일의 크기가 프레임의 개수만큼 증가하므로, 트래픽을 유발하는 문제점이 있다.In addition, according to some technologies, in order to animate the font, by downloading a web font file that changes the text shape for each frame, by specially replacing the frame shape of each text stored in the web font periodically Although effect fonts are supported, this method not only costs a lot of font design, but also increases the size of the font file by the number of frames, thereby causing traffic.

본 발명이 해결하고자 하는 기술적 과제는 웹 서비스 시스템에 대한 작업 부하를 최소화하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법을 제공하는 것이다.The technical problem to be solved by the present invention is to provide a dynamic attribute designation method for the web document application font to minimize the workload on the web service system.

본 발명이 해결하고자 하는 다른 기술적 과제는 폰트 데이터의 송수신을 위한 네트워크 트래픽을 최소화하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법을 제공하는 것이다.Another technical problem to be solved by the present invention is to provide a dynamic attribute designation method for a web document applied font that minimizes network traffic for transmitting and receiving font data.

본 발명이 해결하고자 하는 또 다른 기술적 과제는 자바 스크립트 기술을 이용하여 폰트의 속성, 예를 들어, 폰트의 컬러, 크기 및 동적 움직임을 제어하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법을 제공하는 것이다.Another technical problem to be solved by the present invention is to provide a dynamic attribute specification method for a web document applied font that controls the attributes of the font, for example, the color, size, and dynamic movement of the font using JavaScript technology. .

본 발명의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 당업자에게 명확하게 이해 될 수 있을 것이다.The technical problems of the present invention are not limited to the above-mentioned technical problems, and other technical problems not mentioned will be clearly understood by those skilled in the art from the following description.

상기 기술적 과제를 달성하기 위한 본 발명의 일 태양에 따른 웹 문서 적용 폰트에 대한 동적 속성 지정 방법은 각각의 폰트 ID에 대하여 폰트 파일에 대한 정보 및 폰트 효과 타입에 대한 정보를 포함하는 폰트 명세 데이터를 저장하는 단계, 클라이언트에 제공할 HTML 문서에 사용될 폰트의 상기 폰트 ID를 결정하는 단계, 및 상기 폰트 명세 데이터를 참조하여, 상기 HTML 문서에 사용될 폰트의 폰트 ID에 대응하는 폰트 파일의 경로를 지정하는 태그, 상기 폰트 효과 타입에 대한 정보가 인코딩 된 폰트 타입을 지정하는 태그 및 상기 폰트 효과 타입에 따른 패턴으로 폰트 속성을 변화시키고 화면을 리프레쉬 하는 자바스크립트 명령어 셋을 주기적으로 실행하는 속성 핸들링 함수를 호출하는 태그를 포함하는 상기 HTML 문서를 클라이언트에 제공하는 단계를 포함한다.In accordance with an aspect of the present invention, a dynamic attribute designation method for a web document applied font includes font specification data including information on a font file and information on a font effect type for each font ID. Storing, determining the font ID of the font to be used in the HTML document to be provided to the client, and referring to the font specification data, specifying a path of a font file corresponding to the font ID of the font to be used in the HTML document. Calls an attribute handling function that periodically executes a JavaScript instruction set that changes font attributes and refreshes the screen with a tag, a tag specifying a font type in which information about the font effect type is encoded, and a pattern according to the font effect type. Providing the client with the HTML document comprising a tag Include.

상기 기술적 과제를 달성하기 위한 본 발명의 다른 태양에 따른 웹 문서 적용 폰트에 대한 동적 속성 지정 방법은 게시할 HTML 문서의 데이터를 다운로드 하는 단계, 상기 HTML 문서의 폰트 타입을 지정하는 태그를 분석하여 폰트 효과 타입에 대한 정보를 디코딩 하는 단계 및 상기 HTML 문서의 스크립트 호출 태그를 분석하여 상기 디코딩 된 폰트 효과 타입에 따른 패턴으로 폰트 속성을 변화시키고 화면을 리프레쉬 하는 자바스크립트 명령어 셋을 주기적으로 실행하는 속성 핸들링 함수를 호출하는 단계를 포함한다.In accordance with another aspect of the present invention, there is provided a method for specifying a dynamic attribute of a web document applied font, downloading data of an HTML document to be published, analyzing a tag specifying a font type of the HTML document, and performing a font analysis. Decoding the information about the effect type and analyzing the script call tag of the HTML document to change the font attribute to the pattern according to the decoded font effect type and to execute the JavaScript instruction set periodically to refresh the screen. Invoking a function.

상기와 같은 본 발명에 따르면, 시간에 따라 폰트의 형상이 변화하는 형태의 특수효과 제공을 위한 폰트 데이터 제작이 없이도, 기존의 폰트 데이터를 활용하여 폰트에 동적인 효과를 줄 수 있는 효과가 있다.According to the present invention as described above, there is an effect that can give a dynamic effect on the font by using the existing font data, without producing the font data for providing a special effect of the shape of the font changes over time.

또한, 폰트를 이용한 수익 모델이 존재하는 경우, 폰트 데이터베이스에 폰트 효과 타입을 추가하고, 해당 폰트 효과를 반영하는 HTML 문서를 생성하는 것만으로 상기 수익 모델의 수익성을 극대화할 수 있는 효과가 있다.In addition, when a profit model using a font exists, the profitability of the profit model may be maximized by simply adding a font effect type to a font database and generating an HTML document reflecting the font effect.

또한, 상기 명시 된 효과 이외의 효과가 본 명세서의 전체적인 취지에 기반하여 존재할 수 있다.In addition, effects other than those specified above may exist based on the overall gist of the present specification.

도 1은 본 발명의 일 실시 예에 따른 웹 문서 적용 폰트에 대한 동적 속성 지정 방법의 서버 측 동작 순서도이다.
도 2는 본 발명의 일 실시 예에 따른 웹 폰트 데이터의 구성 예이다.
도 3은 본 발명의 일 실시 예에 따른 웹 문서 적용 폰트에 대한 동적 속성 지정 방법의 클라이언트 측 동작 순서도이다.
도 4는 본 발명의 일 실시 예에 따른 명도 변경 특수 효과 폰트의 개념도이다.
도 5는 본 발명의 일 실시 예에 따른 두 가지 색상 변경 특수 효과 폰트의 개념도이다.
도 6은 본 발명의 일 실시 예에 따른 세가지 색상 변경 특수 효과 폰트의 개념도이다.
도 7은 본 발명의 일 실시 예에 따른 혼합 색상 특수 효과 폰트의 개념도이다.
도 8은 본 발명의 일 실시 예에 따른 제 1 순차적 색상 변경 특수 효과 폰트의 개념도이다.
도 9는 본 발명의 일 실시 예에 따른 제 2 순차적 색상 변경 특수 효과 폰트의 개념도이다.
도 10은 본 발명의 일 실시 예에 따른 역상 특수 효과 폰트의 개념도이다.
1 is a flowchart illustrating a server-side operation of a method for designating a dynamic attribute of a web document applied font according to an embodiment of the present invention.
2 is a configuration example of web font data according to an embodiment of the present invention.
3 is a flowchart illustrating a client-side operation of a method for specifying a dynamic attribute of a web document applied font according to an embodiment of the present invention.
4 is a conceptual diagram of a brightness change special effect font according to an embodiment of the present invention.
5 is a conceptual diagram of two color changing special effect font according to an embodiment of the present invention.
6 is a conceptual diagram of three color change special effects font according to an embodiment of the present invention.
7 is a conceptual diagram of a mixed color special effect font according to an embodiment of the present invention.
8 is a conceptual diagram of a first sequential color change special effect font according to an embodiment of the present invention.
9 is a conceptual diagram of a second sequential color change special effect font according to an embodiment of the present invention.
10 is a conceptual diagram of a reverse phase special effect font according to an embodiment of the present invention.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시 예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 게시되는 실시 예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시 예들은 본 발명의 게시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.Advantages and features of the present invention, and methods for achieving them will be apparent with reference to the embodiments described below in detail in conjunction with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below, but can be implemented in various forms. The embodiments of the present invention make the posting of the present invention complete and the general knowledge in the technical field to which the present invention belongs. It is provided to fully convey the scope of the invention to those skilled in the art, and the present invention is defined only by the scope of the claims. Like reference numerals refer to like elements throughout.

이하, 본 발명에 따른 웹 문서 적용 폰트에 대한 동적 속성 지정 방법을 설명하기 위한 블록도 또는 처리 흐름도에 대한 도면들을 참고하여 본 발명에 대해 설명하도록 한다. 이 때, 처리 흐름도 도면들의 각 블록과 흐름도 도면들의 조합들은 컴퓨터 프로그램 인스트럭션들에 의해 수행될 수 있음을 이해할 수 있을 것이다. 이들 컴퓨터 프로그램 인스트럭션들은 범용 컴퓨터, 특수용 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있으므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 인스트럭션들이 흐름도 블록(들)에서 설명된 기능들을 수행하는 수단을 생성하게 된다. 이들 컴퓨터 프로그램 인스트럭션들은 특정 방식으로 기능을 구현하기 위해 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 지향할 수 있는 컴퓨터 이용 가능 또는 컴퓨터 판독 가능 메모리에 저장되는 것도 가능하므로, 그 컴퓨터 이용가능 또는 컴퓨터 판독 가능 메모리에 저장된 인스트럭션들은 흐름도 블록(들)에서 설명된 기능을 수행하는 인스트럭션 수단을 내포하는 제조 품목을 생산하는 것도 가능하다. 컴퓨터 프로그램 인스트럭션들은 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에 탑재 되는 것도 가능하므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에서 일련의 동작 단계들이 수행되어 컴퓨터로 실행되는 프로세스를 생성해서 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 수행하는 인스트럭션들은 흐름도 블록(들)에서 설명된 기능들을 실행하기 위한 단계들을 제공하는 것도 가능하다.Hereinafter, the present invention will be described with reference to a block diagram or a flowchart illustrating a dynamic attribute designation method for a web document application font according to the present invention. At this point, it will be understood that each block of the flowchart illustrations and combinations of flowchart illustrations may be performed by computer program instructions. Since these computer program instructions may be mounted on a processor of a general purpose computer, special purpose computer, or other programmable data processing equipment, those instructions executed through the processor of the computer or other programmable data processing equipment may be described in flow chart block (s). It creates a means to perform the functions. These computer program instructions may be stored in a computer usable or computer readable memory that can be directed to a computer or other programmable data processing equipment to implement functionality in a particular manner, and thus the computer usable or computer readable memory. It is also possible for the instructions stored in to produce an article of manufacture containing instruction means for performing the functions described in the flowchart block (s). Computer program instructions may also be mounted on a computer or other programmable data processing equipment, such that a series of operating steps are performed on the computer or other programmable data processing equipment to create a computer-implemented process to generate a computer or other programmable data. Instructions for performing the processing equipment may also provide steps for performing the functions described in the flowchart block (s).

또한, 각 블록은 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 인스트럭션들을 포함하는 모듈, 세그먼트 또는 코드의 일부를 나타낼 수 있다. 또, 몇 가지 대체 실행 예들에서는 블록들에서 언급된 기능들이 순서를 벗어나서 발생하는 것도 가능함을 주목해야 한다. 예컨대, 잇달아 도시되어 있는 두 개의 블록들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.In addition, each block may represent a portion of a module, segment, or code that includes one or more executable instructions for executing a specified logical function (s). It should also be noted that in some alternative implementations, the functions noted in the blocks may occur out of order. For example, the two blocks shown in succession may in fact be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending on the corresponding function.

이 때, '모듈'이라는 용어는 소프트웨어 또는 FPGA(Field Programmable Gate Array) 또는 ASIC(Application Specific Integrated Circuit)과 같은 하드웨어 구성요소를 의미하며, 모듈은 어떤 역할들을 수행한다. 그렇지만 모듈은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. 모듈은 어드레싱 할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 모듈은 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소 들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들, 및 변수들을 포함한다. 구성요소들과 모듈들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 모듈들로 결합되거나 추가적인 구성요소들과 모듈들로 더 분리될 수 있다. 뿐만 아니라, 구성요소들 및 모듈들은 디바이스 또는 보안 멀티미디어카드 내의 하나 또는 그 이상의 CPU들을 재생시키도록 구현될 수도 있다.In this case, the term 'module' refers to software or a hardware component such as a field programmable gate array (FPGA) or an application specific integrated circuit (ASIC), and a module plays a role. However, modules are not meant to be limited to software or hardware. The module may be configured to be in an addressable storage medium and may be configured to play one or more processors. Thus, as an example, a module may include components such as software components, object-oriented software components, class components, and task components, and processes, functions, properties, procedures, subroutines, and the like. , Segments of program code, drivers, firmware, microcode, circuits, data, databases, data structures, tables, arrays, and variables. The functionality provided within the components and modules may be combined into a smaller number of components and modules or further separated into additional components and modules. In addition, the components and modules may be implemented to play one or more CPUs in a device or secure multimedia card.

먼저, 본 발명의 일 실시예에 따른 웹 문서 적용 폰트에 대한 동적 속성 지정 방법의 서버 측 동작을 도 1을 참조하여 설명하기로 한다.First, a server side operation of a dynamic attribute designation method for a web document application font according to an embodiment of the present invention will be described with reference to FIG. 1.

먼저, 각각의 폰트 ID에 대하여 폰트 파일에 대한 정보 및 폰트 효과 타입에 대한 정보를 포함하는 폰트 명세 데이터가 저장된다(S100). 폰트 명세 데이터는, 예를 들어 도 2와 같이 구성될 수 있다. 도 2를 참조하여 폰트 명세 데이터의 구성 예를 설명하기로 한다.First, font specification data including information on a font file and information on a font effect type is stored for each font ID (S100). The font specification data may be configured as shown in FIG. 2, for example. An example configuration of font specification data will be described with reference to FIG. 2.

폰트 명세 데이터는 웹 서비스를 운영하는 서비스 사업자가 제공하는 폰트에 대한 정보를 포함할 수 있다. 각각의 폰트는 폰트 ID(200)로 식별 되며, 각각의 폰트 항목은 폰트의 각 문자의 외형에 대한 이미지 데이터를 포함하는 폰트 파일의 경로(202)에 대한 데이터 및 가격에 대한 데이터(206)를 포함할 수 있다. 상기 서비스 사업자가 유료 폰트 서비스를 운영하는 경우, 서비스 가입자가 특정 폰트를 구입하고, 상기 폰트를 기본 폰트로 활성화 하면, 상기 가입자가 게시판 등에 남기는 글은 상기 구매된 폰트로 게시되는 형태의 웹 서비스가 가능하다.The font specification data may include information about fonts provided by a service provider operating a web service. Each font is identified by font ID 200, and each font item contains data 206 for data and price for path 202 of the font file that includes image data for the appearance of each character of the font. It may include. When the service provider operates a paid font service, when a service subscriber purchases a specific font and activates the font as a default font, the text left by the subscriber on a bulletin board or the like is posted in the purchased font. It is possible.

폰트 명세 데이터는 상기 서비스 사업자가 운영하는 저장 서버에 저장 될 수 있다. 상기 저장 서버는 캐쉬(Cache), 롬(Read Only Memory; ROM), 피롬(Programable ROM; PROM), 이피롬(Erasable Programmable ROM; EPROM), 이이피롬(Electrically Erasable Programmable ROM; EEPROM) 및 플래쉬 메모리(Flash memory)와 같은 비휘발성 메모리 소자, 램(Random Access Memory; RAM)과 같은 휘발성 메모리 소자, 및 하드디스크 드라이브(Hard disk drive)와 같은 저장매체 중 적어도 하나로 구현될 수 있으나 이에 한정되지는 않는다.The font specification data may be stored in a storage server operated by the service provider. The storage server may include a cache, a read only memory (ROM), a programmable ROM (PROM), an erasable programmable ROM (EPROM), an electrically erasable programmable ROM (EEPROM), and a flash memory (ROM). A nonvolatile memory device such as a flash memory, a volatile memory device such as a random access memory (RAM), and a storage medium such as a hard disk drive may be implemented, but are not limited thereto.

본 실시예에 따르면, 상기 언급된 형태의 웹 서비스를 제공하기 위한 폰트 명세 데이터에 폰트 효과 타입(204) 필드를 추가하고, 서비스 가입자가 폰트의 외형뿐만 아니라, 폰트에 적용되는 특수 효과까지 선택할 수 있도록 할 수 있다. 또한, 도 2에 도시된 바와 같이, 동일한 외형을 가지는 폰트라도 적용되는 특수 효과에 따라 가격을 상이하게 책정하여 수익성을 극대화 할 수 있는 효과가 있다.According to this embodiment, the font effect type 204 field is added to the font specification data for providing a web service of the above-mentioned type, and the service subscriber can select not only the appearance of the font but also a special effect applied to the font. You can do that. In addition, as shown in Figure 2, even if the font having the same appearance has the effect of maximizing the profitability by setting the price differently according to the special effect applied.

이하, 특수 효과가 적용된 폰트, 예를 들어, 도 2에 도시된 폰트 명세 데이터의 'F0010'을 구매한 가입자가 게시판에 글을 쓰고, 자기가 쓴 글을 확인하는 HTML 문서가 게시되는 경우의 서버의 동작을 설명하기로 한다.Hereinafter, a server in which a special effect applied font, for example, a subscriber who purchased 'F0010' of the font specification data shown in FIG. 2, writes a message on a bulletin board and publishes an HTML document for checking his / her writing. Will be described.

상기 서버는 상기 HTML 문서를 생성하기 위하여, 현재 로그인 된 상기 가입자의 활성화된 폰트를 조회하고(S102), 상기 조회된 폰트의 폰트 ID를 클라이언트에 제공할 HTML 문서에 사용될 폰트의 폰트 ID로 결정한다.. 상기 서버는 상기 활성화된 폰트가 'F0010'임을 확인하고, 폰트 파일로 '/font/f0002.eot'를 사용하고, 'BD4'라는 코드가 할당된 폰트 효과가 적용되도록 HTML 문서를 생성한다.In order to generate the HTML document, the server inquires the activated font of the currently logged in subscriber (S102), and determines the font ID of the inquired font as the font ID of the font to be used for the HTML document to be provided to the client. The server determines that the activated font is 'F0010', uses '/font/f0002.eot' as a font file, and generates an HTML document to apply a font effect assigned with a code of 'BD4'. .

상기 서버는 상기 활성화된 폰트 ID에 따른 폰트가 적용된 HTML 문서를 생성한다. 상기 폰트 ID에 따른 폰트는 상기 HTML 문서의 일부 텍스트에 대하여만 적용될 수 있다.The server generates an HTML document to which a font according to the activated font ID is applied. The font according to the font ID may be applied only to some text of the HTML document.

상기 HTML 문서는, 상기 HTML 문서에 사용될 폰트의 폰트 ID에 대응하는 폰트 파일의 경로를 지정하는 태그, 상기 폰트 효과 타입에 대한 정보가 인코딩 된 폰트 타입을 지정하는 태그 및 상기 폰트 효과 타입에 따른 패턴으로 폰트 속성을 변화시키고 화면을 리프레쉬 하는 자바스크립트 명령어 셋을 주기적으로 실행하는 속성 핸들링 함수를 호출하는 태그를 포함할 수 있다.The HTML document may include a tag specifying a path of a font file corresponding to a font ID of a font to be used in the HTML document, a tag specifying a font type in which information about the font effect type is encoded, and a pattern according to the font effect type. This can include a tag that calls an attribute handling function that periodically changes the font attribute and periodically executes a set of JavaScript commands that refresh the screen.

상기 폰트 타입을 지정하는 태그는 '<FONT>' 태그일 수 있으며, 예를 들어, '<FONT face=CY10_BS1>'과 같이 구성될 수 있다. 즉, 이 경우, 폰트 타입은 'CY10_BS1'이라는 스트링으로 지정되는 것을 알 수 있다. 상기 스트링은 폰트 효과 타입에 대한 정보가 인코딩 된 것일 수 있다. 상기 예시된 스트링에서 '_' 다음의 스트링이 폰트 효과 타입을 의미하는 것일 수 있다. 즉, 'BS1'이라는 스트링이 폰트 효과 타입일 수 있으며, 상기 속성 핸들링 함수는 'BS1'이라는 폰트 효과 타입에 따른 패턴으로 폰트 속성을 변화시키고 화면을 리프레쉬 할 수 있다. 또한, 상기 예시된 스트링에서 '_' 앞의 스트링이 폰트 파일의 ID를 의미하는 것일 수 있다. 즉 'CY10'이라는 스트링이 폰트 파일의 식별 ID를 의미할 수 있으며, 서버는 클라이언트의 폰트 파일 다운로드 요청 시 상기 폰트 파일의 식별 ID를 인식하여, 해당 폰트 파일을 상기 클라이언트에 제공할 수 있다.The tag specifying the font type may be a '<FONT>' tag, and for example, may be configured as '<FONT face = CY10_BS1>'. That is, in this case, it can be seen that the font type is designated by the string 'CY10_BS1'. The string may be encoding information about a font effect type. In the illustrated string, a string after '_' may mean a font effect type. That is, the string 'BS1' may be a font effect type, and the attribute handling function may change the font attribute in a pattern according to the font effect type 'BS1' and refresh the screen. In addition, the string before '_' in the illustrated string may mean an ID of the font file. That is, the string 'CY10' may mean an identification ID of the font file, and the server may recognize the identification ID of the font file when the client requests a font file download, and provide the font file to the client.

상기 속성 핸들링 함수를 호출하는 태그는 '<SCRIPT type=text/javascript>cyWebFont.load();</SCRIPT>'와 같이 구성될 수 있으며, 출력될 텍스트와 관련된 모든 태그의 다음에 위치하는 것이 바람직하다.The tag for calling the attribute handling function may be configured as '<SCRIPT type = text / javascript> cyWebFont.load (); </ SCRIPT>', and is preferably located after all tags related to the text to be output. Do.

상기 속성 핸들링 자바스크립트 함수는 폰트 컬러, 배경 컬러, 폰트 크기 중 적어도 하나를 상기 폰트 효과 타입에 따른 패턴으로 주기적으로 변화할 수 있다. 즉, 폰트 컬러, 배경 컬러, 폰트 크기 중 둘 이상이 동시에 변경될 수도 있다. 또한, 폰트의 속성이 변화하는 주기 역시 각 패턴에 따라 상이할 수 있다.The attribute handling JavaScript function may periodically change at least one of a font color, a background color, and a font size into a pattern according to the font effect type. That is, two or more of the font color, the background color, and the font size may be changed at the same time. In addition, the period in which the attribute of the font changes may also be different according to each pattern.

이 때, 상기 폰트 파일은 하나의 글자에 대하여 하나의 외형에 대한 데이터만을 포함하는 파일인 것이 바람직하다. 상기 폰트 파일은 범용 폰트 파일 포맷, 예를 들어, TTF(True Type Font), OTF(Open Type Font), EOT(Embedded Open Type) 중 하나의 포맷으로 구성될 수 있다.At this time, it is preferable that the font file is a file including only data for one external form with respect to one letter. The font file may be configured in one of a general font file format, for example, one of a True Type Font (TFT), an Open Type Font (OTF), and an Embedded Open Type (EOT).

만약, 상기 HTML 문서에 사용될 폰트의 폰트 ID의 폰트 효과 타입 값이 속성 변화가 없음을 의미하는 값인 경우, 상기 HTML 문서는 상기 속성 핸들링 함수를 호출하는 태그를 포함하지 않을 수 있다. 즉, 상기 속성 핸들링 함수는 해당 HTML 문서에 폰트 효과 타입이 도 2에 도시된 바와 같이 'NONE'이 아닌 폰트가 적용된 텍스트가 적어도 하나 존재하는 경우에 한하여 호출 되는 것이 바람직하다.If the font effect type value of the font ID of the font to be used in the HTML document is a value indicating that there is no attribute change, the HTML document may not include a tag for calling the attribute handling function. That is, the attribute handling function may be called only when there is at least one text to which a font having a font effect type other than 'NONE' is applied as shown in FIG. 2.

이하, 본 발명의 일 실시예에 따른 웹 문서 적용 폰트에 대한 동적 속성 지정 방법의 클라이언트 측 동작을 도 3을 참조하여 설명하기로 한다.Hereinafter, a client side operation of a method for specifying a dynamic attribute for a web document applied font according to an embodiment of the present invention will be described with reference to FIG. 3.

먼저, 클라이언트는 서버로부터 특정 URL의 HTML 문서를 다운로드 받는다(S300). 그 후, 클라이언트에 설치된 웹 브라우저는 상기 다운로드 된 HTML 파일을 분석한다.First, the client downloads an HTML document of a specific URL from the server (S300). After that, the web browser installed on the client analyzes the downloaded HTML file.

상기 HTML 파일의 분석 결과, 이하 설명되는 동작이 상기 클라이언트에 의하여 실행 될 수 있다.As a result of analyzing the HTML file, the operations described below may be executed by the client.

예를 들어, '<SCRIPT language=JavaScript src="Files/actionfont.js"></SCRIPT>' 와 같은 태그가 발견되는 경우, 상기 폰트 효과 타입에 대응하는 자바스크립트 파일이 로드 될 수 있다. 상기 자바스크립트 파일은 상기 폰트 효과 타입의 속성 핸들링 함수의 프로토 타입 및 구현 코드를 포함하는 것이다. 특정 폰트 효과 타입에 대응하는 속성 핸들링 함수 만을 포함하는 자바스크립트 파일을 로드 하는 경우, 모든 폰트 효과 타입에 대한 속성 핸들링 함수의 프로토 타입 및 구현 코드를 포함하는 자바스크립트 파일을 로드하는 경우에 비하여, 상기 자바스크립트 파일을 다운로드 및 로드하는 데 소요되는 시간을 단축할 수 있는 효과가 있다.For example, when a tag such as '<SCRIPT language = JavaScript src = "Files / actionfont.js"> </ SCRIPT>' is found, a JavaScript file corresponding to the font effect type may be loaded. The JavaScript file includes the prototype and implementation code of the attribute handling function of the font effect type. When loading a JavaScript file that contains only the attribute handling functions corresponding to a particular font effect type, compared to loading a JavaScript file containing the prototype and implementation code of the attribute handling functions for all font effect types, This has the effect of reducing the time required to download and load JavaScript files.

예를 들어, '<FONT face=CY10_BS1>'라는 태그가 발견 되는 경우, 상기 폰트 효과 타입에 대한 정보가 디코딩 될 수 있다. 보다 자세하게는 상기 HTML 문서의 <FONT> 태그를 분석하여 face 속성으로 지정된 문자열 중 미리 정의된 오프셋 범위의 문자열을 상기 폰트 효과 타입에 대한 정보로 디코딩할 수 있다. 또한, 상기 '<FONT face=CY10_BS1>' 태그로부터 폰트 파일에 대한 정보가 더 디코딩 될 수 있으며, 상기 폰트 파일에 대한 정보에 대응하는 폰트 파일을 다운로드 할 수 있다.For example, when a tag '<FONT face = CY10_BS1>' is found, information on the font effect type may be decoded. In more detail, the <FONT> tag of the HTML document may be analyzed to decode a string having a predefined offset range among strings designated as a face attribute as information on the font effect type. Also, information about a font file may be further decoded from the '<FONT face = CY10_BS1>' tag, and a font file corresponding to the information about the font file may be downloaded.

보다 자세하게는, 상기 예시에서, 폰트 타입은 'CY10_BS1'이라는 스트링으로 지정되고, 상기 스트링은 폰트 효과 타입에 대한 정보가 인코딩 된 것일 수 있다. 상기 예시된 스트링에서 '_' 다음의 스트링이 폰트 효과 타입을 의미하는 것일 수 있다. 즉, 'BS1'이라는 스트링이 폰트 효과 타입일 수 있으며, 상기 속성 핸들링 함수는 'BS1'이라는 폰트 효과 타입에 따른 패턴으로 폰트 속성을 변화시키고 화면을 리프레쉬 할 수 있다. 또한, 상기 예시된 스트링에서 '_' 앞의 스트링이 폰트 파일의 ID를 의미하는 것일 수 있다. 즉 'CY10'이라는 스트링이 폰트 파일의 식별 ID를 의미할 수 있으며, 서버는 클라이언트의 폰트 파일 다운로드 요청 시 상기 폰트 파일의 식별 ID를 인식하여, 해당 폰트 파일을 상기 클라이언트에 제공할 수 있다.In more detail, in the above example, the font type may be designated as a string 'CY10_BS1', and the string may be encoded with information on a font effect type. In the illustrated string, a string after '_' may mean a font effect type. That is, the string 'BS1' may be a font effect type, and the attribute handling function may change the font attribute in a pattern according to the font effect type 'BS1' and refresh the screen. In addition, the string before '_' in the illustrated string may mean an ID of the font file. That is, the string 'CY10' may mean an identification ID of the font file, and the server may recognize the identification ID of the font file when the client requests a font file download, and provide the font file to the client.

예를 들어, 상기 속성 핸들링 함수를 호출하는 태그가 발견되는 경우, 상기 속성 핸들링 함수가 호출 될 수 있다(S306). 상기 속성 핸들링 함수를 호출하는 태그는, 예를 들어 '<SCRIPT type=text/javascript>cyWebFont.load();</SCRIPT>'와 같이 구성될 수 있으며, 출력될 텍스트와 관련된 모든 태그의 다음에 위치하는 것이 바람직하다.For example, when a tag for calling the attribute handling function is found, the attribute handling function may be called (S306). The tag for calling the attribute handling function may be configured as, for example, '<SCRIPT type = text / javascript> cyWebFont.load (); </ SCRIPT>', after all tags related to the text to be output. Preferably located.

상기 속성 핸들링 함수는 상기 폰트 효과 타입에 따라 정해진 패턴으로 <FONT>와 </FONT> 사이에 위치한 텍스트의 속성을 변경하고(S308), HTML 문서 게시 화면을 리프레시(refresh)하는 동작을 주기적으로 수행한다(S310).The attribute handling function periodically changes an attribute of text located between <FONT> and </ FONT> in a pattern determined according to the font effect type (S308), and periodically refreshes an HTML document posting screen. (S310).

이상 첨부된 도면을 참조하여 본 발명의 실시 예들을 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시 예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.While the present invention has been described in connection with what is presently considered to be practical exemplary embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, You will understand. Therefore, it should be understood that the embodiments described above are exemplary in all respects and not restrictive.

Claims (9)

각각의 폰트 ID에 대하여 폰트 파일에 대한 정보 및 폰트 효과 타입에 대한 정보를 포함하는 폰트 명세 데이터를 저장하는 단계;
클라이언트에 제공할 HTML 문서에 사용될 폰트의 상기 폰트 ID를 결정하는 단계; 및
상기 폰트 명세 데이터를 참조하여, 상기 HTML 문서에 사용될 폰트의 폰트 ID에 대응하는 폰트 파일의 경로를 지정하는 태그, 상기 폰트 효과 타입에 대한 정보가 인코딩 된 폰트 타입을 지정하는 태그 및 상기 폰트 효과 타입에 따른 패턴으로 폰트 속성을 변화시키고 화면을 리프레쉬 하는 자바스크립트 명령어 셋을 주기적으로 실행하는 속성 핸들링 함수를 호출하는 태그를 포함하는 상기 HTML 문서를 클라이언트에 제공하는 단계를 포함하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
Storing font specification data including information on the font file and information on the font effect type for each font ID;
Determining the font ID of a font to be used in an HTML document to be provided to a client; And
A tag specifying a path of a font file corresponding to a font ID of a font to be used in the HTML document by referring to the font specification data, a tag specifying a font type in which information about the font effect type is encoded, and the font effect type Providing the client with the HTML document including a tag that invokes an attribute handling function that periodically executes a set of JavaScript instructions to change the font attributes and refresh the screen in a pattern according to How to specify dynamic properties.
제 1 항에 있어서,
상기 폰트 파일은 하나의 글자에 대하여 하나의 외형에 대한 데이터만을 포함하는 파일인 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
The method of claim 1,
The font file is a file containing only data on one appearance for one character dynamic attribute designation method for a web document applied font.
제 1 항에 있어서,
상기 HTML 문서를 클라이언트에 제공하는 단계는,
상기 HTML 문서에 사용될 폰트의 폰트 ID의 폰트 효과 타입 값이 속성 변화가 없음을 의미하는 값인 경우, 상기 속성 핸들링 함수를 호출하는 태그를 포함하지 않는 상기 HTML 문서를 상기 클라이언트에 제공하는 단계를 포함하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
The method of claim 1,
Providing the HTML document to the client,
If the font effect type value of the font ID of the font to be used in the HTML document is a value indicating that there is no attribute change, providing the client with the HTML document that does not include a tag for calling the attribute handling function. How to specify dynamic attributes for web document-applied fonts.
제 1 항에 있어서,
상기 속성 핸들링 함수는,
폰트 컬러, 배경 컬러, 폰트 크기 중 적어도 하나를 상기 폰트 효과 타입에 따른 패턴으로 주기적으로 변화시키는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
The method of claim 1,
The attribute handling function is
A dynamic attribute designation method for a web document applied font which periodically changes at least one of a font color, a background color, and a font size into a pattern according to the font effect type.
게시할 HTML 문서의 데이터를 다운로드 하는 단계;
상기 HTML 문서의 폰트 타입을 지정하는 태그를 분석하여 폰트 효과 타입에 대한 정보를 디코딩 하는 단계; 및
상기 HTML 문서의 스크립트 호출 태그를 분석하여 상기 디코딩 된 폰트 효과 타입에 따른 패턴으로 폰트 속성을 변화시키고 화면을 리프레쉬 하는 자바스크립트 명령어 셋을 주기적으로 실행하는 속성 핸들링 함수를 호출하는 단계를 포함하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
Downloading data of the HTML document to be published;
Decoding information on a font effect type by analyzing a tag specifying a font type of the HTML document; And
Analyzing a script call tag of the HTML document and calling a property handling function that periodically executes a set of JavaScript instructions that change font attributes in a pattern according to the decoded font effect type and refresh the screen. How to specify dynamic attributes for applied fonts.
제 5 항에 있어서,
상기 폰트 효과 타입에 대한 정보를 디코딩 하는 단계는,
상기 HTML 문서의 <FONT> 태그를 분석하여 face 속성으로 지정된 문자열 중 미리 정의된 오프셋 범위의 문자열을 상기 폰트 효과 타입에 대한 정보로 디코딩 하는 단계를 포함하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
The method of claim 5, wherein
Decoding the information on the font effect type,
And analyzing the <FONT> tag of the HTML document to decode a string having a predefined offset range among the strings designated as a face attribute as information on the font effect type.
제 5 항에 있어서,
상기 속성 핸들링 함수는,
폰트 컬러, 배경 컬러, 폰트 크기 중 적어도 하나를 상기 폰트 효과 타입에 따른 패턴으로 주기적으로 변화시키는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
The method of claim 5, wherein
The attribute handling function is
A dynamic attribute designation method for a web document applied font which periodically changes at least one of a font color, a background color, and a font size into a pattern according to the font effect type.
제 5 항에 있어서,
상기 폰트 효과 타입에 대응하는 자바스크립트 파일을 로드 하는 단계를 더 포함하되,
상기 자바 스크립트 파일은 상기 속성 핸들링 함수의 프로토 타입 및 구현 코드를 포함하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
The method of claim 5, wherein
The method may further include loading a JavaScript file corresponding to the font effect type.
The JavaScript file includes a prototype and implementation code of the attribute handling function.
제 5 항에 있어서,
상기 폰트 효과 타입에 대한 정보를 디코딩 하는 단계는,
상기 HTML 문서의 폰트 타입을 지정하는 태그를 분석하여 폰트 파일에 대한 정보를 더 디코딩 하는 단계; 및
상기 폰트 파일에 대한 정보에 대응하는 폰트 파일을 다운로드 하는 단계를 더 포함하는 웹 문서 적용 폰트에 대한 동적 속성 지정 방법.
The method of claim 5, wherein
Decoding the information on the font effect type,
Analyzing the tag specifying the font type of the HTML document to further decode information about a font file; And
And downloading a font file corresponding to the information on the font file.
KR1020100026840A 2010-01-08 2010-03-25 Dynamic attribute setting method for web document applied font KR20110081734A (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR20100001937 2010-01-08
KR1020100001937 2010-01-08

Publications (1)

Publication Number Publication Date
KR20110081734A true KR20110081734A (en) 2011-07-14

Family

ID=45092427

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020100026840A KR20110081734A (en) 2010-01-08 2010-03-25 Dynamic attribute setting method for web document applied font

Country Status (1)

Country Link
KR (1) KR20110081734A (en)

Similar Documents

Publication Publication Date Title
CN111339455B (en) Method and device for loading page first screen by browser application
CN112800370B (en) Processing method and device of business document, computer equipment and storage medium
US8510371B2 (en) Method and system for creating IT-oriented server-based web applications
US8301645B1 (en) Aggregated web analytics request systems and methods
US20160364369A1 (en) Optimization for rendering web pages
US20100199169A1 (en) Web browser extension for simplified utilization of web services
US20160012144A1 (en) Javascript-based, client-side template driver system
US20160012147A1 (en) Asynchronous Initialization of Document Object Model (DOM) Modules
US8689099B1 (en) Cross-domain communication
CN103959281A (en) Method for associating third party content with online document signing
US20150220496A1 (en) Dynamic sprite based theme switching
WO2016005889A2 (en) Apparatus and application server for providing a service to a user
CN111459501B (en) SVG-based Web configuration picture storage and display system, method and medium
WO2016005887A2 (en) Client-side template engine and method for constructing a nested dom module for a website
US10417317B2 (en) Web page profiler
US8666997B2 (en) Placeholders returned for data representation items
CN111951356B (en) Animation rendering method based on JSON data format
US20160012023A1 (en) Self-Referencing of Running Script Elements in Asynchronously Loaded DOM Modules
CN116954450A (en) Screenshot method and device for front-end webpage, storage medium and terminal
US8862984B1 (en) Data contracts for network page generation code
US10769352B2 (en) Providing dynamic web content without flicker
CN114756228A (en) Page processing method, device, equipment and storage medium
JP2022536009A (en) Rendering video with dynamic components
US9785560B2 (en) Scene-isolated internet application
CN111858595B (en) Dynamic configuration method and system for electric power engineering examination record table

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application