CN112783488B

CN112783488B - Business mode canvas drawing method and device

Info

Publication number: CN112783488B
Application number: CN201911089644.1A
Authority: CN
Inventors: 司徒健聪
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2019-11-08
Filing date: 2019-11-08
Publication date: 2023-09-29
Anticipated expiration: 2039-11-08
Also published as: CN112783488A

Abstract

The embodiment of the application discloses a business mode canvas drawing method and device, wherein the embodiment of the application can display a business mode canvas drawing page, the business mode canvas drawing page comprises a canvas view and an element component list, the canvas view comprises a construction area corresponding to a plurality of business mode constituent elements, and the element component list comprises at least one canvas element component of the business mode constituent elements; when the dragging operation of a user on the canvas element component is detected, and the target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area; a target business mode canvas is generated from canvas element components within the construction area. In the embodiment, the drawing is performed in the canvas view with the construction area divided in advance by using the canvas element component corresponding to the business mode constituent element, so that the drawing efficiency of the business mode canvas can be improved.

Description

Business mode canvas drawing method and device

Technical Field

The application relates to the technical field of computers, in particular to a business mode canvas drawing method and device.

Background

The business model canvas is a tool for carrying out business model analysis, which is commonly used at present, and can help entrepreneurs to bring creative, reduce guesses and ensure that the entrepreneurs find out target users and reasonably solve problems. It can normalize elements in business models and emphasize interactions between elements.

However, there is no specialized product for drawing a business mode canvas, and users can only draw a business mode canvas using general drawing software, which does not have standard business mode canvas elements and base map partitions and is complex to operate. Thus, drawing a business mode canvas using existing generic drawing software is inefficient.

Disclosure of Invention

In view of this, the embodiment of the application provides a method and a device for drawing a business mode canvas, which can improve the efficiency of drawing the business mode canvas.

In a first aspect, an embodiment of the present application provides a business mode canvas drawing method, including: a step of

Displaying a business mode canvas drawing page, wherein the business mode canvas drawing page comprises a canvas view and an element component list, the canvas view comprises a construction area corresponding to a plurality of business mode constituent elements, and the element component list comprises at least one canvas element component of the business mode constituent elements;

When the dragging operation of a user on the canvas element component is detected, and the target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area;

and generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements.

In an embodiment, the canvas view comprises a panoramic view; when detecting that a drag operation of a user on the canvas element component is performed and a target position of the drag operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area, including:

when the dragging operation of a user on the canvas element component in the element component list is detected, and the target position of the dragging operation is positioned in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area;

generating a target business mode canvas according to canvas elements in a construction area corresponding to the business mode constituent elements, wherein the target business mode canvas comprises:

And generating a panoramic view of the target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements.

In one embodiment, the canvas view further comprises an element detail view of the business component;

when detecting that a user performs a drag operation on a canvas element component in the element component list, and a target position of the drag operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area, and further including:

according to the panoramic view, canvas elements corresponding to the business mode constituent elements in the panoramic view are displayed in the element detail view, and the element detail view comprises a sub-construction area corresponding to at least one business mode sub-element;

when the dragging operation of a user on the canvas element in the element detail view is detected, and the target position of the dragging operation is located in a sub-construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position in the sub-construction area;

generating a target business mode canvas according to canvas elements in a construction area corresponding to the business mode constituent elements, and further comprising;

And generating an element detail view of the target business mode canvas according to canvas elements in the sub-construction area corresponding to the business mode sub-elements.

In one embodiment, the canvas view comprises an element detail view, and the business model constituent element comprises at least one business model sub-element;

displaying a business mode canvas drawing page, the business mode canvas drawing page comprising a canvas view and an element component list, the canvas view comprising a construction area corresponding to a plurality of business mode constituent elements, the element component list comprising at least one canvas element component of the business mode constituent elements, comprising:

and displaying a business model canvas drawing page, wherein the business model canvas drawing page comprises an element detail view and an element component list, the element detail view comprises a sub-construction area corresponding to at least one business model sub-element, and the element component list comprises at least one canvas element component of the business model sub-element.

In an embodiment, when a drag operation of a user on the canvas element component is detected, and a target position of the drag operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area, including:

When the dragging operation of a user on a canvas element component in the element component list is detected, and the target position of the dragging operation is located in a sub-construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the sub-construction area;

In an embodiment, the canvas view further comprises a panoramic view, the panoramic view comprising a construction area corresponding to a plurality of business model components;

when the drag operation of the user on the canvas element component is detected, and the target position of the drag operation is located in the construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the construction area, and further comprising:

displaying canvas elements in the element detail view in a construction area corresponding to the business mode constituent elements in the panoramic view according to the business mode constituent elements expressed by the element detail view;

When the dragging operation of a user on the canvas element component in the element component list is detected, and the target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the panoramic view;

generating a target business mode canvas according to canvas elements in a construction area corresponding to the business mode constituent elements, and further comprising:

In an embodiment, the canvas view comprises an environmental analysis view;

a business mode canvas drawing page is displayed, the business mode canvas drawing page comprising an environmental analysis view and an element component list, the environmental analysis view comprising a construction area corresponding to a plurality of business mode related environmental factors, the element component list comprising at least one canvas element component of the related environmental factors.

In an embodiment, the canvas view comprises an environmental analysis view;

when detecting that a drag operation of a user on the canvas element component is performed and a target position of the drag operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area, including:

when the dragging operation of a user for the canvas element component is detected, and the target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position in the construction area corresponding to the relevant environmental factor;

and generating an environment analysis view of the target business mode canvas according to canvas elements in the construction area corresponding to the relevant environment factors.

In an embodiment, the business mode canvas drawing page further comprises a view selection control, further comprising:

and when the canvas view selection operation of the user for the view selection control is detected, displaying the canvas view selected by the user and an element component list in the business mode drawing page, wherein the element component list comprises a plurality of canvas element components corresponding to the canvas view.

In an embodiment, the list of element components further includes custom element components;

when the drag operation of the user on the canvas element component is detected, and the target position of the drag operation is located in the construction area corresponding to the canvas element component, before the canvas element corresponding to the canvas element component is displayed at the target position of the construction area, the method further comprises:

updating and displaying the user-edited custom element components in the element component list based on the editing operation of the user on the custom element components;

when the dragging operation of a user for the canvas element component is detected, and the target position of the dragging operation is positioned in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area, wherein the method comprises the steps of;

when the drag operation of the user on the custom element component is detected, and the target position of the drag operation is located in the construction area of the canvas view, the custom element corresponding to the canvas element component is displayed at the target position of the construction area.

In one embodiment, before generating the target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements, the method further comprises:

Based on the editing triggering operation of the user in the canvas view, displaying an editing list, wherein the editing list comprises a plurality of editing controls;

and editing the canvas element based on the selection operation of the user on the editing control.

In an embodiment, the editing control further includes a connection control, and editing the canvas element based on a selection operation of the user on the editing control includes:

based on the selection operation of the user on the connection control, displaying a connection identification list, wherein the connection identification list comprises a plurality of connection identification controls with different connection directions;

setting the canvas element to an identifiable state based on connection direction selection operation of a user on the connection identification control;

and based on the selection operation of the user on the identifiable canvas elements, sequentially connecting the canvas elements selected by the user according to the connection direction selected by the user.

In one embodiment, before displaying a business mode canvas drawing page, the business mode canvas drawing page includes a canvas view including a construction area corresponding to a plurality of business mode constituent elements and an element component list including at least one canvas element component of the business mode constituent elements, the method further includes:

Displaying a canvas template page, the canvas template page comprising a plurality of canvas templates;

acquiring a target canvas template selected by a user based on the selection operation of the user on the canvas template;

and displaying the business mode drawing page based on the target canvas template, wherein the business mode drawing page comprises a canvas view generated according to the target canvas template.

In an embodiment, the canvas template page further includes a sharing control, and after generating the target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent element, the method further includes:

acquiring the target business mode canvas based on the triggering operation of the user on the sharing control;

displaying a sharing setting page based on the target business mode canvas, wherein the sharing setting page comprises a confirmation control;

and sharing the target business mode canvas based on the triggering operation of the user on the confirmation control.

In a second aspect, embodiments of the present application provide a business mode canvas rendering apparatus comprising:

the display unit is used for displaying a business mode canvas drawing page, wherein the business mode canvas drawing page comprises a canvas view and an element component list, the canvas view comprises construction areas corresponding to a plurality of business mode constituent elements, and the element component list comprises at least one canvas element component of the business mode constituent elements;

The drawing unit is used for displaying canvas elements corresponding to the canvas element components at the target positions of the construction areas when the dragging operation of the user on the canvas element components is detected and the target positions of the dragging operation are located in the construction areas corresponding to the canvas element components;

and the generating unit is used for generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements.

In a third aspect, embodiments of the present application provide a storage medium having a computer program stored thereon that, when run on a computer, causes the computer to perform a business mode canvas drawing method as provided by any of the embodiments of the present application.

The embodiment of the application can display a business mode canvas drawing page, wherein the business mode canvas drawing page comprises a canvas view and an element component list, the canvas view comprises a construction area corresponding to a plurality of business mode constituent elements, and the element component list comprises at least one canvas element component of the business mode constituent elements; when the dragging operation of a user on the canvas element component is detected, and the target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area; and generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements. In the embodiment, the drawing is performed in the canvas view with the construction area divided in advance by using the canvas element component corresponding to the business mode constituent element, so that the drawing efficiency of the business mode canvas can be improved.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the description of the embodiments will be briefly described below, it being obvious that the drawings in the following description are only some embodiments of the present application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.

Fig. 1 is an application scenario schematic diagram of a business mode canvas drawing method according to an embodiment of the present application.

FIG. 2a is a first flow diagram of a business mode canvas rendering method provided by an embodiment of the present application.

FIG. 2b is a second flow diagram of a business mode canvas rendering method provided by an embodiment of the present application.

FIG. 2c is a third flow diagram of a business mode canvas rendering method provided by an embodiment of the present application.

FIG. 3a is a schematic diagram of a first business mode canvas rendering device according to an embodiment of the present application.

FIG. 3b is a schematic diagram of another construction of a first business mode canvas rendering device provided in an embodiment of the present application.

Fig. 4 is a schematic structural diagram of a transmitting terminal according to an embodiment of the present application.

FIG. 5a is a schematic diagram of a business mode canvas drawing page displaying a panoramic view provided by an embodiment of the present application.

FIG. 5b is a schematic drawing of a page of a business model canvas displaying an element detail view provided by an embodiment of the present application.

FIG. 5c is a schematic drawing of a business model canvas displayed with an environmental analysis view provided by an embodiment of the present application.

FIG. 5d is a schematic diagram of a canvas template page provided by an embodiment of the present application.

FIG. 5e is a schematic diagram of an infrastructure of a business mode canvas rendering method provided by an embodiment of the present application.

Detailed Description

The following description of the embodiments of the present application will be made clearly and completely by grouping the drawings in the embodiments of the present application, and it is apparent that the described embodiments are only some embodiments of the present application, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to fall within the scope of the application.

The embodiment of the application provides a business mode canvas drawing method and device.

Wherein, the business model canvas (Business Model Canvas) integrates nine key components related to the business model into one canvas, can flexibly draw or design the business model, can normalize elements in the business model and emphasize interaction among the elements.

The embodiment of the invention provides a business mode canvas drawing system, which comprises the business mode canvas drawing device provided by any one of the embodiments of the invention, wherein the business mode canvas drawing device can be integrated in network equipment, such as terminal equipment. The terminal equipment can be mobile phones, tablet computers, notebook computers and other terminal equipment, and can also be wearable equipment, intelligent sound boxes, intelligent household appliances and other intelligent terminals.

For example, referring to FIG. 1, the business mode canvas rendering system may include other devices, such as servers and the like.

The terminal device may display a business mode canvas drawing page including a canvas view including a construction area corresponding to a plurality of business mode constituent elements and an element component list including at least one canvas element component of the business mode constituent elements; when the dragging operation of a user on the canvas element component is detected, and the target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area; and generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements. In the embodiment, the drawing is performed in the canvas view with the construction area divided in advance by using the canvas element component corresponding to the business mode constituent element, so that the drawing efficiency of the business mode canvas can be improved.

The following will describe in detail. The order of the following examples is not limited to the preferred order of the examples.

In one embodiment, the description will be from the perspective of a first business mode canvas rendering device, which may be specifically integrated in a terminal.

As shown in fig. 2a, a business mode canvas drawing method is provided, which can be executed by a processor in a terminal device, and the specific flow can be as follows:

101. a business mode canvas drawing page is displayed, the business mode canvas drawing page comprising a canvas view including a construction area corresponding to a plurality of business mode constituent elements and an element component list including at least one canvas element component of the business mode constituent elements.

In an embodiment, the business mode canvas drawing page can be displayed based on the operation of the user on the terminal, for example, the interface of the server can be acquired based on the input operation of the user on the browser of the terminal, a page acquisition request is sent to the server, and the business mode canvas drawing page is displayed based on the data returned by the server according to the page acquisition request.

The business model refers to various transaction relations and connection modes existing between enterprises, departments of the enterprises, even customers and channels, and describes the basic principles of creating value, transmitting value and acquiring value of the enterprises.

A business model canvas is a tool for visually describing the connections between the constituent elements of a business model.

The construction area refers to an area for displaying business model constituent elements in the business model canvas. Business model components typically include, among other things, key Partners (Key components), key Activities (Key Activities), value assertions (Key Propoitions), customer relationships (Customer Relationships), channel passages (Channels), customer segments (Customer segments), cost structures (Cost structures), and Revenue sources (Revenue Streams).

The canvas element component is a tool for drawing canvas elements in the corresponding area of the canvas view, the canvas element component is preset by a developer according to the industry field of business, the developer obtains all possible canvas elements in the industry at present according to the classical business mode of the industry field of business, and the canvas element component is set according to the general canvas elements. For example, a developer can obtain the income sources of the electronic commerce industry including canvas elements such as self-owned commodity income, advertising income, platform use cost, deposit fee and the like according to the classical business model of the electronic commerce industry.

Wherein the canvas element is a concrete representation of a business model constituent element, for example, the income source element can comprise concrete representations of self-service commodity income, advertising income, platform use cost, deposit fee and the like.

In one embodiment, the canvas view comprises a panoramic view of a business mode canvas, the panoramic view comprising a construction area corresponding to nine business mode constituent elements, the business mode canvas drawing page comprising a panoramic view and a list of element components, the list of element components comprising at least one canvas element component of the business mode constituent elements.

In an embodiment, referring to fig. 5a, for convenience of a user to distinguish between different construction areas of a panoramic view, a panoramic view base map may be displayed in the panoramic view, the panoramic view base map including the dividing lines of the construction areas and having names of corresponding business model components displayed within the construction areas.

In one embodiment, to facilitate user resolution of the business model components corresponding to the canvas element, the canvas element components may be divided into nine groups according to their corresponding business model components, with at least one canvas element component of each group of dependent business model components.

In one embodiment, as shown in fig. 5a, in order to improve the display effect of the element component list display, each group of canvas element components may be folded, a group identifier of each group of canvas element components is displayed, and when a clicking operation of a user on the group identifier is detected, each group of canvas element components is unfolded and displayed in the element component list. Wherein the group identity may be named with the business model constituent element to which the canvas element component corresponds, e.g., the group identity may be a "value claim component". Of course, the expanded canvas element component may also be collapsed by clicking the group identifier again. The folding and unfolding actions can be realized through animation, and the clicking operation of the user on the group identifier can trigger the animation to play.

In an embodiment, the canvas view further includes an element detail view of a business model canvas, as shown in fig. 5b, the business model constituent element includes a plurality of business model sub-elements, the business model canvas drawing page includes an element detail view including sub-construction areas corresponding to the plurality of business model sub-elements, and an element component list including at least one canvas element component of the business model sub-elements.

Where the business model sub-elements are sub-elements for constructing the business model components, for example, the value claims may include three sub-elements of a value added engine (Gain creator), products and Services (products & Services), and Pain relief drugs (Pain Relievers), and the customer relationship may include three sub-elements of customer harvest (Gains), customer work (Customers Jobs), and customer Pain (paint).

In an embodiment, referring to FIG. 5b, the element detail view may include a value detail view and a customer detail view, wherein the value detail view includes a sub-construction area corresponding to three business model sub-elements of the value claim, the customer detail view includes a sub-construction area corresponding to three business model sub-elements of the customer relationship, and the element detail view further includes an element component list, wherein the element component list includes canvas element components of at least one of the business model sub-elements.

In an embodiment, as shown in fig. 5b, in order to improve the display effect of the element component list display, each group of picture element components may be folded, a group identifier of each group of picture element components is displayed, and when a clicking operation of a user on the group identifier is detected, each group of picture element components is unfolded and displayed in the element component list. Wherein the group identifier may be named with a business model sub-element corresponding to the canvas element component, e.g., the group identifier may be a "value added engine component".

In an embodiment, as shown in fig. 5b, the value details may be displayed in the same view as the customer details, which may be referred to as a value-customer view, which may be divided into different value detail areas and customer detail areas for showing the value details and customer details, respectively.

In an embodiment, as shown in fig. 5b, in order to indicate a relationship between the element detail view and the business model component element in the panoramic view, a thumbnail of the panoramic view (or a thumbnail of the panoramic view base map) may be displayed in the element detail view, and the element detail view and the corresponding construction area in the panoramic view may be connected by using an arrow or the like connection symbol, where the corresponding construction area refers to a construction area corresponding to the business model component element represented by the view in the panoramic view.

In one embodiment, as shown in FIG. 5c, the canvas view further comprises an environmental analysis view, wherein the environmental analysis view comprises a construction area corresponding to a plurality of business model related environmental factors, and the business model canvas drawing page comprises an environmental analysis view and an element component list, wherein the element component list comprises at least one canvas element component of the related environmental factors.

The relevant environmental factors refer to external environmental factors relevant to business model operation, wherein the relevant environmental factors can comprise factors such as market influence, behavior influence, key trend, macroscopic economic influence and the like.

In an embodiment, as shown in fig. 5c, in order to improve the display effect of the element component list display, each group of picture element components may be folded, a group identifier of each group of picture element components is displayed, and when a clicking operation of a user on the group identifier is detected, each group of picture element components is unfolded and displayed in the element component list. Wherein the group identifier may be named by the name of the associated environmental factor to which the canvas element component corresponds, e.g., the group identifier may be a "market influence component".

In an embodiment, the business mode canvas drawing page further comprises a view selection control, and when a canvas view selection operation of a user for the view selection control is detected, a canvas view selected by the user and an element component list are displayed in the business mode drawing page, wherein the element component list comprises a plurality of canvas element components corresponding to the canvas view.

The canvas view may include a panoramic view, an element detail view, and an environment analysis view, and regions in the panoramic view, the element detail view, and the environment analysis view are divided, and element component lists corresponding to different views are referred to the above embodiments and are not described herein.

In an embodiment, the element component list further includes a custom element component, where a user may edit the custom element component to obtain a canvas element specific to the user, and the method specifically includes the following steps:

and updating and displaying the custom element assembly edited by the user in the element assembly list based on the editing operation of the user on the custom element assembly.

In one embodiment, before displaying a business mode canvas drawing page, the business mode canvas drawing page comprising a canvas view and an element component list, the canvas view comprising a construction area corresponding to a plurality of business mode constituent elements, the element component list comprising at least one canvas element component of the business mode constituent elements, the business mode canvas drawing method of the present invention further comprises the steps of:

In one embodiment, canvas template data may be obtained from a database of a server based on user operations on the terminal and a canvas template page may be displayed in the terminal page according to the canvas template data.

102. And when the dragging operation of the user on the canvas element component is detected, and the target position of the dragging operation is positioned in a construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the construction area.

In an embodiment, where the canvas view comprises a panoramic view, the business model rendering page comprises a panoramic view and an element component list comprising a plurality of canvas element components for rendering the view, the user rendering the panoramic view may comprise the steps of:

and when the dragging operation of a user on the canvas element component in the element component list is detected, and the target position of the dragging operation is positioned in a construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the construction area.

In an embodiment, the canvas view includes an element detail view of the business model constituent element, the terminal may generate a partial element detail view according to the panoramic view drawn by the user, and the process steps may specifically further include the following steps:

and when the dragging operation of the user on the canvas element in the element detail view is detected, and the target position of the dragging operation is positioned in the sub-construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position in the sub-construction area.

In an embodiment, referring to fig. 5b, the element detail view may include a value-client view, the terminal may generate a value detail view according to a value claim element in the panoramic view, and generate a client detail view according to a client relationship element, where a canvas element corresponding to the value claim element may be automatically displayed in only one sub-construction area of the value detail view, and may be moved into the corresponding sub-construction area based on a drag operation of a user on the canvas element in the sub-construction area. Of course, the canvas elements corresponding to the client relationship elements are also the same, and will not be described in detail.

In one embodiment, the canvas view includes an element detail view, and the business model drawing page displays an element detail view and an element assembly list, wherein the element assembly list includes a plurality of canvas element assemblies for drawing the view, and the user draws the element detail view, which specifically includes the following steps:

and when the dragging operation of a user on the canvas element component in the element component list is detected, and the target position of the dragging operation is positioned in the sub-construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the sub-construction area.

In an embodiment, the canvas view further comprises a panoramic view, and the terminal can generate a part of the panoramic view according to the element detail view, and specifically comprises the following steps of:

and when the drag operation of the user on the canvas element component in the element component list is detected, and the target position of the drag operation is positioned in the construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the panoramic view.

In one embodiment, the canvas view further comprises an environment analysis view, and the business mode canvas drawing page displays the environment analysis view and an element component list, wherein the element component list comprises a plurality of canvas element components for drawing the view, and the user draws the environment analysis view, and the method specifically comprises the following steps of:

and when the dragging operation of the user on the canvas element component is detected, and the target position of the dragging operation is positioned in the construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position in the construction area corresponding to the relevant environment factor.

When the drag operation of the user on the canvas element component in the element component list is detected, and the target position of the drag operation is located in the construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the construction area, the method specifically comprises the following steps:

triggering to acquire canvas elements when detecting clicking operation of a user on canvas element components in the element component list;

when detecting that the dragging operation of the user in the canvas view is finished, acquiring the last position of the pushing operation of the user as a target position of the dragging operation of the user;

Judging whether a target position of a dragging operation is positioned in a construction area corresponding to the canvas element component based on a preset corresponding relation between the construction area and the canvas element component;

if yes, displaying the canvas element corresponding to the canvas element component at the target position of the construction area.

Wherein the drag operation of the user starts when the click operation of the canvas element in the element list by the user is detected, and ends when the release operation of the user in the canvas view (wherein the release operation can be represented as an operation of releasing the mouse) is detected.

The preset corresponding relation actually refers to the corresponding relation between the business model constituent elements corresponding to the construction area and the canvas element components.

In an embodiment, when a drag operation of a user on a canvas element component in the element component list is detected, and a target position of the drag operation is not located in a construction area corresponding to the canvas element component, prompt information such as "drag operation invalid" is displayed.

In an embodiment, in order to improve the display effect of the canvas view and prevent the canvas elements from being blocked, when detecting that the canvas element is at the last position of the user drag operation and there is a possibility of being blocked with other canvas elements of which positions have been determined in the current canvas view, the terminal may move the canvas element of which positions are to be determined along the direction of the connecting line between the drag last position and the canvas element of which positions have been determined, so that the mutual blocking can be prevented.

In an embodiment, when a drag operation of a user on a canvas element in the element detail view is detected, and a target position of the drag operation is located in a sub-construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position in the sub-construction area may include the following steps:

when detecting the clicking operation of a user on the canvas element in the element detail view, acquiring the canvas element clicked by the user, and deleting the canvas element in the element detail view;

The specific step of dragging the canvas element in other canvas views refers to the step of dragging the canvas element in the element details, and will not be described in detail.

In an embodiment, the element component list further includes a custom element component, and the user may draw the canvas view through the custom element component, which may specifically include the following steps:

In an embodiment, the canvas element in the canvas view may be edited according to the user operation, which may specifically include the following steps:

In one embodiment, the edit triggering operation may be performed by clicking the right mouse button.

In an embodiment, the editing control includes an attribute setting control, and setting a canvas element attribute may add a user personal characteristic to the business mode canvas, and edit the canvas element based on a selection operation of the editing control by a user, which may specifically include the following steps:

Based on the selection operation of the user on the attribute setting control, displaying an attribute selection list, wherein the attribute selection list comprises a plurality of attribute selection controls;

based on the selection operation of the user on the attribute selection control, the attribute of the canvas element is updated to be the attribute selected by the user.

Wherein the attributes of the canvas element include basic attributes of color, font size, etc. of the canvas element.

The attribute setting control is an instruction interface for triggering setting of the attributes of canvas elements, and the attribute setting control can comprise a color setting control, a font size setting control and the like.

Wherein the attribute selection control is an instruction interface for determining the attribute of the canvas element, and the attribute selection control can comprise a color selection control, a font selection control, a word size selection control and the like. For example, the color selection controls may include red, green, white, etc. selection controls, the font selection controls may include Song Ti, regular script, etc. selection controls, and the font size selection controls may include large, medium, small, etc. selection controls.

In an embodiment, the editing control further includes a combination control, and the canvas elements are combined according to the range hierarchical relationship, so that the range hierarchical relationship between the canvas elements can be more intuitively displayed, and the canvas elements are edited based on the selection operation of the user on the editing control, which specifically includes the following steps:

Based on the selection operation of the user on the combination control, displaying a combination mode list, wherein the combination mode list comprises a plurality of combination mode controls;

setting the canvas element to be in a combinable state based on the selection operation of the user on the combination mode control;

and combining the canvas elements selected by the user according to a combination mode selected by the user based on the selection operation of the user on the combinable canvas elements.

The combination modes can comprise parallel relations, subordinate relations, inclusion relations and the like. As shown in fig. 5a, the company B has a subordinate relationship with the company 1, and the company 1 has a parallel relationship with the company 2 and the company 3.

In an embodiment, in order to improve the display effect of the canvas element, the slave canvas element of the canvas element may be folded to display only the "master" canvas element, for example, the subsidiary 1, the subsidiary 2 and the subsidiary 3 of the subsidiary B are folded to display only the subsidiary B, and when the click operation of the user on the subsidiary B is detected, the subsidiary 1, the subsidiary 2 and the subsidiary 3 are unfolded and displayed in the canvas view, and of course, the slave canvas element may also be folded again based on the click operation of the user on the subsidiary B. Wherein the collapse and expansion of the slave canvas element may be implemented using animation, and the "master" canvas element (e.g., company B) may be used as an instruction interface for the collapse and expansion.

In an embodiment, the editing control further includes a connection control, and the canvas elements are connected by using an ordered connection identifier (such as an arrow), so that a logical relationship between the canvas elements can be intuitively displayed, and the canvas elements are edited based on a selection operation of a user on the editing control, which specifically includes the following steps:

Wherein the connection identifier is an identifier for sequentially connecting canvas elements to represent an association relationship between the canvas elements. The connection identity may be represented by a symbol such as an arrow. As shown in fig. 5a, the subsidiary 2 is connected with the special process a by a right arrow, which may indicate that the subsidiary 2 may provide the special process a.

The connection identifier may include a plurality of different connection directions, for example, the connection direction may include pointing from a first location to a second location, pointing from the second location to the first location, the first location and the second location pointing toward each other. The connection identifiers of different connection directions can be represented by left arrow, right arrow, double arrow, etc.

In one embodiment, the user may select a "left arrow" in the connection identity list, and then the user clicks on two canvas elements in the canvas view in succession, with the left arrow connecting the two canvas elements displayed in the canvas view, i.e., the arrow points from the canvas element of the second click to the canvas element of the first click.

103. And generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements.

In an embodiment, the canvas view comprises a panoramic view, and generating a target business model canvas according to canvas elements in a construction area corresponding to the business model constituent elements comprises:

In an embodiment, the canvas view further includes an element detail view, and generating a target business mode canvas according to canvas elements in a construction area corresponding to the business mode constituent element, further includes:

In an embodiment, the canvas view further includes an environment analysis view, and generating a target business model canvas according to canvas elements in a construction area corresponding to the business model constituent elements, further includes:

In an embodiment, the canvas template page further includes a sharing control, and after generating the target business mode canvas according to the canvas elements in the construction area corresponding to the business mode constituent element, the target business mode canvas may be further shared into a server, which may specifically include the following steps:

From the above, the embodiment of the present application may display a business mode canvas drawing page, where the business mode canvas drawing page includes a canvas view and an element component list, the canvas view includes a construction area corresponding to a plurality of business mode constituent elements, and the element component list includes at least one canvas element component of the business mode constituent elements; when the dragging operation of a user on the canvas element component is detected, and the target position of the dragging operation is located in a construction area corresponding to the canvas element component, displaying a canvas element corresponding to the canvas element component at the target position of the construction area; and generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements. In the embodiment, the drawing is performed in the canvas view with the construction area divided in advance by using the canvas element component corresponding to the business mode constituent element, so that the drawing efficiency of the business mode canvas can be improved.

As shown in fig. 2b, another business mode canvas drawing method is provided, which can be executed by a processor in a terminal device, and the specific flow can be as follows:

201. A canvas template page is displayed, the canvas template page comprising a plurality of canvas templates.

The terminal can acquire canvas template data from the server through a network, and a canvas template page is generated according to the canvas template data. Wherein the canvas template page includes a thumbnail of the canvas template.

202. And acquiring the target canvas template selected by the user based on the selection operation of the user on the canvas template.

Wherein, a canvas template selection control can be arranged on the canvas template page and used as an instruction interface for acquiring the target canvas template.

Referring to FIG. 5d, for convenience of a user to intuitively resolve the canvas templates, a thumbnail of the canvas template may be populated within the canvas template selection control.

203. And displaying the business mode drawing page based on the target canvas template, wherein the business mode drawing page comprises an element component list and a canvas view generated according to the target canvas template, the canvas view comprises construction areas corresponding to a plurality of business mode constituent elements, and the element component list comprises at least one canvas element component of the business mode constituent elements.

Specific steps, refer to the above embodiments, and are not repeated.

204. And when the dragging operation of the user on the canvas element component is detected, and the target position of the dragging operation is positioned in a construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the construction area.

Specific steps, refer to the above embodiments, and are not repeated.

205. And generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements.

Specific steps, refer to the above embodiments, and are not repeated.

206. And sharing the target business mode canvas based on the sharing operation of the user on the target business mode canvas.

In an embodiment, the canvas template page further includes a sharing control, and based on the sharing operation of the user on the target business mode canvas, the sharing of the target business mode canvas may include the following steps:

Specific steps are referred to the above embodiments, and will not be described again.

The method described in the above embodiments will be described in further detail below.

Referring to fig. 2c, in this embodiment, a method of an embodiment of the present application will be described in detail by taking a business mode canvas drawing device integrated in a terminal to perform business mode canvas drawing as an example.

501. The terminal displays a business mode canvas drawing page comprising a canvas view and a list of element components comprising a plurality of canvas element components.

The business mode canvas drawing page is used for drawing by a user and displaying canvas elements drawn by the user in real time.

502. And the terminal displays the canvas element corresponding to the canvas element component in the canvas view based on the dragging operation of the user on the canvas element component.

The canvas view is used for displaying canvas elements drawn by a user in real time, and can comprise a panoramic view, an element detail view and an environment analysis view, and the display view can be switched through a business mode canvas drawing page.

The specific steps of drawing are referred to the above embodiments and will not be described again.

503. And the terminal generates a target business mode canvas according to the canvas elements in the canvas view.

The terminal can generate a panoramic view, an element detail view and an environment analysis view of the target business mode canvas, and can share the generated target business mode canvas with a server or friends of a contact person.

Referring to FIG. 5e, the business model canvas rendering system can be architecturally divided into three layers, namely a system database, a server side and a browser side.

The system database adopts a relational database to store data in a structured form, including user account numbers, canvas files, sharing records, search summaries and the like, and provides data storage capacity for an upper server side.

The server side provides a series of services required by the upper browser side, encapsulates business logic, forms a functional interface, such as account management service, canvas drawing service, canvas storage service and the like, and realizes the functional logic required by the browser side through the services.

The browser end runs in a user browser, and provides a system visual interface for a user to operate. It is divided into three major modules, canvas element component set, canvas multiview component, canvas market. The canvas element component set provides design components required for drawing the business mode canvas, a user can finish element creation in a corresponding business mode canvas area in a dragging mode, the components support self definition, and the user can store commonly used components designed by the user into the system. The canvas multi-view component enables a user to view business mode canvases edited by the user by using different views, including a full-view, a value-client view, an environment analysis view and the like, and can also realize combination and expansion of a plurality of components and drawing connection arrows among the components on the canvases, so that the display effect of the canvases is enhanced. The canvas market provides the functions of putting the canvas on and off, and a user can browse the canvases published by other users, score comments on the canvases and forward the comments to the social platform for sharing.

In an embodiment, there is also provided a business mode canvas drawing apparatus, which may be integrated in a terminal in particular, as shown in fig. 3a, the business mode canvas drawing apparatus may include: the display unit 301, the drawing unit 302, and the generating unit 303 are specifically as follows:

(1) A display unit 301, configured to display a business mode canvas drawing page, where the business mode canvas drawing page includes a canvas view and an element component list, the canvas view includes a construction area corresponding to a plurality of business mode constituent elements, and the element component list includes at least one canvas element component of the business mode constituent elements;

in an embodiment, where the canvas view comprises an element detail view, the display unit 301 may be further configured to:

displaying a business model canvas drawing page, wherein the business model canvas drawing page comprises an element detail view and an element component list, the element detail view comprises a sub-construction area corresponding to at least one business model sub-element, and the element component list comprises at least one canvas element component of the business model sub-element

In an embodiment, the canvas view further comprises an environmental analysis view, and the display unit 301 may be further configured to:

In an embodiment, the business mode canvas drawing page further includes a view selection control, and the display unit 301 may be specifically used for:

(2) And the drawing unit 302 is configured to display, when a drag operation of the user on the canvas element component is detected and a target position of the drag operation is located in a construction area corresponding to the canvas element component, a canvas element corresponding to the canvas element component at the target position of the construction area.

In an embodiment, the drawing unit 302 may be configured to draw a panoramic view, and draw an element detail view according to the panoramic view, and the drawing unit 302 may be specifically configured to:

In an embodiment, the drawing unit 302 may be configured to draw an element detail view, and draw a panoramic view according to the element detail view, and the drawing unit 302 may be specifically configured to:

In an embodiment, the rendering unit 302 may further be configured to render an environmental analysis view, wherein the environmental analysis view 302 may be specifically configured to:

In an embodiment, the rendering unit 302 may also be configured to:

(3) And the generating unit 303 is used for generating a target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements.

In an embodiment, the generating unit 303 may specifically be configured to:

generating a panoramic view of the target business mode canvas according to canvas elements in the construction area corresponding to the business mode constituent elements;

according to canvas elements in the sub-construction area corresponding to the business mode sub-elements, element detail views of the target business mode canvas are generated;

In the implementation, each unit may be implemented as an independent entity, or may be implemented as the same entity or several entities in any combination, and the implementation of each unit may be referred to the foregoing method embodiment, which is not described herein again.

From the above, the embodiment of the invention can improve the efficiency of drawing the business mode canvas by drawing in the canvas view with the construction area divided in advance by using the canvas element component corresponding to the business mode constituent element.

In another embodiment, as shown in fig. 3b, the business mode canvas drawing device may further include a canvas template page display unit 304 and a sharing unit 305, which are specifically as follows:

(4) The canvas template page display unit is used for displaying a canvas template page, and the canvas template page comprises a plurality of canvas templates; acquiring a target canvas template selected by a user based on the selection operation of the user on the canvas template; and displaying the business mode drawing page based on the target canvas template, wherein the business mode drawing page comprises a canvas view generated according to the target canvas template.

(5) The sharing unit 305 is configured to obtain the target business mode canvas based on a triggering operation of a user on a sharing control in the business mode canvas drawing page; displaying a sharing setting page based on the target business mode canvas, wherein the sharing setting page comprises a confirmation control; and sharing the target business mode canvas based on the triggering operation of the user on the confirmation control.

The embodiment of the application also provides a terminal which can be a tablet personal computer, a micro processing box, an unmanned aerial vehicle, or an image acquisition device. As shown in fig. 4, a schematic structural diagram of a terminal according to an embodiment of the present application is shown, specifically:

The terminal may include one or more processing cores 'processors 401, one or more computer-readable storage media's memory 402, power supply 403, input module 404, and communication module 405, among other components. It will be appreciated by those skilled in the art that the terminal structure shown in fig. 4 is not limiting of the terminal and may include more or fewer components than shown, or may combine certain components, or a different arrangement of components. Wherein:

the processor 401 is a control center of the terminal, connects various parts of the entire terminal using various interfaces and lines, and performs various functions of the terminal and processes data by running or executing software programs and/or modules stored in the memory 402 and calling data stored in the memory 402, thereby performing overall monitoring of the terminal. In some embodiments, processor 401 may include one or more processing cores; in some embodiments, processor 401 may integrate an application processor that primarily processes operating systems, user pages, applications, and the like, with a modem processor that primarily processes wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 401.

The memory 402 may be used to store software programs and modules, and the processor 401 executes various functional applications and data processing by executing the software programs and modules stored in the memory 402. The memory 402 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program (such as a sound playing function, an image playing function, etc.) required for at least one function, and the like; the storage data area may store data created according to the use of the terminal, etc. In addition, memory 402 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device. Accordingly, the memory 402 may also include a memory controller to provide the processor 401 with access to the memory 402.

The terminal also includes a power supply 403 for powering the various components, and in some embodiments, the power supply 403 may be logically connected to the processor 401 by a power management system so as to perform functions such as managing charging, discharging, and power consumption by the power management system. The power supply 403 may also include one or more of any of a direct current or alternating current power supply, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and the like.

The terminal may also include an input module 404, which input module 404 may be used to receive entered numeric or character information and to generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control.

The terminal may also include a communication module 405. In some embodiments, the communication module 405 may include a wireless sub-module through which the terminal may perform short range wireless transmissions to provide wireless broadband internet access. For example, the communication module 405 may be used to assist a user in e-mail, browsing web pages, accessing streaming media, and so forth.

Although not shown, the terminal may further include a display unit or the like, which is not described herein. In this embodiment, the processor 401 in the terminal loads executable files corresponding to the processes of one or more application programs into the memory 402 according to the following instructions, and the processor 401 executes the application programs stored in the memory 402, so as to implement various functions as follows:

The specific implementation of each operation above may be referred to the previous embodiments, and will not be described herein.

Those of ordinary skill in the art will appreciate that all or a portion of the steps in the various methods of the above embodiments may be performed by instructions, or by instructions controlling associated hardware, which may be stored in a computer-readable storage medium and loaded and executed by a processor.

To this end, embodiments of the present application provide a storage medium having stored therein a plurality of instructions capable of being loaded by a processor to perform the steps of any of the business mode canvas drawing methods provided by embodiments of the present application. For example, the instructions may perform the steps of:

Wherein the storage medium may include: read Only Memory (ROM), random access Memory (RAM, random Access Memory), magnetic or optical disk, and the like.

The instructions stored in the storage medium can execute the steps in any business mode canvas drawing method provided by the embodiment of the application, so that the beneficial effects of any business mode canvas drawing method provided by the embodiment of the application can be realized, and detailed descriptions of the previous embodiments are omitted.

The method, the device, the terminal and the storage medium for drawing the canvas in the business mode provided by the embodiment of the application are described in detail, and specific examples are applied to the principle and the implementation mode of the application, so that the description of the embodiment is only used for helping to understand the method and the core idea of the application; meanwhile, as those skilled in the art will vary in the specific embodiments and application scope according to the ideas of the present application, the present description should not be construed as limiting the present application in summary.

Claims

1. A business mode canvas drawing method, comprising:

displaying a business mode canvas drawing page, wherein the business mode canvas drawing page comprises a canvas view and an element component list, the canvas view comprises a construction area corresponding to a plurality of business mode components, a panoramic view and an element detail view of the business mode components, and the element component list comprises at least one canvas element component of the business mode components;

2. The business model canvas drawing method according to claim 1, wherein the canvas view comprises an element detail view, and the business model constituent element comprises at least one business model sub-element;

3. The business mode canvas drawing method according to claim 2, wherein when a drag operation of a user with respect to the canvas element component is detected and a target position of the drag operation is located within a construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position of the construction area comprises:

4. The business model canvas drawing method according to claim 3, wherein the canvas view further comprises a panoramic view, the panoramic view comprising construction areas corresponding to a plurality of business model constituent elements;

5. The business mode canvas drawing method according to claim 1, wherein the canvas view comprises an environmental analysis view;

6. The business mode canvas drawing method according to claim 5, wherein the canvas view comprises an environmental analysis view;

7. The business mode canvas rendering method according to claim 1, wherein the business mode canvas rendering page further comprises a view selection control, further comprising:

8. The business model canvas drawing method according to claim 1, wherein the list of element components further comprises custom element components;

9. The business model canvas drawing method according to claim 1, further comprising, before generating a target business model canvas from canvas elements within a construction area corresponding to the business model constituent elements:

10. The business mode canvas drawing method according to claim 8, wherein the editing control further comprises a connection control, the canvas element being edited based on a user selection operation for the editing control, comprising:

11. The business mode canvas drawing method according to claim 1, wherein before displaying a business mode canvas drawing page comprising a canvas view and an element component list, the canvas view comprising construction areas corresponding to a plurality of business mode constituent elements, the element component list comprising at least one canvas element component of the business mode constituent elements, further comprising:

12. The business model canvas drawing method according to claim 10, wherein the canvas template page further comprises a sharing control, and after generating a target business model canvas according to canvas elements in a construction area corresponding to the business model constituent elements, further comprising:

13. A business mode canvas rendering apparatus, comprising:

a display unit, configured to display a business mode canvas drawing page, where the business mode canvas drawing page includes a canvas view and an element component list, the canvas view includes a construction area corresponding to a plurality of business mode constituent elements, a panoramic view, and an element detail view of the business mode constituent elements, and the element component list includes at least one canvas element component of the business mode constituent elements;

a drawing unit, configured to display canvas elements corresponding to the business mode constituent elements in the panoramic view in the element detail view according to the panoramic view, where the element detail view includes a sub-construction area corresponding to at least one business mode sub-element; when the dragging operation of a user on the canvas element in the element detail view is detected, and the target position of the dragging operation is located in a sub-construction area corresponding to the canvas element component, displaying the canvas element corresponding to the canvas element component at the target position in the sub-construction area; according to canvas elements in the sub-construction area corresponding to the business mode sub-elements, element detail views of the target business mode canvas are generated;