KR20020061296A - Application and method of displaying information of flash-data, and medium where the application program recorded - Google Patents
Application and method of displaying information of flash-data, and medium where the application program recorded Download PDFInfo
- Publication number
- KR20020061296A KR20020061296A KR1020010002261A KR20010002261A KR20020061296A KR 20020061296 A KR20020061296 A KR 20020061296A KR 1020010002261 A KR1020010002261 A KR 1020010002261A KR 20010002261 A KR20010002261 A KR 20010002261A KR 20020061296 A KR20020061296 A KR 20020061296A
- Authority
- KR
- South Korea
- Prior art keywords
- information display
- information
- flash data
- image
- flash
- Prior art date
Links
Classifications
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
Description
본 발명은 플래시플레이어(Macromedia flash-player)의 개발키트(SDK; Software Development Kit)와 비쥬얼 씨(Visual C++ 6.0)를 이용하여 플래시의 이미지를 브라우저 밖에서도 표현될 수 있도록 하며, 동시에, 애니메이션 캐릭터 등 플래시 이미지를 구성하는 요소를 제외한 배경부분 등 특정 영역은 디스플레이되지 않도록 하므로써 웹브라우저 또는 단말기 바탕화면(데스크탑)상에서 이동가능 영역을 극대화하는 정보를 제공하면서도 웹브라우저상의 웹페이지를 가리는 부분을 최소화하도록 하는 플래시데이터를 이용하는 정보표시 애플리케이션과 정보표시 방법 및 그 애플리케이션 프로그램이 기록된 기록매체(컴퓨터로 읽을 수 있는 기록매체)에 대한 것이다.The present invention uses the development kit (SDK; Software Development Kit) and Visual C (Visual C ++ 6.0) of the flash player (Macromedia flash-player) to be able to express the image of the flash from outside the browser, at the same time, animated characters, etc. By minimizing the display of certain areas, such as the background, except for the elements that make up the flash image, it provides information that maximizes the movable area on the web browser or the desktop of the device. An information display application using flash data, an information display method, and a recording medium (a computer-readable recording medium) on which the application program is recorded.
플래시플레이어(Flash Player)는 매크로미디어(Macromedia)사에서 만든 멀티미디어 컨텐트 제작 및/또는 재생도구로서, Mpeg나 Avi와 같은 비트맵 방식이 아니라 벡터(Vector) 이미지 방식을 사용한다.Flash Player is a multimedia content creation and / or playback tool made by Macromedia, and uses a vector image method rather than a bitmap method such as Mpeg or Avi.
여기서, 벡터 이미지 방식이란 이미지를 픽셀 단위로 표현하는 방식이 아니라 수학적 방식에 의해 표현하는 방식으로서, 비트맵 방식과 비교했을 때 파일크기에서 큰 차이를 가져온다. 즉, 비트맵 방식에서는 이미지의 크기를 크게 할 수록 파일크기가 비례해서 상당히 증가하지만 플래시에서는 같은 이미지의 크기를 크게 하든 작게 하든 큰 영향을 미지치 않는다. 이는 플래시의 경우 각 비트마다 값을기록하는 것이 아니라 벡터 이미지 포맷으로 이미지의 해당 영역 각각의 외곽선 데이터와 색상데이터를 이용하기 때문이다.Here, the vector image method is a method of representing an image by a mathematical method rather than a pixel unit, and a large difference in file size is compared with a bitmap method. In other words, in the bitmap method, as the size of the image increases, the file size increases proportionally, but in Flash, the size of the same image is not significantly increased. This is because, in the case of the flash, the value of each bit of the image is used as the outline data and the color data in the vector image format rather than recording the value for each bit.
또한, 플래시는 자체적으로 사운드 재생을 위해 Wav파일을 가져오기(import)한 후 Mp3포맷으로 변형시키므로 사운드에 의한 크기 증가를 감소시킨다.In addition, the flash itself imports the Wav file for sound reproduction and converts it to the Mp3 format, thereby reducing the size increase caused by the sound.
그러나, 기존의 플래시는 브라우저 또는 플래시플레이어 윈도우 내에서만 표현되는 이미지만을 지원하므로써 정보의 전달방법이 웹페이지에 고정된 배너광고같이 그다지 다채롭지 못하고 단말기 전체 영역을 디스플레이 영역으로 자유롭게 이동하는 역동적인 이미지의 전달방법으로 활용하지 못하는 한계가 있었다.However, the existing flash only supports images that are expressed only within the browser or flash player window, so the information transmission method is not as colorful as the banner advertisement fixed on the web page. There was a limit that could not be used as a delivery method.
상술한 한계를 극복하기 위한 본 발명은, 플래시 개발키트(SDK)와 프로그래밍 툴인 비쥬얼 씨(Visual C++ 6.0)를 이용하여 플래시의 이미지를 웹브라우저 밖에서도 표현될 수 있도록 하는 액티브한 정보 표시 방법을 제시하는 것을 목적으로 한다.The present invention for overcoming the above limitations, by using a Flash development kit (SDK) and a programming tool Visual C (6.0 C) proposes an active information display method to be able to represent the image of the flash from outside the web browser It aims to do it.
그리고, 본 발명은 웹브라우저 밖에서도 표현되는 플래시 이미지의 구성요소(애니메이션 캐릭터 등)를 제외한 배경부분과 같은 특정 영역은 디스플레이되지 않도록 투명하게 처리하는 정보 표시 방법을 제공하는 것을 목적으로 한다.Another object of the present invention is to provide an information display method of transparently processing a specific area such as a background portion except for a component (animation character, etc.) of a flash image that is expressed outside a web browser.
또한, 본 발명은 디스플레이할 플래시 이미지를 반투명하게 처리하므로써 사용자의 웹서핑을 방해하지 않고 다양한 용도의 정보 제공이 가능한 정보 표시 방법을 제공하는 것을 목적으로 한다.In addition, an object of the present invention is to provide an information display method capable of providing information for various purposes without interrupting the user's web surfing by processing the flash image to be displayed translucently.
또한, 본 발명은 정보표시 애플리케이션이 기록된 기록매체를 제공하는 것을 목적으로 한다.It is also an object of the present invention to provide a recording medium on which an information display application is recorded.
도1a는 기존의 플래시플레이어(SDK)를 이용하여 웹브라우저 내에서 애니메이션을 디스플레이 하는 예시도.Figure 1a is an exemplary view of displaying an animation in a web browser using a conventional flash player (SDK).
도1b는 기존의 플래시플레이어를 이용하여 플래시플레이어 윈도우 내에서 애니메이션을 디스플레이 한 예시도.Figure 1b is an exemplary view showing an animation in a flash player window using a conventional flash player.
도2는 본 발명에 따라 개발된 정보표시 애플리케이션 프로그램(이하, 정보표시 애플리케이션)을 구현하는 개념도.2 is a conceptual diagram for implementing an information display application program (hereinafter, referred to as an information display application) developed in accordance with the present invention.
도3a는 본 발명에 따른 정보 표시방법의 흐름도.3A is a flowchart of an information display method according to the present invention;
도3b는 본 발명에 따른 정보 표시방법의 정보표시단계의 세부 흐름도.3B is a detailed flowchart of the information display step of the information display method according to the present invention;
도4는 기존의 플래시플레이어의 소스코드 일부.Figure 4 is a part of the source code of the existing flash player.
도5는 위 도4의 소스코드에 추가되는 정보표시 애플리케이션 코드의 일부.Figure 5 is a part of the information display application code added to the source code of Figure 4 above.
도6a 내지 도6c는 본 발명에 따라 개발된 정보표시 애플리케이션에 추가되는 새로운 코드(함수)의 일부.6A-6C illustrate some of the new code (functions) added to the information display application developed in accordance with the present invention.
도7a, 도8a, 도9a는 본 발명에 따라 개발된 정보표시 애플리케이션에 의해 정보를 인터넷상에서 디스플레이 하기 위한 구동스크립트의 실시예.7A, 8A and 9A illustrate embodiments of a drive script for displaying information on the Internet by an information display application developed in accordance with the present invention.
도7b는 위 도7a의 구동스크립트와 정보표시 애플리케이션에 의해 플래시데이터(멀티미디어 정보)의 특정 이미지 영역(캐릭터영역)을 브라우저 밖으로 디스플레이 하는 정보표시의 예시도.FIG. 7B is an illustration of an information display for displaying a specific image area (character area) of flash data (multimedia information) out of the browser by the drive script and information display application of FIG. 7A above;
도8b는 위 도8a의 구동스크립트와 정보표시 애플리케이션에 의해 플래시데이터를 반투명한 이미지로 만들어 브라우저 밖으로 디스플레이 하는 정보표시의 예시도이고, 도8c는 반투명한 이미지의 다른 예시도.FIG. 8B is an exemplary view of an information display for making the flash data into a translucent image and displaying it out of the browser by the driving script and the information display application of FIG. 8A, and FIG. 8C is another exemplary view of the translucent image.
도9b는 위 도9a의 구동스크립트와 정보표시 애플리케이션에 의해 플래시데이터의 이미지 영역을 모두 보존한 채 브라우저 밖으로 디스플레이 하는 정보표시의 예시도.FIG. 9B is an exemplary view of information display displayed out of the browser while preserving all image areas of the flash data by the drive script and information display application of FIG. 9A above; FIG.
*** 도면의 주요부분에 대한 부호설명 ****** Explanation of main parts of drawing ***
21. 플래시데이터(SWF) 다운로드모듈21. Flash Data Download Module
23. 윈도우모양 변경모듈23. Window shape change module
25. 구동스크립트를 위한 메소드 및 속성25. Methods and Properties for Driven Scripts
330. 정보표시 애플리케이션 설치단계330. Information Display Application Installation Step
360. 정보표시 애플리케이션 실행(정보표시)단계360. Running Information Display Application (Information Display)
3604. 배경색상 변경단계3604. Changing the Background Color
3610. 배경이외의 영역(캐릭터영역) 기록단계3610. Out of Background (Character Area) Recording Steps
3612. 기록된 영역(캐릭터영역)으로 윈도우 변경단계3612. Change window to recorded area (character area)
3614. 변경된 윈도우에 원본 비트맵이미지 출력(display)단계3614. Displaying the Original Bitmap Image in the Modified Window
본 발명에 따른 플래시데이터를 이용하는 정보표시 애플리케이션과 정보표시 방법 및 그 애플리케이션 프로그램이 기록된 기록매체는 다음과 같은 점을 특징으로 한다.An information display application using the flash data according to the present invention, an information display method, and a recording medium on which the application program is recorded are characterized as follows.
먼저, 플래시데이터를 이용하는 정보표시 애플리케이션에 있어서, 멀티미디어 정보의 플래시 이미지 중 특정 영역을 선별하여 상기 특정 영역에 해당하는 원본 이미지 또는 상기 원본 이미지의 반투명 이미지를 단말기에 디스플레이하는 정보제공단계를 포함하는 것을 특징으로 한다.First, an information display application using flash data, comprising: providing an information providing step of selecting a specific region of a flash image of multimedia information and displaying a source image corresponding to the specific region or a translucent image of the original image on a terminal; It features.
그리고, 플래시데이터를 이용하는 정보표시 방법에 있어서, 플래시데이터로 구성되는 멀티미디어 정보가 제공되는 사이트의 웹페이지(HTML)에 구동스크립트를 추가하는 단계와; 상기 구동스크립트에 따라 정보표시 애플리케이션(xFlash)이 단말기에 설치되어 있는지 여부를 판단하고, 설치되지 않은 경우에는 상기 정보표시 애플리케이션을 설치하는 단계와; 상기 구동스크립트의 메서드에 의해 제공할 정보인 플래시데이터의 경로(URL)를 설정하는 단계와; 상기 경로(URL)에 따라 플래시데이터를 전송받고 상기 정보표시 애플리케이션을 실행하여 플래시 이미지 중 특정 영역의 이미지로 구성되는 정보를 상기 단말기 모니터에 디스플레이하는 정보제공단계를; 포함한다.An information display method using flash data, the method comprising: adding a driving script to a web page (HTML) of a site to which multimedia information consisting of flash data is provided; Determining whether an information display application (xFlash) is installed in the terminal according to the driving script, and if not, installing the information display application; Setting a path (URL) of flash data which is information to be provided by the method of the driving script; An information providing step of receiving flash data according to the path (URL) and executing the information display application to display information, which comprises an image of a specific region of a flash image, on the terminal monitor; Include.
본 발명에 따른 플래시데이터를 이용하는 정보표시 애플리케이션 및/또는 정보표시 방법에 있어서, 상기 정보표시 애플리케이션은 윈도우모양 변경모듈을 포함하며, 상기 윈도우모양 변경모듈은, 플래시윈도우를 플래시데이터의 특정 이미지 영역과 동일한 영역의 윈도우로 변경하여 상기 특정 이미지 영역이 디스플레이되도록 한다.In an information display application and / or information display method using flash data according to the present invention, the information display application includes a window shape changing module, wherein the window shape changing module is configured to convert a flash window into a specific image area of the flash data. The specific image area is displayed by changing to a window of the same area.
그리고, 상기 윈도우모양 변경모듈은, 제공할 정보인 플래시데이터의 특정 이미지 영역 이외의 부분을 상기 플래시데이터의 구성 프레임마다 일정한 색상으로 변경하는 단계와; 상기 프레임의 비트맵이미지의 색상을 픽셀단위로 읽는 검사단계와; 상기 검사단계에서 읽은 픽셀의 색상이 상기 변경된 색상인 경우 다음 픽셀을 읽고, 상기 변경된 색상이 아닌 경우 상기 픽셀 영역을 기록하는 단계와; 상기 프레임의 픽셀을 모두 읽은 경우 기록된 영역을 합집합하여 윈도우영역으로 설정하는 윈도우모양 변경단계와; 상기 윈도우모양 변경단계에서 변경된 윈도우 영역에 상기 프레임의 원본 이미지롤 출력(display)시키는 이미지출력단계를; 포함한다.The window shape changing module may include changing a portion other than a specific image area of flash data, which is information to be provided, to a predetermined color for each frame of the flash data; A checking step of reading the color of the bitmap image of the frame in units of pixels; Reading a next pixel when the color of the pixel read in the inspection step is the changed color, and recording the pixel area when the color is not the changed color; A window shape changing step of combining the recorded areas into a window area when all the pixels of the frame are read; An image output step of displaying an original image roll of the frame on the window area changed in the window shape change step; Include.
그리고, 상기 이미지출력단계는, 상기 원본 이미지를 반투명 이미지로 변경하여 디스플레이 하거나 원본 이미지와 반투명 이미지간 상호 전환이 가능하다.In the image output step, the original image is converted into a translucent image and displayed or a mutual switching between the original image and the translucent image is possible.
또한, 상기 정보표시 애플리케이션은 플래시데이터 다운로드모듈을 포함하며, 상기 플래시데이터 다운로드모듈은, 인터넷망 또는 기타 데이터통신망을 통하여 상기 단말기 사용자의 요청에 따라 플래시데이터의 다운로드를 수행하거나, 상기 단말기의 유휴전송대역을 통한 전송방식 또는 웹페이지데이터와 플래시데이터의 순차적 전송방식을 이용하여 상기 플래시데이터를 전송받는다.In addition, the information display application includes a flash data download module, wherein the flash data download module downloads flash data at the request of the terminal user through an internet network or other data communication network, or idle transfers of the terminal. The flash data is transmitted using a transmission method through a band or a sequential transmission method of web page data and flash data.
그리고, 상기 플래시데이터 다운로드모듈은, 상기 플래시데이터가 디스플레이되는 해당 웹페이지 뿐만 아니라 상기 해당 웹페이지 이외의 웹페이지가 상기 단말기에 브라우징 또는 디스플레이 되더라도 상기 단말기의 유휴전송대역을 이용하여 상기 플래시데이터를 미리 전송받는다. 그리고, 상기 플래시데이터 다운로드모듈은, 전송받은 상기 플래시데이터를 디스플레이 되기 전에 미리 프리캐싱(pre-caching)하거나 프리버퍼링(pre-buffering)한다.The flash data download module may preview the flash data by using an idle transmission band of the terminal even if a web page other than the web page as well as the web page on which the flash data is displayed is browsed or displayed on the terminal. Receive. The flash data download module may pre-caching or pre-buffer the flash data before being displayed.
따라서, 상기한 단말기의 유휴전송대역을 이용하거나 순차적 전송방식을 활용한 플래시데이터 수신방식과 프리캐싱/프리버퍼링 방식을 통하여 플래시데이터의 전송과 디스플레이가 반드시 동시에 일어나는 것이 아니라 이원화될 수 있는 것이다. 즉, 디스플레이전에 미리 데이터를 수신하여 프리캐싱/프리버퍼링 하고 이를 이용하여 디스플레이 하므로써 데이터전송과 디스플레이 모두 효율적으로 이뤄질 수 있는 것이다.Therefore, the flash data transmission and display are not necessarily simultaneously performed but dualized by using the flash data reception method and the precaching / pre-buffering method using the idle transmission band of the terminal or the sequential transmission method. In other words, both data transmission and display can be efficiently performed by receiving data in advance before display, precaching / prebuffering, and displaying the data.
또한, 상기 플래시데이터 다운로드모듈은, 상기 단말기의 유휴전송대역을 이용하여 로그 정보를 특정 서버로 전송한다.In addition, the flash data download module transmits log information to a specific server using an idle transmission band of the terminal.
그리고, 상기 로그 정보는, 상기 단말기에서 디스플레이 된 정보(플래시데이터)의 종류, 정보표시 시작시각, 정보표시 실행시간, 사용자 정보, 또는, 디스플레이 중 사용자의 마우스나 키보드를 통한 입력이나 마이크를 통한 음성입력에 의한 반응 정보 중 하나 이상이다.The log information may include a type of information (flash data) displayed on the terminal, an information display start time, an information display execution time, user information, or an input through a user's mouse or keyboard or a voice through a microphone during display. One or more of the response information by input.
그리고, 본 발명에 따른 플래시데이터를 이용하는 정보표시 애플리케이션 및/또는 정보표시 방법에 따라 제공되는 상기 멀티미디어 정보는, 인터넷 통신 또는 기타 유무선 데이터 통신 브라우저에 수반되는 뉴스, 게임, 애니메이션, 교육, 의료정보 관련 컨텐츠, 또는, 상품광고 또는 쇼핑채널광고, 또는 웹사이트 도우미(website-agent)이거나, 이메일(E-mail)에 수반되는 상기한 컨텐츠 또는 광고인 것을 특징으로 한다.In addition, the multimedia information provided according to the information display application and / or information display method using the flash data according to the present invention is related to news, games, animation, education, medical information accompanying the Internet communication or other wired and wireless data communication browser Content, or a product advertisement or a shopping channel advertisement, or a website-agent (website-agent), or the above-mentioned content or advertisement accompanying an email (E-mail) is characterized in that the.
한편, 본 발명에 따른 플래시데이터를 이용하는 정보표시 방법에 있어서, 상기 구동스크립트는, 상기 정보표시 애플리케이션(xFlash) 및/또는 상기 플래시데이터를 제공하는 서버의 위치정보(URL)를 포함한다.On the other hand, in the information display method using the flash data according to the present invention, the drive script includes the information display application (xFlash) and / or location information (URL) of the server for providing the flash data.
그리고, 상기 구동스크립트는, 상기 단말기의 마우스나 키보드 입력 또는 마이크 음성입력을 통한 이벤트를 수행하거나, 상기 플래시 이미지의 디스플레이 시퀀스 및/또는 사운드를 제어하는 것을 특징으로 한다.The driving script may perform an event through a mouse or keyboard input or a microphone voice input of the terminal, or control a display sequence and / or sound of the flash image.
한편, 본 발명에 따른 플래시데이터를 이용하는 정보표시 애플리케이션 및/또는 정보표시 방법을 기록한 기록매체는, 디스플레이 할 정보인 플래시데이터의 특정 이미지 영역을 선정하는 이미지영역선정단계와; 상기 이미지영역선정단계에서 선정된 이미지 영역을 윈도우영역으로 설정하는 윈도우 변경단계와; 변경된 윈도우 영역에 원본 이미지 또는 반투명 이미지를 출력(display)시키는 단계를; 포함하여 플래시데이터 중 특정 영역의 이미지로 구성되는 정보표시를 수행하는 플래시데이터를 이용하는 정보표시 애플리케이션 프로그램 및/또는 정보표시 방법이 기록된 기록매체인 것을 특징으로 한다. 그리고, 상기 기록매체는 컴퓨터로 읽을 수 있는 씨디롬(CD-ROM), 플로피 디스크(FD) 또는 기타 컴퓨터로 읽을 수 있는 형태의 매체로 이루어 진다.On the other hand, the recording medium recording the information display application and / or information display method using the flash data according to the present invention comprises: an image area selection step of selecting a specific image area of the flash data as information to be displayed; A window changing step of setting the image area selected in the image area selecting step as a window area; Displaying an original image or a translucent image in the changed window area; And an information display application program and / or information display method using the flash data for performing information display comprising an image of a specific region of the flash data. The recording medium may be a computer readable CD-ROM, a floppy disk FD, or other computer readable media.
< 용어의 정의 ><Definition of terms>
본 발명에 있어서, 정보표시 애플리케이션이라고 함은, 매크로미디어사의 플래시 개발키트(SDK)를 비쥬얼 씨(Visual C++ 6.0)를 이용하여 개발한 애플리케이션(application) 프로그램으로서, 플래시의 이미지를 각종 브라우저의 영역 밖에서도 표현될 수 있도록 하며, 제공하고자 하는 멀티미디어 정보(예: 애니메이션)중 전달하고자 하는 이미지(예: 애니메이션의 캐릭터 등 이미지 구성요소)를 제외한 배경부분과 부라우저나 윈도우의 프레임 등은 디스플레이 되지 않도록 하므로써 웹페이지를 가리는 부분을 최소화하고, 상기 플래시의 이미지를 반투명하게도 처리할 수 있으며 마우스로 드래그할 수도 있도록 하는 애플리케이션이다. 이러한 정보표시 애플리케이션은 구동스크립트를 상기 정보를 제공하고자 하는 해당 웹사이트의 웹페이지에 삽입하므로써 웹상에서 실행할 수 있으며, 상기 정보표시 애플리케이션 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체를 통하여 로컬 컴퓨터 등 단말기상에서 독립적인 애플리케이션(application) 프로그램으로 동작할 수 도 있다. 이하에서는, 상기 정보표시 애플리케이션이 단말기상에 설치됨에 따라 생성되는 인스턴스(instance) 아이디를 엑스플래시(xFlash)라고 붙이기로 한다. 그리고, 상기 엑스플래시(xFlash)는 상기 정보표시 애플리케이션 자체를 의미하는 용어로 쓰일 수도 있다.In the present invention, the information display application is an application program developed by Macromedia Inc.'s Flash Development Kit (SDK) using Visual C ++ 6.0. Also, out of the multimedia information (e.g. animation) to be provided, the background part except the image (e.g. image element such as animation character) and browser or window frame are not displayed. It is an application that minimizes the part covering the page, can process the image of the flash semi-transparently, and can also drag with the mouse. Such an information display application can be executed on the web by inserting a driving script into a web page of a corresponding website to provide the information, and can be executed on a terminal such as a local computer through a computer-readable recording medium recording the information display application program. It can also run as a standalone application program. Hereinafter, an instance ID generated as the information display application is installed on the terminal will be referred to as xFlash. The x flash may also be used as a term meaning the information display application itself.
이와 같이, 정보표시 애플리케이션을 이용하여 개발자의 아이디어에 따라 다양하고 액티브한 형태의 정보를 표시할 수 있고, 쇼핑몰 등 웹사이트 구축이나 게임 제작, 애니메이션 제작 및 온라인 광고, 웹사이트 도우미(Website-agent) 등 여러 목적으로 활용될 수 있다.In this way, the information display application can be used to display a variety of active forms according to the developer's ideas, building a website such as a shopping mall, game production, animation production and online advertising, website helper (Website-agent) It can be used for many purposes.
그리고, 상기한 정보표시 애플리케이션을 통하여 제공하고자 하는 멀티미디어 정보 중 디스플레이 할 특정 이미지 영역의 대표적인 예로 애니메이션의 캐릭터를 예로 들며, 상기 애니메이션 캐릭터 이외의 부분, 즉, 투명하게 디스플레이시킬 영역을 배경(background)이라 칭하기로 한다. 애니메이션이 디스플레이 되는 플래시플레이어 윈도우의 타이틀바, 메뉴바, 윈도우프레임 부분들도 디스플레이 되지 않도록 한다는 측면에서 상기 배경에 속한다고 볼 수 있다.A representative example of a specific image area to be displayed among multimedia information to be provided through the information display application is an example of an animation character, and a portion other than the animation character, that is, an area to be displayed transparently is called a background. It will be called. The title bar, menu bar, and window frame portions of the flash player window in which the animation is displayed may be considered as belonging to the background.
그리고, 통신이라 함은 인터넷과 PC통신 등을 포함한 데이터 통신을 의미하며, 본 발명은 대표적으로 인터넷을 예로 하나, 모든 유무선 데이터 통신상에 동일한 발명 사상으로 적용될 수 있다.The term “communication” refers to data communication including the Internet and PC communication, and the present invention may be applied to the same invention on all wired and wireless data communications.
그리고, 상기 통신을 가능케 하는 통신프로그램으로는 인터넷 통신 또는 기타 유선 및/또는 무선 데이터통신용 프로그램(브라우저)을 통칭한다. 이후 통신프로그램으로는 인터넷 익스플로러와 같은 웹브라우저를 실시예로 든다.As the communication program that enables the communication, a program (browser) for internet communication or other wired and / or wireless data communication is collectively referred to. Since the communication program, a web browser such as Internet Explorer is taken as an embodiment.
한편, 본 발명에 따른 각종 모듈은 비쥬얼베이직 스크립트(VB script) 또는 자바 스크립트(Java script)와, 액티브엑스 컨트롤(ActiveX control) 또는 자바 애플릿(Java applet)을 이용하여 구현할 수 있다. 본 발명에서는 비쥬얼베이직 스크립트(VB script)을 이용하여 액티브액스 컨트롤(ActiveX control) 기반의 인터페이스 환경에서 구현하는 경우를 실시예로 든다.Meanwhile, various modules according to the present invention can be implemented using VB script or Java script, ActiveX control or Java applet. In the present invention, a case of implementing in an ActiveX control-based interface environment using a VB script is given as an embodiment.
이하, 본 발명에 따른 플래시데이터를 이용하는 정보표시 방법 및 그 방법이기록된 기록매체를 도면과 실시예를 중심으로 상세히 설명한다. 그러나, 이들 도면과 실시예는 예시적인 목적일 뿐 본 발명이 이에 한정되는 것은 아니다.Hereinafter, an information display method using flash data according to the present invention and a recording medium on which the method is recorded will be described in detail with reference to the drawings and the embodiments. However, these drawings and embodiments are for illustrative purposes only and the present invention is not limited thereto.
도1a는 기존의 플래시플레이어(SDK)를 이용하여 웹브라우저 내에서 애니메이션을 디스플레이 하는 예시도이다.FIG. 1A illustrates an example of displaying an animation in a web browser using a conventional flash player (SDK).
도1b는 기존의 플래시플레이어를 이용하여 플래시플레이어 윈도우 내에서 애니메이션을 디스플레이 하는 예시도이다.1B is an exemplary diagram of displaying an animation in a flash player window using a conventional flash player.
도1a 및 도1b에 도시된 바와 같이, 기존의 플래시는 멀티미디어 정보의 이미지를 웹브라우저나 플래시플레이어 윈도우내에서 직사각형의 윈도우형태로만 디스플레이되는 한계가 있었다.As shown in Figs. 1A and 1B, the conventional flash has a limitation in that an image of multimedia information is displayed only in a rectangular window form in a web browser or a flash player window.
이하에서는, 매크로미디어(macromedia)사의 플래시 개발키트(SDK)와 비쥬얼 씨(Visual C++ 6.0)를 이용하여 개발한 정보표시 애플리케이션 구현방법을 먼저 제시하고, 상기 정보표시 애플리케이션을 통하여 플래시의 이미지를 브라우저 밖에서도 표현될 수 있도록 하고, 또한 특정 영역은 투명하게 처리하거나 반투명하게 처리하므로써 선별적으로 이미지정보를 디스플레이하고 상기 이미지정보의 이동영역을 극대화하는 방법에 대하여 기술한다.Hereinafter, a method of implementing an information display application developed using Macromedia's Flash development kit (SDK) and Visual C (Visual C ++ 6.0) will be described first, and the image of the flash can be displayed outside the browser through the information display application. Also, a method of selectively displaying image information and maximizing a moving area of the image information by processing the specific area transparently or semi-transparently is also described.
실시예 1: 플래시데이터를 이용하는 정보표시 애플리케이션 구현방법Example 1 Implementation Method of Information Display Application Using Flash Data
도2는 상기한 정보표시 애플리케이션을 구현하는 개념도로서 기존의 매크로미디어사의 플래시 개발키트(SDK)에서 비쥬얼 씨(Visual C++ 6.0)를 이용하여 추가된 모듈과 삭제가능한 부분을 나타내며 스크립트와 액티브엑스(ActiveX) 컨트롤을기반으로 하여 웹상에서 구동되는 실시예를 나타낸다.FIG. 2 is a conceptual diagram for implementing the above information display application, and shows a module and a deleteable part which are added by using Visual C ++ 6.0 in a flash development kit (SDK) of Macromedia Co., Ltd. as a script and ActiveX. ) Shows an embodiment running on the web based on the control.
즉, 도2에 도시된 바와 같이, 기존의 플래시 개발키트(SDK)에 플래시데이터(SWF) 다운로드모듈(21)과 윈도우모양 변경모듈(23)과 구동스크립트를 위한 메소드 및 속성(25)을 추가한다. 그리고, 상기 정보표시 애플리케이션의 용량을 줄이기 위해 기존의 플래시 개발키트(SDK)에 포함되는 텍스트(Text)처리부(27)나 메뉴(29)는 제외시킬 수 있다. 상기 정보표시 애플리케이션을 로컬컴퓨터에서 하나의 어플리케이션 프로그램으로 동작하는 경우에는 상기 플래시 개발키트(SDK)에 상기 윈도우모양 변경모듈(23)만 추가하면 구현할 수 있으며 상기 플래시데이터(SWF) 다운로드모듈(21)까지 추가하면 웹상에서 다운로드 받은 플래시데이터(SWF)로 멀티미디어 정보를 표시할 수도 있다.That is, as shown in Figure 2, to the flash development kit (SDK) to add the flash data (SWF) download module 21, the window shape change module 23 and the method and property (25) for the drive script do. In addition, in order to reduce the capacity of the information display application, the text processing unit 27 or the menu 29 included in the existing flash development kit SDK may be excluded. When the information display application is operated as a single application program on a local computer, it may be implemented by adding only the window shape changing module 23 to the flash development kit (SDK) and the flash data (SWF) download module 21. You can also add multimedia information to Flash data (SWF) downloaded from the web.
기존의 매크로미디어사의 플래시 개발키트(SDK)는 소스코드(Source code)디렉토리 아래에, "Win32, JPEG, zlib" 의 하위디렉토리를 포함한다.The existing Macromedia Flash Development Kit (SDK) contains a subdirectory of "Win32, JPEG, zlib" under the Source code directory.
그리고, 본 발명에 따른 정보표시 애플리케이션은 소스코드(Source code) 디렉토리 아래의 특정 파일(FlashPlayer.cpp, FlashPlayer.h 등)을 수정 보완하고, "Win32" 디렉토리 아래의 특정 구성파일(Display.cpp)에 기존의 메서드(method)를 수정하거나 새로운 함수를 추가하여 개발하였다. 그리고, 확장자가 "DLL" 또는 "EXE"인 배포용 정보표시 애플리케이션 파일을 생성시킨다.In addition, the information display application according to the present invention modifies and supplements a specific file (FlashPlayer.cpp, FlashPlayer.h, etc.) under a source code directory, and a specific configuration file (Display.cpp) under a "Win32" directory. We developed by modifying existing method or adding new function. Then, a distribution information display application file having an extension of "DLL" or "EXE" is generated.
상기 플래시데이터(SWF) 다운로드모듈(21)은 "URL(Uniform Resource Locator)" 등 플래시데이터를 제공하는 서버의 위치정보를 이용하여 확장자가 "SWF"인 멀티미디어 정보데이터를 다운로드 받는 기능을 수행하도록 한다.The flash data (SWF) download module 21 performs a function of downloading multimedia information data having an extension of "SWF" by using location information of a server providing flash data such as "Uniform Resource Locator (URL)". .
그리고, 상기 플래시데이터 다운로드모듈(21)은, 상기 단말기의 유휴전송대역을 이용하거나 웹페이지데이터와 플래시데이터의 순차적 전송방식을 이용하여 인터넷망 또는 기타 데이터통신망을 통하여 상기 플래시데이터를 전송받는다.The flash data download module 21 receives the flash data through an internet network or other data communication network using an idle transmission band of the terminal or a sequential transmission method of web page data and flash data.
즉, 상기 플래시데이터 다운로드모듈(21)은 유휴전송대역을 활용하므로써, 상기 플래시데이터가 디스플레이되는 해당 웹페이지 뿐만 아니라 어느 웹페이지가 상기 단말기에 브라우징 또는 디스플레이 되더라도 상기 단말기의 유휴전송대역을 이용하여 상기 플래시데이터를 전송받을 수 있는 것이다.That is, the flash data download module 21 utilizes the idle transmission band, so that not only the web page on which the flash data is displayed but also any web page is browsed or displayed on the terminal, Flash data can be received.
그리고, 상기 웹페이지데이터와 플래시데이터의 순차적 전송방식은 상기 정보표시 애플리케이션 및/또는 상기 플래시데이터를 제공하는 특정 웹사이트서버에 단말기가 접속하여 상기 웹사이트의 웹페이지데이터를 전송받고 바로 이어서 상기 정보표시 애플리케이션 및/또는 상기 플래시데이터를 전송받는 것으로서 유휴전송시간을 최적으로 활용하는 것이다.In addition, the sequential transmission of the web page data and the flash data is a terminal connected to a specific website server that provides the information display application and / or the flash data to receive the web page data of the website and immediately after the information The display application and / or the flash data are transmitted to optimally utilize the idle transmission time.
즉, 상기 플래시데이터 다운로드모듈(21)은 유휴전송대역과 유휴전송시간을 모두 활용할 수 있는 것으로서, 유휴전송시간을 활용하는 방법은 온라인상에 있는 단말기 전송대역의 전 대역이 유휴전송대역이 되는 시간을 최적으로 활용하는 경우라고 볼 수 있다. 즉, 유휴전송대역을 이용하는 것은 유휴전송시간을 이용하는 것을 포함할 수 있다.That is, the flash data download module 21 may utilize both the idle transmission band and the idle transmission time, and the method of utilizing the idle transmission time is a time when the entire band of the terminal transmission band on the online becomes the idle transmission band. This can be seen as the optimal use of. That is, using the idle transmission band may include using the idle transmission time.
또한, 상기 플래시데이터 다운로드모듈(21)은, 전송받은 상기 플래시데이터를 단말기의 하드디스크의 캐시영역에 미리 프리캐싱(pre-caching)하거나 프리버퍼링(pre-buffering)하여 두므로써, 디스플레이될 시점에 바로 디스플레이가 가능하도록 한다.In addition, the flash data download module 21 pre-caches or pre-buffers the transmitted flash data in a cache area of a hard disk of the terminal, and thus, at the time of being displayed. Enable display immediately.
그리고, 상기 플래시데이터 다운로드모듈(21)은 상기 플래시데이터의 수신이 중단된 경우 중단된 시점의 상태정보를 기록하고 다음 수신시에 상기 전송중단된 플래시데이터의 나머지 부분을 이어받기 기능을 통하여 수신할 수 있다.When the reception of the flash data is interrupted, the flash data download module 21 records the state information at the time when the flash data is interrupted and receives the remaining portion of the interrupted flash data through the following function. Can be.
한편, 상기 플래시데이터 다운로드모듈(21)은, 상기 단말기의 유휴전송대역을 이용하여 로그 정보를 특정 서버로 전송하며, 상기 로그 정보는, 상기 단말기에서 디스플레이 된 정보(플래시데이터)의 종류, 정보표시 시작시각, 정보표시 실행시간, 사용자 정보, 또는, 정보표시 중 사용자의 마우스나 키보드를 통한 입력이나 마이크를 통한 음성입력에 의한 반응 정보 등 이다.Meanwhile, the flash data download module 21 transmits log information to a specific server by using an idle transmission band of the terminal, and the log information is a type of information (flash data) displayed on the terminal and an information display. Start time, execution time of information display, user information, or response information by voice input through microphone or input by user's mouse or keyboard during information display.
이와 같이, 상기 플래시데이터 다운로드모듈(21)이 상기 단말기의 유휴전송대역을 이용하거나 웹페이지데이터와 플래시데이터의 순차적 전송방식을 이용하여 상기 플래시데이터를 전송받거나 이어받기하는 것은, 이하 실시예 2 내지 4에서 후술할 구동스크립트와 함께 수행하도록 구현할 수 있다. 즉, 후술할 구동스크립트는 상기 플래시데이터 다운로드모듈(21)의 여러 기능을 선택적으로 수행하도록 할 수 있는 것이다. 또한, 상기 단말기의 유휴전송대역을 검출하는 기능은 상기 플래시데이터 다운로드모듈(21)이 수행하거나 별도의 모듈 또는 상기 구동스크립트를 통해 수행하도록 구현할 수 있다.As described above, the flash data download module 21 receives or receives the flash data using the idle transmission band of the terminal or the sequential transmission method of the web page data and the flash data. It can be implemented to perform with the drive script to be described later in 4. That is, the driving script to be described later may selectively perform various functions of the flash data download module 21. In addition, the function of detecting the idle transmission band of the terminal may be implemented by the flash data download module 21 or by a separate module or the driving script.
그리고, 윈도우모양 변경모듈(23)은 사각형 모양의 플래시플레이어 윈도우내에서 디스플레이 되는 멀티미디어 정보의 디스플레이 할 영역(캐릭터이미지 영역)과 디스플레이하지 않을 영역(배경이미지 영역)을 구분한다.The window shape changing module 23 distinguishes a region (character image region) to be displayed and a region not to be displayed (background image region) of the multimedia information displayed in the rectangular flash player window.
그리고, 상기 윈도우모양 변경모듈(23)은 상기 배경이미지는 디스플레이 되지 않도록 하기 위하여 상기 플래시플레이어 윈도우를 캐릭터의 외곽선을 경계로 하는 새로운 윈도우로 변경시키고, 변경된 윈도우에 원본 캐릭터이미지 또는 반투명한 캐릭터이미지를 출력시키므로써 보여주고자 하는 애니메이션의 캐릭터만 디스플레이 되도록 하고 상기 배경이미지가 차지하였을 부분을 투명하게 처리하여 가리지 않도록 하고 상기 캐릭터가 단말기의 데스크탑상에 어느 경로를 이동하던지 간에 가리는 영역이 최소화되므로써 결과적으로 캐릭터의 이동가능영역을 극대화시키게 된다. 상기 윈도우모양 변경모듈(23)은 상기 "Win32" 디렉토리 중 "Display.cpp"파일의 특정 함수(BltNativeToScreen)에 새로운 코드를 추가시키거나 새로운 함수(BitmapToRegion)를 추가하여 구현한다(도5 내지 도6c 참조).In addition, the window shape changing module 23 changes the flash player window to a new window bordering the character's outline so that the background image is not displayed, and replaces the original character image or the translucent character image with the changed window. By outputting, only the character of the animation to be displayed is displayed, and the area occupied by the background image is transparently processed so as not to be hidden, and the area obscured by whatever path the character moves on the desktop is minimized as a result. Maximize your character's moveable area. The window shape change module 23 is implemented by adding a new code or adding a new function (BitmapToRegion) to a specific function (BltNativeToScreen) of the "Display.cpp" file in the "Win32" directory (Figs. 5 to 6C). Reference).
또한, 위와 같이 배경이미지가 제외된 애니메이션 캐릭터를 웹브라우저의 외곽영역에 디스플레이 되도록 설정하므로써 웹페이지를 가리는 부분이 없거나 최소화 되도록 한다. 사용자가 상기 캐릭터의 디스플레이 되는 위치를 마우스로 드래그하여 단말기상에 임의의 위치로 옮길 수도 있다. 그리고, 상기 이미지를 반투명하게 디스플레이하므로써 상기 이미지의 크기에 무관하게 사용자의 웹서핑을 방해하지 않도록 한다.In addition, by setting the animated character without the background image to be displayed in the outer area of the web browser as described above, there is no or obscured part of the web page. The user may drag the displayed position of the character with a mouse to move it to an arbitrary position on the terminal. The translucent display of the image does not disturb the user's web surfing regardless of the size of the image.
도3a는 본 발명에 따른 정보 표시방법의 흐름도이다.3A is a flowchart of an information display method according to the present invention.
본 흐름도는 단말기(PC) 사용자가 특정 사이트에 접속하여 해당 사이트의 웹페이지(HTML)에 삽입되는 구동스크립트에 의해서 액티브엑스 컨트롤을 기반으로 하여 본 발명에 따른 정보표시 애플리케이션이 실행되는 경우의 실시예이다. 그리고,상기 구동스크립트는 아래의 실시예 2 내지 실시예 4에서 상세히 설명하기로 한다.The flowchart shows an embodiment in which an information display application according to the present invention is executed based on ActiveX control by a drive script that a terminal PC user accesses a specific site and is inserted into a web page (HTML) of the corresponding site. to be. And, the driving script will be described in detail in Examples 2 to 4 below.
도3a에 도시된 바와 같이, 본 실시예에 따른 정보 표시 방법은 특정 정보가 제공되는 웹사이트의 웹페이지(HTML)에 삽입된 구동스크립트 중 오브젝트 태그(object tag)에 의해서(310) 정보표시 애플리케이션(xFlash)이 단말기에 설치되어 있는지 여부를 판단하는 단계와; 상기 정보표시 애플리케이션이 설치되지 않은 경우 보안경고창이 디스플레이 되어(320) 사용자에게 설치여부를 확인한 후 설치에 동의하면 전송된 상기 정보표시 애플리케이션을 설치(install)하는 단계(330)와; 설치된 정보표시 애플리케이션(xFlash)의 인스턴스(instance)를 생성시키는 단계(340)와; 디스플레이 할 정보인 플래시파일(SWF)의 경로(URL)를 상기 구동스크립트의 "LoadMovie" 메서드(method)에 의해 설정하는 초기화단계(350)와; 상기 정보표시 애플리케이션을 실행하는 정보표시단계(360)와; 상기 정보 표시의 종료시에는(370; xFlash.Connected=false) 상기 정보표시 애플리케이션(xFlash) 인스턴스를 소멸하는 단계(380)를 포함한다.As shown in FIG. 3A, the information display method according to the present embodiment includes an information display application 310 by an object tag among driving scripts inserted in a web page (HTML) of a website provided with specific information. determining whether (xFlash) is installed in the terminal; If the information display application is not installed, a security warning window is displayed (320) and if the user agrees to the installation and installs the installed information display application (330); Generating an instance of an installed information display application (xFlash) (340); An initialization step 350 of setting a path (URL) of a flash file (SWF) which is information to be displayed by a "LoadMovie" method of the driving script; An information display step 360 of executing the information display application; At the end of the information display (370; xFlash.Connected = false), the method may include destroying the information display application (xFlash) instance (380).
도3b는 본 실시예에 따른 정보 표시방법의 상기 정보표시단계(360)의 세부 흐름도이다.3B is a detailed flowchart of the information display step 360 of the information display method according to the present embodiment.
도3b에 도시된 바와 같이, 상기 도3a의 정보표시단계(360)는, 상기 초기화단계(350)에서 설정된 URL경로에 따라 전송받은 멀티미디어 정보 중 이미지정보(예: 애니메이션 캐릭터)는 벡터이미지에서 비트맵(bitmap)이미지로 생성하는 비트맵이미지생성단계(3602)와; 생성된 이미지의 배경(background)을 프레임마다 일괄적으로 일정한 색상으로 변경하는 배경색상변경단계(3604)와; 상기 이미지를 구성하는 프레임을 순차적으로 한 프레임씩 각 프레임의 비트맵이미지를 임시 메모리(RAM)에 복사(copy)하는 단계(3606)와; 복사된 해당 프레임의 상기 비트맵이미지의 색상을 픽셀단위로 읽는 검사단계(3608)와; 상기 검사단계(3608)에서 읽은 색상이 상기 변경된 특정 색상(배경색상)인 경우 다시 다음 픽셀을 읽고, 상기 배경색상이 아닌 경우 그 영역(캐릭터이미지 영역)을 영역데이터로 기록하는 단계(3610)와; 한 프레임의 비트맵이미지의 픽셀을 모두 읽은 경우 기록된 영역데이터를 합집합하여 배경을 제외한 애니메이션 캐릭터영역만을 포함하는 윈도우로 변경하는 단계(3612)와; 변경된 윈도우 영역(캐릭터 영역)에 애니메이션 캐릭터의 원본 비트맵 이미지를 출력(display)시키는 단계(3614)와; 마지막 프레임인 경우 종료하고 마지막 프레임이 아닌 경우 다시 해당 프레임의 비트맵이미지를 임시 메모리에 복사(copy)하여 상기 단계를 반복하는 것으로 구성된다.As shown in FIG. 3B, in the information display step 360 of FIG. 3A, image information (eg, an animation character) of the multimedia information transmitted according to the URL path set in the initialization step 350 is a bit in a vector image. A bitmap image generation step 3602 of generating a map image bitmap; A background color changing step 3604 of changing a background of the generated image into a predetermined color collectively for each frame; Copying (3606) the bitmap image of each frame into a temporary memory (RAM) sequentially by one frame of the frame constituting the image; A checking step (3608) of reading the color of the bitmap image of the copied frame in units of pixels; If the color read in the inspection step 3608 is the changed specific color (background color), the next pixel is read again, and if it is not the background color, recording the area (character image area) as area data (3610) and ; When all the pixels of the bitmap image of one frame are read, combining recorded area data into a window including only an animated character region excluding a background (3612); Displaying (3614) an original bitmap image of the animated character in the changed window region (character region); If the last frame is terminated, and if it is not the last frame it is repeated to copy the bitmap image of the frame to the temporary memory and repeat the above steps.
상기 비트맵이미지생성단계(3602)에서 상기 멀티미디어 정보 중 사운드 정보는 그대로 재생되도록 할 수 있다.In the bitmap image generation step 3602, sound information of the multimedia information may be reproduced as it is.
그리고, 상기 배경색상변경단계(3604)에서 상기 배경은 생성된 이미지의 모든 프레임의 배경을 일괄적으로 변경하거나 순차적으로 변경할 수 있다.In the background color changing step 3604, the background may collectively change or sequentially change the background of all frames of the generated image.
상기 도3b의 과정을 마지막 프레임까지 반복 수행하므로써 플래시윈도우의 모양을 디스플레이하고자 하는 특정 영역(캐릭터 영역)으로 변경시키므로써 배경영역은 투명하게 처리되고 상기 캐릭터영역만이 표시되도록 할 수 있는 것이다.By repeating the process of FIG. 3B to the last frame, the background area is transparent and only the character area is displayed by changing the shape of the flash window to a specific area (character area) to be displayed.
도4는 기존의 플래시의 소스코드 중 "Win32" 디렉토리의 "Display.cpp" 파일의 일부 함수로서 함수명은 "BltNativeToScreen" 이다. 상기 함수는 플래시플레이어 윈도우에 비트맵이미지를 디스플레이 하는 역할을 수행한다.4 is a partial function of a file "Display.cpp" in the "Win32" directory of the source code of the existing flash, and the function name is "BltNativeToScreen". The function serves to display a bitmap image in a flash player window.
도5는 위 도4의 상기 함수에 정보표시 애플리케이션의 새로운 코드 일부(500)가 삽입된 것을 나타낸다.FIG. 5 shows that a new code portion 500 of the information display application is inserted into the function of FIG. 4 above.
도5에 도시된 바와 같이, 도5의 제14라인부터 제19라인이 새로 추가된 코드로서 플래시플레이어 윈도우의 모양을 변형시키는 역할을 수행한다.As shown in FIG. 5, lines 14 through 19 of FIG. 5 are newly added codes, and serve to modify the shape of a flash player window.
즉, 새로 추가된 코드 중 제15라인과 제16라인은 상기 윈도우 모양을 변형시키기 위한 영역데이터 생성함수이고, 제18라인은 기록된 영역데이터를 가지고 윈도우 모양을 변경한다.That is, the fifteenth and sixteenth lines of the newly added code are area data generating functions for modifying the window shape, and the eighteenth line changes the window shape with the recorded area data.
상기 도5에 대해 중요부를 중심으로 상세히 살펴보면 다음과 같다.Referring to FIG. 5 in detail with reference to important parts as follows.
먼저, 제1라인, 제2라인의 "NativePlayerWnd* native" 는 정보(애니메이션)가 표시될 윈도우 포인트를 나타내고, "int xDest" 와 "int yDest" 는 메모리상 생성시킬 목적 비트맵 이미지의 x 좌표값과 y 좌표값을 각각 나타낸다. 그리고, "int cx" 와 "int cy" 는 각각 비트맵이미지의 x 크기와 y 크기를 나타내고, "int xSource" 와 "int ySource" 는 각각 소스 비트맵 이미지의 x 좌표값과 y 좌표값을 나타낸다.First, "NativePlayerWnd * native" of the first line and the second line indicate the window point at which the information (animation) is to be displayed, and "int xDest" and "int yDest" are the x coordinate values of the target bitmap image to be created in memory. And y coordinate values, respectively. In addition, "int cx" and "int cy" represent x size and y size of a bitmap image, respectively, and "int xSource" and "int ySource" represent x coordinate value and y coordinate value of the source bitmap image, respectively. .
그리고, 제4라인(HDC hdc = native-> GetWindowDC();)은 "NativePlayerWnd"의 클래스에서 생성된 윈도우 디바이스 컨텐츠(Device Contents: DC)의 핸들을 지역변수(hdc)에 기록한다.The fourth line (HDC hdc = native-> GetWindowDC ();) records a handle of the window device contents (DC) generated in the class of "NativePlayerWnd" in the local variable hdc.
그리고, 제5라인 내지 제10라인은 8비트(bit) 색상(256 color)을 사용할 경우 팔레트(palette)를 설정한다.The fifth to tenth lines set a palette when using 8-bit color (256 color).
그리고, 제12라인(HDCmdc = CreateCompatibleDC( hdc );)은 메모리에 임시 윈도우 디바이스 컨텐츠(DC)를 만든다.The twelfth line (HDCmdc = CreateCompatibleDC (hdc);) creates a temporary window device content DC in memory.
그리고, 제15라인과 제16라인(HRGN h = BitmapToRegion (hBitmap, hdc, xDest, yDest, cx, cy, xSource, ySource);)은 상기 윈도우 모양을 변형시키기 위한 영역데이터를 생성하고, 제18라인(SetWindowRgn(native-> h중, h, true);)은 상기 영역데이터를 가지고 윈도우 모양을 변경한다. 그리고, 상기 제15라인과 제16라인에 따라 구동되어 상기 영역데이터를 기록하는 새로운 함수(BitmapToRegion)는 도6a 내지 도6c에서 상세히 설명한다.Line 15 and line 16 (HRGN h = BitmapToRegion (hBitmap, hdc, xDest, yDest, cx, cy, xSource, ySource);) generate region data for modifying the window shape, and line 18 (SetWindowRgn (native-> h, h, true);) changes the window shape with the area data. A new function BitmapToRegion which is driven along the fifteenth and sixteenth lines to record the area data will be described in detail with reference to FIGS. 6A to 6C.
그리고, 제23라인(BitBlt(hdc, xDest, yDest, cx, cy, mdc, xSource, ySource, SRCCOPY);)은 변경된 윈도우에 이미지를 출력(display)한다.The twenty-third line (BitBlt (hdc, xDest, yDest, cx, cy, mdc, xSource, ySource, SRCCOPY);) displays an image in the changed window.
도6a 내지 도6c는 본 발명에 따라 개발된 정보표시 애플리케이션에 새로이 추가되는 새로운 코드(함수)의 일부로서 기존의 플래시의 소스코드 중 "Win32 디렉토리"의 "Display.cpp" 파일에 추가되며 함수명은 "BitmapToRegion" 이다. 상기 함수는 플래시플레이어 윈도우의 배경(background) 색상이 아닌 부분(캐릭터 영역)만을 기록하므로써 변경된 윈도우의 영역(캐릭터 영역) 데이터가 기록된다.6a to 6c are part of a new code (function) newly added to the information display application developed in accordance with the present invention is added to the "Display.cpp" file in the "Win32 directory" of the source code of the existing flash and the function name is "BitmapToRegion". The function records only the part (character area) of the flash player window, not the background color, so that the changed window area (character area) data is recorded.
도6a 내지 도6c에서 제시하는 상기 함수를 중요부를 중심을 살펴보면 다음과 같다.Looking at the center of the function shown in Figures 6a to 6c as follows.
즉, 제1라인의 "HBITMAP hBmp" 는 비트맵(bitmap)의 핸들이고, "HDC hdc" 는 디바이스 컨텐츠(DC)의 핸들이다.That is, "HBITMAP hBmp" of the first line is a handle of a bitmap, and "HDC hdc" is a handle of a device content DC.
그리고, 제11라인(HDC hMemDC = CreateCompatibleDC(hdc);)은 검사할 비트맵(bitmap) 이미지를 저장할 임시 메모리 디바이스 컨텐츠(DC)를 생성한다.The eleventh line (HDC hMemDC = CreateCompatibleDC (hdc);) generates a temporary memory device content (DC) to store a bitmap image to be examined.
그리고, 제15라인 및 제16라인(BITMAP bm; GetObject(hBmp, sizeof(bm), &bm);)은 비트맵의 크기를 구한다.The 15th and 16th lines (BITMAP bm; GetObject (hBmp, sizeof (bm), &bm);) calculate the size of the bitmap.
그리고, 제19라인 내지 제31라인은 32비트(bit) 색상의 비트맵 이미지 포맷을 설정한다.Lines 19 to 31 set a bitmap image format having a color of 32 bits.
그리고, 제34라인 및 제35라인은 비트맵의 위치를 저장할 포인트 변수를 생성하고, 제45라인 내지 제48라인은 32비트 색상의 비트맵의 이미지의 폭의 크기가 4의 배수 바이트(byte)가 되게 한다.Lines 34 and 35 generate a point variable to store the location of the bitmap, and lines 45 to 48 are multiples of 4 having a width of an image of a bitmap of 32-bit color. To become.
그리고, 제51라인은 검사할 원본 비트맵을 선택하고, 제53라인은 임시 비트맵 메모리에 이미지의 색상이 배경색상인지 여부를 검사할 원본 이미지를 복사(copy)한다.Line 51 selects an original bitmap to be inspected, and line 53 copies an original image to be examined to determine whether the color of the image is a background color to the temporary bitmap memory.
그리고, 제56라인 및 제57라인은 비트맵 이미지의 검사 시작위치를 구한다.In addition, the 56th and 57th lines obtain an inspection start position of the bitmap image.
다음으로, 도6b상의 제65라인은 다음 검사할 비트맵 이미지의 주소를 구한다. 즉, "p32"는 검사시작위치의 주소를 가리키고, "p"는 다음 검사할 비트맵 이미지의 주소를 가리킨다.Next, line 65 of Fig. 6B obtains the address of the next bitmap image to be examined. That is, "p32" points to the address of the check start position, and "p" points to the address of the next bitmap image to check.
그리고, 제66라인 내지 제86라인은 x 축 라인을 스캔하면서 단말기(PC) 모니터의 색상 비트(8bit(256color), 16bit, 24bit, 32bit)별로 배경(background) 색상을 픽셀단위로 검사하고 일정하게 변경한 배경색상(예: 0xFF909090)이 발견되면 다음 픽셀을 검사한다. 그리고, 제69라인의 변수(depth)는 현재 단말기 데스크탑 윈도우의 색상 비트정보를 가지고 있다.The 66th through 86th lines scan the x-axis line and inspect the background color by pixel unit for each color bit (8bit (256color), 16bit, 24bit, 32bit) of the terminal monitor. If a modified background color (eg 0xFF909090) is found, the next pixel is examined. The variable of line 69 includes color bit information of the current terminal desktop window.
한편, 제71라인 내지 제74라인의 if 문에 여러개의 색상 값이 기술된 이유는 8비트 색상(256 color)을 사용하면 그래픽카드의 종류마다 상기 특정된 배경색상(예: 0xFF909090)이 맵핑되는 값이 동일하지 않기 때문이다.On the other hand, the reason why multiple color values are described in the if statements of lines 71 to 74 is that when the 8-bit color (256 color) is used, the specified background color (for example, 0xFF909090) is mapped to each type of graphics card. This is because the values are not the same.
그리고, 제75라인, 제78라인, 제82라인(goto skip:)은 상기 배경색상에 해당하는 색상이 발견되면 스킵(skip) 레이블로 점프한다.Lines 75, 78, and 82 (goto skip :) jump to a skip label when a color corresponding to the background color is found.
그리고, 제84라인 및 제85라인은 검색한 픽셀이 상기 배경색상이 아니면 해당 변수(x, p)의 값을 1씩 증가시킨다.Lines 84 and 85 increase the values of the corresponding variables (x, p) by 1 when the searched pixel is not the background color.
다음으로, 제88라인 내지 제119라인은 if 문의 조건이 만족되면 배경색상 이외의 색상이 발견되어 영역데이터를 기록하게 된다.Next, when the condition of the if statement is satisfied, lines 88 through 119 detect color other than the background color and record the area data.
그중, 제91라인 내지 제98라인은 영역데이터를 기록하기 위해 생성된 메모리가 부족하면 추가적으로 메모리를 다시 할당한다.Among them, lines 91 to 98 additionally re-allocate the memory when there is not enough memory generated for recording the area data.
그리고, 제99라인 및 제101라인은 배경색상 이외의 색상영역(즉, 보여 줄 캐릭터 영역)으로 발견된 영역을 할당된 메모리에 기록한다. 그리고, 제105라인 내지 제118라인은 위에서 기록된 영역(영역 카운트)이 4000개 이상이면 이미 기록된 영역을 하나의 영역으로 생성하여 저장하고, 영역 카운트를 0으로 설정하고 다시 기록한다.Lines 99 and 101 record an area found as a color area other than the background color (that is, the character area to be shown) in the allocated memory. In the 105th to 118th lines, if there are 4000 or more areas (area counts) recorded above, the already recorded areas are generated and stored as one area, and the area count is set to 0 and rewritten.
다음으로, 도6c상의 제122라인은 다음 라인으로 이동하고, 제125라인은 상기 기록된 영역 데이터를 가지고 "Region" 포맷으로 만든다.Next, line 122 of Fig. 6C moves to the next line, and line 125 is made into the " Region " format with the recorded area data.
그리고, 제129라인(CombineRgn(hRgn, hRgn, h, RGN_OR);)은 각기 기록된 조각들(rectangles)의 영역데이터를 "OR" 연산으로 합집합하여 하나의 영역으로 만든다. 위와 같은 과정을 통하여, 상기 정보가 표시되는 플레시플레이어윈도우가 상기 하나의 영역을 윈도우 영역으로 하는 새로운 윈도우로 변경되는 것이다.In addition, line 129 (CombineRgn (hRgn, hRgn, h, RGN_OR);) combines the area data of the recorded rectangles in an “OR” operation to form one area. Through the above process, the flash player window in which the information is displayed is changed into a new window using the one area as the window area.
이와 같이, 기존의 플래시 에스디케이(SDK)에 새로운 코드와 함수가 추가되므로써 윈도우모양 변경모듈과 플래시데이터 다운로드 모듈이 기능하는 플래시데이터를 이용하는 정보표시 애플리케이션이 구현되는 것이다.As such, new codes and functions are added to the existing flash SDK to implement an information display application using the flash data functioning by the window-shaped change module and the flash data download module.
이하에서는, 상기 실시예 1에서 상세히 밝힌 정보표시 애플리케이션을 기초로 하여 본 발명에 따른 정보표시 애플리케이션 및/또는 플래시데이터를 제공하는 특정 웹사이트에 구동스크립트를 삽입시키므로써, 단말기가 상기 웹사이트(서버)에 접속하여 본 발명에 따른 정보표시 방법을 웹상에서 구현하는 실시예들을 제시한다. 이하의 실시예 2 내지 4는 브라우저로서 익스플로러를 기본으로 하나, 네스케이프나 그 외 모든 브라우저에 동일한 발명사상으로 구현될 수 있다.In the following, by inserting a driving script into a specific website that provides the information display application and / or flash data according to the present invention based on the information display application described in detail in the first embodiment, the terminal (the server) The present invention provides embodiments for implementing an information display method according to the present invention on a web. Examples 2 to 4 below are based on Explorer as a browser, but may be implemented in the same invention in Netscape or in all other browsers.
실시예 2: 플래시데이터를 이용하는 정보표시 방법Example 2 Information Display Method Using Flash Data
도7a는 본 발명에 따라 개발된 정보표시 애플리케이션을 웹상에서 전송하고 상기 정보표시 애플리케이션에 의해 웹브라우저 밖에서도 디스플레이 되는 특정 정보를 제공하는 특정 웹사이트의 웹페이지(HTML)에 삽입하는 구동스크립트를 나타낸다.Fig. 7A shows a driving script for transmitting an information display application developed according to the present invention on a web and inserting it into a web page (HTML) of a specific website which provides the specific information displayed by the information display application outside the web browser. .
도7a에 제시된 바와 같이, 제3라인 내지 제6라인은 오브젝트 태그(OBJECTTAG)로서 단말기 사용자가 상기 웹사이트에 최초로 접속한 경우에는 제5라인에서 설정된 URL경로와 파일명에 따라서 상기 정보표시 애플리케이션이 사용자의 단말기에 전송된다. 그리고, 인스턴스 아이디(ID)가 "xFlash"이고 고유 클래스 아이디가 제4라인과 같은 개체를 생성한다.As shown in Fig. 7A, the third to sixth lines are object tags (OBJECTTAGs), and when the terminal user first accesses the website, the information display application is used according to the URL path and file name set in the fifth line. Is sent to the terminal. Then, create an object whose instance ID is "xFlash" and whose unique class ID is the fourth line.
그리고, 제8라인 내지 제11라인은 웹페이지가 로드될 시점에서 실행되는 이벤트로서 "xFlash.connected = true"는 웹브라우징 시작시 항상 연결되도록 하고, 종료시에 발생하는 "xFlash.connected = false"와 한 쌍을 이루도록 한다.Lines 8 to 11 are events executed when the web page is loaded, and "xFlash.connected = true" is always connected at the start of web browsing, and "xFlash.connected = false" generated at the end of the webpage. Make a pair.
그리고, 제10라인의 "LoadMovie" 메서드(method)가 실행된 후에 해당 정보(예: 애니메이션 캐릭터)가 보여질 시점에서는 제19라인 내지 제23라인의 이벤트(Show)가 발생한다.After the "LoadMovie" method of the tenth line is executed, an event (Show) of the 19th to 23rd lines occurs when the corresponding information (for example, an animation character) is displayed.
그리고, 제15라인 내지 제18라인의 이벤트(Click)는 마우스 커서가 상기 애니메이션 광고의 캐릭터 위에 위치한 후 마우스 왼쪽 버튼을 클릭(DOWN-UP)할 때 발생하며, 설정된 URL 경로(예: http://www.kfckorea.com)에 따라 해당 홈페이지를 연결한다.In addition, the event (Click) of the 15th to 18th line occurs when the left mouse button is DOWN-UP after the mouse cursor is positioned on the character of the animation advertisement, and the set URL path (for example, http: / /www.kfckorea.com) to link the homepage.
도7b는 위 도7a의 구동스크립트에 의해 정보표시 애플리케이션이 멀티미디어 정보(예: 애니메이션 캐릭터 광고)를 배경을 투명하게 하여 브라우저 밖으로 디스플레이 하는 예시도이다.FIG. 7B is an exemplary view in which the information display application displays multimedia information (eg, animated character advertisement) out of the browser by making the background transparent by the driving script of FIG. 7A.
도7b에 도시된 바와 같이, 제공하고자 하는 정보(예: KFC광고)의 컨텐츠(예: 교도소의 창살 달린 감방과 탈옥수와 KFC)를 보여주고자 하는 이미지 영역(70)만을 웹브라우저 내에 구속되지 아니하고 단말기 상의 임의의 영역에 표시할 수 있다.그리고, 상기 애니메이션 캐릭터의 배경은 디스플레이되지 않으므로써 해당 영역이 투명하게 처리되고 결과적으로 웹페이지나 단말기에 실행중인 프로그램 화면을 가리지 않게 된다. 한편, 도7b의 경우 애니메이션 캐릭터내에 창살달린 감방이 포함되므로 인해서 디스플레이 되는 영역이 비교적 넓지만 필요할 경우 중심캐릭터(예:탈옥수와 KFC)만을 등장시키므로써 디스플레이 되는 캐릭터 영역을 최소화시키고 동시에 이동가능영역을 극대화시킬 수 있다.As shown in Fig. 7B, only the image area 70 intended to show the contents of information to be provided (e.g., KFC advertisement) (e.g. prison jail cell and jailbreak and KFC) is not bound within the web browser. The background of the animation character is not displayed so that the area is processed transparently, and as a result, the web screen or the program screen running on the terminal is not hidden. On the other hand, in the case of Fig. 7B, the area displayed is relatively large due to the inclusion of a jailed cell in the animation character, but if necessary, only the central character (eg, jailbreak and KFC) appears to minimize the displayed character area and simultaneously move the movable area. It can be maximized.
실시예 3: 플래시데이터를 이용하는 정보표시 방법Example 3: Information Display Method Using Flash Data
도8a는 본 발명에 따라 개발된 정보표시 애플리케이션을 웹상에서 전송하고 특정 정보를 반투명한 이미지로 웹브라우저 밖에서도 디스플레이 하기 위하여 해당 웹사이트의 웹페이지(HTML)에 삽입하는 구동스크립트를 나타낸다.FIG. 8A illustrates a driving script for inserting an information display application developed according to the present invention into a web page (HTML) of a corresponding website in order to transmit the information display application on the web and display specific information as a translucent image outside the web browser.
도8a에 제시된 바와 같이, 구동스크립트의 "Onload" 이벤트에 제9라인(xFlash.interlace = true)이 추가되므로써 반투명 효과를 설정하는 것이다. 즉, "interlace" 속성(Property)은 캐릭터 부분의 윈도우를 한 라인 간격으로 뺄 지 여부를 결정하고, 한 라인 간격으로 한 라인을 빼도록 설정하므로써 반투명효과를 낼 수 있는 것이다.As shown in Fig. 8A, the ninth line (xFlash.interlace = true) is added to the "Onload" event of the driving script to set the translucent effect. In other words, the "interlace" property determines whether or not the window of the character part is subtracted by one line interval, and semitransparent effect can be achieved by setting to subtract one line by one line interval.
그리고, 제13라인 내지 제15라인은 프레임마다 발생하는 이벤트(f; 프레임 번호)로서 이를 이용하여 디스플레이되는 플래시 이미지의 디스플레이 시퀀스(sequence)를 상기 구동스크립트가 제어할 수 있다.The thirteenth to fifteenth lines are events f (frame number) occurring in each frame, and the driving script can control a display sequence of a flash image displayed using the same.
도8b는 상기 도8a의 구동스크립트에 의해 정보표시 애플리케이션이 멀티미디어 정보(예: 광고)를 반투명한 이미지로 만들어 브라우저 밖으로 디스플레이 하는 예시도이다.FIG. 8B is an exemplary view in which the information display application makes the multimedia information (eg, advertisement) into a translucent image and displays it out of the browser by the driving script of FIG. 8A.
도8b에 도시된 바와 같이, 반투명한 애니메이션 캐릭터(80)가 웹브라우저와 단말기의 데스크탑 바탕화면에 걸쳐서 디스플레이 되고 있다. 그리고, 하단에는 상기 애니메이션 캐릭터(80)의 이미지가 181번째 프레임을 나타내는 프레임 번호(81)가 디스플레이되고 있다.As shown in Fig. 8B, a translucent animated character 80 is displayed across the desktop of the web browser and the terminal. At the bottom, a frame number 81 indicating the 181th frame of the image of the animation character 80 is displayed.
그리고, 도8c는 위 도8a의 상기 구동스크립트의 제9라인을 "xFlash.SetTransparent 125"로 교체하여 반투명 효과를 설정한 실시예이다. 즉, "SetTransparent"는 플래시윈도우를 반투명하게 하는 메서드(method)이다. 그리고, "125"는 반투명의 정도를 의미하며 디폴트는 불투명(원색)인 "255"로 설정해 놓는다.8C illustrates an embodiment in which a translucent effect is set by replacing the ninth line of the driving script of FIG. 8A with "xFlash.SetTransparent 125". In other words, "SetTransparent" is a method to make the Flash window translucent. "125" means the degree of translucency and the default value is set to "255" which is opaque (primary color).
이와 같은 반투명 이미지는 윈도우2000 운영체제가 탑재된 단말기의 경우 사익 운용체제가 제공하는 레이어드 윈도우를 활용하여 구현할 수 있다.Such a translucent image can be implemented by using a layered window provided by a sound management system in a terminal equipped with a Windows 2000 operating system.
그 외에도, 상기 플래시 이미지(애니메이션 캐릭터 이미지)와 상기 플래시 이미지가 디스플레이되는 바탕화면(단말기 바탕화면 또는 웹브라우저 바탕화면) 이미지의 비트연산을 통하여 반투명 효과를 구현할 수도 있다.In addition, a translucent effect may be implemented through bit operations of the flash image (animated character image) and the background image (terminal wallpaper or web browser wallpaper) on which the flash image is displayed.
이와 같은 반투명한 이미지를 디스플레이할 수 있음으로 해서 본 발명에 따른 정보표시 애플리케이션을 이용한 정보 표시 방법은 단말기의 전영역을 광고와 같은 정보표시영역으로 잠시 활용하더라도 단말기 사용자의 웹서핑을 방해하지 않는다.Since the translucent image can be displayed, the information display method using the information display application according to the present invention does not interfere with the web surfing of the terminal user even if the entire area of the terminal is temporarily used as an information display region such as an advertisement.
실시예 4: 플래시데이터를 이용하는 정보표시 방법Example 4 Information Display Method Using Flash Data
도9a는 본 발명에 따라 개발된 정보표시 애플리케이션을 웹상에서 전송하고 특정 정보를 이미지 영역을 모두 보존한 채로 웹브라우저 밖에서 디스플레이 하기 위하여 해당 웹사이트의 웹페이지(HTML)에 삽입하는 구동스크립트를 나타낸다.Fig. 9A illustrates a driving script for transmitting an information display application developed according to the present invention on a web and inserting specific information into a web page (HTML) of a corresponding web site for displaying the specific information outside the web browser while preserving all the image areas.
도9a에 제시된 바와 같이, 구동스크립트의 "Onload" 이벤트에 제9라인( xFlash.region = false )이 추가되므로써 윈도우 모양이 변경되지 않고 배경도 디스플레이되도록 설정하는 것이다. 즉, "Region" 속성은 윈도우에서 배경(background)을 잘라 낼 지 여부를 설정하며, 배경삭제 디폴트(default)를 "true"로 설정한 상태이면 배경을 살리기 위해서는 "false"로 설정한다.As shown in FIG. 9A, the ninth line (xFlash.region = false) is added to the "Onload" event of the driving script so that the window shape is not changed and the background is displayed. In other words, the "Region" property sets whether or not to cut the background from the window. If the background deletion default is set to "true", set it to "false".
도9b는 상기 도9a의 구동스크립트에 의해 정보표시 애플리케이션이 멀티미디어 정보(예: 광고)를 배경을 보존한 채 브라우저 밖으로 디스플레이 하는 예시도이다.FIG. 9B is an exemplary diagram in which the information display application displays multimedia information (eg, advertisement) out of the browser while preserving the background by the driving script of FIG. 9A.
도9b에 도시된 바와 같이 상기 정보의 배경이미지 영역(91)이 없어지지 않고 디스플레이 되고 있다. 이러한 기법은 보여주고자 하는 애니메이션 캐릭터의 프레임마다 스캐닝하고 캐릭터영역과 배경영역을 구분하여 기록하는 과정을 통하지 않으므로써 정보 전달 및 표시속도가 월등히 빨라질 수 있다. 그리고, 배경을 필요로 하거나 배경이 있어야 중심 캐릭터의 이미지가 더욱 부각될 수 있는 멀티미디어 컨텐츠에 본 실시예를 적용하므로써 그 효과를 배가시킬 수 있다.As shown in Fig. 9B, the background image area 91 of the information is displayed without disappearing. This technique can significantly speed up information transmission and display speed by not scanning the frames of the animation characters to be shown and dividing and recording the character region and the background region. In addition, the effect of the present embodiment may be doubled by applying the present embodiment to multimedia contents that require a background or have a background so that the image of the central character can be further enhanced.
그리고, 상기한 실시예 제2 내지 제4의 구동스크립트에 제공되는이벤트(Event)를 다시 정리하면 다음의 표1과 같다.The events provided to the second to fourth driving scripts described above are summarized in Table 1 below.
그리고, 상기한 구동스크립트들에 제공되는 메소드(Method) 및 속성(Property)을 다시 정리하면 각각 다음의 표2 및 표3과 같다.In addition, the method and property provided in the above-described driving scripts are rearranged as shown in Tables 2 and 3, respectively.
표 2에 제시되는 바와 같이, "LoadMovie(BSTR url)" 메소드는 구동스크립트에 삽입되어 디스플레이할 플래시데이터 파일의 URL경로를 설정한다.As shown in Table 2, the "LoadMovie (BSTR url)" method is inserted into the drive script to set the URL path of the flash data file to display.
그리고, "Move(long x, long y)"메소드로 디스플레이될 동영상의 좌상단의 위치를 재설정할 수 있다. 좌상단을 기준으로 "long x"값에 양수를 입력하면 그 수치만큼 오른쪽으로 이동하고 "long y"값에 양수를 입력하면 그 수치만큼 아래로 이동한다. 즉, 원점은 모니터의 좌상단점으로 한다.In addition, the position of the upper left end of the video to be displayed may be reset using the “Move (long x, long y)” method. If you enter a positive number for the "long x" value from the top left, it moves to the right by that number, and if you enter a positive number for the "long y" value, it moves to the bottom. In other words, the origin is the upper left endpoint of the monitor.
그리고, "Move2(BSTR posIndex, long Xoffset, long Yoffset)" 메소드는 동영상의 좌상단의 위치를 "posIndex" 를 사용하여 재설정할 수 있다. 즉, "posIndex" 스트링에 "Right_top"을 입력하면 원점이 우상단으로 설정된다. 그리고, "long Xoffset" 값에 양수를 입력하면 그 수치만큼 변경된 원점으로부터 오른쪽으로, "long Yoffset" 값에 양수를 입력하면 그 수치만큼 변경된 원점으로부터 아래로 이동한다.And, the "Move2 (BSTR posIndex, long Xoffset, long Yoffset)" method can reset the position of the upper left of the video using "posIndex". In other words, inputting "Right_top" into the "posIndex" string sets the origin to the top right. If a positive number is entered in the "long Xoffset" value, a positive value is moved to the right from the origin changed by that number, and a positive number is entered in the "long Yoffset" value.
한편, 표2에는 제시되지 않았으나, "SetTransparent(long ratio)" 메소드는 디스플레이되는 이미지를 포함하는 플래시윈도우를 반투명하게 만든다. "long ratio"는 0부터 255까지의 정수로 설정하며 디폴트는 255로 설정하여 기본적으로는원본의 실사이미지가 디스플레이 되도록 한다.On the other hand, although not shown in Table 2, the "SetTransparent (long ratio)" method makes the flash window containing the displayed image translucent. The "long ratio" is set to an integer from 0 to 255. The default is set to 255 so that the original photorealistic image is displayed by default.
상술한 실시예 1 내지 실시예4는 인터넷광고기법으로 그대로 적용될 수 있다. 즉, 실시예 1에서 제시한 플래시데이터를 이용하는 정보표시 어플리케이션에 의해 플레이 될 광고를 플래시파일(SWF)로 제작하고 상기 플래시플레이어 어플리케이션과 광고파일에 대한 경로를 포함하는 구동스크립트를 광고가 디스플레이되는 광고매체 웹사이트의 웹페이지(HTML)에 삽입시키므로써 단말기 사용자가 상기 웹사이트에 방문시 상기 구동스크립트에 따라 상기 정보표시 어플리케이션과 해당 광고파일(플래시데이터)을 전송받고 본 발명에 따른 정보표시 애플리케이션을 이용한 정보 표시 방법을 이용하여 광고가 디스플레이되도록 할 수 있다.Embodiments 1 to 4 described above may be applied as it is, Internet advertising techniques. In other words, the advertisement to be produced by a flash file (SWF) to be played by the information display application using the flash data presented in Example 1, the advertisement is displayed on the drive script including the path to the flash player application and the advertisement file By inserting it into a web page (HTML) of a media website, the terminal user receives the information display application and the corresponding advertisement file (flash data) according to the driving script when the user visits the website and receives the information display application according to the present invention. The advertisement may be displayed by using the information display method used.
특히, 사이트 이동시와 같이 특정 정보가 제시되지 않는 순간에 단말기의 전영역을 활용하는 전면(full-screen)광고에 응용될 수도 있다.In particular, it may be applied to a full-screen advertisement utilizing the entire area of the terminal at the moment when no specific information is presented, such as when moving a site.
또한, 본 발명은 정보(광고)가 디스플레이되는 해당 웹페이지 이외에서도 미리 정보파일(광고 플래시데이터)을 전송받아 단말기의 하드디스크 또는 브라우저 캐시영역에 미리 프리캐싱(pre-caching) 또는 프리버퍼링(pre-buffering)하여 두므로써 고화질의 플래시 이미지를 바로 디스플레이되도록 할 수 있다.In addition, the present invention receives the information file (advertisement flash data) in advance in addition to the web page on which the information (advertisement) is displayed in advance to pre-caching or pre-buffering (pre-caching) to the hard disk or browser cache area of the terminal (pre-caching) -buffering so that high-quality flash images can be displayed immediately.
실시예 5: 플래시데이터를 이용하는 정보표시 방법을 기록한 기록매체Example 5 Recording Medium Recording Method of Displaying Information Using Flash Data
상기 정보표시 애플리케이션 프로그램을 씨디롬(CD-ROM)과 같은 컴퓨터로 읽을 수 있는 기록매체에 기록하여 상기 기록매체를 로컬 컴퓨터에서 실행하므로써상기 정보표시 애플리케이션이 오프라인상에서도 독립적인 애플리케이션으로 동작하는 실시예를 구현할 수도 있다.By writing the information display application program to a computer-readable recording medium such as a CD-ROM and executing the recording medium on a local computer, an embodiment in which the information display application operates as an independent application even offline can be implemented. It may be.
즉, 상기 기록매체는, 위에서 상술한 바와 같이, 단말기에 표시 할 정보인 플래시데이터의 이미지중 디스플레이 하고자 하는 영역(애니메이션 캐릭터이미지 영역)을 윈도우영역으로 설정하는 윈도우 변경단계와; 변경된 윈도우 영역에 해당 원본 이미지(애니메이션 캐릭터이미지) 또는 반투명한 이미지를 출력(display)시키는 단계를; 포함하여 정보를 표시하는 플래시데이터를 이용하는 정보표시 애플리케이션이 로컬 컴퓨터 등 단말기상에서 수행되도록 한다.That is, as described above, the recording medium comprises: a window changing step of setting a region (animation character image region) to be displayed in the image of flash data which is information to be displayed on the terminal as a window region; Displaying a corresponding original image (animated character image) or a translucent image in the changed window area; And an information display application using the flash data to display the information on the terminal such as a local computer.
또한, 상기 기록매체에 기록되는 상기 정보표시 애플리케이션은 플래시데이터 제작기능을 포함할 수 있다.In addition, the information display application recorded on the recording medium may include a flash data production function.
상기한 실시예들에서는 본 발명에 따른 정보표시 애플리케이션을 액티브엑스 컨트롤 및 비쥬얼베이직 스크립트를 활용하여 실행시킨다. 그 외에도 자바 애플릿 및/또는 자바 스크립트를 활용하여 본 발명에 따른 플래시데이터를 이용하는 정보표시 방법을 구현할 수도 있다.In the above embodiments, the information display application according to the present invention is executed by using ActiveX control and Visual Basic script. In addition, an information display method using flash data according to the present invention may be implemented by using a Java applet and / or JavaScript.
그리고, 본 발명에 따른 플래시데이터를 이용하는 정보표시 애플리케이션, 상기 정보표시애플리케이션을 이용한 정보 표시 방법 및 상기 정보표시 애플리케이션을 기록한 기록매체는 컴퓨터(PC) 뿐만 아니라 인터넷전용단말기, 인터넷TV, 그리고, 인터넷 통신이 가능한 피디에이(PDA), 피씨에스폰(PCS Phone) 또는 IMT2000서비스를 위한 휴대용 무선통신단말기 등과 같은 유선 및/또는 무선통신 단말기를통해 구현할 수 있다.In addition, the information display application using the flash data according to the present invention, the information display method using the information display application and the recording medium recording the information display application is not only a computer (PC) but also an Internet-only terminal, an Internet TV, and Internet communication. This can be implemented via wired and / or wireless communication terminals such as PDAs, PCS Phones or portable wireless communication terminals for IMT2000 services.
그 밖에, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 이가 첨부된 특허청구범위를 용이하게 변형 또는 변경하여서 구현하는 것은 본 발명의 특허청구범위에 속한다고 할 것이다.In addition, it will be said that it is belonging to the claims of the present invention to implement by easily modifying or modifying the appended claims to those skilled in the art.
이상 본 발명에 따른 플래시데이터를 이용하는 정보표시 방법 및 그 방법이 기록된 기록매체는, 인터넷 통신 또는 기타 유무선 데이터 통신 환경하에서 뉴스나 광고, 또는 웹사이트 도우미(Website agent), 이메일광고 등 각종 정보를 제공하는 수단으로 활용하므로써 브라우저영역을 포함한 단말기 전영역에서 액티브하게 변화하거나 이동영역을 극대화하면서 이미지 크기에 상관없이 선명한 이미지를 갖는 멀티미디어 정보를 표시할 수 있도록 한다. 즉, 인터넷 통신 또는 기타 유무선 데이터 통신 브라우저에 수반되어 제공되는 뉴스, 게임, 애니메이션, 교육, 의료정보 관련 컨텐츠, 또는, 상품광고 또는 쇼핑채널광고, 또는 특정 웹사이트 도우미(website-agent)로 활용되거나, 이메일(E-mail)에 수반되는 상기한 컨텐츠 또는 광고 등에 활용되어 효과적이고 효율적인 정보전달이 가능하다.The information display method using the flash data according to the present invention, and the recording medium on which the method is recorded, can be used for various kinds of information such as news, advertisements, website agents, email advertisements under Internet communication or other wired or wireless data communication environment. By utilizing it as a means of providing, it is possible to display multimedia information with a clear image regardless of the image size while actively changing or maximizing the moving area in the entire terminal area including the browser area. In other words, news, games, animations, education, medical information related to Internet communication or other wired or wireless data communication browser, or as a product advertisement or shopping channel advertisement, or a specific website-agent, In addition, it is possible to effectively and efficiently transmit information by utilizing the above-mentioned content or advertisement accompanying the e-mail.
즉, 플래시의 이미지를 브라우저 밖에서도 표현될 수 있고, 동시에 디스플레이할 캐릭터 영역 등을 선정하여 캐릭터를 제외한 배경 등 특정 부분은 투명하게 처리하므로써 웹페이지를 가리는 부분을 최소화하는 동시에 상기 플래시 이미지의 이동영역을 극대화할 수 있다.That is, the image of the flash can be expressed outside the browser, and at the same time, by selecting a character region to be displayed and processing certain parts such as a background except for the character transparently, the portion which covers the web page is minimized while the moving region of the flash image is minimized. Can be maximized.
또한, 상기 캐릭터 등 전달하고자 하는 플래시 이미지를 반투명하게 디스플레이하여 사용자의 웹서핑을 방해하지 않고 효과적으로 상기한 다양한 용도의 정보 제공이 가능하다.In addition, by displaying the flash image to be transmitted such as the character semi-transparent, it is possible to effectively provide the information of the various uses without disturbing the user's web surfing.
Claims (15)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020010002261A KR20020061296A (en) | 2001-01-15 | 2001-01-15 | Application and method of displaying information of flash-data, and medium where the application program recorded |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020010002261A KR20020061296A (en) | 2001-01-15 | 2001-01-15 | Application and method of displaying information of flash-data, and medium where the application program recorded |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20020061296A true KR20020061296A (en) | 2002-07-24 |
Family
ID=27691765
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020010002261A KR20020061296A (en) | 2001-01-15 | 2001-01-15 | Application and method of displaying information of flash-data, and medium where the application program recorded |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR20020061296A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20030004256A (en) * | 2002-12-11 | 2003-01-14 | 주식회사 넥시브 | Method for realizing a realtime flash avata |
| KR100582589B1 (en) * | 2003-12-26 | 2006-05-23 | 한국전자통신연구원 | Desktop manager system using Flash in the embedded system |
-
2001
- 2001-01-15 KR KR1020010002261A patent/KR20020061296A/en not_active Application Discontinuation
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20030004256A (en) * | 2002-12-11 | 2003-01-14 | 주식회사 넥시브 | Method for realizing a realtime flash avata |
| KR100582589B1 (en) * | 2003-12-26 | 2006-05-23 | 한국전자통신연구원 | Desktop manager system using Flash in the embedded system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9971740B2 (en) | Dynamic webpage image | |
| KR100586043B1 (en) | Contents display method in wap browser of mobile terminal using plug-in, and apparatus thereof | |
| KR101201274B1 (en) | Method and apparatus for providing scraped web pages in a graphical user interface | |
| US20120297324A1 (en) | Navigation Control Availability | |
| WO2011148885A1 (en) | Display control program, recording medium whereupon display program is recorded, display control device, and display control method | |
| CN104995601B (en) | It is switched to the machine Web page application program and is switched away from from the machine Web page application program | |
| KR20010095534A (en) | Home page advertising method | |
| KR20160120343A (en) | Cross-platform rendering engine | |
| CN103020110A (en) | Creating and maintaining images of browsed documents | |
| CN102622195B (en) | Information browsing method | |
| JP2012043140A (en) | Web page browsing system and relay server | |
| CN111221530B (en) | Mobile terminal Web application interface construction method, web application interface and operation method thereof | |
| CN113411664B (en) | Video processing method and device based on sub-application and computer equipment | |
| CN112074813A (en) | Capturing and processing interactions with user interfaces of native applications | |
| WO2022048141A9 (en) | Image processing method and apparatus, and computer readable storage medium | |
| JP2014149860A (en) | Information display method of portable multifunctional terminal, information display system using the same, and portable multifunctional terminal | |
| CN111339458A (en) | Page presenting method and device | |
| JP2021512415A (en) | Backdrop rendering of digital components | |
| CN113688341B (en) | Dynamic picture decomposition method and device, electronic equipment and readable storage medium | |
| CN1153156C (en) | Web site figure instant preview system | |
| KR20020061296A (en) | Application and method of displaying information of flash-data, and medium where the application program recorded | |
| CN110569460A (en) | Push information display method and device and storage medium | |
| JPWO2007013280A1 (en) | Plug-in module execution method, browser execution method, mailer execution method, program, terminal device, and computer-readable recording medium on which page data is recorded | |
| CN114371838A (en) | Method, device and equipment for rendering small program canvas and storage medium | |
| CN110543370B (en) | Method for rewriting UE4 rendering engine bottom layer and communication mechanism thereof |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A201 | Request for examination | ||
| E902 | Notification of reason for refusal | ||
| E902 | Notification of reason for refusal | ||
| E902 | Notification of reason for refusal | ||
| E601 | Decision to refuse application |