KR101884293B1 - 마이크로 웹 페이지 템플릿 제공 방법 및 장치 - Google Patents

마이크로 웹 페이지 템플릿 제공 방법 및 장치 Download PDF

Info

Publication number
KR101884293B1
KR101884293B1 KR1020170026711A KR20170026711A KR101884293B1 KR 101884293 B1 KR101884293 B1 KR 101884293B1 KR 1020170026711 A KR1020170026711 A KR 1020170026711A KR 20170026711 A KR20170026711 A KR 20170026711A KR 101884293 B1 KR101884293 B1 KR 101884293B1
Authority
KR
South Korea
Prior art keywords
template
web page
micro
information
providing
Prior art date
Application number
KR1020170026711A
Other languages
English (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 KR1020170026711A priority Critical patent/KR101884293B1/ko
Application granted granted Critical
Publication of KR101884293B1 publication Critical patent/KR101884293B1/ko

Links

Images

Classifications

    • G06F17/30879—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9554—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL] by using bar codes
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9558—Details of hyperlinks; Management of linked annotations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
    • G06F17/30882—
    • G06F17/30887—

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

마이크로 웹 페이지 템플릿 제공 방법이 개시된다. 본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 방법은 모바일 기기가, 2차원 바코드로부터 제1 정보를 추출하는 단계; 상기 모바일 기기가, 상기 제1 정보에 포함된 식별자(ID)를 기준으로 상기 제1 정보를 렌더링 하기 위한 마이크로 웹 페이지의 템플릿을 판단하는 단계; 및 상기 모바일 기기가, 상기 템플릿의 기 설정된 영역에 상기 제1 정보에 포함된 복수의 속성값을 위치시켜 상기 마이크로 웹 페이지를 렌더링 하는 단계를 포함할 수 있다.

Description

마이크로 웹 페이지 템플릿 제공 방법 및 장치 {Method and apparatus for providing a template of micro web-page}
본 발명은 마이크로 웹 페이지의 템플릿을 제공하는 방법 및 그 장치에 관한 것이다. 보다 자세하게는, QR 코드 등에 기초하여 별도의 서버를 구동하지 않고서도(Server-less), 마이크로 웹 페이지를 통해 정보를 제공하기 위한 템플릿을 제공하는 방법 및 그 방법을 수행하는 장치에 관한 것이다.
최근 스마트폰의 대중화와 활성화로 인해 웹 응용 서비스들은 개인 사용자를 중심으로 특화된 서비스를 제공하는 방향으로 발전하고 있다. 특히 모바일 웹 응용 서비스의 영역이 확장되면서 기능 역시 단순한 정보의 제공에 머무르지 않고 있다. 예를 들면 다양한 형태의 주변 사물과 사용자와의 상호 작용을 통한 새로운 기능들이 추가되고 있다.
마이크로 웹 페이지란, 이러한 모바일 웹 응용 서비스에 특화된 것으로, 별도의 서버가 없이 사용자에게 정보를 제공하기 위한 웹 페이지를 말한다. 이를 위해서 사용자에게 제공할 정보는 바코드와 같은 형태로 제공할 수 있다. 그러나 바코드는 1차원적으로 배열되기 때문에, 한번에 많은 정보를 담는데 한계가 있다. 그래서 최근에는 2차원으로 배열된 바코드가 등장하였다. 흔히 2차원 바코드는 매트릭스 코드라고 부른다. 다음의 표 1은 2차원 바코드, 매트릭스 코드에 대해 간단히 정리한 표이다.
부호화 개발사 비고
PDF417 심볼 테크놀로지 ISO 15438
QR 코드 덴소 웨이브
데이터 매트릭스 마이크로스캔 시스템즈 세마코드
대용량 컬러 바코드 마이크로소프트 HCCB
이중에서 QR 코드가 가장 대중적으로 사용되는 2차원 바코드이다. QR 코드는 흑백 격자 무늬 패턴으로 정보를 나타내는 2차원 바코드로, 덴소 웨이브의 등록상표 Quick Response에서 유래하였다. 보통 디지털 카메라나 전용 스캐너로 읽어서 활용한다. QR 코드는 숫자 최대 7089자, 영숫자(코드표가 따로 존재) 최대 4296자, 8비트 바이트 최대 2953바이트, 한자 1817자를 담을 수 있다. "https://ko.wikipedia.org/wiki/QR_코드”에서 QR 코드에 관한 보다 자세한 정보를 참고할 수 있다.
1차원 바코드에 비해 2차원 바코드인 QR 코드를 이용하여 많은 정보를 전달할 수 있게 되었으나, 그럼에도 불구하고 QR 코드를 통해서 제공할 수 있는 정보에는 한계가 있다. 그러므로 QR 코드에 담긴 정보를 해석하여 마이크로 웹 페이지를 렌더링(Rendering)하기 위해서는 QR 코드에 정보를 보다 체계적으로 담을 필요가 있다. 이에 모바일 웹 응용 서비스를 위한 통합적이고 체계적인 데이터 모델링 방법을 제공하고, 이를 마이크로 웹 페이지에 적용할 필요성이 나타나고 있다.
본 발명이 해결하고자 하는 기술적 과제는 마이크로 웹 페이지 템플릿 제공 방법 및 장치를 제공하는 것이다.
본 발명의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.
본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 방법은 모바일 기기가, 2차원 바코드로부터 제1 정보를 추출하는 단계; 상기 모바일 기기가, 상기 제1 정보에 포함된 식별자(ID)를 기준으로 상기 제1 정보를 렌더링 하기 위한 마이크로 웹 페이지의 템플릿을 판단하는 단계; 및 상기 모바일 기기가, 상기 템플릿의 기 설정된 영역에 상기 제1 정보에 포함된 복수의 속성값을 위치시켜 상기 마이크로 웹 페이지를 렌더링 하는 단계를 포함할 수 있다.
바람직하게는, 상기 2차원 바코드로부터 제1 정보를 추출하는 단계는, 상기 2차원 바코드로부터 제1 URL을 추출하는 단계를 포함하고, 상기 마이크로 웹 페이지의 템플릿을 판단하는 단계는, 상기 모바일 기기에 상기 마이크로 웹 페이지를 렌더링 하기 위한 어플리케이션이 설치되어 있지 않은 경우, 상기 제1 URL에 접속하여 상기 어플리케이션을 설치하는 단계를 포함할 수 있다.
바람직하게는, 상기 2차원 바코드로부터 제1 정보를 추출하는 단계는, 상기 2차원 바코드로부터 제2 URL을 추출하는 단계를 포함하고, 상기 마이크로 웹 페이지의 템플릿을 판단하는 단계는, 상기 모바일 기기에 상기 마이크로 웹 페이지의 템플릿이 저장되어 있지 않은 경우, 상기 제2 URL에 접속하여 상기 마이크로 웹 페이지의 템플릿을 다운로드 하는 단계를 포함할 수 있다.
바람직하게는, 상기 2차원 바코드는, 상기 마이크로 웹 페이지를 렌더링 하기 위한 어플리케이션을 설치하기 위한 제1 URL, 상기 마이크로 웹 페이지의 템플릿을 다운로드 하기 위한 제2 URL 및 상기 제1 정보를 HTML 태그의 앵커(Anchor) "#"을 구분자로 하여 연결된 텍스트에 기초하여 생성된 것이다.
본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 장치는 네트워크 인터페이스; 하나 이상의 프로세서; 상기 프로세서에 의하여 수행되는 컴퓨터 프로그램을 로드하는 메모리; 및 마이크로 웹 페이지의 템플릿을 저장하는 스토리지를 포함하되, 상기 컴퓨터 프로그램은, 2차원 바코드로부터 제1 정보를 추출하는 오퍼레이션; 상기 제1 정보에 포함된 식별자(ID)를 기준으로 상기 제1 정보를 렌더링 하기 위한 마이크로 웹 페이지의 템플릿을 판단하는 오퍼레이션; 및 상기 템플릿의 기 설정된 영역에 상기 제1 정보에 포함된 복수의 속성값을 위치시켜 상기 마이크로 웹 페이지를 렌더링 하는 오퍼레이션을 포함을 포함할 수 있다.
본 발명에 따른 효과는 다음과 같다.
마이크로 웹 페이지를 구성할 정보의 체계를 도메인 클래스와 확장 클래스로 나누고 각각의 클래스에 대해 속성(=변수) 및 연산(=함수)를 정의함으로써, 마이크로 웹 페이지를 위한 템플릿을 제공할 수 있다. 이를 통해 QR 코드와 같이 한정된 정보로도 마이크로 웹 페이지를 효율적으로 제공할 수 있다.
본 발명의 효과들은 이상에서 언급한 효과들로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.
도 1은 본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 방법을 설명하기 위한 도면이다.
도 2 내지 도 4는 본 발명의 일 실시예에서 사용될 수 있는 마이크로 웹 페이지 템플릿을 설명하기 위한 도면이다.
도 5a 내지 도 5b는 본 발명의 일 실시예에서 사용될 수 있는 QR 코드에 포함된 정보를 설명하기 위한 도면이다.
도 7은 본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 방법의 순서도이다.
도 8은 본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 장치의 하드웨어 구성도이다.
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였다.
제1, 제2, A, B 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되어서는 안 된다. 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제1 구성요소는 제2 구성요소로 명명될 수 있고, 유사하게 제2 구성요소도 제1 구성요소로 명명될 수 있다. 및/또는 이라는 용어는 복수의 관련된 기재된 항목들의 조합 또는 복수의 관련된 기재된 항목들 중의 어느 항목을 포함한다.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다. 반면에, 어떤 구성요소가 다른 구성요소에 "직접 연결되어" 있다거나 "직접 접속되어" 있다고 언급된 때에는, 중간에 다른 구성요소가 존재하지 않는 것으로 이해되어야 할 것이다.
본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥 상 가지는 의미와 일치하는 의미를 가지는 것으로 해석되어야 하며, 본 출원에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.
이하, 본 발명에 따른 바람직한 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
도 1은 본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 방법을 설명하기 위한 도면이다.
도 1을 참고하면 QR 코드(101)을 볼 수 있다. QR 코드에는 정보가 2차원 이미지의 형태로 표시되어 있다. 이를 사용자가 가진 스마트폰(111)으로 촬영하면 텍스트를 정보로 얻을 수 있다. 이 텍스트 정보를 파싱(Parsing)하여 마이크로 웹 페이지(121)로 렌더링 하면 도 1의 하단에서 볼 수 있는 것처럼 명함을 사용자에게 제공할 수 있다.
여기서 중요한 점은 스마트폰(111)으로 QR 코드(101)를 촬영하여 해석한 정보로 마이크로 웹 페이지(121)를 렌더링 할 때 별도의 통신을 필요로 하지 않는다는 점이다. 즉, 3G나 LTE 또는 와이파이(Wi-Fi)와 같은 통신 없이도 마이크로 웹 페이지(121)를 제공할 수 있다.
이를 위해서는 스마트폰(111)에 마이크로 웹 페이지를 렌더링 하기 위한 별도의 어플리케이션이 필요하다. 해당 어플리케이션에서는 도 1에서 볼 수 있는 것과 같은 마이크로 웹 페이지(121)가 HTML 파일로 사전에 저장이 되어 있다. 즉 이미지나 레이아웃 등이 이미 작성된 상태로 어플리케이션에 HTML 페이지가 내장되어 있다.
이러한 상황에서 스마트폰(111)의 어플리케이션을 통해서 QR 코드(101)를 촬영하면 QR 코드(101)를 파싱하고, 사전에 정의된 체계에 따라 해석한 정보를 마이크로 웹 페이지(121)의 HTML과 조합하여 도 1의 하단과 같이 최종적인 형태로 정보를 제공할 수 있다.
즉 어플리케이션에 저장된 마이크로 웹 페이지(121)가 명함이라면 명함에서 이름, 전화번호, 주소, 이메일과 같은 정보는 공란인 HTML이 템플릿으로 저장되어 있다. 그리고 QR 코드에서 해석한 특정 사용자의 정보가 해당 HTML 템플릿과 결합해서 도 1의 하단과 같은 명함을 제공할 수 있는 것이다.
물론 다른 사용자도 자신의 이름, 전화번호, 주소, 이메일과 같은 정보를 바탕으로 별도의 QR 코드를 생성하고 해당 QR 코드를 다른 사용자에게 제공할 수 있다. 그러면 서로 명함을 교환하는 대신 서로 QR 코드를 교환하는 방식으로 명함을 교환할 수 있을 것이다. 더구나 이러한 정보의 교환은 별도의 통신을 요구하지 않는다는 점에서 활용도가 더욱 높다.
예를 들면, 명함 외에도 초대장, 안내도, 공공 정보를 이와 같은 방식으로 제공할 수 있다. 특히나 안내도 및 공공 정보는 한국을 찾은 외국인 관광객에게 필요한 정보임을 고려하면 마이크로 웹 페이지가 더욱 효과적인 정보 제공 수단임을 알 수 있다.
왜냐하면 대부분의 외국인 관광객이 다른 나라를 여행할 때 통신을 원활히 사용하지 못하는 경우가 많기 때문이다. 물론 데이터 로밍(Roaming)이나 와이파이를 통해서 인터넷에 접속해서 필요한 정보를 검색할 수도 있지만, 통계적으로 관광객의 55%가 데이터 통신을 이용하지 않는 점을 고려하면(KTO, 2015), 마이크로 웹 페이지를 통해서 인터넷 통신이 없어도 정보를 제공할 수 있다면 사용자의 편의성을 더욱 강화할 수 있을 것이다.
도 2 내지 도 4는 본 발명의 일 실시예에서 사용될 수 있는 마이크로 웹 페이지 템플릿을 설명하기 위한 도면이다.
앞서 도 1에서 살펴본 것처럼 QR 코드를 해석한 정보 + 사전에 어플리케이션에 저장된 마이크로 웹 페이지의 HTML 템플릿을 조합하면 사용자에게 다양한 정보를 제공할 수 있다. 이를 위해서, 스마트폰에서 마이크로 웹 페이지를 제공하기 위한 어플리케이션에는 다양한 종류의 템플릿이 사전에 저장되어 있다.
도 2에는 이러한 템플릿의 체계가 예시되어 있다. 도 2를 참고하면 기본 템플릿으로 제공되는 템플릿이 명함, 초대장, 안내도, 공공 정보 등이 예시되어 있다. QR 코드의 제한된 정보량을 고려하여 기본 템플릿은 총 256종으로 예시하였다. 이는 1 바이트(Byte)를 기준으로 정한 수이며, 일종의 예시이므로 더 많아질 수도 더 작아질 수도 있다.
이하 도메인 클래스(Domain Class)나 기본 클래스를 기본 템플릿의 동의어로 사용한다. 도메인 클래스의 HTML 템플릿은 사전에 어플리케이션과 함께 배포되는 방식이다. 도메인 클래스는 해당 클래스에서만 유용한 변수와 함수를 가지고 있다. 변수는 속성이라 볼 수 있고, 함수는 연산이라 볼 수 있다. 이는 객체 지향 프로그래밍(OOP; Object-Oriented Programming)에서 클래스와 멤버 변수(Member Variable)와 멤버 함수(Member Function)의 관계와 유사하다.
마찬가지로 객체 지향 프로그래밍에서 클래스를 상속해서 사용하듯이 마이크로 웹 페이지를 위한 템플릿도 상속을 통해 확장이 가능하다. 도 2의 하단에 이러한 확장 템플릿이 예시되어 있다. 예를 들면 기본 명함 템플릿을 확장하여 학생 명함, 영업용 명함, 한남대 명함 등이 있을 수 있다. 이하 확장 클래스를 확장 템플릿의 동의어로 사용한다.
확장 클래스는 기본 클래스를 상속하여 확장 클래스 특유의 멤버 변수나 멤버 함수를 정의할 수 있다. 즉 확장 템플릿 특유의 속성이나 연산을 정의할 수 있다. 도 2에서는 확장 클래스의 종류를 2^16으로 한정하였다. 다만 이는 2 바이트를 기준으로 정한 수이며, 일종의 예시이므로 더 많아질 수도 더 작아질 수도 있다.
기본 클래스와 이를 상속한 확장 클래스의 개념을 통해 기본 클래스를 더욱 다양하게 활용할 수 있다. 여기서 기본 클래스는 웹 응용 서비스를 관리하는 관리자 또는 플랫폼 수준에서 정의되고, 확장 클래스는 플랫폼 및 사용자 수준에서 정의될 수 있다. 이러한 기본 클래스 및 확장 클래스를 통해 마이크로 웹 페이지를 위한 템플릿의 활용도를 높일 수 있다.
도 3을 참고하면 명함의 기본 클래스와 이를 확장한 확장 클래스의 관계를 볼 수 있다. 명함의 기본 클래스는 이름(N), 소속/상호명(A), 직위(P), 전화번호(T), 핸드폰 번호(M), 주소(D), 이메일 주소(E)를 멤버 변수, 즉 속성(Property)으로 가진다. 또한 명함 저장(Save), 명함 전송(Send)를 멤버 함수, 즉 연산(Operation)으로 가진다.
도 3을 참고하면 명함의 확장 클래스 중에 하나인 한남대 명함은 기본 클래스의 속성과 연산 외에도 팩스 번호(F)를 속성으로 더 가지고 있다. 그리고, 명함의 확장 클래스 중에 하나인 영업용 명함은 영업 시간(H), 영업 내용(B), 계좌 번호(C)를 속성으로 더 가지고 있다.
이렇게 기본 클래스에 다양한 속성이나 연산을 더 추가한 확장 클래스를 통해 마이크로 웹 페이지의 템플릿을 더욱 풍부하게 할 수 있다. 또한 기본 템플릿의 단순한 화면을 확장 템플릿은 각각의 디자인으로 구성해서 HTML을 생성할 수 있다.
다만 기본 템플릿은 스마트폰의 어플리케이션에 함께 포함되어서 배포되는 반면, 확장 템플릿은 별도의 인터넷 연결을 통해 필요한 경우에 배포되는 방식이 일반적일 것이다. 즉 확장 템플릿을 이용하여 정보를 교환하는 경우 템플릿 자체를 별도의 서버에서 수신하기 위한 일회적인 통신이 최초에 1번 필요하게 된다.
도 4를 참고하면 명함의 기본 템플릿을 확장한 한남대 명함의 확장 템플릿을 볼 수 있다. 도 4의 한남대 명함에서 로고나 레이아웃 등은 HTML로 템플릿의 형태로 저장된 상태이며 한남대 명함 클래스의 속성 값인 이름(N), 소속/상호명(A), 직위(P), 전화번호(T), 핸드폰 번호(M), 주소(D), 이메일 주소(E) 외에 확장으로 추가된 팩스(F)를 QR 코드(101)에서 불러와서 결합하면 도 4와 같은 화면을 얻을 수 있다.
즉 마이크로 웹 페이지(121)는 컨텐츠(123)로 제공할 내용과 그 외에 공통되는 내용을 분리하여 컨텐츠(123)로 제공되는 내용은 QR 코드를 통해 데이터를 경량화해서 배포하고, 그 외에 공통되는 레이아웃이나 디자인은 HTML 템플릿의 형태로 별도로 배포하는 방식이다.
마이크로 웹 페이지는 미리 정의된 도메인 클래스로 분류된다. 분류된 도메인 클래스의 속성 정보들은 그 웹 페이지가 가져야 할 필수 컨텐츠(123)을 의미한다. 먼저 웹 페이지가 속하는 기본 클래스의 기본 속성과 확장 속성의 필수 내용은 모바일 태그에 저장한다.
웹 페이지 프레임 정보, 스타일 정보 등의 디자인적 요소를 포함하는 HTML 태그와 이미지 오디오 등 대부분 자원들을 묶어 템플릿으로 관리한다. 템플릿은 기본 템플릿과 확장 템플릿으로 구분하여 관리한다. 많은 종류의 템플릿들은 모두 미리 내장시키기가 어렵기 때문에 도메인 클래스만 기본 템플릿화하여 스마트폰에 내장한다.
이 도메인에 속하는 확장 클래스를 통해 생성된 웹 페이지들도 도메인 클래스의 기본 속성을 정의하므로 결합될 수 있다. 확장 템플릿은 미리 내장하는 것이 아니라 다운로드 시점을 다양하게 하여 제공할 수 있다. 즉, 웹 페이지의 도메인 클래스와 확장 클래스를 구분함으로써 데이터의 구성시점을 선 다운로드와 필요시점으로 구분하여 부족한 저장 공간의 한계를 보완할 수 있다.
도 5a 내지 도 5b는 본 발명의 일 실시예에서 사용될 수 있는 QR 코드에 포함된 정보를 설명하기 위한 도면이다.
도 5a를 참고하면 명함의 기본 클래스를 확장한 한남대 확장 클래스의 속성을 확인할 수 있다. 이름(N), 소속/상호명(A), 직위(P), 전화번호(T), 핸드폰 번호(M), 주소(D), 이메일 주소(E) 외에 확장으로 추가된 팩스(F)의 식별자 및 이를 구분하기 위한 구분자 ":"를 확인할 수 있다.
클래스 식별 정보와 객체 식별 정보는 모바일 태그에 저장되어 템플릿과 결합하는데 사용된다. 템플릿이 지정되면 마이크로 웹 페이지와 템플릿을 결합하기 위한 표준 인터페이스가 중요하다. 가장 간단하게 생각할 수 있는 것은 템플릿 파일은 HTML 파일이며, 각 클래스의 속성들은 정보 필드로서 HTML 내 저장될 위치를 필드 식별자(ID)로 구분하는 방식이다.
템플릿 내 HTML 파일에는 저장 위치를 나타내는 식별자로 표기하여 마이크로 웹 페이지 생성시에 데이터를 대체할 수 있다. 제안된 식별자 부여 방식은 의미를 나타내거나 영문 단어의 시작 문자인 영어 알파벳 1문자와 구분자로 나눌 수 있다. 이러한 정보를 바탕으로 각 사용자의 한남대 명함을 텍스트로 변환하면 도 5b와 같은 형태가 되며, 해당 텍스트를 다시 QR 코드(101)로 변환하여 배포를 하면 인터넷 통신 없이도 서로 명함을 교환할 수 있다.
템플릿의 속성 정보들을 필드 식별자(ID)와 value의 쌍으로 표현한다. 이때 일id와 value쌍은 assign(=) 기호나 콜론(:) 등의 구분자에 의하여 지정되며, 각 쌍의 종료는 스페이스(space), 쉼표(,), 문장 마침을 의미하는 세미콜론(;), 또는 AND(&) 등으로 구분될 수 있다.
이 때, 도 5b의 텍스트를 참고하면 QR 코드(101)을 해석한 모바일 태그에서 "https://play.google.com/store/apps/details?id=kr.ac.hannam.mwtester"를 볼 수 있다. 이는 마이크로 웹 페이지를 제공하기 위한 어플리케이션이 없는 사용자의 스마트폰에서는 해당 어플리케이션을 설치할 수 있는 플레이스토어의 주소를 표시한 것이다. 이와 같은 주소는 축약 주소를 통해서 간단하게 표시될 수도 있다. 이를 통해 모바일 태그의 한정된 공간을 더욱 효율적으로 사용할 수도 있다.
그리고 도 5b의 텍스트를 참고하면 QR 코드(101)을 해석한 모바일 태그에서 "http://googledrive.com/host/0B_4CwP9K40CTUWxLSmMxNFdiZFk/food1.html"를 볼 수 있다. 이는 기본 클래스가 아닌 한남대 명함 클래스에서 사용하는 HTML 템플릿을 최초 1회 다운로드 받기 위한 주소이다. 즉 마이크로 웹 페이지를 제공하기 위한 어플리케이션이 설치된 스마트폰이라고 하더라도 확장 클래스의 HTML 템플릿은 보유하고 있지 않으므로 이를 다운로드 할 수 있는 URL을 QR 코드(101)의 모바일 태그에 포함시킨 것이다. 또한 확장 템플릿을 다운로드 하기 위한 주소는 축약 주소를 통해서 간단하게 표시될 수도 있다.
여기서 한 가지 중요한 점이 마이크로 웹 페이지를 제공하기 위한 어플리케이션의 다운로드 주소와 템플릿을 제공하기 위한 다운로드 주소가 "...mwtester#http://googledrive.com/host..."와 같이"#"으로 연결되어 있다는 점이다. HTML 문법에서는 앵커(Anchor)를 표시하기 위한 용도로 "#"을 사용한다.
"#"표시로 어플리케이션 다운로드 주소와 템플릿 다운로드 주소를 연결함으로써, 어플리케이션이 설치되지 않은 스마트폰에서 QR 코드(101)을 식별하더라도 마이크로 웹 페이지를 제공하기 위한 어플리케이션의 다운로드 주소로 이동이 가능하다. 왜냐하면 HTML 문법에서는 앵커는 해당 주소에서 해당 명칭의 앵커가 없는 경우에는 무시를 하기 때문이다. 즉 이를 통해 어플리케이션 다운로드 주소만 유효하게 일반 QR 코드 인식 어플리케이션에서 인식해서 사용할 수 있다.
마찬가지로 템플릿을 다운로드 하기 위한 주소와, 한남대 명함 클래스의 속성 값들이 연결된 텍스트 사이도 ".../food1.html#1*1*0x2212*..."와 같이 "#"으로 연결되어 있다. 이 역시 확장 템플릿을 다운로드 하기 위한 주소와 해당 템플릿을 통해서 렌더링 될 정보를 구분하기 위한 용도로 앵커를 사용하기 위함이다.
다음으로 도 5b의 마지막 부분을 확인하면, "1*1*0x2212*N:홍길동 A:한국대학교 T:컴퓨터공학과 P:교수 M:010-123-4567 D:서울특별시 관악구 신림동 E:abc@def.com F:02-111-2222"와 같이 특정 사용자의 명함 정보가 QR 코드(101)의 모바일 태그에 포함되어 있다.
여기서 맨 앞의 1*1*0x2212는 각 클래스를 구분하기 위한 아이디(ID)이다. 즉 기본 클래스로 명함 "1", 해당 명함을 확장한 한남대 명함 클래스 "0x2212"가 접두어(Prefix)로 있으며, 그 외에 사용자의 각 명함 정보들이 사전에 정의된 필드 식별자를 기준으로 연결되어 있다.
이상으로 본 발명에서 제안하는 마이크로 웹 페이지를 제공하기 위한 기본 클래스 및 확장 클래스에 대해서 살펴보았다. 기본 클래스와 확장 클래스를 통해 한정된 정보만을 제공할 수 있는 QR 코드(101) 등을 통해 서버 없이도, 또한 인터넷의 연결 없이도 사용자에게 다양한 정보를 제공할 수 있다.
도 7은 본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 방법의 순서도이다.
도 7을 참고하면 사용자의 스마트폰을 이용하여 QR 코드를 촬영한다(S1100). 해당 QR 코드를 파싱하면 "마이크로 웹 페이지를 제공하기 위한 어플리케이션의 다운로드 주소#확장 클래스에서 필요한 경우 확장 템플릿(HTML)을 다운로드 하기 위한 주소#QR 코드에 담긴 클래스의 속성값"을 텍스트의 형태로 얻을 수 있다(S1200).
만약 해당 사용자의 스마트폰에 마이크로 웹 페이지를 제공하기 위한 어플리케이션이 설치되어 있지 않다면 "마이크로 웹 페이지를 제공하기 위한 어플리케이션의 다운로드 주소"를 통해서 어플리케이션을 설치하도록 유도할 수 있다. 물론 어플리케이션의 설치는 최초 1회로 충분하다.
반면에 해당 사용자의 스마트폰에 마이크로 웹 페이지를 제공하기 위한 어플리케이션이 설치되어 있다면, QR 코드에 담긴 클래스의 속성값에서 클래스의 ID를 확인한다. 그리고 해당 ID의 템플릿이 어플리케이션이 사용하는 저장소에 저장되어 있는지 확인한다.
만약 해당 사용자의 스마트폰에 해당 ID의 템플릿이 저장되어 있지 않다면, "확장 클래스에서 필요한 경우 확장 템플릿(HTML)을 다운로드 하기 위한 주소"를 통해서 해당 템플릿을 다운로드 하도록 유도할 수 있다. 물론 동일한 ID의 템플릿은 최초 1회의 다운로드로 충분하며, 이는 대부분 확장 클래스에서 발생하게 된다.
반면에 해당 사용자의 스마트폰에 클래스의 ID에 해당하는 템플릿이 이미 저장되어 있는 경우에는 저장된 템플릿을 로딩한다(S1300). 그리고 "QR 코드에 담긴 클래스의 속성값"을 각 속성을 구분하기 위한 식별자를 기준으로 나누고, 로딩한 템플릿과 해당 속성값들을 결합하면 마이크로 웹 페이지를 사용자에게 제공할 수 있다(S1400).
도 8은 본 발명의 일 실시예에 따른 마이크로 웹 페이지 템플릿 제공 장치의 하드웨어 구성도이다.
도 8를 참고하면 마이크로 웹 페이지 템플릿 제공 장치(10)는 하나 이상의 프로세서(510), 메모리(520), 스토리지(560) 및 인터페이스(570)을 포함할 수 있다. 프로세서(510), 메모리(520), 스토리지(560) 및 인터페이스(570)는 시스템 버스(550)를 통하여 데이터를 송수신한다.
프로세서(510)는 메모리(520)에 로드 된 컴퓨터 프로그램을 실행하고, 메모리(520)는 상기 컴퓨터 프로그램을 스토리지(560)에서 로드(load) 한다. 상기 컴퓨터 프로그램은, QR 코드 인식 오퍼레이션(521), 템플릿 로딩 오퍼레이션(523) 및 피드백 제공 오퍼레이션(525)을 포함할 수 있다.
QR 코드 인식 오퍼레이션(521)은 인터페이스(570)을 통해서 외부의 QR 코드를 촬영하고 해당 QR 코드를 해석한 텍스트를 시스템 버스(550)을 통해 스토리지(560)의 QR 코드(561)로 저장한다. 이 QR 코드(561)는 제1 URL, 제2 URL 및 제1 정보가 구분자 "#"으로 연결되어 있다. 제1 URL은 어플리케이션을 설치하기 위한 주소, 제2 URL은 제1 정보에 포함된 ID의 템플릿을 다운로드하기 위한 주소, 제1 정보는 클래스의 ID 및 해당 클래스의 속성의 값들이다.
템플릿 로딩 오퍼레이션(523)은 제1 정보에 포함된 클래스의 ID를 기준으로 제1 정보가 어느 클래스의 속성인지 파악한다. 여기서 클래스는 기본 클래스(563)와 상기 기본 클래스를 확장한 확장 클래스(565)로 나뉜다. 기본 클래스(561)의 템플릿은 어플리케이션과 함께 배포가 되며, 확장 클래스(565)는 별도로 배포가 된다.
그러므로 템플릿 로딩 오퍼레이션(523)은 제1 정보에 포함된 ID가 확장 클래스(565)이고 해당 확장 클래스(565)가 아직 스토리지(560)에 저장되지 않은 상태일 때에는 확장 클래스(565)의 템플릿을 다운로드 받을 수 있는 제2 URL에 접속하여 확장 클래스(565)의 템플릿을 인터페이스(570)을 통해 다운로드 받고 스토리지(560)에 저장한다. 만약 제1 정보에 포함된 ID가 기본 클래스(563)인 경우에는 이미 어플리케이션과 함께 배포된 템플릿이므로 별도의 다운로드 없이 마이크로 웹 페이지를 구성할 수 있다.
템플릿 렌더링 오퍼레이션(525)는 스토리지(560)에 저장된 기본 클래스(563) 또는 확장 클래스(565)의 템플릿과 QR 코드(561)를 파싱한 제1 정보를 결합해서 마이크로 웹 페이지를 구성한다. 템플릿은 HTML 형태로 제1 정보가 표시될 위치나 레이아웃이 사전에 설정되어 있으므로 제1 정보를 이용하여 템플릿을 완성한 후에, 별도의 서버를 구동하지 않고서도 마이크로 웹 페이지를 통해 사용자에게 정보를 제공할 수 있다.
도 8의 각 구성 요소는 소프트웨어(Software) 또는, FPGA(Field Programmable Gate Array)나 ASIC(Application-Specific Integrated Circuit)와 같은 하드웨어(Hardware)를 의미할 수 있다. 그렇지만, 상기 구성 요소들은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니며, 어드레싱(Addressing) 할 수 있는 저장 매체에 있도록 구성될 수도 있고, 하나 또는 그 이상의 프로세서들을 실행시키도록 구성될 수도 있다. 상기 구성 요소들 안에서 제공되는 기능은 더 세분된 구성 요소에 의하여 구현될 수 있으며, 복수의 구성 요소들을 합하여 특정한 기능을 수행하는 하나의 구성 요소로 구현될 수도 있다.
이상 첨부된 도면을 참조하여 본 발명의 실시 예들을 설명하였지만, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시 예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.

Claims (5)

  1. 모바일 기기가, 2차원 바코드로부터 제1 정보를 추출하는 단계;
    상기 모바일 기기가, 상기 제1 정보에 포함된 식별자(ID)를 기준으로 상기 제1 정보를 렌더링 하기 위한 마이크로 웹 페이지의 템플릿을 판단하는 단계; 및
    상기 모바일 기기가, 상기 템플릿의 기 설정된 영역에 상기 제1 정보에 포함된 복수의 속성값을 위치시켜 상기 마이크로 웹 페이지를 렌더링 하는 단계를 포함하는,
    마이크로 웹 페이지 제공 방법.
  2. 제1항에 있어서,
    상기 2차원 바코드로부터 제1 정보를 추출하는 단계는,
    상기 2차원 바코드로부터 제1 URL을 추출하는 단계를 포함하고,
    상기 마이크로 웹 페이지의 템플릿을 판단하는 단계는,
    상기 모바일 기기에 상기 마이크로 웹 페이지를 렌더링 하기 위한 어플리케이션이 설치되어 있지 않은 경우, 상기 제1 URL에 접속하여 상기 어플리케이션을 설치하는 단계를 포함하는,
    마이크로 웹 페이지 제공 방법.
  3. 제1항에 있어서,
    상기 2차원 바코드로부터 제1 정보를 추출하는 단계는,
    상기 2차원 바코드로부터 제2 URL을 추출하는 단계를 포함하고,
    상기 마이크로 웹 페이지의 템플릿을 판단하는 단계는,
    상기 모바일 기기에 상기 마이크로 웹 페이지의 템플릿이 저장되어 있지 않은 경우, 상기 제2 URL에 접속하여 상기 마이크로 웹 페이지의 템플릿을 다운로드 하는 단계를 포함하는,
    마이크로 웹 페이지 제공 방법.
  4. 제1항에 있어서,
    상기 2차원 바코드는,
    상기 마이크로 웹 페이지를 렌더링 하기 위한 어플리케이션을 설치하기 위한 제1 URL, 상기 마이크로 웹 페이지의 템플릿을 다운로드 하기 위한 제2 URL 및 상기 제1 정보를 HTML 태그의 앵커(Anchor) "#"을 구분자로 하여 연결된 텍스트에 기초하여 생성된 것인,
    마이크로 웹 페이지 제공 방법.
  5. 네트워크 인터페이스;
    하나 이상의 프로세서;
    상기 프로세서에 의하여 수행되는 컴퓨터 프로그램을 로드하는 메모리; 및
    마이크로 웹 페이지의 템플릿을 저장하는 스토리지를 포함하되,
    상기 컴퓨터 프로그램은,
    2차원 바코드로부터 제1 정보를 추출하는 오퍼레이션;
    상기 제1 정보에 포함된 식별자(ID)를 기준으로 상기 제1 정보를 렌더링 하기 위한 마이크로 웹 페이지의 템플릿을 판단하는 오퍼레이션; 및
    상기 템플릿의 기 설정된 영역에 상기 제1 정보에 포함된 복수의 속성값을 위치시켜 상기 마이크로 웹 페이지를 렌더링 하는 오퍼레이션을 포함하는,
    마이크로 웹 페이지 제공 장치.
KR1020170026711A 2017-02-28 2017-02-28 마이크로 웹 페이지 템플릿 제공 방법 및 장치 KR101884293B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170026711A KR101884293B1 (ko) 2017-02-28 2017-02-28 마이크로 웹 페이지 템플릿 제공 방법 및 장치

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170026711A KR101884293B1 (ko) 2017-02-28 2017-02-28 마이크로 웹 페이지 템플릿 제공 방법 및 장치

Publications (1)

Publication Number Publication Date
KR101884293B1 true KR101884293B1 (ko) 2018-08-02

Family

ID=63251876

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170026711A KR101884293B1 (ko) 2017-02-28 2017-02-28 마이크로 웹 페이지 템플릿 제공 방법 및 장치

Country Status (1)

Country Link
KR (1) KR101884293B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20230112606A1 (en) * 2021-10-12 2023-04-13 Vmware, Inc. Device enrollment in a unified endpoint management system over a closed network

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130089772A (ko) * 2011-12-30 2013-08-13 주식회사 메디오피아테크 웹 페이지 및 ｑｒ 코드 생성 방법 및 장치

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130089772A (ko) * 2011-12-30 2013-08-13 주식회사 메디오피아테크 웹 페이지 및 ｑｒ 코드 생성 방법 및 장치

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20230112606A1 (en) * 2021-10-12 2023-04-13 Vmware, Inc. Device enrollment in a unified endpoint management system over a closed network

Similar Documents

Publication Publication Date Title
US9818011B2 (en) Method and device for identifying two-dimensional barcodes
CN110889270B (zh) 一种表单页面文档生成方法、表单页面渲染方法及装置
CN111859470B (zh) 一种业务数据上链方法及装置
CN105165069A (zh) 接入Wi-Fi热点设备的方法、Wi-Fi热点设备和用户设备
CN105094775B (zh) 网页生成方法和装置
CN108121539B (zh) 组件处理方法和装置
CN108021954B (zh) 业务过程的启动方法和装置
CN111767499A (zh) 一种页面配置方法及装置
CN111880813B (zh) 实现安卓卡片ui的方法、存储介质
US9317503B2 (en) System and method for naming an image file
CN112884101A (zh) 图形码、图形码编码方法及解码方法
KR101884293B1 (ko) 마이크로 웹 페이지 템플릿 제공 방법 및 장치
US8170613B2 (en) Electronic apparatus with SIM card and phone directory management method thereof
CN109740074B (zh) 参数配置信息的处理方法、装置及设备
CN116842984A (zh) 一种图形码的解码方法及其制码方法
CN108268545B (zh) 一种分级的用户标签库的创建的方法和装置
CN108268920B (zh) 生成条码的方法和装置
CN113873450B (zh) 短信配置方法、装置、计算机设备和存储介质
CN115795544A (zh) 文件安全属性存储方法及相关装置
US8991718B1 (en) Decoding a transformed machine readable image
CN114443781A (zh) 一种企业担保图谱的生成方法、装置
Anand et al. Cloud based shopping guide system using qrcode
CN107608947B (zh) Html文件处理方法及装置、电子设备
KR100784224B1 (ko) 복수의 용도를 위한 코드 정보가 내장된 멀티코드의 판독방법 및 장치
CN111339125B (zh) 数据查询方法及装置

Legal Events

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