1. A split-screen display method of a learning platform is characterized by comprising the following steps:

the front end acquires video data, document data and text comment data;

dividing a webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area;

and displaying video data in the first area, displaying document data in the second area and displaying text comment data in the third area.

2. The split-screen display method of the learning platform as claimed in claim 1, wherein the displaying the video data in the first area comprises:

the video data is displayed in the first area by a video.

3. The split-screen display method of the learning platform as claimed in claim 1, wherein the displaying the document data in the second area comprises:

and displaying the document data through the second area of the IDoc View tool.

4. The split-screen display method of the learning platform as claimed in claim 1, wherein the displaying text comment data in the third area comprises:

and updating the comment in the third area through a timing request of a timer.

5. The split-screen display method of the learning platform of claim 1, further comprising:

and the back end uploads the video data, the document data and the text comment data through a jQuery File Upload.

6. A split-screen display device of a learning platform, comprising:

the acquisition module is used for acquiring video data, document data and text comment data from a front end;

the dividing module is used for dividing the webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area;

and the display module is used for displaying the video data in the first area, displaying the document data in the second area and displaying the character comment data in the third area.

7. The split-screen display device of the learning platform of claim 6, wherein the display module comprises:

a first display sub-module for displaying the video data in the first area by a video.

8. The split-screen display device of the learning platform of claim 6, wherein the display module comprises:

and the second display submodule is used for displaying the document data through the second area of the IDoc View tool.

9. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor when executing the computer program implements the steps of the split-screen display method of the learning platform of any one of claims 1 to 5.

10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the split-screen display method of the learning platform of any one of claims 1 to 5.

Background

The traditional online training is mainly carried out in a video mode, but the video training mode is single, and students can easily miss knowledge points, so that the training effect is poor, and the training efficiency is low. With the development of the demand of online training, a more efficient training form is required for the online learning platform.

Disclosure of Invention

In view of the above problems, embodiments of the present invention are provided to provide a split-screen display method of a learning platform, a split-screen display apparatus of a learning platform, a computer device, and a storage medium that overcome or at least partially solve the above problems.

In order to solve the above problems, an embodiment of the present invention discloses a split-screen display method for a learning platform, including:

the front end acquires video data, document data and text comment data;

dividing a webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area;

and displaying video data in the first area, displaying document data in the second area and displaying text comment data in the third area.

Preferably, the displaying the video data in the first area includes:

the video data is displayed in the first area by a video.

Preferably, the displaying the document data in the second region includes:

and displaying the document data through a second area of the I Doc View tool.

Preferably, the displaying of the text comment data in the third area includes:

and updating the comment in the third area through a timing request of a timer.

Preferably, the method further comprises:

and the back end uploads the video data, the document data and the text comment data through a jQuery File Upload.

The embodiment of the invention also discloses a split-screen display device of the learning platform, which comprises:

the acquisition module is used for acquiring video data, document data and text comment data from a front end;

the dividing module is used for dividing the webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area;

and the display module is used for displaying the video data in the first area, displaying the document data in the second area and displaying the character comment data in the third area.

Preferably, the display module includes:

a first display sub-module for displaying the video data in the first area by a video.

Preferably, the display module includes:

and the second display submodule is used for displaying the document data through the second area of the I Doc View tool.

The embodiment of the invention also discloses computer equipment which comprises a memory and a processor, wherein the memory stores computer programs, and the processor realizes the steps of the split-screen display method of the learning platform when executing the computer programs.

The embodiment of the invention also discloses a computer readable storage medium, wherein a computer program is stored on the computer readable storage medium, and the computer program realizes the steps of the split-screen display method of the learning platform when being executed by a processor.

The embodiment of the invention has the following advantages:

in the embodiment of the invention, the split-screen display method of the learning platform comprises the following steps: the front end acquires video data, document data and text comment data; dividing a webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area; the video learning mode is optimized, videos, documents and real-time comments can be watched on the same screen at the same time, and the training effect is more efficient.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments are briefly introduced below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on the drawings without creative efforts

FIG. 1 is a flowchart illustrating steps of an embodiment of a split-screen display method for a learning platform according to an embodiment of the present invention;

FIG. 2 is a schematic flow chart illustrating a step of split-screen display of a learning platform according to an embodiment of the present invention;

FIG. 3 is a schematic flow chart illustrating a step of split-screen display of a learning platform according to an embodiment of the present invention;

FIG. 4 is a flowchart illustrating a split-screen display procedure of a learning platform according to an embodiment of the present invention;

FIG. 5 is a flowchart illustrating a backend upload step according to an embodiment of the present invention;

FIG. 6 is a block diagram of an embodiment of a split-screen display device of a learning platform according to an embodiment of the present invention;

FIG. 7 is an internal block diagram of a computer device of an embodiment.

Detailed Description

In order to make the technical problems, technical solutions and advantageous effects solved by the embodiments of the present invention more clearly apparent, the embodiments of the present invention are described in further detail below with reference to the accompanying drawings and the embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

Referring to fig. 1, a flowchart illustrating steps of an embodiment of a split-screen display method for a learning platform according to an embodiment of the present invention is shown, which may specifically include the following steps:

step 101, a front end acquires video data, document data and text comment data;

in the embodiment of the present invention, the learning platform may include an authentication module, an examination module, a community module, a course module, a system module, a unified deployment module, and the like, and may also include other modules, such as a login module, and the like, which is not limited in the embodiment of the present invention; the learning platform may be run on various terminals, such as a Personal Computer (PC), a smart Phone, a tablet Computer, and other terminals on which an application program may be installed, for example, a smart watch, and the like.

Specifically, the learning platform can be operated on the web pages of various terminals, and the learning platform can be logged in through the web pages, and the front end, i.e. various terminals, can firstly acquire the video data, the document data and the text comment data,

it should be noted that other types of data, such as code data, may also be obtained, which is not limited in this embodiment of the present invention.

For example, the current terminal obtains video data, document data, and text comment data uploaded by a user, such as teaching videos of certain posts, learning courseware, and comment data of real-time trainees.

Step 102, dividing a webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area;

the terminal can receive the division information of the webpage of the user and set the webpage of the terminal as a specific area, wherein the specific area comprises a first area, a second area and a third area;

in this embodiment of the present invention, the first area may be a left half area of a web page, the second area is a right half upper area, and the third area is a left half lower area, the above-mentioned division is only an example of the embodiment of the present invention, and other division modes of specific areas may also be provided

In another embodiment, the first area, the second area and the third area may be three equally divided areas equally allocated to the web page.

Step 103, displaying video data in the first area, displaying document data in the second area and displaying text comment data in the third area.

Further, the video data is displayed in the first area, the document data is displayed in the second area, and the text comment data is displayed in the third area;

similarly, the document data may be displayed in the first area, the video data may be displayed in the second area, and the text comment data may be displayed in the third area, which is not limited in the embodiments of the present invention.

In the embodiment of the invention, the split-screen display method of the learning platform comprises the following steps: the front end acquires video data, document data and text comment data; dividing a webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area; the video learning mode is optimized, videos, documents and real-time comments can be watched on the same screen at the same time, and the training effect is more efficient.

In this embodiment of the present invention, referring to fig. 2, a schematic flow chart of a step of displaying a learning platform in a split screen manner in the embodiment of the present invention is shown, where displaying video data in the first region includes the following sub-steps:

substep 11, displaying the video data in the first region by a video.

Specifically, a video.js video player can be set through a front end, a video.js component is a general JS library embedded in a webpage, the video.js automatically detects the support of the browser to HTML5, and if the HTML5 is not supported, a Flash player is automatically used, and video data is displayed in the first area through the video.js video player.

In this embodiment of the present invention, referring to fig. 3, a schematic flow chart illustrating a step of displaying document data in a second area in a split screen manner in a learning platform according to an embodiment of the present invention is shown, where the displaying of document data in the second area includes the following sub-steps:

a substep 21 of displaying the document data through a second region of the I Doc View tool;

furthermore, the document data can be displayed in a second area of the I Doc View tool, it should be noted that the I Doc View tool is an online document preview tool, and the functions include online document preview, compressed file preview, drawing preview, picture preview, audio/video playing, collaborative editing, synchronous display and the like.

In the embodiment of the present invention, referring to fig. 4, a schematic flow chart of a step of displaying a screen of a learning platform in a split manner in the embodiment of the present invention is shown, where the displaying of text comment data in the third area includes the following sub-steps:

a substep 31 of updating the comment in the third area by a timing request of a timer;

further, the comments can be updated in the third area by a timing request of a timer, specifically, a timer is written at the front end, and a request is sent to the background at a timing to obtain the latest comment data of the comment area and update the latest comment data to the webpage.

In the embodiment of the present invention, referring to fig. 5, a schematic flow chart of a back-end uploading step in the embodiment of the present invention is shown, where the method further includes:

and step 41, uploading the video data, the document data and the text comment data by the back end through a jQuery File Upload.

And in the aspect of a video area, a jQuery File Upload is used for uploading the video, so that a plurality of videos are uploaded and can be sequenced. The multiple videos of the student end are automatically played according to the video sequence by using a video.js video player, the student can also optionally switch the videos, the video watched by the student is recorded through session when the student leaves the page, and the video watched last time is automatically continuously played when the student enters the page next time.

And converting the document by using an I Doc View technology in the document learning area, and enabling a student to View the converted document by the I Doc View at a student end.

And the comment area aspect is updated regularly, so that the student can see the latest comments in time during learning. The compatibility of each browser is carried out on the page with the three split screens, and the mobile terminal is compatible; specifically, an administrator can Upload a plurality of videos and documents at the same time through the jQuery File Upload technology at an administrator terminal, and after the uploading is successful. At the student side, the front end displays the video, the document and the comment area on the same page through iframe and style adjustment. The video is presented by using a video.js video player, the document is presented by using an I Doc View technology, and the comment area is a module written at the front end and used for updating the comment in real time by a timer timing request.

In the embodiment of the invention, a three-screen-division learning mode is introduced into an online learning platform, and a screen I is divided into three screens, namely a video area, a document area and a comment area. The video relevant documents can be searched by the students when watching videos, knowledge points are better absorbed, interaction with other students can be carried out in the comment area, questions and questions can be asked, the training of the online learning platform is more efficient, and interaction among the students is promoted. The method comprises the steps that a manager uploads a plurality of videos and documents on the manager side, and a student side displays the videos and the documents on the same page and simultaneously opens a comment area to comment in real time.

It should be noted that, for simplicity of description, the method embodiments are described as a series of acts or combination of acts, but those skilled in the art will recognize that the present invention is not limited by the illustrated order of acts, as some steps may occur in other orders or concurrently in accordance with the embodiments of the present invention. Further, those skilled in the art will appreciate that the embodiments described in the specification are presently preferred and that no particular act is required to implement the invention.

Referring to fig. 6, a block diagram of a structure of an embodiment of a split-screen display device of a learning platform according to an embodiment of the present invention is shown, and specifically, the block diagram may include the following modules:

an obtaining module 301, configured to obtain video data, document data, and text comment data at a front end;

a dividing module 302, configured to divide a web page into specific areas; wherein the specific area comprises a first area, a second area and a third area;

a display module 303, configured to display video data in the first area, display document data in the second area, and display text comment data in the third area.

Preferably, the display module includes:

a first display sub-module for displaying the video data in the first area by a video.

Preferably, the display module includes:

and the second display submodule is used for displaying the document data through the second area of the I Doc View tool.

Preferably, the display module includes:

and the first updating submodule is used for updating the comment in the third area through a timing request of a timer.

Preferably, the apparatus further comprises:

and the uploading module is used for uploading the video data, the document data and the text comment data through the jQuery File Upload at the rear end.

All or part of the modules in the split-screen display device of the learning platform can be realized by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.

The split-screen display device of the learning platform can be used for executing the split-screen display method of the learning platform provided by any embodiment, and has corresponding functions and beneficial effects.

In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as shown in fig. 7. The computer device includes a processor, a memory, a network interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The network interface of the computer device is used for communicating with an external terminal through a network connection. The computer program is executed by a processor to implement a split-screen display method for a learning platform. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.

Those skilled in the art will appreciate that the architecture shown in fig. 7 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.

In one embodiment, a computer device is provided, comprising a memory and a processor, the memory having a computer program stored therein, the processor implementing the following steps when executing the computer program:

the front end acquires video data, document data and text comment data;

dividing a webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area;

and displaying video data in the first area, displaying document data in the second area and displaying text comment data in the third area.

Preferably, the displaying the video data in the first area includes:

the video data is displayed in the first area by a video.

Preferably, the displaying the document data in the second region includes:

and displaying the document data through a second area of the I Doc View tool.

Preferably, the displaying of the text comment data in the third area includes:

and updating the comment in the third area through a timing request of a timer.

Preferably, the method further comprises:

and the back end uploads the video data, the document data and the text comment data through a jQuery File Upload.

In one embodiment, a computer-readable storage medium is provided, having a computer program stored thereon, which when executed by a processor, performs the steps of:

the front end acquires video data, document data and text comment data;

dividing a webpage into specific areas; wherein the specific area comprises a first area, a second area and a third area;

and displaying video data in the first area, displaying document data in the second area and displaying text comment data in the third area.

Preferably, the displaying the video data in the first area includes:

the video data is displayed in the first area by a video.

Preferably, the displaying the document data in the second region includes:

and displaying the document data through a second area of the I Doc View tool.

Preferably, the displaying of the text comment data in the third area includes:

and updating the comment in the third area through a timing request of a timer.

Preferably, the method further comprises:

and the back end uploads the video data, the document data and the text comment data through a jQuery File Upload.

The embodiments in the present specification are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other.

As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, apparatus, or computer program product. Accordingly, embodiments of the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, embodiments of the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

Embodiments of the present invention are described with reference to flowchart illustrations and/or block diagrams of methods, terminal devices (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing terminal to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing terminal, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing terminal to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing terminal to cause a series of operational steps to be performed on the computer or other programmable terminal to produce a computer implemented process such that the instructions which execute on the computer or other programmable terminal provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

While preferred embodiments of the present invention have been described, additional variations and modifications of these embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all such alterations and modifications as fall within the scope of the embodiments of the invention.

Finally, it should also be noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or terminal that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or terminal. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or terminal that comprises the element.

The foregoing detailed description is provided for a split-screen display method of a learning platform, a split-screen display device of a learning platform, a computer device, and a storage medium, and the specific examples are applied herein to explain the principles and embodiments of the present invention, and the descriptions of the foregoing embodiments are only used to help understand the method and the core ideas of the present invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.