KR101264980B1 - 텍스트 기반의 수식 표현을 위한 장치 및 방법 - Google Patents

텍스트 기반의 수식 표현을 위한 장치 및 방법 Download PDF

Info

Publication number
KR101264980B1
KR101264980B1 KR1020110039861A KR20110039861A KR101264980B1 KR 101264980 B1 KR101264980 B1 KR 101264980B1 KR 1020110039861 A KR1020110039861 A KR 1020110039861A KR 20110039861 A KR20110039861 A KR 20110039861A KR 101264980 B1 KR101264980 B1 KR 101264980B1
Authority
KR
South Korea
Prior art keywords
formula
text
font
tag
css
Prior art date
Application number
KR1020110039861A
Other languages
English (en)
Other versions
KR20120121949A (ko
Inventor
이규진
박효원
전예삐
Original Assignee
삼성에스디에스 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성에스디에스 주식회사 filed Critical 삼성에스디에스 주식회사
Priority to KR1020110039861A priority Critical patent/KR101264980B1/ko
Publication of KR20120121949A publication Critical patent/KR20120121949A/ko
Application granted granted Critical
Publication of KR101264980B1 publication Critical patent/KR101264980B1/ko

Links

Images

Classifications

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

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

텍스트 기반의 수식 표현을 위한 장치 및 방법이 개시된다. 텍스트 기반의 수식을 표현하기 위하여, 텍스트 기반의 마크업언어로 작성된 문서를 로딩하고, 수식 CSS(Cascading Style Sheet)-수식 표현을 위해 정의된 스타일 시트-가 지정된 텍스트 기반의 태그가 로딩된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환할 수 있다.

Description

텍스트 기반의 수식 표현을 위한 장치 및 방법{Apparatus and Method for Rendering Mathematical based on Text}
본 발명은 텍스트 기반의 수식 표현을 위한 장치 및 방법에 관한 것으로, 보다 상세하게는 수식을 텍스트 기반의 마크업언어와 스타일 시트를 이용하여 표현할 수 있는 텍스트 기반의 수식 표현을 위한 장치 및 방법에 관한 것이다.
스마트폰 또는 태블릿 PC와 같은 모바일 기기에서 웹을 통해 교재 학습을 하는 경우, 학습자는 다양한 상호작용 및 멀티미디어를 활용한 학습효과를 기대하게 된다. 웹 시장에 출시되어 있는 교육용 교재는 조판의 문제로 인해 PDF 파일과 같은 이미지 파일을 활용하여 제공되거나, 교재의 컨텐츠를 텍스트 기반의 HTML5 형식으로 제작하여 제공되고 있다.
HTML5(HyperText Markup Lange 5) 형식으로 교재를 제작하는 경우, 일반적으로 텍스트는 특별한 문제없이 표현이 가능하나, 분수식, 미적분 등의 수식은 텍스트로 구현하기 어렵다. 이러한 수식 표현의 문제를 보완하기 위해 스크립트 기반의 다양한 마크업언어(Mark-up Language)가 개발되었으며, MathML(Mathematical Markup Language), jsMath, MathJax 등 다양한 언어가 사용되고 있다.
그러나, HTML5 형식으로 제작되는 교재에서 수식을 MathJax라는 자바 스크립트 라이브러리를 활용하여 표현하는 경우, 모바일 기기에서 해당 교재를 다운로딩하게 되면, 수식을 표시가능하도록 변환 및 렌더링에 많은 시간을 필요로 하게 된다. 이는, 대부분의 웹에서 제공되는 교재는 데스크탑과 같은 PC를 타겟으로 하나, 모바일 기기는 일반적으로 데스크탑보다 낮은 성능을 갖기 때문이다. 따라서, 디바이스 자원 사용량을 최소화하여 모바일 기기 상에서도 많은 수식을 포함하는 컨텐츠 교재를 보다 신속히 변환 및 렌더링할 수 있도록 컨텐츠 교재를 작성할 필요가 있다.
본 발명은 문서 내의 수식을 텍스트 기반의 마크업언어와 스타일 시트를 이용하여 표현하여 수식의 변환 및 렌더링에 소요되는 시간을 최소화할 수 있는 텍스트 기반의 수식 표현을 위한 장치 및 방법을 제공함을 목적으로 한다.
본 발명의 일 실시예에 따르면, 텍스트 기반의 마크업언어로 작성된 문서를 로딩하는 단계; 및 수식 CSS(Cascading Style Sheet)-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-가 지정된 텍스트 기반의 태그가 상기 로딩된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환하는 단계;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법이 제공된다.
상기 로딩된 문서에서 사용하는 모든 CSS들을 선언하는 단계; 및 상기 선언된 모든 CSS들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 상기 복수 개의 수식 폰트 파일들로부터 선별하여 메모리로 로딩하는 단계;를 더 포함한다.
상기 변환하는 단계는, 상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 단계; 및 상기 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환하는 단계;를 포함한다.
상기 수식 CSS는, 상기 텍스트 기반의 태그로 작성된 수식들을 페이지에 표시가능한 형태로 변환하기 위해, 복수 개의 수식 폰트들 중 선별된 수식 폰트가 정의된 스타일 시트이다.
상기 텍스트 기반의 태그는 하이퍼텍스트 마크업언어(HTML: HyperText Markup Language)에 정의된 태그이다.
상기 로딩된 문서 중 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 단계; 상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식에 수식 폰트를 적용하는 단계; 및 상기 수식 폰트가 적용된 수식을 이미지로 변환하는 단계;를 더 포함한다.
상기 복수 개의 수식 폰트 파일들은 자바 스크립트 라이브러리가 상기 수식 마크업언어 태그로 작성된 수식의 폰트 변환을 위해 사용한다.
상기 수식 마크업언어는 MathML(Mathematical Markup Language)이고, 상기 자바 스크립트 라이브러리는 MathJax이며, 상기 자바 스크립트는 상기 자바 스크립트 라이브러리의 스크립트이다.
한편, 본 발명의 다른 실시예에 따르면, 텍스트 기반의 마크업언어로 작성된 문서를 파싱하는 파서; 및 수식 CSS(Cascading Style Sheet)-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-가 지정된 텍스트 기반의 태그가 상기 파싱된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환하는 변환부;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치가 제공된다.
상기 파싱된 문서에서 사용하는 모든 CSS들을 선언하는 CSS 선언부; 및 상기 선언된 모든 CSS들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 선별하여 메모리로 로딩하는 수식 폰트 로딩부;를 더 포함한다.
상기 변환부는, 상기 수식 CSS를 상기 텍스트 기반의 태그에 적용하는 CSS 적용부; 상기 수식 CSS가 적용된 상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 렌더링부; 및 상기 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환하는 페이지 변환부;를 포함한다.
상기 변환부는, 상기 파싱된 문서 중 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 스크립트 호출부; 상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식을 상기 호출된 수식 자바 스크립트에 대응하는 수식 폰트로 변환하는 렌더링부; 및 상기 수식 폰트가 적용된 수식을 이미지로 변환하는 이미지 변환부;를 포함한다.
본 발명의 실시예에 따르면, 스마트 폰 또는 태블릿 PC와 같은 모바일 기기에서 HTML5 형식의 디지털 학습 컨텐츠를 보여주는 경우, 과학 및 수학의 수식을 HTML5로 작성된 페이지에서 텍스트 기반으로 표시할 수 있다.
특히, 본 발명의 실시예에 따르면, 모바일 기기에서 수식에 해당하는 컨텐츠를 로딩하여 표시할 때, 기기의 자원 사용량을 최소화하면서 수식의 렌더링에 소요되는 시간을 단축할 수 있다.
도 1은 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치를 도시한 블록도,
도 2는 본 발명의 실시예에 따른 수식 CSS의 일 예를 보여주는 도면,
도 3은 HTML5 태그와 수식 CSS에 정의된 수식 폰트들을 이용하여 작성된 문서의 일 예를 보여주는 도면,
도 4는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 방법을 설명하기 위한 흐름도,
도 5는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치의 웹 키트를 도시한 블록도, 그리고,
도 6은 학교에서 사용되는 수학 교재의 일부를 도시한 도면이다.
이상의 본 발명의 목적들, 다른 목적들, 특징들 및 이점들은 첨부된 도면과 관련된 이하의 바람직한 실시예들을 통해서 쉽게 이해될 것이다. 그러나 본 발명은 여기서 설명되는 실시예들에 한정되지 않고 다른 형태로 구체화될 수도 있다. 오히려, 여기서 소개되는 실시예들은 개시된 내용이 철저하고 완전해질 수 있도록 그리고 당업자에게 본 발명의 사상이 충분히 전달될 수 있도록 하기 위해 제공되는 것이다. 본 명세서에서, 어떤 구성요소가 다른 구성요소 상에 있다고 언급되는 경우에 그것은 다른 구성요소 상에 직접 형성될 수 있거나 또는 그들 사이에 제 3의 구성요소가 개재될 수도 있다는 것을 의미한다.
본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 '포함한다(comprises)' 및/또는 '포함하는(comprising)'은 언급된 구성요소는 하나 이상의 다른 구성요소의 존재 또는 추가를 배제하지 않는다.
이하, 도면을 참조하여 본 발명을 상세히 설명하도록 한다. 아래의 특정 실시예들을 기술하는데 있어서, 여러 가지의 특정적인 내용들은 발명을 더 구체적으로 설명하고 이해를 돕기 위해 작성되었다. 하지만 본 발명을 이해할 수 있을 정도로 이 분야의 지식을 갖고 있는 독자는 이러한 여러 가지의 특정적인 내용들이 없어도 사용될 수 있다는 것을 인지할 수 있다. 어떤 경우에는, 발명을 기술하는 데 있어서 흔히 알려졌으면서 발명과 크게 관련 없는 부분들은 본 발명을 설명하는 데 있어 별 이유 없이 혼돈이 오는 것을 막기 위해 기술하지 않음을 미리 언급해 둔다.
도 1은 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치를 도시한 블록도이다.
본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치(100)는 텍스트 기반의 마크업언어로 작성된 문서를 장치(100)의 화면에 표시할 수 있다. 텍스트 기반의 마크업언어로 작성된 문서는 스마트폰, 태블릿 PC와 같은 모바일 기기에서 사용되도록 작성된 디지털 컨텐츠로서, 디지털 학습용 교재, 논문 등 다양한 형태의 문서일 수 있다. 텍스트 기반의 마크업언어는 예를 들어, 하이퍼텍스트 마크업언어5(HTML5: HyperText Markup Language 5)일 수 있다.
한편, 문서가 분수식, 미적분 수식, 방정식 등 다양한 표현의 수식을 포함하고 있는 경우, HTML5에서는 수식을 표현하기 위한 수식 마크업언어로서 MathML을 추가로 정의하고 있다.
특히, 본 발명의 실시예에서는 분수식 또는 미적분 수식과 같이 복잡하게 표현되는 수식은 수식 마크업언어에 정의된 태그를 이용하여 작성하고, 변수, 기호, 방정식 또는 사칙연산을 이용한 수식과 같이 간단하게 표현되는 수식은 CSS(Cascading Style Sheet)와 HTML5의 태그를 이용하여 작성할 수 있다. 즉, 본 발명의 실시예에서는 문서 중 간단하게 표현되는 수식에 대해서는, CSS 상에 MathJax에서 사용하는 수식 폰트를 지정하고, 수식 폰트가 지정된 CSS를 HTML5에 활용하여 수식을 작성할 수 있다. 수식 마크업언어로서 MathML(Mathematical Markup Language)을 예로 들 수 있다.
MathML로 작성된 태그는 장치(100)에서 자바 스크립트 라이브러리의 자바 스크립트를 통해 수식으로 변환될 수 있다. 자바 스크립트 라이브러리의 예로는 jsMath, MathJax 등이 있다. MathJax는 자바 스크립트들로 만들어진 수식 표현 도구로서, MathJax를 사용하면 웹에서 MathML 형식으로 간편하게 수식을 표현할 수 있다.
장치(100)에서 MathJax를 사용하여 수식변환을 하는 경우, MathJax의 자바 스크립트는 MathJax에 포함된 수식 폰트들을 검색하고, 검색된 수식 폰트들 각각과 입력된 MathML의 태그를 비교하여 매칭하는 작업을 수반한다. 즉, MathJax의 자바 스크립트는 MathML의 태그로 작성된 수식을 태그에 해당하는 수식 폰트로 변환하고, 장치(100)는 변환된 수식을 이미지형태로 화면에 표시할 수 있다.
MathJax가 포함하고 있는 복수 개의 수식 폰트들은 자바 스크립트 라이브러리가 MathML의 태그로 작성된 수식을 해당 폰트로 변환할 때 사용된다. MathJax가 포함하고 있는 'otf' 확장자를 가지는 수식 폰트들은 [표 1]과 같다.
확장자 MathJax에서 사용가능한 수식 폰트




*.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
[표 1]에 기재된 22개의 수식 폰트들의 전체 용량은 대략 8~9Mb이다. 따라서, 장치(100)에서 MathJax가 MathML에 정의된 전체 수식 폰트들을 검색하는 경우, 수식 폰트들 전체를 메모리(150)로 로딩하기에는 큰 부하가 발생할 수 있다.
따라서, 본 발명의 실시예에서는 텍스트 기반의 마크업언어로 문서를 작성하는 단계에서, 수학 또는 과학 과목 등에 활용성이 큰 수식 폰트 또는 문서를 사용할 학습자들이 선호하는 수식 폰트를 선별하고, 선별된 수식 폰트를 이용하여 수식을 작성할 수 있다. 선별되는 수식 폰트는 변경이 가능하며, 한 개 이상일 수 있다. 일 예로, 본 발명의 실시예에서는 [표 2]와 같이 두 개의 수식 폰트를 선별하여 문서 내의 수식을 작성하나, 이는 일 예에 해당할 뿐 이에 한정되지 않는다.
확장자 선별된 수식 폰트
*.otf ·MathJax_Main-Italic.otf,
·MathJax_Main-Regular.otf
본 발명의 실시예에서는 [표 2]에 기재된 두 개의 수식 폰트를 이용하여 수식을 작성하고, 작성된 수식을 포함하는 문서를 파싱하여 장치(100)에 표시할 수 있다. 즉, 복잡하게 표현되는 수식은 MathML의 태그와 선별된 수식 폰트를 이용하여 작성되고, 간단하게 표현되는 수식은 선별된 수식 폰트가 지정된 CSS를 이용하여 텍스트로 작성될 수 있다. 이때, 수식 표현에 사용된 수식 폰트의 개수가 최소화됨에 따라, MathJax 자체의 용량이 감소되고 메모리(150)로 로드되는 수식 폰트의 양도 감소함으로써 부하를 줄일 수 있다.
이하에서는 상기와 같이 선별된 수식 폰트, MathML 및 CSS를 이용하여 작성된 문서를 파싱하고, 수식을 변환하여 화면에 표시하는 과정에 대해 설명한다.
도 1을 참조하면, 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치(100)는 파서(110), CSS 선언부(120), 수식 폰트 로딩부(130), 변환부(140) 및 메모리(150)를 포함한다.
파서(110)는 텍스트 기반의 마크업언어로 작성된 문서를 파싱한다. 텍스트 기반의 마크업언어로 작성된 문서는 스마트폰과 같은 장치(100)에서 보여질 수 있으며, 다양한 형식의 수식을 포함할 수 있다. 파서(110)는 예를 들어 DOM Parser일 수 있다.
CSS 선언부(120)는 파싱된 문서에서 사용하는 모든 CSS들을 선언한다. CSS 선언부(120)는 파싱된 문서를 분석하여 문서에서 사용하는 모든 CSS들을 확인하고, 확인된 CSS들에 해당하는 각 파일의 저장 위치를 선언할 수 있다. 장치(100)는 해당 위치로부터 CSS를 읽어와 문서를 디자인하여 표시할 수 있다. CSS들은 수식에 적용되도록 작성된 수식 CSS와 일반적인 텍스트에 적용되도록 작성된 일반 CSS를 포함할 수 있다.
수식 폰트 로딩부(130)는 파싱된 문서에서 사용하도록 지정된 수식 폰트의 파일을 메모리(150)로 로딩할 수 있다. 즉, 수식 폰트 로딩부(130)는 CSS 선언부(120)에서 선언된 모든 CSS들 중 수식 CSS 및 수식 마크업언어의 태그에 사용된 수식 폰트의 파일을 선별하여 메모리(150)로 로딩할 수 있다. 일 예로, 파싱된 문서에서 사용하도록 지정된 수식 폰트의 파일명은 로딩된 문서의 도입부에 기재되어 있을 수 있다.
수식 폰트 로딩부(130)는 문서가 파싱된 후 처음에 한 번 수식 폰트를 로딩하고, 이후에는 별도의 로딩 과정을 수행하지 않는다. 따라서, 수식 폰트가 처음 로딩된 이후에는, HTML5의 태그로 구현되는 수식은 별도의 자바 스크립트를 호출하지 않고, 이미 로딩된 수식 폰트를 CSS를 통해 지정받아 표시될 수 있다.
MathJax의 경우 22개의 수식 폰트들을 포함하고 있으며, 22개의 수식 폰트들은 브라우저에 포함되어 있을 수 있다. 문서가 [표 2]를 참조하여 설명한 바와 같이 2개의 수식 폰트 포함하고 있는 경우, 수식 폰트 로딩부(130)는 [표 2]에 기재된 2개의 수식 폰트의 파일을 메모리(150)로 로딩할 수 있다.
변환부(140)는 파싱된 문서를 장치(100)의 화면에 표시가능한 형태로 변환할 수 있다. 또한, 본 발명의 실시예에서, 변환부(140)는 수식 CSS가 지정된 텍스트 기반의 태그가 파싱된 문서에 있으면, 복수 개의 수식 폰트 파일들 중 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 텍스트 기반의 태그로 작성된 수식들을 표시가능한 형태로 변환할 수 있다. 수식 CSS는 수식 표현을 위해 정의된 스타일 시트로서, 수식 CSS에는 수식 폰트의 이름과 수식 폰트의 물리적 경로가 정의되며, 수식 CSS의 파일 별로 수식 폰트와 폰트 크기가 정의된다. 텍스트 기반의 태그는 HTML5에서 사용하는 태그일 수 있다.
이를 위하여, 변환부(140)는 CSS 적용부(141), 렌더링부(142), 페이지 변환부(143), XML 처리부(144) 및 이미지 변환부(145)를 포함한다.
CSS 적용부(141)는 파싱된 문서 중 HTML5 태그에 설정된 수식 CSS의 파일명을 확인한다. CSS 적용부(141)는 수식 CSS의 파일이 저장된 위치를 CSS 선언부(120)에서 선언된 저장 위치에 기초하여 확인한다. CSS 적용부(141)는 확인된 저장 위치로부터 수식 CSS 파일을 텍스트 기반의 태그에 적용할 수 있다. 이로써, 텍스트 기반의 태그로 작성된 수식에는 수식 CSS에 설정된 스타일이 적용된다.
도 2는 본 발명의 실시예에 따른 수식 CSS의 일 예를 보여준다.
도 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픽셀이라는 폰트 크기를 스타일 시트에 정의하고 있다.
렌더링부(142)는 수식 CSS가 적용된 텍스트 기반의 태그로 작성된 수식들을 메모리(150)로 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환할 수 있다. 즉, 텍스트 기반의 태그에 수식 CSS가 적용되어 있는 경우, 수식 CSS의 파일에 정의된 수식 폰트는 메모리(150)에 이미 로딩되어 있다. 렌더링부(142)는 메모리(150)로 로딩된 수식 폰트의 파일 중 수식 CSS에 정의된 수식 폰트의 파일을 이용할 수 있다. 따라서, 렌더링부(142)는 텍스트 기반의 태그로 작성된 수식들을 이미 로딩된 수식 폰트의 글씨체로 변환할 수 있다.
예를 들어, 텍스트 기반의 태그에 'math_main_italic'라는 수식 CSS의 파일명에 기재된 경우, 렌더링부(142)는 메모리(150)에 이미 로딩된 'MathJax_Main-Italic'이라는 수식 폰트의 파일을 이용하여 텍스트 기반의 태그로 작성된 수식들을 렌더링할 수 있다. 이러한 경우, 텍스트 기반의 태그로 작성된 수식들은 이탤릭체로 표시될 수 있다.
페이지 변환부(143)는 렌더링부(142)에서 수식 폰트로 변환된 수식들을 페이지에 표시가능한 형태로 변환할 수 있다.
한편, MathML과 같은 수식 마크업언어로 작성된 수식의 경우, XML 처리부(144)는 자바 스크립트 라이브러리를 호출할 수 있다. 이를 위하여, 스크립트 호출부(144a)는 파싱된 문서 중 수식 마크업언어의 태그(즉, MathML에 정의된 태그)가 있으면, 수식 마크업언어의 태그에 해당하는 자바 스크립트를 호출할 수 있다. 이하에서는 '수식 마크업언어의 태그에 해당하는 자바 스크립트'를 '수식 자바 스크립트'라 한다. 위에서 설명한 바와 같이, 수식 마크업언어가 MathML인 경우, 자바 스크립트 라이브러리는 MathJax이며, 수식 자바 스크립트는 MathJax를 이루는 스크립트들 중 하나이다.
XML 처리부(144)가 브라우저에서 웹 코어 영역에 속하는 경우, XML 처리부(144)는 수식 자바 스크립트를 호출하면서 수식 변환을 위한 제어권을 자바 스크립트 영역으로 이관(移管)할 수 있다.
호출된 수식 자바 스크립트가 실행되면, 렌더링부(142)는 수식 마크업언어의 태그로 작성된 수식을 호출된 수식 자바 스크립트에 대응하는 수식 폰트로 변환할 수 있다.
이미지 변환부(145)는 렌더링부(142)에서 수식 폰트로 변환된 수식을 페이지에 표시가능한 형태의 이미지로 변환할 수 있다.
상술한 바와 같이, 본 발명의 실시예에 따르면, 수식 표현에 사용되는 수식 폰트들을 선별하여 사용함으로써 수식 폰트들의 로딩에 의한 부하를 최소화할 수 있다. 또한, 본 발명의 실시예에 따르면, 방정식과 같이 간단히 표현가능한 수식은 텍스트 기반의 태그와 CSS에 정의된 수식 폰트를 이용하고, 분수식과 같이 복잡하게 표현되는 수식은 수식 마크업언어를 이용하여 수식을 표현할 수 있다. 이러한 경우, 텍스트 기반의 태그와 CSS로 표현된 수식을 장치(100)의 페이지로 구현할 때 필요한 자원을 최소화할 수 있다.
[표 3]은 동일한 수식의 변수를 MathML의 태그와 수식 CSS를 이용하여 작성한 일 예를 보여준다.
MathML 의 태그로 작성된 변수 수식의 변수 표현( MathJax 사용)
　　　　　<math>
　　　　　　　　　　　　<mrow>
　　　　　　　　　　　　　　　　　　<mi>x</mi>
　　　　　　　　　　　　　　　　　　<mo>, </mo>
　　　　　　　　　　　　　　　　　　<mi>y</mi> 　　　　　　　　　　　　　　　　　　<mo>, </mo>
　　　　　　　　　　　　　　　　　　<mi>z</mi>
　　　　　　　　　　　　</mrow>
　　　　　　</math>　　　
　


　　 ⇒ x, y, z
수식 폰트가 정의된 수식 CSS 수식의 변수 표현
(수식 CSS 와 수식 폰트 사용)
　　　　　　<span class='math_main_italic'>
　　　　　　 　　x, y, z
　　　　　　</span> 　　　　　
　　 ⇒ x, y, z
[표 3]을 참조하면, 수식의 변수가 MathML의 태그로 작성된 경우, 장치(100)는 MathML의 자바 스크립트 라이브러리인 MathJax를 호출하고, 호출된 MathJax의 수식 자바 스크립트를 실행하여 'x, y, z'를 해당 폰트로 변환한다. 따라서, 간단한 변수를 수식으로 변환하는 경우에도 많은 자원을 필요로 한다.
반면, 수식의 변수가 수식 폰트가 정의된 수식 CSS와 HTML5의 태그로 작성된 경우, 장치(100)는 HTML5 태그에 설정된 수식 CSS의 파일명 'math_main_italic'을 확인하고, 파일명에 해당하는 수식 CSS를 이용하여 문서를 표시가능한 형태로 변환하되, 메모리(150)에 로딩된 수식 CSS에 정의된 수식 폰트 'MathJax_Main-Italic'을 이용하여 수식의 폰트를 변환할 수 있다. 따라서, 수식 CSS로 작성된 수식은 자바 스크립트 라이브러리를 호출하지 않고 해당 수식 폰트로 변환될 수 있다.
도 3은 HTML5 태그와 수식 CSS에 정의된 수식 폰트들을 이용하여 작성된 문서의 일 예를 보여주는 도면이다.
도 3을 참조하면, 'x'와 'y'같은 변수는 'math_main_italic'이라는 수식 CSS에 정의된 수식 폰트를 이용하고, 숫자와 기호는 'math_main'이라는 수식 CSS에 정의된 수식 폰트를 이용하도록 되어 있다. 이러한 경우, 렌더링부(142)에 의해 출력되는 수식은
Figure 112011031497101-pat00001
로 페이지에 표시될 수 있다.
도 4는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 방법을 설명하기 위한 흐름도이다.
도 4에 도시된 텍스트 기반의 수식 표현을 위한 방법은 도 1을 참조하여 설명한 텍스트 기반의 수식 표현 장치(100) 또는 장치(100) 내의 프로세서(미도시)에 의해 수행될 수 있다.
장치는 텍스트 기반의 마크업언어로 작성된 문서를 로딩하여 파싱한다(S405). 텍스트 기반의 마크업언어는 예를 들어 HTML5이며, 문서는 수식을 포함하는 디지털 컨텐츠로 구성된 교재일 수 있다.
장치는 파싱된 문서를 확인하여 문서에서 사용하는 모든 CSS들을 선언한다(S410). 즉, S410단계에서, 장치는 파싱된 문서에서 사용하는 모든 CSS들을 확인하고, 확인된 CSS들에 해당하는 각 파일의 저장 위치를 선언할 수 있다.
장치는 파싱된 문서를 확인하여, 문서의 수식 표현 시 사용하도록 지정된 수식 폰트들을 확인하고, 확인된 수식 폰트들의 파일을 로딩할 수 있다(S415). 즉, 장치는 선언된 모든 CSS들 중 수식 CSS 및 수식 마크업언어의 태그에 사용된 수식 폰트들의 파일을 선별하여 메모리로 로딩할 수 있다. 수식 마크업언어는 HTML5에서 사용하도록 상호 규약된 MathML일 수 있다.
장치는 파싱된 문서 중 수식 CSS가 지정된 텍스트 기반의 태그가 발견되면(S420), 태그에 지정된 수식 CSS의 파일명을 확인하고, 수식 CSS에 정의된 수식 폰트의 파일명을 확인할 수 있다(S425). 이를 위하여, 장치는 CSS가 발견될 때마다 수식 CSS인지 일반 CSS인지를 수식 CSS 테이블과 비교하여 판단할 수 있다. 수식 CSS 테이블은 수식 CSS의 파일명을 저장한다.
예를 들어,
<span class='math_main_italic'>
　　　　　　 　　x, y, z
</span>
이라는 문서가 로딩되는 경우, S420단계에서 발견되는 태그는 <span>이고, S425단계에서 확인되는 수식 CSS의 파일명은 'math_main_italic'이며, 'math_main_italic'에 정의된 수식 폰트의 파일명은 'MathmJax_Main_Italic'이다. 수식 CSS에 정의된 수식 폰트의 파일명은 S410단계에서 선언된 CSS들과 도 2와 같이 정의된 CSS를 참조하여 확인할 수 있다.
장치는 S425단계에서 확인된 수식 CSS의 파일을 S410단계에서 선언된 위치로부터 불러와 수식 CSS를 텍스트 기반의 태그에 적용할 수 있다(S430). 이로써, 텍스트 기반의 태그로 작성된 수식에는 수식 CSS에 설정된 스타일이 적용된다.
또한, 장치는 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 텍스트 기반의 태그로 작성된 수식들을 해당 수식 폰트로 변환할 수 있다(S435). S435단계에서, 장치는 S415단계에서 이미 로딩된 수식 폰트의 파일들 중 해당 파일을 이용할 수 있다. 따라서, 장치는 별도의 자바 스크립트를 호출하지 않고도, 이미 로딩된 수식 폰트의 파일을 이용할 수 있다.
장치는 S435단계에서 해당 수식 폰트로 변환된 수식을 S430단계에서 적용된 수식 CSS에 맞춰 페이지에 표시한다(S440).
한편, 장치는 파싱된 문서 중 수식 마크업언어의 태그가 발견되면(S445), 자바 스크립트 라이브러리를 호출할 수 있다(S450).
장치는 자바 스크립트 라이브러리 중 수식 마크업언어의 태그에 해당하는 자바 스크립트를 실행하여 복수 개의 수식 폰트들을 로딩한다(S455).
장치는 로딩된 복수 개의 수식 폰트들 중 실행중인 수식 자바 스크립트에 해당하는 수식 폰트로 수식을 변환한다(S460).
장치는 해당 수식 폰트로 변환된 수식을 이미지로 변환하고(S465), 페이지에 수식을 표시한다(S440).
한편, 장치는 파싱된 문서 중 일반 CSS가 발견되면 일반 CSS를 문서에 적용하여 페이지에 표시한다(S470).
도 5는 본 발명의 실시예에 따른 텍스트 기반의 수식 표현을 위한 장치의 웹 키트를 도시한 블록도이다.
도 1을 참조하여 설명한 본 발명의 실시예에 따른 텍스트 기반의 수식 표현 장치(100)는 웹키트(WebKit)(500)로서 동작할 수 있다. 웹키트(500)는 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 응용 프로그램 프레임워크이다.
도 5를 참조하면, 웹 키트(500)는 크게 웹 코어(Web Core)(510), 자바 스크립트 코어(JavaScript Core)(520), 플러그인(Plugin)(530) 및 툴/라이브러리(Tool/Library)(540)를 포함할 수 있다.
웹 코어(510)는 웹 브라우징 관련 기능들을 제공하며, 크게 페이지부(511), 모듈부(512) 및 플랫폼(513)으로 구분될 수 있다.
페이지부(511)는 웹 코어(510) 외부에 위치하는 자바 스크립트 코어(520)와 내부에 위치하는 모듈부(512)의 모듈들을 사용하여 브라우저와 같은 페이지를 구현할 수 있다.
모듈부(512)는 CSS부, HTML부, XML부, DOM, 렌더링부 및 로더를 포함한다.
플랫폼(513)은 웹 코어(510)의 밑단에서, 각 플랫폼의 API(Application Programming Interface)를 이용하여 그림을 그리거나 문자를 쓸 수 있다.
자바 스크립트 코어(520)는 자바스크립트를 실행하여 해당 코드를 해석할 수 있다.
웹 페이지를 화면에 표시하는 일련의 과정을 설명하면, 로더는 특정 사이트에서 수식을 포함하는 문서를 받아 분석하고, 분석 결과에 따라 데이터들을 각각의 파서로 분류한다. 자바 스크립트 코어(520)는 자바 스크립트 라이브러리를 호출하고, 자바 스크립트를 실행하여 데이터에 포함된 수식을 수식 폰트로 변환할 수 있다. 이를 바탕으로 렌더링부는 플랫폼(513)의 문자나 이미지를 그리는 함수를 사용하여 웹 페이지에 보여질 내용을 그린다. 최종적으로 만들어진 웹 페이지는 모니터를 통해 사용자에게 제공된다.
또한, 수식을 포함하는 문서가 웹 키트(500)로 로딩되는 경우, CSS부는 도 1의 CSS를 선언하는 CSS 선언부(120)와 확인된 CSS(수식 CSS 또는 일반 CSS)를 문서에 적용하는 CSS 적용부(141)에 대응할 수 있다. XML부는 자바 스크립트 라이브러리를 호출하는 도 1의 XML 처리부(144)에 대응하며, 자바 스크립트 코어(520)는 해당 자바 스크립트를 실행하여 수식 폰트를 로딩 및 검색할 수 있다. 렌더링부는 로딩된 수식 폰트로 수식을 변환하는 렌더링부(142)의 동작을 제공할 수 있다. 플랫폼(513)의 이미지 디코더와 페이지부(511)는 도 1의 페이지 변환부(143)와 이미지 변환부(145)에서 제공하는 동작을 수행할 수 있다.
도 6은 학교에서 사용되는 수학 교재의 일부를 도시한 도면이다.
도 6에 도시된 교재가 본 발명의 실시예에서 제안하는 바와 같이, 방정식이나 기호와 같은 간단한 수식은 CSS와 HTML5를 혼용하여 코딩하고, 분수식과 같이 복잡한 형태의 수식은 MathML을 이용하여 코딩되었다고 가정한다. 이러한 경우, 교재를 스마트폰과 같은 모바일 단말기에서 활용하는 경우, 본 발명의 실시예가 적용된 모바일 단말기는 간단한 수식들은 자바 스크립트 라이브러리를 호출하지 않고 CSS를 이용하여 수식을 수식 폰트로 변환할 수 있다. 이로써, 기존에는 간단한 수식과 복잡한 수식들을 변환하기 위해, 자바 스크립트 라이브러리를 호출하고 수식 폰트의 파일들을 로딩하여 변환하기까지 많은 자원과 시간을 필요로 하였으나, 본 발명에 따르면 이러한 불편함을 해결할 수 있다.
상기와 같이 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상의 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다. 그러므로, 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.
100: 텍스트 기반의 수식 표현을 위한 장치
110: 파서 120: CSS 선언부
130: 수식 폰트 로딩부 140: 변환부
141: CSS 적용부 142: 렌더링부
143: 페이지 변환부 144: XML 처리부
145: 이미지 변환부 150: 메모리

Claims (16)

  1. 모바일 기기에서 수식을 표시하기 위한 장치의 수식 표현 방법에 있어서,
    텍스트 기반의 마크업언어로 작성된 문서를 로딩하여 파싱하는 단계;
    상기 파싱된 문서에서 사용하는 모든 CSS(Cascading Style Sheet)들을 선언하는 단계;
    상기 선언된 모든 CSS들 중 수식 CSS-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-에 정의된 수식 폰트의 파일을 복수 개의 수식 폰트 파일들로부터 선별하여 메모리로 로딩하는 단계; 및
    상기 수식 CSS가 지정된 텍스트 기반의 태그가 상기 파싱된 문서에 있으면, 상기 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 상기 모바일 기기에서 표시가능한 텍스트 형태로 변환하는 단계;를 포함하며,
    상기 텍스트 기반의 태그로 작성된 수식은 변수, 기호, 방정식 및 사칙연산 중 적어도 하나를 이용한 수식을 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
  2. 삭제
  3. 제1항에 있어서,
    상기 변환하는 단계는,
    상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 단계; 및
    상기 수식 폰트로 변환된 수식들을 상기 모바일 기기의 페이지에 표시가능한 텍스트 형태로 변환하는 단계;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
  4. 제1항에 있어서,
    상기 수식 CSS는, 상기 텍스트 기반의 태그로 작성된 수식들을 페이지에 표시가능한 형태로 변환하기 위해, 상기 복수 개의 수식 폰트들 중 선별된 수식 폰트가 정의된 스타일 시트인 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
  5. 제1항에 있어서,
    상기 텍스트 기반의 태그는 하이퍼텍스트 마크업언어(HTML: HyperText Markup Language)에 정의된 태그인 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
  6. 제1항에 있어서,
    상기 파싱된 문서에 상기 텍스트 기반의 태그 외의 태그인 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 단계;
    상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식에 수식 폰트를 적용하는 단계; 및
    상기 수식 폰트가 적용된 수식을 이미지로 변환하는 단계;를 더 포함하며,
    상기 수식 마크업언어의 태그로 작성된 수식은 분수식, 미분식 및 적분식 중 적어도 하나를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
  7. 제6항에 있어서,
    상기 복수 개의 수식 폰트 파일들은 자바 스크립트 라이브러리가 상기 수식 마크업언어 태그로 작성된 수식의 폰트 변환을 위해 사용하는 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
  8. 제7항에 있어서,
    상기 수식 마크업언어는 MathML(Mathematical Markup Language)이고, 상기 자바 스크립트 라이브러리는 MathJax이며, 상기 자바 스크립트는 상기 자바 스크립트 라이브러리의 스크립트인 것을 특징으로 하는 텍스트 기반의 수식 표현 방법.
  9. 모바일 기기에서 수식을 표시하기 위한 장치에 있어서,
    텍스트 기반의 마크업언어로 작성된 문서를 파싱하는 파서;
    상기 파싱된 문서에서 사용하는 모든 CSS(Cascading Style Sheet)들을 선언하는 CSS 선언부; 및
    상기 선언된 모든 CSS들 중 수식 CSS-수식 표현을 위해 수식 폰트가 정의된 스타일 시트-에 정의된 수식 폰트의 파일을 복수 개의 수식 폰트 파일들로부터 선별하여 메모리로 로딩하는 수식 폰트 로딩부;
    상기 수식 CSS가 지정된 텍스트 기반의 태그가 상기 파싱된 문서에 있으면, 상기 복수 개의 수식 폰트 파일들 중 상기 수식 CSS에 정의된 수식 폰트의 파일을 이용하여, 상기 텍스트 기반의 태그로 작성된 수식들을 상기 모바일 기기에서 표시가능한 텍스트 형태로 변환하는 변환부;를 포함하며,
    상기 텍스트 기반의 태그로 작성된 수식은 변수, 기호, 방정식 및 사칙연산 중 적어도 하나를 이용한 수식을 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
  10. 삭제
  11. 제9항에 있어서,
    상기 변환부는,
    상기 수식 CSS를 상기 텍스트 기반의 태그에 적용하는 CSS 적용부;
    상기 수식 CSS가 적용된 상기 텍스트 기반의 태그로 작성된 수식들을 상기 로딩된 수식 폰트의 파일을 이용하여 해당 수식 폰트로 변환하는 렌더링부; 및
    상기 수식 폰트로 변환된 수식들을 상기 모바일 기기의 페이지에 표시가능한 텍스트 형태로 변환하는 페이지 변환부;를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
  12. 제9항에 있어서,
    상기 수식 CSS는, 상기 텍스트 기반의 태그로 작성된 수식들을 페이지에 표시가능한 형태로 변환하기 위해, 상기 복수 개의 수식 폰트들 중 선별된 수식 폰트가 정의된 스타일 시트인 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
  13. 제9항에 있어서,
    상기 텍스트 기반의 태그는 하이퍼텍스트 마크업언어(HTML: HyperText Markup Language)에 정의된 태그인 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
  14. 제9항에 있어서,
    상기 변환부는,
    상기 파싱된 문서에 상기 텍스트 기반의 태그 외의 태그인 수식 마크업언어에 정의된 태그가 있으면, 상기 수식 마크업언어에 정의된 태그에 해당하는 수식 자바 스크립트를 호출하는 스크립트 호출부;
    상기 호출된 수식 자바 스크립트를 실행하여, 상기 수식 마크업언어의 태그로 작성된 수식을 상기 호출된 수식 자바 스크립트에 대응하는 수식 폰트로 변환하는 렌더링부; 및
    상기 수식 폰트가 적용된 수식을 이미지로 변환하는 이미지 변환부;를 포함하며,
    상기 수식 마크업언어의 태그로 작성된 수식은 분수식, 미분식 및 적분식 중 적어도 하나를 포함하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
  15. 제14항에 있어서,
    상기 복수 개의 수식 폰트 파일들은 자바 스크립트 라이브러리가 상기 수식 마크업언어 태그로 작성된 수식의 폰트 변환을 위해 사용하는 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
  16. 제15항에 있어서,
    상기 수식 마크업언어는 MathML(Mathematical Markup Language)이고, 상기 자바 스크립트 라이브러리는 MathJax이며, 상기 자바 스크립트는 상기 자바 스크립트 라이브러리의 스크립트인 것을 특징으로 하는 텍스트 기반의 수식 표현을 위한 장치.
KR1020110039861A 2011-04-28 2011-04-28 텍스트 기반의 수식 표현을 위한 장치 및 방법 KR101264980B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020110039861A KR101264980B1 (ko) 2011-04-28 2011-04-28 텍스트 기반의 수식 표현을 위한 장치 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110039861A KR101264980B1 (ko) 2011-04-28 2011-04-28 텍스트 기반의 수식 표현을 위한 장치 및 방법

Publications (2)

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

Family

ID=47508281

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110039861A KR101264980B1 (ko) 2011-04-28 2011-04-28 텍스트 기반의 수식 표현을 위한 장치 및 방법

Country Status (1)

Country Link
KR (1) KR101264980B1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102067661B1 (ko) * 2013-05-23 2020-01-17 에스케이플래닛 주식회사 위젯 저작 시스템 및 방법
KR102160448B1 (ko) 2018-11-23 2020-09-28 배성훈 웹페이지용 텍스트 대체 이미지 생성 및 로딩 시스템 및 방법

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100453224B1 (ko) 2001-12-21 2004-10-15 한국전자통신연구원 유/무선 인터넷을 이용한 수식 기호 편집장치 및 방법
US20090273604A1 (en) 2008-04-17 2009-11-05 Young Ouk Kim Processing Vector Graphics

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100453224B1 (ko) 2001-12-21 2004-10-15 한국전자통신연구원 유/무선 인터넷을 이용한 수식 기호 편집장치 및 방법
US20090273604A1 (en) 2008-04-17 2009-11-05 Young Ouk Kim Processing Vector Graphics

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Michael Kohlhase, An Open Markup Format for Mathematical Documents. OMDc Version 1.2. August 11, 2009.*
박태열, 웹기술을 이용한 수학학습에 대한 연구, 부산대학교 교육대학원 교육학 석사 학위논문, 2011.02.28*

Also Published As

Publication number Publication date
KR20120121949A (ko) 2012-11-07

Similar Documents

Publication Publication Date Title
US10417348B2 (en) Method for processing and loading web pages supporting multiple languages and system thereof
CN101361059B (zh) 支持在便携设备上显示内容的系统和方法
US6119136A (en) Manuscript text composition system featuring a parameter table for specifying template parameters and characters
CN110674619B (zh) 一种在线文档编辑方法、装置、设备及计算机存储介质
CN104050238A (zh) 一种地图标注方法和装置
CN104156207A (zh) 一种文档显示方法以及装置
WO2019080796A1 (zh) web系统的前后端分离方法、装置、设备及存储介质
US10963274B2 (en) Dynamic help system using HTML based application framework
CN114791988A (zh) 一种基于浏览器的pdf文件解析方法、系统、存储介质
KR101264980B1 (ko) 텍스트 기반의 수식 표현을 위한 장치 및 방법
CN112433995A (zh) 文件格式转换方法、系统、计算机设备及存储介质
CN111914198A (zh) 一种实现浏览器兼容的方法、系统及电子设备
CN111199568B (zh) 矢量图的绘制方法、装置及计算机可读存储介质
CN115328455A (zh) flutter应用的信息显示方法、装置、设备及介质
CN112068826B (zh) 文本输入的控制方法、系统、电子设备和存储介质
CN102637290A (zh) 一种基于浏览器的作业系统及编辑方法
CN104598465B (zh) 一种浏览器内嵌地址栏的实现方法及装置
CN107451143B (zh) 一种电子文档的阅读方法及阅读系统
NL2031543B1 (en) Method and device for processing image data
JP5477785B2 (ja) 数式表示制御装置、コンピュータプログラム、プログラム格納媒体
CN114154092B (zh) 用于对网页进行翻译的方法及其相关产品
CN116009863B (zh) 前端页面渲染方法、设备及存储介质
KR102031732B1 (ko) 웹 문서의 고속 웹 스크롤을 지원하는 사용자 단말 장치 및 스크롤 방법
Yi et al. The design and implementation of the front end of the art play library system
Aryal Design Principles for Responsive Web

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