TWI651685B - Image processing system and method - Google Patents
Image processing system and method Download PDFInfo
- Publication number
- TWI651685B TWI651685B TW101112280A TW101112280A TWI651685B TW I651685 B TWI651685 B TW I651685B TW 101112280 A TW101112280 A TW 101112280A TW 101112280 A TW101112280 A TW 101112280A TW I651685 B TWI651685 B TW I651685B
- Authority
- TW
- Taiwan
- Prior art keywords
- photo
- image
- output
- interface
- user interface
- Prior art date
Links
Landscapes
- Processing Or Creating Images (AREA)
- Information Transfer Between Computers (AREA)
Abstract
一種影像處理系統及方法，係應用於經由網際網路之影像處理美編環境中，利用本發明之影像處理系統及方法，使用者利用前台網站之瀏覽器畫面，經由網際網路，而對相片影像進行美編，並可搭配後台網站之不同種類的輸出類型，以符合使用者的需求。 An image processing system and method are applied to an image processing system and an image processing system via the Internet. With the image processing system and method of the present invention, a user uses a browser screen of a front-end website to access a photo via the Internet. The images are beautifully edited and can be paired with different types of output on the back-end website to suit the user's needs.
Description
本發明係有關於影像處理系統及方法，更詳而言之，係有關於一種應用於經由網際網路之影像處理美編環境的影像處理系統及方法，使用者利用瀏覽器畫面，經由網際網路，而對相片影像進行美編，並可搭配不同種類的輸出類型，以符合使用者的需求。 The present invention relates to an image processing system and method, and more particularly to an image processing system and method for processing an image-editing environment via an Internet, where a user utilizes a browser screen via the Internet. Road, and the photo image is beautifully edited, and can be matched with different types of output to meet the needs of users.
在目前之影像處理環境中，例如，將相片影像予以美編時，使用者所採取的方式是，利用自己電腦中所具有之影像處理軟體，例如，Photoshop，Picasa，Dreamweaver…等等，對相片影像進行美編處理。 In the current image processing environment, for example, when the photo image is beautifully edited, the user takes the image processing software provided in the computer, for example, Photoshop, Picasa, Dreamweaver, etc. The image is processed in the United States.
惟，此種習知方式的缺點為，使用者必須購買影像處理軟體，且必須按版本而予以更新，然，對於使用者而言，將是一種負擔。 However, the disadvantage of this conventional method is that the user must purchase the image processing software and must update it by version, but it will be a burden for the user.
另，當使用者欲將經美編後之相片影像予以輸出時，所具有之選擇性，一般而言，僅有紙張或相片列印一途，換言之，美編後之相片影像的應用性是有所跼限。 In addition, when the user wants to output the beautifully edited photo image, the selectivity is generally only that the paper or photo is printed one way. In other words, the applicability of the photo image after the beauty editing is Limited.
所以如何尋求一種相片影像處理方式，使用者無須於自己電腦中安裝影像處理軟體，而可省下軟體、以及版本更新添購費用，且，經美編後之相片影像予以輸出時，並不是僅有紙張或相片列印之選擇， 而是可具有不同種類的輸出類型，以符合使用者的實際不同需求，乃是待解決的問題。 Therefore, how to find a photo image processing method, the user does not need to install the image processing software in his own computer, but can save the software, and the version update purchase cost, and when the photo image is outputted by the US, it is not only There is a choice of paper or photo printing, Rather, it is possible to have different types of output types to meet the actual needs of the user, which is a problem to be solved.
本發明之主要目的便是在於提供一種影像處理系統及方法，係應用於經由網際網路之影像處理美編環境中，使用者利用前台網站之瀏覽器畫面，經由網際網路，而對相片影像進行美編。 The main purpose of the present invention is to provide an image processing system and method for use in an image processing environment via the Internet. The user uses the browser screen of the front-end website to access the photo image via the Internet. Make a beautiful editor.
本發明之又一目的便是在於提供一種影像處理系統及方法，係應用於經由網際網路之影像處理美編環境中，經美編後之相片影像予以輸出時，並不是僅有紙張或相片列印之選擇，而是可具有不同種類的輸出類型，以符合使用者的實際不同需求，換言之，使用者對相片影像進行美編處理後，可搭配後台網站之不同種類的輸出類型。 Another object of the present invention is to provide an image processing system and method for use in an image processing environment of an Internet through a webpage, and when the photo image is outputted by the US, it is not only paper or photo. The choice of printing, but can have different types of output, in order to meet the actual needs of the user, in other words, the user can match the different types of output of the background website after the user has processed the photo image.
本發明之再一目的便是在於提供一種影像處理系統及方法，係應用於經由網際網路之影像處理美編環境中，使用者無須於自己電腦中安裝影像處理軟體，而可省下軟體、以及版本更新添購費用。 A further object of the present invention is to provide an image processing system and method for use in an image processing environment via the Internet, in which the user does not need to install image processing software in his own computer, thereby saving software, And the version update purchase fee.
根據以上所述之目的，本發明提供一種影像處理系統，該影像處理系統採三層式架構，係包含使用者介面、應用程式伺服器、以及後端資料庫。 In accordance with the above purposes, the present invention provides an image processing system that employs a three-tier architecture including a user interface, an application server, and a backend database.
使用者介面，該使用者介面至少包含相片美編介面，應用程式伺 服器提供該使用者介面，經由網際網路，並將之展現於前台網站之瀏覽器畫面中，以讓使用者能於前台網站之瀏覽器畫面中利用應用程式伺服器所提供之該使用者介面的該相片美編介面，而對相片影像進行美編；該使用者介面可將經美編處理後之相片影像予以傳送至應用程式伺服器，以便進行後續之處理及/或輸出；在此，其中，相片影像係來自於手持式電子裝置，例如，平板電腦，智慧型手機，及/或，網路臉書facebook，及/或，個人電腦/筆記型電腦，及/或，後端資料庫，端視實際施行情況而定。 User interface, the user interface at least includes a photo interface, the application server The server provides the user interface via the Internet and displays it on the browser screen of the front-end website, so that the user can utilize the user provided by the application server in the browser screen of the front-end website. The photo interface of the interface is beautifully edited, and the photo image is transmitted to the application server for subsequent processing and/or output; The photo image is from a handheld electronic device, such as a tablet computer, a smart phone, and/or a web Facebook, and/or a personal computer/notebook, and/or a backend data. The library depends on the actual implementation.
又，依實際施行情況，使用者介面除至少包含相片美編介面之外，尚可包含，具有管理功能之管理介面，及/或，具有查詢功能之查詢介面，及/或，具有設計功能之設計介面，及/或，具有輸出功能之輸出介面，惟，該管理介面及/或該查詢介面及/或該設計介面及/或該輸出介面，並非全為使用者介面必須之介面，換言之，使用者介面除必須包含相片美編介面之外，對該使用者介面而言，該管理介面及/或該查詢介面及/或該設計介面及/或該輸出介面，僅係為其可選取之功能，可包含之，亦可不包含之，端視實際施行情況而定。 Moreover, depending on the actual implementation, the user interface may include, in addition to at least a photo interface, a management interface with management functions, and/or a query interface with a query function, and/or a design function. The design interface and/or the output interface with the output function, however, the management interface and/or the query interface and/or the design interface and/or the output interface are not all interfaces necessary for the user interface, in other words, In addition to the photo interface, the user interface and/or the query interface and/or the design interface and/or the output interface are only selectable for the user interface. The function may or may not be included, depending on the actual implementation.
使用者介面可展現於供使用者使用之前台網站之瀏覽器畫面中，及/或，依實際需求情形，該使用者介面亦可予以展現於後台網站之瀏覽器畫面中以供系統管理者使用。 The user interface can be displayed in the browser screen of the website before use by the user, and/or, according to actual needs, the user interface can also be displayed on the browser screen of the background website for use by the system administrator. .
應用程式伺服器，該應用程式伺服器經由網際網路，而將包含相片美編介面的使用者介面提供給使用者，並將之予以展現於前台網站之瀏覽器畫面中；另，該應用程式伺服器將接收來自於使用者介面之經美編處理後之相片影像，以便進行後續之處理及/或輸出，在此，該應用程式伺服器可將經美編處理後之相片影像予以儲存於後端資料庫，及/或，將經美編處理後之相片影像傳送至第三方，第三方之輸出樣式可為不同種類的輸出類型，以符合使用者的需求，例如，將美編後之相片影像印於杯子，書籤，T-shirt，鑰匙圈，卡片，筆記本…等等；另，在此，該應用程式伺服器可為Web伺服器及/或美編系統伺服器。 An application server that provides a user interface including a photo interface to the user via the Internet and displays it on the browser screen of the front-end website; The server will receive the US-processed photo image from the user interface for subsequent processing and/or output. Here, the application server can store the photo-processed photo image in the US The back-end database, and/or the photo image processed by the US code is transmitted to a third party, and the output style of the third party can be different types of output types to meet the needs of the user, for example, after editing the US Photo images are printed on cups, bookmarks, T-shirts, key rings, cards, notebooks, etc.; here, the application server can be a web server and/or a beauty system server.
後端資料庫，該後端資料庫用以儲存相片影像，並經由網際網路及/或應用程式伺服器而將之展現於使用者介面之相片美編介面，以讓使用者能經由該相片美編介面而對相片影像進行美編處理，及/或，經美編處理後之相片影像，可經由應用程式伺服器而予以儲存於後端資料庫；另，該後端資料庫可為磁碟陣列型式及/或影像檔案資料庫及/或影像檔案系統。 A back-end database for storing photo images and displaying them on the web interface of the user interface via the internet and/or application server, so that the user can pass the photo The photo image is beautifully edited by the US interface, and/or the photo image processed by the US code can be stored in the backend database via the application server; alternatively, the backend database can be magnetic Disc array type and / or image file database and / or image file system.
利用本發明之影像處理系統以進行影像處理方法流程時，首先，對相片影像進行美編處理動作；在此，使用者於前台網站之瀏覽器畫面中利用應用程式伺服器所提供之使用者介面的相片美編介面，而對 相片影像進行美編，該使用者介面可將經美編處理後之相片影像予以傳送至應用程式伺服器，以便進行後續之處理及/或輸出；其中，相片影像係來自於手持式電子裝置，例如，平板電腦，智慧型手機，及/或，網路臉書facebook，及/或，個人電腦/筆記型電腦，及/或，後端資料庫，端視實際施行情況而定。 When the image processing method of the present invention is used to perform the image processing method flow, first, the photo image is subjected to a US editing process; here, the user uses the user interface provided by the application server in the browser screen of the foreground website. Photo editing interface, but The photo image is beautifully edited, and the user interface can transmit the photo image processed by the US to the application server for subsequent processing and/or output; wherein the photo image is from the handheld electronic device. For example, a tablet, a smart phone, and/or a web Facebook, and/or a personal computer/notebook, and/or a backend database, depending on the actual implementation.
接著，進行影像輸出動作；應用程式伺服器接收來自於使用者介面之經美編處理後之相片影像，以便進行後續之處理及/或輸出；在此，後續之處理及/或輸出係可為，該應用程式伺服器將經美編處理後之相片影像予以儲存於後端資料庫，及/或，將經美編處理後之相片影像傳送至第三方，第三方之輸出樣式可為不同種類的輸出類型，以符合使用者的需求。 Then, the image output operation is performed; the application server receives the US-processed photo image from the user interface for subsequent processing and/or output; here, the subsequent processing and/or output system may be The application server stores the processed photo images in the backend database, and/or transmits the processed photo images to a third party, and the third party output styles can be different types. The type of output to match the needs of the user.
為使熟悉該項技藝人士瞭解本發明之目的、特徵及功效，茲藉由下述具體實施例，並配合所附之圖式，對本發明詳加說明如後： In order to make the person skilled in the art understand the purpose, features and effects of the present invention, the present invention will be described in detail by the following specific embodiments and the accompanying drawings.
第1圖為一系統示意圖，用以顯示說明本發明之影像處理系統之系統架構、以及運作情形。如第1圖中所示之，影像處理系統1係採三層式架構，係包含使用者介面2、應用程式伺服器3、以及後端資 料庫4。 1 is a schematic diagram of a system for illustrating the system architecture and operation of the image processing system of the present invention. As shown in FIG. 1 , the image processing system 1 adopts a three-layer architecture including a user interface 2, an application server 3, and a backend resource. Library 4.
使用者介面2，該使用者介面2至少包含相片美編介面21，應用程式伺服器3提供該使用者介面2，經由網際網路，並將之展現於前台網站5之瀏覽器畫面51中，以讓使用者6能於前台網站5之瀏覽器畫面51中利用應用程式伺服器3所提供之該使用者介面2的該相片美編介面21，而對相片影像(未圖示出)進行美編；該使用者介面2可將經美編處理後之相片影像(未圖示出)予以傳送至應用程式伺服器3，以便進行後續之處理及/或輸出；在此，其中，相片影像係來自於手持式電子裝置(未圖示出)，例如，平板電腦，智慧型手機，及/或，網路臉書facebook，及/或，個人電腦/筆記型電腦，及/或，後端資料庫4，端視實際施行情況而定。 The user interface 2, the user interface 2 includes at least a photo interface 21, and the application server 3 provides the user interface 2 via the Internet and displays it in the browser screen 51 of the foreground website 5, In order to enable the user 6 to utilize the photo interface 21 of the user interface 2 provided by the application server 3 in the browser screen 51 of the front office 5, the photo image (not shown) is beautiful. The user interface 2 can transmit the photo-processed photo image (not shown) to the application server 3 for subsequent processing and/or output; wherein, the photo image system is From handheld electronic devices (not shown), such as tablets, smart phones, and/or web Facebook, and/or personal computers/notebooks, and/or back-end materials Library 4, depending on the actual implementation.
又，依實際施行情況，使用者介面2除至少包含相片美編介面21之外，尚可包含，具有管理功能之管理介面22，及/或，具有查詢功能之查詢介面23，及/或，具有設計功能之設計介面24，及/或，具有輸出功能之輸出介面25，惟，該管理介面22及/或該查詢介面23及/或該設計介面24及/或該輸出介面25，並非全為使用者介面2必須之介面，換言之，使用者介面2除必須包含相片美編介面21之外，對該使用者介面2而言，該管理介面22及/或該查詢介面23及/或該設計介面24及/或該輸出介面25，僅係為其可選取之功能，可 包含之，亦可不包含之，端視實際選取而定。 In addition, the user interface 2 may include, in addition to the photo interface 21, a management interface 22 having a management function, and/or an inquiry interface 23 having a query function, and/or Design interface 24 with design function and/or output interface 25 with output function, however, the management interface 22 and/or the query interface 23 and/or the design interface 24 and/or the output interface 25 are not all For the user interface 2, in addition to the user interface 2, the user interface 2, the management interface 22 and/or the query interface 23 and/or the user interface 2 The design interface 24 and/or the output interface 25 are only for their selectable functions. It may or may not be included, depending on the actual selection.
使用者介面2可展現於供使用者6使用之前台網站5之瀏覽器畫面51中，及/或，依實際需求情形，該使用者介面2亦可予以展現於後台網站(未圖示出)之瀏覽器畫面(未圖示出)中以供系統管理者(未圖示出)使用。 The user interface 2 can be displayed in the browser screen 51 of the website 5 before the user 6 is used, and/or the user interface 2 can also be displayed on the background website (not shown) according to actual needs. The browser screen (not shown) is used by a system administrator (not shown).
應用程式伺服器3，該應用程式伺服器3經由網際網路，而將包含相片美編介面21的使用者介面2提供給使用者6，並將之予以展現於前台網站5之瀏覽器畫面51中；另，該應用程式伺服器3將接收來自於使用者介面2之經美編處理後之相片影像，以便進行後續之處理及/或輸出，在此，該應用程式伺服器3可將經美編處理後之相片影像予以儲存於後端資料庫4，及/或，將經美編處理後之相片影像傳送至第三方7，第三方7之輸出樣式可為不同種類的輸出類型，例如，將美編後之相片影像印於杯子，書籤，T-shirt，鑰匙圈，卡片，筆記本…等等；另，在此，該應用程式伺服器3可為Web伺服器及/或美編系統伺服器。 The application server 3, the application server 3 provides the user interface 2 including the photo interface 21 to the user 6 via the Internet, and displays it on the browser screen 51 of the foreground website 5. In addition, the application server 3 will receive the processed photo image from the user interface 2 for subsequent processing and/or output, where the application server 3 can The photo image processed by the US is stored in the backend database 4, and/or the photo image processed by the US is transmitted to the third party 7. The output style of the third party 7 can be different types of output types, for example , printing the photo image after the beauty is printed on the cup, bookmark, T-shirt, key ring, card, notebook, etc.; in addition, the application server 3 can be a web server and/or a beauty editing system. server.
後端資料庫4，該後端資料庫4用以儲存相片影像，並經由網際網路及/或應用程式伺服器3而將之展現於使用者介面2之相片美編介面21，以讓使用者6能經由該相片美編21而對相片影像進行美編處理，及/或，經美編處理後之相片影像，可經由應用程式伺服器3 而予以儲存於後端資料庫4；另，該後端資料庫4可為磁碟陣列型式及/或影像檔案資料庫及/或影像檔案系統。 a back-end database 4 for storing photo images and displaying them on the web interface 21 of the user interface 2 via the internet and/or application server 3 for use. The photo 6 can be edited by the photo album 21 and/or the photo image processed by the US appendix can be accessed via the application server 3 And stored in the back-end database 4; in addition, the back-end database 4 can be a disk array type and / or image file database and / or image file system.
第2圖為一流程圖，用以顯示說明利用如第1圖中之本發明之影像處理系統以進行影像處理方法的流程步驟。如第2圖中所示之，首先，於步驟101，對相片影像進行美編處理動作；在此，使用者6於前台網站5之瀏覽器畫面51中利用應用程式伺服器3所提供之使用者介面2的相片美編介面21，而對相片影像進行美編，該使用者介面2可將經美編處理後之相片影像予以傳送至應用程式伺服器3，以便進行後續之處理及/或輸出，並進到步驟102；其中，相片影像係來自於手持式電子裝置，例如，平板電腦，智慧型手機，及/或，網路臉書facebook，及/或，個人電腦/筆記型電腦，及/或，後端資料庫，端視實際施行情況而定。 Figure 2 is a flow chart showing the flow of steps for performing an image processing method using the image processing system of the present invention as shown in Figure 1. As shown in FIG. 2, first, in step 101, a photo editing operation is performed on the photo image; here, the user 6 uses the application server 3 to provide the use in the browser screen 51 of the foreground website 5. The photo interface of the user interface 2, and the photo image is beautifully edited, and the user interface 2 can transmit the photo image processed by the US to the application server 3 for subsequent processing and/or Output, and proceeds to step 102; wherein the photo image is from a handheld electronic device, such as a tablet, a smart phone, and/or a Facebook Facebook, and/or a personal computer/notebook, and / or, the back-end database, depending on the actual implementation.
於步驟102，進行影像輸出動作；應用程式伺服器3接收來自於使用者介面2之經美編處理後之相片影像，以便進行後續之處理及/或輸出；在此，後續之處理及/或輸出係可為，該應用程式伺服器3將經美編處理後之相片影像予以儲存於後端資料庫4，及/或，將經美編處理後之相片影像傳送至第三方7，第三方7之輸出樣式可為不同種類的輸出類型。 In step 102, an image output operation is performed; the application server 3 receives the processed photo image from the user interface 2 for subsequent processing and/or output; here, subsequent processing and/or The output system may be that the application server 3 stores the photo-processed photo image in the back-end database 4, and/or transmits the photo-processed photo image to a third party, a third party. The output style of 7 can be different types of output.
第3圖為一示意圖，用以顯示說明本發明之影像處理系統的一實 施例、以及運作情形。如第3圖中所示之，影像處理系統1係採三層式架構，係包含使用者介面2、應用程式伺服器3、以及後端資料庫4，在此，應用程式伺服器3、以及後端資料庫4係位於美編系統伺服器8。 Figure 3 is a schematic view showing a real part of the image processing system of the present invention. The case, as well as the operating situation. As shown in FIG. 3, the image processing system 1 adopts a three-layer architecture including a user interface 2, an application server 3, and a backend database 4, where the application server 3, and The backend database 4 is located in the US system server 8.
使用者介面2，該使用者介面2至少包含相片美編介面21，應用程式伺服器3提供該使用者介面2，經由網際網路，並將之展現於前台網站5之瀏覽器畫面52中，以讓使用者6能於前台網站5之瀏覽器畫面52中利用應用程式伺服器3所提供之該使用者介面2的該相片美編介面21，而對第一相片影像100進行美編；該使用者介面2可將經美編處理後之第二相片影像200予以傳送至應用程式伺服器3，以便進行後續之處理及/或輸出；在此，其中，第一相片影像100係來自於手持式電子裝置9(例如，平板電腦，智慧型手機)上所展現之網路臉書facebook91。 The user interface 2, the user interface 2 includes at least a photo interface 21, and the application server 3 provides the user interface 2 via the Internet and displays it on the browser screen 52 of the foreground website 5, The first photo image 100 can be edited by the user interface 2 of the user interface 2 provided by the application server 3 in the browser screen 52 of the foreground website 5; The user interface 2 can transmit the second photo image 200 processed by the US to the application server 3 for subsequent processing and/or output; wherein the first photo image 100 is from the handheld The online Facebook facebook91 displayed on the electronic device 9 (for example, a tablet computer, a smart phone).
應用程式伺服器3，該應用程式伺服器3經由網際網路，而將包含相片美編介面21的使用者介面2提供給使用者6，並將之予以展現於前台網站5之瀏覽器畫面52中；另，該應用程式伺服器3將接收來自於使用者介面2之經美編處理後之第二相片影像200，以便進行後續之處理及/或輸出，在此，該應用程式伺服器3可將經美編處理後之第二相片影像200予以儲存於後端資料庫4，並將經美編處理後 之第二相片影像200傳送至第三方7，第三方7之輸出樣式71可為不同種類的輸出類型，例如，將美編後之第二相片影像200印於杯子，書籤，T-shirt，鑰匙圈，卡片，筆記本…等等。 The application server 3, the application server 3 provides the user interface 2 including the photo interface 21 to the user 6 via the Internet, and displays it on the browser screen 52 of the foreground website 5. In addition, the application server 3 will receive the second photo image 200 processed by the user interface 2 for subsequent processing and/or output, where the application server 3 The second photo image 200 processed by the US can be stored in the backend database 4 and processed by the US editor. The second photo image 200 is transmitted to the third party 7, and the output pattern 71 of the third party 7 can be a different type of output type, for example, the second photo image 200 after the beauty is printed on the cup, bookmark, T-shirt, key Circles, cards, notebooks...etc.
後端資料庫4，經美編處理後之第二相片影像200，可經由應用程式伺服器3而予以儲存於後端資料庫4；另，該後端資料庫4可為磁碟陣列型式及/或影像檔案資料庫及/或影像檔案系統。 The back-end database 4, the second photo image 200 processed by the US-based processing, can be stored in the back-end database 4 via the application server 3; the back-end database 4 can be a disk array type and / or image file database and / or image file system.
在此，於本實施例中，雖第一相片影像100係來自於手持式電子裝置9(例如，平板電腦，智慧型手機)上所展現之網路臉書facebook91，惟，對於第一相片影像100若來自於個人電腦/筆記型電腦，抑或，若來自於在個人電腦/筆記型電腦所展現之網路臉書facebook而言，其理相同、類似於本實施例中所述之，是故，在此不再贅述之。 Here, in the embodiment, the first photo image 100 is from the online Facebook facebook 91 displayed on the handheld electronic device 9 (for example, a tablet computer, a smart phone), but for the first photo image. 100 if it comes from a personal computer/notebook, or if it comes from the Facebook Facebook shown on a personal computer/notebook, it is the same, similar to that described in this embodiment, so I will not repeat them here.
第4圖為一流程圖，用以顯示說明利用如第3圖中之影像處理系統的一實施例，以進行影像處理方法的流程步驟。如第4圖中所示之，首先，於步驟201，對第一相片影像100進行美編處理動作；在此，使用者6於前台網站5之瀏覽器畫面52中利用應用程式伺服器3所提供之使用者介面2的相片美編介面21，而對第一相片影像100進行美編，該使用者介面2可將經美編處理後之第二相片影像200予以傳送至應用程式伺服器3，以便進行後續之處理及/或輸出，並進 到步驟202；其中，第一相片影像100係來自於手持式電子裝置9(例如，平板電腦，智慧型手機)上所展現之網路臉書facebook91。 Figure 4 is a flow chart showing the flow of steps for performing an image processing method using an embodiment of the image processing system as in Figure 3. As shown in FIG. 4, first, in step 201, the first photo image 100 is subjected to a US editing operation; here, the user 6 uses the application server 3 in the browser screen 52 of the foreground website 5. The photo interface 100 of the user interface 2 is provided, and the first photo image 100 is edited, and the user interface 2 can transmit the second photo image 200 processed by the US to the application server 3. For subsequent processing and/or output, and Go to step 202; wherein the first photo image 100 is from the online Facebook facebook91 displayed on the handheld electronic device 9 (for example, a tablet computer, a smart phone).
於步驟102，進行第二影像200輸出動作；應用程式伺服器3接收來自於使用者介面2之經美編處理後之第二相片影像200，以便進行後續之處理及/或輸出；在此，後續之處理及/或輸出係可為，該應用程式伺服器3將經美編處理後之相片影像予以儲存於後端資料庫4，並將經美編處理後之相片影像傳送至第三方7，第三方7之輸出樣式71可為不同種類的輸出類型。 In step 102, the second image 200 output operation is performed; the application server 3 receives the second photo image 200 processed by the user interface 2 for subsequent processing and/or output; The subsequent processing and/or output may be that the application server 3 stores the processed photo image in the backend database 4, and transmits the processed photo image to the third party. The output style 71 of the third party 7 can be a different type of output type.
第5圖為一示意圖，用以顯示說明本發明之影像處理系統的又一實施例、以及運作情形。如第5圖中所示之，影像處理系統1係採三層式架構，係包含使用者介面2、應用程式伺服器3、以及後端資料庫4，其中，應用程式伺服器3、以及後端資料庫4係位於Web伺服器13中。 Figure 5 is a schematic diagram showing still another embodiment of the image processing system of the present invention and its operation. As shown in FIG. 5, the image processing system 1 adopts a three-layer architecture including a user interface 2, an application server 3, and a backend database 4, wherein the application server 3, and the rear The end database 4 is located in the web server 13.
使用者介面2，該使用者介面2至少包含相片美編介面21，應用程式伺服器3提供該使用者介面2，經由網際網路，並將之展現於前台網站5之瀏覽器畫面53中，以讓使用者6能於前台網站5之瀏覽器畫面53中利用應用程式伺服器3所提供之該使用者介面2的該相片美編介面21，而對第一相片影像300進行美編；該使用者介面2可將經美編處理後之第二相片影像400予以傳送至應用程式伺服器3， 以便進行後續之處理及/或輸出；在此，其中，第一相片影像300係來自於後端資料庫4。 a user interface 2, the user interface 2 includes at least a photo interface 21, and the application server 3 provides the user interface 2 via the Internet and displays it on the browser screen 53 of the foreground website 5, The first photo image 300 can be edited by the user interface 2 of the user interface 2 provided by the application server 3 in the browser screen 53 of the foreground website 5; The user interface 2 can transmit the second photo image 400 processed by the US to the application server 3. For subsequent processing and/or output; wherein the first photo image 300 is from the backend database 4.
又，於本實施例中，使用者介面2除至少包含相片美編介面21之外，尚可包含，具有管理功能之管理介面22，及/或，具有查詢功能之查詢介面23，及/或，具有設計功能之設計介面24，及/或，具有輸出功能之輸出介面25。 In addition, in this embodiment, the user interface 2 may include, in addition to the photo interface 21, a management interface 22 having a management function, and/or an inquiry interface 23 having a query function, and/or A design interface 24 having a design function, and/or an output interface 25 having an output function.
使用者介面2可展現於供使用者6使用之前台網站5之瀏覽器畫面53中，及/或，依實際需求情形，該使用者介面2亦可予以展現於位於Web伺服器13中的後台網站10之瀏覽器畫面11中以供為系統管理者之使用者12使用。 The user interface 2 can be displayed in the browser screen 53 of the website 5 before the user 6 is used, and/or the user interface 2 can also be displayed in the background located in the web server 13 according to actual needs. The browser screen 11 of the website 10 is used by the user 12 for the system administrator.
應用程式伺服器3，該應用程式伺服器3經由網際網路，而將包含相片美編介面21的使用者介面2提供給使用者6，並將之予以展現於前台網站5之瀏覽器畫面53中；另，該應用程式伺服器3將接收來自於使用者介面2之經美編處理後之第二相片影像400，以便進行後續之處理及/或輸出，在此，該應用程式伺服器3可將經美編處理後之第二相片影像400予以儲存於後端資料庫4，及/或，將經美編處理後之第二相片影像400傳送至第三方7，第三方7之輸出樣式71可為不同種類的輸出類型，例如，將美編後之第二相片影像400印於杯子，書籤，T-shirt，鑰匙圈，卡片，筆記本…等等。 The application server 3, the application server 3 provides the user interface 2 including the photo interface 21 to the user 6 via the Internet, and displays it on the browser screen 53 of the foreground website 5. In addition, the application server 3 will receive the second photo image 400 processed by the user interface 2 for subsequent processing and/or output, where the application server 3 The second photo image 400 processed by the US code can be stored in the back end database 4, and/or the second photo image 400 processed by the US code can be transmitted to the third party 7, the output style of the third party 7. 71 can be a different type of output type, for example, printing a second photo image 400 after the beauty is printed on a cup, a bookmark, a T-shirt, a key ring, a card, a notebook, and the like.
後端資料庫4，該後端資料庫4用以儲存第一相片影像300，並經由網際網路及/或應用程式伺服器3而將之展現於使用者介面2之相片美編介面21，以讓使用者6能經由該相片美編21而對第一相片影像300進行美編處理，及/或，經美編處理後之第二相片影像400，可經由應用程式伺服器3而予以儲存於後端資料庫4；另，該後端資料庫4可為磁碟陣列型式及/或影像檔案資料庫及/或影像檔案系統。 The back-end database 4 is configured to store the first photo image 300 and display it on the photo interface 21 of the user interface 2 via the Internet and/or the application server 3, The first photo image 300 can be processed by the user 6 via the photo album 21, and/or the second photo image 400 processed by the US code can be stored via the application server 3. The backend database 4 can be a disk array type and/or a video file database and/or an image file system.
第6圖為一流程圖，用以顯示說明利用如第5圖中之影像處理系統的又一實施例，以進行影像處理方法的流程步驟。如第6圖中所示之，首先，於步驟301，對第一相片影像300進行美編處理動作；在此，使用者6於前台網站5之瀏覽器畫面53中利用應用程式伺服器3所提供之使用者介面2的相片美編介面21，而對第一相片影像300進行美編，該使用者介面2可將經美編處理後之第二相片影像400予以傳送至應用程式伺服器3，以便進行後續之處理及/或輸出，並進到步驟302；其中，第一相片影像300係來自於後端資料庫4。 Figure 6 is a flow chart showing the flow of steps for performing an image processing method using yet another embodiment of the image processing system as in Figure 5. As shown in FIG. 6, first, in step 301, the first photo image 300 is subjected to a US editing process; here, the user 6 uses the application server 3 in the browser screen 53 of the foreground website 5. The photo interface 300 of the user interface 2 is provided, and the first photo image 300 is edited, and the user interface 2 can transmit the second photo image 400 processed by the US to the application server 3. For subsequent processing and/or output, and proceeding to step 302; wherein the first photo image 300 is from the backend database 4.
於步驟302，進行第二相片影像400輸出動作；應用程式伺服器3接收來自於使用者介面2之經美編處理後之第二相片影像400，以便進行後續之處理及/或輸出；在此，後續之處理及/或輸出係可為，該應用程式伺服器3將經美編處理後之第二相片影像400予以儲存於後端資料庫4，及/或，將經美編處理後之第二相片影像400傳送至第 三方7，第三方7之輸出樣式71可為不同種類的輸出類型。 In step 302, the second photo image 400 is outputted; the application server 3 receives the second photo image 400 from the user interface 2 for subsequent processing and/or output; The subsequent processing and/or output system may be that the application server 3 stores the second photo image 400 processed by the US magazine in the backend database 4, and/or will be processed by the US editor. The second photo image 400 is transmitted to the first Three-way 7, the output style 71 of the third party 7 can be a different type of output type.
綜合以上之該些實施例，我們可以得到本發明之一種影像處理系統及方法，係應用於經由網際網路之影像處理美編環境中，利用本發明之影像處理系統及方法，使用者利用前台網站之瀏覽器畫面，經由網際網路，而對相片影像進行美編，並可搭配後台網站之不同種類的輸出類型。本發明之影像處理系統及方法包含以下優點： In combination with the above embodiments, we can obtain an image processing system and method of the present invention, which is applied to an image processing system and method via the Internet, and utilizes the image processing system and method of the present invention. The browser screen of the website, through the Internet, is beautifully edited for the photo image, and can be matched with different types of output types of the back-end website. The image processing system and method of the present invention includes the following advantages:
1.使用者利用前台網站之瀏覽器畫面，經由網際網路，而對相片影像進行美編。 1. The user uses the browser screen of the front-end website to edit the photo image via the Internet.
2.經美編後之相片影像予以輸出時，並不是僅有紙張或相片列印之選擇，而是可具有不同種類的輸出類型，以符合使用者的實際不同需求，換言之，使用者對相片影像進行美編處理後，可搭配後台網站之不同種類的輸出類型。 2. When the photo image is printed, it is not only the choice of paper or photo printing, but different types of output to meet the actual needs of the user. In other words, the user has the photo. After the image is processed by the US, it can be matched with different types of output of the back-end website.
3.使用者無須於自己電腦中安裝影像處理軟體，而可省下軟體、以及版本更新添購費用。 3. Users do not need to install image processing software on their own computers, but can save software and version update purchase costs.
以上所述僅為本發明之較佳實施例而已，並非用以限定本發明之範圍；凡其它未脫離本發明所揭示之精神下所完成之等效改變或修飾，均應包含在下述之專利範圍內。 The above are only the preferred embodiments of the present invention, and are not intended to limit the scope of the present invention; all other equivalent changes or modifications which are not departing from the spirit of the present invention should be included in the following patents. Within the scope.
1‧‧‧影像處理系統 1‧‧‧Image Processing System
2‧‧‧使用者介面 2‧‧‧User interface
3‧‧‧應用程式伺服器 3‧‧‧Application Server
4‧‧‧後端資料庫 4‧‧‧ Backend database
5‧‧‧前台網站 5‧‧‧ Front desk
6‧‧‧使用者 6‧‧‧Users
7‧‧‧第三方 7‧‧‧ Third parties
8‧‧‧美編系統伺服器 8‧‧‧ US system server
9‧‧‧手持式電子裝置 9‧‧‧Handheld electronic devices
10‧‧‧後台網站 10‧‧‧Backstage website
11‧‧‧瀏覽器畫面 11‧‧‧ browser screen
12‧‧‧使用者 12‧‧‧Users
13‧‧‧Web伺服器 13‧‧‧Web server
21‧‧‧相片美編介面 21‧‧‧Photos interface
22‧‧‧管理介面 22‧‧‧Management interface
23‧‧‧查詢介面 23‧‧‧Query interface
24‧‧‧設計介面 24‧‧‧Design interface
25‧‧‧輸出介面 25‧‧‧Output interface
51‧‧‧瀏覽器畫面 51‧‧‧ browser screen
52‧‧‧瀏覽器畫面 52‧‧‧ browser screen
53‧‧‧瀏覽器畫面 53‧‧‧ browser screen
71‧‧‧輸出樣式 71‧‧‧Output style
91‧‧‧網路臉書facebook 91‧‧‧Web Facebook
100‧‧‧第一相片影像 100‧‧‧ first photo image
101 102‧‧‧步驟 101 102‧‧‧Steps
200‧‧‧第二相片影像 200‧‧‧Second photo image
201 202‧‧‧步驟 201 202‧‧‧Steps
300‧‧‧第一相片影像 300‧‧‧ first photo image
301 302‧‧‧步驟 301 302‧‧‧Steps
400‧‧‧第二相片影像 400‧‧‧Second photo image
第1圖為一系統示意圖，用以顯示說明本發明之影像處理系統之 系統架構、以及運作情形；第2圖為一流程圖，用以顯示說明利用如第1圖中之本發明之影像處理系統以進行影像處理方法的流程步驟；第3圖為一示意圖，用以顯示說明本發明之影像處理系統的一實施例、以及運作情形；第4圖為一流程圖，用以顯示說明利用如第3圖中之影像處理系統的一實施例，以進行影像處理方法的流程步驟；第5圖為一示意圖，用以顯示說明本發明之影像處理系統的又一實施例、以及運作情形；以及第6圖為一流程圖，用以顯示說明利用如第5圖中之影像處理系統的又一實施例，以進行影像處理方法的流程步驟。 1 is a schematic diagram of a system for illustrating an image processing system of the present invention. System architecture and operation; FIG. 2 is a flow chart showing the flow of steps for performing an image processing method using the image processing system of the present invention in FIG. 1; FIG. 3 is a schematic diagram for An embodiment and an operation of the image processing system of the present invention are shown; and FIG. 4 is a flow chart for illustrating an embodiment of the image processing system of FIG. 3 for performing an image processing method. 5 is a schematic diagram for showing another embodiment of the image processing system of the present invention, and a working situation; and FIG. 6 is a flow chart for showing the use of the image as shown in FIG. Yet another embodiment of an image processing system for performing the flow steps of the image processing method.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW101112280A TWI651685B (en) | 2012-04-06 | 2012-04-06 | Image processing system and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW101112280A TWI651685B (en) | 2012-04-06 | 2012-04-06 | Image processing system and method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| TW201342301A TW201342301A (en) | 2013-10-16 |
| TWI651685B true TWI651685B (en) | 2019-02-21 |
Family
ID=49771494
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW101112280A TWI651685B (en) | 2012-04-06 | 2012-04-06 | Image processing system and method |
Country Status (1)
| Country | Link |
|---|---|
| TW (1) | TWI651685B (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200939049A (en) * | 2008-01-02 | 2009-09-16 | Yahoo Inc | Method and system for managing digital photos |
| TW201042472A (en) * | 2009-05-25 | 2010-12-01 | xiu-ru Chen | Image file storage and management device, system and method |
| TW201214171A (en) * | 2010-09-09 | 2012-04-01 | Microsoft Corp | Concurrent editing of online drawings |
-
2012
- 2012-04-06 TW TW101112280A patent/TWI651685B/en active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200939049A (en) * | 2008-01-02 | 2009-09-16 | Yahoo Inc | Method and system for managing digital photos |
| TW201042472A (en) * | 2009-05-25 | 2010-12-01 | xiu-ru Chen | Image file storage and management device, system and method |
| TW201214171A (en) * | 2010-09-09 | 2012-04-01 | Microsoft Corp | Concurrent editing of online drawings |
Also Published As
| Publication number | Publication date |
|---|---|
| TW201342301A (en) | 2013-10-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9396356B2 (en) | Endorsement of unmodified photographs using watermarks | |
| CN105453612B (en) | Message service providing apparatus and method of providing content via the same | |
| JP5074570B2 (en) | How to provide font services | |
| CN107925725B (en) | Display device and control method of the same | |
| JP6142580B2 (en) | Information processing system, information registration method, conference apparatus, and program | |
| WO2018072149A1 (en) | Picture processing method, device, electronic device and graphic user interface | |
| WO2019047508A1 (en) | Method for processing e-book comment information, electronic device and storage medium | |
| CN108984707B (en) | Method, device, terminal equipment and storage medium for sharing personal information | |
| US20120275704A1 (en) | Ranking image importance with a photo-collage | |
| CN106575300A (en) | Image based search to identify objects in documents | |
| US20210097741A1 (en) | Annotating an image with a texture fill | |
| US10824638B2 (en) | Enhancing object representations using inferred user intents | |
| US20120040314A1 (en) | Body Ornamentation Design, Customization, and Management System | |
| KR100985068B1 (en) | Custom-made image and protecting cover creating system shown on electronic machine having display area and method for thereof | |
| JP6369598B2 (en) | Information processing system, information registration method, conference apparatus, and program | |
| WO2016018682A1 (en) | Processing image to identify object for insertion into document | |
| TWI651685B (en) | Image processing system and method | |
| JP6340124B1 (en) | Photo production system, sales system, photo production apparatus and program | |
| AU2020102644A4 (en) | Online Artwork gallery Systems And Methods | |
| KR20130007487A (en) | Method and system for providing combined service of electronic name card and social network | |
| WO2018201596A1 (en) | Password input method, apparatus, computer readable storage medium and terminal device | |
| JP2016021156A (en) | Image display device | |
| US11907502B1 (en) | Automatic contact sharing and connection system and method | |
| JP3165538U (en) | Album production system | |
| CN106657041A (en) | Novel webpage evidence preservation system and method |