KR20120121949A - Apparatus and Method for Rendering Mathematical based on Text - Google Patents

Apparatus and Method for Rendering Mathematical based on Text Download PDF

Info

Publication number
KR20120121949A
KR20120121949A KR1020110039861A KR20110039861A KR20120121949A KR 20120121949 A KR20120121949 A KR 20120121949A KR 1020110039861 A KR1020110039861 A KR 1020110039861A KR 20110039861 A KR20110039861 A KR 20110039861A KR 20120121949 A KR20120121949 A KR 20120121949A
Authority
KR
South Korea
Prior art keywords
formula
css
font
text
tag
Prior art date
Application number
KR1020110039861A
Other languages
Korean (ko)
Other versions
KR101264980B1 (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 KR1020110039861A priority Critical patent/KR101264980B1/en
Publication of KR20120121949A publication Critical patent/KR20120121949A/en
Application granted granted Critical
Publication of KR101264980B1 publication Critical patent/KR101264980B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/111Mathematical or scientific formatting; Subscripts; Superscripts
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/20Natural language analysis
    • G06F40/205Parsing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • General Engineering & Computer Science (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Algebra (AREA)
  • Mathematical Analysis (AREA)
  • Mathematical Optimization (AREA)
  • Mathematical Physics (AREA)
  • Pure & Applied Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

PURPOSE: A device for expressing a formula based on text and a method thereof are provided to reduce a rendering time of the formula while minimizing the usage of resources when contents corresponding to the formula are loaded and displayed a mobile device. CONSTITUTION: A parser(110) parses a document made with a text-based markup language. If there is a text-based tag including a designated formula CSS(Cascading Style Sheet) in the parsed document, a converting unit(140) converts formulas made with the tag into a displayable type by using a file of a formula font defined in the formula CSS. A CSS declaring unit(120) declares all CSSs used for the parsed document. A formula font loading unit(130) selects a file of a formula font defined in the formula CSS to load the same to a memory. [Reference numerals] (110) Parser; (120) CSS declaring unit; (130) Formula font loading unit; (141) CSS applying unit; (142) Rendering unit; (143) Page converting unit; (144) XML processing unit; (144a) Java script calling unit; (145) Image converting unit; (150) Memory

Description

텍스트 기반의 수식 표현을 위한 장치 및 방법{Apparatus and Method for Rendering Mathematical based on Text}Apparatus and Method for Rendering Mathematical based on Text}

본 발명은 텍스트 기반의 수식 표현을 위한 장치 및 방법에 관한 것으로, 보다 상세하게는 수식을 텍스트 기반의 마크업언어와 스타일 시트를 이용하여 표현할 수 있는 텍스트 기반의 수식 표현을 위한 장치 및 방법에 관한 것이다.The present invention relates to an apparatus and method for text-based formula expression, and more particularly, to an apparatus and method for text-based formula expression that can be expressed using a text-based markup language and style sheet. will be.

스마트폰 또는 태블릿 PC와 같은 모바일 기기에서 웹을 통해 교재 학습을 하는 경우, 학습자는 다양한 상호작용 및 멀티미디어를 활용한 학습효과를 기대하게 된다. 웹 시장에 출시되어 있는 교육용 교재는 조판의 문제로 인해 PDF 파일과 같은 이미지 파일을 활용하여 제공되거나, 교재의 컨텐츠를 텍스트 기반의 HTML5 형식으로 제작하여 제공되고 있다.When teaching materials through the web on a mobile device such as a smartphone or a tablet PC, the learner expects a learning effect using various interactions and multimedia. Educational textbooks on the web market are provided using image files such as PDF files due to a typesetting problem, or textbook contents are produced in text-based HTML5 format.

HTML5(HyperText Markup Lange 5) 형식으로 교재를 제작하는 경우, 일반적으로 텍스트는 특별한 문제없이 표현이 가능하나, 분수식, 미적분 등의 수식은 텍스트로 구현하기 어렵다. 이러한 수식 표현의 문제를 보완하기 위해 스크립트 기반의 다양한 마크업언어(Mark-up Language)가 개발되었으며, MathML(Mathematical Markup Language), jsMath, MathJax 등 다양한 언어가 사용되고 있다.When textbooks are produced in HTML5 (HyperText Markup Lange 5) format, text can generally be expressed without any problem, but formulas such as fractional expression and calculus are difficult to implement as text. In order to solve the problem of expression expression, various script-based markup languages have been developed, and various languages such as MathML (Mathematical Markup Language), jsMath, and MathJax are used.

그러나, HTML5 형식으로 제작되는 교재에서 수식을 MathJax라는 자바 스크립트 라이브러리를 활용하여 표현하는 경우, 모바일 기기에서 해당 교재를 다운로딩하게 되면, 수식을 표시가능하도록 변환 및 렌더링에 많은 시간을 필요로 하게 된다. 이는, 대부분의 웹에서 제공되는 교재는 데스크탑과 같은 PC를 타겟으로 하나, 모바일 기기는 일반적으로 데스크탑보다 낮은 성능을 갖기 때문이다. 따라서, 디바이스 자원 사용량을 최소화하여 모바일 기기 상에서도 많은 수식을 포함하는 컨텐츠 교재를 보다 신속히 변환 및 렌더링할 수 있도록 컨텐츠 교재를 작성할 필요가 있다.However, when formulas are expressed in a textbook made in HTML5 format using a JavaScript library called MathJax, downloading a textbook from a mobile device requires a lot of time to convert and render the formulas so that they can be displayed. . This is because most textbooks provided on the Web target PCs such as desktops, but mobile devices generally have lower performance than desktops. Therefore, it is necessary to create a content teaching material to minimize the use of device resources and to quickly convert and render a content teaching material containing many formulas on a mobile device.

본 발명은 문서 내의 수식을 텍스트 기반의 마크업언어와 스타일 시트를 이용하여 표현하여 수식의 변환 및 렌더링에 소요되는 시간을 최소화할 수 있는 텍스트 기반의 수식 표현을 위한 장치 및 방법을 제공함을 목적으로 한다.An object of the present invention is to provide an apparatus and method for text-based expression expression that can minimize the time required to convert and render the expression by expressing the expression in the document using a text-based markup language and style sheet. do.

본 발명의 일 실시예에 따르면, 텍스트 기반의 마크업언어로 작성된 문서를 로딩하는 단계; 및 수식 CSS(Cascading Style Sheet)-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-가 지정된 텍스트 기반의 태그가 상기 로딩된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환하는 단계;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법이 제공된다.According to an embodiment of the present invention, there is provided a method, comprising: loading a document written in a text-based markup language; And a formula-based font defined in the formula CSS among a plurality of formula font files if a text-based tag in which the formula cascading style sheet (CSS) -style sheet in which a formula font is defined for formula expression is specified is present in the loaded document. Converting the formulas created by the text-based tag to a displayable form using a file of the; is provided a text-based formula expression method comprising a.

상기 로딩된 문서에서 사용하는 모든 CSS들을 선언하는 단계; 및 상기 선언된 모든 CSS들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 상기 복수 개의 수식 폰트 파일들로부터 선별하여 메모리로 로딩하는 단계;를 더 포함한다.Declaring all CSSs used in the loaded document; And selecting a file of a modified font defined in the modified CSS among all the declared CSS from the plurality of modified font files and loading the file into a memory.

상기 변환하는 단계는, 상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 단계; 및 상기 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환하는 단계;를 포함한다.The converting may include converting formulas written in the text-based tag into a corresponding formula font using a file of the loaded formula font; And converting the equations converted into the equation font into a form displayable on a page.

상기 수식 CSS는, 상기 텍스트 기반의 태그로 작성된 수식들을 페이지에 표시가능한 형태로 변환하기 위해, 복수 개의 수식 폰트들 중 선별된 수식 폰트가 정의된 스타일 시트이다.The formula CSS is a style sheet in which a formula font selected from a plurality of formula fonts is defined to convert formulas created by the text-based tag into a form that can be displayed on a page.

상기 텍스트 기반의 태그는 하이퍼텍스트 마크업언어(HTML: HyperText Markup Language)에 정의된 태그이다.The text-based tag is a tag defined in HyperText Markup Language (HTML).

상기 로딩된 문서 중 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 단계; 상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식에 수식 폰트를 적용하는 단계; 및 상기 수식 폰트가 적용된 수식을 이미지로 변환하는 단계;를 더 포함한다.If there is a tag defined in an equation markup language among the loaded documents, calling an equation javascript corresponding to a tag defined in the equation markup language; Executing the called formula Javascript to apply a formula font to an formula written with a tag of the formula markup language; And converting an equation to which the equation font is applied to an image.

상기 복수 개의 수식 폰트 파일들은 자바 스크립트 라이브러리가 상기 수식 마크업언어 태그로 작성된 수식의 폰트 변환을 위해 사용한다.The plurality of mathematical font files are used by a JavaScript library for font conversion of mathematical expressions written with the mathematical markup language tag.

상기 수식 마크업언어는 MathML(Mathematical Markup Language)이고, 상기 자바 스크립트 라이브러리는 MathJax이며, 상기 자바 스크립트는 상기 자바 스크립트 라이브러리의 스크립트이다.The mathematical markup language is MathML (Mathematical Markup Language), the JavaScript library is MathJax, and the JavaScript is a script of the JavaScript library.

한편, 본 발명의 다른 실시예에 따르면, 텍스트 기반의 마크업언어로 작성된 문서를 파싱하는 파서; 및 수식 CSS(Cascading Style Sheet)-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-가 지정된 텍스트 기반의 태그가 상기 파싱된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환하는 변환부;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치가 제공된다.On the other hand, according to another embodiment of the present invention, a parser for parsing a document written in a text-based markup language; And a formula-based font defined in the formula CSS among a plurality of formula font files, when a text-based tag having a formula cascading style sheet (CSS) -style sheet in which a formula font is defined for formula expression is present in the parsed document. An apparatus for text-based expression expression is provided, comprising a; converting unit for converting the equations made by the text-based tag into a displayable form using a file of.

상기 파싱된 문서에서 사용하는 모든 CSS들을 선언하는 CSS 선언부; 및 상기 선언된 모든 CSS들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 선별하여 메모리로 로딩하는 수식 폰트 로딩부;를 더 포함한다.A CSS declaration unit for declaring all CSSs used in the parsed document; And a modified font loading unit configured to select and load a file of a modified font defined in the modified CSS among all the declared CSS into a memory.

상기 변환부는, 상기 수식 CSS를 상기 텍스트 기반의 태그에 적용하는 CSS 적용부; 상기 수식 CSS가 적용된 상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 렌더링부; 및 상기 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환하는 페이지 변환부;를 포함한다.The conversion unit, CSS applying unit for applying the formula CSS to the text-based tag; A rendering unit for converting formulas created by the text-based tag to which the formula CSS is applied, into a corresponding formula font by using the file of the loaded formula font; And a page converter for converting the equations converted into the equation font into a form displayable on the page.

상기 변환부는, 상기 파싱된 문서 중 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 스크립트 호출부; 상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식을 상기 호출된 수식 자바 스크립트에 대응하는 수식 폰트로 변환하는 렌더링부; 및 상기 수식 폰트가 적용된 수식을 이미지로 변환하는 이미지 변환부;를 포함한다.The conversion unit, if there is a tag defined in the formula markup language of the parsed document, a script call unit for calling a formula Javascript corresponding to the tag defined in the formula markup language; A rendering unit which executes the called formula javascript and converts a formula written in a tag of the formula markup language into a formula font corresponding to the called formula javascript; And an image converter for converting an equation to which the equation font is applied, into an image.

본 발명의 실시예에 따르면, 스마트 폰 또는 태블릿 PC와 같은 모바일 기기에서 HTML5 형식의 디지털 학습 컨텐츠를 보여주는 경우, 과학 및 수학의 수식을 HTML5로 작성된 페이지에서 텍스트 기반으로 표시할 수 있다.According to an embodiment of the present invention, when the digital learning content in HTML5 format is displayed on a mobile device such as a smart phone or a tablet PC, the mathematical and mathematical expressions may be displayed on a text-based page in HTML5.

특히, 본 발명의 실시예에 따르면, 모바일 기기에서 수식에 해당하는 컨텐츠를 로딩하여 표시할 때, 기기의 자원 사용량을 최소화하면서 수식의 렌더링에 소요되는 시간을 단축할 수 있다.In particular, according to an embodiment of the present invention, when loading and displaying content corresponding to a formula in a mobile device, it is possible to reduce the time required to render the formula while minimizing the resource usage of the device.

도 1은 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치를 도시한 블록도,
도 2는 본 발명의 실시예에 따른 수식 CSS의 일 예를 보여주는 도면,
도 3은 HTML5 태그와 수식 CSS에 정의된 수식 폰트들을 이용하여 작성된 문서의 일 예를 보여주는 도면,
도 4는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 방법을 설명하기 위한 흐름도,
도 5는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치의 웹 키트를 도시한 블록도, 그리고,
도 6은 학교에서 사용되는 수학 교재의 일부를 도시한 도면이다.
1 is a block diagram illustrating an apparatus for text-based mathematical expression according to an embodiment of the present invention;
2 is a view showing an example of a formula CSS according to an embodiment of the present invention;
3 is a diagram illustrating an example of a document created using modified fonts defined in an HTML5 tag and modified CSS;
4 is a flowchart illustrating a method for text-based formula expression according to an embodiment of the present invention;
5 is a block diagram illustrating a web kit of an apparatus for text-based expression of expressions according to an embodiment of the present invention;
FIG. 6 is a diagram illustrating a part of a math textbook used in a school.

이상의 본 발명의 목적들, 다른 목적들, 특징들 및 이점들은 첨부된 도면과 관련된 이하의 바람직한 실시예들을 통해서 쉽게 이해될 것이다. 그러나 본 발명은 여기서 설명되는 실시예들에 한정되지 않고 다른 형태로 구체화될 수도 있다. 오히려, 여기서 소개되는 실시예들은 개시된 내용이 철저하고 완전해질 수 있도록 그리고 당업자에게 본 발명의 사상이 충분히 전달될 수 있도록 하기 위해 제공되는 것이다. 본 명세서에서, 어떤 구성요소가 다른 구성요소 상에 있다고 언급되는 경우에 그것은 다른 구성요소 상에 직접 형성될 수 있거나 또는 그들 사이에 제 3의 구성요소가 개재될 수도 있다는 것을 의미한다.BRIEF DESCRIPTION OF THE DRAWINGS The above and other objects, features, and advantages of the present invention will become more readily apparent from the following description of preferred embodiments with reference to the accompanying drawings. However, the present invention is not limited to the embodiments described herein but may be embodied in other forms. Rather, the embodiments disclosed herein are provided so that the disclosure can be thorough and complete, and will fully convey the scope of the invention to those skilled in the art. In this specification, when an element is referred to as being on another element, it may be directly formed on another element, or a third element may be interposed therebetween.

본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 '포함한다(comprises)' 및/또는 '포함하는(comprising)'은 언급된 구성요소는 하나 이상의 다른 구성요소의 존재 또는 추가를 배제하지 않는다.The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. In the present specification, the singular form includes plural forms unless otherwise specified in the specification. The terms "comprises" and / or "comprising" used in the specification do not exclude the presence or addition of one or more other elements.

이하, 도면을 참조하여 본 발명을 상세히 설명하도록 한다. 아래의 특정 실시예들을 기술하는데 있어서, 여러 가지의 특정적인 내용들은 발명을 더 구체적으로 설명하고 이해를 돕기 위해 작성되었다. 하지만 본 발명을 이해할 수 있을 정도로 이 분야의 지식을 갖고 있는 독자는 이러한 여러 가지의 특정적인 내용들이 없어도 사용될 수 있다는 것을 인지할 수 있다. 어떤 경우에는, 발명을 기술하는 데 있어서 흔히 알려졌으면서 발명과 크게 관련 없는 부분들은 본 발명을 설명하는 데 있어 별 이유 없이 혼돈이 오는 것을 막기 위해 기술하지 않음을 미리 언급해 둔다. Hereinafter, the present invention will be described in detail with reference to the drawings. In describing the specific embodiments below, various specific details have been set forth in order to explain the invention in greater detail and to assist in understanding it. However, those skilled in the art can understand that the present invention can be used without these various specific details. In some cases, it is mentioned in advance that parts of the invention which are commonly known in the description of the invention and which are not highly related to the invention are not described in order to prevent confusion in explaining the invention without cause.

도 1은 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치를 도시한 블록도이다.1 is a block diagram illustrating an apparatus for text-based mathematical expression according to an embodiment of the present invention.

본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치(100)는 텍스트 기반의 마크업언어로 작성된 문서를 장치(100)의 화면에 표시할 수 있다. 텍스트 기반의 마크업언어로 작성된 문서는 스마트폰, 태블릿 PC와 같은 모바일 기기에서 사용되도록 작성된 디지털 컨텐츠로서, 디지털 학습용 교재, 논문 등 다양한 형태의 문서일 수 있다. 텍스트 기반의 마크업언어는 예를 들어, 하이퍼텍스트 마크업언어5(HTML5: HyperText Markup Language 5)일 수 있다.The apparatus 100 for expressing a text-based formula according to an embodiment of the present invention may display a document written in a text-based markup language on a screen of the apparatus 100. Documents written in text-based markup languages are digital contents written for use in mobile devices such as smartphones and tablet PCs, and may be various types of documents such as digital learning materials and papers. The text based markup language may be, for example, HyperText Markup Language 5 (HTML5).

한편, 문서가 분수식, 미적분 수식, 방정식 등 다양한 표현의 수식을 포함하고 있는 경우, HTML5에서는 수식을 표현하기 위한 수식 마크업언어로서 MathML을 추가로 정의하고 있다. On the other hand, when a document includes mathematical expressions of various expressions such as fractional expressions, calculus formulas, and equations, HTML5 further defines MathML as a mathematical markup language for expressing mathematical expressions.

특히, 본 발명의 실시예에서는 분수식 또는 미적분 수식과 같이 복잡하게 표현되는 수식은 수식 마크업언어에 정의된 태그를 이용하여 작성하고, 변수, 기호, 방정식 또는 사칙연산을 이용한 수식과 같이 간단하게 표현되는 수식은 CSS(Cascading Style Sheet)와 HTML5의 태그를 이용하여 작성할 수 있다. 즉, 본 발명의 실시예에서는 문서 중 간단하게 표현되는 수식에 대해서는, CSS 상에 MathJax에서 사용하는 수식 폰트를 지정하고, 수식 폰트가 지정된 CSS를 HTML5에 활용하여 수식을 작성할 수 있다. 수식 마크업언어로서 MathML(Mathematical Markup Language)을 예로 들 수 있다.In particular, in the exemplary embodiment of the present invention, a formula expressed in a complex manner such as a fractional or calculus formula is prepared by using a tag defined in a formula markup language, and simply expressed as a formula using a variable, a symbol, an equation, or arithmetic operation. The formula can be written using CSS (Cascading Style Sheet) and HTML5 tags. That is, in the embodiment of the present invention, for a formula that is simply expressed in a document, a formula font used in MathJax can be designated on CSS, and the formula with the formula font specified in HTML5 can be used for creating the formula. MathML (Mathematical Markup Language) is an example of a mathematical markup language.

MathML로 작성된 태그는 장치(100)에서 자바 스크립트 라이브러리의 자바 스크립트를 통해 수식으로 변환될 수 있다. 자바 스크립트 라이브러리의 예로는 jsMath, MathJax 등이 있다. MathJax는 자바 스크립트들로 만들어진 수식 표현 도구로서, MathJax를 사용하면 웹에서 MathML 형식으로 간편하게 수식을 표현할 수 있다.The tag written in MathML may be converted into an equation through JavaScript in the JavaScript library in the device 100. Examples of JavaScript libraries include jsMath and MathJax. MathJax is a mathematical expression tool written in JavaScript. MathJax makes it easy to express mathematical expressions in MathML format on the Web.

장치(100)에서 MathJax를 사용하여 수식변환을 하는 경우, MathJax의 자바 스크립트는 MathJax에 포함된 수식 폰트들을 검색하고, 검색된 수식 폰트들 각각과 입력된 MathML의 태그를 비교하여 매칭하는 작업을 수반한다. 즉, MathJax의 자바 스크립트는 MathML의 태그로 작성된 수식을 태그에 해당하는 수식 폰트로 변환하고, 장치(100)는 변환된 수식을 이미지형태로 화면에 표시할 수 있다.When performing mathematical conversion using MathJax in the device 100, the JavaScript of MathJax involves searching for mathematical fonts included in MathJax, comparing each of the searched mathematical fonts with a tag of the input MathML, and matching them. . That is, the Javascript of MathJax converts the formula written in the tag of MathML into a formula font corresponding to the tag, and the apparatus 100 may display the converted formula in the form of an image on the screen.

MathJax가 포함하고 있는 복수 개의 수식 폰트들은 자바 스크립트 라이브러리가 MathML의 태그로 작성된 수식을 해당 폰트로 변환할 때 사용된다. MathJax가 포함하고 있는 'otf' 확장자를 가지는 수식 폰트들은 [표 1]과 같다.MathJax includes a number of math fonts that are used by the JavaScript library to convert math expressions written in MathML tags to these fonts. Math fonts with 'otf' extension included in MathJax are shown in [Table 1].

확장자extension MathJax에서 사용가능한 수식 폰트Math fonts available in MathJax



*.otf




* .otf
?MathJax_Main-Italic.otf, MathJax_Main-Regular.otf,
?MathJax_AMS-Regular.otf, MathJax_Caligraphic-Bold.otf, ?MathJax_Caligraphic-Regular.otf, MathJax_Fraktur-Bold.otf, ?MathJax_Fraktur-Regular.otf, MathJax_Main-Bold.otf, ?MathJax_Math-BoldItalic.otf, MathJax_Math-Italic.otf,
?MathJax_Math-Regular.otf, MathJax_SansSerif-Bold.otf, ?MathJax_SansSerif-Italic.otf, MathJax_SansSerif-Regular.otf, ?MathJax_Script-Regular.otf, MathJax_Size1-Regular.otf,
?MathJax_Size2-Regular.otf, MathJax_Size3-Regular.otf, ?MathJax_Size4-Regular.otf, MathJax_Typewriter-Regular.otf, ?MathJax_WinChrome-Regular.otf, MathJax_WinIE6-Regular.otf
MathJax_Main-Italic.otf, MathJax_Main-Regular.otf,
? MathJax_AMS-Regular.otf, MathJax_Caligraphic-Bold.otf,? MathJax_Caligraphic-Regular.otf, MathJax_Fraktur-Bold.otf,? MathJax_Fraktur-Regular.otf, MathJax_Main-Bold.otf,? Math.Math-Math. otf,
MathJax_Math-Regular.otf, MathJax_SansSerif-Bold.otf, MathJax_SansSerif-Italic.otf, MathJax_SansSerif-Regular.otf, MathJax_Script-Regular.otf, MathJax_Size1-Regular.otf,
MathJax_Size2-Regular.otf, MathJax_Size3-Regular.otf, MathJax_Size4-Regular.otf, MathJax_Typewriter-Regular.otf, MathJax_WinChrome-Regular.otf, MathJax_WinIE6-Regular.otf

[표 1]에 기재된 22개의 수식 폰트들의 전체 용량은 대략 8~9Mb이다. 따라서, 장치(100)에서 MathJax가 MathML에 정의된 전체 수식 폰트들을 검색하는 경우, 수식 폰트들 전체를 메모리(150)로 로딩하기에는 큰 부하가 발생할 수 있다.The total capacity of the 22 modified fonts listed in Table 1 is approximately 8-9 Mb. Therefore, when MathJax searches the entire mathematical fonts defined in MathML in the apparatus 100, a large load may be generated to load the entire mathematical fonts into the memory 150.

따라서, 본 발명의 실시예에서는 텍스트 기반의 마크업언어로 문서를 작성하는 단계에서, 수학 또는 과학 과목 등에 활용성이 큰 수식 폰트 또는 문서를 사용할 학습자들이 선호하는 수식 폰트를 선별하고, 선별된 수식 폰트를 이용하여 수식을 작성할 수 있다. 선별되는 수식 폰트는 변경이 가능하며, 한 개 이상일 수 있다. 일 예로, 본 발명의 실시예에서는 [표 2]와 같이 두 개의 수식 폰트를 선별하여 문서 내의 수식을 작성하나, 이는 일 예에 해당할 뿐 이에 한정되지 않는다.Therefore, in the embodiment of the present invention, in the step of creating a document in a text-based markup language, a mathematical font that is highly applicable to a mathematical or scientific subject, or a mathematical font preferred by learners who use the document is selected, and the selected mathematical expression is selected. You can write formulas using fonts. The selected modified font may be changed and may be one or more. For example, in the embodiment of the present invention, as shown in Table 2, two formula fonts are selected to create formulas in the document, but this is merely an example and the present invention is not limited thereto.

확장자extension 선별된 수식 폰트Selected Modified Fonts *.otf* .otf ?MathJax_Main-Italic.otf,
?MathJax_Main-Regular.otf
MathJax_Main-Italic.otf,
? MathJax_Main-Regular.otf

본 발명의 실시예에서는 [표 2]에 기재된 두 개의 수식 폰트를 이용하여 수식을 작성하고, 작성된 수식을 포함하는 문서를 파싱하여 장치(100)에 표시할 수 있다. 즉, 복잡하게 표현되는 수식은 MathML의 태그와 선별된 수식 폰트를 이용하여 작성되고, 간단하게 표현되는 수식은 선별된 수식 폰트가 지정된 CSS를 이용하여 텍스트로 작성될 수 있다. 이때, 수식 표현에 사용된 수식 폰트의 개수가 최소화됨에 따라, MathJax 자체의 용량이 감소되고 메모리(150)로 로드되는 수식 폰트의 양도 감소함으로써 부하를 줄일 수 있다.
In an embodiment of the present invention, an equation may be created using the two equation fonts described in Table 2, and a document including the created equation may be parsed and displayed on the device 100. In other words, a complex expression may be written using a tag of MathML and a selected formula font, and a simple expression may be written in text using a CSS having a selected formula font. At this time, as the number of mathematical fonts used for expression expression is minimized, the capacity of MathJax itself is reduced and the amount of mathematical fonts loaded into the memory 150 is also reduced, thereby reducing the load.

이하에서는 상기와 같이 선별된 수식 폰트, MathML 및 CSS를 이용하여 작성된 문서를 파싱하고, 수식을 변환하여 화면에 표시하는 과정에 대해 설명한다.Hereinafter, a process of parsing a document written using the selected formula font, MathML, and CSS as described above, converting the formula, and displaying the same on the screen will be described.

도 1을 참조하면, 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치(100)는 파서(110), CSS 선언부(120), 수식 폰트 로딩부(130), 변환부(140) 및 메모리(150)를 포함한다.Referring to FIG. 1, the apparatus 100 for expressing a text-based formula according to an embodiment of the present invention includes a parser 110, a CSS declaration unit 120, a formula font loading unit 130, and a conversion unit 140. And memory 150.

파서(110)는 텍스트 기반의 마크업언어로 작성된 문서를 파싱한다. 텍스트 기반의 마크업언어로 작성된 문서는 스마트폰과 같은 장치(100)에서 보여질 수 있으며, 다양한 형식의 수식을 포함할 수 있다. 파서(110)는 예를 들어 DOM Parser일 수 있다.The parser 110 parses a document written in a text-based markup language. Documents written in a text-based markup language may be viewed in the device 100 such as a smartphone, and may include various types of formulas. Parser 110 may be, for example, a DOM parser.

CSS 선언부(120)는 파싱된 문서에서 사용하는 모든 CSS들을 선언한다. CSS 선언부(120)는 파싱된 문서를 분석하여 문서에서 사용하는 모든 CSS들을 확인하고, 확인된 CSS들에 해당하는 각 파일의 저장 위치를 선언할 수 있다. 장치(100)는 해당 위치로부터 CSS를 읽어와 문서를 디자인하여 표시할 수 있다. CSS들은 수식에 적용되도록 작성된 수식 CSS와 일반적인 텍스트에 적용되도록 작성된 일반 CSS를 포함할 수 있다.The CSS declaration unit 120 declares all CSSs used in the parsed document. The CSS declaration unit 120 may analyze the parsed document, check all CSSs used in the document, and declare a storage location of each file corresponding to the checked CSS. The device 100 may design and display a document by reading CSS from the location. CSS can include formula CSS written to apply to formulas and generic CSS written to apply to plain text.

수식 폰트 로딩부(130)는 파싱된 문서에서 사용하도록 지정된 수식 폰트의 파일을 메모리(150)로 로딩할 수 있다. 즉, 수식 폰트 로딩부(130)는 CSS 선언부(120)에서 선언된 모든 CSS들 중 수식 CSS 및 수식 마크업언어의 태그에 사용된 수식 폰트의 파일을 선별하여 메모리(150)로 로딩할 수 있다. 일 예로, 파싱된 문서에서 사용하도록 지정된 수식 폰트의 파일명은 로딩된 문서의 도입부에 기재되어 있을 수 있다.The mathematical font loading unit 130 may load a file of the mathematical font designated for use in the parsed document into the memory 150. That is, the formula font loading unit 130 may select and load the file of the formula font used in the tag of the formula CSS and the formula markup language among all the CSS declared in the CSS declaration unit 120 and load it into the memory 150. have. As an example, the file name of the modified font designated to be used in the parsed document may be described at the beginning of the loaded document.

수식 폰트 로딩부(130)는 문서가 파싱된 후 처음에 한 번 수식 폰트를 로딩하고, 이후에는 별도의 로딩 과정을 수행하지 않는다. 따라서, 수식 폰트가 처음 로딩된 이후에는, HTML5의 태그로 구현되는 수식은 별도의 자바 스크립트를 호출하지 않고, 이미 로딩된 수식 폰트를 CSS를 통해 지정받아 표시될 수 있다.The equation font loading unit 130 loads the equation font once once after the document is parsed, and does not perform a separate loading process thereafter. Therefore, after the equation font is first loaded, the equation implemented by the HTML5 tag may be displayed by designating the already loaded equation font through CSS without calling a separate JavaScript.

MathJax의 경우 22개의 수식 폰트들을 포함하고 있으며, 22개의 수식 폰트들은 브라우저에 포함되어 있을 수 있다. 문서가 [표 2]를 참조하여 설명한 바와 같이 2개의 수식 폰트 포함하고 있는 경우, 수식 폰트 로딩부(130)는 [표 2]에 기재된 2개의 수식 폰트의 파일을 메모리(150)로 로딩할 수 있다.MathJax includes 22 math fonts, and 22 math fonts can be included in the browser. When the document includes two modified fonts as described with reference to [Table 2], the modified font loading unit 130 may load files of the two modified fonts described in [Table 2] into the memory 150. have.

변환부(140)는 파싱된 문서를 장치(100)의 화면에 표시가능한 형태로 변환할 수 있다. 또한, 본 발명의 실시예에서, 변환부(140)는 수식 CSS가 지정된 텍스트 기반의 태그가 파싱된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환할 수 있다. 수식 CSS는 수식 표현을 위해 정의된 스타일 시트로서, 수식 CSS에는 수식 폰트의 이름과 수식 폰트의 물리적 경로가 정의되며, 수식 CSS의 파일 별로 수식 폰트와 폰트 크기가 정의된다. 텍스트 기반의 태그는 HTML5에서 사용하는 태그일 수 있다.The conversion unit 140 may convert the parsed document into a form that can be displayed on the screen of the apparatus 100. In addition, in an embodiment of the present invention, if the text-based tag in which the formula CSS is specified is parsed in the document, the conversion unit 140 may use a formula font file defined in the formula CSS among the plurality of formula font files. Equations created with text-based tags can be converted into displayable forms. The formula CSS is a style sheet defined for expressing an expression. In the formula CSS, the name of the formula font and the physical path of the formula font are defined, and the formula font and font size are defined for each file of the formula CSS. The text-based tag may be a tag used in HTML5.

이를 위하여, 변환부(140)는 CSS 적용부(141), 렌더링부(142), 페이지 변환부(143), XML 처리부(144) 및 이미지 변환부(145)를 포함한다.To this end, the converter 140 includes a CSS applier 141, a renderer 142, a page converter 143, an XML processor 144, and an image converter 145.

CSS 적용부(141)는 파싱된 문서 중 HTML5 태그에 설정된 수식 CSS의 파일명을 확인한다. CSS 적용부(141)는 수식 CSS의 파일이 저장된 위치를 CSS 선언부(120)에서 선언된 저장 위치에 기초하여 확인한다. CSS 적용부(141)는 확인된 저장 위치로부터 수식 CSS 파일을 텍스트 기반의 태그에 적용할 수 있다. 이로써, 텍스트 기반의 태그로 작성된 수식에는 수식 CSS에 설정된 스타일이 적용된다. The CSS application unit 141 checks the file name of the formula CSS set in the HTML5 tag among the parsed documents. The CSS application unit 141 checks the location where the file of the formula CSS is stored based on the storage location declared in the CSS declaration unit 120. The CSS applier 141 may apply the formula CSS file to the text-based tag from the identified storage location. Thus, the style set in the formula CSS is applied to the formula created with the text-based tag.

도 2는 본 발명의 실시예에 따른 수식 CSS의 일 예를 보여준다.2 shows an example of a formula CSS according to an embodiment of the present invention.

도 2를 참조하면, 'font-family'는 수식 폰트의 이름(또는 파일명)을 나타내는 인덱스, 'MathJax_Main-Regular'와 'MathJax_Main-Italic'는 수식 폰트의 이름, 'src: url(fonts/MathJax_Main-Regular.otf)'는 'MathJax_Main-Regular'라는 수식 폰트의 파일이 저장된 물리적 경로를 의미하다. 또한, 'equation', 'math_main', 'math_sup', 'math_sup_italic' 및 'math_main_italic'은 수식 CSS의 파일명을 의미한다. 예를 들어, 도 2의 'math_main_italic'이라는 수식 CSS는 'MathJax_Main-Italic'이라는 수식 폰트와, 22픽셀이라는 폰트 크기를 스타일 시트에 정의하고 있다. Referring to FIG. 2, 'font-family' is an index indicating a name (or file name) of a formula font, 'MathJax_Main-Regular' and 'MathJax_Main-Italic' are names of a formula font, and 'src: url (fonts / MathJax_Main- Regular.otf) 'refers to the physical path where the file of Math font named' MathJax_Main-Regular 'is stored. In addition, 'equation', 'math_main', 'math_sup', 'math_sup_italic', and 'math_main_italic' mean file names of formula CSS. For example, the formula CSS of 'math_main_italic' of FIG. 2 defines a formula font of 'MathJax_Main-Italic' and a font size of 22 pixels in the style sheet.

렌더링부(142)는 수식 CSS가 적용된 텍스트 기반의 태그로 작성된 수식들을 메모리(150)로 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환할 수 있다. 즉, 텍스트 기반의 태그에 수식 CSS가 적용되어 있는 경우, 수식 CSS의 파일에 정의된 수식 폰트는 메모리(150)에 이미 로딩되어 있다. 렌더링부(142)는 메모리(150)로 로딩된 수식 폰트의 파일 중 수식 CSS에 정의된 수식 폰트의 파일을 이용할 수 있다. 따라서, 렌더링부()는 텍스트 기반의 태그로 작성된 수식들을 이미 로딩된 수식 폰트의 글씨체로 변환할 수 있다.The rendering unit 142 may convert the formulas created by the text-based tag to which the formula CSS is applied, into the corresponding formula font by using a file of the formula font loaded into the memory 150. That is, when the formula CSS is applied to the text-based tag, the formula font defined in the file of the formula CSS is already loaded in the memory 150. The rendering unit 142 may use a file of the modified font defined in the modified CSS among the files of the modified font loaded into the memory 150. Accordingly, the renderer may convert equations written in a text-based tag into fonts of fonts that are already loaded.

예를 들어, 텍스트 기반의 태그에 'math_main_italic'라는 수식 CSS의 파일명에 기재된 경우, 렌더링부(142)는 메모리(150)에 이미 로딩된 'MathJax_Main-Italic'이라는 수식 폰트의 파일을 이용하여 텍스트 기반의 태그로 작성된 수식들을 렌더링할 수 있다. 이러한 경우, 텍스트 기반의 태그로 작성된 수식들은 이탤릭체로 표시될 수 있다.For example, when the text-based tag is written in the file name of the formula CSS of 'math_main_italic', the rendering unit 142 may be text-based by using the file of the formula font named 'MathJax_Main-Italic' which is already loaded in the memory 150. Equations created with the tag can be rendered. In this case, equations written in text-based tags may be displayed in italics.

페이지 변환부(143)는 렌더링부(142)에서 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환할 수 있다. The page converter 143 may convert the equations converted into the equation font by the renderer 142 into a form that can be displayed on the page.

한편, MathML과 같은 수식 마크업언어로 작성된 수식의 경우, XML 처리부(144)는 자바 스크립트 라이브러리를 호출할 수 있다. 이를 위하여, 스크립트 호출부(144a)는 파싱된 문서 중 수식 마크업언어의 태그(즉, MathML에 정의된 태그)가 있으면, 수식 마크업언어의 태그에 해당하는 자바 스크립트를 호출할 수 있다. 이하에서는 '수식 마크업언어의 태그에 해당하는 자바 스크립트'를 '수식 자바 스크립트'라 한다. 위에서 설명한 바와 같이, 수식 마크업언어가 MathML인 경우, 자바 스크립트 라이브러리는 MathJax이며, 수식 자바 스크립트는 MathJax를 이루는 스크립트들 중 하나이다. Meanwhile, in the case of an expression written in a mathematical markup language such as MathML, the XML processor 144 may call a JavaScript library. To this end, the script caller 144a may call a Javascript corresponding to a tag of the expression markup language if there is a tag of the expression markup language (ie, a tag defined in MathML) among the parsed documents. Hereinafter, 'JavaScript corresponding to the tag of the formula markup language' is referred to as 'formula JavaScript'. As described above, if the math markup language is MathML, the JavaScript library is MathJax, and the math JavaScript is one of the scripts that make up MathJax.

XML 처리부(144)가 브라우저에서 웹 코어 영역에 속하는 경우, XML 처리부(144)는 수식 자바 스크립트를 호출하면서 수식 변환을 위한 제어권을 자바 스크립트 영역으로 이관(移管)할 수 있다.When the XML processing unit 144 belongs to the web core region in the browser, the XML processing unit 144 may transfer control for the expression conversion to the JavaScript region while invoking the formula JavaScript.

호출된 수식 자바 스크립트가 실행되면, 렌더링부(142)는 수식 마크업언어의 태그로 작성된 수식을 호출된 수식 자바 스크립트에 대응하는 수식 폰트로 변환할 수 있다.When the called formula Javascript is executed, the rendering unit 142 may convert the formula created with the tag of the formula markup language into a formula font corresponding to the called formula Javascript.

이미지 변환부(145)는 렌더링부(142)에서 수식 폰트로 변환된 수식을 페이지에 표시가능한 형태의 이미지로 변환할 수 있다.The image converting unit 145 may convert the mathematical formula converted by the rendering unit 142 into the mathematical font into an image that can be displayed on the page.

상술한 바와 같이, 본 발명의 실시예에 따르면, 수식 표현에 사용되는 수식 폰트들을 선별하여 사용함으로써 수식 폰트들의 로딩에 의한 부하를 최소화할 수 있다. 또한, 본 발명의 실시예에 따르면, 방정식과 같이 간단히 표현가능한 수식은 텍스트 기반의 태그와 CSS에 정의된 수식 폰트를 이용하고, 분수식과 같이 복잡하게 표현되는 수식은 수식 마크업언어를 이용하여 수식을 표현할 수 있다. 이러한 경우, 텍스트 기반의 태그와 CSS로 표현된 수식을 장치(100)의 페이지로 구현할 때 필요한 자원을 최소화할 수 있다. As described above, according to an embodiment of the present invention, by selecting and using the mathematical fonts used in the expression expression can be minimized the load by loading the mathematical fonts. In addition, according to an embodiment of the present invention, a formula that can be simply expressed as an equation uses a font based on a text tag and a formula font defined in CSS, and a formula that is complicatedly expressed as a fractional expression is expressed using a formula markup language. Can be expressed. In this case, it is possible to minimize the resources required when implementing the equations expressed in the text-based tag and CSS to the page of the device 100.

[표 3]은 동일한 수식의 변수를 MathML의 태그와 수식 CSS를 이용하여 작성한 일 예를 보여준다.[Table 3] shows an example of writing the variables of the same formula using MathML tag and formula CSS. MathMLMathML 의 태그로 작성된 변수Created with tags in 수식의 변수 표현(Variable Representation in Formulas ( MathJaxMathjax 사용) use)      <math>
            <mrow>
                  <mi>x</mi>
                  <mo>, </mo>
                  <mi>y</mi>                   <mo>, </mo>
                  <mi>z</mi>
            </mrow>
      </math>   
 
<math>
<mrow>
<mi> x </ mi>
<mo>, </ mo>
<mi> y </ mi><mo>,</mo>
<mi> z </ mi>
</ mrow>
</ math>



   ⇒ x, y, z



⇒ x, y, z
수식 폰트가 정의된 수식 Equation with equation font defined CSSCSS 수식의 변수 표현Variable Representation in Formulas
(수식 (Equation CSSCSS 와 수식 폰트 사용)And formula fonts)
      <span class='math_main_italic'>
         x, y, z
      </span>      
<span class = 'math_main_italic'>
x, y, z
</ span>

   ⇒ x, y, z

⇒ x, y, z

[표 3]을 참조하면, 수식의 변수가 MathML의 태그로 작성된 경우, 장치(100)는 MathML의 자바 스크립트 라이브러리인 MathJax를 호출하고, 호출된 MathJax의 수식 자바 스크립트를 실행하여 'x, y, z'를 해당 폰트로 변환한다. 따라서, 간단한 변수를 수식으로 변환하는 경우에도 많은 자원을 필요로 한다.Referring to [Table 3], when a variable of an expression is written in a tag of MathML, the device 100 calls MathJax, which is a JavaScript library of MathML, and executes the formula JavaScript of the called MathJax to execute 'x, y, z 'is converted to the corresponding font. Therefore, even converting a simple variable to an expression requires a lot of resources.

반면, 수식의 변수가 수식 폰트가 정의된 수식 CSS와 HTML5의 태그로 작성된 경우, 장치(100)는 HTML5 태그에 설정된 수식 CSS의 파일명 'math_main_italic'을 확인하고, 파일명에 해당하는 수식 CSS를 이용하여 문서를 표시가능한 형태로 변환하되, 메모리(150)에 로딩된 수식 CSS에 정의된 수식 폰트 'MathJax_Main-Italic'을 이용하여 수식의 폰트를 변환할 수 있다. 따라서, 수식 CSS로 작성된 수식은 자바 스크립트 라이브러리를 호출하지 않고 해당 수식 폰트로 변환될 수 있다.On the other hand, if the variable of the formula is written in the formula CSS and the HTML5 tag defined the formula font, the device 100 checks the file name 'math_main_italic' of the formula CSS set in the HTML5 tag, and using the formula CSS corresponding to the file name The document may be converted into a displayable form, and the font of the formula may be converted using the formula font 'MathJax_Main-Italic' defined in the formula CSS loaded in the memory 150. Thus, an expression written in the formula CSS can be converted into the corresponding font of the formula without calling the JavaScript library.

도 3은 HTML5 태그와 수식 CSS에 정의된 수식 폰트들을 이용하여 작성된 문서의 일 예를 보여주는 도면이다.FIG. 3 is a diagram illustrating an example of a document created using modified fonts defined in HTML5 tags and modified CSS.

도 3을 참조하면, 'x'와 'y'같은 변수는 'math_main_italic'이라는 수식 CSS에 정의된 수식 폰트를 이용하고, 숫자와 기호는 'math_main'이라는 수식 CSS에 정의된 수식 폰트를 이용하도록 되어 있다. 이러한 경우, 렌더링부(142)에 의해 출력되는 수식은

Figure pat00001
로 페이지에 표시될 수 있다.
Referring to FIG. 3, variables such as 'x' and 'y' use a mathematical font defined in a mathematical CSS named 'math_main_italic', and numbers and symbols use a mathematical font defined in a mathematical CSS named 'math_main'. have. In this case, the equation output by the renderer 142 is
Figure pat00001
Can be displayed on the page.

도 4는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 방법을 설명하기 위한 흐름도이다.4 is a flowchart illustrating a method for text-based formula expression according to an embodiment of the present invention.

도 4에 도시된 텍스트 기반의 수식 표현을 위한 방법은 도 1을 참조하여 설명한 텍스트 기반의 수식 표현 장치(100) 또는 장치(100) 내의 프로세서(미도시)에 의해 수행될 수 있다.The method for text-based mathematical expression shown in FIG. 4 may be performed by the text-based mathematical expression apparatus 100 described above with reference to FIG. 1 or a processor (not shown) in the apparatus 100.

장치는 텍스트 기반의 마크업언어로 작성된 문서를 로딩하여 파싱한다(S405). 텍스트 기반의 마크업언어는 예를 들어 HTML5이며, 문서는 수식을 포함하는 디지털 컨텐츠로 구성된 교재일 수 있다.The device loads and parses a document written in a text-based markup language (S405). The text-based markup language is HTML5, for example, and the document may be a textbook composed of digital content including formulas.

장치는 파싱된 문서를 확인하여 문서에서 사용하는 모든 CSS들을 선언한다(S410). 즉, S410단계에서, 장치는 파싱된 문서에서 사용하는 모든 CSS들을 확인하고, 확인된 CSS들에 해당하는 각 파일의 저장 위치를 선언할 수 있다.The device checks the parsed document and declares all CSSs used in the document (S410). That is, in operation S410, the device may check all CSSs used in the parsed document and declare a storage location of each file corresponding to the checked CSS.

장치는 파싱된 문서를 확인하여, 문서의 수식 표현 시 사용하도록 지정된 수식 폰트들을 확인하고, 확인된 수식 폰트들의 파일을 로딩할 수 있다(S415). 즉, 장치는 선언된 모든 CSS들 중 수식 CSS 및 수식 마크업언어의 태그에 사용된 수식 폰트들의 파일을 선별하여 메모리로 로딩할 수 있다. 수식 마크업언어는 HTML5에서 사용하도록 상호 규약된 MathML일 수 있다.The device may check the parsed document, identify the mathematical fonts designated to be used in the mathematical expression of the document, and load the file of the identified mathematical fonts (S415). That is, the device may select and load a file of modified fonts used in a tag of an expression CSS and an expression markup language among all declared CSS. The mathematical markup language can be MathML, which is mutually contracted for use in HTML5.

장치는 파싱된 문서 중 수식 CSS가 지정된 텍스트 기반의 태그가 발견되면(S420), 태그에 지정된 수식 CSS의 파일명을 확인하고, 수식 CSS에 정의된 수식 폰트의 파일명을 확인할 수 있다(S425). 이를 위하여, 장치는 CSS가 발견될 때마다 수식 CSS인지 일반 CSS인지를 수식 CSS 테이블과 비교하여 판단할 수 있다. 수식 CSS 테이블은 수식 CSS의 파일명을 저장한다.If a device based on the formula CSS specified in the parsed document is found in the parsed document (S420), the device may check the file name of the formula CSS specified in the tag and check the file name of the formula font defined in the formula CSS (S425). To this end, whenever the CSS is found, the device may determine whether the CSS or the general CSS is compared with the formula CSS table. The formula CSS table stores file names of formula CSS.

예를 들어, E.g,

<span class='math_main_italic'><span class = 'math_main_italic'>

         x, y, zx, y, z

</span></ span>

이라는 문서가 로딩되는 경우, S420단계에서 발견되는 태그는 <span>이고, S425단계에서 확인되는 수식 CSS의 파일명은 'math_main_italic'이며, 'math_main_italic'에 정의된 수식 폰트의 파일명은 'MathmJax_Main_Italic'이다. 수식 CSS에 정의된 수식 폰트의 파일명은 S410단계에서 선언된 CSS들과 도 2와 같이 정의된 CSS를 참조하여 확인할 수 있다. When the document is loaded, the tag found in step S420 is <span>, the file name of the formula CSS checked in step S425 is 'math_main_italic', and the file name of the formula font defined in 'math_main_italic' is 'MathmJax_Main_Italic'. The file name of the formula font defined in the formula CSS may be confirmed by referring to the CSS declared in step S410 and the CSS defined as shown in FIG. 2.

장치는 S425단계에서 확인된 수식 CSS의 파일을 S410단계에서 선언된 위치로부터 불러와 수식 CSS를 텍스트 기반의 태그에 적용할 수 있다(S430). 이로써, 텍스트 기반의 태그로 작성된 수식에는 수식 CSS에 설정된 스타일이 적용된다.The device may load the formula CSS file identified in step S425 from the location declared in step S410 and apply the formula CSS to the text-based tag (S430). Thus, the style set in the formula CSS is applied to the formula created with the text-based tag.

또한, 장치는 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 텍스트 기반의 태그로 작성된 수식들을 해당 수식 폰트로 변환할 수 있다(S435). S435단계에서, 장치는 S415단계에서 이미 로딩된 수식 폰트의 파일들 중 해당 파일을 이용할 수 있다. 따라서, 장치는 별도의 자바 스크립트를 호출하지 않고도, 이미 로딩된 수식 폰트의 파일을 이용할 수 있다.In operation S435, the device may convert the formulas created by the text-based tag into the corresponding formula font by using the file of the formula font defined in the formula CSS. In operation S435, the device may use the corresponding file among the files of the modified font already loaded in operation S415. Therefore, the device can use a file of an already loaded formula font without calling a separate JavaScript.

장치는 S435단계에서 해당 수식 폰트로 변환된 수식을 S430단계에서 적용된 수식 CSS에 맞춰 페이지에 표시한다(S440).In operation S440, the device displays the equation converted into the corresponding equation font on the page according to the equation CSS applied in step S430.

한편, 장치는 파싱된 문서 중 수식 마크업언어의 태그가 발견되면(S445), 자바 스크립트 라이브러리를 호출할 수 있다(S450).Meanwhile, if a tag of the modified markup language is found in the parsed document (S445), the device may call a JavaScript library (S450).

장치는 자바 스크립트 라이브러리 중 수식 마크업언어의 태그에 해당하는 자바 스크립트를 실행하여 복수 개의 수식 폰트들을 로딩한다(S455).The device loads a plurality of mathematical fonts by executing a javascript corresponding to a tag of an expression markup language in the javascript library (S455).

장치는 로딩된 복수 개의 수식 폰트들 중 실행중인 수식 자바 스크립트에 해당하는 수식 폰트로 수식을 변환한다(S460).The device converts an equation into an equation font corresponding to the equation JavaScript being executed among the plurality of equation fonts loaded (S460).

장치는 해당 수식 폰트로 변환된 수식을 이미지로 변환하고(S465), 페이지에 수식을 표시한다(S440).The device converts the equation converted into the corresponding equation font into an image (S465), and displays the equation on the page (S440).

한편, 장치는 파싱된 문서 중 일반 CSS가 발견되면 일반 CSS를 문서에 적용하여 페이지에 표시한다(S470).
On the other hand, if the general CSS is found among the parsed documents, the device applies the general CSS to the document and displays it on the page (S470).

도 5는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치의 웹 키트를 도시한 블록도이다.5 is a block diagram illustrating a web kit of an apparatus for text-based mathematical expression according to an embodiment of the present invention.

도 1을 참조하여 설명한 본 발명의 실시예에 따른 텍스트 기반의 수식 표현 장치(100)는 웹키트(WebKit)(500)로서 동작할 수 있다. 웹키트(500)는 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 응용 프로그램 프레임워크이다.The text-based expression expression apparatus 100 according to the embodiment of the present invention described with reference to FIG. 1 may operate as a web kit 500. Web kit 500 is an open source application framework that provides a foundation for creating a web browser.

도 5를 참조하면, 웹 키트(500)는 크게 웹 코어(Web Core)(510), 자바 스크립트 코어(JavaScript Core)(520), 플러그인(Plugin)(530) 및 툴/라이브러리(Tool/Library)(540)를 포함할 수 있다.Referring to FIG. 5, the web kit 500 may be classified into a web core 510, a javascript core 520, a plugin 530, and a tool / library. 540 may include.

웹 코어(510)는 웹 브라우징 관련 기능들을 제공하며, 크게 페이지부(511), 모듈부(512) 및 플랫폼(513)으로 구분될 수 있다.The web core 510 provides web browsing related functions, and may be classified into a page unit 511, a module unit 512, and a platform 513.

페이지부(511)는 웹 코어(510) 외부에 위치하는 자바 스크립트 코어(520)와 내부에 위치하는 모듈부(512)의 모듈들을 사용하여 브라우저와 같은 페이지를 구현할 수 있다.The page unit 511 may implement a page such as a browser by using the modules of the JavaScript core 520 located outside the web core 510 and the module unit 512 located therein.

모듈부(512)는 CSS부, HTML부, XML부, DOM, 렌더링부 및 로더를 포함한다.The module unit 512 includes a CSS unit, an HTML unit, an XML unit, a DOM, a renderer, and a loader.

플랫폼(513)은 웹 코어(510)의 밑단에서, 각 플랫폼의 API(Application Programming Interface)를 이용하여 그림을 그리거나 문자를 쓸 수 있다.The platform 513 may draw a picture or write a letter using an API (Application Programming Interface) of each platform at the bottom of the web core 510.

자바 스크립트 코어(520)는 자바스크립트를 실행하여 해당 코드를 해석할 수 있다.The JavaScript core 520 may execute JavaScript to interpret the corresponding code.

웹 페이지를 화면에 표시하는 일련의 과정을 설명하면, 로더는 특정 사이트에서 수식을 포함하는 문서를 받아 분석하고, 분석 결과에 따라 데이터들을 각각의 파서로 분류한다. 자바 스크립트 코어(520)는 자바 스크립트 라이브러리를 호출하고, 자바 스크립트를 실행하여 데이터에 포함된 수식을 수식 폰트로 변환할 수 있다. 이를 바탕으로 렌더링부는 플랫폼(513)의 문자나 이미지를 그리는 함수를 사용하여 웹 페이지에 보여질 내용을 그린다. 최종적으로 만들어진 웹 페이지는 모니터를 통해 사용자에게 제공된다. In the process of displaying a web page on the screen, the loader receives a document containing a formula from a specific site, analyzes it, and classifies the data into individual parsers according to the analysis result. The JavaScript core 520 may call a JavaScript library and execute JavaScript to convert the formula contained in the data into a formula font. Based on this, the rendering unit draws content to be displayed on a web page using a function for drawing a character or an image of the platform 513. The final web page is presented to the user via a monitor.

또한, 수식을 포함하는 문서가 웹 키트(500)로 로딩되는 경우, CSS부는 도 1의 CSS를 선언하는 CSS 선언부(120)와 확인된 CSS(수식 CSS 또는 일반 CSS)를 문서에 적용하는 CSS 적용부(141)에 대응할 수 있다. XML부는 자바 스크립트 라이브러리를 호출하는 도 1의 XML 처리부(144)에 대응하며, 자바 스크립트 코어(520)는 해당 자바 스크립트를 실행하여 수식 폰트를 로딩 및 검색할 수 있다. 렌더링부는 로딩된 수식 폰트로 수식을 변환하는 렌더링부(142)의 동작을 제공할 수 있다. 플랫폼(513)의 이미지 디코더와 페이지부(511)는 도 1의 페이지 변환부(143)와 이미지 변환부(145)에서 제공하는 동작을 수행할 수 있다.In addition, when the document containing the formula is loaded into the web kit 500, the CSS unit CSS to apply the CSS (Formula CSS or general CSS) to the document and the CSS declaration unit 120 to declare the CSS of Figure 1 It may correspond to the application unit 141. The XML unit corresponds to the XML processing unit 144 of FIG. 1 invoking the JavaScript library, and the JavaScript core 520 may load and search an equation font by executing the corresponding JavaScript. The renderer may provide an operation of the renderer 142 converting the equation into the loaded equation font. The image decoder and the page unit 511 of the platform 513 may perform operations provided by the page converter 143 and the image converter 145 of FIG. 1.

도 6은 학교에서 사용되는 수학 교재의 일부를 도시한 도면이다.FIG. 6 is a diagram illustrating a part of a math textbook used in a school.

도 6에 도시된 교재가 본 발명의 실시예에서 제안하는 바와 같이, 방정식이나 기호와 같은 간단한 수식은 CSS와 HTML5를 혼용하여 코딩하고, 분수식과 같이 복잡한 형태의 수식은 MathML을 이용하여 코딩되었다고 가정한다. 이러한 경우, 교재를 스마트폰과 같은 모바일 단말기에서 활용하는 경우, 본 발명의 실시예가 적용된 모바일 단말기는 간단한 수식들은 자바 스크립트 라이브러리를 호출하지 않고 CSS를 이용하여 수식을 수식 폰트로 변환할 수 있다. 이로써, 기존에는 간단한 수식과 복잡한 수식들을 변환하기 위해, 자바 스크립트 라이브러리를 호출하고 수식 폰트의 파일들을 로딩하여 변환하기까지 많은 자원과 시간을 필요로 하였으나, 본 발명에 따르면 이러한 불편함을 해결할 수 있다.As the textbook shown in FIG. 6 proposes in the embodiment of the present invention, a simple equation such as an equation or a symbol is coded using a mixture of CSS and HTML5, and a complex equation such as a fractional expression is assumed to be coded using MathML. do. In this case, when the teaching material is utilized in a mobile terminal such as a smartphone, the mobile terminal to which the embodiment of the present invention is applied can convert formulas to formula fonts using CSS without calling a JavaScript library. Thus, in the past, in order to convert simple and complex equations, a lot of resources and time were required to call the JavaScript library and load and convert the files of the equation font, but according to the present invention, this inconvenience can be solved. .

상기와 같이 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상의 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다. 그러므로, 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.While the present invention has been described with reference to the particular embodiments and drawings, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims. This is possible. Therefore, the scope of the present invention should not be limited to the described embodiments, but should be determined by the equivalents of the claims, as well as the claims.

100: 텍스트 기반의 수식 표현을 위한 장치
110: 파서 120: CSS 선언부
130: 수식 폰트 로딩부 140: 변환부
141: CSS 적용부 142: 렌더링부
143: 페이지 변환부 144: XML 처리부
145: 이미지 변환부 150: 메모리
100: device for text-based expression
110: parser 120: CSS declaration
130: equation font loading unit 140: conversion unit
141: CSS applying unit 142: Rendering unit
143: page conversion unit 144: XML processing unit
145: image conversion unit 150: memory

Claims (16)

텍스트 기반의 마크업언어로 작성된 문서를 로딩하는 단계; 및
수식 CSS(Cascading Style Sheet)-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-가 지정된 텍스트 기반의 태그가 상기 로딩된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환하는 단계;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
Loading a document written in a text-based markup language; And
If the loaded document has a text-based tag with a formula cascading style sheet (CSS) -style sheet in which a formula font is defined for a formula expression, the formula font defined in the formula CSS among a plurality of formula font files is selected. And converting the formulas created by the text-based tag into a displayable form using a file.
제1항에 있어서,
상기 로딩된 문서에서 사용하는 모든 CSS들을 선언하는 단계; 및
상기 선언된 모든 CSS들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 상기 복수 개의 수식 폰트 파일들로부터 선별하여 메모리로 로딩하는 단계;를 더 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
The method of claim 1,
Declaring all CSSs used in the loaded document; And
Selecting a file of a mathematical font defined in the mathematical CSS among all the declared CSS from the plurality of mathematical font files and loading the memory into a memory;
제2항에 있어서,
상기 변환하는 단계는,
상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 단계; 및
상기 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환하는 단계;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
The method of claim 2,
Wherein the converting comprises:
Converting equations written with the text-based tag into corresponding equation fonts using the file of the loaded equation fonts; And
And converting the equations converted into the equation font into a form displayable on a page.
제1항에 있어서,
상기 수식 CSS는, 상기 텍스트 기반의 태그로 작성된 수식들을 페이지에 표시가능한 형태로 변환하기 위해, 복수 개의 수식 폰트들 중 선별된 수식 폰트가 정의된 스타일 시트인 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
The method of claim 1,
The formula CSS is a text-based formula expression method, characterized in that the formula sheet is selected from a plurality of formula fonts in order to convert the formulas created by the text-based tag to the form that can be displayed on the page, .
제1항에 있어서,
상기 텍스트 기반의 태그는 하이퍼텍스트 마크업언어(HTML: HyperText Markup Language)에 정의된 태그인 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
The method of claim 1,
The text-based tag is a text-based expression expression method, characterized in that the tag defined in the HyperText Markup Language (HTML).
제1항에 있어서,
상기 로딩된 문서 중 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 단계;
상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식에 수식 폰트를 적용하는 단계; 및
상기 수식 폰트가 적용된 수식을 이미지로 변환하는 단계;를 더 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
The method of claim 1,
If there is a tag defined in an equation markup language among the loaded documents, calling an equation javascript corresponding to a tag defined in the equation markup language;
Executing the called formula Javascript to apply a formula font to an formula written with a tag of the formula markup language; And
And converting an equation to which the equation font is applied to an image.
제6항에 있어서,
상기 복수 개의 수식 폰트 파일들은 자바 스크립트 라이브러리가 상기 수식 마크업언어 태그로 작성된 수식의 폰트 변환을 위해 사용하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
The method according to claim 6,
And the plurality of mathematical font files are used by a JavaScript library to convert fonts of mathematical formulas created with the mathematical markup language tag.
제7항에 있어서,
상기 수식 마크업언어는 MathML(Mathematical Markup Language)이고, 상기 자바 스크립트 라이브러리는 MathJax이며, 상기 자바 스크립트는 상기 자바 스크립트 라이브러리의 스크립트인 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
The method of claim 7, wherein
The mathematical markup language is MathML (Mathematical Markup Language), the JavaScript library is MathJax, the JavaScript is a text-based formula expression method characterized in that the script of the JavaScript library.
텍스트 기반의 마크업언어로 작성된 문서를 파싱하는 파서; 및
수식 CSS(Cascading Style Sheet)-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-가 지정된 텍스트 기반의 태그가 상기 파싱된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환하는 변환부;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
A parser for parsing a document written in a text-based markup language; And
If the parsed document has a text-based tag with a formula cascading style sheet (CSS) -style sheet in which a formula font is defined for a formula expression, the formula font defined in the formula CSS among the plurality of formula font files is selected. And a converting unit converting the formulas created by the text-based tag into a displayable form using a file.
제9항에 있어서,
상기 파싱된 문서에서 사용하는 모든 CSS들을 선언하는 CSS 선언부; 및
상기 선언된 모든 CSS들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 선별하여 메모리로 로딩하는 수식 폰트 로딩부;를 더 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
10. The method of claim 9,
A CSS declaration unit for declaring all CSSs used in the parsed document; And
And a formula font loading unit for selecting and loading a file of a formula font defined in the formula CSS among all the declared CSS into a memory.
제10항에 있어서,
상기 변환부는,
상기 수식 CSS를 상기 텍스트 기반의 태그에 적용하는 CSS 적용부;
상기 수식 CSS가 적용된 상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 렌더링부; 및
상기 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환하는 페이지 변환부;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
The method of claim 10,
Wherein,
A CSS applying unit which applies the modified CSS to the text-based tag;
A rendering unit for converting formulas created by the text-based tag to which the formula CSS is applied, into a corresponding formula font by using the file of the loaded formula font; And
And a page converter for converting the equations converted into the equation font into a form that can be displayed on the page.
제9항에 있어서,
상기 수식 CSS는, 상기 텍스트 기반의 태그로 작성된 수식들을 페이지에 표시가능한 형태로 변환하기 위해, 복수 개의 수식 폰트들 중 선별된 수식 폰트가 정의된 스타일 시트인 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
10. The method of claim 9,
The formula CSS is a text-based formula expression, characterized in that the style sheet in which the selected formula font of the plurality of formula fonts in order to convert the formulas created by the text-based tag to the page displayable form Device for.
제9항에 있어서,
상기 텍스트 기반의 태그는 하이퍼텍스트 마크업언어(HTML: HyperText Markup Language)에 정의된 태그인 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
10. The method of claim 9,
And the text-based tag is a tag defined in a hypertext markup language (HTML).
제9항에 있어서,
상기 변환부는,
상기 파싱된 문서 중 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 스크립트 호출부;
상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식을 상기 호출된 수식 자바 스크립트에 대응하는 수식 폰트로 변환하는 렌더링부; 및
상기 수식 폰트가 적용된 수식을 이미지로 변환하는 이미지 변환부;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
10. The method of claim 9,
Wherein,
A script caller for calling a formula javascript corresponding to a tag defined in the formula markup language if a tag defined in the formula markup language is found among the parsed documents;
A rendering unit which executes the called formula javascript and converts a formula written in a tag of the formula markup language into a formula font corresponding to the called formula javascript; And
And an image converter for converting an equation to which an expression font is applied, into an image.
제14항에 있어서,
상기 복수 개의 수식 폰트 파일들은 자바 스크립트 라이브러리가 상기 수식 마크업언어 태그로 작성된 수식의 폰트 변환을 위해 사용하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
15. The method of claim 14,
And the plurality of mathematical font files are used by a JavaScript library to convert fonts of mathematical formulas created with the mathematical markup language tag.
제15항에 있어서,
상기 수식 마크업언어는 MathML(Mathematical Markup Language)이고, 상기 자바 스크립트 라이브러리는 MathJax이며, 상기 자바 스크립트는 상기 자바 스크립트 라이브러리의 스크립트인 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
16. The method of claim 15,
Wherein the mathematical markup language is MathML (Mathematical Markup Language), the JavaScript library is MathJax, and the Javascript is a script of the JavaScript library.
KR1020110039861A 2011-04-28 2011-04-28 Apparatus and Method for Rendering Mathematical based on Text KR101264980B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020110039861A KR101264980B1 (en) 2011-04-28 2011-04-28 Apparatus and Method for Rendering Mathematical based on Text

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110039861A KR101264980B1 (en) 2011-04-28 2011-04-28 Apparatus and Method for Rendering Mathematical based on Text

Publications (2)

Publication Number Publication Date
KR20120121949A true KR20120121949A (en) 2012-11-07
KR101264980B1 KR101264980B1 (en) 2013-05-15

Family

ID=47508281

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110039861A KR101264980B1 (en) 2011-04-28 2011-04-28 Apparatus and Method for Rendering Mathematical based on Text

Country Status (1)

Country Link
KR (1) KR101264980B1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140137630A (en) * 2013-05-23 2014-12-03 에스케이플래닛 주식회사 Widget authoring system and method thereof
KR20200060944A (en) 2018-11-23 2020-06-02 배성훈 System and method for generating and loading images alternating styled text in web pages

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100453224B1 (en) 2001-12-21 2004-10-15 한국전자통신연구원 Apparatus and method for editing a numerical formula by using wire/wireless internet
US20090273604A1 (en) 2008-04-17 2009-11-05 Young Ouk Kim Processing Vector Graphics

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140137630A (en) * 2013-05-23 2014-12-03 에스케이플래닛 주식회사 Widget authoring system and method thereof
KR20200060944A (en) 2018-11-23 2020-06-02 배성훈 System and method for generating and loading images alternating styled text in web pages

Also Published As

Publication number Publication date
KR101264980B1 (en) 2013-05-15

Similar Documents

Publication Publication Date Title
US7362311B2 (en) Single column layout for content pages
US20160299888A1 (en) Method for processing and loading web pages supporting multiple languages and system thereof
US6119136A (en) Manuscript text composition system featuring a parameter table for specifying template parameters and characters
CN110674619B (en) Online document editing method, device, equipment and computer storage medium
CN104050238A (en) Map labeling method and map labeling device
CN104156207A (en) File display method and device
WO2019080796A1 (en) Method, apparatus and device for separating foreground and background of web system, and storage medium
CN102999579A (en) Browser for processing page textbox, and method for processing page textbox element
CN110618850A (en) UI (user interface) loading method and system and related device
CN114791988A (en) Browser-based PDF file analysis method, system and storage medium
KR101264980B1 (en) Apparatus and Method for Rendering Mathematical based on Text
CN111914198A (en) Method, system and electronic equipment for realizing browser compatibility
CN112433995A (en) File format conversion method, system, computer equipment and storage medium
JP2017033361A (en) Document associating device, document associating system, and program
CN115328455A (en) Information display method, device, equipment and medium for flutter application
CN112068826B (en) Text input control method, system, electronic device and storage medium
CN102637290A (en) Operating system based on browser and compiling method
CN108614805B (en) Method and system for displaying color expression using QML, server and medium
CN104598465B (en) A kind of browser embeds the implementation method and device of address field
CN107451143B (en) Reading method and reading system of electronic document
JP5477785B2 (en) Formula display control apparatus, computer program, and program storage medium
CN115905761B (en) Method for improving rendering performance of browser
NL2031543B1 (en) Method and device for processing image data
CN116009863B (en) Front-end page rendering method, device and storage medium
KR102031732B1 (en) Apparatus and methods of supporting fast web scrolling

Legal Events

Date Code Title Description
A201 Request for examination
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20160330

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee