KR101525519B1 - Html5를 기반으로 하는 오프라인상에서의 웹브라우징 방법 - Google Patents

Html5를 기반으로 하는 오프라인상에서의 웹브라우징 방법 Download PDF

Info

Publication number
KR101525519B1
KR101525519B1 KR1020130142157A KR20130142157A KR101525519B1 KR 101525519 B1 KR101525519 B1 KR 101525519B1 KR 1020130142157 A KR1020130142157 A KR 1020130142157A KR 20130142157 A KR20130142157 A KR 20130142157A KR 101525519 B1 KR101525519 B1 KR 101525519B1
Authority
KR
South Korea
Prior art keywords
offline
web page
web
browsing
content
Prior art date
Application number
KR1020130142157A
Other languages
English (en)
Other versions
KR20150058868A (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 KR1020130142157A priority Critical patent/KR101525519B1/ko
Publication of KR20150058868A publication Critical patent/KR20150058868A/ko
Application granted granted Critical
Publication of KR101525519B1 publication Critical patent/KR101525519B1/ko

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/50Network services
    • H04L67/56Provisioning of proxy services
    • H04L67/568Storing data temporarily at an intermediate stage, e.g. caching
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/06Management of faults, events, alarms or notifications
    • H04L41/0654Management of faults, events, alarms or notifications using network fault recovery
    • H04L41/0663Performing the actions predefined by failover planning, e.g. switching to standby network elements

Abstract

HTML5를 기반으로 하는 오프라인상에서의 웹브라우징 방법이 개시된다. 본 발명의 일측면에 따른 HTML5 기반으로 오프라인상에서의 웹브라우징 방법은 접속된 웹서버로부터 수신된 웹페이지를 구성하는 페이지 데이터를 HTML5의 캐싱 기능에 의해 저장하되, 웹페이지에 연결된 동영상 콘텐츠들의 일부 데이터를 수신하여 저장하는 단계; 통신이 단절되어 오프라인 모드로 전환되면, 페이지 데이터를 이용하여 웹페이지를 브라우징하는 단계; 및 웹페이지에 연결된 동영상 콘텐츠로의 접속 명령이 입력되면, 오프라인 모드가 유지되는 동안에는 일부 데이터 중 해당 데이터를 이용하여 재생시키는 단계를 포함한다.

Description

HTML5를 기반으로 하는 오프라인상에서의 웹브라우징 방법{Method for web browsing on offline based HTML5}
본 발명은 웹브라우징에 관한 것으로서, 좀 더 상세하게는 HTML5를 기반으로 오프라인상에서도 웹브라우징 서비스를 제공하는 방법에 관한 것이다.
스마트폰, 태블릿PC 등의 모바일 기기는 3G망, LTE망 등 이동통신망에서 제공하는 이동통신망뿐 아니라, 와이파이 등의 근거리 무선 통신 기능을 이용하여 일반 인터넷망을 이용한 통신에 의해 그 네트워크 상의 콘텐트를 브라우징할 수 있다.
그러나, 통신망 상의 일시적 오류로 인해 통신이 중단될 수도 있으며, 또는 모바일 기기의 성격 상 사용자가 이동함에 따라 음영지역으로의 진입 또는 접속된 공유기와 같은 액세스포인터(access pointer)와의 통신 단절 등에 의해 통신 자체가 끊기게 되는 경우가 발생하기도 한다. 이러한 경우 웹브라우징 기능이 중단되어 웹페이지 또는 웹페이지 내의 콘텐츠를 이용할 수 없게 된다.
이렇게 통신이 단절되는 상황이 되면, 사용자 입장에서는 이용하던 웹브라우징에 의한 서비스를 제공받지 못하게 되어 불편이 발생하게 된다.
이에 대한 문제를 개선하기 위해, 현재, 어떤 웹 브라우저들은 [프리캐싱](pre-caching)으로 알려진 옵션을 수행하도록 설정되는데, 그 프리캐싱 옵션에서는 사용자가 웹 페이지를 뷰(view)하거나 그렇지 않으면 액세스하려고 시도하기 전에 그 웹브라우저가 기기로 하여금 웹 페이지를 다운로딩하고 저장하게끔 지시한다. 이러한 식으로, 만약 사용자가 그기기에 의해 프리캐싱되었던 웹 페이지에 대한 링크를 클릭한다면, 그 기기는, 사용자가 그 기기가 그 웹 페이지를 다운로딩하기를 기다려야 했던 경우보다, 사용자에게 더 빠르게 그 웹 페이지를 디스플레이할 수 있다. 이러한 웹 브라우저들은 또한 오프라인 브라우징(offline browsing)을 허용할 수도 있어서, 기기가 일시적으로 서비스를 받지 못한 경우에도, 사용자는 여전히 어느 캐싱된 또는 프리캐싱된 웹 페이지들을 제한적으로 브라우징할 수 있다.
하지만 이 경우에도 단순히 해당 웹페이지 만을 브라우징할 뿐이며, 오프라인 상태가 유지되는 동안에는 그 웹페이지와 연결된 하부 페이지 또는 콘텐츠를 이용할 수 없다.
그리고, 프리캐싱에 의한 불필요한 데이터 트래픽을 최소화하기 위해 오프라인 상태로의 진입 이전에 프리캐싱을 위한 데이터를 송수신하는 방식이 제안되기도 하였으나, 통상적으로 오프라인 상태로 진입하게 되는 것은 사용자가 의도치 않게 발생하는 경우가 많으므로 상기한 방식은 비효과적일 수 있다.
대한민국 공개특허 제10- 2010-0029257 (공개일자 2010년03월16일) 오프라인 브라우징용 콘텐트 다운로드 시스템, 방법, 기기 및 컴퓨터 프로그램 제품
따라서, 본 발명은 상술한 문제점을 해결하기 위해 안출된 것으로서, HTML5의 오프라인 캐싱 기능을 기반으로 오프라인 상태에서도 웹브라우징 서비스를 제공하는 방법을 제공하기 위한 것이다.
또한, 본 발명은 오프라인 상태에서도 웹페이지뿐 아니라 해당 웹페이지와 연결된 콘텐츠들을 이용할 수 있도록 하는 웹브라우징 방법을 제공하기 위한 것이다.
또한, 본 발명은 모바일 기기의 현재 상태에 따라 적응적으로 오프라인 브라우징을 위해 캐싱할 데이터를 가변함으로써, 통신 트래픽을 효율적으로 사용할 수 있는 오프라인상에서의 웹브라우징 방법을 제공하기 위한 것이다.
본 발명의 다른 목적들은 이하에 서술되는 바람직한 실시예를 통하여 보다 명확해질 것이다.
본 발명의 일 측면에 따르면, HTML5 기반으로 오프라인상에서의 웹브라우징 방법에 있어서, 접속된 웹서버로부터 수신된 웹페이지를 구성하는 페이지 데이터를 HTML5의 캐싱 기능에 의해 저장하되, 상기 웹페이지에 연결된 동영상 콘텐츠들의 일부 데이터를 수신하여 저장하는 단계; 통신이 단절되어 오프라인 모드로 전환되면, 상기 페이지 데이터를 이용하여 상기 웹페이지를 브라우징하는 단계; 및 상기 웹페이지에 연결된 동영상 콘텐츠로의 접속 명령이 입력되면, 오프라인 모드가 유지되는 동안에는 상기 일부 데이터 중 해당 데이터를 이용하여 재생시키는 단계를 포함하는 오프라인상에서의 웹브라우징 방법 및 그 방법을 수행하는 프로그램이 기록된 기록매체가 제공된다.
여기서, 상기 웹서버로 접속되는 통신망의 종류 또는 위치측정 수단에 의한 위치정보의 변화량에 따라 통신 단절 가능성을 판단하되, 상기 통신 단절 가능성에 따라 상기 동영상 콘텐츠들의 일부 데이터의 양(量)이 달라질 수 있다.
또한, 상기 오프라인 모드에서 상기 웹페이지를 브라우징 하는 단계는, 통신 단절 사유를 분석하는 단계; 및 상기 통신 단절 사유의 분석 결과 장시간 오프라인 유지 가능성이 있다 판단되면, 과거 상기 웹서버로부터 과거에 수신되어 저장된 오프라인용 콘텐츠들에 대한 정보가 포함되도록 상기 웹페이지를 재구성하여 브라우징하는 단계를 포함할 수 있다.
또한, 상기 오프라인용 콘텐츠의 일부 데이터를 재생시키기 이전, 상기 웹서버로부터 미리 수신한 오프라인용 광고콘텐츠를 우선 재생시킬 수 있다.
그리고, HTML5 기반으로 오프라인상에서의 웹브라우징 방법에 있어서, 특정 웹서버로부터 수신되는 동영상 콘텐츠들을 오프라인용 콘텐츠로서 저장하는 단계; 현재 접속중인 웹페이지를 구성하는 페이지 데이터를 HTML5의 캐싱 기능에 의해 저장하는 단계; 통신이 단절되어 오프라인 모드로 전환되면, 상기 페이지 데이터를 기반으로 상기 오프라인용 콘텐츠에 대한 정보가 포함되도록 상기 웹페이지를 재구성하여 브라우징하는 단계; 및 상기 웹페이지에 연결된 콘텐츠들 중 상기 오프라인용 콘텐츠로의 접속 명령이 입력되면, 저장된 오프라인용 콘텐츠를 재생시키는 단계를 포함하는 오프라인상에서의 웹브라우징 방법 및 그 방법을 수행하는 프로그램이 기록된 기록매체가 제공된다.
여기서, 상기 동영상 콘텐츠는 최신순으로 일정 개수 이하로만 저장할 수 있다.
또한, 통신 단절 사유를 분석하여 장시간 오프라인 유지 가능성이 있다고 판단되는 경우 상기 웹페이지를 재구성하고, 단시간 오프라인 유지 가능성이 있다고 판단되는 경우에는 상기 페이지 데이터만을 이용하여 웹페이지를 브라우징할 수 있다.
본 발명에 따르면, HTML5의 오프라인 캐싱 기능을 이용하여 통신이 단절된 오프라인 상태에서도 웹브라우징을 수행할 수 있을뿐 아니라, 해당 웹페이지와 연결된 동영상 콘텐츠들을 이용할 수 있도록 한다.
또한, 본 발명에 따르면, 모바일 기기의 통신 상태에 따른 통신 단절 가능성, 통신 단절 사유에 따라 적응적으로 이용할 수 있는 콘텐츠들을 달리함으로써, 통신 트래픽을 효율적으로 사용할 수 있다.
도 1은 본 발명의 일 실시예에 따른 HTML5를 기반으로 하는 오프라인상에서의 웹브라우징 과정을 도시한 흐름도.
도 2는 본 발명의 일 실시예에 따른 오프라인 모드를 위해 수신할 콘텐츠의 일부 데이터를 취득하는 과정을 도시한 흐름도.
도 3 및 도 4는 본 발명의 각 실시예에 따른 웹페이지를 재구성하는 오프라인상에서의 웹브라우징 과정을 도시한 흐름도들.
도 5는 본 발명의 일 실시예에 따른 오프라인용 콘텐츠를 이용하여 웹페이지가 재구성되는 것을 도시한 예시도.
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다.
이하, 첨부한 도면들을 참조하여 본 발명에 따른 실시예들을 상세히 설명하기로 하며, 첨부 도면을 참조하여 설명함에 있어 도면 부호에 상관없이 동일하거나 대응하는 구성 요소는 동일한 참조번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
도 1은 본 발명의 일 실시예에 따른 HTML5를 기반으로 하는 오프라인상에서의 웹브라우징 과정을 도시한 흐름도이고, 도 2는 본 발명의 일 실시예에 따른 오프라인 모드를 위해 수신할 콘텐츠의 일부 데이터를 취득하는 과정을 도시한 흐름도이다.
도 1을 참조하면, 모바일 기기는 현재 접속된 웹페이지를 구성하는 데이터인 HTML, JS, CSS 등의 문서파일들과 각종 이미지 파일들(이하 페이지 데이터라 칭함)과, 해당 웹페이지에 연결되는 동영상 콘텐츠들에 대한 데이터를 저장한다(S110).
HTML5에서는 오프라인상에서의 웹브라우징을 가능하게 하는 어플리케이션 캐시(Application Cache) 기능이 제공된다. HTML5 의 어플리케이션 캐시는 html, css, js 파일 및 이미지 파일, 폰트 파일 등 웹페이지를 구성하는 각종 웹 리소스들을 클라이언트 단으로 다운로드 해서 캐싱해 둠으로써 인터넷 접속 없이 해당 리소스들을 이용할 수 있도록 하는 기술이다.
그리고, 본 실시예에서는 페이지 데이터뿐 아니라, 해당 웹페이지와 연결된 동영상, 이미지 등의 멀티미디어 콘텐츠(이하에서는 설명의 편의상 동영상으로만 설명하기로 함)로도 접근할 수 있도록 하기 위해 관련 데이터를 클라이언트(즉 모바일 기기)으로 제공한다.
특히, 페이지 데이터와 함께 저장되는 동영상 콘텐츠의 경우 모든 데이터가 저장되는 것이 아니라 일부만이 저장된다. 웹 서비스에서의 동영상 콘텐츠는 통상적으로 스트리밍(streaming) 방식으로 유저에게 제공된다. 따라서, 본 실시예에서는 링크가 설정되어 관련 정보(예를 들어, 텍스트 또는 썸네일과 같은 이미지 등)가 웹페이지에 표시되는 동영상 콘텐츠들에 대해 일부만(예를 들어, 최초 1분간 재생될 수 있는 데이터 또는 특정 크기(예를 들어, 1메가 바이트)의 데이터 등)을 모바일 기기가 해당 웹페이지를 제공하는 웹서버로부터 미리 수신하여 저장하는 것이다.
차후 통신이 단절되어 오프라인 모드로의 진입 여부가 판단되면(S120), 저장된 페이지 데이터를 이용하여 웹페이지를 브라우징한다(S130).
그리고, 오프라인 모드가 유지되는 동안 브라우징된 웹페이지에 연결된 동영상 콘텐츠에 대한 접근 명령이 입력되면, 모바일 기기는 웹서버로부터 해당 동영상을 취득하는 것이 아니라 미리 그 일부만이 저장된 해당 동영상 콘텐츠를 바로 재생시킨다(S140).
본 실시예에 의하면, 사용자는 오프라인 상태에서도 웹페이지를 그대로 확인할 수 있을 뿐 아니라, 그 하부 구조로 연결된 멀티미디어 콘텐츠까지도 이용할 수 있게 된다.
여기서, 연결된 동영상 콘텐츠들의 전체 데이터가 아닌 일부만을 이용하는 이유는, 빠른 시간 내에 온라인 상태로 다시 돌아갈 확률이 높기 때문에 불필요한 데이터 트래픽과 저장공간을 사용함에 따른 불이익을 예방하기 위함이다.
일례에 따르면, 동영상 콘텐츠에 대한 그 일부 데이터의 양(量, 이하 일부 수치라 칭함)은 가변적으로 설정될 수도 있는데, 통신 단절 가능성을 판단함으로써 그 일부 수치를 결정할 수도 있다.
이에 따른 실시예를 도시한 도 2를 참조하면, 통신 단절 가능성을 분석한다(S112).
모바일 기기는 현재 접속되어 있는 통신망의 종류, 통신신호의 세기, 위치측정 수단에 의한 위치 또는 그 변화량 등을 이용하여 통신 단절 가능성을 분석할 수 있다. 예를 들어, 현재 접속된 통신망이 3G망과 같은 이동통신망인 경우에는 와이파이에 의한 인터넷망과 비교하여 통신 단절 가능성은 높게 결정될 수 있을 것이다. 다른 예를 더 들자면, 동일한 이동통신망인 경우에도 그 통신신호의 세기에 따라 또는 위치 변화량에 따라 통신 단절 가능성이 다르게 결정될 수 있다.
통신 단절 가능성의 분석 결과에 따라 수신할 동영상 콘텐츠의 일부 데이터량(즉 일부 수치)를 결정하고(S114), 그에 따라 결정된 일부 수치만큼씩 각 동영상 콘텐츠를 수신하여 저장한다(S116). 쉽게 말하면, 통신 단절 가능성이 높을수록 더 많은 크기의 동영상 콘텐츠에 대한 데이터를 수신하여 저장해 두는 것이다. 통신 단절 가능성이 높다는 것은 오프라인 상태로 전환된 가능성이 높은 것이며 또한 오프라인 상태로 유지되는 시간이 더 길 수 있다는 것을 의미하기 때문이다. 반대로 통신 단절 가능성이 낮은 경우엔 오프라인 상태에서 동영상 콘텐츠들을 이용할 확률이 적으므로 작은 크기의 동영상 콘텐츠들에 대한 데이터만을 미리 수신한다.
본 실시예에 따르면, 오프라인 모드의 수행 가능성에 따라 미리 취득할 데이터량을 달리함으로써, 보다 효율적으로 통신 트래픽을 이용할 수 있다.
이하에서는 다른 실시예에 따른 웹브라우징 방식에 대해 설명하기로 한다.
도 3 및 도 4는 본 발명의 각 실시예에 따른 웹페이지를 재구성하는 오프라인상에서의 웹브라우징 과정을 도시한 흐름도들이고, 도 5는 본 발명의 일 실시예에 따른 오프라인용 콘텐츠를 이용하여 웹페이지가 재구성되는 것을 도시한 예시도이다.
도 3을 참조하면, 모바일 기기는 특정 웹서버로부터 수신되는 동영상 콘텐츠를 오프라인용 콘텐츠로서 활용하기 위해 저장한다(S310). 예를 들어, 상기한 특정 웹서버가 유투브(www.youtube.com), 판도라티비(www.pandora.tv)와 같이 동영상 콘텐츠를 전문적으로 제공하는 서버인 경우를 가정하면, 사용자는 자신의 모바일 기기를 이용하여 해당 서버에 접속하여 다양한 동영상 콘텐츠를 시청하게 되는데, 모바일 기기는 그 서버로부터 다운로드 방식 또는 스트리밍 방식 등에 상관없이 수신하였던 그 동영상 콘텐츠들을 삭제하지 않고 저장한다. 일례에 따르면, 데이터 트래픽 및 저장공간을 효율적으로 사용하기 위해 가장 최신순으로 일정 개수(예를 들어, 10개 등) 이하의 동영상 콘텐츠들만을 저장한다.
모바일 기기는 HTML5의 어플리케이션 캐싱 기술에 기반하여 현재 접속된 웹페이지를 구성하는 페이지 데이터를 저장한다(S320). 이에 대해서는 상술하였으므로 반복되는 설명은 생략한다. 다만, 일례에 따르면 본 단계에서의 웹페이지는 상기한 특정 웹서버로부터 제공되는 것만은 아니며, 다른 웹서버로부터 제공되는 웹페이지일 수도 있다. 이하에서는 설명의 편의상 본 단계에서의 웹페이지는 상기한 특정 웹서버인 경우를 가정하여 설명하기로 한다.
통신이 단절됨이 인식되면 오프라인 모드를 실행하여(S330), 저장된 페이지 데이터를 이용하여 웹페이지를 브라우징하되, 특히 저장된 오프라인용 콘텐츠에 대한 정보가 해당 웹페이지에 표시되도록 웹페이지를 재구성한다(S340).
이에 대한 이해를 위해 일례를 도시한 도 5를 참조하면, 참조도면 500은 오프라인 모드의 실행 전(즉 온라인 상태)에 접속되었던 웹페이지를 예시한 것이며, 참조번호 510은 오프라인 모드에서 재구성되어 브라우징된 웹페이지를 예시한 것이다. 재구성된 웹페이지(510)를 재구성 전과 비교하면, 오프라인용 콘텐츠로 접근할 수 있는 관련 정보(514)가 일측에 포함된다. 따라서, 사용자는 해당 콘텐츠를 선택하여 모바일 기기 자체에 저장된 오프라인용 콘텐츠인 동영상을 바로 시청할 수 있게 되어, 마치 온라인상에서 웹페이지에 연결된 콘텐츠를 이용하는 것과 동일한 효과를 얻게 된다.
다시 말해, 모바일 기기는 미리 특정 웹서버로부터 수신되어 저장해둔 오프라인용 콘텐츠를 오프라인 모드에 따른 웹페이지에 노출시킴으로써, 사용자가 온라인상에서 웹페이지에 연결된 콘텐츠들을 이용하는 것과 유사한 효과를 제공하는 것이며, 더욱이 자신이 과거에 접했던 동영상이 무엇인지 알 수 있으며 또한 다시 볼 수 있다는 이점을 제공한다.
또한, 참조번호 512에 따른 콘텐츠는 도 1을 참조하여 설명한 바와 같은 일부 데이터가 저장된 동영상 콘텐츠이다. 따라서, 사용자는 참조번호 512에 따른 콘텐츠를 선택하면, 미리 저장된 일부 데이터에 따른 동영상이 재생됨으로써, 마찬가지로 온라인상에서 콘텐츠를 이용하는 것과 동일한 효과를 얻게 된다.
다시 도 3을 참조하면, 모바일 기기는 재구성된 웹페이지가 브라우징된 상태에서 사용자로부터의 오프라인용 콘텐츠(즉 도 5의 참조번호 514)에 대한 접근 명령이 입력되면, 저장된 오프라인용 콘텐츠를 재생시킨다(S350).
여기서, 일례에 따르면, 모바일 기기에는 상기한 특정 웹서버롭터 수신되는 오프라인용 광고콘텐츠가 미리 저장되어 있으며, 오프라인용 콘텐츠의 재생 이전에 오프라인용 광고콘텐츠를 먼저 재생시킬 수 있다. 즉, 사용자에게 광고콘텐츠를 먼저 시청한 이후 원하는 동영상을 시청할 수 있도록 하는 것이다. 최근에는 온라인 상에서 UCC 등의 동영상 콘텐츠를 서비스하는 웹사이트에서는 서비스에 따른 수익을 위해 동영상 재생 이전에 광고콘텐츠를 우선하여 제공하기도 한다. 일례에 따르면, 온라인 상에서 제공되는 광고콘텐츠를 수신하여 오프라인용 광고콘텐츠로서 활용할 수도 있을 것이다. 특히 다른 일례에 따르면, 온라인 상에서의 광고에 비해 오프라인에서는 더 많은 또는 더 긴 시간동안 광고가 제공될 수도 있다. 쉽게 말해, 같은 동영상을 재생시키더라도 온라인 상에서는 10초짜리 광고콘텐츠를 먼저 재생시키고, 오프라인 상태에서는 20초짜리 광고콘텐츠를 재생시키는 것이다.
그리고, 본 실시예는 웹페이지의 재구성 과정이 존재한다. 다른 일례에 따르면 이러한 재구성 과정은 상황에 따라 수행될 수도 있다. 예를 들어, 통신 단절 기간이 얼마나 지속될 것인지를 예측하고, 그 결과에 따라 재구성 과정을 진행할지 여부를 결정할 수도 있다.
이에 대한 실시예를 도시한 도 4를 참조하면, 모바일 기기는 통신 단절이 인식되면(S410), 그 단절 사유를 분석한다(S420). 예를 들어, 통신망의 상태가 불안정하여 단절되었는지, 또는 사용자가 액세스포인터와 일정거리 이상 이격되도록 이동을 하여 단절되었는지 등에 의해 그 단절 사유를 분석할 수 있다. 그리고 상술한 바와 같은 미리 분석된 통신 단절 가능성과 통신 단절 사유를 이용하여 얼마나 통신 단절에 의해 오프라인 모드가 유지될 지 여부를 판단한다(S430). 쉽게 말해, 통신 단절 가능성과 그 통신 단절 사유에 의해 통신 단절이 지속될 오프라인 모드 유지 시간이 장시간(예를 들어, 1분 이상) 유지될 것인지 또는 단시간(예를 들어 1분 이내)내에 다시 통신이 재개되어 온라인 상태로 전환될 것인지를 예측하는 것이다. 쉬운 예를 하나 들자면, 통신 신호의 세기가 미약했던 상태에서 모바일 기기의 이동이 있었다면, 장시간 단절로 판단될 수 있을 것이다.
그 예측 결과 장시간 단절로 결정되면 도 3을 참조하여 설명한 바와 같이 오프라인용 콘텐츠를 이용한 웹페이지로 재구성하고(S440), 반대의 경우엔 오프라인용 콘텐츠를 이용한 웹페이지의 재구성 없이 브라우징한다(S450).
상술한 본 발명에 따른 오프라인상에서의 웹브라우징 방법은 컴퓨터로 읽을 수 있는 기록 매체에 컴퓨터가 읽을 수 있는 코드로서 구현되는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체로는 컴퓨터 시스템에 의하여 해독될 수 있는 데이터가 저장된 모든 종류의 기록 매체를 포함한다. 예를 들어, ROM(Read Only Memory), RAM(Random Access Memory), 자기 테이프, 자기 디스크, 플래쉬 메모리, 광 데이터 저장장치 등이 있을 수 있다. 또한, 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 통신망으로 연결된 컴퓨터 시스템에 분산되어, 분산방식으로 읽을 수 있는 코드로서 저장되고 실행될 수 있다.
또한, 상기에서는 본 발명의 바람직한 실시예를 참조하여 설명하였지만, 해당 기술 분야에서 통상의 지식을 가진 자라면 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.
500 : 온라인상의 웹페이지
510 : 재구성된 웹페이지
514 : 오프라인용 콘텐츠

Claims (8)

  1. 모바일 기기가 수행하는 HTML5 기반으로 오프라인상에서 웹브라우징하는 방법에 있어서,
    접속된 웹서버로부터 수신된 웹페이지를 구성하는 페이지 데이터를 HTML5의 캐싱 기능에 의해 구비된 저장공간에 저장하되, 상기 웹페이지에 연결된 동영상 콘텐츠들의 일부 데이터를 수신하여 저장하는 단계;
    통신이 단절되어 오프라인 모드로 전환되면, 상기 페이지 데이터를 이용하여 상기 웹페이지를 브라우징하는 단계; 및
    상기 웹페이지에 연결된 동영상 콘텐츠로의 접속 명령이 입력되면, 오프라인 모드가 유지되는 동안에는 상기 일부 데이터에 따른 동영상을 재생시키는 단계를 포함하는 오프라인상에서의 웹브라우징 방법.
  2. 청구항 1에 있어서,
    상기 웹서버로 접속되는 통신망의 종류 또는 위치측정 수단에 의한 위치정보의 변화량에 따라 상기 동영상 콘텐츠들의 일부 데이터의 양(量 )을 달리하는 것을 특징으로 하는 오프라인상에서의 웹브라우징 방법.
  3. 청구항 1에 있어서,
    상기 오프라인 모드에서 상기 웹페이지를 브라우징 하는 단계는,
    통신 단절 사유를 분석하는 단계; 및
    상기 통신 단절 사유의 분석 결과 장시간 오프라인 유지 가능성이 있다 판단되면, 과거 상기 웹서버로부터 과거에 수신되어 저장된 오프라인용 콘텐츠들에 대한 정보가 포함되도록 상기 웹페이지를 재구성하여 브라우징하는 단계를 포함하는 것을 특징으로 하는 오프라인상에서의 웹브라우징 방법.
  4. 청구항 1에 있어서,
    상기 일부 데이터에 따른 동영상을 재생시키기 이전, 상기 웹서버로부터 미리 수신한 오프라인용 광고콘텐츠를 우선 재생시키는 것을 특징으로 하는 오프라인상에서의 웹브라우징 방법.
  5. 모바일 기기가 수행하는 HTML5 기반으로 오프라인상에서 웹브라우징하는 방법에 있어서,
    특정 웹서버로부터 수신되는 동영상 콘텐츠들을 오프라인용 콘텐츠로서 구비된 저장공간에 저장하는 단계;
    현재 접속중인 웹페이지를 구성하는 페이지 데이터를 HTML5의 캐싱 기능에 의해 저장하는 단계;
    통신이 단절되어 오프라인 모드로 전환되면, 상기 페이지 데이터를 기반으로 상기 오프라인용 콘텐츠에 대한 정보가 포함되도록 상기 웹페이지를 재구성하여 브라우징하는 단계; 및
    재구성된 웹페이지에 연결된 콘텐츠들 중 상기 오프라인용 콘텐츠로의 접속 명령이 입력되면, 상기 저장공간에 저장된 오프라인용 콘텐츠를 재생시키는 단계를 포함하는 오프라인상에서의 웹브라우징 방법.
  6. 청구항 5에 있어서,
    상기 동영상 콘텐츠는 최신순으로 일정 개수 이하로만 저장하는 것을 특징으로 하는 오프라인상에서의 웹브라우징 방법.
  7. 삭제
  8. 디지털 정보 처리 장치에 의해 판독 가능하며, 제 1항 내지 제 6항 중 어느 한 항의 방법을 수행하기 위한 프로그램이 기록된 기록 매체.
KR1020130142157A 2013-11-21 2013-11-21 Html5를 기반으로 하는 오프라인상에서의 웹브라우징 방법 KR101525519B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130142157A KR101525519B1 (ko) 2013-11-21 2013-11-21 Html5를 기반으로 하는 오프라인상에서의 웹브라우징 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130142157A KR101525519B1 (ko) 2013-11-21 2013-11-21 Html5를 기반으로 하는 오프라인상에서의 웹브라우징 방법

Publications (2)

Publication Number Publication Date
KR20150058868A KR20150058868A (ko) 2015-05-29
KR101525519B1 true KR101525519B1 (ko) 2015-06-03

Family

ID=53392982

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130142157A KR101525519B1 (ko) 2013-11-21 2013-11-21 Html5를 기반으로 하는 오프라인상에서의 웹브라우징 방법

Country Status (1)

Country Link
KR (1) KR101525519B1 (ko)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101672791B1 (ko) 2015-10-26 2016-11-07 고려대학교 산학협력단 모바일 웹 애플리케이션 환경에서의 취약점 탐지 방법 및 시스템
KR101725450B1 (ko) 2015-10-26 2017-04-11 고려대학교 산학협력단 웹 페이지에 안전성을 제공하기 위한 평판관리 시스템 및 방법
KR102620692B1 (ko) 2023-08-21 2024-01-03 주식회사 비전트리 이러닝 콘텐츠 제작을 위한 html5 자동 변환 방법

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013122965A1 (en) * 2012-02-16 2013-08-22 Microsoft Corporation Using an application cache to update resources of installed applications

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013122965A1 (en) * 2012-02-16 2013-08-22 Microsoft Corporation Using an application cache to update resources of installed applications

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101672791B1 (ko) 2015-10-26 2016-11-07 고려대학교 산학협력단 모바일 웹 애플리케이션 환경에서의 취약점 탐지 방법 및 시스템
KR101725450B1 (ko) 2015-10-26 2017-04-11 고려대학교 산학협력단 웹 페이지에 안전성을 제공하기 위한 평판관리 시스템 및 방법
KR102620692B1 (ko) 2023-08-21 2024-01-03 주식회사 비전트리 이러닝 콘텐츠 제작을 위한 html5 자동 변환 방법

Also Published As

Publication number Publication date
KR20150058868A (ko) 2015-05-29

Similar Documents

Publication Publication Date Title
US11303970B2 (en) Systems and methods for internet video delivery
US8510644B2 (en) Optimization of web page content including video
US11588918B2 (en) Methods and apparatus to supplement web crawling with cached data from distributed devices
US9116999B2 (en) Pre-fetching of network page content
CN106777116B (zh) 一种内容获取方法、用户客户端、服务器及系统
US9078036B2 (en) Mechanism to evaluate the geographic popularity of geographically-located user-generated content items
US9369740B1 (en) Custom media player
US10515142B2 (en) Method and apparatus for extracting webpage information
KR102151457B1 (ko) 통신 시스템에서 페이지 로딩 시간 단축 방법 및 장치
US10291738B1 (en) Speculative prefetch of resources across page loads
US20130247105A1 (en) Smart subscribe button on watch
CN104685831A (zh) 测量网页呈现时间
US7987243B2 (en) Method for media discovery
KR20150055559A (ko) 정적 및 동적 추천에 기초하여 원격 콘텐츠를 프리―페칭하는 방법 및 장치
CN111339456B (zh) 预加载方法和装置
CN108334516B (zh) 信息推送方法和装置
US8874687B2 (en) System and method for dynamically modifying content based on user expectations
KR101525519B1 (ko) Html5를 기반으로 하는 오프라인상에서의 웹브라우징 방법
KR101265164B1 (ko) 브랜딩을 위한 단축 url 브라우징 제공시스템, 그 제공방법, 및 웹 클라이언트
US20140245347A1 (en) Control layer indexed playback
KR101498920B1 (ko) 오프라인 실행을 위한 웹 페이지 사전 캐싱 시스템 및 방법
US20140122573A1 (en) Method and system for processing data through network
KR101589369B1 (ko) 비 휘발성 메모리를 이용한 처리된 자원 캐싱 장치 및 방법
US20240080527A1 (en) Methods and systems for displaying content during a loading event
KR20120016334A (ko) 오프라인 실행을 위한 웹 페이지 사전 캐싱 시스템 및 방법

Legal Events

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

Payment date: 20180525

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20190527

Year of fee payment: 5