KR20070034341A

KR20070034341A - 원격 사용자 인터페이스를 제공하는 장치 및 방법

Info

Publication number: KR20070034341A
Application number: KR1020050088926A
Authority: KR
Inventors: 전구
Original assignee: 삼성전자주식회사
Priority date: 2005-09-23
Filing date: 2005-09-23
Publication date: 2007-03-28
Also published as: US20070073730A1; CN101268674B; EP1927234A1; CN101268674A; EP1927234B1; KR100772861B1; WO2007035053A1; EP1927234A4; US8260843B2

Abstract

본 발명은 웹 브라우저를 이용하여 이미지 기반의 원격 사용자 인터페이스를 제공하는 장치 및 방법에 관한 것으로서, 본 발명의 실시에 따른 원격 사용자 인터페이스를 제공하는 서버는 동적 이미지를 제공하는 UI 어플리케이션과, 상기 동적 이미지가 갱신된 경우, 갱신된 이미지에 대한 이미지 갱신 이벤트를 클라이언트로 전달하는 서버 통신 모듈 및 상기 클라이언트로부터 상기 이벤트에 대응하는 요청을 수신하고, 상기 수신한 요청에 대응하여 상기 갱신된 이미지를 상기 클라이언트로 전달하는 HTTP 서버를 포함한다.

원격 사용자 인터페이스, 동적 이미지 갱신

Description

원격 사용자 인터페이스를 제공하는 장치 및 방법{Apparatus and method for providing remote user interface}

도 1은 종래의 기술에 따라 HTML을 이용하여 원격 사용자 인터페이스를 제공하기 위한 시스템을 나타내는 예시도이다.

도 2는 종래의 기술에 따라 동적 이미지 갱신(dynamic image update)을 이용하여 원격 사용자 인터페이스를 제공하기 위한 시스템을 나타내는 예시도이다.

도 3은 본 발명의 일 실시예에 따라 원격 사용자 인터페이스를 제공하기 위한 시스템을 나타내는 예시도이다.

도 4는 본 발명의 일 실시예에 따라 원격 사용자 인터페이스에 최초 이미지를 제공하는 과정을 나타내는 플로우차트이다.

도 5는 본 발명의 일 실시예에 따라 원격 사용자 인터페이스에 갱신된 이미지를 제공하는 과정을 나타내는 플로우차트이다.

도 6은 본 발명의 다른 실시예에 따라 원격 사용자 인터페이스를 제공하기 위한 시스템을 나타내는 예시도이다.

< 도면의 주요 부분에 대한 설명 >

300: 원격 사용자 인터페이스 제공 시스템 310: 원격 UI 서버

312: UI 어플리케이션 314: UI 서버

316: HTTP 서버 318: 서버 통신 모듈

330: 원격 UI 클라이언트 332: 브라우저 모듈

334: 클라이언트 모듈

본 발명은 원격 사용자 인터페이스(remote user interface)(이하, '원격 UI'라고 칭하기로 한다)를 제공하는 것에 관한 발명으로서, 보다 상세하게는 웹 브라우저를 이용하여 이미지 기반의 원격 UI를 제공하는 장치 및 방법에 관한 것이다.

일반적으로 원격 UI라는 것은 A 기기(device)가 B 기기(device)에 의해 제공하는 UI를 유선 또는 무선으로 연결된 네트워크를 통하여 수신하고, A기기를 사용하고 있는 사용자에게 B기기로부터 수신한 UI를 제공하는 경우, A기기 측에서 볼 때에 상기 UI는 원격 UI가 되는 것이다.

이러한 원격 UI의 적용 예로서는 홈 네트워크를 들 수 있다.

즉, 디지털 TV, 냉장고, 셋탑 박스, 오디오 시스템을 포함하는 홈 네트워크에 있어서, 사용자는 디지털 TV를 통해 다른 가전 기기를 제어할 수 있는데, 이 때 사용자가 다른 가전 기기를 제어하고자 하는 경우에는 해당하는 가전 기기에 적합한 UI를 이용하는 것이 편리하다.

이를 위해, 각각의 가전 기기는 자신의 UI를 제공하여 디지털 TV의 화면에 표시하게 되고, 사용자는 화면에 표시된 UI, 즉 원격 UI를 이용하여 해당하는 가전 기기를 제어할 수 있는 것이다.

이렇게 원격 UI를 제공하는 방법으로서, 종래에는 HTML(Hypertext Markup Language)을 이용하는 방법과, 동적 이미지 갱신(dynamic image update)을 이용하는 방법이 있다.

도 1을 참조하면, HTML 기반의 원격 UI 시스템은 원격 UI 서버(110)와 원격 UI 클라이언트(130)를 포함한다.

이 때, 원격 UI 서버(110)는 UI 어플리케이션(112)과 HTTP(Hypertext Transfer Protocol) 서버(114)를 포함하고, 원격 UI 클라이언트(130)는 웹 브라우저(132)를 포함한다.

원격 UI 서버(110)는 표시할 HTML 데이터를 가지고 있으며 HTML 데이터에는 문자를 비롯하여 각종 이미지들이 포함될 수 있다.

웹 브라우저(132)로 원격 UI 서버(110)의 HTML 페이지를 표시하는 경우에, 웹 브라우저(132)는 원격 UI 서버(110)에 대해 'http://192.168.0.1/index.html'과 같은 형식의 URL(Uniform Resource Locator)을 이용하여 HTML 페이지를 요청하게 된다.

원격 UI 클라이언트(130)로부터 상기 HTTP 요청(HTTP request)을 받은 원격 UI 서버(110)는 기존에 저장되어 있거나 혹은 UI 어플리케이션(112)에 의해 동적으로 생성된 초기 HTML 파일을 HTTP 응답(HTTP response)를 통해 원격 UI 클라이언트 (130)의 웹 브라우저(132)에게 전송한다.

웹 브라우저(132)는 받은 초기 HTML 파일을 해석하여 원격 UI 클라이언트(130) 화면에 표시하게 된다.

이러한 HTML 파일을 이용하여 홈 네트워크에 연결된 기기들의 UI를 표시할 수 있게 된다. 예를 들어, 셋탑 박스가 EPG(Electronic Program Guide)화면을 HTML 파일의 형태로 가지고 있는 경우에, 우선 EPG라는 메뉴를 선택할 수 있도록 되어 있는 index.html 파일을 DTV의 웹 브라우저를 통해 표시하고, 사용자가 리모콘 등으로 EPG라는 메뉴를 선택하면 해당 부분에 링크되어 있는 EPG.html 파일을 불러와서 HTML로 구성된 EPG를 사용자에게 표시하게 된다. 이 때, 셋탑 박스는 원격 UI 서버(110)에 대응하고, DTV는 원격 UI 클라이언트(130)에 대응한다.

도 2를 참조하면, 종래의 원격 UI 시스템은 원격 UI 서버(210)와 원격 UI 클라이언트(230)를 포함한다.

이 때, 원격 UI 서버(210)는 UI 어플리케이션(212)과 UI 서버(214)를 포함하고, 원격 UI 클라이언트(230)는 UI 클라이언트(232)를 포함한다.

UI 서버(214)와 UI 클라이언트(232)는 서로 약속된 프로토콜을 통하여 통신한다.

원격 UI 서버(210)의 UI 어플리케이션(212)은 UI 화면의 일부가 변경될 필요가 있을 때마다 UI 서버(214)를 통하여 원격 UI 클라이언트(230)의 UI 클라이언트 (232)로 변경된 부분의 이미지를 JPG, 비트맵 등의 형태로 전송한다. 이 때, 이미지가 표시될 좌표와 넓이에 대한 정보도 함께 전송된다. 즉, (150,100) 좌표에 가로 100, 세로 200 크기의 이미지를 표시하라는 메시지와 함께 JPG 형태의 이미지 데이터가 전송될 수 있는 것이다.

만일 도 1에서와 같이 HTML을 이용하여 원격 UI를 표시하는 경우에는, 사용자의 반응 등이 HTML 페이지 내에서 일어나고, 텍스트 정보가 포함된 화면을 적은 데이터만으로도 전송할 수 있기 때문에 네트워크의 용량을 적게 차지하며 인터넷 상의 서버에 적용하기가 용이하다는 장점이 있다. 그러나 동적으로 화면의 전체 또는 일부분의 이미지가 변화하는 UI를 표시한다든가, 서버 측에서 일어난 서버의 상태 변화를 클라이언트에 바로 반영하여 화면에 표시하기가 어렵다는 단점이 있다.

또한, 도 2에서와 같이 동적으로 이미지를 갱신하는 경우에는, 서버 측에서 동적으로 다양하게 변화하는 UI를 클라이언트 측에 바로 갱신시켜 줄 수 있으므로 동적인 UI 표시에 유리하지만, 고속의 네트워크가 아닌 인터넷 상의 서버 등에 적용하기엔 어렵다는 단점이 있다.

또한 예컨대 홈 네트워크 상에 위와 같은 두 가지 방식으로 구성된 기기들이 혼재할 경우에 다른 방식을 사용하는 장치 사이에서는 UI　호환성 문제가 발생될 수도 있게 된다.

본 발명은 타 기기 혹은 인터넷 서버로부터 HTML로 구성되는 UI 데이터를 수신하여 표시할 수 있는 웹 브라우저를 내장한 원격 UI 클라이언트에서 동적으로 갱 신되는 이미지를 제공하는 원격 UI 서버의 데이터도 표시할 수 있는 시스템을 제공하는 것을 목적으로 한다.

본 발명의 목적은 이상에서 언급한 목적으로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 당업자에게 명확하게 이해될 수 있을 것이다.

상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 원격 사용자 인터페이스를 제공하는 서버는 동적 이미지를 제공하는 UI 어플리케이션과, 상기 동적 이미지가 갱신된 경우, 갱신된 이미지에 대한 이미지 갱신 이벤트를 클라이언트로 전달하는 서버 통신 모듈 및 상기 클라이언트로부터 상기 이벤트에 대응하는 요청을 수신하고, 상기 수신한 요청에 대응하여 상기 갱신된 이미지를 상기 클라이언트로 전달하는 HTTP 서버를 포함한다.

또한, 상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 원격 사용자 인터페이스를 제공하는 클라이언트는 사용자에게 원격 UI를 표시하는 브라우저 모듈 및 상기 원격 UI를 제공하는 서버로부터 상기 원격 UI 내에 있는 이미지가 갱신되었다는 이벤트 발생을 전달받아 상기 브라우저 모듈에게 알리는 클라이언트 통신 모듈을 포함하는데, 상기 브라우저 모듈은 상기 이벤트 발생에 따라 상기 서버로 상기 갱신된 이미지를 요청하고, 상기 갱신된 이미지를 상기 원격 UI에 표시한다.

또한, 상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 원격 UI 프록시 서버는 원격 UI를 제공하는 서버로부터 상기 UI 내에 있는 갱신된 이미지를 수 신하는 제어 모듈과, 상기 갱신된 이미지에 대한 이벤트 발생을 상기 원격 UI를 사용자에게 표시하는 클라이언트로 전달하는 중계 통신 모듈 및 상기 클라이언트로부터 상기 이벤트에 대응하는 요청을 수신하고, 상기 수신한 요청에 대응하여 상기 갱신된 이미지를 상기 클라이언트로 전달하는 HTTP 서버를 포함한다.

또한, 상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 원격 사용자 인터페이스를 제공하는 방법은 사용자에게 표시되는 원격 UI 내의 이미지가 갱신된 경우, 상기 갱신된 이미지에 대한 이미지 갱신 이벤트를 클라이언트로 전달하는 (a) 단계와, 상기 클라이언트로부터 상기 이벤트에 대응하는 요청을 수신하는 (b) 단계 및 상기 수신한 요청에 대응하여 상기 갱신된 이미지를 상기 클라이언트로 전달하여 상기 원격 UI 내에 상기 갱신된 이미지가 표시되도록 하는 (c) 단계를 포함한다.

또한, 상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 원격 사용자 인터페이스를 제공하는 방법은 사용자에게 원격 UI를 표시하는 (a) 단계와, 상기 원격 UI를 제공하는 서버로부터 상기 원격 UI 내에 있는 이미지가 갱신되었다는 이벤트 발생을 전달받는 (b) 단계와, 상기 이벤트 발생에 따라 상기 서버로 상기 갱신된 이미지를 요청하는 (c) 단계 및 상기 요청된 이미지를 수신하여 상기 원격 UI에 표시하는 (d) 단계를 포함한다.

기타 실시예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다.

이하, 본 발명의 실시예들에 의한 또한, 원격 사용자 인터페이스를 제공하는 장치 및 방법을 설명하기 위한 블록도 또는 처리 흐름도에 대한 도면들을 참고하여 본 발명에 대해 설명하도록 한다. 이 때, 처리 흐름도 도면들의 각 블록과 흐름도 도면들의 조합들은 컴퓨터 프로그램 인스트럭션들에 의해 수행될 수 있음을 이해할 수 있을 것이다. 이들 컴퓨터 프로그램 인스트럭션들은 범용 컴퓨터, 특수용 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있으므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 인스트럭션들이 흐름도 블록(들)에서 설명된 기능들을 수행하는 수단을 생성하게 된다. 이들 컴퓨터 프로그램 인스트럭션들은 특정 방식으로 기능을 구현하기 위해 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 지향할 수 있는 컴퓨터 이용 가능 또는 컴퓨터 판독 가능 메모리에 저장되는 것도 가능하므로, 그 컴퓨터 이용가능 또는 컴퓨터 판독 가능 메모리에 저장된 인스트럭션들은 흐름도 블록(들)에서 설명된 기능을 수행하는 인스트럭션 수단을 내포하는 제조 품목을 생산하는 것도 가능하다. 컴퓨터 프로그램 인스트럭션들은 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에 탑제되는 것도 가능하므로, 컴퓨터 또 는 기타 프로그램 가능한 데이터 프로세싱 장비 상에서 일련의 동작 단계들이 수행되어 컴퓨터로 실행되는 프로세스를 생성해서 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 수행하는 인스트럭션들은 흐름도 블록(들)에서 설명된 기능들을 실행하기 위한 단계들을 제공하는 것도 가능하다.

또한, 각 블록은 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 인스트럭션들을 포함하는 모듈, 세그먼트 또는 코드의 일부를 나타낼 수 있다. 또, 몇 가지 대체 실행예들에서는 블록들에서 언급된 기능들이 순서를 벗어나서 발생하는 것도 가능함을 주목해야 한다. 예컨대, 잇달아 도시되어 있는 두 개의 블록들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.

도 3을 참조하면, 원격 UI를 제공하는 시스템(300)은 원격 UI 서버(310)와 원격 UI 클라이언트(330)을 포함한다.

이 때, 원격 UI 서버(310)는 UI 어플리케이션(312), UI 서버(314), HTTP 서버(316) 그리고 서버 통신 모듈(318)을 포함한다. 또한, 원격 UI 클라이언트(330)는 브라우저 모듈(332) 및 클라이언트 통신 모듈(334)을 포함한다.

이 때, 본 실시예에서 사용되는 '모듈'이라는 용어는 소프트웨어 또는 FPGA또는 ASIC과 같은 하드웨어 구성요소를 의미하며, 모듈은 어떤 역할들을 수행한다. 그렇지만 모듈은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. 모듈은 어 드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 모듈은 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라버들, 펌웨어, 마이크로코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들, 및 변수들을 포함한다. 구성요소들과 모듈들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 모듈들로 결합되거나 추가적인 구성요소들과 모듈들로 더 분리될 수 있다. 뿐만 아니라, 구성요소들 및 모듈들은 디바이스 또는 보안 멀티미디어카드 내의 하나 또는 그 이상의 CPU들을 재생시키도록 구현될 수도 있다.

UI 어플리케이션(312)은 사용자에게 제공될 UI를 생성하고, HTTP 서버(316)는 웹 브라우저를 갖는 클라이언트와의 통신을 수행한다. 또한, 서버 통신 모듈(318)은 UI 어플리케이션(312)에 의해 갱신된 동적인 이미지를 사용자에게 제공하기 위하여 원격 UI 클라이언트(330)와의 통신을 수행한다.

UI 서버(314)는 UI 어플리케이션(312), HTTP 서버(316) 그리고 서버 통신 모듈(318)의 제어를 담당한다.

브라우저 모듈(332)은 HTML 파일을 제공하는 HTTP 서버 또는 웹 서버와의 통신을 수행하고, 브라우저를 통해 사용자에게 UI를 제공한다. 그리고, 클라이언트 통신 모듈(334)은 동적으로 갱신되는 이미지를 사용자에게 제공하기 위하여 서버 통신 모듈(318)과의 통신을 수행한다.

이하, 원격 UI 서버(310)와 원격 UI 클라이언트(330) 사이의 동작 과정을 도 4 및 도 5를 기초로 구체적으로 설명하기로 한다.

우선, 원격 UI 서버(310)와 원격 UI 클라이언트(330)가 연결되면, 원격 UI 클라이언트(330)의 브라우저 모듈(332)은 원격 UI 서버(310)의 HTTP 서버(316)에 대하여 초기 페이지를 요청한다(S410). 이 때, 초기 페이지에 해당하는 파일의 이름을 'index.html'이라고 칭하기로 한다.

이 때, HTTP 서버(316)는 상기 요청에 대하여 'index.html' 파일을 브라우저 모듈(332)로 전달한다.

그리고, 브라우저 모듈(332)은 상기 'index.html' 파일의 내용을 해석하여 클라이언트 통신 모듈(334)이라는 객체를 호출하여 통신 채널 확보와 같은 초기화를 시작한다.

이 때, 클라이언트 통신 모듈(334)은 원격 UI 서버(310)의 서버 통신 모듈(318)과의 통신 채널을 확보하기 위한 동작을 수행한다. 이러한 동작의 예로서, TCP 통신에서와 같이 클라이언트 통신 모듈(334)이 서버 통신 모듈(318)에 대하여 소켓(socket) 연결을 요청하면(S425) 서버 통신 모듈(318)은 소켓 연결 응답을 함으로써 통신 채널을 확보할 수 있게 된다(S430). 예컨대, 클라이언트 통신 모듈(334)은 원격 UI 서버(310)의 지정된 TCP 포트 (예컨대, TCP 포트는 '192.168.0.3:9001'와 같이 표현될 수 있다)에 연결하여 통신 채널을 확보할 수 있 다.

그리고 나서, 클라이언트 통신 모듈(334)은 초기화 응답을 브라우저 모듈(332)로 전달한다(S435).

브라우저 모듈(332)에서는 상기 'index.html' 파일의 본문(body)을 실행하고, HTTP 서버(316)에 대하여 전체 화면에 대한 이미지 파일을 요청한다(S440). 이 때, 전체 화면에 대한 이미지 파일의 이름을 'whole.jpg'이라고 칭하기로 한다.

HTTP 서버(316)는 상기 요청에 대하여 UI 어플리케이션(312)에게 상기 'whole.jpg' 파일을 요청하고(S445), UI 어플리케이션(312)은 상기 'whole.jpg' 파일을 HTTP 서버(316)에게 제공한다(S450). 이 때, UI 서버(314)는 UI 어플리케이션(312)과 HTTP 서버(316) 사이의 통신을 담당하게 된다.

HTTP 서버(316)가 'whole.jpg' 파일을 브라우저 모듈(332)로 전달하면, 브라우저 모듈(332)에 의해 'whole.jpg' 파일이 UI에 해당하는 브라우저의 화면 전체에 표시된다.

만일 원격 UI 서버(310)의 UI 어플리케이션(312)이 현재 사용자에게 제공되고 있는 화면의 일부분을 갱신하게 되면, UI 어플리케이션(312)이 UI 서버(314)를 통하여 서버 통신 모듈(318)에 이미지가 갱신되었음을 알려 준다(S510). 이 때, 갱신된 이미지의 위치 정보도 같이 알려주게 된다. 이러한 위치 정보로서, X-Y 좌표값을 이용할 수 있다. 예컨대, 갱신된 이미지의 좌측 위쪽 모서리의 좌표를 알려줄 수 있다.

서버 통신 모듈(318)은 클라이언트 통신 모듈(334)과 통신하여 이미지가 갱신되었다는 이벤트 정보와 갱신된 위치 정보를 전달한다(S520).

이에 대하여 클라이언트 통신 모듈(334)은 동적으로 갱신된 이미지를 수신하여 사용자에게 제공하기 위한 동작을 수행하게 되는데, 이러한 동작의 예로서, 클라이언트 통신 모듈(334)은 콜백 함수(callback function)을 호출할 수 있다. 예컨대, 클라이언트 통신 모듈(334)은 초기 페이지(index.html) 내에 콜백(callback)으로 등록된 자바스크립트 함수(javascript function)를 호출한다(S530).

이러한 콜백 함수를 포함하는 초기 페이지(index.html)의 예는 다음과 같다. 여기에서 콜백 함수는 'Comm_onDataArrival' 함수이다.

<HTML>

<HEAD>

</EMBED>

</OBJECT>

<SCRIPT LANGUAGE=JavaScript event=DataArrival for=Comm> // Event Callback 등록

<!--

Comm_onDataArrival()

-->

</SCRIPT>

<!--

Comm.InitCommunication("192.168.0.3:9001");

function Comm_onDataArrival()

{

var eventData;

eventData = Comm.GetData();

if (eventData.Type == 0x01) // '0x01'이　이미지 갱신의　이벤트 타입(event type)인　경우

{

updateImage(eventData.x,eventData.y); //x와　y는　Image가　표시될　좌표값

}

function updateImage(x,y)

{

var dd=document.createElement("div");

updateArea.appendChild(dd);//div 영역을　생성하여　현재　페이지　위에　겹침

dd.innerHTML='<IMG src="update.jpg"

style=position:absolute;left: ' +x+';top: '+y+'>';//update.jpg를　표시

count+=1;

if(count>256)

// 이미지를 계속 덧그리게 되면 경우에 따라 자원 부족 등이 일어날 수 있다.

{

Comm.CloseCommunication();

　　　　　document.reload(); // 일정 횟수 이상 이미지가 쌓였으면 전체 이미지를 다시 받는다

}

-->

</SCRIPT>

<BODY>

<IMG src="whole.jpg" stype=position:absolute;left:0;top:0> // 전체 화면 이미지

</BODY>

</HTML>

클라이언트 통신 모듈(334)에 의해 Comm_onDataArrival() 함수가 호출되면, Comm_onDataArrival() 함수에서 이벤트의 타입과 추가적인 데이터 (x, y 좌표)를 얻어온다. 그리고 나서, updateImage() 함수가 호출되어 동적(dynamic) HTML 구문을 통해 이미지를 덧그릴 영역을 생성한다.

한편, 브라우저 모듈(332)는 HTTP 서버(316)에 대하여 갱신된 이미지(여기에서는 'update.jpg' 파일)를 요청하고(S540), HTTP 서버(316)는 UI 서버(314)를 통하여 UI 어플리케이션(312)에게 상기 갱신된 이미지를 요청한다(S550).

UI 어플리케이션(312)은 상기 요청에 대하여 갱신된 이미지 파일을 UI 서버(314)를 통하여 HTTP 서버(316)로 전달하고(S560), HTTP 서버(316)는 상기 갱신된 이미지 파일을 브라우저 모듈(332)로 전달한다(S570).

브라우저 모듈(332)은 현재의 HTML 페이지 위에 생성된 div 영역에 상기 갱신된 이미지 파일(update.jpg 파일)을 x, y 좌표에 맞춰 덧그린다. 이 때, 너무 많은 이미지를 덧그린 경우 페이지 전체를 갱신하여 초기화한다.

한편, S520 단계에서 원격 UI 서버(310)가 이미지 갱신 이벤트를 발생시킨 후, 브라우저 모듈(332)이 갱신된 이미지를 받아가기 전에 또 다른 이미지 갱신 이벤트가 발생되는 경우, 원격 UI 서버(310)는 현재의 'update.jpg' 파일을 원격 UI 클라이언트(330)가 받아가기까지 기다렸다가 다음 갱신 이벤트를 발생시킨다.

또한, 원격 UI 서버(310)는 자신의 판단으로 여러 개의 이미지 갱신 이벤트 를 모아서 한 번에 큰 영역의 이미지 갱신 이벤트로 전달할 수도 있다.

도 6을 참조하면, 시스템(600)은 원격 UI 서버(610), 원격 UI 프록시(proxy) 서버(630) 그리고 원격 UI 클라이언트(650)를 포함한다.

이 때, 원격 UI 서버(610)는 UI 어플리케이션(612)가 UI 서버(614)를 포함하는데, 이는 도 3에 도시한 UI 어플리케이션(312)가 UI 서버(314)에 대응한다. 그리고 원격 UI 서버(610)는 도 3에서 도시한 원격 UI 서버(310)와는 달리 HTTP 서버 기능이 없는, 동적인 UI를 생성하는 서버이다.

또한, 원격 UI 클라이언트(650)는 도 3에 도시한 원격 UI 클라이언트(330)에 대응하고 브라우저(652)를 통하여 사용자에게 UI를 제공한다.

원격 UI 프록시(proxy) 서버(630)는 원격 UI 서버(610)와 원격 UI 클라이언트(650)를 중계해 주는 역할을 한다.

즉, 원격 UI 서버(610)는 HTTP 서버 기능이 없기 때문에 UI 어플리케이션(612)에 의해 이미지가 갱신되더라도 이를 원격 UI 클라이언트(650)로 직접 전달할 수 없으므로, 원격 UI 프록시(proxy) 서버(630)가 원격 UI 서버(610)로부터 갱신된 이미지를 수신하여 원격 UI 클라이언트(650)로 전달하는 것이다.

원격 UI 프록시(proxy) 서버(630)는 제어 모듈(632), HTTP 서버(634) 그리고 중계 통신 모듈(636)을 포함한다.

제어 모듈(632)은 갱신된 이미지 및 갱신된 이미지의 위치 정보를 원격 UI 서버(610)의 UI 서버(614)로부터 전달받아 중계 통신 모듈(636)로 전달한다.

중계 통신 모듈(636)은 브라우저(652)에 의해 제공되는 HTML 파일 내에 이미지가 갱신되었음을 클라이언트 통신 모듈(654)에게 알리고, 클라이언트 통신 모듈(654)은 다시 브라우저(652)에게 이미지 갱신이 발생하였음을 알려 준다.

브라우저(652)는 HTTP 서버(634)에 대하여 갱신된 이미지를 요청하면, HTTP 서버(634)는 중계 통신 모듈(636)이 수신한 갱신된 이미지 및 갱신된 이미지의 위치 정보를 브라우저(652)에게 전달한다.

한편, HTTP 서버(634)는 원격 UI 서버(610)에 의해 생성된 원격 UI와 갱신된 이미지 및 갱신된 이미지의 위치 정보를 제어 모듈(632)로부터 전달받아 원격 UI 클라이언트(650)로 전달할 수 있다.

이상 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.

본 발명을 따르게 되면, 웹 브라우저에서도 동적인 이미지를 제공함으로써 HTML 기반의 UI 표시 방법을 보다 넓게 활용할 수 있는 효과가 있다.

Claims

소정의 동적 이미지를 제공하는 UI 어플리케이션;

상기 동적 이미지가 갱신된 경우, 갱신된 이미지에 대한 이미지 갱신 이벤트를 클라이언트로 전달하는 서버 통신 모듈; 및

상기 클라이언트로부터 상기 이벤트에 대응하는 요청을 수신하고, 상기 수신한 요청에 대응하여 상기 갱신된 이미지를 상기 클라이언트로 전달하는 HTTP 서버를 포함하는 원격 UI 서버.
제1항에 있어서,

상기 HTTP 서버는 상기 클라이언트로 상기 갱신된 이미지의 위치 정보를 전달하는 원격 UI 서버.
제2항에 있어서,

상기 위치 정보는 X-Y 좌표를 포함하는 원격 UI 서버.
제1항에 있어서,

상기 UI 어플리케이션은 상기 동적 이미지를 포함하고 사용자에게 제공되는 원격 UI를 생성하며,

상기 HTTP 서버는 상기 생성된 원격 UI를 상기 클라이언트로 전달하는 원격 UI 서버.
제4항에 있어서,

상기 원격 UI는 HTML 형식을 따르는 원격 UI 서버.
사용자에게 원격 UI를 표시하는 브라우저 모듈; 및

상기 원격 UI를 제공하는 서버로부터 상기 원격 UI 내에 있는 이미지가 갱신되었다는 이벤트 발생을 전달받아 상기 브라우저 모듈에게 알리는 클라이언트 통신 모듈을 포함하는데,

상기 브라우저 모듈은 상기 이벤트 발생에 따라 상기 서버로 상기 갱신된 이미지를 요청하고, 상기 갱신된 이미지를 상기 원격 UI에 표시하는 원격 UI 클라이언트.
제6항에 있어서,

상기 브라우저 모듈은 상기 서버로부터 상기 갱신된 이미지의 위치 정보를 전달받아 상기 위치 정보에 따라 상기 갱신된 이미지를 표시하는 원격 UI 클라이언트.
제7항에 있어서,

상기 위치 정보는 X-Y 좌표를 포함하는 원격 UI 클라이언트.
제6항에 있어서,

상기 원격 UI는 HTML 형식을 따르는 원격 UI 클라이언트.
원격 UI를 제공하는 서버로부터 상기 원격 UI 내에 있는 갱신된 이미지를 수신하는 제어 모듈;

상기 갱신된 이미지에 대한 이벤트 발생을 상기 원격 UI를 사용자에게 표시하는 클라이언트로 전달하는 중계 통신 모듈; 및

상기 클라이언트로부터 상기 이벤트에 대응하는 요청을 수신하고, 상기 수신한 요청에 대응하여 상기 갱신된 이미지를 상기 클라이언트로 전달하는 HTTP 서버를 포함하는 원격 UI 프록시 서버.
제10항에 있어서,

상기 HTTP 서버는 상기 클라이언트로 상기 갱신된 이미지의 위치 정보를 전달하는 원격 UI 프록시 서버.
제11항에 있어서,

상기 위치 정보는 X-Y 좌표를 포함하는 원격 UI 프록시 서버.
제10항에 있어서,

상기 HTTP 서버는 상기 원격 UI를 상기 클라이언트로 전달하는 원격 UI 프록시 서버.
제13항에 있어서,

상기 원격 UI는 HTML 형식을 따르는 원격 UI 프록시 서버.
사용자에게 표시되는 원격 UI 내의 이미지가 갱신된 경우, 상기 갱신된 이미지에 대한 이미지 갱신 이벤트를 클라이언트로 전달하는 (a) 단계;

상기 클라이언트로부터 상기 이벤트에 대응하는 요청을 수신하는 (b) 단계; 및

상기 수신한 요청에 대응하여 상기 갱신된 이미지를 상기 클라이언트로 전달하여 상기 원격 UI 내에 상기 갱신된 이미지가 표시되도록 하는 (c) 단계를 포함하는 원격 UI를 제공하는 방법.
제15항에 있어서,

상기 (a) 단계는 상기 클라이언트로 상기 갱신된 이미지의 위치 정보를 전달하는 단계를 포함하는 원격 UI를 제공하는 방법.
제16항에 있어서,

상기 위치 정보는 X-Y 좌표를 포함하는 원격 UI를 제공하는 방법.
제15항에 있어서,

상기 원격 UI는 HTML 형식을 따르는 원격 UI를 제공하는 방법.
사용자에게 원격 UI를 표시하는 (a) 단계;

상기 원격 UI를 제공하는 서버로부터 상기 원격 UI 내에 있는 이미지가 갱신되었다는 이벤트 발생을 전달받는 (b) 단계;

상기 이벤트 발생에 따라 상기 서버로 상기 갱신된 이미지를 요청하는 (c) 단계; 및

상기 요청된 이미지를 수신하여 상기 원격 UI에 표시하는 (d) 단계를 포함하는 원격 UI를 제공하는 방법.
제19항에 있어서,

상기 원격 UI는 HTML 형식을 따르는 원격 UI를 제공하는 방법.