KR20110078310A - Fingerowser and method of edit for an image / system using the same - Google Patents

Fingerowser and method of edit for an image / system using the same Download PDF

Info

Publication number
KR20110078310A
KR20110078310A KR1020090135088A KR20090135088A KR20110078310A KR 20110078310 A KR20110078310 A KR 20110078310A KR 1020090135088 A KR1020090135088 A KR 1020090135088A KR 20090135088 A KR20090135088 A KR 20090135088A KR 20110078310 A KR20110078310 A KR 20110078310A
Authority
KR
South Korea
Prior art keywords
image
finger
editing
web server
web
Prior art date
Application number
KR1020090135088A
Other languages
Korean (ko)
Other versions
KR101105232B1 (en
Inventor
문일영
김석
이선웅
손지선
손지나
Original Assignee
한국기술교육대학교 산학협력단
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 한국기술교육대학교 산학협력단 filed Critical 한국기술교육대학교 산학협력단
Priority to KR1020090135088A priority Critical patent/KR101105232B1/en
Publication of KR20110078310A publication Critical patent/KR20110078310A/en
Application granted granted Critical
Publication of KR101105232B1 publication Critical patent/KR101105232B1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

PURPOSE: A fingerowser and an image editing method and system using the same are provided to drag and pop up a web image on a screen and edit the image on the screen. CONSTITUTION: A user touches and drags a web image(10) and pops up the image on a screen. An image editing system transmits an image list to a web server(30). The web server stores the image list with PHP in a DB(40). If the user clicks an editing target image in the image list, the image editing system outputs the selected image to an editing program(20). The image editing system transmits information about the outputted image to the web server. The image editing system edits and stores the outputted image.

Description

핑거라우저 및 이를 이용한 이미지 편집 방법/시스템{Fingerowser and method of edit for an image / system using the same}Fingerbrowser and method of edit for an image / system using the same}

본 발명은 핑거라우저 및 이를 이용한 이미지 편집 방법/시스템에 관한 것으로서, 더욱 상세하게는 터치스크린 방식을 이용해 웹상의 이미지 중 원하는 이미지를 별도 저장없이 화면상에서 편집, 저장할 수 있게 하는 핑거라우저 및 이를 이용한 이미지 편집 방법/시스템에 관한 것이다.The present invention relates to a finger browser and an image editing method / system using the same. More specifically, a finger browser and an image using the same can be edited and stored on a screen without a separate image among web images using a touch screen method. It relates to the editing method / system.

일반적으로 이미지 편집은 편집 대상인 이미지를 PC에 저장한 상태에서 이를 이미지 편지 프로그램을 실행시켜 편집 대상 이미지를 불러와 편집한 후 다시 저장하여 편집된 이미지를 이용하는 방식이다.In general, image editing is a method in which an image to be edited is stored in a PC and an image letter program is executed to bring up the image to be edited, edit the image, and save the image again to use the edited image.

이렇게 이미지에 대한 편집은 이미지를 저장한 후 이미지 편집용 프로그램에 의해 편집하여야 함으로 필수적으로 이미지 편집 프로그램이 PC에 저장되어 있어야하고 이러한 이미지 편집 프로그램으로 대표적인 것이 포토샵이다. 그러나 이러한 포토샵 프로그램은 별도의 프로그램 운영 방법을 습득하지 않은 사람은 사용하기 힘들다는 단점이 있다.In this way, the editing of the image must be saved by the image editing program after saving the image. Essentially, the image editing program must be stored in the PC, and such an image editing program is Photoshop. However, these Photoshop programs have a disadvantage in that they are difficult to use by those who have not learned how to operate a separate program.

따라서 이미지 편집 프로그램 조작방법을 별로로 습득하지 않고도 쉽게 이용 할 수 있는 프로그램들이 등장하였는데 이러한 프로그램도 앞서와 마찬가지로 PC에 프로그램을 설치한 상태로 이미지를 불러와 편집에야 하는 문제점은 있었다. 즉, 웹브라우저에 존재하는 이미지 중 사용하고 싶은 이미지를 다운받아 이를 다시 편집해야하는 번거로움이 있었다.Therefore, programs that can be used easily without having to learn how to operate an image editing program appeared. Such a program also had a problem of importing and editing an image with a program installed on a PC as before. In other words, there was a hassle of downloading and re-editing the image that you want to use among the images existing in the web browser.

이러한 단점을 보완하고자, 웰브라우저의 특정 포털싸이트 들은 웹상 이미지를 편집할 수 있게 하는 프로그램을 재공하고 있으나, 이러한 프로그램은 특정 포털싸이트에서만 사용 가능하기 때문에 웹브라우저에 존재하는 모든 이미지를 편집하는 것은 불가는 하다는 단점이 있다. To alleviate this drawback, certain browser sites offer programs that allow you to edit images on the web. However, because these programs are only available on certain portal sites, it is not possible to edit all the images in the web browser. Has the disadvantage.

본 발명은 상기와 같은 문제점을 해결하기 위해 안출된 것으로서, 본 발명의 목적은 터치스크린 방식을 이용해 웹상의 이미지 중 원하는 이미지를 별도 저장없이 화면상에서 편집, 저장할 수 있게 하는 핑거라우저 및 이를 이용한 이미지 편집 방법/시스템을 제공함에 있다.The present invention has been made to solve the above problems, an object of the present invention is to use a touch screen method finger browser to edit and save the desired image of the image on the web without additional storage and image editing using the same In providing a method / system.

본 발명은 앞서 본 목적을 달성하기 위하여 다음과 같은 구성을 가진다.The present invention has the following structure in order to achieve the above object.

본 발명의 이미지 편집 방법은, 1) 웹상의 이미지를 터치 후 드레그하여 화면에 팝업시키는 단계; 2) 팝업된 이미지 리스트를 웹 서버에 전송하는 단계; 3) 웹 서버에서 PHP를 통해 DB에 저장하고 저장된 이미지에 대해 각각 아이디를 부여하고 팝업창으로 전송한 후 전송된 아이디를 이미지에 부여하는 단계; 4) 이미지 리스트 중 편집할 이미지를 클릭하여 편집 프로그램으로 출력하고 출력된 이미지에 대한 정보를 웹 서버에 전송하여 DB에 저장된 이미지 리스트를 편집 프로그램으로 가져오는 단계; 및 5) 출력된 이미지를 편집하여 저장하는 단계;를 포함하여 이루어진다.The image editing method of the present invention comprises the steps of: 1) touching and dragging an image on the web and popping it on the screen; 2) sending a popup image list to a web server; 3) storing a DB in the web server through PHP and assigning IDs to the stored images and transmitting them to a pop-up window, and then assigning the transmitted IDs to the images; 4) clicking an image to be edited in the image list and outputting it to the editing program, and transmitting information about the output image to the web server to bring the image list stored in the DB into the editing program; And 5) editing and storing the output image.

또한 상기 1)단계 내지 3)단계는 웹상의 URL 이미지를 팝업하게 하고, 팝업된 이미지를 웹 서버에서 XML 저장하도록 한다.In addition, steps 1) to 3) cause the URL image on the web to be popped up, and the popped up image is stored in XML on the web server.

그리고 상기 편집 프로그램은 flex 프로그램이다.And the editing program is a flex program.

또한 상기 2)단계는 팝업된 이미지를 편집 전 팝업창으로부터 삭제, 저장할 수 있게 한다.In addition, step 2) allows to delete and save the pop-up image from the pop-up window before editing.

그리고 이미지 편집 방법은 웹 서버와 연동하며 이루어진다.And image editing method works with web server.

한편 본 발명의 핑거라우저는, 웹상의 이미지를 화면상에서 팝업시키는 핑거팟; 상기 핑거팟에 의해 담긴 이미지 리스트 중 편집하고자 하는 이미지를 실행시켜 편집하는 핑거에이티;로 이루어진다.On the other hand, the finger browser of the present invention, the fingerpot to pop up the image on the web on the screen; And a finger to execute and edit an image to be edited from the image list contained by the finger pod.

또한 상기 핑거팟은 터치스크린 방식에 의해 이루어진다.In addition, the finger pod is made by a touch screen method.

그리고 상기 핑거에디터는 파이어폭스 프로그램이다.The finger editor is a Firefox program.

또한 상기 핑거팟은 팝업된 이미지를 웹 서버와 연동하여 URL을 XML로 웹 서버에 저장하고 저장된 XML을 이용해 이미지 리스트에 아이디를 부여하도록 한다.In addition, the finger pod interlocks the pop-up image with the web server to store the URL as an XML in the web server and assigns an ID to the image list using the stored XML.

그리고 상기 핑거팟은 팝업된 이미지 리스트 중 선택된 이미지에 대해 다양한 이미지 파일 형식으로 저장하거나 삭제할 수 있게 한다.The finger pod can store or delete the selected image in the pop-up image list in various image file formats.

본 발명에 따르면, 터치스크린 방식을 이용해 웹상의 이미지 중 원하는 이미지를 별도 저장없이 화면상에서 편집, 저장할 수 있게 하는 효과가 있다.According to the present invention, there is an effect of using the touch screen method to edit and save a desired image on the screen without separately storing the image on the web.

본 발명에 따르면, 웹상의 이미지를 화면상에서 드레그 팝업시켜 화면에서 이미지를 편집할 수 있어 이미지 편집이 빠르게 이루어질 수 있다는 장점과 편집된 이미지를 원하는 파일 형식으로 저장할 수 있다는 장점이다.According to the present invention, an image on the web can be edited on the screen by dragging the image on the screen so that the image can be edited quickly and the edited image can be saved in a desired file format.

이하, 본 발명의 바람직한 실시 예들을 첨부된 도면을 참고하여 더욱 상세히 설명한다. 본 발명의 실시 예들은 여러 가지 형태로 변형될 수 있으며, 본 발명의 범위가 아래에서 설명하는 실시 예들에 한정되는 것으로 해석되어서는 안 된다. 본 실시 예들은 당해 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 본 발명을 더욱 상세하게 설명하기 위해서 제공되는 것이다. 따라서 도면에 나타난 각 요소의 형상은 보다 분명한 설명을 강조하기 위하여 과장될 수 있다.Hereinafter, preferred embodiments of the present invention will be described in more detail with reference to the accompanying drawings. The embodiments of the present invention may be modified in various forms, and the scope of the present invention should not be construed as being limited to the embodiments described below. These embodiments are provided to explain in detail the present invention to those skilled in the art. Accordingly, the shape of each element shown in the drawings may be exaggerated to emphasize a more clear description.

도 1은 본 발명에 따른 이미지 편집 시스템을 나타내는 개략도이며, 도 2 내지 도 4는 본 발명에 따른 웹상에서 핑거팟이 실행된 상태를 나타내는 이미지이고, 도 5 및 도 6은 본 발명에 따른 핑거팟에 웹 이미지를 드레그한 상태를 나타내는 이미지이며, 도 7 및 도 8은 본 발명에 따른 핑거팟을 나타내는 이미지이고, 도 9 내지 도 12는 본 발명에 따른 핑거팟의 기능을 나타내는 이미지이며, 도 13은 본 발명에 따른 핑거팟에 의해 실행된 핑거라우저를 나타내는 이미지이고, 도 14 내지 도 19는 본 발명에 따른 핑거팟의 작동 상태를 나타내는 이미지이다.1 is a schematic diagram showing an image editing system according to the present invention, Figures 2 to 4 is an image showing a state in which the finger pod is executed on the web according to the present invention, Figures 5 and 6 are finger pods according to the present invention 7 and 8 are images illustrating a finger pod according to the present invention, and FIGS. 9 to 12 are images illustrating a function of a finger pod according to the present invention, and FIG. 13. Is an image showing the finger browser executed by the finger pod according to the present invention, and FIGS. 14 to 19 are images showing the operating state of the finger pod according to the present invention.

본 발명은 핑거팟과 핑거에디터를 이용해 웹상의 이미지를 자유롭게 편집할 수 있다.The present invention can freely edit an image on the web using a finger pod and a finger editor.

본 발명의 핑거라우저는 핑거팟(10), 핑거에디터(20), 웹 서버(30) 및 데이터베이스(40)로 이루어진다. 여기서 핑거라우저(Fingerowser)란 핑거(Finger)와 브 라우저(Browser)의 합성어이다.The finger browser of the present invention includes a finger pod 10, a finger editor 20, a web server 30, and a database 40. Here, the finger browser (Fingerowser) is a compound word of the finger (Browser) and the browser (Browser).

상기 핑거팟(FingerPot)(10)은 터치 사용자를 대상으로 이용되는 것으로써 다양한 브라우저 기능을 제공하기 위한 구성으로 터치 스크린 화면을 이용해 웹 브라우저 상의 이미지를 드레그하여 편집, 저장할 수 있게 하는 기능들을 수반한다.The FingerPot 10 is used for a touch user, and is configured to provide various browser functions and includes functions for dragging, editing, and storing an image on a web browser using a touch screen screen. .

상기 핑거에디터(FingerEditor)(20)는 핑거팟에 담겨진 이미지들을 받아서 편집할 수 있는 파이어폭스 프로그램으로 인터넷에서 이슈가 되는 액티브 X 문제를 해결할 수 있다. 직접 데이터베이스에 접근할 수 없어 PHP를 통해 이미지 리스트를 가져와 사용하고 있다.The FingerEditor 20 is a Firefox program that can receive and edit images contained in a fingerpot to solve an ActiveX problem that is an issue on the Internet. I can't access the database directly, so I'm using a list of images via PHP.

즉, 도 1에 도시된 바와 같이 웹브라우저에서 핑거팟(10)을 실행시킨 후 웹상에 수록된 이미지들을 선택하여 핑거팟에 드레그하여 이동하면, 이동된 이미지들은 웹 서버(30)로 데이터를 전송하게 되고, 전송된 데이터는 PHP를 통해 URL을 XML로 변환시켜 데이터베이스(40)에 저장한 후 저장된 XML에 고유의 아이디를 부여하여 핑거팟(10)에 수록된 이미지들 각각의 URL에 아이디를 부여하게 된다.That is, as shown in FIG. 1, when the finger pod 10 is executed in a web browser, the images on the web are selected and dragged to the finger pod to move the images to the web server 30. The transmitted data is converted into XML through PHP, stored in the database 40, and then assigned a unique ID to the stored XML to assign an ID to each URL of the images contained in the fingerpot 10. .

부여받은 아이디는 각각의 이미지에 대한 고유번호가 되어 표시되며 핑거팟에서 특정 이미지를 클릭하면 이미지와 핑거팟과 연동되는 핑거에디터가 실행됨과 동시에 핑거팟에서 전달받은 데이터를 기반으로 저장된 XML을 웹 서버를 통해 데이버테이스에서 가져와 실행하고 이를 편집할 수 있게 된다. 여기서 상기 핑거에디터는 웹상의 URL을 직접 가져올 수 없기 때문에 PHP를 통해 URL을 XML로 변환시켜 이를 이용하게 되는 것이다. 편집된 이미지는 별도로 저장하는 것이 가능하다.The assigned ID is displayed as a unique number for each image. When a specific image is clicked on the finger pod, the finger editor linked to the image and the finger pod is executed, and at the same time, the stored XML is based on the data received from the finger pod. Will allow you to import from the database and run and edit it. In this case, since the finger editor cannot directly retrieve the URL on the web, the finger editor converts the URL into XML through PHP and uses it. The edited image can be saved separately.

예컨대 본 발명은 다음과 같은 방법으로 웹상의 이미지를 저장하지 않은 상태로 편집할 수 있게 된다. 1) 웹상의 이미지를 터치 후 드레그하여 화면에 팝업시키는 단계; 2) 팝업된 이미지 리스트를 웹 서버에 전송하는 단계; 3) 웹 서버에서 PHP를 통해 DB에 저장하고 저장된 이미지에 대해 각각 아이디를 부여하고 팝업창으로 전송한 후 전송된 아이디를 이미지에 부여하는 단계; 4) 이미지 리스트 중 편집할 이미지를 클릭하여 편집 프로그램으로 출력하고 출력된 이미지에 대한 정보를 웹 서버에 전송하여 DB에 저장된 이미지 리스트를 편집 프로그램으로 가져오는 단계; 및 5) 출력된 이미지를 편집하여 저장하는 단계;를 이용해 웹상의 이미지를 편집하게 된다.For example, the present invention can be edited without storing the image on the web in the following way. 1) touch and drag the image on the web to pop it on the screen; 2) sending a popup image list to a web server; 3) storing a DB in the web server through PHP and assigning IDs to the stored images and transmitting them to a pop-up window, and then assigning the transmitted IDs to the images; 4) clicking an image to be edited in the image list and outputting it to the editing program, and transmitting information about the output image to the web server to bring the image list stored in the DB into the editing program; And 5) editing and storing the output image.

이하, 첨부된 도면을 참조하여 본 발명을 설명하도록 한다.Hereinafter, with reference to the accompanying drawings to describe the present invention.

도 2 및 도 3에 도시된 바에 의하면, 터치 스크린 방식으로 동작하는 모니터에 웹브라우저(WB)를 실행시킨 상태에서 PC에 저장된 핑거팟(10)을 실행시킨다.2 and 3, the finger pod 10 stored in the PC is executed while the web browser WB is executed on the monitor operating in the touch screen method.

실행된 핑거팟은 도면 상에 도시된 바와 같이 사용자가 화면 터치를 통해 그 크기를 조절할 수 있어 편질될 이미지들의 갯에 따라 자유롭게 조정하는 것이 가능하다.As shown in the drawing, the executed finger pod can be adjusted by the user through the touch of the screen, and can be freely adjusted according to the number of images to be knitted.

다음으로, 도 4에 도시된 바와 같이 실행시된 핑거팟에 웹브라우저(WB)에 수록된 이미지들 중 특정 이미지(I)를 선택하여 드레그하여 핑거팟에 담도록 한다. 수록된 이미지(I)는 도 5에 도시된 바와 같이 핑거팟 내에 정렬되어 표시되게 된다. 또한 핑거팟에 담긴 이미지들은 핑거팟에 담김과 동시에 이미지 주소(URL)을 웹 서버로 전송시켜 PHP를 통해 XML로 변환하고 변환된 XML을 테이버테이스(DB)에 저장시키고 저장된 XML에 고유의 아이디를 부여하고 부여된 아이디는 웹 서버를 통해 다시 핑거팟으로 전송하여 핑거팟에 수록된 이미지들 각각에 부여받은 아이디를 설정하게 된다.Next, as shown in FIG. 4, the specific image I is selected and dragged from the image included in the web browser WB to the finger pod executed to be included in the finger pod. The recorded image I is displayed in alignment with the finger pod as shown in FIG. 5. In addition, the images in the fingerpot are transferred to the web server by sending the image address (URL) to the web server at the same time. The converted XML is converted into XML through PHP, and the converted XML is stored in the database and stored in XML The ID is assigned and the assigned ID is transmitted to the fingerpot through the web server to set the ID given to each of the images included in the fingerpot.

또한 핑거팟은 수록된 이미지가 많을 경우 도 5 및 도 6에 도시된 바와 같이 화면을 터치하여 이미지 페이지를 넘겨 볼 수도 잇으며, 도 7에 도시된 바와 같이 핑거팟의 크기를 조절하여 조절된 화면으로 이미지를 편집할 수도 있다. 그리고, 도 8에 도시된 바와 같이 수록 이미지들을 드레그하여 핑거팟 내에서 위치이동시키는 것도 가능하다.In addition, when there are a lot of recorded images, the finger pod may touch the screen to turn the image page as shown in FIGS. 5 and 6, and as illustrated in FIG. 7, the finger pod is adjusted by adjusting the size of the finger pod. You can also edit the image. As shown in FIG. 8, it is also possible to drag the recorded images to move the position within the finger pod.

이렇게 핑거팟은 실행된 상태에서 화면을 크기 및 수록된 이미지들은 핑것팟 내에서 자유롭게 이동하는 것이 가능하고 이미지들 각각에 웹 서버로부터 부여받은 고유아이디를 이용해 후 술하는 핑거에디터를 이용할 수 있게 된다.In this state, the size of the screen and the recorded images can be freely moved in the pingpot, and the finger editor described later can be used by using a unique ID given from a web server.

다음으로, 도 9 내지 도 11에 도시된 바에 의하면, 핑거팟(10)에 수록된 이미지들 중 특정 이미지를 길게 클릭하고 있으면, 이미지 상부에 핑거팟에서 이용된 단축 아이콘(E)이 다수 표출하게 된다. 상기 단축 아이콘(E)은 3개로 구성되며, 상단에 위치한 아이콘은 선택된 이미지를 삭제하기 위한 아이콘이고, 좌측에 위치된 아이콘은 선택된 이미지를 편집하기 위한 아이콘이며, 우측에 위치된 아이콘은 선택된 이미지를 저장하기 위한 아이콘이다.Next, as shown in FIGS. 9 to 11, when a long click on a specific image among the images included in the finger pod 10, a plurality of shortcut icons E used in the finger pod are displayed on the image. . The shortcut icon (E) is composed of three, the icon on the top is an icon for deleting the selected image, the icon on the left is an icon for editing the selected image, the icon on the right is the selected image Icon to save.

여기서, 도 12에 도시된 바와 같이 편집 아이콘을 클릭하게 되면, 도 13에 도시된 바와 같이 핑거에디터(20)가 실행된다. 실행된 핑거에디터는 앞서 설명한 바와 같이 웹 서버로부터 핑거팟에 수록된 이미지에서 전달받은 데이트를 데이버테이스로부터 가져와 실행하게 된다. 이때 실행되는 이미지는 고유아이디를 부여받고 있으며, 웹 서버의 데이터베이스에 저장된 XML에 의해 실행하게 된다.Here, when the edit icon is clicked as shown in FIG. 12, the finger editor 20 is executed as shown in FIG. 13. As described above, the finger editor executes the data received from the image from the data of the image contained in the finger pod from the web server. The image to be executed is given a unique ID and executed by XML stored in the database of the web server.

또한, 도 14 내지 도 18에 도시된 바와 같이 핑거팟(10) 중 이미지가 없는 부분을 클릭하게 되면, 단축 아이콘이 앞서 설명한 것보다 더 증가된 상태로 표출하게 되는데, 상부에 위치된 아이콘은 핑거팟 화면을 전체화면으로 구성할 수 있는 것이고, 상부 좌측에 위치된 아이콘은 화면상에서 핑거팟 화면을 없애는 것이며, 상부 우측에 위치된 아이콘은 핑거팟을 종료하는 아이콘이고, 하부의 아이콘은 전체 삭제 및 전체 편집 기능을 갖는 아이콘이다.In addition, as shown in FIGS. 14 to 18, when a portion of the finger pod 10 without an image is clicked on, a shortcut icon is displayed in an increased state than previously described. The pod screen can be configured as a full screen, the icon located on the upper left is to remove the finger pod screen on the screen, the icon located on the upper right is an icon to end the finger pod, and the icon on the bottom deletes all and This icon has full editing capabilities.

다음으로 이미지를 선택하고 이미지에 표출되는 단축 아이콘 중 편집 아이콘을 클릭하면 도 19에 도시된 바와 같이 핑거에디터 화면이 실행되며 이미지 편집이 가능하게 된다. 상기 핑거에디티는 파이오폭스 프로그램을 기반으로 동작하고 있으므로 프로그램 내의 동작 설명은 생략하기로 한다.Next, when an image is selected and an edit icon is clicked among shortcut icons displayed on the image, as shown in FIG. 19, the finger editor screen is executed and the image is editable. Since FingerEdit is operating based on the Firefox program, the description of the operation in the program will be omitted.

이와 같이 핑거팟에 위치된 아이콘을 이용해 핑거팟에 수록된 이미지를 삭제하고나 저장 또는 편집할 수 있게 함으로써 수록된 웹브라우저에 표시되는 어떠한 이미지도 자유롭게 편집하거나 저장할 수 있어 사용자 편의성이 극대화될 수 있고 웹상의 이미지 편집이 빠르고 쉽게 이루어질 수 있게 된다.By using the icon located on the fingerpot, you can delete, save, or edit the images in the fingerpot. You can freely edit or save any image displayed on the recorded web browser to maximize user convenience. Image editing can be done quickly and easily.

본 발명은 상기에 기술된 실시예들에 의해 한정되지 않고, 당업자들에 의해 다양한 변형 및 변경을 가져올 수 있으며, 이는 첨부된 청구항에서 정의되는 본 발명의 취지와 범위에 포함된다.The present invention is not limited by the embodiments described above, and various changes and modifications can be made by those skilled in the art, which are included in the spirit and scope of the present invention as defined in the appended claims.

도 1은 본 발명에 따른 이미지 편집 시스템을 나타내는 개략도.1 is a schematic diagram illustrating an image editing system according to the present invention.

도 2 내지 도 4는 본 발명에 따른 웹상에서 핑거팟이 실행된 상태를 나타내는 이미지. 2 to 4 are images showing a state in which the finger pod is executed on the web according to the present invention.

도 5 및 도 6은 본 발명에 따른 핑거팟에 웹 이미지를 드레그한 상태를 나타내는 이미지.5 and 6 are images showing a state in which the web image is dragged to the finger pod according to the present invention.

도 7 및 도 8은 본 발명에 따른 핑거팟을 나타내는 이미지.7 and 8 are images showing a finger pod according to the present invention.

도 9 내지 도 12는 본 발명에 따른 핑거팟의 기능을 나타내는 이미지.9 to 12 are images showing the function of the finger pod according to the present invention.

도 13은 본 발명에 따른 핑거팟에 의해 실행된 핑거라우저를 나타내는 이미지.Figure 13 is an image showing a finger browser implemented by a finger pod according to the present invention.

도 14 내지 도 19는 본 발명에 따른 핑거팟의 작동 상태를 나타내는 이미지.14 to 19 are images showing the operating state of the finger pod according to the present invention.

Claims (10)

1) 웹상의 이미지를 터치 후 드레그하여 화면에 팝업시키는 단계;1) touch and drag the image on the web to pop it on the screen; 2) 팝업된 이미지 리스트를 웹 서버에 전송하는 단계;2) sending a popup image list to a web server; 3) 웹 서버에서 PHP를 통해 DB에 저장하고 저장된 이미지에 대해 각각 아이디를 부여하고 팝업창으로 전송한 후 전송된 아이디를 이미지에 부여하는 단계;3) storing a DB in the web server through PHP and assigning IDs to the stored images and transmitting them to a pop-up window, and then assigning the transmitted IDs to the images; 4) 이미지 리스트 중 편집할 이미지를 클릭하여 편집 프로그램으로 출력하고 출력된 이미지에 대한 정보를 웹 서버에 전송하여 DB에 저장된 이미지 리스트를 편집 프로그램으로 가져오는 단계; 및4) clicking an image to be edited in the image list and outputting it to the editing program, and transmitting information about the output image to the web server to bring the image list stored in the DB into the editing program; And 5) 출력된 이미지를 편집하여 저장하는 단계;를 포함하여 이루어지는 것을 특징으로 하는 이미지 편집 방법.5) editing and storing the output image; image editing method comprising a. 제 1 항에 있어서,The method of claim 1, 상기 1)단계 내지 3)단계는 웹상의 URL 이미지를 팝업하게 하고, 팝업된 이미지를 웹 서버에서 XML 저장하도록 하는 것을 특징으로 하는 이미지 편집 방법.Steps 1) to 3) allow the URL image on the web to pop up, and the pop-up image to be stored in XML on the web server. 제 1 항에 있어서,The method of claim 1, 상기 편집 프로그램은 flex 프로그램인 것을 특징으로 하는 이미지 편집 방 법.The editing program is an image editing method, characterized in that the flex program. 제 2 항에 있어서,The method of claim 2, 상기 2)단계는 팝업된 이미지를 편집 전 팝업창으로부터 삭제, 저장할 수 있게 하는 것을 특징으로 하는 이미지 편집 방법.Step 2) is an image editing method characterized in that to delete the pop-up image from the pop-up window before editing. 제 1 항 내지 제 4 항 중 어느 한 항의 핑거라우저를 이용한 이미지 편집 방법은 웹 서버와 연동하며 이루어지게 하는 것을 특징으로 하는 이미지 편집 시스템.The image editing system according to any one of claims 1 to 4, wherein the image editing method is performed in conjunction with a web server. 웹상의 이미지를 화면상에서 팝업시키는 핑거팟;A fingerpot that pops up an image on the web on the screen; 상기 핑거팟에 의해 담긴 이미지 리스트 중 편집하고자 하는 이미지를 실행시켜 편집하는 핑거에이티;로 이루어지는 것을 특징으로 하는 핑거라우저.And a finger to execute and edit an image to be edited from the image list contained by the finger pod. 제 6 항에 있어서,The method of claim 6, 상기 핑거팟은 터치스크린 방식에 의해 이루어지는 것을 특징으로 하는 핑거 라우저.The finger pod is a finger browser, characterized in that the touch screen method. 제 6 항에 있어서,The method of claim 6, 상기 핑거에디터는 파이어폭스 프로그램인 것을 특징으로 하는 핑거라우저.The finger editor is a finger browser, characterized in that the Firefox program. 제 6 항에 있어서,The method of claim 6, 상기 핑거팟은 팝업된 이미지를 웹 서버와 연동하여 URL을 XML로 웹 서버에 저장하고 저장된 XML을 이용해 이미지 리스트에 아이디를 부여하도록 하는 것을 특징으로 하는 핑거라우저.The fingerpot interlocks the popped-up image with a web server, and stores a URL as an XML on the web server and assigns an ID to an image list using the stored XML. 제 9 항에 있어서,The method of claim 9, 상기 핑거팟은 팝업된 이미지 리스트 중 선택된 이미지에 대해 다양한 이미지 파일 형식으로 저장하거나 삭제할 수 있게 하는 것을 특징으로 하는 핑거라우저.The finger pod may be stored or deleted in various image file formats for the selected image from the pop-up image list.
KR1020090135088A 2009-12-31 2009-12-31 Fingerowser and method of edit for an image / system using the same KR101105232B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020090135088A KR101105232B1 (en) 2009-12-31 2009-12-31 Fingerowser and method of edit for an image / system using the same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020090135088A KR101105232B1 (en) 2009-12-31 2009-12-31 Fingerowser and method of edit for an image / system using the same

Publications (2)

Publication Number Publication Date
KR20110078310A true KR20110078310A (en) 2011-07-07
KR101105232B1 KR101105232B1 (en) 2012-01-17

Family

ID=44917786

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020090135088A KR101105232B1 (en) 2009-12-31 2009-12-31 Fingerowser and method of edit for an image / system using the same

Country Status (1)

Country Link
KR (1) KR101105232B1 (en)

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100481430B1 (en) * 2001-04-12 2005-04-08 이홍규 Method and system for displaying the searching result with specified image
JP3646931B2 (en) 2001-08-29 2005-05-11 セイコーエプソン株式会社 Image retouching program
KR20050109848A (en) * 2004-05-17 2005-11-22 주식회사 이노티브 System for transmitting and converting image

Also Published As

Publication number Publication date
KR101105232B1 (en) 2012-01-17

Similar Documents

Publication Publication Date Title
CN101957730B (en) Messaging device and information processing method
US8566732B2 (en) Synchronization of widgets and dashboards
CN1755599B (en) One click conditional formatting method and system for software programs
US9727538B2 (en) Editing a fragmented document
US8578330B2 (en) Enhanced widget composition platform
TWI450107B (en) Method and computer readable storage media for web data usage platform
CN101809573A (en) Updating content display based on cursor position
CN104133828A (en) Drag-and-drop clipboard for HTML documents
US20100205559A1 (en) Quick-launch desktop application
US8745581B2 (en) Method and system for selectively copying portions of a document contents in a computing system (smart copy and paste
US20150149951A1 (en) Live previews for multitasking and state management
US20150309993A1 (en) Agile Enterprise Globalization
US20130074036A1 (en) Methods and apparatus for code segment handling
TW201508639A (en) Capturing website content through capture services
CN102436344B (en) context menu
US8706778B2 (en) Methods and systems for an action-based interface for files and other assets
US20140344683A1 (en) Methods, system and computer program product for user guidance
US20170109136A1 (en) Generation of application behaviors
KR20140126702A (en) Extension activation for related documents
US11314757B2 (en) Search results modulator
US20080086701A1 (en) Method of displaying and editing properties of artifacts in graphical editors
US9836469B2 (en) Techniques for processing digital assets for editing in a digital asset editing computer program
US20120216132A1 (en) Embedding User Selected Content In A Web Browser Display
CN111061478B (en) Page form modification method, device and equipment and readable storage medium
JP5476709B2 (en) Web page editing program and Web page editing apparatus

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20141229

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20160509

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20170103

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20180105

Year of fee payment: 7

LAPS Lapse due to unpaid annual fee