KR101062215B1

KR101062215B1 - 웹 서비스 시스템 및 하이퍼 텍스트 마크업 언어로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법

Info

Publication number: KR101062215B1
Application number: KR1020090025130A
Authority: KR
Inventors: 손은경
Original assignee: 엠어트랙션 주식회사
Priority date: 2009-03-24
Filing date: 2009-03-24
Publication date: 2011-09-06
Also published as: KR20100106872A

Abstract

본 발명은, 웹 서비스 시스템 및 다양한 형식의 서브 웹페이지를 하이퍼 링크 시키는 방법에 관한 것으로, 보다 상세하게는, 메인 웹페이지 및 이에 하이퍼 링크된 하나 이상의 서브 웹페이지를 포함하는 다중화된 웹페이지를 제공하는 웹 서비스 시스템에 있어서, 하이퍼 텍스트 마크업 언어(HTML)로 작성되어, 타 웹서버에 저장된 서브 웹페이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이 되도록 호출하는 서브 웹페이지 호출 모듈의 SWF 객체를 삽입하는 HTML 태그(tag)를 포함하는 메인 웹페이지 문서와; 메인 웹페이지의 HTML 문서를 저장하고 사용자 단말의 웹 브라우저의 요청에 따라 상기 메인 웹페이지 문서를 사용자 단말에 제공하여 처리하여 디스플레이 되도록 하는 웹 서버;를 포함하여, 상기 서브 웹페이지 호출 모듈은 표준 바이너리 SWF 파일로 컴파일 가능한 MXML과 액션스크립트를 이용하여 구성되고 표준 바이너리 컴파일되어 상기 서브 웹페이지 호출 모듈의 SWF 객체를 생성하며, 상기 서브 웹페이지 호출 모듈의 SWF 객체가 상기 HTML 태그(tag)에 의해 호출되어 실행됨으로써 상기 타 웹서버에 저장된 서브 웹페이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이되는 것을 특징으로 하는 웹 서비스 시스템 및 하이퍼 텍스트 마크업 언어 HTML(HyperText Markup Language)로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법에 관한 것이다.

메인 웹페이지, 서브 웹페이지, 하이퍼 링크

Description

웹 서비스 시스템 및 하이퍼 텍스트 마크업 언어로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법{Web service system and method for hyper-linking sub-web pages of various types to web page made of HTML}

본 발명은, 웹 서비스 시스템 에 관한 것으로, 보다 상세하게는 메인 웹페이지 및 이에 하이퍼 링크된 하나 이상의 서브 웹페이지를 포함하는 다중화된 웹페이지를 제공하는 웹 서비스 시스템 및 하이퍼 텍스트 마크업 언어 HTML(HyperText Markup Language)로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법에 관한 것이다.

오늘날 우리가 알고 있는 인터넷은 그동안 많은 변화를 겪어왔다. 초창기 에는 소수의 과학자들 또는 일반인들이 서로의 연구 결과물들을 교환하기 위하여 간단한 텍스트 기반의 브라우저를 통하여 인터넷이 이용되었다. 따라서, 초창기의 웹페이지는 정적인 것으로 예를 들어, 대학에서 온라인으로 강의 요강을 게시하거나 회사에서는 몇 개의 문서와 계약에 관한 자료를 올려놓고, 접속한 사용자의 게시된 자료의 요청을 수신하여 응답하는 정도의 기능만이 요구되었다.

그러나, 오늘날에 와서는 인터넷은 정보와 상거래의 중심이 되어 인터넷에 접속한 사용자의 다양한 욕구를 만족시키고 있으며, 하이퍼 텍스트 마크업 언어(HTML)고안된 이후 그동안 웹페이지에 접속한 사용자의 다양한 욕구를 만족시키는 동적인 웹페이지의 구현을 위해 CGI, 애플릿, 자바스크립트, 서블릿, ASP, PHP, 플래시, DHTML, XML 및 유사기술들(XUL, XAML, MXML등)이 적용되는 다양한 웹 어플리케이션이 웹페이지의 제작에 사용에 이용되어 왔다.

특히, 현재 인터넷을 통한 전자상거래의 보급 및 발전에 따라, 웹페이지는 회사와 개인간은 물론 개인과 개인간의 상거래 기본 플랫폼의 중요 역할을 수행하고 있으며, 단순히 정보의 게시가 아닌 결제 인증보안 및 관련 상품정보제공의 다양한 기능이 요구되고 있다. 이에 따라, 위 기능을 수행하기 위한 웹 사이트에서는 하나의 웹페이지를 중심으로 다양한 웹 어플리케이션을 이용하여, 결제 및 보안 인증등을 위한 동일 또는 별개 사업자 내지 개인의 다수의 웹페이지를 상호 링크가 필수 불가결하다.

위와 같은 전자상거래를 위한 웹 사이트의 경우 일반적으로, 하이퍼 링크 태그에 의하여 현재 창에 링크된 웹페이지를 표시하거나, 새로운 창을 띄워 링크된 웹 문서를 표시하게 된다. 특히, 전자상거래등 링크된 웹페이지간의 상호 통일성이 중요시되는 경우에는 하이퍼 링크 태그 중, HTML 문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그인 iframe (inline frame) 태그와 div 태그의 z-index 속성을 이용하여 메인 페이지의 창에 링크된 웹페이지를 메인 홈페이지에 다양한 레이어로 표현하고 있다.

그럼에도 불구하고, 웹 호스팅 서비스 또는 블로그등 개인 홈페이지 제공 서비스에 따라서는 호스팅 서버의 부하의 문제 및 보안상의 이유로 웹 호스팅 업체 내지 블로그등 개인 홈페이지 제공 서비스 업체의 정책에 따라, HTML 코드 필터링, 자바스크립트 코드 필터링을 통해 업로딩되는 페이지의 작성에 제한을 두고 있는 것이 현실이다. 즉, 웹 호스팅서비스 제공 업체에 따라서는 웹 서버에 올리는 웹페이지에 등 iframe 태그 등 특정 HTML 태그나, 자바스크립트 코드의 사용을 금지함으로써 사용자의 웹페이지 작성에 제한을 두고 있다.

이에 따라, 특정 HTML 태그나 자바스크립트뿐만 아니라, 현재 다양한 자바스크립트와 결합되는 웹페이지 생성방법 예를들면, 자바스크립트와 CSS의 결합에 의한 DHTML, 또는 DHTML과 XML에 클라이언트 기반의 웹 어플리케이션을 결합하는 Ajax 등의 이용할 수 없게 됨으로써, 웹 호스팅 서비스를 이용하는 웹 사이트의 경우, 메인 홈페이지에 다양한 레이어로 표현 서브 웹페이지의 링크에 제한이 가해질 뿐만 아니라, 불법복제 방지 및 보안등을 위한 간단하고 유용한 자바스크립트 코드나 ajax기술 등을 사용이 제한되어, 다양한 웹 사이트의 구현이 불가능하다. 특히, 상술한 바와 같은 전자상거래를 위한 웹 사이트의 경우에는 위와 같은 제한으로 인하여 결제창 등의 서브 웹페이지를 메인 웹페이지와 상호 통일성 있게 디스플레 및 불법복제 방지 및 보안등을 위한 프로그램의 사용이 극히 제한되므로 자신의 개인 홈페이지를 이용한 신뢰성 있고 효율적인 전자상거래 사이트로 구축하기 어려운 문제점이 있다.

따라서, 위와 같은 웹 호스팅 업체 내지 블로그등 개인 홈페이지 제공 서비 스 업체의 정책을 유지하면서도, 결제창등의 서브 웹페이지를 메인 웹페이지와 상호 통일성 있게 디스플레되도록 할 수 있으며, 불법복제 방지 및 보안등을 위한 프로그램의 사용이 제한되지 않는 웹 서비스가 제공될 필요가 있다.

본 발명의 목적은 위와 같은 제한된 환경에서도 메인 웹페이지 및 이에 하이퍼 링크된 하나 이상의 서브 웹페이지를 포함하는 다중화된 웹페이지를 제공하는 웹 서비스 시스템을 제공하는 것이며, 또한, 위와 같은 제한된 환경에서도 하이퍼 텍스트 마크업 언어(HTML: HyperText Markup Language)로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법을 제공하는 것이다.

상기 목적을 달성하기 위하여, 본 발명에 따른 웹 서비스 시스템은 메인 웹페이지 및 이에 하이퍼 링크된 하나 이상의 서브 웹페이지를 포함하는 다중화된 웹페이지를 제공하는 웹 서비스 시스템으로, 하이퍼 텍스트 마크업 언어(HTML)로 작성되어, 타 웹서버에 저장된 서브 웹페이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이 되도록 호출하는 서브 웹페이지 호출 모듈의 SWF 객체를 삽입(embed)하는 HTML 태그(tag)를 포함하는 메인 웹페이지 문서와, 메인 웹페이지의 HTML 문서를 저장하고 사용자 단말의 웹 브라우저의 요청에 따라 상기 메인 웹페이지 문서를 사용자 단말에 제공하여 처리하여 디스플레이 되도록 하는 웹 서버를 포함하여, 상기 서브 웹페이지 호출 모듈은 표준 바이너리 SWF 파일로 컴파일 가능한 MXML과 액션스크립트를 이용하여 구성되고 표준 바이너리 컴파일되어 상기 서브 웹페이지 호출 모듈의 SWF 객체를 생성하며, 상기 서브 웹페이지 호출 모듈의 SWF 객체가 상기 HTML 태그(tag)에 의해 호출되어 실행됨으로써 상기 타 웹서버에 저장된 서브 웹페 이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이되는 것을 특징으로 한다.

여기서, 상기 서브 웹페이지 호출 모듈은 MXML 및 액션스크립트를 이용하여 자바 스크립트파일을 호출하는 외부 호출 인터페이스 및 자바스크립트를 수행(evaluation)하는 코드로 구성되고, DIV 및 IFRAME 태그를 포함하여, 서브 웹페이지 호출 모듈의 SWF 객체의 실행에 따라, 타 웹서버에 저장된 서브 웹페이지 문서를 호출하여 메인 웹페이지에 삽입되도록 하는 자바스크립트 파일을 호출하여 실행시킴으로써 서브 웹페이지를 삽입하도록 구성될 수 있다.

또한, 상기 서브 웹페이지 모듈은, 타 웹서버에 저장된 서브 웹페이지 문서를 호출하여 메인 웹페이지에 삽입되도록 하는 IFRAME 구성부를 포함하고, 상기 액션스크립트는 상기 IFRAME 구성부를 해석하여 실행시키도록 구성할 수 있다.

나아가, 상기 액션 스크립트에는 상기 메인 웹페이지 문서에는 접속된 사용자의 선택에 의하여, 타 웹서버에 저장된 서브 웹페이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이 되도록 하는 액션 스크립트 코드 블록을 포함할 수 있다.

바람직하게는, 상기 메인 웹페이지 문서는 웹 브라우저에서 실행되어 전자 상거래 웹페이지를 구성하고, 상기 서브 웹페이지 문서는 웹 브라우저에서 실행되어 메인 웹페이지의 출력화면내에 삽입되어 디스플레이되는 전자지불결제화면을 구성하도록 한다.

한편, 본 발명에 따른 하이퍼 텍스트 마크업 언어 HTML(HyperText Markup Language)로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법은, 표준 바이너리 SWF 파일로 컴파일 가능한 MXML과 액션 스크립트를 이용하여 서브 웹페이지의 호출 모듈을 구성하는 단계; 상기 위부 웹페이지의 호출 모듈을 바이너리 컴파일하여 서브 웹페이지 호출용 바이너리 SWF 객체를 생성하는 단계; 상기 HTML로 작성된 웹페이지의 HTML 문서내에 포함되어 상기 서브 웹페이지 호출용 바이너리 SWF 객체를 삽입(embed)하는 HTML 태그에 의하여 상기 서브 웹페이지 호출용 바이너리 SWF객체를 호출하여 실행하도록 하여 서브 웹페이지를 HTML로 작성된 웹페이지에 하이퍼 링크시키는 단계; 를 포함하여 이루어진다.

여기서, 서브 웹페이지의 호출 모듈을 구성하는 단계는, DIV 및 IFRAME 태그를 포함하여 링크될 서브 웹페이지를 호출하는 자바스크립트 파일을 작성하는 단계; 및 MXML 및 액션스크립트를 이용하여 상기 자바 스크립트파일을 호출하는 외부 호출 인터페이스 및 자바스크립트를 수행(evaluation)하는 코드를 작성하는 단계를 포함할 수 있다.

또한, 서브 웹페이지의 호출 모듈은, 타 웹서버에 저장된 서브 웹페이지 문서를 호출하여 메인 웹페이지에 삽입되도록 하는 IFRAME 구성부를 포함하고, 상기서브 웹페이지 호출용 바이너리 SWF 객체의 실행에 따라, 상기 액션 스크립트는 상기 IFRAME 구성부를 해석하여 실행시키도록 구성될 수 있다.

상술한 바와 같은 본 발명에 의하면, 웹 호스팅 업체 내지 블로그등 개인 홈페이지 제공 서비스 업체의 정책을 유지하면서도, 다양한 방식으로 크로스 링크되는 서브 웹페이지를 작성하는 것이 가능하며, 이에 따라 작성된 서브 웹페이지를 별도의 새창을 띄우지 않고 메인 웹페이지에 메인 웹페이지와 상호 통일성 있게 디스플레하는 것이 가능하다.

또한, 특정 HTML 태그나 자바스크립트뿐만 아니라, 현재 다양한 자바스크립트와 결합되는 웹페이지 생성 어플리케이션을 이용할 수 있게 됨으로써 웹 호스팅 업체 내지 블로그등 개인 홈페이지 제공 서비스 업체의 정책에 제한을 받지 않고, 불법복제 방지 및 보안등을 위한 다양한 어플리케이션을 자유로이 사용하는 것이 가능하다.

나아가, 본 발명이 전자상거래 사이트에 적용될 경우 자신의 개인 홈페이지를 이용한 신뢰성 있고 효율적인 전자상거래 사이트로 구축할 수 있게 된다.

이하에서는 첨부도면을 참조하여 본 발명을 상세히 설명한다.

도1은 본 발명의 일 실시 형태에 따른 웹 서비스 시스템의 구성의 일예를 나타내는 도면이다. 본 웹 서비스 시스템은, 기본적으로 하이퍼 텍스트 마크업 언어(HTML)로 작성된 메인 웹페이지(101)와 이를 저장하는 웹 서버(100)(이하, “메인 웹 서버”라 한다.)를 포함한다. 일반적으로 메인 웹페이지에 크로스 링크되는 서브 웹페이지(111)은 메인 웹 서버(100)와는 다른 타 서버(이하, “서브 웹 서버”라 한다.)에 저장된다. 도1의 실시 형태의 경우 서브 웹페이지 호출 모듈 또는 상기 서브 웹페이지 호출 모듈이 바이너리 컴파일된 SWF 객체(121)는 저장하는 서버(이하 "제3 웹서버"라 한다.)는 메인 웹 서버 또는 서브 웹서버와는 별개의 서버 로 구성되어 있으나, 실시형태에 따라서는 메인 웹 서버 또는 서브 웹 서버에 저장되도록 구성할 수도 있다.

메인 서버는 클라이언트가 최초에 URL을 입력하여 정보를 요청하는 서버로, 상술한 바와 같이, 웹 서버의 운영 업체 내지 웹 호스팅 업체의 정책에 따라, 웹 서버에 올리는 웹페이지(메인 웹페이지)에 iframe 태그 등 특정 HTML 태그나, 자바스크립트 코드의 사용을 금지함으로써 사용자의 웹페이지 작성에 제한이 있을 수 있다. 따라서, 메인 웹페이지(101)은 이를 저장하는 웹 서버의 운영 업체 내지 웹 호스팅 업체의 정책에 따라, 순수 하이퍼 텍스트 마크업 언어(HTML)로 작성되며, iframe 태그 등 제한이 가해진 태그를 사용하지 않는다. 그 대신 서브 웹페이지 호출 모듈의 SWF 객체를 링크하는 HTML 태그(tag)를 포함한다.

메인 웹페이지의 서브 웹페이지 호출 모듈의 SWF 객체를 링크하는 HTML 태그(tag)로는 "<object>"태그 및 "<embed>"태그가 사용될 수 있으며, 메인 웹페이지 HTML문서 내에서 다음과 같이 사용된다.

여기서, 서브 웹페이지 호출 모듈의 SWF 객체의 링크는 HTML 문서의 <body>~ </body>태그 사이에 <object>와 <embed> 태그를 사용하여 payPage.swf 파일을 삽입(embed)함으로써 이루어진다. <object>안의 SWF 객체의 매개 변수 <param name="movie" value="파일경로" />는 설정된 변수 값을 설정할 SWF 파일 경로를 지정하게 된다.

도1의 경우에서와 같이, 서브 웹페이지 호출 모듈 또는 서브 웹페이지 호출 모듈의 SWF 객체를 저장하는 제3 웹서버"가 메인 서버와 별개의 서버로 구성되어 있는 경우, 매개 변수의 name 항목 부분의 "파일 경로"는 메인 웹 서버의 URL과 상이한 제3 웹서버의 URL이 지정되어 <param name="movie" value="http://XXX.XXX.XXX.X"/../payPage.swf/>의 형태로 payPage.swf 파일이 저장되어 있는 경로를 지정하게 된다.

서브 웹 서버에 저장된 메인 웹페이지에 삽입될 서브 웹페이지 문서는 제한 없이 다양한 형식의 마크업 언어를 이용하고 자바스크립트, Ajax등의 기술을 포함하여 작성될 수 있다.

서브 웹페이지 호출 모듈(121)은 서브 웹서버에 저장된 서브 웹페이지 문서를 호출하고 해석하여 메인 웹페이지 내에 삽입되어 디스플레이 되도록 하도록 작성되며, 표준 바이너리 SWF 파일로 컴파일 가능한 언어 즉, 매크로 미디어 플렉스(FLEX) 기술에 사용되는 XML을 확장한 MXML(Macromedia eXtensible Markup Language)과, 브라우저와 매크로 미디어 플레시에서 애니메이션 또는 영화의 재생이나 브라우저와 서버간의 통신을 위한 스크립트 언어인 액션스크립트를 이용하여 작성이 가능하다.

서브 웹페이지 호출 모듈은 기본적으로 MXML과 이에 포함된 액션스크립트로 구성된다. 액션 스크립트는 MXML의 <mx:Script> 태그를 사용하여 MXML 내에 원하는 액션 스크립트를 넣게 된다.

실시예에 따라서는, 메인 웹페이지의 로딩시 자동적으로 서브 웹페이지 호출 모듈의 SWF 객체를 실행시키도록 구성할 수도 있으나, 메인 웹페이지 문서내에서 접속된 사용자의 선택에 의하여, 예를 들면, 도8에서와 같이, 메인 웹페이지의 화면에는 "구매하기"와 같은 버튼을 포함하게 되고, 사용자가 상기 버튼을 클릭함으로써 서브 웹페이지가 로드되도록 구성할 수도 있다.

이 경우 후술하는 서브 웹페이지의 호출 모듈을 구성하는 MXML내의 액션 스크립트에서 이벤트 발생시 서브 웹페이지를 로드하도록 서브 웹페이지 호출 모듈의 MXML에 <mx:Script> 태그를 사용해 아래와 같은 ActionScript 코드 블록을 삽입함으로써 액션 스크립트의 이벤트 발생시 서브 웹페이지를 로드하도록 한다.

.......
<mx:Script>
.......
private function payClickProcess():void
{
ExternalInterface.call ("embedPayPage",btCode);
}

[Bindable] [Embed(source="pigbutton.jpg")] private var imgPayNow:Class;

]]>

</mx:Script>
<mx:HBox>
<mx:Button icon="{imgPayNow}" click="payClickProcess()"/>
</mx:HBox>

여기서, private function payClickProcess():void 부분은 액션 스크립트 함 수를 정의 한 것으로, payClickProcess 가 함수의 이름이 된다. void 는 함수의 리턴 값이 없다는 의미이다. [Bindable] [Embed(source="pigbutton.jpg")] private var imgPayNow 부분은 [Embed(...)] 태그 내부의 리소스 pigbutton.jpg를 imgPayNow 변수에 지정한다는 의미이다. <mx:Button icon="{imgPayNow}" click="payClickProcess()"/>에서, pigbutton.jpg는 서브 웹페이지 호출 모듈의 SWF 객체에 합쳐져, 도7의 경우의 예를 들면, "구매하기" 버튼 이미지로 디스플레이 되고 사용자가 "구매하기" 버튼 이미지를 클릭하면, payClickProcess 함수를 실행시켜 결제 화면인 서브 웹페이지를 로드하도록 구성된다.

도2는 서브 웹페이지 호출 모듈의 제1 실시예를 설명하는 도면으로, 도2를 참조하면, DIV 및 IFRAME 태그를 포함하여 서브 웹 서버에 저장된 서브 웹페이지 문서를 호출하여 메인 웹페이지에 삽입되도록 하는 외부 자바스크립트 파일(213)을 별도로 작성하여 저장하고, 서브 웹페이지 호출 모듈(210)은 MXML 및 액션스크립트를 이용하여 자바 스크립트파일을 호출하는 외부 호출 인터페이스(212) 및 자바스크립트 함수를 수행(evaluation)하는 코드(211)로 구성되어, 서브 웹페이지 문서 호출 모듈의 SWF 객체(121)의 실행에 따라, 상기 외부 자바스크립트 파일(213)을 호출하여 실행시킴으로써 서브 웹페이지(111)가 메인 웹페이지(101)에 하이퍼 링크되어 디스플레이 되도록 하는 구성이다.

이 경우 외부 자바스크립트 파일(213) 및 서브 웹페이지 호출 모듈은 아래와 같이 작성될 수 있다.

(1) 외부 자바스크립트 파일(213) :

var tiframe = document.createElement("iframe");
function embedPayPage(btCode)
{
tiframe.src="popupPage.jsp?btCode="+btCode;
pp.body.appendChild(tiframe);
tiframe.style.visibility="hidden";
}

(2) 외부 호출 인터페이스/자바스크립트 함수 수행(evaluation) 코드(210):
<mx:Application>

<mx:Script>
<![CDATA[
private function loadPageJS():void
{
var JSfileName:String;
JSfileName ="pageJS.js"
JSservice = new HTTPService();
JSservice.url = JSfileName;
JSservice.useProxy = false
JSservice.resultFormat = "text"
JSservice.addEventListener ("result", injectJavaScript);
JSservice.send ();
}

private function payClickProcess():void
{
ExternalInterface.call ("embedPayPage",btCode); <-- javascript function call
}

[Bindable] [Embed(source="pigbutton.jpg")] private var imgPayNow:Class;
]]>

</mx:Script>

<mx:Button icon="{imgPayNow}" click="payClickProcess()"/>

</mx:Application>

여기서, (1)외부 자바스크립트 파일(213)은 DIV 및/또는 Iframe 태그등을 포함하여, 서브 웹페이지를 호출하여 삽입하는 자바스크립트 함수 function embedPayPage()를 포함하여 구성된다. (2) 외부 호출 인터페이스 및 자바스크립트를 이벨류에이션(evaluation) 즉, 수행하는 코드 부분은, 외부 자바스트립트 파일 pageJS.js가 저장되어 있는 HTTP 서버(즉, 웹 서버)로부터 pageJS.js 를 mxml로 가져 오도록 하는 컴포넌트 HTTPService()를 포함하는 private function loadPageJS()와 자바 스크립트 함수를 embedPayPage를 호출하여 수행하여 결과 데이터를 얻는 함수 payClickProcess() 로 구성된다.

도3는 서브 웹페이지 호출 모듈의 제2 실시예를 설명하는 도면으로, 도3을 참조하면, 서브 웹페이지 호출 모듈(310)을 서브 웹서버에 저장된 서브 웹페이지 문서(111)를 호출하여 메인 웹페이지에 삽입되도록 하는 IFRAME 구성부(312)를 포함하고, 상기 IFRAME 구성부를 해석하여 실행시키는 IFRAME 액션스크립트(311)로 구성한 경우이다. 서브 웹페이지 호출 모듈은 mxml 및 액션스크립트를 이용하여 아래와 같이 작성될 수 있다.

(1)IFRAME 구성부(312):
<local:IFrame
id="myFrame"
width="200"
height="150"
source="testpage.html">
</local:IFrame>

(2)Iframe 액션 스크립트(311):
public function IFrame()
{ super();
this.addEventListener(Event.REMOVED_FROM_STAGE, handleRemove);
this.addEventListener(Event.ADDED_TO_STAGE, handleAdd);
}

override protected function createChildren():void
{
super.createChildren();
if (! ExternalInterface.available) {
....
ExternalInterface.call(FUNCTION_CREATEIFRAME);
ExternalInterface.call(FUNCTION_MOVEIFRAME);
ExternalInterface.call(FUNCTION_HIDEIFRAME);
ExternalInterface.call(FUNCTION_SHOWIFRAME);
ExternalInterface.call(FUNCTION_SHOWDIV);
ExternalInterface.call(FUNCTION_HIDEDIV);
ExternalInterface.call(FUNCTION_LOADIFRAME);
ExternalInterface.call(FUNCTION_LOADDIV_CONTENT);
ExternalInterface.call(FUNCTION_CALLIFRAMEFUNCTION);
ExternalInterface.call("createIFrame", frameId);
....
}
....
}

private static var FUNCTION_CREATEIFRAME:String =
"document.insertScript = function ()" +
"{ " + "if (document.createIFrame==null)" + "{" +
.... +"}";

private static var FUNCTION_MOVEIFRAME:String =
"document.insertScript = function ()" +
"{ " + .... +"}";

private static var FUNCTION_HIDEIFRAME:String =
"document.insertScript = function ()" +
"{ " + .... +"}";

private static var FUNCTION_SHOWIFRAME:String =
"document.insertScript = function ()" +
"{ " + .... +"}";
....

이하에서는, 본 발명의 일 실시 형태에 따른 하이퍼 텍스트 마크업 언어 HTML(HyperText Markup Language)로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법을 설명한다. 상술한 본 발명에 따른 웹 서비스 시스템의 실시 형태에 관한 설명과 중복되는 내용은 생략한다.

도4는 본 발명의 HTML로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키켜, HTML 웹페이지 내에 서브 웹페이지 삽입/디스플레이하는 과정을 간단히 설명하고 있다.

본 발명의 일 실시 형태에 따른 하이퍼 텍스트 마크업 언어 HTML(HyperText Markup Language)로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법은, 먼저, 표준 바이너리 SWF 파일로 컴파일 가능한 MXML과 액션스크립트로 서브 웹페이지의 호출 모듈을 구성한다(S10). 이는 서브 웹페이지의 호출 모듈 파일을 상술한 바와 같이 MXML과 이에 포함된 액션스크립트로 나뉘어 작성함으로써 이루어진다.

여기서, 표준 바이너리 SWF 파일로 컴파일 가능한 마크업 언어로는 매크로 미디어 플렉스(FLEX) 기술에 사용되는 XML을 확장한 MXML(Macromedia eXtensible Markup Language) 및 이에 포함된 스크립트 언어인 액션스크립트가 사용된다.

이어, 상기 위부 웹페이지의 호출 모듈 파일을 바이너리 컴파일하여 서브 웹페이지 호출 모듈의 바이너리 SWF 객체를 생성한다(S20). 바이너리 컴파일에 의하 여 부 웹페이지 호출 모듈의 바이너리 SWF 객체인 *.swf 바이너리 파일이 생성되며, SWF 객체는 바이너리 컴파일되어 바이너리 파일 즉 *.swf 이 서버에 저장될 수 있을 뿐만 아니라, 메인 웹페이지가 서브 웹페이지를 요청할 때 자동으로 바이너리 컴파일 되어 서브 웹페이지 호출 모듈의 바이너리 SWF 객체를 생성하도록 구성할 수도 있다. 따라서, 이 경우 삽입되는 서브 웹페이지의 위치등에 변경등이 있는 경우 서브 웹 서버에 저장된 MXML 문서만을 수정함으로써 서브 웨 페이지의 링크 작업이 용이하게 되며, 서브 웹페이지 호출용 바이너리 SWF 객체를 생성은 메인 웹페이지의 서브 웹페이지 요청과 동시에 자동적으로 실행된다.

이어, 상기 서브 웹페이지 호출 모듈의 바이너리 SWF 객체가 상기 HTML문서로 작성된 메인 웹페이지에 HTML 태그에 의해 삽입한다(S30). 이로써, 서브 웹페이지가 상기 메인 웹페이지에 하이퍼 링크되며, 메인 웹페이지의 로딩(onload)시 자동적으로 서브 웹페이지 호출 모듈의 SWF 객체를 실행되거나, 메인 웹페이지 문서내에서 접속된 사용자의 선택에 의하여, 서브 웹페이지 호출 모듈의 SWF 객체가 실행되어, 서브 웹페이지가 로드되어 메인 웹페이지에 삽입되어 디스플레이된다.

도5 내지 도9는 본 발명에 따른 웹 서비스 시스템 및 서브 웹페이지를 하이퍼 링크시키는 방법에 따라, 개인 웹 사이트에 적용될 수 있는 간단한 전자 상거래웹 사이트를 구성한 경우의 웹 문서 및 구현 화면이다.

메인 웹페이지 문서(도5)는 순수 HTML 문서로, 웹 브라우저에서 실행되어 간단한 전자 상거래 웹페이지(도6)을 구성하고, 메인 웹페이지 문서에 도7의 □ 부분과 같이 삽입(embed)된 서브 웹페이지 호출 모듈의 SWF 객체의 실행의 의하여 서브 웹페이지 문서는 웹 브라우저에서 실행되어 메인 웹페이지의 출력화면내에 삽입되어 디스플레이되는 전자지불결제화면(도9의 □ 부분)을 구성하게 된다.

서브 웹페이지 호출 모듈의 SWF 객체는, 앞서 설명한 바와 같이, 서브 웹페이지 호출 모듈의 SWF 객체와 합쳐진 이미지 도8의 □ 부분의 "구매하기"버튼을 사용자의 선택에 의하여 클릭함으로써 실행된다.

이상에서 본 발명은 실시 형태에 따라 도면을 참고로 설명되었으나, 이들은 예시적인 것으로 본 발명의 권리범위는 이들에 한정되지 않으며, 다양한 변형 및 균등의 범위의 실시 형태를 포함하여 청구범위에 기재된 사항에 따라 본 발명의 권리범위가 정해진다.

도1은 본 발명의 일 실시 형태에 따른 웹 서비스 시스템의 구성예를 나타내는 설명도.

도2는 서브 웹페이지 호출 모듈의 제1 실시예를 설명하는 설명도.

도3은 서브 웹페이지 호출 모듈의 제2 실시예를 설명하는 설명도.

도4는 본 발명의 일 실시 형태에 따른 서브 웹페이지를 하이퍼 링크시키는 방법에 따라, HTML 웹페이지 내에 서브 웹페이지 삽입/디스플레이하는 과정을 설명하는 흐름도.

도5 내지 도9는 본 발명에 따른 웹 서비스 시스템 및 서브 웹페이지를 하이퍼 링크시키는 방법에 따라, 개인 웹 사이트에 적용될 수 있는 간단한 전자 상거래웹 사이트를 구성한 경우의 웹 문서 및 구현 화면.

Claims

메인 웹페이지 및 이에 하이퍼 링크된 하나 이상의 서브 웹페이지를 포함하는 다중화된 웹페이지를 제공하는 웹 서비스 시스템에 있어서,

하이퍼 텍스트 마크업 언어(HTML)로 작성되어, 타 웹서버에 저장된 서브 웹페이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이 되도록 호출하는 서브 웹페이지 호출 모듈의 SWF 객체를 삽입하는 HTML 태그(tag)를 포함하는 메인 웹페이지 문서와;

메인 웹페이지의 HTML 문서를 저장하고 사용자 단말의 웹 브라우저의 요청에 따라 상기 메인 웹페이지 문서를 사용자 단말에 제공하여 처리하여 디스플레이되도록 하는 웹 서버;를 포함하여,

상기 서브 웹페이지 호출 모듈은 표준 바이너리 SWF 파일로 컴파일 가능한 MXML과 액션스크립트를 이용하여 구성되고 표준 바이너리 컴파일되어 상기 서브 웹페이지 호출 모듈의 SWF 객체를 생성하며, 상기 서브 웹페이지 호출 모듈의 SWF 객체가 상기 HTML 태그(tag)에 의해 호출되어 실행됨으로써 상기 타 웹서버에 저장된 서브 웹페이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이되는 것을 특징으로 하는 웹 서비스 시스템.
제 1 항에 있어서,

상기 서브 웹페이지 호출 모듈은, 외부 자바 스크립트파일을 호출하는 외부 호출 인터페이스 및 자바스크립트를 수행(evaluation)하는 코드로 구성되고, DIV 및 IFRAME 태그를 포함하여, 상기 서브 웹페이지 호출 모듈의 SWF 객체의 실행에 따라,타 웹서버에 저장된 서브 웹페이지 문서를 호출하여 메인 웹페이지에 삽입되도록 하는 외부 자바스크립트 파일을 호출하여 실행시키는 것을 특징으로 하는 웹 서비스 시스템.
제 1 항에 있어서,

상기 서브 웹페이지 호출 모듈은, 타 웹서버에 저장된 서브 웹페이지 문서를 호출하여 메인 웹페이지에 삽입되도록 하는 IFRAME 구성부를 포함하고, 상기 서브 웹페이지 호출 모듈의 SWF 객체의 실행에 따라, 상기 액션 스크립트는 상기 IFRAME 구성부를 해석하여 실행시키는 것을 특징으로 하는 웹 서비스 시스템.
제 1 항에 있어서,

상기 액션 스크립트에는, 접속된 사용자의 선택에 의하여, 타 웹서버에 저장된 서브 웹페이지 문서가 메인 웹페이지 내에 삽입되어 디스플레이 되도록 하는 액션 스크립트 코드 블록을 포함하는 것을 특징으로 하는 웹 서비스 시스템.
제 1 항 내지 제 4 항 중 어느 한 항에 있어서,

상기 메인 웹페이지의 HTML 문서는 웹 브라우저에서 실행되어 전자 상거래 웹페이지를 구성하고, 상기 서브 웹페이지 문서는 웹 브라우저에서 실행되어 메인 웹페이지의 출력화면내에 삽입되어 디스플레이되는 전자지불결제화면을 구성하는 것을 특징으로 하는 웹 서비스 시스템.
하이퍼 텍스트 마크업 언어 HTML(HyperText Markup Language)로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법에 있어서,

표준 바이너리 SWF 파일로 컴파일 가능한 MXML과 액션 스크립트를 이용하여 서브 웹페이지의 호출 모듈을 구성하는 단계와;

상기 서브 웹페이지의 호출 모듈을 바이너리 컴파일하여 서브 웹페이지 호출용 바이너리 SWF 객체를 생성하는 단계와;

상기 HTML로 제작된 웹페이지의 HTML 문서내에 포함되어 상기 서브 웹페이지 호출용 바이너리 SWF 객체를 삽입(embed)하는 HTML 태그에 의하여, 상기 서브 웹페이지 호출용 바이너리 SWF객체를 호출하여 실행하도록 하여 서브 웹페이지를 HTML로 제작된 웹페이지에 하이퍼 링크시키는 단계; 를 포함하여 이루어지는 HTML로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법.
제 6 항에 있어서,

상기 서브 웹페이지의 호출 모듈을 구성하는 단계는,

DIV 및 IFRAME 태그를 포함하여 링크될 서브 웹페이지를 호출하는 자바스크립트 파일을 작성하는 단계; 및 MXML 및 액션스크립트를 이용하여 상기 자바 스크립트파일을 호출하는 외부 호출 인터페이스 및 자바스크립트를 수행(evaluation)하 는 코드를 작성하는 단계를 포함하는 HTML로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법.
제 6 항에 있어서,

상기 서브 웹페이지의 호출 모듈은, 타 웹서버에 저장된 서브 웹페이지 문서를 호출하여 메인 웹페이지에 삽입되도록 하는 IFRAME 구성부를 포함하고, 상기 서브 웹페이지 호출용 바이너리 SWF 객체의 실행에 따라, 상기 액션 스크립트는 상기 IFRAME 구성부를 해석하여 실행시키는 것을 특징으로 하는 HTML로 제작된 웹페이지에 다양한 형식의 서브 웹페이지를 하이퍼 링크시키는 방법.