WO2016000640A1

WO2016000640A1 - Cooperative work method on webpage

Info

Publication number: WO2016000640A1
Application number: PCT/CN2015/083183
Authority: WO
Inventors: Waitung CHEUNG; Chunhsiao LIN; Shihcheng LAN; Hocheung CHEUNG
Original assignee: U3D Limited
Priority date: 2014-07-03
Filing date: 2015-07-02
Publication date: 2016-01-07
Also published as: TW201626260A; TWI581117B

Abstract

A cooperative work method on webpage includes the following steps. Firstly, a workspace is provided according to a target website. When a user visits the target website through a uniform resource identifier of the target website, at least one part of the workspace is projected, so that at least one projected command block corresponding to the at least one part of the workspace is displayed on a webpage content area of the target website. The webpage content area of the target website is displayed on a visible window of a browser in a full display mode. When the user accesses the at least one projected command block, at least one functional block of a projected workspace corresponding to the workspace is displayed on the visible window of the browser, so that the user interacts with the projected workspace through the at least one functional block.

Description

COOPERATIVE WORK METHOD ON WEBPAGE

TECHNICAL FIELD

The present invention relates to a cooperative work method on webpage, and more particularly to a cooperative work method on webpage implemented through a workspace.

BACKGROUND

In today’s convenience daily life, people are accustomed to use an electronic device with computational capability to achieve various kinds of applications. For example, these applications include working, file processing, entertainment, social communication, and so on. With development of science and technology, information can be propagated more quickly. Accordingly, various web platforms, operating systems and software tools have been developed for people to use, and brought more efficient lives to the users. Especially in the post-PC era, the conventional desktop computers, tablet computers, mobile phones or other mobile devices allow people to implement tasks whenever and wherever they are, and people over the world communicate with each other to transmit and share information through Internet.

For example, when a person intends to buy a product of any seller, factory or company, the person may visit a website of the seller, factory or company through a uniform resource identifier (URI) . Consequently, the required information and product contents can be realized through the website. However, if the demands of the users visiting the websites are different, the information contents to be acquired by different users are not always the same. In other words, the published information contents of most websites cannot meet the demands of all users. Moreover, if the users visiting the websites intend to know more associated information contents, the users may leave messages through message areas of the websites to wait for the response of the customer service officers, or the users may contact the customer service officers through the contact information (e.g., phone numbers or e-mails) on the websites. Since the method of acquiring the information contents is very troublesome, the users’ willingness to buy the product will be largely reduced. In the modern society, people must seize every minute and second. Since the users cannot instantly acquire the required information contents and then take actions, the conventional method of acquiring the information contents cannot meet the users’ demands.

For solving the above problems, the websites of some sellers, factories or companies provide an online customer service function. By the online customer service function, users can instantly inquire the online customer service officers in order to acquire the required information. However, for some sellers, factories or companies without sufficient funds, it is complicated and costly to additionally provide the online customer service function to the websites. For example, the sellers, factories or companies have to pay money to the website developers in order to add the online customer service function. In other words, the conventional method of providing the online customer service function to the websites needs to be further improved.

In addition to the online customer service function, if the sellers, factories or companies intend to develop other kinds of tools or services on their websites by themselves, a high degree of technical threshold is needed. Consequently, the development process needs a lot of money, time and manpower. For solving these drawbacks, there is a need of providing a working platform for extending the tools and services of various websites without the need of self-development.

SUMMARY

For solving the drawbacks of the conventional technologies, the present invention provides a cooperative work method on webpage. A workspace with specified tools and a target website are connected with each other. The user visiting the target website can cooperatively implement a task with the target website through the workspace. Consequently, the target website can be easily built in a cost-effective manner.

In accordance with an aspect of the present invention, there is provided a cooperative work method on webpage. The cooperative work method on webpage includes the following steps. Firstly, in a step (A) , a workspace is provided according to a target website, wherein the workspace and the target website are included in different domains. Then, a step (B) is performed. When a user visits the target website through a uniform resource identifier of the target website, at least one part of the workspace is projected, so that at least one projected command block corresponding to the at least one part of the workspace is displayed on a webpage content area of the target website. The webpage content area of the target website is displayed on a visible window of a browser for launching the target website in a full display mode. When the user accesses the at least one projected command block, at least one functional block of a projected workspace corresponding to the workspace is displayed on the visible window of the browser, so that the user interacts with the projected workspace through the at least one functional block.

In an embodiment, the workspace is modeled by a projectable space instance, wherein a plurality of unified matters are combined together into the projectable space instance according to an operational demand. After the projectable space instance is parsed, the projected workspace equips the plurality of unified matters so as to be accessed by the user.

In an embodiment, the operational demand includes an online customer service demand, and the user cooperatively implements a cooperative task with at least one online customer service officer of the target website through the projected workspace.

In an embodiment, the plurality of matters include at least one matterizer, at least one unified tool and/or at least one unified information unit, wherein the at least one unified tool and/or the at least one unified information unit is imported into the projected workspace through the at least one matterizer.

In an embodiment, at least one original tool corresponding to the at least one unified tool includes a utility, a widget, an agent, an application, a service or any executable element accessible from a corresponding machine or a server, and/or at least one original information corresponding to the at least one unified information unit includes a file, a web page, a database row, a policy, a rule, a policy of the projected workspace or any information accessible from a corresponding machine or a server.

In an embodiment, the step (B) includes a step (B1) of projecting an entire of the workspace when the user visits the target website through the uniform resource identifier of the target website, so that the webpage content area of the target website having the size as the projected workspace is displayed on the projected workspace. When the user accesses the at least one projected command block, the webpage content area of the target website is shrunken, so that the at least one functional block of the projected workspace is exposed and displayed on the visible window of the browser. Alternatively, the step (B) includes a step (B2) of projecting the at least one part of the workspace when the user visits the target website through a uniform resource identifier of the target website, so that the at least one projected command block corresponding to the at least one part of the workspace is displayed on the webpage content area of the target website. When the user accesses the at least one projected command block, the uniform resource identifier of the target website is redirected to the domain of the workspace to project an entire of the workspace, so that the webpage content area of the target website and the at least one functional block of the projected workspace are displayed on the projected workspace simultaneously.

In an embodiment, the cooperative work method further includes a step (C) of establishing a corresponding relationship between the workspace and the target website.

In an embodiment, the step (C) further includes a step (C1) of inputting the uniform resource identifier of the target website into the workspace and adding a plug-in code corresponding to the workspace to a webpage source code of the target website. If the target website is accessed, the plug-in code is executed to project the at least one part of the workspace.

In an embodiment, the step (C) further includes a step (C2) of authenticating the corresponding relationship between the workspace and the target website.

In an embodiment, the step (C2) is performed while the uniform resource identifier of the target website workspace is inputted into the workspace, and/or the step (C2) is performed while the plug-in code is executed.

In an embodiment, the step (B1) includes the following steps. An inline frame is generated through the plug-in code, wherein the inline frame has the same size as the visible window of the browser for launching the target website. A projector is used to parse a projectable space instance for modeling the workspace so as to build a working environment, wherein the projected workspace is executed in the working environment, and the projected workspace is embedded in the inline frame.

In an embodiment, the step (B2) includes the following steps. The uniform resource identifier of the target website is redirected to a uniform resource identifier of a projectable space instance through the plug-in code, wherein the projectable space instance is used for modeling the workspace. A projector is used to parse the projectable space instance so as to build a working environment, wherein the projected workspace is executed in the working environment.

In an embodiment, the at least one projected command block has an icon. When the user taps the icon, the at least one functional block of the projected workspace is displayed on the visible window of the browser.

In accordance with another aspect of the present invention, there is provided a cooperative work method on webpage. The cooperative work method on webpage includes the following steps. Firstly, in a step (A) , a projectable space instance for modeling a workspace is provided according to a target website, wherein a plurality of unified matters are combined together into the projectable space instance according to an operational demand. Then, a step (B) is performed. When a user visits the target website through a uniform resource identifier of the target website, at least one part of the workspace is projected, so that at least one projected command block corresponding to the at least one part of the workspace is displayed on a webpage content area of the target website. The webpage content area of the target website is displayed on a visible window of a browser for launching the target website in a full display mode. When the user accesses the at least one projected command block, at least one functional block of a projected workspace corresponding to the workspace is displayed on the visible window of the browser, so that the user interacts with the projected workspace through the at least one functional block.

In an embodiment, the projectable space instance and the target website are included in different domains.

In an embodiment, the operational demand includes an online customer service demand, and the user cooperatively implements a task with at least one online customer service officer of the target website through the projected workspace.

In an embodiment, the step (B) includes a step (B1) of projecting an entire of the workspace when the user visits the target website through the uniform resource identifier of the target website, so that the webpage content area of the target website having the size as the projected workspace is displayed on the projected workspace. When the user accesses the at least one projected command block, the webpage content area of the target website is shrunken, so that the at least one functional block of the projected workspace is exposed and displayed on the visible window of the browser. Alternatively, the step (B) includes a step (B2) of projecting the at least one part of the workspace when the user visits the target website through a uniform resource identifier of the target website, so that the at least one projected command block corresponding to the at least one part of the workspace is displayed on the webpage content area of the target website. When the user accesses the at least one projected command block, the uniform resource identifier of the target website is jumped to the domain of the workspace to project an entire of the workspace, so that the webpage content area of the target website and the at least one functional block of the projected workspace are displayed on the projected workspace simultaneously.

In an embodiment, the step (C) further includes a step (C1) of inputting the uniform resource identifier of the target website into the workspace and adding a plug-in code corresponding to the workspace to a webpage source code of the target website, wherein if the target website is accessed, the plug-in code is executed to project the at least one part of the workspace.

In an embodiment, the step (C) further includes a step (C2) of authenticating the cooperating relationship between the workspace and the target website.

In an embodiment, the step (C2) is performed while the uniform resource identifier of the target website is inputted into the workspace, and/or the step (C2) is performed while the plug-in code is executed.

In an embodiment, the step (B1) includes the following steps. An inline frame is generated through the plug-in code, wherein the inline frame has the same size as the visible window of the browser for launching the target website. A projector is used to parse the projectable space instance so as to build a working environment, wherein the projected workspace is executed in the working environment, and the projected workspace is embedded in the inline frame.

In an embodiment, the step (B2) includes the following steps. The uniform resource identifier of the target website is redirected to a uniform resource identifier of the projectable space instance through the plug-in code. A projector is used to parse the projectable space instance so as to build a working environment, wherein the projected workspace is executed in the working environment.

In an embodiment, the at least one projected command block has an icon, wherein when the user taps the icon, the at least one functional block of the projected workspace is displayed on the visible window of the browser.

From the above descriptions, the present invention provides a cooperative work method on webpage. A workspace having a configured online customer service tool is connected with a target website in the present invention. Consequently, the online customer service function can be provided to the user visiting the target website without largely changing and modifying the target website. In other words, the cooperative work method of the present invention is convenient and cost-effective for the builder of the target website.

The above objects and advantages of the present invention will become more readily apparent to those ordinarily skilled in the art after reviewing the following detailed description and accompanying drawings, in which:

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a schematic diagram illustrating an implementation concept of a unifying method according to an embodiment；

FIG. 2 is a schematic diagram illustrating an implementation concept of using the unified script as an intermediate language for implementing the personal workspace；

FIG. 3 is a schematic diagram illustrating a preferred configuration of a personal workspace；

FIG. 4 is a schematic diagram illustrating an initial state of the method of projecting the workspace according to an embodiment of the present invention；

FIGS. 5A and 5B are schematic diagrams illustrating operating concepts of the method of projecting the workspace as shown in FIG. 4；

FIG. 6 is a schematic diagram illustrating the relationship between a projectable space instance as shown in FIG. 4 and a projected workspace as shown in FIG. 5B；

FIG. 7 is a schematic diagram illustrating a flowchart of a cooperative work method on webpage according to an embodiment of the present invention；

FIG. 8 is a schematic diagram illustrating a usage situation of the cooperative work method of FIG. 7；

FIG. 9 is a schematic diagram illustrating a flowchart of the step B of the cooperative work method of FIG. 7；

FIG. 10 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 9 and in the usage situation of FIG. 8 when a user visits the target website through a uniform resource identifier of the target website；

FIG. 11 is a schematic diagram illustrating the exploded view of the webpage of the target website as shown in FIG. 10；

FIG. 12 is a schematic diagram illustrating a partial relationship between a projectable space instance described in FIG. 7 and a projected workspace in the usage situation of FIG. 8；

FIG. 13 is a schematic diagram illustrating the operating concept of a relation creating interface corresponding to the workspace described in FIG. 7 and in the usage situation of FIG. 8；

FIG. 14 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 9 and in the usage situation of FIG. 8 after the user accesses the projected command block；

FIG. 15 is a schematic diagram illustrating the operating concept of another relation creating interface corresponding to the workspace；

FIG. 16 is a schematic diagram illustrating a flowchart of the step B of the cooperative work method of FIG. 7 according to another embodiment of the present invention；

FIG. 17 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 16 and in the usage situation of FIG. 8 when a user visits the target website through a uniform resource identifier of the target website； and

FIG. 18 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 16 and in the usage situation of FIG. 8 after the user accesses the projected command block.

DETAILED DESCRIPTION

The present invention is more fully appreciated by reference to the following description, including the following glossary of terms and the concluding examples. For the sake of brevity, the disclosures of the publications, including patents, cited in this specification are herein incorporated by reference.

The examples below are non-limiting and are merely representative of various aspects and features of the present invention. The term “information source” used herein is defined as a sequence of symbols that can be interpreted as a message in the most limited technical meaning. And the message is used for organizing and labeling information. For example, the information source includes website (such as internet service) , intranet, social network, software, electronic book, database and other media of information (such as storage media of non-transitory computer or storage media of mobile device) . The term “original information” used herein is a file, a webpage, a database row, a policy, a rule or any data accessible in corresponding machines and servers, but is not limited thereto. The term “original tool” used herein is a utility, a widget, an intelligent agent, an application, a service or any executable component accessible in corresponding machines and servers, but is not limited thereto. It is noted that the information sources, the original information and the original tool are not restricted to the above examples.

Moreover, “original information” and “original tool” are implementation examples of “original matters” used herein. In accordance with the present invention, a plurality of “original matters” from identical or different “information sources” are modeled to a plurality of “unified matters” by a unifying method. Consequently, the “unified matters” in the same execution environment are compatible with each other and cooperate to perform a specified task. The “unified tool” and the “unified information unit” are implementation examples of the “unified matters” . Moreover, the term “Matterizer” used herein is a means, a device or a program code to perform the unifying process.

In an embodiment, the above unifying method comprises steps of: modeling at least one original information obtained from at least one information source of multiple information sources into a unified information unit with one unified data model via re-organizing the original information, and/or modeling at least one original tool obtained from at least one information source of multiple information sources into a unified tool with another unified data model via re-organizing the original tool. The one unified data model and another unified data model could be identical or different, and the unifying method described above could be completed through a matterizer.

Please refer to FIG. 1. FIG. 1 is a schematic diagram illustrating an implementation concept of a unifying method according to an embodiment. As shown in FIG. 1, the matterizer 992 re-organizes an attribute and a link of an original matter 991 with a unified data model 993, and thus models the original matter 991 into a unified matter 994. Consequently, the basic attribute of the unified matter 994 include a type of the original matter 994 and a link indicating where the original matter 994 is located.

In this embodiment, the original matter 991 at least includes an original information (not shown) or an original tool (not shown) , but is not limited thereto. In the above unifying method, if the attribute accessible from the original information corresponds to the attribute to be unified in the unified information unit, the unified information unit is directly produced through the matterizer 992. If the attribute accessible from the original information does not correspond to the attribute to be unified in the unified information unit, the original information is firstly re-defined by logically re-organizing the attributes and the link of the original information, and then the original information is converted into a new original information with the attributes which correspond to attributes to be unified in the unified information unit. Consequently, the unified information unit is indirectly produced.

Moreover, if the original tool is compatible with the working environment of the workspace, the unified tool is directly produced by the matterizer 992. On the other hand, if the original tool is incompatible with the working environment of the workspace, the unified tool is indirectly produced via an adapter and/or a software development kit (SDK) of the original tool to drive the original tool. The adapter provides an interface implementation compatible with the working environment.

Herein, “the descriptions of the unifying method” , “the methods of obtaining the unified matters” and “the descriptions of the matterizer” may be referred to the US Patent Application No. 14/324, 069, entitled “A method of unifying information and tool from a plurality of information sources” , and also referred to the China Patent Application No. 201410768564. X, which claims the benefit of priority to the US Patent Application No. 14/324, 069 and is entitled “A method of unifying information and tool from a plurality of information sources and computer product and device using the method” . The detailed descriptions thereof are omitted.

The above unifying method is presented herein for purpose of illustration and description only. The method of unifying a plurality of original matters from different information sources is not restricted. However, those skilled in the art will readily observe that numerous modifications and alterations may be made while retaining the teachings of the invention.

Hereinafter, two other unifying methods will be illustrated. The first unifying method is applied to a method of unifying the information of Garmin satellite navigation. Through a point-of-interest (POI) function of the Garmin satellite navigation, the method of unifying the information is employed to unify the imported original point information (i.e., an original information) into the corresponding unified point information (i.e., a unified information unit) . The second unifying method is applied to a method of unifying the tool of an Android system. The Android system is a Linux-based open source mobile operating system. However, most application programs (i.e., original tools) are written in the Java programming language. Consequently, the application program (i.e., the original tool) written in the Java programming language can be modeled into a unified application program (i.e., the unified tool) compatible with the Android system so as to be executed in the Android system.

The term “workspace” used herein is a working environment for providing interactions between the at least one matterizer, the at least one tool and/or the at least one information so as to implement a specified task. Moreover, the at least one tool and/or at least one information can be imported into the workspace through the at least one matterizer. However, the way of importing the information and/or tool into the workspace is not restricted. Hereinafter, information importers such as the

information importers

9881, 9882 and 9883 of FIG. 2 and the Dropbox importer 9761’ of FIG. 6 are some examples of the matterizer. The term “unified script” used herein is an intermediate language to implement the workspace. Moreover, via the “unified script” , the at least one matterizer, the at least one tool and/or the at least one information can be provided to the workspace (e.g., built in or plugged in the workspace) .

In an embodiment, the above at least one information is a unified information unit which is produced after at least one original information obtained from at least one information source is unified, and the above at least one tool is a unified tool which is produced after at least one original tool obtained from at least one information source is unified. Moreover, according to different tasks, the required unified information unit and/or the required unified tool from the corresponding information source can be added to the personal workspace (e.g., built in or plugged in the personal workspace) . In other words, the “workspace” is a user-orientated “personal workspace” .

Please refer to FIG. 2 and FIG. 3. FIG. 2 is a schematic diagram illustrating an implementation concept of using the unified script as an intermediate language for implementing the personal workspace. FIG. 3 is a schematic diagram illustrating a preferred configuration of a personal workspace. As shown in FIG. 2 and FIG. 3, a unified information unit 985’ corresponding to an original information 985 in Dropbox 982, a first unified tool 986’ corresponding to a compatible original tool 986 in a cloud storage 983 and a second unified tool 987’ corresponding to an incompatible original tool 987 in a server 984 are combined together into a personal workspace 981 according to the required tasks. In particular, a unified script 980 which is regarded as an intermediate language for implementing the personal workspace 981 is firstly compiled, and then an information importer 9881 of the Dropbox 982, an information importer 9882 of the cloud storage 983 and an information importer 9883 of the server 984 are configured through the unified script 980. Moreover, after the original information 985 in the Dropbox 982 is unified into the unified information unit 985’ by the information importer 9881, the unified information unit 985’ is imported into the personal workspace 981.

As shown in FIG. 2 and FIG. 3, the original tool stored in the cloud storage 983 is the compatible original tool 986, which is compatible with the component architecture of the unified tool in the personal workspace 981. Moreover, the first unified tool 986’ corresponding to the compatible original tool 986 is directly provided to the personal workspace 981 through the information importer 9882 of the unified script 980.

As shown in FIG. 2 and FIG. 3, the original tool stored in the server 984 is the incompatible original tool 987, which is incompatible with the component architecture of the unified tool in the personal workspace 981. Moreover, the second unified tool 987’ corresponding to the incompatible original tool 987 is provided to the personal workspace 981 through the compatible adapter 989 and the information importer 9883 of the unified script 980.

As shown in FIG. 3, the user can configure and arrange (e.g., group or place) the unified information unit 985’ , the first unified tool 986’and the second unified tool 987’ in a specific area of the personal workspace 981 according to the practical requirements. Moreover, according to the operational relationship between the unified tool and the unified information unit (e.g., the clicking or dragging actions between the two) , the user can perform specified tasks by using the unified tool to access or control the corresponding unified information unit.

Herein, “the descriptions of using the unified script as the intermediate language for implementing the personal workspace” and “the descriptions of allowing the required unified information unit and/or the required unified tool from the corresponding information sources to be arbitrarily combined together into the personal workspace according to the practical requirements” may be referred to the US Patent Application No. 14/325, 466, entitled “Method for performing task on unified information units in a personal workspace” , and also referred to the China Patent Application No. 201410796528.4, which claims the benefit of priority to the US Patent Application Nos. 14/324, 069 and 14/325, 466 and is entitled “A method of combining unified matters in a personal workspace and computer product and device using the method” . The detailed descriptions thereof are omitted.

The above personal workspace is presented herein for purpose of illustration and description only. It is noted that the workspace used in the present invention is not restricted. For example, the unified script as the intermediate language for implementing the workspace can be previously edited. Consequently, the workspace equips the default matterizer, the default information and/or the default tool. This workspace is not limited to be operated by a single user. According to the practical requirements, this workspace can be operated by multiple users at the same time or at different times.

Moreover, the “workspace” used herein is obtained by “a method of projecting a workspace” to any electronic device with computational capability. An example of the electronic device includes but is not limited to a mobile phone, a tablet computer, a notebook computer or a desktop computer. Consequently, the “projected workspace” can be operated by any user through any electronic device with computational capability.

In an embodiment, the method of projecting the workspace comprises the following steps. Firstly, a projectable space instance instantiated by the unified script is obtained through a uniform resource identifier (URI) . As mentioned above, the unified script is defined to configure at least one of the matterizer, the information and the tool to model the workspace. Moreover, the projectable space instance is used to build the projected workspace corresponding to the workspace, and thus provide an interface for operating at least one of the matterizer, the information and the tool to implement a task. Then, a projector parses the projectable space instance and build a working environment to configure at least one of the matterizer, the information and the tool so as to execute the projected workspace for providing interactions between at least one user and the projected workspace.

The projector is acquired from a remote data station, the projectable space instance or a preloaded application program, and loaded to an engine for providing a compatible environment to execute the projector. An example of the engine includes but is not limited to a Javascript engine, a Windows application or a Linux application. Preferably but not exclusively, the united script can be declared by a document type definition (DTD) , an extensible markup language (XML) Schema, a structured language or a structured protocol. Preferably but not exclusively, the projectable space instance is an object, an extensible markup language (XML) document, or an instance instantiated with a structured language or a structured protocol.

Please refer to FIG. 4, FIG. 5A, FIG. 5B and FIG. 6. FIG. 4 is a schematic diagram illustrating an initial state of the method of projecting the workspace according to an embodiment of the present invention. FIGS. 5A and 5B are schematic diagrams illustrating operating concepts of the method of projecting the workspace as shown in FIG. 4. FIG. 6 is a schematic diagram illustrating the relationship between a projectable space instance as shown in FIG. 4 and a projected workspace as shown in FIG. 5B.

In the initial state of FIG. 4, a first electronic device 971 and a second electronic device 972 are in communication with each other (e.g., through network connection) . Moreover, the first electronic device 971 stores a projectable space instance 973, and the second electronic device 972 has a built-in projector 974.

In this embodiment, the united script 9731 is declared by a document type definition (DTD) and defined to configure at least one information importer (i.e., an example of the matterizer) , at least one unified information unit and/or at least one unified tool to model a workspace, and the projectable space instance 973 is an instance instantiated with the extensible markup language (XML) . As shown in FIG. 6, the projectable space instance 973 is used for building a projected workspace 976 corresponding to the workspace. Moreover, the information importer, the unified information and/or the unified tool is allowed to be added to or removed from the projectable space instance 973.

The projector 974 of the second electronic device 972 will build a working environment 975 in the second electronic device 972 for executing the projected workspace 976. In addition, the projector 974 provides a microkernel 977 (see FIG. 6) to the working environment 975 for equipping at least one information importer, at least one unified information and/or at least one unified tool that will be added to the projected workspace 976. When the second electronic device 972 acquires the projectable space instance 973 from the first electronic device 971 through a URI, the projector 974 of the second electronic device 972 starts to parse the projectable space instance 973 (see FIG. 5A) . After the projectable space instance 973 is parsed by the projector 974, the projected workspace 976 is built in the working environment 975 according to parsed contents of the projectable space instance 973 (see FIG. 5B) . Accordingly, a user of the second electronic device 972 can interact with the projected workspace 976 through the second electronic device 972 so as to perform related tasks.

The relationships between the unified script 9731, the projectable space instance 973 and the projected workspace 976 will be illustrated in more detailed through a usage situation as shown in FIG. 6. The usage situation as shown in FIG. 6 is related to a process of building a projected workspace that is capable of accessing jpg format image files and gif format image files from a specified internet space and allowing the image files to be viewed by a user. In this usage situation, the unified script 9731 is declared by the Document Type Definition (DTD) , and the projectable space instance 973 is instantiated with XML.

Moreover, an information importer and a unified tool are added into the projectable space instance 973, and at least one unified information unit corresponding to the original information is imported into the projected workspace 976 through the information importer. In this usage situation, the information importer is a Dropbox importer. The information of the Dropbox importer is disclosed in the dashed line frame 9761 of FIG. 6. The original information includes a jpg format image file 9791, a jpg format image file 9792 and a gif format image file 9793 in Dropbox 979 (i.e., an information source) . The unified information units include a unified jpg format image file 9791’ , a unified jpg format image file 9792’and a unified gif format image file 9793’ , which will be described later. The unified tool is an image viewer for accessing image files which are imported into the projected workspace 976. The information of the image viewer is disclosed in the dashed line frame 9762 of FIG. 6.

As mentioned above, the projected workspace 976 is built after the projectable space instance 973 is parsed by the projector 974 of the second electronic device 972. In this embodiment, the Dropbox importer 9761’ corresponding to the dashed line frame 9761 and the image viewer 9762’ corresponding to the dashed line frame 9762 are configured in the projected workspace 976. Moreover, the jpg format image file 9791, the jpg format image file 9792 and the gif format image file 9793 in Dropbox 979 are unified and imported into the projected workspace 976 by the Dropbox importer 9761’ . Consequently, the unified jpg format image file 9791’ corresponding to the jpg format image file 9791, the unified jpg format image file 9792’ corresponding to the jpg format image file 9792 and the unified gif format image file 9793’ corresponding to the gif format image file 9793 are displayed on the projected workspace 976. When the user of the second electronic device 972 manipulates any of the unified image files 9791’ , 9792’ and 9793’ by any specified operating means (such as an action of clicking any of the unified images files 9791’ , 9792’ and 9793’ or an action of dragging and dropping any of the image files 9791’ , 9792’ and 9793’ to the image viewer 9762’ ) , the image viewer 9762’ will access the contents of the corresponding unified image files 9791’ , 9792’ or 9793’ to allow the unified image files 9791’ , 9792’ or 9793’ to be viewed by the user. Moreover, the Dropbox importer 9761’ and the image viewer 9762’ mentioned above are equipped by the microkernel 977.

It is noted that the URI of the projectable space instance 973 may be a HTTP (hypertext transfer protocol) URI or a FTP (file transfer protocol) URI. In case that the first electronic device 971 and the second electronic device 972 are integrated into one device, the URI of the projectable space instance 973 can also be a local file URI. However, the types of the URI of the projectable space instance 973 are not restricted.

Herein, “the descriptions of the method of projecting the workspace” may be referred to the US Patent Application No. 14/577, 772, entitled “Method of projecting a workspace and system using the same” , and also referred to the China Patent Application No. 201410814138.5, which claims the benefit of priority to the US Patent Application Nos. 14/324, 069, 14/325, 466 and 14/577, 772 and is entitled “Method of projecting a workspace and system using the same” . The detailed descriptions thereof are omitted.

The above method of projecting the workspace to any electronic device with computational capability is presented herein for purpose of illustration and description only. The method of projecting the workspace to any electronic device with computational capability is not restricted. However, those skilled in the art will readily observe that numerous modifications and alterations may be made while retaining the teachings of the invention.

Moreover, any workspace can be projected to any electronic device with computational capability. That is, any workspace can be delivered to any electronic device with computational capability. Consequently, the workspace is also a working platform for allowing multiple cooperators to implement a cooperative task. For example, the workspace can be formed as a working platform for a target website and multiple users visiting the target website. The reason will be illustrated in more details as follows.

FIG. 7 is a schematic diagram illustrating a flowchart of a cooperative work method on webpage according to an embodiment of the present invention. The cooperative work method on webpage comprises the following steps:

Step A: Provide a projectable space instance for modeling a workspace according to a target website, wherein a plurality of unified matters are combined together into the projectable space instance according to an operational demand, and the projectable space instance and the target website may be included in different domains； and

Step B: Project at least one part of the workspace when a user visits the target website through a uniform resource identifier of the target website, so that at least one projected command block corresponding to the at least one part of the workspace is displayed on a webpage content area of the target website, wherein the webpage content area of the target website is displayed on a visible window of a browser for launching the target website in a full display mode, wherein when the user accesses the at least one projected command block, at least one functional block of a projected workspace corresponding to the workspace is displayed on the visible window of the browser, so that the user interacts with the projected workspace through the at least one functional block.

Please refer to FIGS. 8～14. FIG. 8 is a schematic diagram illustrating a usage situation of the cooperative work method of FIG. 7. FIG. 9 is a schematic diagram illustrating a flowchart of the step B of the cooperative work method of FIG. 7. FIG. 10 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 9 and in the usage situation of FIG. 8 when a user visits the target website through a uniform resource identifier of the target website. FIG. 11 is a schematic diagram illustrating the exploded view of the webpage of the target website as shown in FIG. 10. FIG. 12 is a schematic diagram illustrating a partial relationship between a projectable space instance described in FIG. 7 and a projected workspace in the usage situation of FIG. 8. FIG. 13 is a schematic diagram illustrating the operating concept of a relation creating interface corresponding to the workspace described in FIG. 7 and in the usage situation of FIG. 8. FIG. 14 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 9 and in the usage situation of FIG. 8 after the user accesses the projected command block.

The embodiment as shown in FIG. 8 is related to the following usage situation. That is, a builder 81 of the target website 2 intends to provide a function of allowing a user 82 visiting the target website 2 to have an instant online interaction with an online customer service officer 83 of the target website 2. In this usage situation, the target website 2 is built in a second machine 32 (e.g., a server) of a second domain 72, and the user 82 visits the target website 2 through a browser 331 of a third machine 33 (e.g., a computer or a mobile phone) . A method of allowing the user 82 visiting the target website 2 to have the instant online interaction with the online customer service officer 83 of the target website 2 will be illustrated as follows.

Firstly, the step A is performed. The builder 81 of the target website 2 previously stores a projectable space instance 311 in a first machine 31 of a first domain 71, wherein the first domain 71 and the second domain 72 are identical or different domains. The projectable space instance 311 is used for modeling a workspace. According to an operational demand of “providing an online customer service function” , the required unified matters are combined together into the projectable space instance 311.

In this embodiment as shown in FIG. 12, the unified tools 5 added to the projectable space instance 311 at least include a webpage launching tool 51 and an online customer service tool 52. Moreover, the projectable space instance 311 is an instance instantiated with the extensible markup language (XML) . FIG. 12 also shows the compiled contents of the projectable space instance 311 and the relationships between the compiled contents of the projectable space instance 311 and the corresponding unified matters of a projected workspace 4. In FIG. 12, the both ends of each dotted line denote the compiled contents of the projectable space instance 311 and the corresponding unified matters in the relationship.

Next, the builder 81 of the target website 2 has to establish the corresponding relationship between the workspace and the target website 2. In an embodiment, the builder 81 of the target website 2 input a URI 23 of the target website 2 into the workspace, and a plug-in code 22 corresponding to the workspace is added to a webpage source code 21 of the target website 2, which is shown in FIG. 15 and will be described later. Consequently, the corresponding relationship between the workspace and the target website 2 can be established. In an embodiment, the approach of inputting the URI of the target website 2 into the workspace includes the following steps. Firstly, a relationship establishing interface 61 corresponding to the workspace and including a URI input field 611 is opened (See FIG. 13) . After the URI 23 of the target website 2 is inputted into the URI input field 611 and a confirmation button 612 is tapped, the URI of the target website 2 is inputted into the workspace. The above approach of inputting the URI of the target website 2 into the workspace is presented herein for purpose of illustration and description only.

Next, the step B is performed. The step B comprises steps B101, B102, B103, B104 and B105. In the step B101, when the user 82 inputs the URI 23 of the target website 2 into an address bar 3311 of the browser 331 to visit the target website 2, the plug-in code 22 added to the webpage source code 21 of the target website 2 drives generation of an inline frame 3313 (also referred as iframe) . As shown in FIG. 11, the inline frame 3313 has the same size as a visible window 3312 of the browser 331. In the step B102, a projector 1 is loaded to the inline frame 3313. In the step B103, the projectable space instance 311 in the first machine 31 is loaded to the third machine 33 through the projector 1 (e.g., through a URI of the projectable space instance 311) in order to be parsed by the projector 1. In the step B104, after the projectable space instance 311 is parsed by the projector 1, the entire of the projected workspace 4 is built in a working environment created by the projector 1 according to the parsed contents of the projectable space instance 311. In addition, the projected workspace 4 is embedded in the inline frame 3313. In an embodiment, the projector 1 is at least acquired from a remote data station (not shown) . The way of acquiring the projector 1 is not restricted. For example, in another embodiment, the projector 1 is acquired from an application program (not shown) that is preloaded in the third machine 33 through the projectable space instance 311.

In the step B104, after the projected workspace 4 is built according to the parsed contents of the projectable space instance 311, a webpage content area 24 of the target website 2 is displayed on the projected workspace 4 through the webpage launching tool 51. The webpage content area 24 of the target website 2 has the same size as the projected workspace 4. That is, the entire of the projected workspace 4 is almost covered by the webpage content area 24 of the target website 2 except that a (preset) projected command block 41 of the projected workspace 4 is exposed. That is, only the projected command block 41 is displayed on the webpage content area 24 of the target website 2 (See FIGS. 10 and 11) . By accessing the projected command block 41, the user 82 can interact with the projected workspace 4. In this embodiment, the projected command block 41 is an online customer service icon.

In the step B105, the user 82 taps the online customer service icon, and thus the webpage content area 24 of the target website 2 is shrunken according to the compiled content of the projectable space instance 311. Consequently, another functional block of the projected workspace 4 is displayed on the visible window 3312 of the browser 331 (See FIG. 14) . In this embodiment, the exposed functional block is a customer service functional block 42 corresponding to the online customer service tool 52. As shown in FIG. 14, a plurality of photo images 421 of multiple online customer service officers 83 are included in the functional block 42 to be selected and tapped by the user 82. When the user 82 taps a selected photo image 421, the user 82 can communicate with the corresponding online customer service officer 83 instantly. Consequently, the user 82 and the online customer service officer 83 can cooperatively implement a task. For example, the online customer service officer 83 can answer the user 82 about questions.

Preferably but not exclusively, the cooperative work method on webpage according to the present invention further comprises a step of authenticating the corresponding relationship between the workspace and the target website 2. In particular, the authenticating step is implemented through password authentication. FIG. 15 is a schematic diagram illustrating the operating concept of another relation creating interface corresponding to the workspace. In comparison with FIG. 13, the relationship establishing interface 61’ of FIG. 15 further comprises a password input field 613. According to settings, the password to be inputted into the password input field 613 (correct password) is associated with a partial content of the plug-in code 22. As shown in FIG. 15, the two ends of the dotted line denote the relationship between the password and the partial content of the plug-in code 22. The timing of performing the authenticating step will be illustrated as follows. When the builder 81 of the target website 2 inputs the URI 23 of the target website 2 inputted into the URI input field 611 and inputs the correct password into the password input field 613, the builder 81 of the target website 2 can tap the confirmation button 612 to complete the step of authenticating the corresponding relationship between the workspace and the target website 2.

Another timing of performing the authenticating step will be illustrated as follows. When the user 82 visits the target website 2 through the URI 23 of the target website 2 and the plug-in code 22 added to the webpage source code 21 of the target website 2 is executed, the plug-in code 22 will firstly judge whether there is a workspace corresponding to the target website 2. If the plug-in code 22 judges that there is the workspace corresponding to the target website 2, the plug-in code 22 will drive generation of the inline frame 3313 and thus the subsequent step of projecting the workspace will be performed. The above timings of performing the authenticating step are presented herein for purpose of illustration and description only. However, those skilled in the art will readily observe that numerous modifications and alterations may be made while retaining the teachings of the invention.

As mentioned above, the plug-in code 22 added to the webpage source code 21 of the target website 2 drives generation of the inline frame 3313 that has the same size as the visible window 3312 of the browser 331, and the projected workspace 4 is embedded in the inline frame 3313. Consequently, the URI shown on the address bar 3311 of the browser 331 is still the URI 23 of the target website 2, and the URI of the projectable space instance 311 is not shown. That is, the builder 81 of the target website 2 can provide the function of allowing the user 82 visiting the target website 2 to have an instant online interaction with the online customer service officer 83 of the target website 2. Especially, the image contents displayed on the browser 331 when the user 82 visits the target website 2 through the URI 23 of the target website 2 according to the present invention are almost identical to the image contents displayed on the browser 331 of the target website 2 when the user 82 visits the target website 2 according to the conventional technology. Once the user 82 accesses the projected command block 41, the image contents displayed on the browser 331 are changed and thus a part of the projected workspace 4 is exposed. Moreover, the method and technology of generating the inline frame 3313 are well known to those skilled in the art, and are not redundantly described herein.

Hereinafter, a cooperative work method on webpage according to another embodiment of the present invention will be illustrated with reference to FIGS. 16～18. FIG. 16 is a schematic diagram illustrating a flowchart of the step B of the cooperative work method of FIG. 7 according to another embodiment of the present invention. FIG. 17 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 16 and in the usage situation of FIG. 8 when a user visits the target website through a uniform resource identifier of the target website. FIG. 18 is a schematic diagram illustrating a webpage of a target website in an initial state of the step B of FIG. 16 and in the usage situation of FIG. 8 after the user accesses the projected command block.

In this embodiment, the step B comprises steps B201, B202 and B203. In the step B201, when the user 82 inputs the URI 23 of the target website 2 into an address bar 3311 of the browser 331 to visit the target website 2, the plug-in code 22 added to the webpage source code 21 of the target website 2 parses a part of the projectable space instance 311 by using the projector 1 which is loaded to the third machine 33. Consequently, as shown in FIG. 17, a projected command block 41 corresponding to the part of the projectable space instance 311 (i.e., an online customer service icon) is displayed on a webpage content area 24 of the target website 2. In the step B202, after the user 82 accesses the online customer service icon, the plug-in code 22 added to the webpage source code 21 of the target website 2 will allow the URI 23 of the target website 2 to be redirected to the URI 312 of the projectable space instance 311. That is, the URI 23 of the target website 2 is redirected to the first domain 71 with the workspace. Consequently, the projectable space instance 311 is loaded to the third machine 33 in order to be parsed by the projector 1. Meanwhile, as shown in FIG. 18, the URI shown on the address bar 3311 of the browser 331 is changed from the URI 23 of the target website 2 to the URI 312 of the projectable space instance 311.

In the step B203, after the projectable space instance 311 is parsed by the projector 1, the entire of the projected workspace 4 is built in a working environment created by the projector 1 according to the parsed contents of the projectable space instance 311 and displayed on the visible window 3312 of the browser 331. Moreover, the webpage content area 24 of the target website 2 is displayed on a part of the projected workspace 4 through the webpage launching tool 51, and the customer service functional block 42 corresponding to the online customer service tool 52 is displayed on another part of the projected workspace 4. As shown in FIG. 18, a plurality of photo images 421 of multiple online customer service officers 83 are included in the functional block 42 to be selected and tapped by the user 82. When the user 82 taps a selected photo image 421, the user 82 can communicate with the corresponding online customer service officer 83 instantly. Consequently, the user 82 and the online customer service officer 83 can cooperatively implement a task.

From the above descriptions, the present invention provides a cooperative work method on webpage. A workspace having a configured online customer service tool is connected with a target website. Consequently, it is not necessary to largely change and modify the target website. By the cooperative work method of the present invention, the online customer service function can be provided to the user visiting the target website. In other words, the cooperative work method of the present invention is convenient and cost-effective for the builder of the target website (e.g., any seller, factory or company) . However, those skilled in the art will readily observe that numerous modifications and alterations may be made while retaining the teachings of the invention. For example, in another embodiment, other tools or services can be arbitrarily configured in the workspace that is connected with the target website, so that the user visiting the target website and the target website can cooperatively implement a task. In other words, the present invention provides a working platform for allowing the builder and/or the developer of the target website to extend the tools and services of the target website without spending a lot of money, time and manpower in self-development.

While the invention has been described in terms of what is presently considered to be the most practical and preferred embodiments, it is to be understood that the invention needs not be limited to the disclosed embodiments. On the contrary, it is intended to cover various modifications and similar arrangements included within the spirit and scope of the appended claims which are to be accorded with the broadest interpretation so as to encompass all such modifications and similar structures.

Claims

A cooperative work method on webpage, comprising steps of:

(A) providing a workspace according to a target website, wherein the workspace and the target website are included in different domains； and

(B) projecting at least one part of the workspace when a user visits the target website through a uniform resource identifier of the target website, so that at least one projected command block corresponding to the at least one part of the workspace is displayed on a webpage content area of the target website, wherein the webpage content area of the target website is displayed on a visible window of a browser for launching the target website in a full display mode, wherein when the user accesses the at least one projected command block, at least one functional block of a projected workspace corresponding to the workspace is displayed on the visible window of the browser, so that the user interacts with the projected workspace through the at least one functional block.
The cooperative work method on webpage according to claim 1, wherein the workspace is modeled by a projectable space instance, wherein a plurality of unified matters are combined together into the projectable space instance according to an operational demand, wherein after the projectable space instance is parsed, the projected workspace equips the plurality of unified matters so as to be accessed by the user.
The cooperative work method on webpage according to claim 2, wherein the operational demand includes an online customer service demand, and the user cooperatively implements a task with at least one online customer service officer of the target website through the projected workspace.
The cooperative work method on webpage according to claim 2, wherein the plurality of matters include at least one matterizer, at least one unified tool and/or at least one unified information unit, wherein the at least one unified tool and/or the at least one unified information unit is imported into the projected workspace through the at least one matterizer.
The cooperative work method on webpage according to claim 4, wherein at least one original tool corresponding to the at least one unified tool includes a utility, a widget, an agent, an application, a service or any executable element accessible from a corresponding machine or a server, and/or at least one original information corresponding to the at least one unified information unit includes a file, a web page, a database row, a policy, a rule, a policy of the projected workspace or any information accessible from a corresponding machine or a server.
The cooperative work method on webpage according to claim 1, wherein the step (B) comprises:

(B1) projecting an entire of the workspace when the user visits the target website through the uniform resource identifier of the target website, so that the webpage content area of the target website having the size as the projected workspace is displayed on the projected workspace, wherein when the user accesses the at least one projected command block, the webpage content area of the target website is shrunken, so that the at least one functional block of the projected workspace is exposed and displayed on the visible window of the browser； or

(B2) projecting the at least one part of the workspace when the user visits the target website through a uniform resource identifier of the target website, so that the at least one projected command block corresponding to the at least one part of the workspace is displayed on the webpage content area of the target website, wherein when the user accesses the at least one projected command block, the uniform resource identifier of the target website is redirected to the domain of the workspace to project an entire of the workspace, so that the webpage content area of the target website and the at least one functional block of the projected workspace are displayed on the projected workspace simultaneously.
The cooperative work method on webpage according to claim 6, further comprising a step (C) of establishing a corresponding relationship between the workspace and the target website.
The cooperative work method on webpage according to claim 7, wherein the step (C) further comprises a step (C1) of inputting the uniform resource identifier of the target website into the workspace and adding a plug-in code corresponding to the workspace to a webpage source code of the target website, wherein if the target website is accessed, the plug-in code is executed to project the at least one part of the workspace.
The cooperative work method on webpage according to claim 8, wherein the step (C) further comprises a step (C2) of authenticating the corresponding relationship between the workspace and the target website.
The cooperative work method on webpage according to claim 9, wherein the step (C2) is performed while the uniform resource identifier of the target website is inputted into the workspace, and/or the step (C2) is performed while the plug-in code is executed.
The cooperative work method on webpage according to claim 8, wherein the step (B1) comprises steps of:

generating an inline frame through the plug-in code, wherein the inline frame has the same size as the visible window of the browser for launching the target website； and

using a projector to parse a projectable space instance for modeling the workspace so as to build a working environment, wherein the projected workspace is executed in the working environment, and the projected workspace is embedded in the inline frame.
The cooperative work method on webpage according to claim 8, wherein the step (B2) comprises steps of:

allowing the uniform resource identifier of the target website to be redirected to a uniform resource identifier of a projectable space instance through the plug-in code, wherein the projectable space instance is used for modeling the workspace； and

using a projector to parse the projectable space instance so as to build a working environment, wherein the projected workspace is executed in the working environment.
The cooperative work method on webpage according to claim 1, wherein the at least one projected command block has an icon, wherein when the user taps the icon, the at least one functional block of the projected workspace is displayed on the visible window of the browser.
A cooperative work method on webpage, comprising steps of:

(A) providing a projectable space instance for modeling a workspace according to a target website, wherein a plurality of unified matters are combined together into the projectable space instance according to an operational demand； and

(B) projecting at least one part of the workspace when a user visits the target website through a uniform resource identifier of the target website, so that at least one projected command block corresponding to the at least one part of the workspace is displayed on a webpage content area of the target website, wherein the webpage content area of the target website is displayed on a visible window of a browser for launching the target website in a full display mode, wherein when the user accesses the at least one projected command block, at least one functional block of a projected workspace corresponding to the workspace is displayed on the visible window of the browser, so that the user interacts with the projected workspace through the at least one functional block.
The cooperative work method on webpage according to claim 14, wherein the projectable space instance and the target website are included in different domains.
The cooperative work method on webpage according to claim 14, wherein the operational demand includes an online customer service demand, and the user cooperatively implements a task with at least one online customer service officer of the target website through the projected workspace.
The cooperative work method on webpage according to claim 14, wherein the plurality of matters include at least one matterizer, at least one unified tool and/or at least one unified information unit, wherein the at least one unified tool and/or the at least one unified information unit is imported into the projected workspace through the at least one matterizer.
The cooperative work method on webpage according to claim 17, wherein at least one original tool corresponding to the at least one unified tool includes a utility, a widget, an agent, an application, a service or any executable element accessible from a corresponding machine or a server, and/or at least one original information corresponding to the at least one unified information unit includes a file, a web page, a database row, a policy, a rule, a policy of the projected workspace or any information accessible from a corresponding machine or a server.
The cooperative work method on webpage according to claim 14, wherein the step (B) comprises:

(B1) projecting an entire of the workspace when the user visits the target website through the uniform resource identifier of the target website, so that the webpage content area of the target website having the size as the projected workspace is displayed on the projected workspace, wherein when the user accesses the at least one projected command block, the webpage content area of the target website is shrunken, so that the at least one functional block of the projected workspace is exposed and displayed on the visible window of the browser； or

(B2) projecting the at least one part of the workspace when the user visits the target website through a uniform resource identifier of the target website, so that the at least one projected command block corresponding to the at least one part of the workspace is displayed on the webpage content area of the target website, wherein when the user accesses the at least one projected command block, the uniform resource identifier of the target website is redirected to the domain of the workspace to project an entire of the workspace, so that the webpage content area of the target website and the at least one functional block of the projected workspace are displayed on the projected workspace simultaneously.
The cooperative work method on webpage according to claim 19, further comprising a step (C) of establishing a corresponding relationship between the workspace and the target website.
The cooperative work method on webpage according to claim 20, wherein the step (C) further comprises a step (C1) of inputting the uniform resource identifier of the target website into the workspace and adding a plug-in code corresponding to the workspace to a webpage source code of the target website, wherein if the target website is accessed, the plug-in code is executed to project the at least one part of the workspace.
The cooperative work method on webpage according to claim 21, wherein the step (C) further comprises a step (C2) of authenticating the corresponding relationship between the workspace and the target website.
The cooperative work method on webpage according to claim 22, wherein the step (C2) is performed while the uniform resource identifier of the target website is inputted into the workspace, and/or the step (C2) is performed while the plug-in code is executed.
The cooperative work method on webpage according to claim 21, wherein the step (B1) comprises steps of:

generating an inline frame through the plug-in code, wherein the inline frame has the same size as the visible window of the browser for launching the target website； and

using a projector to parse the projectable space instance so as to build a working environment, wherein the projected workspace is executed in the working environment, and the projected workspace is embedded in the inline frame.
The cooperative work method on webpage according to claim 21, wherein the step (B2) comprises steps of:

allowing the uniform resource identifier of the target website to be redirected to a uniform resource identifier of the projectable space instance through the plug-in code； and

using a projector to parse the projectable space instance so as to build a working environment, wherein the projected workspace is executed in the working environment.
The cooperative work method on webpage according to claim 24, wherein the at least one projected command block has an icon, wherein when the user taps the icon, the at least one functional block of the projected workspace is displayed on the visible window of the browser.