KR20120111187A

KR20120111187A - Sharing system for web application program in on-line

Info

Publication number: KR20120111187A
Application number: KR1020110029545A
Authority: KR
Inventors: 박정환
Original assignee: 박정환
Priority date: 2011-03-31
Filing date: 2011-03-31
Publication date: 2012-10-10

Abstract

본 발명은 제작된 웹어플리케이션을 제공하는 공유된 웹어플리케이션을 이용하여 새로운 조합에 따른 웹어플리케이션을 생성할 수 있는 온라인 상에서의 웹어플리케이션 공유 시스템에 관한 것으로, 본 발명의 온라인 상에서의 웹 어플리케이션 공유 시스템은 온라인 접속수단에 의해 온라인 상에 접속이 가능한 사용자 컴퓨터(100)와; XAML 기반의 웹어플리케이션의 실행가능한 환경과 상기 사용자 컴퓨터(100)의 접속 가능한 환경을 제공하는 웹서버(200) 및; 상기 사용자 컴퓨터(100)가 상기 웹서버(200)의 접속에 따라 실행된 데이터를 저장 관리하는 데이터서버(300)를 포함하는 것이 특징이다.
본 발명에 따르면, 온라인 접속을 통해 동일한 환경의 웹어플리케이션을 이용할 수 있으며, 접속한 컴퓨터에 직접 웹어플리케이션이 설치되지 않으므로 온라인에 접속한 컴퓨터의 성능을 최적의 상태로 유지할 수 있으며, 웹데이터베이스 공간에 사용자 개인이 각자 저장한 데이터가 존재하여 온라인 접속만으로도 이를 업데이트하거나 수정할 수 있으므로, 개인 컴퓨터에 저장된 데이터보다 안전하게 이용 및 관리할 수 있으며, 공유된 웹어플리케이션을 제3자가 조합하여 새로운 웹어플리케이션을 제작할 수 있는 환경을 제공할 수 있다.The present invention relates to a web application sharing system on-line that can generate a web application according to a new combination by using a shared web application that provides a manufactured web application. A user computer 100 which can be connected online by online connection means; A web server (200) providing an executable environment of a XAML-based web application and an accessible environment of the user computer (100); The user computer 100 includes a data server 300 for storing and managing data executed in accordance with the access of the web server 200.
According to the present invention, the web application of the same environment can be used through online connection, and since the web application is not directly installed on the connected computer, the performance of the computer connected to the online can be optimally maintained, Data stored by each user can be updated or modified through online connection only, so it can be used and managed more securely than data stored on a personal computer, and a new web application can be created by combining a shared web application with a third party. Can provide an environment that

Description

Sharing System for Web Application Program in On-line

본 발명은 인터넷 등의 수단을 통해 온라인 상으로 웹어플리케이션 프로그램을 공유 및 그 방법에 관한 것으로, 더욱 상세하게는 제작된 웹어플리케이션을 제공하는 공유된 웹어플리케이션을 이용하여 새로운 조합에 따른 웹어플리케이션을 생성할 수 있는 온라인 상에서의 웹어플리케이션 공유 시스템에 관한 것이다.
The present invention relates to a method of sharing a web application program online through a means such as the Internet and the like, and more particularly, to create a web application according to a new combination by using a shared web application providing a manufactured web application. The present invention relates to a system for sharing web applications online.

근래에는 UCC 사이트, 개인 블로그 등 멀티미디어 콘텐츠를 취급하는 다양한 사이트 등의 출현으로 인해, 특정 기업에서만 웹어플리케이션을 제작하는 것이 아니라 일반 개인들도 다양한 형태의 콘텐츠를 직접 제작하고 있다.Recently, due to the emergence of various sites dealing with multimedia contents such as UCC sites and personal blogs, not only web companies are producing web applications but also general individuals are also producing various types of contents.

이러한 어플리케이션은 단순히 사진들을 이용한 뮤직비디오의 제작이나, 간단한 동영상을 편집하는 수준의 영상물에 그치지않고, 자막 등의 간단한 텍스트 삽입뿐만 아니라 스킨, 목차 등의 다양한 형태의 메타데이터를 이용한 콘텐츠의 제작에 대한 사용자들의 요구가 증가하고 있으며, 그러한 추세에 맞는 콘텐츠 제작할 수 있는 다양한 웹어플리케이션들이 제공되고 있다.These applications are not just for the production of music videos using pictures, but also for the editing of simple videos, and for the creation of content using various types of metadata such as skins and tables of contents as well as simple text insertion such as subtitles. Users' demands are increasing, and various web applications are provided that can produce content that meets the trend.

웹어플리케이션은 사용자의 요구에 따라 또는 필요성에 따라 제작되어 온라인상에 저장되고 이를 접속가능한 제3자가 이를 다운로드하여 이용하고 있다.Web applications are created and stored on-line according to the user's needs or needs, and downloaded and used by third parties who can access them.

예를 들어, 1번의 클릭 및 접속으로 전화통화 가능한 제3자를 검색하여 온라인 상에서 바로 전화통화가 가능하거나 날씨정보, 여행정보, 길 찾기정보 등 다양한 웹어플리케이션이 제공되고 있으며, 이를 이용하고 있다.
For example, a single person can search for a third party who can make a phone call with one click and access, and can make a phone call online or provide various web applications such as weather information, travel information, and directions.

그런데, 상기와 같은 웹어플리케이션은 다운로드 가능한 웹 사이트에 접속하여 사용자가 접속한 컴퓨터의 운영체제(OS, Operating System)에 따른 버전 등을 검색하여 이를 다운로드하고, 이 다운로드된 웹어플리케이션을 컴퓨터에 설치해야 하는 복잡한 과정이 따른다.However, the above web application accesses a downloadable web site, searches for a version according to an operating system (OS) of a computer connected to the user, downloads the web application, and installs the downloaded web application on the computer. A complicated process follows.

또한 이용하는 컴퓨터가 변경되어 사용자가 즐겨 사용하는 웹어플리케이션을 다시 사용하기 위해서는 상기의 과정을 반복 수행해야 하는 번거로움이 있다.In addition, there is a hassle of having to repeat the above process in order to change the computer used to use the web application that the user prefers.

이에 더하여 사용자 개개인마다 이용하는 웹어플리케이션이 달라 공용으로 사용되는 컴퓨터의 경우 다양한 웹어플리케이션이 하나의 컴퓨터에 설치되어 컴퓨터의 성능을 저하시키고 저장할 수 있는 공간이 축소되는 문제점이 발생된다.
In addition, in the case of a computer that is used in common because each user uses a different web application, various web applications are installed on one computer, which causes a problem that the performance of the computer is reduced and the space for storage is reduced.

본 발명은 상기한 문제점을 해소하기 위해 안출된 것으로, 웹어플리케이션이 제공되는 온라인 상의 웹서버에 접속하여 온라인 상에서 웹어플리케이션을 실행하고 이를 저장가능한 온라인 상에서의 웹 어플리케이션 공유 시스템을 제공하는 데에 그 목적이 있다.SUMMARY OF THE INVENTION The present invention has been made to solve the above-mentioned problems, and an object thereof is to provide a system for sharing a web application on-line that can access and store a web application on-line and store it online. There is this.

또한, 제작된 웹어플리케이션을 공유하여 공유된 웹어플리케이션들을 조합하여 새로운 웹어플리케이션을 제작할 수 있는 온라인 상에서의 웹 어플리케이션 공유 시스템을 제공하는 데에 그 목적이 있다.
It is also an object of the present invention to provide a web application sharing system on-line that can create a new web application by combining the web applications that are shared by sharing the produced web application.

상기와 같은 본 발명의 온라인 상에서의 웹어플리케이션 공유 시스템을, 온라인 접속수단에 의해 온라인 상에 접속이 가능한 사용자 컴퓨터(100)와; XAML 기반의 웹어플리케이션의 실행가능한 환경과 상기 사용자 컴퓨터(100)의 접속 가능한 환경을 제공하는 웹서버(200) 및; 상기 사용자 컴퓨터(100)가 상기 웹서버(200)의 접속에 따라 실행된 데이터를 저장 관리하는 데이터서버(300)를 포함하는 것에 의해 달성된다.
A user computer (100) capable of accessing the online web application sharing system of the present invention as described above by online access means; A web server (200) providing an executable environment of a XAML-based web application and an accessible environment of the user computer (100); The user computer 100 is achieved by including a data server 300 for storing and managing data executed in accordance with the connection of the web server 200.

본 발명에 따르면, 웹어플리케이션이 제공되는 온라인 상의 서버에 접속하여 온라인 상에서 웹어플리케이션을 실행하고 이를 저장가능하여 온라인 접속을 통해 동일한 환경의 웹어플리케이션을 이용할 수 있으며, 접속한 컴퓨터에 직접 웹어플리케이션이 설치되지 않으므로 온라인에 접속한 컴퓨터의 성능을 최적의 상태로 유지할 수 있는 효과가 있다.According to the present invention, it is possible to access a server on which an online web application is provided and to execute a web application online and to store the web application in the same environment through an online connection, and to install the web application directly on the connected computer. As a result, it is possible to maintain optimal performance of a computer online.

또한, 웹데이터베이스 공간에 사용자 개인이 각자 저장한 데이터가 존재하여 온라인 접속만으로도 이를 업데이트하거나 수정할 수 있으므로, 개인 컴퓨터에 저장된 데이터보다 안전하게 이용 및 관리할 수 있으며, 공유된 웹어플리케이션을 제3자가 조합하여 새로운 웹어플리케이션을 제작할 수 있는 환경을 제공할 수 있다.
In addition, the data stored by each user in the web database space can be updated or modified only by accessing online, so it can be used and managed more safely than the data stored on the personal computer. It can provide an environment for creating new web applications.

도 1은 본 발명에 따른 온라인 상에서의 웹어플리케이션 공유 시스템의 개략적인 구성도,
도 2는 본 발명에 따른 온라인 상에서의 웹어플리케이션 공유 시스템의 구성도,
도 3은 본 발명에 따라 공유된 웹어플리케이션을 통해 새로운 웹어플리케이션을 제작하는 구성도이다.1 is a schematic structural diagram of a web application sharing system online according to the present invention;
2 is a block diagram of a system for sharing web applications online according to the present invention;
3 is a block diagram of a new web application is produced through a shared web application according to the present invention.

이하, 첨부된 도면을 참조하여 본 발명에 따른 온라인 상에서의 웹어플리케이션 공유 시스템을 상세히 설명한다.
Hereinafter, with reference to the accompanying drawings will be described in detail the web application sharing system on-line according to the present invention.

본 발명은 제작된 웹어플리케이션을 제공하는 공유된 웹어플리케이션을 이용하여 새로운 조합에 따른 웹어플리케이션을 생성할 수 있는 온라인 상에서의 웹어플리케이션 공유 시스템에 관한 것으로, 첨부된 도면의 도 1은 본 발명에 따른 온라인 상에서의 웹어플리케이션 공유 시스템의 개략적인 구성도이고, 도 2는 본 발명에 따른 온라인 상에서의 웹어플리케이션 공유 시스템의 구성도이다.
The present invention relates to a web application sharing system online that can generate a web application according to a new combination using a shared web application providing a manufactured web application. 2 is a schematic diagram of a web application sharing system online, and FIG. 2 is a schematic diagram of a web application sharing system online according to the present invention.

본 발명에 따른 온라인 상에서의 웹어플리케이션 공유 시스템은 크게, 사용자 컴퓨터, 웹서버, 데이터서버로 구성된다.
The online web application sharing system according to the present invention is largely composed of a user computer, a web server, and a data server.

사용자 컴퓨터(100, 101, 100n)는 온라인 접속수단에 의해 온라인 상에 접속이 가능한 컴퓨터로서, 사용자의 조작에 의해 웹서버(200)에 접속하고 이 웹서버(200)에서 제공되는 웹어플리케이션을 제공받는다.
The user computers 100, 101, and 100n are computers that can be accessed online by an online connection means, which access the web server 200 by a user's operation and provide a web application provided by the web server 200. Receive.

웹서버(200)는 XAML 기반의 웹어플리케이션의 실행가능한 환경과 상기 사용자 컴퓨터(100)의 접속 가능한 환경을 제공하여 사용자 컴퓨터(100)의 요구에 따라 웹환경에서 웹어플리케이션을 실행한다.
The web server 200 provides an executable environment of the XAML-based web application and an accessible environment of the user computer 100 to execute the web application in the web environment according to the request of the user computer 100.

XAML(Extensible Application Markup Language)은 선언적 언어로서, 구체적으로 XAML은 여러 개체 간의 계층적 관계를 보여 주는 언어 구조를 사용하고, 또한 형식을 확장할 수 있게 하는 지원 형식 규칙을 사용하여 개체를 초기화하고 개체 속성을 설정할 수 있다. 이 선언적 XAML 태그에 시각적인 GUI 환경을 구축할 수 있다. 그런 다음 별도의 코드 숨김 파일을 사용하여 이벤트에 응답하고 XAML에서 선언한 개체를 조작할 수 있는데, 이 XAML 언어는 Visual Studio와 Microsoft Expression Blend 사이에서 XAML 소스를 교환하는 등 개발 프로세스 중에 여러 도구와 역할 간에 소스를 데이터 손실 없이 교환할 수 있게 지원한다.
Extensible Application Markup Language (XAML) is a declarative language. Specifically, XAML uses a language construct that shows a hierarchical relationship between objects, and also initializes objects and supports objects using supported type rules that let you extend types. You can set the property. You can build a visual GUI environment on this declarative XAML tag. You can then use a separate code-behind file to respond to events and manipulate objects declared in XAML, which provides tools and roles during the development process, such as exchanging XAML sources between Visual Studio and Microsoft Expression Blend. It can be used to exchange the source without data loss.

XAML은 Silverlight GUI 및 해당 GUI의 요소를 선언하기 위한 기본 형식으로, 일반적으로 프로젝트에 포함된 하나 이상의 XAML 파일이 응용 프로그램에서 처음 표시되는 GUI에 대한 "페이지" 비유를 나타낸다. 다른 XAML 파일은 탐색 UI 또는 모달 교체 GUI에 해당하는 페이지를 추가로 선언할 수 있으며, GUI 외에 템플릿 또는 재사용하거나 교체할 수 있는 응용 프로그램의 기타 요소 같은 리소스를 선언할 수도 있다.
XAML is the basic format for declaring a Silverlight GUI and its elements. Typically, XAML represents a "page" analogy to a GUI in which one or more XAML files contained in a project are first displayed in an application. Other XAML files can declare additional pages that correspond to navigation UIs or modal replacement GUIs, and can also declare resources such as templates or other elements of the application that can be reused or replaced in addition to the GUI.

XAML은 Silverlight 컨트롤 및 GUI의 논리적 기초에 적용되는 템플릿 및 스타일을 선언하기 위해 사용되는 형식으로, 종래 컨트롤을 템플릿으로 활용하려는 경우 또는 컨트롤의 기본 템플릿을 제공하는 컨트롤 작성자인 경우에 템플릿 및 스타일을 선언하게 될 수도 있다.
XAML is a type used to declare templates and styles that apply to the logical foundations of Silverlight controls and GUIs. Declare templates and styles if you want to leverage traditional controls as templates or if you are a control author who provides a default template for controls. It may be done.

Silverlight XAML에서는 WPF XAML과 공유되는 기본 XAML 네임스페이스를 사용하며 XAML 어휘 측면에서 Silverlight XAML은 WPF 하위 집합이라고 할 수 있으며, 이러한 관계 덕분에 XAML을 통해 Silverlight와 WPF 간에 GUI를 효율적으로 마이그레이션할 수 있으므로 Silverlight에 맞춰 GUI를 디자인한 후 GUI 화면을 전혀 또는 거의 다시 디자인하지 않고 동일한 디자인을 WPF로 마이그레이션할 수 있다
Silverlight XAML uses the default XAML namespace that is shared with WPF XAML, and in terms of XAML vocabulary, Silverlight XAML is a subset of WPF, which allows you to efficiently migrate GUIs between Silverlight and WPF through XAML. After designing the GUI for your application, you can migrate the same design to WPF with little or no redesign of the GUI screen.

따라서 본 발명의 온라인 상에서의 웹 어플리케이션 공유 시스템에서 웹서버(200)는 GUI 환경의 XAML 컴파일 가능과 디버그 기능을 제공하는 웹어플리케이션 툴부(210)와 용자 컴퓨터(100)의 조작에 의해 제작된 웹어플리케이션을 저장 관리하도록 실행되며, 상기 제작된 웹어플리케이션을 DLL 파일로 상기 데이터베이스(300)에 저장하고 상기 데이터베이스(300)에 저장된 DLL 파일을 동적으로 로드하여 사용자 컴퓨터(100)의 GUI 환경에 제공하는 DLL동적 로드부(220)를 포함한다.Therefore, the web server 200 in the online web application sharing system of the present invention is a web application produced by the operation of the web application tool unit 210 and the user computer 100 to provide XAML compile and debug functions of the GUI environment Is stored in the database 300 as a DLL file and dynamically loads the DLL file stored in the database 300 to provide the GUI environment of the user computer 100. The dynamic rod unit 220 is included.

웹어플리케이션 툴부(210)는 사용자 컴퓨터(100)의 제어신호에 의해 웹어플리케이션의 GUI 환경의 화면 구성을 설정할 수 있도록 구성된다.
The web application tool unit 210 is configured to set the screen configuration of the GUI environment of the web application by the control signal of the user computer 100.

이에 따라 silverlight 웹어플리케이션을 이용하여, 사용자 컴퓨터(100)는 데스크 탑 수준의 웹어플리케이션을 제작할 수 있으며, 또한 웹어플리케이션이 제공되는 온라인 상의 서버에 접속하여 온라인 상에서 웹어플리케이션을 실행하고 이를 저장가능하여 온라인 접속을 통해 동일한 환경의 웹어플리케이션을 이용할 수 있고, 접속한 컴퓨터에 직접 웹어플리케이션이 설치되지 않으므로 온라인에 접속한 컴퓨터의 성능을 최적의 상태로 유지할 수 있다.
Accordingly, using the silverlight web application, the user computer 100 can create a desktop-level web application, and can also access a server on the web where the web application is provided to execute a web application online and store it online. Through the connection, you can use the web application of the same environment. Since the web application is not installed directly on the connected computer, the performance of the computer connected online can be maintained at the optimal state.

여기서 제작된 웹어플리케이션은 DLL(Dynamic Link Library) 파일로 데이터서버(300)에 저장 관리된다.The produced web application is stored and managed in the data server 300 as a DLL (Dynamic Link Library) file.

여기서 DLL 파일은 웹어플리케이션에서 동적으로 링크하여 사용할 수 있는 라이브러리를 말하며, 확장자로는 .dll, .fon, .drv, .exe 등이 사용된다.In this case, the DLL file refers to a library that can be dynamically linked and used in a web application. Extensions include .dll, .fon, .drv, and .exe.

즉, 웹서버(200)에는 DLL 파일을 웹어플리케이션에서 동적으로 사용할 수 있도록 내부 리소스(201)가 필요하다.
That is, the web server 200 needs an internal resource 201 to dynamically use the DLL file in the web application.

이 DLL 파일의 구조는 코드부분과 데이터로 구성되어 있으며, 스택이 없다는 것이 특징이다.The structure of this DLL file consists of code part and data, and there is no stack.

DLL 파일에서의 스택은 웹어플리케이션을 이용한다. 즉, 스택이 없으므로 독립적인 프로세스가 될 수 없으며, 운영체제로부터 메세지를 받을 수 없다. The stack in the DLL file uses a web application. That is, because there is no stack, it cannot be a standalone process and cannot receive messages from the operating system.

따라서 DLL 파일을 로드할 때는 DLL 파일과 라이브러리 및 헤더 파일이 필요하다.Therefore, DLL files, libraries, and header files are required when loading DLL files.

이 DLL 파일을 생성하는 방법에는 모듈 정의 파일을 이용하거나 웹서버(200)에 기 설치된 비주얼 C++ 지시자인 dllexport를 이용한다.
The method for generating the DLL file uses a module definition file or dllexport, which is a visual C ++ directive pre-installed on the web server 200.

이러한 DLL 파일을 생성하는 이유는 매번 사용하는 코드를 하나의 웹어플리케이션마다 생성할 경우 많은 시간이 소요되어 작업 능률이 저하를 방지하기 위해 매번 공통적으로 사용되는 파일을 바이너리 모듈로 제작하여 필요할 때마다 이를 로드하여 사용하는 데 그 목적이 있다.
The reason for creating such a DLL file is that it takes a lot of time when the code that is used every time is generated for each web application, so that the commonly used file is created as a binary module every time it is needed to prevent work efficiency. The purpose is to load and use.

다음으로, 데이터서버(300)에 대해서 설명한다.
Next, the data server 300 will be described.

데이터서버(300)는 상기에서 제작된 DLL 파일을 저장 관리하는 것으로서, 사용자가 제작한 DLL 파일을 사용자의 조작에 의해 공유되도록 설정할 수 있다.
The data server 300 stores and manages the DLL file produced above, and may set the DLL file produced by the user to be shared by a user's manipulation.

첨부된 도면의 도 3은 본 발명에 따라 공유된 웹어플리케이션을 통해 새로운 웹어플리케이션을 제작하는 구성도를 나타낸 것으로, 데이터서버(300)에 저장된 DLL 파일은 사용자 컴퓨터(100)의 제어신호에 의해 공유될 수 있으며, 이 공유된 DLL 파일은 제3자가 그의 사용자 컴퓨터(101)를 통하여 이를 검색하여 사용할 수 있도록 구성된다.Figure 3 of the accompanying drawings shows a block diagram for producing a new web application via a shared web application according to the present invention, the DLL file stored in the data server 300 is shared by the control signal of the user computer 100 This shared DLL file is configured to allow a third party to retrieve and use it through his or her user computer 101.

이에 사용자는 데이터서버(300)에 저장된 DLL 파일을 상기 DLL동적 로드부(220)를 통하여 이를 웹서버(200)의 웹어플리케이션으로 로드하되 로드되는 DLL 파일과 라이브러리 및 헤더 파일을 동시에 로드한다.Accordingly, the user loads the DLL file stored in the data server 300 into the web application of the web server 200 through the DLL dynamic load unit 220, but simultaneously loads the loaded DLL file, the library, and the header file.

이러한 작업을 반복하면 여러 개의 DLL 파일을 로드하도록 구성할 수 잇는 데 이처럼 로드된 복수 개의 DLL 파일을 조합하여 새로운 웹어플리케이션을 제작할수 있다.
If you repeat this operation, you can configure to load multiple DLL files. You can combine these loaded DLL files to create a new web application.

또한, 웹데이터베이스 공간에 사용자 개인이 각자 저장한 데이터가 존재하여 온라인 접속만으로도 이를 업데이트하거나 수정할 수 있으므로, 개인 컴퓨터에 저장된 데이터보다 안전하게 이용 및 관리할 수 있으며, 공유된 웹어플리케이션을 제3자가 조합하여 새로운 웹어플리케이션을 제작할 수 있는 환경을 제공할 수 있다.
In addition, since each user's own data is stored in the web database space and can be updated or modified through online connection only, it is safer to use and manage than the data stored on the personal computer. It can provide an environment for creating new web applications.

100 : 사용자 컴퓨터
200 : 웹서버
201 : 내부 리소스
210 : 웹어플리케이션 툴부
220 : DLL동적 로드부
300 : 데이터서버100: user computer
200: web server
201: internal resources
210: web application tool unit
220: DLL dynamic load unit
300: data server

Claims

In a system for providing a web application online,
A user computer 100 which can be connected online by online connection means;
A web server (200) providing an executable environment of a XAML-based web application and an accessible environment of the user computer (100);
And the user computer (100) comprises a data server (300) for storing and managing data executed in accordance with the connection of the web server (200).

The method according to claim 1,
The web server 200 is
An internal resource 201 to dynamically use the DLL file in a web application;
A web application tool unit 210 for providing XAML compile and debug functions of a GUI environment;
It is executed to store and manage the web application produced by the operation of the user computer 100, save the produced web application as a DLL file in the database 300 and dynamically loads the DLL file stored in the database 300 Web application sharing system on-line characterized in that it comprises a dynamic load unit (220) for providing a GUI environment of the user computer (100).

The method according to claim 2,
The DLL file stored in the data server 300 is a web application sharing system on-line, characterized in that the sharing is made by the control signal of the user computer (100).

The method according to claim 3,
And said shared DLL files are configured to be combined by a control signal of a third party's user computer (101) to produce a web application.

The method according to claim 2,
The web application tool unit 210 is configured to set the screen configuration of the GUI environment of the web application by the control signal of the user computer (100).