CN114201162A

CN114201162A - Graphical programming splicing method and device, electronic equipment and medium

Info

Publication number: CN114201162A
Application number: CN202210154131.XA
Authority: CN
Inventors: 柴明一; 田松召
Original assignee: Beijing Layout Future Education Technology Co ltd
Current assignee: Beijing Layout Future Education Technology Co ltd
Priority date: 2022-02-21
Filing date: 2022-02-21
Publication date: 2022-03-18

Abstract

The application relates to the technical field of graphical programming, in particular to a graphical programming splicing method, a graphical programming splicing device, electronic equipment and a graphical programming splicing medium, wherein the method comprises the steps of monitoring splicing operation of a user on graphical programming building blocks in a graphical programming platform; acquiring codes represented by the spliced graphic programming building blocks; determining a splicing mode of the graphic programming building block according to the splicing operation; the execution logic of the codes is determined according to the splicing mode, and the programming codes can be orderly operated according to the splicing of the graphic programming building blocks.

Description

Graphical programming splicing method and device, electronic equipment and medium

Technical Field

The present application relates to the field of graphical programming technologies, and in particular, to a graphical programming splicing method and apparatus, an electronic device, and a medium.

Background

Compared with the traditional text code programming, the graphical programming can stimulate the interest of learning programming. The graphical programming has the advantages that various numerical values, functions, displays and other functions are changed into icons, and the programming is embodied in a more intuitive form, and the graphical programming is particularly suitable for adolescent students.

However, the logic rules of the codes are complex, and how to orderly run the programming codes through splicing of the graphic programming building blocks is an urgent problem to be solved.

Disclosure of Invention

The application provides a graphical programming splicing method, a graphical programming splicing device, electronic equipment and a graphical programming splicing medium for orderly operating programming codes according to splicing of graphical programming building blocks.

In a first aspect of the present application, a graphical programming stitching method is provided, where the method includes: monitoring splicing operation of a user on the graphic programming building blocks in the graphic programming platform; acquiring codes represented by the spliced graphic programming building blocks; determining a splicing mode of the graphic programming building block according to the splicing operation; and determining the execution logic of the code according to the splicing mode.

By adopting the technical scheme, the operation of the user on the graphical programming platform is monitored, the graphical programming building blocks spliced by the user on the graphical programming platform are obtained, the codes corresponding to the spliced graphical programming building blocks are correspondingly obtained, the execution sequence, namely the execution logic, of the corresponding codes is determined according to the splicing mode among the graphical programming building blocks, and the codes can be orderly executed according to the splicing of the graphical programming building blocks.

Preferably, the splicing mode comprises parallel up-and-down splicing; determining the execution logic of the code according to the splicing mode comprises executing the code according to the up-down sequence of the graphic programming building block when the splicing mode is parallel up-down splicing.

Preferably, the splicing mode comprises internal up-down splicing; determining the execution logic of the code according to the splicing mode, wherein when the splicing mode is internal up-down splicing, the execution logic of the code is that the code represented by the internally spliced graphic programming building block is executed as the internal code of the code represented by the externally spliced graphic programming building block.

Preferably, the splicing mode comprises right side embedded splicing; determining the execution logic of the code according to the splicing mode comprises that when the splicing mode is a right-side embedded splicing mode, the execution logic of the code is an execution condition of the code represented by the right-side embedded graphic programming building block as the code represented by the embedded graphic programming building block.

Preferably, the splicing manner comprises internal embedded splicing; determining the execution logic of the code according to the splicing mode comprises that when the splicing mode is an internal embedded splicing mode, the execution logic of the code takes the code represented by the embedded graphic programming building block as the value of the variable in the code represented by the embedded graphic programming building block.

Preferably, the method further comprises highlighting the outer contour of the graphic programming building block when the spliced graphic programming building block in the graphic programming platform is selected by the user for execution.

In a second aspect of the present application, a graphical programming stitching device is provided, the device comprising: the monitoring module is used for monitoring the splicing operation of a user on the graphic programming building blocks in the graphic programming platform; the code acquisition module is used for acquiring codes represented by the graphic programming building blocks to be executed according to splicing operation of a user; the splicing determining module is used for determining the splicing mode of the graphic programming building block according to the splicing operation; and the execution determining module is used for determining the execution logic of the code according to the splicing mode and the obtained code represented by the graphic programming building block.

Preferably, the graphical programming building block comprises a distinguishing display module and a highlighting display module, wherein the distinguishing display module is used for highlighting the outer contour of the graphical programming building block when a user selects the spliced graphical programming building block in the graphical programming platform to execute.

In a third aspect of the present application, an electronic device is presented, comprising a memory having stored thereon a computer program and a processor implementing the method according to any of the first aspect when executing the program.

In a fourth aspect of the present application, a computer-readable storage medium is presented, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of the first aspect.

Drawings

The above and other features, advantages and aspects of various embodiments of the present application will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. In the drawings, like or similar reference characters designate like or similar elements, and wherein:

fig. 1 shows a block diagram of an electronic device according to an embodiment of the present application.

Fig. 2 is a schematic diagram of a display screen display interface in an embodiment of the present application.

Fig. 3 is a flowchart of a graphical programming splicing method in an embodiment of the present application.

FIG. 4 is a schematic diagram of a graphical programming building block in one embodiment.

FIG. 5 is a schematic diagram of the embodiment in which the graphic programming blocks are spliced side-by-side one above the other.

FIG. 6 is a schematic diagram of the up-and-down splicing inside the graphic programming building block in one embodiment.

FIG. 7 is a diagram illustrating a right side inset mosaic of a graphical programming brick in accordance with an embodiment.

FIG. 8 is a schematic diagram of an embedded splice inside a graphical programming building block according to an embodiment.

FIG. 9 is a schematic block diagram of a graphical programming splice device in an embodiment of the present application.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

Compared with the traditional text code programming, the graphical programming can stimulate the interest of learning programming. The graphic programming has the advantages that various numerical values, functions, display and other functions are changed into icons, the programming is embodied in a more intuitive form, and the graphic programming is particularly suitable for adolescent students, but the logic rule of the code is complex, and the problem that how to orderly operate the programming code by splicing graphic programming building blocks is urgent to solve is solved, so the graphic programming splicing method, the graphic programming splicing device, the electronic equipment and the medium are provided in the application.

Electronic devices include, but are not limited to: at least one of a mobile phone, a foldable electronic device, a notebook computer, a desktop computer, a laptop computer, a handheld computer, an ultra mobile personal computer, a PDA (personal digital assistant), a PAD (tablet), a PMP (portable multimedia player), a Virtual Reality (VR) device, an artificial intelligence (Al) device, a wearable device, an in-vehicle device, an intelligent home device, or a smart city device. The embodiment of the present application does not specifically limit the specific type of the electronic device.

The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 130, a sensor module 140, a display 150, and the like. Wherein the sensor module 140 may include a touch sensor 141, a pressure sensor 142, and the like.

It is to be understood that the illustrated structure of the embodiment of the present application does not specifically limit the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more components (such as a camera, a power supply, an audio module, a USB interface, a headset interface, etc.) or fewer components (such as only the external memory interface 120 or only the internal memory 130) than those shown, or some components may be combined, some components may be separated, or a different arrangement of components may be used. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

Processor 110 may include one or more processing units, such as: the processor 110110 may include a Central Processing Unit (CPU) 110(application processor, AP), a modem processor 110, a Graphic Processing Unit (GPU), a multi-block Neural Processing Unit (NPU), a multi-block Tensor Processing Unit (TPU), or the like. The different processing units may be separate devices or may be integrated into one or more processors 110.

The processor 110 may generate operation control signals according to the instruction operation code and the timing signals, so as to complete the control of instruction fetching and instruction execution.

A memory may also be provided in processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 may be a cache memory. The memory may store instructions or data that have been used or used more frequently by the processor 110. If the processor 110 needs to use the instruction or data, it can be called directly from the memory. Avoiding repeated accesses reduces the latency of the processor 110, thereby increasing the efficiency of the system.

It should be understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is only an illustration, and does not limit the structure of the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection manners or a combination of multiple interface connection manners in the above embodiments.

The electronic device 100 may implement display functions via the GPU, the display screen 150, and the application processor 110, among others. The GPU is a microprocessor 110 for image processing, connected to a display screen 150 and an application processor 110. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or alter display information.

The display screen 150 is used to display images, video, and the like. The display screen 150 includes a display panel. In some embodiments, the electronic device 100 may include 1 or more display screens 150. In the solution provided by the embodiment of the present application, the display screen 150 may be used for presenting services that are recommended by the device through calculation.

Internal memory 130 may be used to store computer-executable program code, which includes instructions. The internal memory 130 may include a program storage area and a data storage area. The storage program area may store an operating system, an application program (such as a sound playing function, an image playing function, etc.) required by at least one function, and the like. The storage data area may store data (such as audio data, phone book, etc.) created during use of the electronic device 100, and the like. In addition, the internal memory 130 may include a high-speed random access memory, and may further include a nonvolatile memory, such as at least one disk memory device, a flash memory device, a universal flash memory (UFS), and the like. The processor 110 executes various functional methods or data processing of the electronic device 100, such as performing a service recommendation method provided by an embodiment of the present application, by executing instructions stored in the internal memory 130 and/or instructions stored in a memory provided in the processor 110.

The pressure sensor 142 is used for sensing a pressure signal and converting the pressure signal into an electrical signal. In some embodiments, the pressure sensor 142 may be disposed on the display screen 150. The pressure sensors 142 may be of various types, such as resistive pressure sensors 142, inductive pressure sensors 142, capacitive pressure sensors 142, and the like. The capacitive pressure sensor 142 may be a sensor including at least two parallel plates having a conductive material. When a force acts on the pressure sensor 142, the capacitance between the electrodes changes. The electronic device 100 determines the strength of the pressure from the change in capacitance. When a touch operation is applied to the display screen 150, the electronic apparatus 100 detects the intensity of the touch operation based on the pressure sensor. The electronic apparatus 100 may also calculate the touched position based on the detection signal of the pressure sensor 142. In some embodiments, when a touch operation with the touch operation intensity smaller than the first pressure threshold value acts on the application icon, the application is considered to be clicked, and the historical click rate of the application is increased.

The touch sensor 141 is also referred to as a "touch device". The touch sensor 141 may be disposed on the display screen 150, and the touch sensor 141 and the display screen 150 form a touch screen, which is also called a "touch screen". The touch sensor 141 is used to detect a touch operation applied thereto or nearby. The touch sensor 141 can communicate the detected touch operation to the application processor 110 to determine the touch event type. Visual output associated with the touch operation may be provided through the display screen 150. In other embodiments, the touch sensor 141 may be disposed on the surface of the electronic device 100 at a different position than the display screen 150.

Optionally, the electronic device 100 may further include other sensors, such as a barometric pressure sensor, a magnetic sensor, a proximity light sensor, an ambient light sensor, and the like.

In the embodiment of the present application, as shown in fig. 2, the content displayed on the display screen, that is, the display content of the graphical programming platform, includes a graphical programming block list 201 and a work area 202, a user may select a corresponding graphical programming block from the list 201 as needed and drag the graphical programming block to the work area 202, and the graphical programming block is tiled and placed according to the own requirement, and the work area 202 executes the codes represented by the graphical programming blocks according to the order of the graphical programming blocks placed by the user, where, how to execute the codes represented by the graphical programming blocks according to the order of the graphical programming blocks placed refers to the following method.

The electronic device applied to the embodiment of the present application is described above with reference to fig. 1 and fig. 2, and based on the electronic device, the graphical programming splicing method provided by the embodiment of the present application is described below.

Fig. 3 is a flowchart illustrating a graphical programming splicing method according to an embodiment of the present application, and as shown in fig. 3, the method includes:

and S301, monitoring splicing operation of the graphical programming building blocks in the graphical programming platform by a user.

In the embodiment of the application, the execution main body for the graphical programming splicing method can monitor the dragging operation of a user on the graphical programming building blocks in the graphical programming platform by monitoring mouse dragging or touch screen dragging, the graphical programming platform comprises a graphical programming building block list and a workbench, and when the user drags the graphical programming building blocks into the workbench for splicing through the graphical programming building block list, the dragging operation of the user on the graphical programming building blocks is monitored in real time.

And step S302, acquiring codes represented by the spliced graphic programming building blocks.

In this embodiment of the application, the graphic programming blocks have been allocated with codes in advance according to code rules, each graphic programming block represents a corresponding code, a corresponding relationship between each graphic programming block and the corresponding code may be prestored in an internal memory of the execution main body, and may be called immediately when in use, after a user splices the graphic programming blocks in a workbench of the graphic programming platform, the spliced graphic programming blocks may be monitored, and the corresponding codes may be called in the internal memory according to identities of the graphic programming blocks, in an example, as shown in fig. 4, a graphic programming block representing wireless circulation may be represented by while (1) { }.

And step S303, determining the splicing mode of the graphic programming building block according to the splicing operation.

In step S303, after the user places the graphic programming blocks on the workbench of the graphic programming platform, the splicing manner of the graphic programming blocks can be determined according to the placement position of the user. In other embodiments, other forms of splicing may be included, such as left-side embedded splicing, which is not specifically limited herein.

And step S304, determining the execution logic of the code according to the splicing mode.

In step S304, the execution logic of the code is determined according to the splicing manner of the graphic programming blocks, the relationship between the splicing manner and the execution logic may be preset, and the execution logic of the code may be determined by referring to the preset relationship after the splicing manner is determined.

In the embodiment of the present application, the splicing manner includes parallel up-down splicing, internal up-down splicing, right-side embedded splicing, and internal embedded splicing, and the execution logic of the corresponding code is four types.

In some embodiments, when the splicing manner is splicing up and down in parallel, the execution logic of the code is to execute the code according to the up and down sequence of the graphic programming blocks, and the splicing manner of the graphic programming blocks is suitable for the case that the code represented by the current graphic programming block is already in a complete state and can be independently run, so that when the code needs to be continuously executed above or below the code, the user can select the splicing manner, in one example, as shown in fig. 5, the diagram of splicing up and down in parallel of the graphic programming blocks in one embodiment is shown, in fig. 5, the code represented by the image programming block located above may be "matriFilldisplay (0, 0)", the code represented by the image programming block located below may be "matrinenable (0)", and after splicing up and down two image programming blocks, the execution logic of the code represented by the two image programming blocks is running "matrildiplisplay (0,0) "after, then" matriEnable (0) "is run.

In some application embodiments, when the splicing manner is an internal top-bottom splicing manner, the execution logic of the code is that the code represented by the internally spliced graphic programming block is executed as the internal code of the code represented by the externally spliced graphic programming block, the splicing manner is an internal top-bottom splicing manner, and is suitable for a case that the code corresponding to a current image programming block is only an external structure, but lacks a code to be executed specifically, at this time, a code segment to be executed needs to be added to the interior by the internal top-bottom splicing manner, in one example, as shown in fig. 6, a schematic diagram of the internal top-bottom splicing of the graphic programming block in an embodiment is shown, in fig. 6, the code represented by the externally spliced graphic programming block may be "while (1) { }", in a while loop, the code to be executed lacks a code to be executed specifically, and at this time, the code to be executed needs to be put into the while loop { }, the internally-spliced graphic programming blocks represent codes which need to be executed specifically in a while loop, the codes which the internally-spliced graphic programming blocks correspondingly represent can be 'matriofafall ()', and after the two graphic programming blocks are internally spliced up and down, the 'matriofafall ()' is correspondingly put into the { } of the 'while (1) { }' to be executed, namely, 'while (1) { matriofafall () }'.

In some application embodiments, when the splicing manner is a right-side embedded splice, the execution logic of the code is an execution condition that the code represented by the right-side embedded graphic programming block is used as the code represented by the embedded graphic programming block, and the splicing manner is a right-side embedded splice, which is suitable for a case that the structure of the code represented by the embedded graphic programming block is complete but the operation condition of the code itself can be changed by embedding other graphic programming blocks at the right side thereof, in one example, as shown in fig. 7, a schematic diagram of the right-side embedded splice of the graphic programming block in an embodiment, in fig. 7, the code represented by the embedded graphic programming block may be "if (0) { }", the code represented by the right-side embedded graphic programming block may be "get _ hsv _ colour () = = -1", and after the embedded graphic programming block puts the specifically executed code through internal top-bottom splicing, the code structure is complete, at this time, other graphic programming blocks are embedded into the right side to change the operating conditions of the graphic programming blocks, and after the graphic programming blocks representing the conditions are embedded and spliced into the embedded graphic programming blocks on the right side, the operating conditions are correspondingly that "get _ hsv _ colour () = -1" becomes "if (0) { }", namely "if (get _ hsv _ colour () = = -1) { }".

In some embodiments, when the splicing manner is an internal embedded splice, the execution logic of the code is to take the code represented by the embedded graphic programming block as a value of a variable in the code represented by the embedded graphic programming block, and the splicing manner is that the internal embedded splice is suitable for a case of changing a specific value of the variable embedded in the graphic programming block, in one example, fig. 8 is a schematic diagram of the internal embedded splice of the graphic programming block in one embodiment, in fig. 8, the code corresponding to the embedded graphic programming block may be "matriWriteString (" hello ")" where the text is a variable thereof and the hello "is a specific value of the text, when other text is desired to be displayed, the corresponding graphic programming block may be embedded inside the graphic programming block to change the value of the text, and when the graphic programming block representing the variable value of" ni halo "is embedded inside the embedded image programming block in fig. 8, the corresponding spliced code is "matriWriteString (" ni hao ")".

In some application embodiments, the method further includes highlighting an outer contour of the graphical programming building block when the user selects the spliced graphical programming building block in the graphical programming platform for execution, and the user can distinguish the executing graphical programming building block by highlighting.

The application meets the programming requirement by matching and using four splicing modes, orderly runs the programming codes according to the splicing of the graphic programming building blocks, and reduces the error probability of code running.

It should be noted that, for simplicity of description, the above-mentioned method embodiments are described as a series of acts or combination of acts, but those skilled in the art will recognize that the present application is not limited by the order of acts described, as some steps may occur in other orders or concurrently depending on the application. Further, those skilled in the art should also appreciate that the embodiments described in the specification are exemplary embodiments and that the acts and modules referred to are not necessarily required in this application.

The above is a description of method embodiments, and the embodiments of the present application are further described below by way of apparatus embodiments.

Fig. 9 is a schematic block diagram of a graphic programming splicing apparatus in an embodiment of the present application, as shown in fig. 9, the apparatus includes:

and the monitoring module 901 is used for monitoring the splicing operation of the graphical programming building blocks in the graphical programming platform by a user.

And a code obtaining module 902, configured to obtain, according to a splicing operation of a user, a code represented by the to-be-executed graphical programming building block.

And a splicing determining module 903, configured to determine a splicing manner of the graphic programming building block according to the splicing operation.

And the execution determining module 904 is configured to determine execution logic of the code according to the splicing manner and the obtained code represented by the graphic programming building block.

In some embodiments, the apparatus further comprises a difference display module configured to highlight an outer contour of the graphical programming building block when the user selects the spliced graphical programming building block in the graphical programming platform for execution.

It can be clearly understood by those skilled in the art that, for convenience and brevity of description, the specific working process of the described apparatus may refer to the corresponding process in the foregoing method embodiment, and is not described herein again.

In the above embodiments, the implementation may be wholly or partly realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the application to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored on a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website, computer, server, or data center to another website, computer, server, or data center via wire (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that includes one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., Digital Versatile Disk (DVD)), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others. It is noted that the computer-readable storage medium referred to in the embodiments of the present application may be a non-volatile storage medium, in other words, a non-transitory storage medium.

The above description is only a preferred embodiment of the application and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the application referred to in the present application is not limited to the embodiments with a particular combination of the above-mentioned features, but also encompasses other embodiments with any combination of the above-mentioned features or their equivalents without departing from the spirit of the application. For example, the above features may be replaced with (but not limited to) features having similar functions as those described in this application.

The foregoing is only a partial embodiment of the present application, and it should be noted that, for those skilled in the art, several modifications and decorations can be made without departing from the principle of the present application, and these modifications and decorations should also be regarded as the protection scope of the present application.

Claims

1. A graphical programming splicing method is characterized by comprising the following steps,

monitoring splicing operation of a user on the graphic programming building blocks in the graphic programming platform;

acquiring codes represented by the spliced graphic programming building blocks;

determining a splicing mode of the graphic programming building block according to the splicing operation;

and determining the execution logic of the code according to the splicing mode.

2. The graphical programming splicing method of claim 1, wherein the splicing manner comprises splicing side by side up and down;

determining the execution logic of the code according to the splicing manner includes,

and when the splicing mode is parallel up-down splicing, the execution logic of the codes is to execute the codes according to the up-down sequence of the graphic programming building blocks.

3. The graphical programming splicing method of claim 1, wherein the splicing manner comprises inner up-down splicing;

when the splicing mode is internal up-down splicing, the execution logic of the codes is that the codes represented by the internally spliced graphic programming building blocks are executed as the internal codes of the codes represented by the externally spliced graphic programming building blocks.

4. The graphical programming splicing method of claim 1, wherein the splicing manner comprises right-side embedded splicing;

when the splicing mode is right-side embedded splicing, the execution logic of the code is the execution condition of the code represented by the right-side embedded graphic programming building block as the code represented by the embedded graphic programming building block.

5. The graphical programming splicing method of claim 1, wherein the splicing manner comprises an internal embedded splicing;

when the splicing mode is an internal embedded splicing mode, the execution logic of the code takes the code represented by the embedded graphic programming building block as the value of the variable in the code represented by the embedded graphic programming building block.

6. The graphical programmed tiling method of claim 1, further comprising,

and when the spliced graphic programming building block in the graphic programming platform is selected by a user to execute, highlighting the outer contour of the graphic programming building block.

7. A graphical programming splicing device is characterized by comprising,

the monitoring module is used for monitoring the splicing operation of a user on the graphic programming building blocks in the graphic programming platform;

the code acquisition module is used for acquiring codes represented by the graphic programming building blocks to be executed according to splicing operation of a user;

the splicing determining module is used for determining the splicing mode of the graphic programming building block according to the splicing operation;

and the execution determining module is used for determining the execution logic of the code according to the splicing mode and the obtained code represented by the graphic programming building block.

8. The graphical programmed tiling apparatus of claim 7, further comprising,

and the distinguishing display module is used for highlighting the outer contour of the graphic programming building block when a user selects the spliced graphic programming building block in the graphic programming platform to execute.

9. An electronic device comprising a memory and a processor, the memory having stored thereon a computer program, wherein the processor, when executing the program, implements the method of any of claims 1-6.

10. A computer-readable storage medium, on which a computer program is stored, which program, when being executed by a processor, carries out the method of any one of claims 1 to 6.