TWM624354U - Website platform shopping system providing augmented reality function on webpage - Google Patents

Website platform shopping system providing augmented reality function on webpage Download PDF

Info

Publication number
TWM624354U
TWM624354U TW110211859U TW110211859U TWM624354U TW M624354 U TWM624354 U TW M624354U TW 110211859 U TW110211859 U TW 110211859U TW 110211859 U TW110211859 U TW 110211859U TW M624354 U TWM624354 U TW M624354U
Authority
TW
Taiwan
Prior art keywords
website platform
virtual gift
virtual
mobile device
module
Prior art date
Application number
TW110211859U
Other languages
Chinese (zh)
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 TW110211859U priority Critical patent/TWM624354U/en
Publication of TWM624354U publication Critical patent/TWM624354U/en

Links

Images

Landscapes

  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)
  • Processing Or Creating Images (AREA)

Abstract

A website platform shopping system providing an augmented reality function on a webpage is provided. A website platform establishing module establishes a website platform on which a plurality of virtual product images are arranged. An augmented reality module obtains a dynamic physical image captured by the mobile device. The augmented reality module overlaps the virtual product graphic selected by the mobile device with the dynamic physical image on the webpage of the website platform.

Description

在網頁上提供擴增實境功能的網站平台系統A website platform system that provides augmented reality functions on web pages

本創作涉及一種開店系統,特別是涉及一種在網頁上提供擴增實境功能的網站平台系統。This creation relates to a store opening system, in particular to a website platform system that provides augmented reality functions on web pages.

各種不同功能的應用程式(Application, APP)已被廣泛地使用於人們生活中,成為人們生活必不可少的工具。然而,人們在持有的行動裝置上使用 APP之前,需先從 APP 商店下載和安裝APP至行動裝置。當人們需使用大量的 APP 時,大量 APP 的逐一安裝極為耗時,給用戶造成了不便。Various applications (Application, APP) with different functions have been widely used in people's life and become an indispensable tool in people's life. However, before people can use the APP on the mobile device they hold, they need to download and install the APP from the APP store to the mobile device. When people need to use a large number of APPs, it is extremely time-consuming to install a large number of APPs one by one, causing inconvenience to users.

隨著網路越來越發達,網上購物變得越來越方便。遠在萬里之外商品,也可以方便的購買。 然而,現有網上購物仍存在著非常多的問題,例如體積較小的飾品難以透過相機清楚拍攝,因而未在網路商店提供模特兒穿戴商品的示範照片,即使部分飾品有提供模特兒的穿戴照,消費者仍難以想像這些網路商店上販售的飾品穿戴在自己身上的樣子,因而時常會發生消費者逛網路商店時,覺得模特兒穿戴飾品好看而下單購買,但實際拿到商品時穿戴在自身時卻不適合,而需將商品在規定時間內退貨,給消費者帶來不便,同時商家需處理退貨的商品和退還回消費者匯款的商品費用,給雙方都帶來極大的不便,造成時間、人力和金錢等成本上的損耗。With the development of the Internet, online shopping has become more and more convenient. You can also easily buy products that are thousands of miles away. However, there are still many problems in existing online shopping. For example, it is difficult to clearly photograph small accessories through cameras, so there are no demonstration photos of models wearing products in online stores, even though some accessories provide models wearing models. According to the photos, it is still difficult for consumers to imagine how the accessories sold in these online stores will look on their own, so it often happens that when consumers visit online stores, they think that the model is wearing accessories and place an order to buy them, but they actually get it. The goods are not suitable when they are worn on their own, and the goods need to be returned within the specified time, which brings inconvenience to consumers. At the same time, the merchants need to deal with the returned goods and the cost of goods returned to consumers, which brings great harm to both parties. It is inconvenient, resulting in a loss of time, manpower and money.

另一方面,傳統贈禮方式,多為採實際寄信或請貨運行寄送禮物,現代人們生活忙碌,可能不小心在忙碌中忘記朋友或親人的重要日子,等到想起時,因運送耗時,無法即時送達禮物和傳送真誠的祝福。On the other hand, the traditional way of giving gifts is mostly by sending actual letters or asking freight forwarders to send gifts. Modern people live a busy life, and they may accidentally forget important days of friends or relatives in the busyness. Gifts and sincere wishes cannot be delivered instantly.

本創作所要解決的技術問題在於,針對現有技術的不足提供一種在網頁上提供擴增實境功能的網站平台系統,適用於多個行動裝置。所述在網頁上提供擴增實境功能的網站平台系統包含商品編輯陳列模組、網站平台建立模組以及擴增實境模組。商品編輯陳列模組連接網站平台建立模組。商品編輯陳列模組配置以依據商家提出的請求,將商家提供的欲販售的多個商品分別的多個商品照片進行編輯,以形成多個虛擬商品圖像。網站平台建立模組連接商品編輯陳列模組。網站平台建立模組配置以建立網站平台。商品編輯陳列模組在網站平台上架並陳列多個虛擬商品圖像。網站平台建立模組允許在各行動裝置上開啟網頁瀏覽器,並在網頁瀏覽器上輸入或點選網站平台的網址,以進入網站平台。擴增實境模組連接各行動裝置以及網站平台建立模組。擴增實境模組配置以即時取得各行動裝置所擷取的動態實體影像。動態實體影像隨各行動裝置移動和所在位置的不同景像而改變。擴增實境模組配置以將各行動裝置所選擇的各虛擬商品圖像與使用者的動態實體影像重疊顯示在網站平台的網頁上。擴增實境模組配置以依據使用者觸發行動裝置所產生的放置要求,將所選擇的各虛擬商品圖像放置在動態實體影像中的使用者的身體部位上。The technical problem to be solved by this creation is to provide a website platform system for providing augmented reality functions on webpages, which is suitable for multiple mobile devices, aiming at the shortcomings of the prior art. The website platform system for providing augmented reality functions on web pages includes a commodity editing and displaying module, a website platform building module and an augmented reality module. The product editing and display module is connected to the website platform to establish a module. The commodity editing display module is configured to edit a plurality of commodity photos of a plurality of commodities to be sold provided by the merchant according to a request made by the merchant, so as to form a plurality of virtual commodity images. The website platform establishes a module to connect the product editing and display module. The website platform builds the module configuration to build the website platform. The commodity editing display module is put on the website platform and displays multiple virtual commodity images. The website platform building module allows opening a web browser on each mobile device, and entering or clicking the website address of the website platform on the web browser to enter the website platform. The augmented reality module connects various mobile devices and website platforms to build modules. The augmented reality module is configured to obtain dynamic physical images captured by each mobile device in real time. The dynamic physical image changes with the movement of each mobile device and different scenes of the location. The augmented reality module is configured to superimpose each virtual commodity image selected by each mobile device and the dynamic physical image of the user on the webpage of the website platform. The augmented reality module is configured to place each selected virtual commodity image on the body part of the user in the dynamic physical image according to the placement request generated by the user triggering the mobile device.

在一實施例中,所述的在網頁上提供擴增實境功能的網站平台系統更包含商業化收費模組。商業化收費模組連接網站平台建立模組以及行動裝置。商業化收費模組依據商家的個人識別資訊、在網站平台上架的多個虛擬商品圖像分別的多個商品資訊以及商家使用網站平台的時間,計算向商家收取的費用。In one embodiment, the website platform system for providing augmented reality functions on web pages further includes a commercial charging module. The commercial charging module connects the website platform building module and the mobile device. The commercialization charging module calculates the fees charged to the merchant according to the merchant's personal identification information, the respective product information of multiple virtual product images on the website platform, and the time the merchant uses the website platform.

在一實施例中,商業化收費模組在動態實體影像上的各虛擬商品圖像旁標記商品資訊,並計算放置在動態實體影像上的所有多個虛擬商品圖像的總價,顯示在網站平台上。In one embodiment, the commercialization charging module marks the product information next to each virtual product image on the dynamic physical image, and calculates the total price of all the multiple virtual product images placed on the dynamic physical image, and displays it on the website. on the platform.

在一實施例中,商業化收費模組在使用者操作所持有的行動裝置對各虛擬商品圖像的商品資訊施予購買要求時,將商品資訊加入購物車或一待確認訂單上。商業化收費模組計算在購物車或待確認訂單上所有商品資訊的費用。商業化收費模組依據使用者操作所持有的行動裝置對網站平台上的下單選項所施予的確認下單要求以產生消費清單,顯示在網站平台上。In one embodiment, the commercialization charging module adds the product information to a shopping cart or a pending order when a user operates a mobile device held to place a purchase request on the product information of each virtual product image. The Commercial Charge module calculates charges for all product information in the shopping cart or pending order. The commercialization charging module generates a consumption list according to the confirmation order request imposed by the mobile device held by the user on the order option on the website platform to generate a consumption list, which is displayed on the website platform.

在一實施例中,所述的在網頁上提供擴增實境功能的網站平台系統更包含虛擬禮物製作模組以及虛擬禮物贈送模組。虛擬禮物製作模組連接網站平台建立模組以及虛擬禮物贈送模組。虛擬禮物製作模組依據使用者操作所持有的行動裝置對所選擇的各虛擬商品圖像施予的贈禮要求,將所有選擇的虛擬商品圖像製成虛擬禮物,指示虛擬禮物贈送模組傳送虛擬禮物給指定的收禮者。In one embodiment, the website platform system for providing augmented reality functions on web pages further includes a virtual gift making module and a virtual gift giving module. The virtual gift making module is connected to the website platform to create the module and the virtual gift giving module. The virtual gift making module makes all the selected virtual product images into virtual gifts according to the gift request given by the mobile device held by the user to the selected virtual product images, and instructs the virtual gift giving module to send them Virtual gifts to designated recipients.

在一實施例中,虛擬禮物製作模組在網站平台上提供多個虛擬禮物樣版選項,依據使用者操作所持有的行動裝置所選擇的任一虛擬禮物樣版選項以產生相應的虛擬禮物樣版,將使用者操作所持有的行動裝置所選擇的虛擬禮物樣版、輸入的文字內容與行動裝置所擷取的靜態實體影像結合,以產生虛擬禮物。In one embodiment, the virtual gift making module provides a plurality of virtual gift template options on the website platform, and generates a corresponding virtual gift according to any virtual gift template option selected by the mobile device held by the user. The template combines the virtual gift template selected by the mobile device held by the user, the input text and the static physical image captured by the mobile device to generate a virtual gift.

在一實施例中,虛擬禮物製作模組在網站平台上提供多個虛擬禮物素材選項,依據使用者操作所持有的行動裝置所選擇的任一虛擬禮物素材選項以產生虛擬禮物素材,將使用者操作所持有的行動裝置所輸入的文字內容、所選擇的虛擬禮物素材與行動裝置所擷取的靜態實體影像結合以產生虛擬禮物。In one embodiment, the virtual gift making module provides a plurality of virtual gift material options on the website platform, and generates a virtual gift material according to any virtual gift material option selected by the mobile device held by the user, which will be used. The text content input by the user operating the mobile device held by the user, the selected virtual gift material and the static physical image captured by the mobile device are combined to generate a virtual gift.

在一實施例中,虛擬禮物製作模組依據使用者操作所持有的行動裝置所產生的旋轉要求,以在預設角度範圍內旋轉未完成製作或已完成製作的虛擬禮物,及/或依據使用者觸發行動裝置所產生的翻頁要求,以將具有內頁的虛擬禮物翻頁。In one embodiment, the virtual gift making module rotates the unfinished or completed virtual gift within a preset angle range according to the rotation request generated by the mobile device held by the user, and/or according to The user triggers the page turning request generated by the mobile device to turn the virtual gift with inner pages.

在一實施例中,虛擬禮物製作模組在網站平台上提供多個虛擬禮物包裹選項,依據使用者操作行動裝置所選擇的任一虛擬禮物包裹選項產生虛擬禮物包裹,將虛擬禮物、實體禮物兌換憑証、超連結或其任意組合包裹在虛擬禮物包裹中,仿照實體禮物拆開的方式在收禮者所持有的行動裝置上播放拆開虛擬禮物包裹的動態影像。In one embodiment, the virtual gift making module provides a plurality of virtual gift wrapping options on the website platform, generates a virtual gift wrapping according to any virtual gift wrapping option selected by the user operating the mobile device, and exchanges the virtual gift and the physical gift. Vouchers, hyperlinks, or any combination thereof are wrapped in a virtual gift package, and a moving image of unwrapping the virtual gift package is played on the mobile device held by the recipient in the same way as a physical gift is unwrapped.

在一實施例中,商業化收費模組在網站平台上標示每一款虛擬禮物的價格、編輯虛擬禮物以及虛擬禮物包裹的費用,並計算寄送的費用,加總製作和贈送虛擬禮物的費用,顯示在行動裝置上。In one embodiment, the commercialized charging module indicates the price of each virtual gift, the cost of editing the virtual gift and the cost of the virtual gift package on the website platform, and calculates the cost of sending, adding up the cost of making and presenting the virtual gift , displayed on mobile devices.

為使能更進一步瞭解本創作的特徵及技術內容,請參閱以下有關本創作的詳細說明與圖式,然而所提供的圖式僅用於提供參考與說明,並非用來對本創作加以限制。In order to further understand the features and technical content of this creation, please refer to the following detailed descriptions and drawings about this creation, however, the provided drawings are only for reference and description, and are not intended to limit this creation.

以下是通過特定的具體實施例來說明本創作的實施方式,本領域技術人員可由本說明書所公開的內容瞭解本創作的優點與效果。本創作可通過其他不同的具體實施例加以施行或應用,本說明書中的各項細節也可基於不同觀點與應用,在不背離本創作的構思下進行各種修改與變更。另外,本創作的附圖僅為簡單示意說明,並非依實際尺寸的描繪,事先聲明。以下的實施方式將進一步詳細說明本創作的相關技術內容,但所公開的內容並非用以限制本創作的保護範圍。The following are specific specific examples to illustrate the implementation of the present invention, and those skilled in the art can understand the advantages and effects of the present invention from the content disclosed in this specification. This creation can be implemented or applied through other different specific embodiments, and various details in this specification can also be modified and changed based on different viewpoints and applications without departing from the concept of this creation. In addition, the drawings in this creation are only for simple schematic illustration, and are not drawn according to the actual size, and are stated in advance. The following embodiments will further describe the related technical contents of the present creation in detail, but the disclosed contents are not intended to limit the protection scope of the present creation.

請參閱圖1至圖4,其中圖1為本創作實施例的在網頁上提供擴增實境功能的網站平台系統將擴充實境應用於使用者試戴販售商品的方塊圖;圖2和圖3為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台上的購物頁面上販售商品的示意圖;圖4為本創作實施例的在網頁上提供擴增實境功能的網站平台系統將擴充實境應用於使用者試戴販售商品的示意圖。Please refer to FIG. 1 to FIG. 4 , wherein FIG. 1 is a block diagram of applying augmented reality to a user trying on and selling commodities by a website platform system that provides an augmented reality function on a webpage according to a creative embodiment; FIGS. 2 and 2 and FIG. 3 is a schematic diagram of selling goods on a shopping page on the website platform by a website platform system that provides an augmented reality function on a webpage according to the present creative embodiment; FIG. 4 provides augmented reality on a webpage according to the present creative embodiment. The website platform system with the environment function applies the augmented reality to the schematic diagram of the user trying on the sold products.

如圖1所示,本創作實施例的網站平台開店系統可包含網站平台建立模組10、商品編輯陳列模組20、擴增實境模組30以及商業化收費模組40,可適用於行動裝置90。商品編輯陳列模組20可連接網站平台建立模組10以及商業化收費模組40。擴增實境模組30可連接行動裝置90以及網站平台建立模組10。網站平台建立模組10可連接商業化收費模組40以及行動裝置90。As shown in FIG. 1 , the website platform store opening system of this creative embodiment may include a website platform building module 10, a commodity editing and displaying module 20, an augmented reality module 30, and a commercial charging module 40, which can be applied to mobile device 90. The commodity editing and displaying module 20 can be connected to the website platform building module 10 and the commercialization charging module 40 . The augmented reality module 30 can be connected to the mobile device 90 and the website platform building module 10 . The website platform building module 10 can be connected to the commercial charging module 40 and the mobile device 90 .

商品編輯陳列模組20可依據商家提出的請求,將商家提供的欲販售的多個商品分別的多個商品照片進行編輯,以形成多個虛擬商品圖像。網站平台建立模組10可依據管理者的編輯指令以建立網站平台。The commodity editing and displaying module 20 can edit a plurality of commodity photos of a plurality of commodities to be sold provided by the merchant according to the request made by the merchant, so as to form a plurality of virtual commodity images. The website platform building module 10 can build a website platform according to the editing instruction of the administrator.

網站平台建立模組10可在網站平台的販售網頁中上架並陳列多個商品分別的多個虛擬商品圖像(例如但不限於圖2所示的多種耳飾的多個虛擬商品圖像201)以及商家所提供的這些商品的資訊。The website platform building module 10 can list and display a plurality of virtual commodity images of a plurality of commodities (such as but not limited to the plurality of virtual commodity images 201 of various earrings shown in FIG. 2 ) on the sales page of the website platform. ) and the information provided by the merchant for these products.

商業化收費模組40可依據商家的個人識別資訊(例如不同會員等級)、商家在網站平台上架的多個虛擬商品圖像分別的多個商品資訊以及商家使用網站平台的時間,計算向商家收取的網站平台的使用費用。商業化收費模組40可顯示在商家的網站平台的個人網頁或傳輸相關收費訊息至商家的電子裝置例如行動裝置90,以要求商家在一定期限內繳費。The commercialization charging module 40 can calculate and charge the merchant according to the merchant's personal identification information (such as different membership levels), the respective commodity information of the multiple virtual commodity images displayed by the merchant on the website platform, and the time that the merchant uses the website platform. fees for using the website platform. The commercialized charging module 40 can be displayed on the personal webpage of the merchant's website platform or transmit relevant charging information to the electronic device of the merchant such as the mobile device 90 to request the merchant to pay the fee within a certain period.

網站平台建立模組10可允許大眾或僅具有會員資格的消費者、賣家、管理者等使用者,如圖2所示,在個人持有的行動裝置90上開啟網頁瀏覽器在網頁瀏覽器中輸入或從網頁書籤等點選網站平台的網址101以進入網站平台,以瀏覽網站平台上不同商家的購物網頁。商業化收費模組40可對不同身份例如商家和消費者的使用者授予不同使用權限,獲得不同權限的使用者進入/登入網頁平台後看到的網頁內容有所不同。The website platform building module 10 can allow the general public or only users with membership qualifications, such as consumers, sellers, managers, etc., as shown in FIG. 2, to open a web browser on the mobile device 90 held by the individual. Enter or click on the website platform URL 101 from a webpage bookmark, etc. to enter the website platform, so as to browse the shopping pages of different merchants on the website platform. The commercialization charging module 40 can grant different usage rights to users with different identities such as merchants and consumers, and users who have obtained different rights can see different webpage contents after entering/logging in the webpage platform.

舉例而言,在網站平台上,使用者可觸控行動裝置90的觸控螢幕以點選如圖2所示的某一商家的購物網頁上的任一虛擬商品圖像,以進入如圖3所示的虛擬商品圖像201的專屬購物子網頁。在此網頁中除了放置虛擬商品圖像201、商品相關資訊202(例如但不限於商品價格、商品材質、商品尺寸等)、加入購物車選項以及立即購買選項以外,更可提供一試戴選項301。For example, on the website platform, the user can touch the touch screen of the mobile device 90 to click any virtual product image on the shopping page of a certain merchant as shown in FIG. 2 to enter FIG. 3 Dedicated shopping sub-page for virtual item image 201 shown. In addition to placing the virtual product image 201, product related information 202 (such as but not limited to product price, product material, product size, etc.), add to shopping cart option and buy now option on this webpage, a try-on option 301 can also be provided .

網站平台建立模組10接收到使用者操作行動裝置90以對試戴選項301施予一選擇要求時,在使用者的行動裝置90上開啟網站平台的試戴網頁,在此試戴網頁顯示影像擷取指示資訊,用以指示使用者操作行動裝置90以由行動裝置90的影像擷取元件(即照相機)擷取動態實體影像。When the website platform establishment module 10 receives the user operating the mobile device 90 to give a selection request to the try-on option 301, the user's mobile device 90 opens a try-on webpage of the website platform, and the try-on webpage displays an image. The capture instruction information is used to instruct the user to operate the mobile device 90 to capture the dynamic physical image by the image capture element (ie the camera) of the mobile device 90 .

擴增實境模組30從行動裝置90的影像擷取元件取得動態實體影像。擴增實境模組30可將使用者操作行動裝置90所選擇的各虛擬商品圖像,與使用者的動態實體影像重疊顯示網站平台的網頁上,讓使用者可(在下單訂購商品之前)在擴增實境(Augmented Reality, AR)模式下,試戴有興趣的商品的虛擬商品圖像,並可允許使用者在行動裝置90上下載儲存試戴影像。The augmented reality module 30 obtains the dynamic physical image from the image capturing element of the mobile device 90 . The augmented reality module 30 can overlay each virtual product image selected by the user operating the mobile device 90 with the dynamic physical image of the user and display it on the webpage of the website platform, so that the user can (before ordering the product) In the Augmented Reality (AR) mode, the virtual product image of the product of interest is tried on, and the user is allowed to download and store the try-on image on the mobile device 90 .

擴增實境模組30可依據使用者操作行動裝置90所產生的一放置要求,將使用者觸控行動裝置90所選擇的商品的虛擬商品圖像,如圖4所示放置在動態實體影像中的使用者影像中的身體部位上。The augmented reality module 30 can place the virtual product image of the product selected by the user touching the mobile device 90 on the dynamic physical image as shown in FIG. 4 according to a placement request generated by the user operating the mobile device 90 . on the body part in the user image in .

使用者可移動自己身體所在位置和面向行動裝置的角度和方位。如此,使用者隨著身體位置的變化,可動態改變虛擬商品圖像放置在使用者的AR動態實體影像中的位置。網站平台可允許使用者操作行動裝置將網頁中的虛擬商品圖像放大、縮小、移動、旋轉等編輯功能。使用者可藉由網頁供的遠程試戴互動功能,從各個角度觀看配戴效果,提高虛擬飾品試戴的適應性和真實性,解決現有技術需要跑到實體店親身體驗的麻煩情況。The user can move the position of his body and the angle and orientation of the mobile device. In this way, the user can dynamically change the position where the virtual product image is placed in the user's AR dynamic physical image as the body position changes. The website platform can allow the user to operate the mobile device to enlarge, reduce, move, rotate and other editing functions of the virtual commodity image in the webpage. Users can view the wearing effect from various angles through the remote try-on interactive function provided by the web page, improve the adaptability and authenticity of virtual jewelry try-on, and solve the troublesome situation that the existing technology needs to go to the physical store for personal experience.

商業化收費模組40可將標示放置在使用者的人體影像上的各虛擬商品圖像的商品資訊在網站平台上(的各虛擬商品圖像旁),並可計算和標示使用者的人體影像上的所穿戴的所有虛擬商品圖像的商品的總價。The commercialization charging module 40 can display product information of each virtual product image placed on the user's body image on the website platform (beside each virtual product image), and can calculate and display the user's body image The total price of the item with all virtual item images worn on it.

商業化收費模組40可將使用者操作所持有的行動裝置90對如圖3所示的立即購買選項施予一購買要求的各虛擬商品圖像的商品資訊,或將放置於動態實體影像上(的時間超過一時間門檻值)的各虛擬商品圖像的商品資訊,自動加入購物車或待確認訂單上,並可自動累計這些商品資訊的費用顯示在網站平台的訂單頁面上。The commercial charging module 40 can apply the commodity information of each virtual commodity image of a purchase request to the immediate purchase option as shown in FIG. 3 by operating the mobile device 90 held by the user, or place it in the dynamic physical image The product information of each virtual product image on the website (the time exceeds a time threshold) is automatically added to the shopping cart or the order to be confirmed, and the cost of these product information can be automatically accumulated and displayed on the order page of the website platform.

商業化收費模組40可依據使用者確認所有商品資訊以及費用後操作所持有的行動裝置90對網站平台上的下單選項所施予的一確認下單要求,以產生消費清單。消費清單可顯示在行動裝置90所開啟的網站平台上,以指示使用者繳費。The commercialization charging module 40 can generate a consumption list according to a confirmation order request imposed on the order option on the website platform by the mobile device 90 held by the user after confirming all commodity information and fees. The consumption list can be displayed on the website platform opened by the mobile device 90 to instruct the user to pay the fee.

請參閱圖5至圖16,其中圖5為本創作實施例的在網頁上提供擴增實境功能的網站平台系統將擴充實境應用於贈送禮物的方塊圖;圖6至圖14為本創作實施例的在網頁上提供擴增實境功能的網站平台系統的網站平台應用於贈禮的網頁的示意圖。與上述相同之處,不在下文中贅述。Please refer to FIG. 5 to FIG. 16 , wherein FIG. 5 is a block diagram of applying augmented reality to gift giving by a website platform system that provides an augmented reality function on a webpage according to an embodiment of the creation; FIGS. 6 to 14 are the creation A schematic diagram of the application of the website platform of the website platform system for providing augmented reality functions on a webpage according to an embodiment to a gift-giving webpage. The same points as the above will not be repeated in the following.

如圖5所示,本創作實施例的網站平台開店系統可更包含虛擬禮物製作模組50以及虛擬禮物贈送模組60。虛擬禮物製作模組50可連接虛擬禮物贈送模組60以及網站平台建立模組10。As shown in FIG. 5 , the website platform store opening system of this creative embodiment may further include a virtual gift making module 50 and a virtual gift giving module 60 . The virtual gift making module 50 can be connected to the virtual gift giving module 60 and the website platform building module 10 .

網站平台建立模組10可在所建立的網站平台上提供多個網頁,除了可包含上述的各種商家的購物頁面以及訂單頁面外,更可包含如圖6至圖14所示的多個頁面。The website platform building module 10 can provide a plurality of web pages on the established website platform. In addition to the above-mentioned shopping pages and order pages of various merchants, it can also include a plurality of pages as shown in FIG. 6 to FIG. 14 .

虛擬禮物製作模組50可如圖6所示在網站平台的頁面中的首頁上,展示出虛擬禮物示範成品,並在其下提供標示有例如「去挑選AR卡片吧」文字內容的一開始製作禮物選項,以供使用者操作行動裝置90對此選項施予一選擇要求時,跳至下一贈禮頁面(此頁面可含有如圖7和圖8的頁面內容)。As shown in FIG. 6 , the virtual gift making module 50 can display the finished virtual gift demonstration product on the home page of the page of the website platform as shown in FIG. Gift option, for the user to jump to the next gift page when operating the mobile device 90 to apply a selection request to the option (this page may contain page content as shown in FIG. 7 and FIG. 8 ).

虛擬禮物製作模組50可如圖8所示在網站平台的一贈禮頁面上提供一擴增實境(AR)禮物選項、一AR卡片選項以及一AR材料包選項(在本實施例中,舉例虛擬禮物為卡片,但本創作不以此為限)。The virtual gift making module 50 can provide an augmented reality (AR) gift option, an AR card option and an AR material package option on a gift page of the website platform as shown in FIG. 8 (in this embodiment, for example, Virtual gifts are cards, but this creation is not limited to this).

網站平台建立模組10可依據使用者操作行動裝置90對AR卡片選項施予選擇要求時,跳至如圖9所示的一多款禮物示範頁面,在此頁面中推薦和展示套用各種不同虛擬禮物樣版所製成的虛擬禮物示範成品。每種虛擬禮物示範成品可為由模特兒的實體照片與多個虛擬禮物樣版(以及虛擬禮物素材)組成。多種虛擬禮物示範成品或其下方分別的多個3D預覽選項可分別作為多個虛擬禮物樣版選項。The website platform building module 10 can jump to a demonstration page of multiple gifts as shown in FIG. 9 when the user operates the mobile device 90 to select the AR card option, and recommends and displays the application of various virtual gifts on this page. A virtual gift demonstration product made from a gift template. Each virtual gift demonstration product can be composed of a physical photo of a model and a plurality of virtual gift templates (and virtual gift materials). A variety of virtual gift demonstration finished products or a plurality of 3D preview options below respectively can be used as a plurality of virtual gift template options, respectively.

網站平台建立模組10可依據使用者可操作行動裝置90對網頁平台上的任一虛擬禮物樣版選施予的一選擇要求,將行動裝置所開啟的網頁平台跳至此虛擬禮物樣版選項的一樣版瀏覽頁面。虛擬禮物製作模組50可在各虛擬禮物樣版選項的樣版瀏覽頁中,提供一展開卡片選項、一開始我的AR卡片選項以及卡片相關資訊(例如名稱、適用節慶場合和價格等)。The website platform creation module 10 can jump the webpage platform opened by the mobile device to this virtual gift template option according to a selection request that the user can operate the mobile device 90 to impose on any virtual gift template selection on the webpage platform. Browse the page in the same version. The virtual gift making module 50 can provide an expanded card option, a My AR card option and card related information (such as name, applicable festival occasions and price, etc.) in the template browsing page of each virtual gift template option.

在使用者操作行動裝置90對展開卡片選項施予一選擇要求時,虛擬禮物製作模組50可將具有多個內頁的虛擬禮物(樣版)展開至內頁,並可依據使用者觸發行動裝置所產生的一翻頁要求,以將具有多個內頁的虛擬禮物(樣版)翻頁至不同內頁。再者,虛擬禮物製作模組50可依據使用者操作所持有的行動裝置90對虛擬禮物(樣版)所施予的一旋轉要求,在一預設角度範圍內旋轉虛擬(樣版)。When the user operates the mobile device 90 to give a selection request to the unfolding card option, the virtual gift making module 50 can unfold the virtual gift (template) with multiple inner pages to the inner page, and can trigger actions according to the user A page-turning request generated by the device to turn a virtual gift (template) with multiple inner pages to different inner pages. Furthermore, the virtual gift making module 50 can rotate the virtual gift (template) within a predetermined angle range according to a rotation requirement imposed on the virtual gift (template) by the mobile device 90 held by the user.

虛擬禮物製作模組50可在網站平台的贈禮網頁上提供各種不同類型的虛擬商品圖像。虛擬禮物製作模組50可依據使用者操作所持有的行動裝置90對網站平台上欲贈送給他人的虛擬商品圖像施予的購買要求和贈禮要求,購買虛擬商品圖像。虛擬禮物製作模組50可指示虛擬禮物贈送模組60傳送虛擬禮物給指定的收禮者的行動裝置、網站平台上的個人網頁等。The virtual gift making module 50 may provide various different types of virtual goods images on the gifting page of the website platform. The virtual gift making module 50 can purchase the virtual product image according to the purchase request and gift request imposed by the mobile device 90 held by the user on the virtual product image to be presented to others on the website platform. The virtual gift making module 50 can instruct the virtual gift giving module 60 to deliver the virtual gift to the mobile device of the designated recipient, the personal webpage on the website platform, and the like.

虛擬禮物製作模組50可依據使用者對某一虛擬禮物樣版的樣版瀏覽頁中的一開始我的AR卡片選項施予的選擇要求,跳至網站平台上的一擴增實境擷取頁面。擴增實境模組30可在此擴增實境頁面中顯示一動態影像擷取畫面,在此動態影像擷取畫面中動態重疊顯示使用者的動態實體影像與所選擇的虛擬禮物樣版。The virtual gift making module 50 can jump to an augmented reality capture on the website platform according to the user's selection requirement for the My AR Card option in the template browsing page of a certain virtual gift template page. The augmented reality module 30 can display a dynamic image capture frame on the augmented reality page, and the dynamic image capture frame of the dynamic image capture frame dynamically overlaps and displays the user's dynamic physical image and the selected virtual gift template.

擴增實境模組30可依據使用者在操作行動裝置90對擴增實境擷取頁面中的一影像擷取選項施予一選擇要求,利用行動裝置90的影像擷取模組從動態影像擷取畫面中擷取一靜態實體影像,與使用者所選擇的虛擬禮物樣版結合,虛擬禮物製作模組50可據以產生初始的虛擬禮物,接著網站平台建立模組10將使用者的行動裝置90所開啟的網站平台從此擴增實境擷取頁面跳至如圖10所示的下一禮物確認頁面,顯示此初始虛擬禮物。The augmented reality module 30 can apply a selection request to an image capture option in the augmented reality capture page according to the user operating the mobile device 90, and use the image capture module of the mobile device 90 to extract the dynamic image from the moving image. A static physical image is captured from the captured screen, and combined with the virtual gift template selected by the user, the virtual gift making module 50 can generate an initial virtual gift accordingly, and then the website platform creation module 10 converts the user's actions The website platform opened by the device 90 jumps from the AR capture page to the next gift confirmation page as shown in FIG. 10 to display the initial virtual gift.

網站平台建立模組10可依據使用者操作行動裝置90對此禮物確認頁面中的重拍選項施予一選擇要求時,跳回上一動態影像擷取畫面,擴增實境模組30允許使用者重新調整使用者和周圍環境相對於行動裝置90的位置和角度,重新擷取影像。The website platform building module 10 can jump back to the previous dynamic image capture screen when the user operates the mobile device 90 to give a selection request to the retake option on the gift confirmation page, and the augmented reality module 30 allows the use of The user readjusts the position and angle of the user and the surrounding environment relative to the mobile device 90, and recaptures the image.

虛擬禮物製作模組50可依據使用者操作行動裝置90對此禮物確認頁面中的製作封面選項施予一選擇要求時,跳至如圖11所示的下一禮物清單頁面。虛擬禮物製作模組50可依據使用者操作行動裝置90對此禮物清單頁面中的編輯選項,以跳至一禮物編輯頁面。The virtual gift making module 50 can jump to the next gift list page as shown in FIG. 11 when a selection request is given to the cover making option in the gift confirmation page according to the user's operation of the mobile device 90 . The virtual gift making module 50 can jump to a gift editing page according to the user operating the edit option on the gift list page of the mobile device 90 .

虛擬禮物製作模組50可如圖12所示在此禮物編輯頁面中提供多個信紙選項(分別對應多種卡片內頁的信紙)、多種字體種類選項(分別對應多種字體)以及多種字體大小選項,實務上更可提供多種虛擬禮物素材等。As shown in FIG. 12 , the virtual gift making module 50 can provide multiple stationery options (respectively corresponding to the stationery on the inner pages of the card), multiple font type options (respectively corresponding to multiple fonts) and multiple font size options on the gift editing page, In practice, a variety of virtual gift materials can be provided.

虛擬禮物製作模組50可依據使用者操作行動裝置90對任一信紙選項、任一字體種類選項以及一字體大小選項施予選擇要求、移動要求和其他編輯要求,以在此禮物編輯頁面中的一卡片內頁編輯區中,在使用者指定的位置放置和編輯所選擇的信紙和字體,在編輯完成後依據使用者操作行動裝置90點選一完成選項時,跳回如圖12所示的禮物編輯頁面按下一預覽選項,跳至又下一如圖13所示的一製作完成確認頁面。The virtual gift making module 50 can apply selection requirements, movement requirements and other editing requirements to any letter paper option, any font type option and a font size option according to the user's operation of the mobile device 90, so as to be displayed on the gift editing page. In the editing area of the inner page of a card, place and edit the selected stationery and font at the position designated by the user. After editing is completed, when the user operates the mobile device 90 and clicks a completion option, it jumps back to the one shown in FIG. 12 . On the gift editing page, press the next preview option, and jump to the next production completion confirmation page as shown in FIG. 13 .

虛擬禮物製作模組50可在網站平台的此製作完成確認頁面中,顯示製作完成的虛擬禮物、一展開禮物選項以及一寄出選項。虛擬禮物製作模組50可在使用者操作行動裝置90對展開禮物選項施予選擇要求時,將具有(多個)內頁的虛擬禮物展開,並在展開的虛擬禮物下提供一收闔選項,以供使用者點選以收闔虛擬禮物。The virtual gift making module 50 may display the completed virtual gift, an option to expand the gift and an option to send on the completed confirmation page of the website platform. The virtual gift making module 50 can expand the virtual gift with (multiple) inner pages when the user operates the mobile device 90 to impose a selection request on the unfolding gift option, and provides a collection and closing option under the unfolded virtual gift, For users to click to receive virtual gifts.

網站平台建立模組10可依據使用者操作行動裝置90對寄出選項施予選擇要求時,從製作完成確認頁面跳至下一寄送頁面。虛擬禮物贈送模組60可依據使用者操作行動裝置90在寄送頁面所選擇和輸入的收禮者的資訊,如圖15所示寄送虛擬禮物給收禮者的行動裝置,使用者/贈禮者或收禮者可如圖16所示儲存虛擬禮物至行動裝置90的相簿中。The website platform building module 10 may jump from the creation completion confirmation page to the next sending page when the user operates the mobile device 90 to select the sending option. The virtual gift giving module 60 can send a virtual gift to the recipient's mobile device as shown in FIG. 15 according to the information of the recipient selected and input by the user operating the mobile device 90 on the sending page, the user/gift The recipient or recipient can store the virtual gift in the photo album of the mobile device 90 as shown in FIG. 16 .

商業化收費模組40可在網站平台上標示使用者選擇購買每一款虛擬禮物的價格,以及輸入文字、編輯虛擬禮物、下文所述的虛擬禮物包裹的使用和服務費用,並可計算寄送虛擬禮物(包裹)的費用,最後加總所有製作、編輯和寄送虛擬禮物的所有費用在一訂單資訊中,顯示在行動裝置90(所開啟的網站平台的個人頁面)上,可如圖14所示以訂單編號排列多筆訂單。The commercialization charging module 40 can indicate on the website platform the price that the user chooses to purchase each virtual gift, input text, edit the virtual gift, use and service fees of the virtual gift package described below, and calculate the delivery fee The cost of the virtual gift (package), and finally all the costs of making, editing and sending the virtual gift are added in an order information, which is displayed on the mobile device 90 (the personal page of the opened website platform), as shown in Figure 14 Multiple orders are shown arranged by order number.

除了如上述製作卡片外,網站平台建立模組10可依據使用者操作行動裝置90對如圖8所示在網站平台的AR材料包選項所施予的選擇要求,將行動裝置90所開啟的網站平台從的贈禮頁面跳至下一擴增實境素材編輯頁面。虛擬禮物製作模組50可提供多個虛擬禮物素材選項供使用者選擇和拖曳放置至動態實體影像上。In addition to making cards as described above, the website platform creation module 10 can create the website opened by the mobile device 90 according to the selection requirements imposed by the user operating the mobile device 90 on the AR material package option on the website platform as shown in FIG. 8 . The platform jumps from the gift page to the next augmented reality material editing page. The virtual gift making module 50 can provide a plurality of virtual gift material options for the user to select and drag and drop onto the dynamic physical image.

虛擬禮物製作模組50可依據使用者操作所持有的行動裝置90施予一選擇要求的虛擬禮物素材選項以產生相應的虛擬禮物素材,最後將使用者操作所持有的行動裝置90所輸入的文字或符號等內容、所選擇的虛擬禮物素材與行動裝置90擷取的靜態實體影像(即照片)結合,以產生虛擬禮物。The virtual gift making module 50 may give a virtual gift material option of a selection request according to the mobile device 90 held by the user to generate the corresponding virtual gift material, and finally input the input from the mobile device 90 held by the user. The content such as the text or symbols, the selected virtual gift material, and the static physical image (ie, photo) captured by the mobile device 90 are combined to generate a virtual gift.

虛擬禮物製作模組50可依據使用者操作所持有的行動裝置90對如圖8所示在網站平台的贈禮頁面上所提供的增實境(AR)禮物選項所施予的選擇要求,以跳至下一仿真禮物包裹選擇頁面,在此頁面中可提供各種不同的多種虛擬禮物包裹選項,分別對應多種虛擬禮物包裹,不同虛擬禮物包裹可具有不同圖案、顏色、花紋、尺寸的虛擬包裝紙、虛擬包裝盒體和虛擬包裝蓋體,以及具有以不同尺寸、粗細或纏繞虛擬禮物方式的虛擬包裝緞帶等。The virtual gift making module 50 can select the augmented reality (AR) gift option provided on the gift page of the website platform as shown in FIG. Skip to the next virtual gift package selection page, where various virtual gift package options can be provided, corresponding to various virtual gift packages. Different virtual gift packages can have virtual wrapping paper with different patterns, colors, patterns and sizes. , virtual packaging boxes and virtual packaging lids, and virtual packaging ribbons with different sizes, thicknesses or ways of wrapping virtual gifts, etc.

虛擬禮物製作模組50可依據使用者操作所持有的行動裝置90對任一虛擬禮物包裹選項施予的一選擇要求,在網站平台的下一仿真禮物包裹製作頁面中顯示對應的虛擬禮物包裹。The virtual gift making module 50 can display the corresponding virtual gift package on the next simulation gift package making page of the website platform according to a selection request given by the mobile device 90 held by the user to any virtual gift package option. .

虛擬禮物製作模組50可依據使用者操作行動裝置90對虛擬禮物包裹施予的一附贈要求,在虛擬禮物包裹附贈可用於免費獲折價兌換的實體商品的實體禮物兌換憑証、超連結等其他各種虛擬附贈禮物或商家宣傳銷售商品的媒介。The virtual gift making module 50 can attach a physical gift redemption certificate, a hyperlink, etc. to the virtual gift package, which can be used to obtain a free discounted physical commodity according to a gift request given by the user operating the mobile device 90 to the virtual gift package. Various other virtual gifts or mediums for merchants to promote the sale of goods.

最後,虛擬禮物製作模組50可依據使用者操作行動裝置90對此虛擬禮物包裹施予寄送要求,以將虛擬禮物包裹寄送給指定的收禮者。Finally, the virtual gift making module 50 may issue a sending request to the virtual gift package according to the user's operation of the mobile device 90, so as to send the virtual gift package to the designated recipient.

當收禮者操作持有的行動裝置打開虛擬禮物包裹時,虛擬禮物製作模組50可仿照實體禮物拆開的方式,在行動裝置90上播放拆開虛擬禮物包裹的動態影像,在虛擬禮物包裹打開後出現其內所包裹的上述虛擬禮物(例如卡片)、實體禮物兌換憑証/券、超連結等,顯示在行動裝置90上。When the recipient operates the mobile device held to open the virtual gift package, the virtual gift making module 50 can imitate the way of unpacking the physical gift, play the moving image of unpacking the virtual gift package on the mobile device 90, and display the virtual gift package on the mobile device 90. After opening, the above-mentioned virtual gifts (eg cards), physical gift redemption vouchers/coupons, hyperlinks, etc. wrapped therein will appear, and displayed on the mobile device 90 .

虛擬禮物製作模組50可在收禮者操作所持有的行動裝置以對連結施予選擇要求時,跳出超連結的網頁顯示在行動裝置90上,此網頁內可含有商品購物網頁或實體商店的資訊。在商品購物網頁或實體商店可販售與收禮者收到的虛擬禮物包裹內包裝的虛擬禮物對應的實體商品。The virtual gift making module 50 can display on the mobile device 90 a webpage that jumps out of the hyperlink when the recipient operates the mobile device held by the gift recipient to apply a selection request to the link. The webpage can contain a product shopping webpage or a physical store. information. The physical goods corresponding to the virtual gift packaged in the virtual gift package received by the recipient can be sold on the goods shopping webpage or in the physical store.

綜上所述,本創作提供一種在網頁上提供擴增實境功能的網站平台系統,其主要具有以下特點: 1.     提供網站平台,在行動裝置上輸入或點選網址即可快速進入網站平台,不需耗時下載應用程式(APP); 2.     在網站平台上,可提供擴增實境功能等各種功能,使得使用者可與網站平台進行互動; 3.     使用者可在擴增實境模式下試戴網站平台上的商店所販售的商品的虛擬商品圖像,以提高使用者購買商品的意願,降低使用者下訂單後拿到商品實體試戴時才發現不適合而退貨的機率,藉以減少商家委託貨運運送所耗的時間、人力和金錢等成本; 4.     使用者可在網站平台上,製作擴增實境禮物,寄送給收禮人。 5.     相比於傳統實體禮物需委託貨運運送耗時、耗人力,本系統的網站平台提供各種AR禮物樣本給使用者挑選,送禮者可隨著不同節日和喜好等因素,選擇不同樣式的AR禮物樣本,送禮者可對AR禮物樣本在網頁上進行編輯。相比於傳統禮物(例如卡片),送禮者想調整AR禮物樣本內容時,網站平台可讓送禮者不留痕跡地編輯修改或移除寫在AR禮物樣本的文字或圖樣等內容。最後,製成符合送禮者和收禮者期望的AR虛擬禮物,快速送達給收禮者,即時傳送真誠的祝福。 To sum up, this creation provides a website platform system that provides augmented reality functions on web pages, which mainly has the following characteristics: 1. Provide a website platform, enter or click on the website address on the mobile device to quickly enter the website platform, without the time-consuming download of the application program (APP); 2. On the website platform, various functions such as augmented reality functions can be provided, so that users can interact with the website platform; 3. Users can try on the virtual product images of the products sold by the stores on the website platform in the augmented reality mode, so as to improve the user's willingness to buy the product and reduce the physical test of the product after the user places an order. Only when it is found that it is not suitable and the probability of returning it, it can reduce the cost of time, labor and money for the merchant to entrust the freight transportation; 4. Users can make augmented reality gifts on the website platform and send them to the recipients. 5. Compared with traditional physical gifts, which are time-consuming and labor-intensive, the system's website platform provides various AR gift samples for users to choose from. The gift-giver can choose different styles of AR according to factors such as different festivals and preferences. Gift sample, the giver can edit the AR gift sample on the web page. Compared with traditional gifts (such as cards), when the giver wants to adjust the content of the AR gift sample, the website platform allows the gift giver to edit, modify or remove the text or pattern written on the AR gift sample without leaving any traces. Finally, make an AR virtual gift that meets the expectations of the giver and the recipient, and deliver it to the recipient quickly, sending sincere blessings instantly.

以上所公開的內容僅為本創作的優選可行實施例,並非因此侷限本創作的申請專利範圍,所以凡是運用本創作說明書及圖式內容所做的等效技術變化,均包含於本創作的申請專利範圍內。The contents disclosed above are only the preferred and feasible embodiments of this creation, and are not intended to limit the scope of the patent application of this creation. Therefore, any equivalent technical changes made by using the descriptions and drawings of this creation are included in the application for this creation. within the scope of the patent.

10:網站平台建立模組 20:商品編輯陳列模組 30:擴增實境模組 40:商業化收費模組 90:行動裝置 101、102、103:網址 201:虛擬商品圖像 202:商品相關資訊 301:試戴選項 50:虛擬禮物製作模組 60:虛擬禮物贈送模組 10: Website platform building module 20: Commodity editing display module 30: Augmented Reality Mods 40:Commercialized charging module 90: Mobile Devices 101, 102, 103: URL 201: Virtual Goods Images 202: Product related information 301: Try-On Option 50: Virtual Gift Making Module 60: Virtual Gift Giving Mods

圖1為本創作實施例的在網頁上提供擴增實境功能的網站平台系統將擴充實境應用於使用者試戴販售商品的方塊圖。FIG. 1 is a block diagram of applying augmented reality to a user trying on a commodity for sale by a website platform system that provides augmented reality functions on a webpage according to an embodiment of the present invention.

圖2為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台的購物頁面上販售多種商品的示意圖。FIG. 2 is a schematic diagram of selling a variety of commodities on a shopping page of the website platform by a website platform system that provides an augmented reality function on a webpage according to an embodiment of the present invention.

圖3為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台上的購物頁面上販售商品的示意圖。FIG. 3 is a schematic diagram of selling commodities on a shopping page on the website platform by a website platform system that provides an augmented reality function on a webpage according to an embodiment of the present invention.

圖4為本創作實施例的在網頁上提供擴增實境功能的網站平台系統將擴充實境應用於使用者試戴販售商品的示意圖。FIG. 4 is a schematic diagram of applying the augmented reality to the user trying on the sold commodity by the website platform system that provides the augmented reality function on the webpage according to the present creative embodiment.

圖5為本創作實施例的在網頁上提供擴增實境功能的網站平台系統將擴充實境應用於贈送禮物的方塊圖。FIG. 5 is a block diagram of applying augmented reality to gift giving by a website platform system for providing augmented reality functions on a webpage according to an embodiment of the present invention.

圖6為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台的贈禮首頁的示意圖。FIG. 6 is a schematic diagram of the gift-giving homepage of the website platform of the website platform system for providing augmented reality functions on the webpage according to the present creative embodiment.

圖7為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台的網頁上分類適用於不同節慶場合的卡片的示意圖。FIG. 7 is a schematic diagram of classifying cards suitable for different festival occasions on the webpage of the website platform by the website platform system that provides the augmented reality function on the webpage according to the present creative embodiment.

圖8為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台的網頁上條列虛擬禮物選項、虛擬卡片選項以及虛擬材料包選項的示意圖。8 is a schematic diagram of listing virtual gift options, virtual card options, and virtual material package options on the webpage of the website platform by the website platform system that provides augmented reality functions on the webpage according to the present creative embodiment.

圖9為本創作實施例的在網頁上提供擴增實境功能的網站平台系統的網站平台的贈禮子網頁上條列各種不同的虛擬禮物樣版選項的示意圖。FIG. 9 is a schematic diagram of listing various virtual gift template options on the gift sub-page of the website platform of the website platform system for providing augmented reality functions on the webpage according to the present creative embodiment.

圖10為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台上的網頁上將實體人物影像與虛擬禮物樣版合成卡片的示意圖。FIG. 10 is a schematic diagram of synthesizing a card with an image of a physical character and a template of a virtual gift on the webpage on the website platform by the website platform system that provides the augmented reality function on the webpage according to the creative embodiment.

圖11為本創作實施例的在網頁上提供擴增實境功能的網站平台系統的網站平台上的虛擬卡片的編輯清單的示意圖。FIG. 11 is a schematic diagram of an edit list of virtual cards on the website platform of the website platform system for providing augmented reality functions on webpages according to the present creative embodiment.

圖12為本創作實施例的在網頁上提供擴增實境功能的網站平台系統的網站平台上的網頁上輸入虛擬卡片的文字的示意圖。FIG. 12 is a schematic diagram of inputting text of a virtual card on a webpage on a website platform of a website platform system for providing an augmented reality function on a webpage according to an embodiment of the present invention.

圖13為本創作實施例的在網頁上提供擴增實境功能的網站平台系統的網站平台上提供展開卡片選項的示意圖。FIG. 13 is a schematic diagram of providing an expanded card option on the website platform of the website platform system for providing an augmented reality function on a webpage according to an embodiment of the present invention.

圖14為本創作實施例的在網頁上提供擴增實境功能的網站平台系統在網站平台上下條列訂單的示意圖。FIG. 14 is a schematic diagram of placing an order on the website platform by the website platform system providing augmented reality function on the webpage according to the present creative embodiment.

圖15為本創作實施例的在網頁上提供擴增實境功能的網站平台系統贈禮給收禮人的示意圖。FIG. 15 is a schematic diagram of a website platform system that provides an augmented reality function on a webpage according to the creative embodiment of presenting gifts to the recipient.

圖16為本創作實施例的在網頁上提供擴增實境功能的網站平台系統允許收禮人儲存虛擬禮物至相簿中的示意圖。FIG. 16 is a schematic diagram of a website platform system that provides an augmented reality function on a webpage according to the creative embodiment, allowing a recipient to store a virtual gift in an album.

10:網站平台建立模組 10: Website platform building module

20:商品編輯陳列模組 20: Commodity editing display module

30:擴增實境模組 30: Augmented Reality Mods

40:商業化收費模組 40:Commercialized charging module

90:行動裝置 90: Mobile Devices

Claims (10)

一種在網頁上提供擴增實境功能的網站平台系統,適用於多個行動裝置,並包含:一商品編輯陳列模組,配置以依據商家提出的請求,將商家提供的欲販售的多個商品分別的多個商品照片進行編輯,以形成多個虛擬商品圖像;一網站平台建立模組,連接該商品編輯陳列模組,配置以建立一網站平台,該商品編輯陳列模組在該網站平台上架並陳列該多個虛擬商品圖像,該網站平台建立模組允許在各該行動裝置上開啟一網頁瀏覽器並在該網頁瀏覽器上輸入或點選該網站平台的網址以進入該網站平台;以及一擴增實境模組,連接各該行動裝置以及該網站平台建立模組,配置以即時取得各該行動裝置所擷取的一動態實體影像,該動態實體影像隨各該行動裝置移動和所在位置的不同景像而改變,該擴增實境模組將各該行動裝置所選擇的各該虛擬商品圖像與該動態實體影像重疊顯示在該網站平台的網頁上,依據使用者觸發該行動裝置所產生的一放置要求,將所選擇的各該虛擬商品圖像放置在該動態實體影像中的使用者的一身體部位上。 A website platform system for providing augmented reality functions on web pages, suitable for multiple mobile devices, and comprising: a commodity editing and displaying module, configured to, according to a request made by a merchant, display a plurality of items to be sold provided by a merchant. Multiple product photos of the product are edited to form multiple virtual product images; a website platform builds a module, connects the product editing and display module, and configures to build a website platform, and the product editing display module is on the website. The platform puts on the shelves and displays the plurality of virtual commodity images, and the website platform building module allows opening a web browser on each of the mobile devices and entering or clicking the website address of the website platform on the web browser to enter the website platform; and an augmented reality module, connecting each of the mobile devices and the website platform building module, configured to obtain a dynamic physical image captured by each of the mobile devices in real time, and the dynamic physical image is accompanied by each of the mobile devices The augmented reality module overlays and displays each virtual product image and the dynamic physical image selected by each mobile device on the webpage of the website platform, according to the user A placing request generated by the mobile device is triggered, and each of the selected virtual commodity images is placed on a body part of the user in the dynamic physical image. 如請求項1所述的在網頁上提供擴增實境功能的網站平台系統,更包含一商業化收費模組,連接該網站平台建立模組以及行動裝置,配置以依據商家的一個人識別資訊、在該網站平台上架的該多個虛擬商品圖像分別的多個商品資訊以及商家使用該網站平台的時間,計算向商家收取的費用。 The website platform system for providing augmented reality functions on web pages as described in claim 1, further comprising a commercial charging module, connected to the website platform building module and a mobile device, configured to be based on a personal identification information of the merchant, The fees charged to the merchant are calculated based on the respective multiple commodity information of the multiple virtual commodity images listed on the website platform and the time when the merchant uses the website platform. 如請求項2所述的在網頁上提供擴增實境功能的網站平台系統,其中該商業化收費模組在該動態實體影像上的各該虛擬商品圖像旁標記該商品資訊,並計算放置在該動態實體影像 上的所有該多個虛擬商品圖像的總價,顯示在該網站平台上。 The website platform system for providing augmented reality functions on a webpage as claimed in claim 2, wherein the commercial charging module marks the product information next to each virtual product image on the dynamic physical image, and calculates the placement in this dynamic physical image The total price of all the plurality of virtual commodity images displayed on the website platform. 如請求項2所述的在網頁上提供擴增實境功能的網站平台系統,其中該商業化收費模組在使用者操作所持有的該行動裝置對各該虛擬商品圖像的該商品資訊施予一購買要求時,將該商品資訊加入一購物車或一待確認訂單上,計算在該購物車或該待確認訂單上所有該商品資訊的一費用,依據使用者操作所持有的該行動裝置對該網站平台上的一下單選項所施予的一確認下單要求以產生一消費清單,顯示在該網站平台上。 The website platform system for providing an augmented reality function on a webpage as claimed in claim 2, wherein the commercial charging module operates the mobile device held by the user for the commodity information of each of the virtual commodity images When giving a purchase request, add the product information to a shopping cart or a pending order, and calculate a fee for all the product information in the shopping cart or the pending order, according to the A confirmation order request imposed by the mobile device on the click menu option on the website platform generates a consumption list, which is displayed on the website platform. 如請求項4所述的在網頁上提供擴增實境功能的網站平台系統,更包含一虛擬禮物製作模組以及一虛擬禮物贈送模組,該虛擬禮物製作模組連接該網站平台建立模組以及該虛擬禮物贈送模組,該虛擬禮物製作模組依據使用者操作所持有的該行動裝置對所選擇的各該虛擬商品圖像施予的一贈禮要求,將所有選擇的該虛擬商品圖像製成一虛擬禮物,指示該虛擬禮物贈送模組傳送該虛擬禮物給指定的收禮者。 The website platform system for providing augmented reality functions on web pages according to claim 4, further comprising a virtual gift making module and a virtual gift giving module, the virtual gift making module is connected to the website platform establishment module and the virtual gift giving module, the virtual gift making module converts all the selected virtual product images according to a gift request given by the mobile device held by the user to each of the selected virtual product images. Like making a virtual gift, instructing the virtual gift giving module to deliver the virtual gift to the designated recipient. 如請求項5所述的在網頁上提供擴增實境功能的網站平台系統,其中該虛擬禮物製作模組在該網站平台上提供多個虛擬禮物樣版選項,依據使用者操作所持有的該行動裝置所選擇的任一該虛擬禮物樣版選項以產生相應的一虛擬禮物樣版,將使用者操作所持有的該行動裝置所選擇的該虛擬禮物樣版、輸入的文字內容與該行動裝置所擷取的一靜態實體影像結合,以產生該虛擬禮物。 The website platform system for providing augmented reality functions on web pages according to claim 5, wherein the virtual gift making module provides a plurality of virtual gift template options on the website platform, according to the user's operation and holding Any one of the virtual gift template options selected by the mobile device generates a corresponding virtual gift template, and the virtual gift template selected by the mobile device held by the user operation, the input text content and the virtual gift template A static physical image captured by the mobile device is combined to generate the virtual gift. 如請求項5所述的在網頁上提供擴增實境功能的網站平台系統,其中該虛擬禮物製作模組在該網站平台上提供多個虛擬禮物素材選項,依據使用者操作所持有的該行動裝置所選擇 的任一該虛擬禮物素材選項以產生一虛擬禮物素材,將使用者操作所持有的該行動裝置所輸入的文字內容、所選擇的該虛擬禮物素材與該行動裝置所擷取的一靜態實體影像結合以產生該虛擬禮物。 The website platform system for providing augmented reality functions on web pages according to claim 5, wherein the virtual gift making module provides a plurality of virtual gift material options on the website platform, according to the mobile device selection select any of the virtual gift material options to generate a virtual gift material, which combines the text content input by the mobile device held by the user, the selected virtual gift material, and a static entity captured by the mobile device The images are combined to create the virtual gift. 如請求項5所述的在網頁上提供擴增實境功能的網站平台系統,其中該虛擬禮物製作模組依據使用者操作所持有的該行動裝置所產生的一旋轉要求,以在一預設角度範圍內旋轉未完成製作或已完成製作的該虛擬禮物,及/或依據使用者觸發該行動裝置所產生的一翻頁要求,以將具有內頁的該虛擬禮物翻頁。 The website platform system for providing augmented reality functions on web pages as claimed in claim 5, wherein the virtual gift making module generates a pre-rotation request according to a rotation request generated by the mobile device held by the user's operation. Rotating the unfinished or completed virtual gift within an angle range, and/or turning the virtual gift with inner pages according to a page-turning request generated by the user triggering the mobile device. 如請求項5所述的在網頁上提供擴增實境功能的網站平台系統,其中該虛擬禮物製作模組在該網站平台上提供多個虛擬禮物包裹選項,依據使用者操作行動裝置所選擇的任一該虛擬禮物包裹選項產生一虛擬禮物包裹,將該虛擬禮物、一實體禮物兌換憑証、一超連結或其任意組合包裹在虛擬禮物包裹中,仿照實體禮物拆開的方式在收禮者所持有的該行動裝置上播放拆開該虛擬禮物包裹的一動態影像。 The website platform system for providing augmented reality functions on web pages according to claim 5, wherein the virtual gift making module provides a plurality of virtual gift wrapping options on the website platform, according to the selection of the user operating the mobile device. Any of the virtual gift wrapping options generates a virtual gift wrapping, wrapping the virtual gift, a physical gift redemption certificate, a hyperlink, or any combination thereof in the virtual gift wrapping, and placing it at the recipient's place in the same way as the physical gift is opened. A moving image of unpacking the virtual gift is played on the mobile device held. 如請求項9所述的在網頁上提供擴增實境功能的網站平台系統,其中該商業化收費模組在該網站平台上標示每一款該虛擬禮物的價格、編輯該虛擬禮物以及該虛擬禮物包裹的費用,並計算寄送的費用,加總製作和贈送該虛擬禮物的費用,顯示在該行動裝置上。 The website platform system for providing augmented reality functions on a webpage as described in claim 9, wherein the commercial charging module marks the price of each virtual gift, edits the virtual gift and the virtual gift on the website platform The cost of the gift wrapping, and calculating the cost of sending it, adding up the cost of making and presenting the virtual gift, displayed on the mobile device.
TW110211859U 2021-10-08 2021-10-08 Website platform shopping system providing augmented reality function on webpage TWM624354U (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW110211859U TWM624354U (en) 2021-10-08 2021-10-08 Website platform shopping system providing augmented reality function on webpage

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW110211859U TWM624354U (en) 2021-10-08 2021-10-08 Website platform shopping system providing augmented reality function on webpage

Publications (1)

Publication Number Publication Date
TWM624354U true TWM624354U (en) 2022-03-11

Family

ID=81747738

Family Applications (1)

Application Number Title Priority Date Filing Date
TW110211859U TWM624354U (en) 2021-10-08 2021-10-08 Website platform shopping system providing augmented reality function on webpage

Country Status (1)

Country Link
TW (1) TWM624354U (en)

Similar Documents

Publication Publication Date Title
US11017443B2 (en) System and method for a merchant onsite personalization gifting platform
CA2824165C (en) Virtual packaging and electronic gifting system and methodology
US20160098783A1 (en) Systems and methods for generation of customized advertising and/or customized promotion for products and services
US20180018651A1 (en) Gift creation
KR101561267B1 (en) Integration application system for augmented reality
US11138652B2 (en) Method and computer program product for an expanded shopping product page and catalog layout
TWM540332U (en) Augmented reality shopping system
JP2012048673A (en) Purchased merchandise history displaying method and system
US20140114794A1 (en) Mobile telephone automobile accessory selection application
TW200417875A (en) On-line method for customizing object with personalized mark
KR20190046549A (en) Method of generating shopping mall product detail page and server performing the same
TWM624354U (en) Website platform shopping system providing augmented reality function on webpage
KR20010105544A (en) System for Managing Design Shop on the Internet
KR20130137805A (en) Writings data provide system and writings data provide method
KR20030000244A (en) E-book
TW202316350A (en) Website platform shopping system providing augmented reality function on webpage
TWM521784U (en) Virtual reality integrated shopping system combining somatosensory operation
JP2021163506A (en) Augmented reality system
Rodrigues Say Yes to the Trade Dress: a Comment on Trade Dress Protection for the Look and Feel of Lifestyle Blogs
KR20210141322A (en) System for providing virtual fitting and method thereof
Dethe et al. Revolutionizing E-commerce with 3D visualization: An experimental assessment of behavioural shopper responses to augmented reality in online shopping
Hendriana et al. Design and Implementation of Online Fashion Store “Demi Outfits” Based on Android
CN107113334A (en) Build the method for interactive digital catalogue and the computer-readable medium storing and interactive digital catalogue of application this method
Cha Smart Commerce Case Study Using 4th Industrial Revolution Technology-AI, VR
JP3111404U (en) Bento lid