KR20020001277A - image editing method and apparatus using a java applet - Google Patents
image editing method and apparatus using a java applet Download PDFInfo
- Publication number
- KR20020001277A KR20020001277A KR1020000035744A KR20000035744A KR20020001277A KR 20020001277 A KR20020001277 A KR 20020001277A KR 1020000035744 A KR1020000035744 A KR 1020000035744A KR 20000035744 A KR20000035744 A KR 20000035744A KR 20020001277 A KR20020001277 A KR 20020001277A
- Authority
- KR
- South Korea
- Prior art keywords
- image
- editing
- program
- web page
- client computer
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 27
- 230000009471 action Effects 0.000 claims description 11
- 230000003993 interaction Effects 0.000 claims description 9
- 230000006870 function Effects 0.000 description 9
- 238000004519 manufacturing process Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
Landscapes
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Stored Programmes (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
본 발명은 자바 애플릿을 이용한 이미지 편집 방법 및 장치에 관한 것으로, 더 상세하게는 웹 페이지 제작시 이미지 편집 작업을 간편하게 수행할 수 있도록 한 자바 애플릿을 이용한 이미지 편집 방법 및 장치에 관한 것이다.The present invention relates to a method and apparatus for editing an image using a Java applet, and more particularly, to a method and apparatus for editing an image using a Java applet for easily performing an image editing task when a web page is produced.
현재 인터넷을 사용하기 위한 컴퓨터 네트워크의 보급이 활성화됨에 따라 다양한 분야의 정보를 제공하는 정보제공자의 웹 사이트가 생겨나고 있다.As the spread of computer networks to use the Internet is now increasing, information providers' web sites that provide information in various fields are being created.
정보제공자의 웹 사이트에서는 인터넷에 올릴 수 있는 하이퍼 텍스트 생성언어(HTML)로 만든 웹 페이지를 웹 서버에 구축해 두고 클라이언트 컴퓨터에게 제공하게 된다. HTML 문서는 인터넷 웹 서비스의 근간을 이루는 문서작성 방식으로서, HTML 문서 형태로 제작된 웹 페이지는 하나의 문서에 다른 문서가 링크되어 방대한 정보를 연결하고 있기 때문에, 웹 페이지의 제작과 관리를 위한 저작 도구로서 웹 에디터가 필요하게 된다.The information provider's Web site will build a web page in hypertext generation language (HTML) that can be posted on the Internet on a web server and serve it to client computers. HTML document is a document creation method that is the basis of Internet web services. Web pages created in the form of HTML documents link vast amounts of information by linking other documents to one document. You will need a web editor as a tool.
웹 에디터를 사용하여 웹 페이지를 제작하기 위해서는 HTML 명령어의 정의와 기능 등 복잡한 사용법을 익혀야 한다. 이를 감안하여, 전문 프로그래머가 아닌 일반 개인 사용자가 웹 페이지를 쉽게 제작할 수 있는 정보제공자의 웹 서버가 생겨나고 있는데, 예를 들어 워드프로세서 문서를 작성하듯이 초보자가 개인 홈페이지(Homepage)를 쉽게 제작하도록 만들어진 홈페이지 저작용 프로그램을 정보제공자의 웹 서버로부터 다운로드 받은 후 정해진 절차에 따라 자신의 취향에 맞는 홈페이지를 제작하게 된다.In order to create a web page using a web editor, you need to learn complicated usage, including the definition and function of HTML commands. In light of this, information providers' web servers are being developed that allow non-professional programmers to create web pages easily. For example, beginners can easily create personal homepages, such as writing word processing documents. After the created homepage action program is downloaded from the information provider's web server, the homepage is produced according to the user's taste according to the prescribed procedure.
그런데, 홈페이지의 구성을 동적으로 구현하기 위해서는 씨지아이 프로그램(CGI; Common Gateway Interface program)을 활용할 수 있으나 씨지아이 프로그램(CGI)에 대한 전문적인 기술을 이해하여야 할뿐만 아니라 전문적인 프로그래밍 능력을 갖추어야 하는 제약이 따른다. 그리고, 자바스크립트를 이용할 경우 프로그램된 위치와 경로에 의해서만 이미지를 이동할 수 있어서 동적 표현이 제한적이었다. 즉, 자바스크립트를 이용하면 웹 브라우저상에서 이미지를 불러오고 마우스를 이용하여 프로그램상에서 정의된 범위내에서 이미지를 이동시키기 때문에 사용자의 의도에 따라 자유롭게 이미지의 이동과 크기 조절을 바꿀 수 없었다.By the way, in order to dynamically implement the homepage configuration, the CGI (Common Gateway Interface program) can be used, but it is necessary not only to understand the technical skills of the CGI program, but also to have professional programming skills. Constraints follow. In addition, using JavaScript, the image can only be moved by the programmed position and path, so the dynamic expression is limited. In other words, using JavaScript, the image is loaded on the web browser and the image is moved within the range defined in the program by using the mouse. Therefore, the image movement and resizing cannot be freely changed according to the user's intention.
이와 같이, 종래기술에서는 클라이언트 컴퓨터에 내장된 웹 브라우저를 이용하여 정보제공자 웹서버에 접속한 후 홈페이지 저작용 프로그램을 공급받고 이를 자신의 컴퓨터에 저장한 다음, 이 홈페이지 저작용 프로그램을 이용하여 홈페이지의 내용을 꾸미게 된다.As described above, in the related art, a web browser embedded in a client computer is used to access an information provider web server, and then, the homepage action program is supplied and stored in its own computer. The content is decorated.
이에 따라 초보자가 웹 페이지를 제작함에 있어 HTML 명령어를 숙지해야 하는 수고를 덜어 주었으나 텍스트 중심으로 짜여져 있기 때문에 홈페이지를 동적인 내용으로 구현하는데 크게 미흡하였고, 실제 사용자의 의도에 따라 자유롭게 이미지를 편집하기 어려웠다.This saves the trouble of having to be familiar with HTML commands for beginners in creating web pages. However, since the text is oriented in the text, the homepage is not sufficient to implement dynamic content. The image can be freely edited according to the intention of the actual user. It was difficult.
그리고, 종래기술에서는 클라이언트 컴퓨터에서 웹 브라우저를 이용하여 정보제공자의 웹 서버에 접속한 후 전자 카드와 전자 명함 그리고 전자 메일의 본문과 함께 아이콘을 삽입하는 작업과 같이 이미지의 편집 작업이 요구되는 경우 사용자의 의도대로 자유롭게 이미지를 편집하기 어려웠다.In the related art, when a client computer is required to edit an image, such as inserting an icon together with an e-card, an e-business card, and an e-mail body after accessing a web server of an information provider using a web browser, It was difficult to edit images freely as intended.
본 발명의 목적은 웹 브라우저에서 실행될 수 있는 자바 애플릿을 띄우고 사용자의 의도에 따라 이미지를 쉽게 편집할 수 있도록 한 자바 애플릿을 이용한 이미지 편집 방법 및 장치를 제공함에 있다.SUMMARY OF THE INVENTION An object of the present invention is to provide a method and apparatus for editing an image using a Java applet for launching a Java applet that can be executed in a web browser and easily editing an image according to a user's intention.
본 발명의 다른 목적은 이미지를 편집하기 위해 자바 애플릿을 이용하므로 초보자가 웹 페이지 제작시 복잡한 사용법을 익혀야 하는 부담을 해소할 수 있도록한 자바 애플릿을 이용한 이미지 편집 방법 및 장치를 제공함에 있다.Another object of the present invention is to provide a method and apparatus for editing an image using a Java applet, which allows a beginner to relieve the burden of having to learn a complicated usage when creating a web page, because a Java applet is used to edit an image.
본 발명의 또 다른 목적은 웹 페이지에서 이미지의 편집 작업이 이루어지는 다양한 응용 분야에 적용할 수 있도록 한 자바 애플릿을 이용한 이미지 편집 방법 및 장치를 제공함에 있다.Still another object of the present invention is to provide an image editing method and apparatus using a Java applet that can be applied to various application fields in which an image editing operation is performed on a web page.
도 1은 본 발명에 따른 자바 애플릿을 이용한 이미지 편집 장치의 구성도,1 is a block diagram of an image editing apparatus using a Java applet according to the present invention;
도 2는 본 발명에 따라 이미지 편집을 위해 띄운 2개의 작업창을 보여주는 도면,2 is a view showing two task windows floated for image editing according to the present invention;
도 3은 본 발명에 따른 자바 애플릿을 이용한 이미지 편집 방법을 설명하기 위한 흐름도.3 is a flowchart illustrating an image editing method using a Java applet according to the present invention.
* 도면의 주요부분에 대한 부호의 설명 *Explanation of symbols on the main parts of the drawings
100 : 클라이언트 컴퓨터 200 : 저작프로그램 웹서버100: client computer 200: authoring program web server
300 : 이미지 편집프로그램 웹서버300: image editing program web server
상기와 같은 본 발명에 따른 자바 애플릿을 이용한 이미지 편집 장치는 클라이언트 컴퓨터와 웹 서버가 서로 네트워크에 의해 연결되고, 클라이언트 컴퓨터에 내장된 웹 브라우저를 이용하여 웹 서버로 부터 프로그램을 공급받아 웹 페이지를 편집하기 위한 편집 장치에 있어서, 상기 웹 서버는, 상기 클라이언트 컴퓨터로부터의 요청에 의해 웹 페이지를 제작하기 위한 저작용 프로그램과 이미지를 편집하기 위해 자바 애플릿으로 만들어진 이미지 편집 프로그램을 공급하며, 상기 클라이언트 컴퓨터는, 저작용 프로그램을 이용하여 웹 페이지를 편집하며, 그 웹 페이지의 편집 도중에 이미지 편집용 프로그램을 이용하여 이미지의 이동과 크기 조절을 편집하는 것을 특징으로 한다.In the image editing apparatus using the Java applet according to the present invention, a client computer and a web server are connected to each other by a network, and a web page is edited by receiving a program from a web server using a web browser embedded in the client computer. In the editing apparatus for providing, the web server supplies an image editing program made of a Java applet for editing an image and an action program for producing a web page by a request from the client computer. The web page is edited using an action program, and the moving and resizing of an image is edited using an image editing program during editing of the web page.
상기 웹 서버는 웹 페이지를 제작하기 위한 저작용 프로그램을 공급하는 저작 프로그램 웹 서버와 이미지 편집용 프로그램을 공급하는 이미지 편집 프로그램 웹 서버로 구분되는 것을 특징으로 한다.The web server may be divided into an authoring program web server for supplying an action program for producing a web page and an image editing program web server for supplying an image editing program.
상기 클라이언트 컴퓨터는 편집할 이미지의 선택과 이동 및 크기 조절을 마우스의 조작으로 수행하는 것을 특징으로 한다.The client computer is characterized in that the selection, movement, and resizing of an image to be edited are performed with a mouse operation.
상기 클라이언트 컴퓨터는 자바 애플릿으로 만들어진 2개의 작업창을 띄운상태에서 이미지의 편집 작업을 수행하는 것을 특징으로 한다.The client computer is characterized in that to edit the image while the two work windows made of a Java applet open.
상기 클라이언트 컴퓨터는 홈페이지 또는 전자 카드 또는 전자 명함을 제작하기 위한 웹 페이지상에서 이미지를 편집하는 것을 특징으로 한다.The client computer is characterized by editing an image on a home page or a web page for producing an electronic card or an electronic business card.
상기와 같은 본 발명에 따른 자바 애플릿을 이용한 이미지 편집 방법은 클라이언트 컴퓨터와 웹 서버가 서로 네트워크에 연결되고, 클라이언트 컴퓨터에 내장된 웹 브라우저를 이용하여 웹 서버로 부터 프로그램을 공급받아 웹 페이지를 편집하기 위한 편집 방법에 있어서, 상기 클라이언트 컴퓨터가 상기 웹 서버에 접속하여 웹 페이지 저작용 프로그램과 이미지 편집용 프로그램을 공급받는 단계; 상기 클라이언트 컴퓨터에서 웹 페이지를 편집하기 위해 상기 웹 페이지 저작용 프로그램을 실행하는 단계; 상기 웹 페이지 저작용 프로그램을 실행하여 웹 페이지를 제작하는 도중에 자바 애플릿으로 만들어진 이미지 프로그램을 실행하는 단계; 및 상기 이미지 프로그램을 실행시킨 상태에서 이미지를 편집하는 단계를 포함하는 것을 특징으로 한다.In the image editing method using the Java applet according to the present invention as described above, a client computer and a web server are connected to each other on a network, and a web page is edited by receiving a program from a web server using a web browser embedded in the client computer. An editing method, comprising: accessing a web server from a client computer to receive a web page interaction program and an image editing program; Executing the web page interaction program to edit a web page on the client computer; Executing an image program made of a Java applet while executing the web page interaction program to produce a web page; And editing the image while executing the image program.
상기 이미지 프로그램을 실행하는 단계는 자바 애플릿으로 만들어진 2개의 작업창을 띄우되, 하나의 작업창에서 보여지는 미리 제작된 이미지 파일을 선택하는 단계와, 다른 작업창에서 선택된 이미지를 편집하는 단계를 포함하는 것을 특징으로 한다.The execution of the image program includes displaying two task windows made of Java applets, selecting a pre-made image file shown in one task window, and editing an image selected in another task window. Characterized in that.
또, 본 발명은 이미지 파일을 선택하기 위한 마우스 조작시 혹은 선택된 이미지의 편집시 마우스의 조작에 따른 이벤트가 발생되면 이미지 편집을 수행하는 것을 특징으로 한다.In addition, the present invention is characterized in that the image editing is performed when an event according to the operation of the mouse occurs when the mouse operation for selecting an image file or when editing the selected image.
또, 본 발명은 이미지의 편집중에 웹 브라우저를 실행시켜 편집중인 웹 페이지를 확인하는 단계를 더 포함하는 것을 특징으로 한다.The present invention may further include a step of confirming a web page being edited by executing a web browser while editing an image.
이하, 본 발명에 따른 바람직한 일실시예를 첨부도면을 참조하여 상세히 설명한다.Hereinafter, a preferred embodiment according to the present invention will be described in detail with reference to the accompanying drawings.
본 발명은 자바 애플릿으로 만들어진 2개의 작업창을 띄운 후 마우스를 이용하여 이미지의 이동과 크기 조절을 간편하게 편집할 수 있다. 이를 위해 클라이언트 컴퓨터는 내장된 웹 브라우저를 이용하여 웹 페이지 저작용 프로그램과 자바 애플릿 프로그램을 다운 로드 받아 자신의 컴퓨터에 설치해 두어야 한다. 클라이언트 컴퓨터는 인터넷에 개설된 독립적인 웹 서버로부터 개별적으로 웹 페이지 저작용 프로그램과 자바 애플릿 프로그램을 공급받거나 혹은 하나의 웹 서버로부터 웹 페이지 저작용 프로그램과 자바 애플릿 프로그램을 공급받을 수 있다. 웹 서버에서는 가입회원(선택사항) 혹은 임의 사용자로부터의 요구에 따라 무료 또는 유료로 프로그램을 공급하게 된다.In the present invention, after opening two task windows made of Java applets, the movement and resizing of an image can be easily edited using a mouse. To do this, the client computer must download and install a web page authoring program and a Java applet program using a built-in web browser. The client computer may be supplied with a web page interaction program and a Java applet program separately from an independent web server established on the Internet, or from a single web server. The web server will provide the program for free or for a fee depending on the subscription of an optional member or an arbitrary user.
상기 웹 저작용 프로그램은 클라이언트 컴퓨터의 사용자가 HTML 명령어를 사용하여 웹 페이지를 제작하는 낮은 레벨의 제작 방식이거나 혹은 사용자가 HTML 명령어를 사용하지 않고 씨지아이(CGI) 프로그램과 같이 간편한 조작으로 웹 페이지를 제작할 수 있는 응용 레벨의 제작 방식을 그 대상으로 할 수 있으며, 공통적으로 웹 페이지의 제작시 이미지의 편집 작업은 자바 애플릿으로 만들어진 2개의 작업창을 열고 마우스를 이용하여 이미지의 이동과 크기 조절을 수행하게 된다. 실시예에서는 클라이언트 컴퓨터가 개별적으로 프로그램을 공급받아 웹 페이지의 편집시 마우스를 이용하여 이미지를 편집하는 방식을 대상으로 설명한다.The web authoring program is a low-level production method in which a user of a client computer creates a web page using HTML commands, or the user can view the web page using a simple operation such as a CGI program without using HTML commands. The application level can be made at the application level. Commonly, when editing a web page, editing an image is performed by opening two task windows made of Java applets and moving and resizing the image using a mouse. Done. In the embodiment, a method of editing an image by using a mouse when a client computer is individually supplied with a program and edits a web page will be described.
그리고, 상기 자바 에플릿은 웹 브라우저상에서 실행될 수 있게 프로그램되어 이미지를 자유롭게 편집할 수 있는데, 이는 픽셀단위의 그래픽모드이기 때문에 가능하며, 웹 브라우저는 행과 열중심의 텍스트 전용 모드이기 때문에 이미지의 이동이 자유롭지 못하기 때문이다.The Java applet can be programmed to run on a web browser to edit the image freely, which is possible because it is a pixel-by-pixel graphics mode. It is not free.
도 1은 본 발명에 따른 자바 애플릿을 이용한 이미지 편집 장치의 구성도이다. 도시한 바와 같이, 본 발명은 클라이언트 컴퓨터(100)와 인터넷을 통해 서로 연결되는 저작 프로그램 웹 서버(200) 및 이미지 편집 프로그램 웹 서버(300)을 구비한다.1 is a block diagram of an image editing apparatus using a Java applet according to the present invention. As shown, the present invention includes a client computer 100 and an authoring program web server 200 and an image editing program web server 300 connected to each other via the Internet.
상기 클라이언트 컴퓨터(100)는 내장된 웹 브라우저(예를 들어, 넷스케이프사의 네비게이터, 마이크로소프트사의 익스플로러 등)를 실행시키고 해당 웹 사이트의 주소를 입력하여 상기 저작 프로그램 웹 서버(200)에 접속하고, 회원 가입(선택 사항) 등의 절차를 거쳐 사용자가 웹 페이지를 제작하고자 하는 분야의 저작 프로그램을 다운 로드 받기 위한 명령을 보내어 프로그램의 전송을 요구한다. 이에 따라, 상기 저작 프로그램 웹 서버(200)는 클라이언트 컴퓨터(100)로 해당 웹 페이지 저작용 프로그램을 전송한다. 이렇게 상기 클라이언트 컴퓨터(100)가 상기 웹 서버(200)로부터 웹 페이지 저작용 프로그램을 다운 로드 받아 자신의 컴퓨터에 설치 완료한다.The client computer 100 accesses the authoring program web server 200 by executing a built-in web browser (for example, Netscape's Navigator, Microsoft's Explorer, etc.) and inputting the address of the web site. Through the procedure of signing up (optional), the user sends a command to download an authoring program in a field where a user wants to produce a web page, and requests the transmission of the program. Accordingly, the authoring program web server 200 transmits the web page interaction program to the client computer 100. In this way, the client computer 100 downloads the web page interaction program from the web server 200 and completes the installation on its own computer.
그리고, 상기 클라이언트 컴퓨터(100)는 웹 브라우저를 실행시켜 상기 이미지 편집프로그램 웹 서버(300)에 접속하고, 회원 가입(선택 사항) 등의 절차를 거쳐 이미지를 편집하기 위해 자바 애플릿으로 만들어진 이미지 편집 프로그램을 다운 로드 받기 위한 명령을 보내어 프로그램의 전송을 요구한다. 이에 따라, 상기 이미지 편집프로그램 웹 서버(300)는 클라이언트 컴퓨터(100)로 자바 애플릿으로 만든 이미지 편집 프로그램을 전송한다. 이렇게 상기 클라이언트 컴퓨터(100)가 상기 웹 서버(300)로부터 이미지 편집 프로그램을 다운 로드 받아 자신의 컴퓨터에 설치 완료한다.Then, the client computer 100 executes a web browser to access the image editing program web server 300, and is an image editing program made of a Java applet to edit an image through a procedure such as membership (optional). Send a command to download the program and request the program to be sent. Accordingly, the image editing program web server 300 transmits an image editing program made of a Java applet to the client computer 100. In this way, the client computer 100 downloads an image editing program from the web server 300 and completes installation on its own computer.
이와 같이, 상기 클라이언트 컴퓨터(100)가 개별적으로 상기 웹 서버(200)(300)에 접속하여 웹 페이지 저작용 프로그램과 이미지 프로그램을 다운 로드 받은 이후부터 웹 페이지를 편집할 수 있고 웹 페이지를 편집하는 도중에 사용자가 자신의 컴퓨터에 연결된 입력장치 예를 들어 마우스(미도시)를 이용하여 이미지의 이동과 크기 조절을 자유롭게 편집할 수 있으며, 편의상 웹 페이지 저작용 프로그램을 실행시켜 텍스트를 편집한 다음 이미지 편집을 수행하게 된다. 이를 도 2에 따라 설명한다.As such, the client computer 100 can individually edit the web page after accessing the web server 200 and 300 to download the web page action program and the image program, and then edit the web page. In the meantime, the user can freely edit the movement and resizing of images by using an input device connected to his computer, for example, a mouse (not shown). Will be performed. This will be described with reference to FIG. 2.
도 2는 본 발명에 따라 이미지 편집을 위해 띄운 2개의 작업창을 보여주는 도면이다. 도시한 바와 같이, 상기 클라이언트 컴퓨터(100)는 웹 페이지의 편집중 특정한 도구박스에 마련된 "이미지 편집 기능항목"을 마우스로 클릭하여 화면(일예로 모니터)(110)상에 2개의 작업창(120)(130)을 띄운다.2 is a view showing two work windows floated for image editing according to the present invention. As shown in the drawing, the client computer 100 clicks on an "image editing function item" provided in a specific toolbox during editing of a web page with two mouse windows 120 on a screen (for example, a monitor) 110. Float 130).
상기 화면(110)의 우측에 보여지는 이미지 선택용 작업창(130)에는 미리 제작된 이미지 파일들(130a)이 나타나게 되고, 좌측에 보여지는 이미지 편집용 작업창(120)은 사용자에 의해 선택된 이미지를 편집하고, 편집된 이미지를 웹 페이지에적용시키기 위한 것이다. 사용자는 마우스를 이용하여 우측의 이미지 선택용 작업창(130)에서 편집할 이미지 파일을 클릭하여 선택하고 드래깅하여 좌측의 이미지 편집창(120)으로 이동시킨다. 이후, 사용자는 이미지 편집창(120)으로 옮겨진 이지미를 마우스로 드래그 또는 드롭 기능을 이용하여 원하는 위치로 이동하거나 이미지의 크기를 조절하게 된다. 이렇게 이미지 편집이 끝나면 사용자는 웹 브라우저를 실행시켜 지금까지 편집된 이미지가 웹 페이지상에서 나타나는 상태를 확인한다. 이때, 다시 이미지를 편집할 경우 "돌아가기 기능 항목"을 클릭하여 되돌아 간후 이미지 편집창(120)에서 마우스로 드래그 앤 드롭 기능을 이용하여 이미지 편집을 계속 수행하게 된다.In the image selection work window 130 shown on the right side of the screen 110, pre-produced image files 130a are displayed, and the image editing work window 120 shown on the left is an image selected by a user. To edit and apply the edited image to a web page. The user clicks an image file to be edited in the image selection work pane 130 on the right side by using a mouse to select and drag the image file to move it to the image edit window 120 on the left side. Thereafter, the user moves the image moved to the image editing window 120 to a desired position or adjusts the size of the image by using a drag or drop function with a mouse. After editing the image, the user launches a web browser and checks the edited image on the web page. In this case, when the image is edited again, the user returns to the function by clicking the "back function item" and then continues to edit the image by using a drag and drop function with the mouse in the image edit window 120.
따라서, 본 발명은 HTML 명령어를 능숙하게 다루어야 하는 제약으로부터 벗어나 자바 애플릿으로 만들어진 2개의 작업창을 띄운 다음 편집할 이미지를 마우스로 조작하여 간편하게 편집할 수 있고, 이로써 홈페이지 제작은 물론 웹 브라우저상에서 이루어지는 전자 카드나 전자 명함을 제작시 요구되는 이미지 편집을 쉽게 구현할 수 있다.Accordingly, the present invention can be easily edited by opening two task windows made of Java applets and manipulating the image to be edited with a mouse, thereby avoiding the limitation of having to deal with HTML commands skillfully. You can easily implement the image editing required to create cards or electronic business cards.
이하에서는, 본 발명에 따른 자바 애플릿을 이용한 이미지 편집 방법을 도 3의 흐름도에 따라 설명하며, 실시예에서는 홈페이지를 제작하는 과정을 일예로서 설명하기로 한다.Hereinafter, an image editing method using a Java applet according to the present invention will be described with reference to the flowchart of FIG. 3. In the embodiment, a process of manufacturing a homepage will be described as an example.
먼저, 사용자는 클라이언트 컴퓨터(100)에 내장된 웹 브라우저를 이용하여 상기 저작프로그램 웹 서버(200)에 접속한 후 홉페이지 저작용 프로그램을 다운 로드 받고(S110), 상기 이미지 편집 프로그램 웹 서버(300)에 접속한 후 이미지 편집프로그램을 다운 로드 받는다(S120).First, a user accesses the authoring program web server 200 by using a web browser embedded in the client computer 100, and then downloads a hoppage action program (S110), and the image editing program web server 300 ) And download the image editing program (S120).
이어, 사용자는 입력장치(마우스, 키보드 등)를 조작하여 홈페이지 저작용 프로그램을 실행시키고(S130), 홈페이지에 담을 콘텐츠에 해당하는 텍스트를 편집하는데 예를 들어 제목과 인사말 등을 작성한다(S140).Subsequently, the user manipulates an input device (mouse, keyboard, etc.) to execute a homepage inaction program (S130), and edits text corresponding to content to be included in the homepage, for example, creates a title and a greeting (S140). .
사용자가 홈페이지 저작용 프로그램을 실행시켜 텍스트를 편집한 다음 "이미지 편집 기능항목"을 클릭하여 상기 이미지 편집 프로그램 웹 서버(300)로부터 다운 로드 받은 이미지 편집 프로그램을 실행시킨다(S150). 이에 따라 화면(110)상에 2개의 작업창(120)(130)이 오픈(OPEN)된다(S160). 사용자는 마우스를 이용하여 이미지 선택용 작업창(130)에서 보여지는 이미지 파일들(130a)증에서 편집할 이미지 파일을 선택하고(S170), 마우스의 드래그하여 선택한 이미지 파일을 이미지 편집용 작업창(120)으로 옮긴다(S180). 이후, 사용자는 마우스를 이용하여 이동된 이미지 파일의 위치를 지정하거나 혹은 크기를 조절하여 이미지를 편집한다(S190).The user executes the homepage action program to edit the text, and then clicks the "image editing function item" to execute the image editing program downloaded from the image editing program web server 300 (S150). Accordingly, two work windows 120 and 130 are opened on the screen 110 (S160). The user selects an image file to be edited from the image files 130a shown in the image selection work window 130 by using a mouse (S170), and drags the mouse to select the image file selected by the image editing work window ( 120) (S180). Thereafter, the user edits the image by specifying a location or adjusting the size of the moved image file using the mouse (S190).
이와 같이, 이미지 편집중에 사용자는 웹 브라우저를 실행시켜 지금까지 편집된 홈페이지에 나타나는 이미지의 편집 상태를 확인한다(S200)As such, during image editing, the user executes a web browser and checks the edit state of the image appearing on the homepage edited so far (S200).
사용자는 웹 브라우저상에서 이미지 편집 상태를 확인한 결과 이미지 편집여부를 판단하고(S210), 수정 사항이 있으면 "돌아가기 기능 항목"을 클릭하여 단계 S160로 회귀하여 이미지 파일의 편집 작업을 계속 수행하는 반면, 수정 사항이 없으면 "완료 기능 항목"을 클릭하여 홈페이지의 제작을 완료한다(S220).The user checks the image editing status on the web browser and determines whether the image has been edited (S210). If there is a correction, the user returns to step S160 by clicking the "back function item" and continues to edit the image file. If there is no modification, click "Complete function item" to complete the production of the homepage (S220).
전술한 실시예서는 클라이언트 컴퓨터가 웹 서버로부터 이미지 편집 프로그램을 다은 로드 받은 후 이미지 편집 작업을 수행하는 방식을 채택하고 있으나, 클라이언트 컴퓨터가 웹 서버에 접속한 상태에서 실시간으로 사용자의 편집 작업에 대응하는 명령어를 웹 서버로 전송하면 그 웹 서버에서 이미지 편집이 이루어지도록 하고 그 편집 결과를 클라이언트 컴퓨터로 전송하는 방식을 채택할 수 있으며, 이에 대한 상세한 설명이 없더라도 이 분야의 통상의 지식을 가진 자가 쉽게 이해할 수 있을 것이다.In the above-described embodiment, the client computer receives an image editing program from a web server and loads the image editing program. However, the client computer responds to the user's editing in real time while the client computer is connected to the web server. Sending a command to a web server allows the web server to edit the image and send the edited result to the client computer, which is easily understood by those of ordinary skill in the art without detailed description. Could be.
이상과 같이 본 발명은 자바 애플릿으로 만들어진 2개의 작업창을 띄운 후 마우스를 이용하여 이미지의 이동과 크기 조절을 쉽게 편집할 수 있다.As described above, the present invention displays two task windows made of Java applets, and can easily edit the movement and resizing of images by using a mouse.
그 결과, 본 발명은 인터넷상에서 홈페이지 제작시 혹은 전자 카드나 전자 명함을 제작할 때 또는 전자 메일의 본문(텍스트)과 함께 아이콘을 삽입할 때와 같이 자신이 원하는 이미지 모양을 쉽게 변형할 수 있어서, 기존과 같이 HTML 명령어를 이용하여 웹 페이지를 편집하여야 하는 부담으로부터 벗어날 수 있으므로 인터넷 사용이 미숙한 사용자라도 용이하게 자신의 취향에 맞게 이미지 편집 작업을 할 수 있는 효과가 있다.As a result, the present invention can easily modify the desired image shape, such as when creating a homepage on the Internet, when making an electronic card or an electronic business card, or when inserting an icon together with the body (text) of an e-mail. As such, it is possible to escape from the burden of editing a web page using an HTML command, so that even an inexperienced user can easily edit an image according to his or her taste.
Claims (9)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020000035744A KR20020001277A (en) | 2000-06-27 | 2000-06-27 | image editing method and apparatus using a java applet |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020000035744A KR20020001277A (en) | 2000-06-27 | 2000-06-27 | image editing method and apparatus using a java applet |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20020001277A true KR20020001277A (en) | 2002-01-09 |
Family
ID=19674260
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020000035744A KR20020001277A (en) | 2000-06-27 | 2000-06-27 | image editing method and apparatus using a java applet |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR20020001277A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20010035005A (en) * | 2000-08-29 | 2001-05-07 | 채진석 | An effective method for specifying style information to XML document |
| KR20030070322A (en) * | 2002-02-25 | 2003-08-30 | 고창준 | The method of making homepage using java computer graphics |
| KR100856132B1 (en) * | 2008-01-24 | 2008-09-03 | 이동규 | System for managing web subjects |
| WO2009073583A2 (en) * | 2007-11-30 | 2009-06-11 | Motioncloud, Inc. | Rich content creation, distribution, and broadcasting system |
| CN107957997A (en) * | 2016-10-14 | 2018-04-24 | 厦门飞博共创网络科技股份有限公司 | A kind of method and apparatus of the editing picture in the HTML5 pages |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH08202692A (en) * | 1995-01-26 | 1996-08-09 | Fuji Xerox Co Ltd | Decentralized editing device |
| KR19990084036A (en) * | 1999-09-07 | 1999-12-06 | 정창욱 | Methods and tools which can control Unix or Unix-like system with graphic user interface in world wide web, and methods and tools which make and manage internet web pages by these. |
| JP2000030073A (en) * | 1997-09-30 | 2000-01-28 | Fuji Photo Film Co Ltd | Image edition system, image server and client computer constituting image editing system, and image editing method |
| US6026433A (en) * | 1997-03-17 | 2000-02-15 | Silicon Graphics, Inc. | Method of creating and editing a web site in a client-server environment using customizable web site templates |
| KR20010106980A (en) * | 2000-05-24 | 2001-12-07 | 하주한 | Method of providing virtual reality web site on internet |
-
2000
- 2000-06-27 KR KR1020000035744A patent/KR20020001277A/en not_active Application Discontinuation
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH08202692A (en) * | 1995-01-26 | 1996-08-09 | Fuji Xerox Co Ltd | Decentralized editing device |
| US6026433A (en) * | 1997-03-17 | 2000-02-15 | Silicon Graphics, Inc. | Method of creating and editing a web site in a client-server environment using customizable web site templates |
| JP2000030073A (en) * | 1997-09-30 | 2000-01-28 | Fuji Photo Film Co Ltd | Image edition system, image server and client computer constituting image editing system, and image editing method |
| KR19990084036A (en) * | 1999-09-07 | 1999-12-06 | 정창욱 | Methods and tools which can control Unix or Unix-like system with graphic user interface in world wide web, and methods and tools which make and manage internet web pages by these. |
| KR20010106980A (en) * | 2000-05-24 | 2001-12-07 | 하주한 | Method of providing virtual reality web site on internet |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20010035005A (en) * | 2000-08-29 | 2001-05-07 | 채진석 | An effective method for specifying style information to XML document |
| KR20030070322A (en) * | 2002-02-25 | 2003-08-30 | 고창준 | The method of making homepage using java computer graphics |
| WO2009073583A2 (en) * | 2007-11-30 | 2009-06-11 | Motioncloud, Inc. | Rich content creation, distribution, and broadcasting system |
| WO2009073583A3 (en) * | 2007-11-30 | 2009-08-27 | Motioncloud, Inc. | Rich content creation, distribution, and broadcasting system |
| KR100856132B1 (en) * | 2008-01-24 | 2008-09-03 | 이동규 | System for managing web subjects |
| CN107957997A (en) * | 2016-10-14 | 2018-04-24 | 厦门飞博共创网络科技股份有限公司 | A kind of method and apparatus of the editing picture in the HTML5 pages |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US6055522A (en) | Automatic page converter for dynamic content distributed publishing system | |
| US7346857B2 (en) | Dynamic controls for use in computing applications | |
| US6986105B2 (en) | Methods employing multiple clipboards for storing and pasting textbook components | |
| US5802530A (en) | Web document based graphical user interface | |
| US7020882B1 (en) | Method, system, and program for remotely manipulating a user interface over a network | |
| Abrams et al. | UIML: an appliance-independent XML user interface language | |
| US20060123356A1 (en) | Dynamic and updateable computing application panes | |
| US6493733B1 (en) | Method for inserting interactive HTML objects into an electronic file | |
| US20010039552A1 (en) | Method of reducing the size of a file and a data processing system readable medium for performing the method | |
| US9124665B2 (en) | Server including components for accessing and displaying internet content and for providing same to a client | |
| CN112068824B (en) | Webpage development preview method and device and electronic equipment | |
| US7234107B1 (en) | System for customizing web page | |
| US20020156815A1 (en) | Method and apparatus for the separation of web layout, logic, and data when used in server-side scripting languages | |
| US6632249B2 (en) | Method for providing web-based services to an application program module | |
| US20080282175A1 (en) | Automatically encoded, gracefully degrading panels | |
| US20040268232A1 (en) | Pane Element | |
| US20020130900A1 (en) | System for generating an interface for software applications in a client-server environment | |
| JP2002073242A (en) | Annotation method and additional writing method in application window and computer device and automatic contractor and collaboration system and storage medium and computer program product and program transmitting device | |
| JP2001084212A (en) | Method for preparing homepage | |
| Hanson et al. | Personalization of Web browsing: adaptations to meet the needs of older adults | |
| KR20020001277A (en) | image editing method and apparatus using a java applet | |
| Derzho et al. | Controlling an application via a hybrid interface | |
| KR19990084036A (en) | Methods and tools which can control Unix or Unix-like system with graphic user interface in world wide web, and methods and tools which make and manage internet web pages by these. | |
| EP1209561A2 (en) | HTML-based downloadable look and feel | |
| KR100375506B1 (en) | A hypertext markup language (html) writing system and a html writing method using a low capacity on-line method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A201 | Request for examination | ||
| E902 | Notification of reason for refusal | ||
| E601 | Decision to refuse application |