KR20100012347A - Web browsing system for saving image corresponding a markup page and control method thereof - Google Patents
Web browsing system for saving image corresponding a markup page and control method thereof Download PDFInfo
- Publication number
- KR20100012347A KR20100012347A KR1020080073690A KR20080073690A KR20100012347A KR 20100012347 A KR20100012347 A KR 20100012347A KR 1020080073690 A KR1020080073690 A KR 1020080073690A KR 20080073690 A KR20080073690 A KR 20080073690A KR 20100012347 A KR20100012347 A KR 20100012347A
- Authority
- KR
- South Korea
- Prior art keywords
- image
- web viewer
- web
- markup page
- server
- Prior art date
Links
Images
Abstract
Description
본 발명은 마크업 페이지에 대응되는 이미지를 저장하는 웹 브라우징 시스템 및 그 제어방법에 관한 것으로, 보다 상세하게는 웹 뷰어 서버로부터 수신되는 이미지 형태의 마크업 페이지 중 적어도 일부를 저장하는 웹 뷰어를 포함하는 웹 브라우징 시스템 및 그 제어방법에 관한 것이다.The present invention relates to a web browsing system for storing an image corresponding to a markup page and a control method thereof, and more particularly to a web viewer for storing at least a portion of an image form markup page received from a web viewer server. It relates to a web browsing system and a control method thereof.
이동통신 기술의 발전으로 인해 휴대폰 등의 이동통신 단말기에는 다양한 기능들이 추가되어 왔다. 그 중 특히 사용자들에 의해 많이 이용되는 것이 웹 브라우징이다.Due to the development of mobile communication technology, various functions have been added to mobile communication terminals such as mobile phones. Among them, web browsing is especially used by users.
웹브라우징은 이동통신 단말기에 구비된 웹브라우저를 이용하여 인터넷망의 웹서버로부터 소정의 웹 콘텐츠를 열람/이용하는 것을 통틀어 말한다.Web browsing refers to viewing / using certain web contents from a web server of an internet network using a web browser provided in a mobile communication terminal.
인터넷망의 웹서버는 일반적으로 유선인터넷망에 구비된 개인용 컴퓨터를 이용하여 접근되기에 적합하도록 구성 되어왔는데, 최근 이동통신 기술의 발전으로 인해 이동통신 단말기에도 무선통신망을 통한 웹서버 접속 기능이 구현됨에 따라 이동통신 단말기 사용자는 자신의 이동통신 단말기를 이용한 웹브라우징을 할 수 있게 된 것이다.In general, the web server of the internet network has been configured to be accessible by using a personal computer provided in the wired internet network. Recently, due to the development of mobile communication technology, the web server access function is realized through the wireless communication network in the mobile communication terminal. As a result, the mobile communication terminal user can browse the web using his mobile communication terminal.
이처럼 웹브라우징을 위해서는 이동통신 단말기에 웹브라우징을 위한 웹브라우저가 구비되어야 한다.As such, for web browsing, a web browser for web browsing should be provided in a mobile communication terminal.
웹브라우저의 종류는 다양하나, 이동통신 단말기의 하드웨어 성능을 고려하고 빠른 웹브라우징이 구현되도록 하기 위해 웹 뷰어 방식의 웹브라우저가 제시된 바 있다.Although there are various types of web browsers, a web viewer type web browser has been proposed in order to consider hardware performance of a mobile communication terminal and to implement fast web browsing.
웹 뷰어는 이미지 처리 기반 브라우저로서, 웹 브라우징을 위한 마크업 태그의 파싱/렌더링 기능 대신에 이미지 형태의 웹페이지를 표시하도록 그 기능을 단순화 시킨 브라우저를 통칭한다.A web viewer is an image processing based browser, which collectively refers to a browser that simplifies the function of displaying a web page in the form of an image instead of parsing / rendering a markup tag for web browsing.
즉, 웹 뷰어와 웹서버 사이에 웹서버의 웹 콘텐츠를 이미지 형태로 변환시키는 웹 뷰어 서버가 구비되도록 하고, 웹 뷰어가 소정의 주소, 예를 들어 URL(Uniform Resource Locator)을 이용하여 웹 콘텐츠의 전송을 요청하면, 웹 뷰어 서버는 해당 URL에 대응되는 웹서버로부터 웹 콘텐츠의 전송을 요청하여 수신하고 수신된 웹 콘텐츠를 파싱/렌더링 처리한 후에 이미지 데이터로 변환하여 웹 뷰어에 전송하고, 이에 웹 뷰어는 수신된 이미지 형태의 웹 콘텐츠를 디스플레이부에 표시한다.That is, a web viewer server for converting the web content of the web server into an image form is provided between the web viewer and the web server, and the web viewer uses a predetermined address, for example, a URL (Uniform Resource Locator) to When requesting the transmission, the web viewer server requests the transmission of the web content from the web server corresponding to the corresponding URL, receives the web content, parses and renders the received web content, converts the image data to the web viewer, and sends it to the web viewer. The viewer displays the web content in the form of the received image on the display unit.
여기서, 웹 콘텐츠는 웹페이지에 포함되는 모든 구성요소들을 포함하는 것으로서, 마크업 언어로 작성된 마크업페이지는 물론이고, 해당 마크업페이지에 경로가 포함되어 있는 이미지 파일, 자바스크립트 파일, 스타일시트 파일, 멀티미디어 파일 등을 모두 포함하는 개념이다. 즉, 사용자가 웹 브라우징 시에 디스플레이부를 통해 확인하는 웹페이지에 포함된 구성요소 전부를 웹 콘텐츠라 할 수 있다.Here, the web content includes all the components included in the web page, as well as a markup page written in a markup language, as well as an image file, a JavaScript file, and a style sheet file including a path to the markup page. , Multimedia files and so on. That is, all of the elements included in the web page that the user checks through the display unit when browsing the web may be referred to as web content.
이처럼 이동통신 단말기의 웹 뷰어는 일반적인 개인용 컴퓨터의 브라우저와는 달리, 웹페이지 등의 웹 콘텐츠에 포함된 HTML(Hyper Text Markup Language)와 같은 마크업 언어의 마크업태그를 자체적으로 해석하여 즉 파싱/렌더링 처리하여 해당 웹페이지 등을 디스플레이부에 표시하는 것이 아니라, 웹 뷰어 서버에서 이미 파싱/렌더링 처리 된 후에 이미지 형태로 변환된 웹페이지를 표시하면 되므로 그 기능이 단순하고 간단하여 큰 용량을 차지하지도 않을 뿐만 아니라 웹페이지 처리 속도도 빠르다는 장점이 있다.As such, the web viewer of the mobile communication terminal interprets the markup tag of the markup language such as HTML (Hyper Text Markup Language) included in the web content such as a web page by itself, unlike the browser of a personal computer. Instead of rendering and displaying the web page on the display, the web page that has already been parsed / rendered by the web viewer server and then converted into an image form can be displayed. Not only that, it also has the advantage of being able to process web pages faster.
그런데, 이러한 종래의 웹 뷰어에 수신되는 웹 페이지에 대응되는 이미지는 무선 통신 구간에서의 통신량 및 전송 속도 등을 고려하여 비교적 용량이 줄어든 상태에서 전송되게 되고 따라서 웹 뷰어 사용자가 이미지 형태의 웹 페이지의 일정 부분을 저장하는 경우 그 화질이 떨어져 사용자 불만이 되고 있다.However, the image corresponding to the web page received by the conventional web viewer is transmitted in a relatively reduced state in consideration of the communication amount and transmission speed in the wireless communication section, so that the web viewer user of the web page in the form of an image If you store a certain portion of the image quality is falling is a user complaints.
예를 들어 웹 뷰어 사용자가 이미지 형태의 웹 페이지에 포함된 특정 사진을 특정하여 저장하고자 하는 경우, 그 특정된 사진을 확대한다 하더라도 이미 수신된 이미지 형태의 웹 페이지 자체 용량이 크지 않기 때문에 확대된 이미지의 화질이 좋지 않게 되어 결국 저장된 사진에 대한 만족도가 떨어지게 되는 것이다.For example, if a web viewer user wants to save a specific picture included in an image-type web page, the enlarged image may not be large even if the specified picture is enlarged, because the web page itself is not large in size. The quality of the image is not good, and eventually the satisfaction with the stored picture is lowered.
본 발명은 상기한 종래의 문제점을 해결하기 위해 안출된 것으로서, 그 목적 은 이미지 형태의 웹 페이지를 처리하는 웹 뷰어에서 웹 페이지에 포함된 적어도 일부의 특정 영역을 캡처하여 저장하고자 하는 경우 그 저장/보관되는 이미지의 화질을 높일 수 있도록 하는 마크업 페이지에 대응되는 이미지를 저장하는 웹 브라우징 시스템 및 그 제어방법을 제공하는 것이다. SUMMARY OF THE INVENTION The present invention has been made to solve the above-mentioned conventional problems, and an object thereof is to store and store at least some specific areas included in a web page in a web viewer that processes a web page in the form of an image. The present invention provides a web browsing system for storing an image corresponding to a markup page for improving the quality of a stored image and a control method thereof.
상기한 목적을 달성하기 위해 본 발명에 따른 이미지 형태의 마크업 페이지를 처리하는 웹 뷰어와, 마크업 페이지를 제공하는 마크업 페이지 제공 서버와, 상기 마크업 페이지 제공 서버로부터 수신되는 마크업 페이지를 캡처하여 이미지로 변환한 후 상기 웹 뷰어로 전송하는 웹 뷰어 서버를 포함하는 웹 브라우징 시스템은, 이미지로 된 마크업 페이지를 디스플레이부에 표시한 상태에서 사용자의 이미지 저장 명령이 감지되면 상기 사용자에 의해서 선택된 범위에 대응되는 선택 범위 정보를 포함하는 이미지 저장 요청 신호를 상기 웹 뷰어 서버로 전송하고, 상기 이미지 저장 요청 신호에 따라 상기 웹 뷰어 서버로부터 수신되는 이미지 데이터를 저장하는 웹 뷰어와; 상기 웹 뷰어로부터 수신되는 이미지 저장 요청 신호로부터 선택 범위 정보를 추출하고, 상기 마크업 페이지 제공 서버로부터 수신된 마크업 페이지를 기초로 생성하여 상기 웹 뷰어로 전송한 마크업 페이지 캡처 이미지에서 상기 추출된 선택 범위 정보에 대응되는 영역을 추출하고, 상기 추출된 영역의 이미지 데이터를 상기 웹 뷰어로 전송하는 웹 뷰어 서버를 포함하여 구성된다.In order to achieve the above object, a web viewer for processing a markup page in the form of an image according to the present invention, a markup page providing server for providing a markup page, and a markup page received from the markup page providing server. The web browsing system including a web viewer server for capturing and converting the image into the image is transmitted by the user when the image storage command of the user is detected while displaying the image markup page on the display unit. A web viewer for transmitting an image storage request signal including selection range information corresponding to a selected range to the web viewer server and storing image data received from the web viewer server according to the image storage request signal; Selected range information is extracted from the image storage request signal received from the web viewer, and generated from the markup page captured image generated based on the markup page received from the markup page providing server and transmitted to the web viewer. And a web viewer server extracting a region corresponding to selection range information and transmitting image data of the extracted region to the web viewer.
또, 상기한 목적을 달성하기 위해 본 발명에 따른 이미지 형태의 마크업 페이지를 처리하는 웹 뷰어와, 마크업 페이지를 제공하는 마크업 페이지 제공 서버 와, 상기 마크업 페이지 제공 서버로부터 수신되는 마크업 페이지를 캡처하여 이미지로 변환한 후 상기 웹 뷰어로 전송하는 웹 뷰어 서버를 포함하는 웹 브라우징 시스템의 제어방법은, 상기 웹 뷰어가 상기 웹 뷰어 서버로부터 수신되는 이미지 형태의 마크업 페이지를 표시한 상태에서 사용자의 이미지 저장 명령이 감지되면 상기 사용자에 의해서 상기 디스플레이부 상에서 선택된 범위에 대응되는 선택 범위 정보를 포함하는 이미지 저장 요청 신호를 상기 웹 뷰어 서버로 전송하는 단계와; 상기 웹 뷰어 서버가 상기 웹 뷰어로부터 수신되는 이미지 저장 요청 신호로부터 선택 범위 정보를 추출하고, 상기 마크업 페이지 제공 서버로부터 수신된 마크업 페이지를 기초로 생성하여 상기 웹 뷰어로 전송한 마크업 페이지 캡처 이미지에서 상기 추출된 선택 범위 정보에 대응되는 영역을 추출하고, 상기 추출된 영역의 이미지 데이터를 상기 웹 뷰어로 전송하는 단계와; 상기 웹 뷰어가 상기 웹 뷰어 서버로부터 수신되는 이미지 데이터를 저장하는 단계를 포함하여 이루어진다.In addition, to achieve the above object, a web viewer for processing a markup page in the form of an image according to the present invention, a markup page providing server for providing a markup page, and a markup received from the markup page providing server. In a control method of a web browsing system including a web viewer server for capturing a page, converting the image into an image, and then transmitting the image to the web viewer, the web viewer displays a markup page in the form of an image received from the web viewer server. Transmitting an image storage request signal including selection range information corresponding to a range selected on the display unit by the user to the web viewer server when an image storage command of the user is detected by the user; The web viewer server extracts selection range information from the image storage request signal received from the web viewer, captures markup pages generated based on markup pages received from the markup page providing server, and transmitted to the web viewer. Extracting an area corresponding to the extracted selection range information from an image, and transmitting image data of the extracted area to the web viewer; And storing, by the web viewer, image data received from the web viewer server.
이상 설명한 바와 같이 본 발명에 따르면, 웹 뷰어 사용자는 웹 뷰어 서버로부터 수신되어 표시되는 이미지 형태의 마크업 페이지의 적어도 일부에 해당하는 영역의 이미지를 높은 질을 유지한 채로 웹 뷰어에 저장할 수 있다.As described above, according to the present invention, the web viewer user may store an image of an area corresponding to at least a portion of the markup page in the form of an image received and displayed from the web viewer server in the web viewer while maintaining high quality.
이하에서는 첨부도면을 참조하여 본 발명에 대해 상세히 설명한다.Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.
본 발명의 일 실시예에 따른 웹 브라우징 시스템은 도 1에 도시된 바와 같이 웹 뷰어(100), 웹 뷰어 서버(200), 마크업 페이지 제공 서버(300)를 포함하여 구성 된다.Web browsing system according to an embodiment of the present invention is configured to include a
마크업 페이지 제공 서버(300)는 인터넷 망(500)에 구비되어 마크업 태그를 포함하는 마크업 페이지를 제공하는 서버로서, 예를 들어 HTML(HyperText Markup Language)으로 작성된 웹 페이지를 제공하는 웹 서버일 수 있다.The markup
여기서, 본 실시예의 마크업 페이지 제공 서버(300)가 제공하는 마크업 페이지가 특정 마크업 언어로만 작성되는 것은 아니고, 그 이용되는 마크업 언어의 종류는 다양하게 변경 가능하다.Here, the markup page provided by the markup
웹 뷰어(100)는 일종의 이동통신 단말기로서, 사용자의 명령에 따라 마크업 페이지 요청 신호를 전송하고, 그 마크업 페이지 요청 신호에 따라 웹 뷰어 서버(200)로부터 수신되는 이미지 형태의 마크업 페이지를 디스플레이부(150)에 표시하는 방식으로 웹 브라우징을 수행한다.The
웹 뷰어(100)는 상술한 바와 같이 휴대폰, PDA(Personal Digital Assistant) 등 웹 브라우징을 위한 웹 브라우저가 탑재된 단말기는 모두 포함하고, 웹 뷰어(100)는 기지국(410)을 통해 이동통신망(400)과 신호를 송수신할 수 있다.As described above, the
또한, 웹 뷰어(100)는 웹 뷰어 서버(200)로부터 수신된 이미지 형태의 마크업 페이지를 LCD(Liquid Crystal Display) 등의 디스플레이부(150)에 표시한 상태에서 사용자의 이미지 저장 명령이 감지되면 그 사용자에 의해서 디스플레이부(150) 상에서 선택된 범위에 대한 정보(이하 '선택 범위 정보')를 포함하는 이미지 저장 요청 신호를 웹 뷰어 서버(200)로 전송하고, 그 이미지 저장 요청 신호에 따라 웹 뷰어 서버(200)로부터 수신되는 이미지 데이터를 저장하는 기능을 수행한 다.Also, when the
이러한 기능을 수행하는 웹 뷰어(100)의 기능 블록의 일 예가 도 2에 도시되었다.An example of a function block of the
동 도면에 도시된 바와 같이 웹 뷰어(100)는 통신 인터페이스부(110), 키 입력부(130), 디스플레이부(150), 저장부(140), 제어부(120)를 포함하여 구성된다.As shown in the figure, the
통신 인터페이스부(110)는 기지국(410)과 통신 채널을 생성하여 상호간 무선 통신 신호를 송수신하는 기능을 수행한다.The
키 입력부(130)는 복수 개의 키 버튼(미 도시함)을 구비하여 사용자가 소정 명령을 내리기 위해 조작할 수 있도록 구성될 수 있다. 또한 키 입력부(130)는 웹 뷰어(100)에 터치스크린이 구비되는 경우 터치스크린에 의한 입력을 감지하여 제어부(120)로 전달하는 기능을 수행할 수도 있다.The
저장부(140)는 웹 뷰어(100)의 각종 기능을 수행하기 위한 어플리케이션과 해당 어플리케이션의 실행에 따른 임시 데이터 등이 저장될 수 있는데, 예를 들어 플래시 메모리로 구성될 수 있다.The
디스플레이부(150)는 웹 뷰어(100)가 웹 브라우징을 수행할 때 이미지가 표시되는 곳으로서, 전력소모가 적은 LCD를 포함하여 구성될 수 있다.The
제어부(120)는 통신 인터페이스부(110)를 통해 수신되는 이미지 형태의 마크업 페이지를 처리하여 디스플레이부(150)에 표시되도록 제어하는 한편, 키 입력부(130)를 통한 사용자의 소정 명령을 해석하여 그 명령에 대응되는 기능을 수행한다.The
특히, 제어부(120)는 이미지 형태의 마크업 페이지가 디스플레이부(150)에 표시된 상태에서 사용자가 키 입력부(130) 조작을 통해 이미지 저장 명령을 내리면, 그 사용자에 의해서 특정된 범위의 이미지를 저장하기 위한 이미지 저장 요청 신호를 웹 뷰어 서버(200)로 전송한다.In particular, the
여기서 사용자에 의해서 특정된 범위는, 디스플레이부(150)상에 표시되는 이미지 형태의 마크업 페이지 중 사용자가 지정하는 특정 범위 또는 디스플레이부(150) 상에 표시되는 전체 범위 중 어느 하나일 수 있다.The range specified by the user may be any one of a specific range designated by the user or an entire range displayed on the
예를 들어 사용자가 디스플레이부(150)상에 표시되는 이미지 형태의 마크업 페이지 중 키 버튼을 이용하여 4각형 범위를 설정하는 경우에는 사용자의 의해 설정된 4각형 범위가 해당 특정 범위에 해당하고, 이렇게 특정 범위를 사용자가 설정하지 않은 경우에는 현재 디스플레이부(150)상에 표시되는 전체 범위가 특정 범위에 해당한다.For example, when the user sets a quadrangular range using a key button among markup pages of an image form displayed on the
제어부(120)는 상술한 바와 같이 특정 범위가 결정되면 해당 특정 범위에 대응되는 좌표값을 추출하고, 그 추출된 좌표값을 선택 범위 정보로 하여 이미지 저장 요청 신호에 포함시켜 웹 뷰어 서버(200)로 전송할 수 있다.When the specific range is determined as described above, the
여기서, 선택 범위 정보는 즉, 좌표값은 웹 뷰어 서버(200)로부터 수신된 마크업 페이지 캡처 이미지 중 현재 디스플레이부(150) 상에 표시되는 이미지 영역에 대응되는 4개의 좌표값일 수 있다.Here, the selection range information, that is, the coordinate values may be four coordinate values corresponding to the image area currently displayed on the
즉, 선택 범위 정보는 사용자가 웹 뷰어(100)에 수신된 마크업 페이지 캡처 이미지 중 어떠한 부분이 저장되기를 원하는지 웹 뷰어 서버(200)에 알리는 정보로 서, 후술하는 바와 같이 웹 뷰어 서버(200)는 선택 범위 정보를 이용하여 사용자가 저장하기를 원하는 마크업 페이지 캡처 이미지 상에서의 소정 범위를 특정하게 된다.That is, the selection range information is information informing the
한편, 웹 뷰어 서버(200)는 웹 뷰어(100)로부터 마크업 페이지 요청 신호가 수신되면 마크업 페이지 제공 서버(300)에 마크업 페이지를 요청하여 전송받고, 전송받은 마크업 페이지를 해석하여 이미지로 생성한다.Meanwhile, when the markup page request signal is received from the
마크업 페이지를 해석하여 이미지로 생성하는 과정은 마크업 페이지를 파싱 및 렌더링하여 소정의 디스플레이 장치에 표시되도록 한 후 해당 표시된 화면을 캡처하는 과정에 의해 이루어질 수 있다.The process of interpreting the markup page as an image may be performed by parsing and rendering the markup page to be displayed on a predetermined display device and capturing the displayed screen.
웹 뷰어 서버(200)는 이렇게 생성한 이미지 형태의 마크업 페이지를 웹 뷰어(100)로 전송한다. 이때 웹 뷰어 서버(200)는 캡처된 이미지 그 자체를 전송하는 것이 아니라 통신 속도 및 웹 뷰어(100)의 지원 해상도 등을 고려하여 용량을 대폭 줄인 웹 페이지 캡처 이미지를 웹 뷰어(100)로 전송한다.The
또한, 웹 뷰어 서버(200)는 마크업 페이지 제공 서버(300)로부터 이미지 저장 요청 신호가 수신되면 그 이미지 저장 요청 신호로부터 선택 범위 정보를 추출하고, 마크업 페이지 캡쳐 이미지에서 상기 추출된 선택 범위 정보에 대응되는 영역을 추출하고, 그 추출된 영역의 이미지 데이터를 웹 뷰어(100)로 전송한다.In addition, when the image storage request signal is received from the markup
이러한 기능을 수행하는 웹 뷰어 서버(200)의 기능 블록의 일 예가 도 3에 도시되었다.An example of a functional block of the
동 도면에 도시된 바와 같이 웹 뷰어 서버(200)는 통신 인터페이스부(210), 저장부(220), 통신 처리부(240), 특정 영역 추출부(260), 마크업 페이지 해석부(230), 이미지 생성부(250), 데이터 전송부(270)를 포함하여 구성된다.As shown in the figure, the
통신 인터페이스부(210)는 외부 네트워크와의 통신을 위해 구성된 것으로서, 특히 이동통신망(400)과 연동되는 웹 뷰어(100) 및 이동통신망(400)과 라우터(510)를 통해 연결되는 인터넷 망(500)의 마크업 페이지 제공 서버(300)와 통신을 수행한다.The
저장부(220)는 웹 뷰어 서버(200)의 기능을 위한 어플리케이션 및 기능 수행 중 발생하는 데이터가 임시 또는 고정적으로 저장된다.The
통신 인터페이스부(210) 및 저장부(220)는 기 공지된 구성에 해당하므로 보다 상세한 설명은 생략한다.Since the
통신 처리부(240)는 통신 인터페이스부(210)를 통해 수신되는 통신 신호에 따라 어떠한 기능이 수행되어야 하는지를 판단하여 대응되는 각 부로 해당 신호(요청 또는 메시지 등)를 전달하는 기능을 수행한다. 예를 들어 마크업 페이지 제공 서버(300)로부터 마크업 페이지가 수신된 경우에는 마크업 페이지 해석부(230)에 해당 마크업 페이지를 전달하고, 웹 뷰어(100)로부터 이미지 저장 요청 신호가 수신되면 해당 요청 신호를 특정 영역 추출부(260)에 전달하는 기능을 수행한다.The
마크업 페이지 해석부(230)는 마크업 페이지 제공 서버(300)로부터 수신되는 마크업 페이지를 해석하는 기능을 수행한다. 여기서 마크업 페이지를 해석한다는 것은 마크업 페이지를 파싱 및/또는 렌더링 처리하는 것을 포함한다.The
이미지 생성부(250)는 마크업 페이지 해석부(230)에 의해 파싱 및 렌더링 처 리된 마크업 페이지를 소정의 디스플레이 장치에 출력시킨 후 화면을 캡처하여 이미지 파일로 생성한 후 데이터 전송부(270)에 전달한다.The
물론 이미지 생성부(250)가 마크업 페이지에 대응되는 이미지를 생성하는 방법이 이에 한정되는 것은 아니다. 예를 들어 실제 디스플레이 장치에 출력시키지 않고 메모리 내에서의 연산에 의해 이루어질 수도 있다.Of course, the method of generating the image corresponding to the markup page by the
이미지 생성부(250)는 생성된 이미지(또는 이미지 파일)를 데이터 전송부(270)로 전달하기 전에 웹 뷰어(100)의 해상도 및 전송 효율을 높이기 위해 용량을 줄이는 이미지 변환 과정을 거칠 수 있다.The
특정 영역 추출부(260)는 웹 뷰어(100)로부터 수신되는 이미지 저장 요청 신호로부터 선택 범위 정보를 추출하고, 이미지 생성부(250)에서 생성된 마크업 페이지 캡처 이미지에서 상기 추출된 선택 범위 정보에 대응되는 영역을 추출하고, 해당 추출된 영역의 이미지(즉, 이미지 데이터)를 데이터 전송부(270)로 전달하는 기능을 수행한다.The
데이터 전송부(270)는 이미지 생성부(250)에 의해 생성된 이미지 또는 특정 영역 추출부(260)에 의해 추출된 이미지를 통신 인터페이스부(210)를 통해 웹 뷰어(100)로 전송하는 기능을 수행한다.The
여기서 이미지 생성부(250)에 의해 생성되는 이미지는 마크업 페이지 전체를 캡처한 이미지에 해당하고, 특정 영역 추출부(260)에 의해 추출된 이미지는 웹 뷰어(100) 사용자의 요청에 따라 이루어진 마크업 페이지 전체 캡처 이미지 중 적어도 일부에 대응되는 이미지에 해당한다.Here, the image generated by the
데이터 전송부(270)는 이미지 생성부(250)에 의해 생성된 이미지와 특정 영역 추출부(260)에 의해 생성된 이미지를 모두 동일한 프로토콜을 이용하여 웹 뷰어(100)로 전송할 수도 있지만, 이미지 생성부(250)에 의해 생성된 마크업 페이지 전체 캡처 이미지에 대해서는 TCP/IP(Transmission Control Protocol/Internet Protocol) 통신 방식에 의해서 전달하고, 특정 영역 추출부(260)에 의해 생성된 이미지에 대해서는 MMS(Multimedia Message Service) 방식으로 웹 뷰어(100)에 전달할 수도 있다.The
이하에서는 도 4를 참조하여 본 발명의 일 실시예에 따른 웹 브라우징 시스템의 제어흐름에 대해서 상세히 설명한다.Hereinafter, a control flow of a web browsing system according to an embodiment of the present invention will be described in detail with reference to FIG. 4.
우선, 웹 뷰어(100)는 사용자의 마크업 페이지 요청 명령을 감지하면 웹 뷰어 서버(200)에 마크업 페이지 요청 신호를 전송한다(단계 S1). 이때, 마크업 페이지 요청 신호에는 요청하는 마크업 페이지의 주소 예를 들어 URL(Uniform Resource Locator)이 포함될 수 있다.First, when the
웹 뷰어 서버(200)는 웹 뷰어(100)의 요청에 따라 마크업 페이지 제공 서버(300)에 마크업 페이지를 요청한다(단계 S3). 이 경우에도 역시 마크업 페이지의 URL이 이용될 수 있다.The
마크업 페이지 제공 서버(300)는 URL을 기초로 요청받은 마크업 페이지를 추출하여 웹 뷰어 서버(200)로 전송한다(단계 S5).The markup
웹 뷰어 서버(200)는 마크업 페이지 제공 서버(300)로부터 수신되는 마크업 페이지를 해석하여(단계 S7) 마크업 페이지에 대응되는 이미지를 생성한다(단계 S9). 마크업 페이지 제공 서버(300)로부터 수신되는 마크업 페이지의 일 예가 도 5에 도시되었다.The
도 5에 도시된 것은 마크업 페이지가 파싱 및 렌더링 처리되어 디스플레이부(150) 등에 표시된 상태를 나타낸 것이다. 즉, 웹 뷰어 서버(200)는 도 5에 도시된 바와 같은 화면을 캡처하여 이미지로 생성하는 것이다.5 shows a state where the markup page is parsed and rendered and displayed on the
이렇게 생성된 이미지를 이용하여 웹 뷰어 서버(200)는 웹 뷰어(100)의 해상도와 무선 통신 구간을 통한 전송 효율 등을 고려하여 적절한 크기로 이미지 사이즈를 줄이는 변환을 수행한다(단계 S11). 즉, 변환된 이미지는 원래의 캡처 이미지와 비교하여 용량은 줄어드는 대신 화질은 조금 떨어질 수 있다.Using the generated image, the
최종 변환된 이미지 형태의 마크업 페이지는 웹 뷰어 서버(200)로 전송되고(단계 S13), 웹 뷰어(100)는 수신된 이미지를 처리하여 디스플레이부(150)에 표시한다(단계 S15).The markup page in the form of the final converted image is transmitted to the web viewer server 200 (step S13), and the
웹 뷰어(100)의 디스플레이부(150)에 이미지 형태의 마크업 페이지가 표시된 일 예가 도 6에 도시되었다.An example of displaying a markup page in the form of an image on the
이처럼 웹 뷰어(100)에 표시되는 마크업 페이지는 이미지 형태에 불과한 것으로서 웹 뷰어(100)에서 파싱 등 마크업 페이지 해석과정이 수행되지 않더라도 표시 가능하다.As such, the markup page displayed in the
웹 뷰어(100)는 사용자의 화면의 확대/축소 기능(즉, 줌인/줌아웃 기능) 조작에 따라(단계 S17) 디스플레이부(150)에 표시되는 이미지 마크업 페이지를 확대 또는 축소하여(단계 S19) 사용자가 열람할 수도 있도록 한다.The
도 7에는 웹 뷰어(100)의 디스플레이부(150)에 표시되는 화면이 확대된 상태가 도시되었는데, 이처럼 웹 뷰어 서버(200)로부터 수신된 마크업 페이지 캡처 이미지 데이터는 그 용량이 적은편이어서 확대시 도 7과 같이 이미지가 선명하지가 않다. 즉, 확대된 상태의 이미지를 웹 뷰어(100) 자체에서 다시 캡처하여 저장해봐야 화질이 떨어지는 이미지가 저장될 뿐이다.7 illustrates an enlarged state of the screen displayed on the
이렇게 특정 이미지 영역을 줌인 한 상태에서 사용자의 이미지 저장 명령을 감지하면(단계 S21) 웹 뷰어(100)는 전체 마크업 페이지 캡처 이미지 중 현재 디스플레이부(150) 상에 표시되는 이미지의 좌표를 추출한다(단계 S23).When the user's image storage command is detected while zooming in a specific image area (step S21), the
즉, 도 7과 같이 확대되어 디스플레이부(150)에 표시되는 전체 범위가 도 6에 도시된 전체 마크업 페이지 캡처 이미지에서의 위치를 특정할 수 있는 좌표값(예를 들어 4각형에 해당하는 각 꼭짓점 좌표값)을 추출하는 것이다.That is, as shown in FIG. 7, the entire range displayed on the
웹 뷰어(100)는 이렇게 추출된 좌표값을 포함하는 이미지 저장 요청 신호를 웹 뷰어 서버(200)로 전송한다(단계 S25).The
웹 뷰어 서버(200)는 단계 S9에서 생성한 마크업 페이지 캡처 이미지에서 이미지 저장 요청 신호에 포함된 특정 좌표값에 대응되는 부분의 이미지를 추출한다(단계 S27). 예를 들어 도 8과 같이 이미지 저장 요청 신호에 포함된 4개의 좌표값을 이용하여 소정 범위를 특정하여 해당 부분의 이미지를 추출할 수 있다.The
여기서 웹 뷰어 서버(200)에 의해 추출되는 특정 범위의 이미지에 대해서는 단계 S11과 같은 변환 과정을 생략하거나 또는 변환하더라도 단계 S11에서의 변환과정보다는 이미지 용량을 덜 줄이는 방법을 통해 최대한 이미지 화질을 떨어뜨리 지 않도록 해야 한다. 그래야 웹 뷰어(100)에 저장되는 이미지의 화질에 대한 사용자 만족도를 높일 수 있다.In this case, for a specific range of images extracted by the
웹 뷰어 서버(200)는 추출된 특정 범위 이미지를 웹 뷰어(100)로 전송한다(단계 S29). 이때 웹 뷰어 서버(200)는 TCP/IP 방식 또는 MMS 방식 중 어느 하나의 방식으로 특정 범위 이미지를 웹 뷰어(100)로 전송할 수 있다.The
웹 뷰어(100)는 웹 뷰어 서버(200)로부터 수신된 특정 범위의 이미지를 저장한다(단계 S31).The
그리고 웹 뷰어(100)는 사용자로부터 도 9와 같이 메뉴를 통해 기 저장된 이미지 열람 요청을 감지하면(단계 S33) 도 10과 같이 요청된 이미지를 표시함으로써(단계 S35), 결과적으로 마크업 페이지 캡처 이미지 중 일부에 해당하는 이미지를 사용자가 저장했다가 추후 열람할 수 있도록 한다.When the
도 10에 도시된 이미지의 질은 도 7에 도시된 이미지의 질과는 차이가 있음을 확인할 수 있다.It can be seen that the quality of the image shown in FIG. 10 is different from the quality of the image shown in FIG. 7.
상기한 실시예에서는 선택 범위 정보로써 4개의 좌표값이 웹 뷰어(100)에서 웹 뷰어 서버(200)로 전달되는 것을 일예로 하였으나, 전체 마크업 페이지 캡처 이미지에서 사용자에 의해 선택되는 영역을 특정 지을 수 있는 방법이라면 어떠한 것도 가능하다.In the above-described embodiment, four coordinate values are transmitted from the
예를 들어 웹 뷰어(100)에서는 현재 디스플레이부(150) 상에 표시되는 영역의 중심 위치의 좌표값을 웹 뷰어 서버(200)로 전송하고, 웹 뷰어 서버(200)에서는 해당 중심 좌표값을 기준으로 웹 뷰어(100)의 화면 크기 등을 고려한 사이즈에 대 응되는 특정 범위의 이미지를 전체 마크업 페이지 캡처 이미지에서 추출하여 웹 뷰어(100)로 전송할 수도 있다.For example, the
한편, 본 발명은 상기한 특정 실시예에 한정되는 것이 아니라 본 발명의 요지를 벗어나지 않는 범위 내에서 여러 가지로 변형 및 수정하여 실시할 수 있는 것이다. 이러한 변형 및 수정이 첨부되는 특허청구범위에 속한다면 본 발명에 포함된다는 것은 자명할 것이다. On the other hand, the present invention is not limited to the above specific embodiments, but can be modified and modified in various ways without departing from the gist of the present invention. It will be apparent that such variations and modifications are included in the present invention as long as they belong to the appended claims.
도 1은 본 발명의 일 실시예에 따른 웹 브라우징 시스템이 개략 구성도이고,1 is a schematic configuration diagram of a web browsing system according to an embodiment of the present invention;
도 2는 도 1의 웹 뷰어의 기능 블록도이고,2 is a functional block diagram of the web viewer of FIG.
도 3은 도 1의 웹 뷰어 서버의 기능 블록도이고,3 is a functional block diagram of the web viewer server of FIG.
도 4는 본 발명의 일 실시예에 따른 웹 브라우징 시스템의 제어흐름도이고,4 is a control flowchart of a web browsing system according to an embodiment of the present invention,
도 5는 도 4의 웹 뷰어 서버가 수신한 마크업 페이지의 일 예이고,5 is an example of a markup page received by the web viewer server of FIG. 4.
도 6은 도 4의 웹 뷰어에 마크업 페이지가 전송되어 표시된 상태를 나타낸 것이고,FIG. 6 illustrates a state in which a markup page is transmitted to and displayed on the web viewer of FIG. 4.
도 7은 도 4의 웹 뷰어에서 사용자가 줌인 기능을 이용하여 화면을 확대한 상태를 나타낸 도면이고,FIG. 7 is a diagram illustrating a state in which the user enlarges the screen using the zoom in function in the web viewer of FIG. 4.
도 8은 도 4의 웹 뷰어 서버에서 웹 뷰어의 요청에 따라 마크업 페이지 캡처 이미지 중 특정 범위를 추출하는 상태를 나타낸 도면이고,8 is a diagram illustrating a state in which a specific range is extracted from a markup page capture image according to a request of a web viewer in the web viewer server of FIG. 4.
도 9는 도 4의 웹 뷰어에서 기 저장된 이미지를 열람하기 위한 메뉴 화면을 나타낸 도면이고,FIG. 9 is a diagram illustrating a menu screen for reading pre-stored images in the web viewer of FIG. 4.
도 10은 도 9에서 사용자가 선택한 기 저장된 이미지가 도시된 상태를 나타낸 도면이다.FIG. 10 is a diagram illustrating a state in which a pre-stored image selected by a user is illustrated in FIG. 9.
* 도면의 주요 부분에 대한 부호의 설명* Explanation of symbols for the main parts of the drawings
100 : 웹 뷰어 200 : 웹 뷰어 서버100: web viewer 200: web viewer server
300 : 마크업 페이지 제공 서버 400 : 이동통신망300: markup page providing server 400: mobile communication network
410 : 기지국 500 : 인터넷망410: base station 500: Internet network
510 : 라우터 110, 210 : 통신 인터페이스부510:
120 : 제어부 130 : 키 입력부120: control unit 130: key input unit
140, 220 : 저장부 150 : 디스플레이부140, 220: storage unit 150: display unit
230 : 마크업 페이지 해석부 240 : 통신 처리부230: markup page analysis unit 240: communication processing unit
250 : 이미지 생성부 260 : 특정 영역 추출부250: image generator 260: specific region extraction unit
270 : 데이터 전송부270: data transmission unit
Claims (6)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020080073690A KR20100012347A (en) | 2008-07-28 | 2008-07-28 | Web browsing system for saving image corresponding a markup page and control method thereof |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020080073690A KR20100012347A (en) | 2008-07-28 | 2008-07-28 | Web browsing system for saving image corresponding a markup page and control method thereof |
Publications (1)
Publication Number | Publication Date |
---|---|
KR20100012347A true KR20100012347A (en) | 2010-02-08 |
Family
ID=42086584
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020080073690A KR20100012347A (en) | 2008-07-28 | 2008-07-28 | Web browsing system for saving image corresponding a markup page and control method thereof |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR20100012347A (en) |
-
2008
- 2008-07-28 KR KR1020080073690A patent/KR20100012347A/en not_active Application Discontinuation
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP3890241B2 (en) | Information processing system and information processing method | |
US20080184128A1 (en) | Mobile device user interface for remote interaction | |
JP5335632B2 (en) | Web page browsing system, server, web page browsing method and program | |
JP2012043140A (en) | Web page browsing system and relay server | |
KR20120079416A (en) | Method and apparatus for sharing contents service of web page and thereof system | |
JP2011070481A (en) | Web browser transmission server and operation control method thereof | |
US20140059444A1 (en) | Method, apparatus and system for remote browsing | |
US20030177445A1 (en) | System for describing markup language for mobile use, and information processing apparatus and program for generating display content | |
JP2011243146A (en) | Relay server and its program, web site browsing system, web site browsing method, and application program | |
JP2007233659A (en) | Information distribution system for network service | |
KR20030095868A (en) | Web-contents display apparatus and method in mobile communication terminal such as pda | |
JP2012032943A (en) | Website browsing system, server, program for server and website browsing support method | |
EP2146291A1 (en) | Method and system for providing interface of web page | |
US20130080583A1 (en) | Image processing apparatus, method of controlling the same, and storage medium | |
JP4432866B2 (en) | WWW browser, HTML page sharing system, and HTML page sharing method | |
JP2011028387A (en) | Image delivery system, image delivery device, image delivery method, and program | |
US20120089895A1 (en) | Mobile terminal device and recording medium | |
KR101001512B1 (en) | System for transmitting/receiving contents connected in link structure in internet page and control method thereof, and browsing apparatus used in the system | |
US20080228856A1 (en) | Information processing device detecting operation, electronic equipment and storage medium storing a program related thereto | |
JP2002073466A (en) | Bulletin board system and posting method for small terminal | |
KR20100012347A (en) | Web browsing system for saving image corresponding a markup page and control method thereof | |
KR101432309B1 (en) | Web viewer server and control method thereof, system for providing markup page comprising the web viewer server and control method thereof | |
KR100884174B1 (en) | Method of providing preview window in mobile web browsing environment | |
KR100919585B1 (en) | System for transmitting/receiving web contents and control method thereof | |
KR100932607B1 (en) | Web content transmission and reception system and control method thereof, mobile communication terminal used in the system and control method thereof |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
WITN | Withdrawal due to no request for examination |