KR20200050774A - HTML5-based web-responsive content interactive social learning system - Google Patents

Abstract

The present invention relates to an HTML5-based web-responsive content interactive social learning system. In addition, the HTML5-based web-responsive content interactive social learning system comprises: a user terminal transmitting user information while requesting an HTML5-based educational video; and a server checking video format supported by a user terminal based on user information received from the user terminal, converting the requested educational video to the checked video format, and transmitting the converted educational video to the user terminal. A user may conveniently view a video related to learning.

Description

HTML5-based web-responsive content interactive social learning system

The present invention relates to an HTML5 based web responsive content interactive social learning system.

The mobile user population is rapidly increasing, and the demand for mobile learning management system (LMS) solutions in the education market is increasing due to the emergence of various learning devices.

Along with the changes in the education paradigm, the continuous development of the digital convergence and complex environment creates new industries and demands, and changes in the information technology service environment and various learning devices such as PCs, tablets, and smartphones to allow learning without time and place restrictions. Possible services are required.

Mobile e-learning enables access to learning regardless of location and time, enabling digital talents that fit the knowledge and information society, bridging the knowledge gap through maximum utilization of knowledge creation and transfer ability, and brain productivity improvement, corporate and national competitiveness Can be maximized.

In particular, it is possible to maximize the efficiency and effectiveness of work performance by applying the knowledge obtained by learning immediately in the field of learning and on-the-job, and dramatically reducing costs by overcoming time and space limitations compared to offline training. .

In addition, while traditional traditional education is an instructor-centered knowledge transfer type education, mobile social learning is based on smart devices, enabling learners to self-directed and level-by-level and customized education, and learning disparity between regions through planning and expansion of lifelong education Overcoming this will provide quality and opportunity for education for many people.

Until recently, e-learning contents have been produced and supplied as flash files using Adobe Flash Tools, which can be easily designed and interactive.

However, Flash content is not supported for mobile and smart devices, so it has a lot of difficulties, and recently, a Flash program provider, Adobe has ended its flash license until 2020 due to battery and security issues on the recently increasing mobile devices. Announced the policy, and major browser vendors such as web browsers Apple, Google, and Microsoft have announced a policy to block the supply of Adobe Flash files.

As such, despite the recent emphasis on the importance of HTML5 (Hyper Text Markup Language5) to cope with the IT technology environment, the application of domestic e-learning content is still insignificant.

The government-led research on HTML5 based content based on public education is in the standard establishment stage, and it is difficult to immediately apply it to the general e-learning content development environment currently in service.

The biggest problem in this environment is that various LMS systems operated by all distance training institutions (schools, continuing education centers, distance training institutions, and public institutions) do not fit the HTML5 environment, which has not been investigated and studied to date. . As such, it is urgent to develop solutions that are suitable for the domestic environment.

Korean Patent Publication No. 10-2018-0086112

The present invention was devised to meet the above needs, and HTML5 based web responsive type including a video player equipped with a player bar function for interaction control at the bottom of the player to link HTML5 based content. It is intended to provide a content interactive social learning system.

In addition, the present invention is applied to changes in the environment by supplying smart devices and rapidly changing IT technology environments, and HTML5 that enables learners to learn without time and space limitations and to engage others in learning using various SNS. It is based on providing interactive web-based interactive social learning system.

The present invention is a user terminal for requesting a training video based on HTML5 while transmitting user information; And a server that checks the video format supported by the user terminal based on the user information received from the user terminal, converts the requested training video into the identified video format, and transmits the converted training video to the user terminal. It includes.

In addition, the server of the present invention is a communication unit for receiving a video request signal for requesting a training video based on HTML5 containing user information from the user terminal; And a control unit for checking a video format supported by the user terminal based on the user information received from the user terminal, converting the requested training video to the identified video format, and transmitting the converted training video to the user terminal. It includes.

In addition, the server of the present invention further includes a storage unit for storing the training video, and the controller converts and transmits the training video stored in the storage unit.

In addition, the control unit of the present invention includes a video converter for converting educational videos into a video format supported by a user terminal; A packet collector that collects IP packets transmitted from a user terminal to a server and transmits them to a user agent extractor; A user agent extractor for extracting a user-agent field of the user terminal from the IP packet collected by the packet collector; An operating system determiner that identifies an operating system in the user agent field extracted from the user agent extractor; A browser determiner for determining a browser from the user agent field extracted from the user agent extractor; And an operating system (OS) determined by the operating system determiner, and a control module controlling the video converter based on the browser type determined by the browser determiner.

In addition, the video converter of the present invention is a Hadoop distributed file system (HDFS: Hadoop Distributed File System) based on Hadoop-based parallel converter for converting the requested training video.

In addition, the control module of the present invention is converted to the Ogg Theora video format, H.264 format, VP8 format and transmits when the browser is an Android browser and the operating system is Android.

In addition, the control module of the present invention is converted to the Ogg Theora video format, H.264 format, VP8 format and transmits regardless of the operating system when the browser is a chrome browser.

In addition, the control module of the present invention is converted to H.264 format and transmitted if the browser is a Windows operating system in case of Internet Explorer.

In addition, the control module of the present invention converts and transmits to Ogg Theora video format, H.264 format, VP8 format if the browser is a Windows operating system when the browser is a Firefox browser, and Ogg if the browser is a Firefox browser and a Linux operating system. It is converted to Theora video format or VP8 format and transmitted. If the browser is a Firefox browser, it is converted to Ogg Theora video format, H.264 format, and VP8 format if it is an Android operating system.

In addition, the control module of the present invention, if the browser is a Safari browser, converts it to H.264 format and transmits it if it is an iOS operating system.

In addition, the control module of the present invention converts the H.264 format to a Mac OS X operating system when the browser is a Safari browser, and transmits it.

In addition, the present invention includes a content provider that creates HTML5 content and uploads it to a server.

In addition, the user terminal of the present invention includes a play bar (Player Bar) for interactive control that is installed in order to link the HTML5 video player and the HTML5-based content to receive and display HTML5-based educational video.

In addition, the play bar of the present invention is located at the top, bottom, or left, or right side of the HTML5 video player.

In addition, the user terminal of the present invention further includes an SNS solution that enables learning communication between learners and instructors, and shares information through learning materials and results between learners or with third parties.

The present invention includes a video player equipped with a play bar (Player Bar) function for interactive control at the bottom of the player to link HTML5-based content, so that the user can conveniently watch learning-related videos.

In addition, the present invention is applied to environmental changes by supplying a rapidly changing IT technology environment and smart devices, and enables learners to learn without time and space limitations, and enables others to participate in learning using various SNS.

1 is a block diagram illustrating the configuration of an HTML5-based web responsive content interactive social learning system according to an embodiment of the present invention.
2 is a block diagram showing the configuration of a user terminal according to an embodiment of the present invention.
3 is a block diagram showing the configuration of a server according to an embodiment of the present invention.
4 is a block diagram showing the configuration of a control unit according to an embodiment of the present invention.
5 is a flowchart illustrating a flow of an HTML5 based web responsive content interactive social learning method according to an embodiment of the present invention.

Hereinafter, embodiments of the present invention may be described in detail with reference to the accompanying drawings. First, when adding reference numerals to the components of each drawing, it may be noted that the same components have the same reference numerals as possible even though they are displayed on different drawings. In addition, in describing the present invention, when it is determined that a detailed description of a related known configuration or function is obvious to those skilled in the art or may obscure the gist of the present invention, the detailed description may be omitted.

1 is a block diagram illustrating the configuration of an HTML5-based web responsive content interactive social learning system according to an embodiment of the present invention.

Referring to FIG. 1, an HTML5-based web responsive content interactive social learning system may support HTML5-based educational videos to users. HTML5 based web responsive content interactive social learning system can support HTML5 based educational videos without additional plugins.

HTML5 based web responsive content interactive social learning system can provide additional video format services only by expanding the decoding logic of the video format.

The HTML5 based web responsive content interactive social learning system may include a user terminal 110, 120, 130, 140, a server 200, a content provider 300, and a network.

The user terminals 110, 120, 130, 140, the server 200, and the content provider 300 may be connected by a network.

The user terminals 110, 120, 130, and 140 may be terminals for which a user transmits an HTML5-based training video request or receives data of a requested HTML5-based training video.

The user terminals 110, 120, 130, and 140 may include a display function, and may access the server 200 through a network. In addition, the user terminal (110, 120, 130, 140) may send a message, it may be possible to send a file.

The user terminals 110, 120, 130, and 140 may be at least one device of a smart phone, desktop, notebook, tablet PC, PDA, and IPTV.

The server 200 may control the user terminals 110, 120, 130, and 140. In addition, the server 200 may receive user information and store the user information.

Then, the content provider 300 creates HTML5 content and uploads it to the server 200.

The network may consist of a backbone network and a subscriber network. The backbone network may be composed of one or a plurality of integrated networks of X.25 network, Frame Relay network, ATM network, MPLS (Multi Protocol Label Switching) network and GMPLS (Generalized Multi Protocol Label Switching) network.

The subscriber networks are FTTH (Fiber To The Home), ADSL (Asymmetric Digital Subscriber Line), cable network, Wireless LAN (IEEE 802.11b, IEEE 802.11a, IEEE802.11g, IEEE802.11n), WIBro (Wireless Broadband), Wimax and It may be HSDPA (High Speed Downlink Packet Access).

In some embodiments, the network may be an Internet network or a mobile communication network.

The user terminals 110, 120, 130, and 140 may request HTML5 based training videos from the server 200 through the network. The server 200 may analyze a video format required to support HTML5 based educational videos requested from the user terminals 110, 120, 130, and 140.

The server 200 may convert a video using the analyzed format. The server 200 may transmit the converted video to the user terminals 110, 120, 130, and 140.

The HTML5-based web responsive content interactive social learning system may provide HTML5 based training videos requested by the user to the user through the server 200. The HTML5-based web responsive content interactive social learning system may convert the format of the video requested by the user and provide the HTML5-based educational video to the user through the server 200.

On the other hand, the user terminal (110, 120, 130, 140) is an HTML5 video player that receives and displays an HTML5-based training video, and in order to link HTML5-based content, the top, bottom, or left, or right side of the HTML5 video player For the top-level interaction control, make the play communication between the player bar and learners and instructors, share information through learning materials and results with learners or with third parties, and better Includes SNS solutions, SNS sharing, etc. that give directions and encourage participation in learning.

Meanwhile, the server 200 may be based on a scorm (SCORM) or a non-scomb. For reference, SCORM is an abbreviation of Sharable Content Object Reference Model and is also referred to as a shareable content object reference model.

Scom is one of the standard specifications for web-based e-education, and is a standard created for the purpose of easily exchanging, sharing, combining, and reusing educational contents.

Scom defines a runtime environment provided through an HTML5-based web responsive content interactive social learning system, and the current version of Scom 2004 introduces the concept of sequencing, a set of specific rules that allow users to learn content objects. .

The user terminals 110, 120, 130, and 140 may reproduce learning content received from the server 200 and generate user learning information on the learning content in a biscomm format.

Also, the user terminals 110, 120, 130, and 140 may convert the generated learning information into a scomb format and transmit it to the server 200.

In addition, the user terminal (110, 120, 130, 140) can be played simultaneously while transmitting the learning content from the server 200 in a streaming format, or, by downloading and storing the content in advance, and then learning by playing the stored content It might be. In this case, instead of a mobile communication network where a certain amount of learning content is charged, it can be downloaded and learned in advance through a fast wired network, etc. When playing the downloaded learning content, you do not need to communicate with the server. Can solve the temporal, spatial and monetary problems.

Meanwhile, the user terminals 110, 120, 130, and 140 include a scom-type terminal including a scom engine for supporting the scom-type and a biscom-type terminal not including the scom engine.

The server 200 provides learning content to the user terminals 110, 120, 130, and 140, and manages user learning information for the learning content.

Specifically, the server 200 may manage user learning information based on a Real Time Environment (RTE) data model, which is a data format defined by the Scom standard.

In general, in order to use the learning content provided by the Scom-based server 200, it is necessary to support the Scom format in the user terminals 110, 120, 130, and 140. However, even if the user terminals 110, 120, 130, and 140 according to an embodiment of the present invention do not support the scomb format, learning of users generated by the user terminals 110, 120, 130, 140 using a mapping table Since the information is converted to the Scom RTE format and transmitted to the server 200, the learning information can be managed by the Scom-based server 200 regardless of the supported format of the user terminal 110, 120, 130, 140 of the user. .

On the other hand, when a user plays and learns the learning content in a separate scom-type user terminal 110, 120, 130, 140 rather than in a biscom-type user terminal 110, 120, 130, 140, corresponding The learning information for the learning quantity may be stored and managed in the server 200.

Subsequently, when the user subsequently plays the corresponding learning content in the biscom type user terminals 110, 120, 130, 140, the previous learning information is transmitted from the server 200, and the biscom type user terminal 110, 120, 130, 140) may update learning information for the corresponding learning content.

In this case, the user terminal (110, 120, 130, 140) requests the past learning information for the learning content to the server 200, the server 200 is a user of the past learning information in the form of a scum for the learning content It can be transmitted to the terminal (110, 120, 130, 140).

Thereafter, the user terminals 110, 120, 130, and 140 convert the past learning information into a biscomm format, and reflect the converted past learning information in the stored learning information to update it with the latest learning information.

2 is a block diagram showing the configuration of a user terminal according to an embodiment of the present invention.

Referring to FIG. 2, the user terminal may include a communication unit 11, a control unit 12, a storage unit 13, a user interface unit 14, and a display unit 15.

The communication unit 11 transmits the source code generated by the control unit 12 to the server 200.

The controller 12 executes a command and performs an operation associated with the user terminal. For example, using a command retrieved from the storage unit 13, the control unit 12 controls input and output between components of the user terminal and reception and processing of data.

The control unit 12 executes program code together with an operating system and generates and uses data. Operating systems are generally known and are not described in more detail.

As an example, the operating system may be a Window-based OS, Unix, LINUX, Palm OS, DOS, Android, and Macintosh. The operating system, other computer codes and data may be present in the storage unit 13 which is connected to the control unit 12 and operates.

The controller 12 may recognize a user action and control the user terminal based on the recognized user action. Here, the user action is to select a physical button of a learner terminal or a remote controller, perform a predetermined touch gesture on a touch screen display surface, select a soft button, and perform a predetermined spatial gesture recognized from an image captured by an imaging device and detect voice. It may include performing a predetermined vocalization recognized by speech recognition of the additionally received speech.

The controller 12 may be implemented on a single chip, multiple chips, or multiple electrical components. Various architectures can be used for the controller 12, including, for example, dedicated or embedded processors, single-purpose processors, controllers, ASICs, and the like.

The storage unit 13 generally provides a place for storing program codes and data used by user terminals. Here, the program code may be an educational video playback program received by the communication unit 11 and a program code of a video stored when the user terminal is manufactured. In addition, the training video information can be written in programming languages such as HTML, XML, HTML5, CSS, CSS3, JavaScript, Java, C language, C ++, Visual C ++, and C #.

The storage unit 13 may store at least one image for generating an educational video screen.

The stored image may include at least one of an image generated or modified by a user and an image received by the communication unit 11.

The stored image is at least one image for generating the educational video screen is BMP, JPG (JPEG), GIF, EPS, TIF (TIFF), PSD, PIC, DXF PP3, PICT, PNG, DCS (Desktop Color Separations) , FlashPix, PCX, PDF, PIXAR, Raw, Scitex CT (sct), Targa can have one of the file formats.

The storage unit 13 may be implemented as a read only memory (ROM), a random access memory (RAM), a hard disk drive, or the like. The program code and data can reside on a removable storage medium, and can be loaded or installed on a user terminal when necessary. Here, the removable storage medium may include a CD-ROM, PC-CARD, memory card, floppy disk, magnetic tape, and network components.

The user interface unit 14 detects a user action and outputs the detected result to the control unit 12. The control unit 12 may recognize the user action based on the result output by the user interface unit 14.

3 is a block diagram showing the configuration of a server according to an embodiment of the present invention.

Referring to FIG. 3, the server 200 may transmit and receive data to and from a user terminal. The server 200 may receive a request for HTML5 based educational video support from a user terminal. The server 200 may analyze the video format to support the requested HTML training video. The server 200 may convert educational videos using the analyzed video format. The server 200 may support the converted education video to a user terminal. The server 200 may include a communication unit 210, a control unit 220, and a storage unit 230.

The communication unit 210 may receive a message or data from a user terminal. In addition, the communication unit 210 may transmit a message or data to the user terminal. The message or data may be in the form of a packet.

The controller 220 may convert the video format of the training video requested by the user terminal and transmit the converted video to the user terminal. The controller 220 may analyze the video format for each user using the user information. The user information may be target education videos and browser information. The control unit 220 may find a video source from the storage unit 230 and apply appropriate video decoding logic. The control unit 220 may perform conversion in a Hadoop-based high-performance parallel converter.

The controller 220 may mount a virtual image to perform video conversion in real time.

The storage 230 may store user information and video sources necessary for supporting HTML5-based educational videos. The user information may be a user's target video and browser information. The storage unit 230 may provide data requested by the control unit 220 and the user terminal. The data may be at least one of multimedia text, images, audio and video.

4 is a view showing the configuration of a control unit according to an embodiment of the present invention.

Referring to FIG. 4, the control unit according to an embodiment of the present invention includes a packet collector 221, a user agent extractor 222, an operating system determiner 223, a browser determiner 224, and a control module 225. And a video converter 226.

The packet collector 221 collects IP packets transmitted from the user terminal to the server 200 and transmits them to the user agent extractor 222.

At this time, the uplink HTTP packet transmitted from the user terminal to the server 200 includes a user-agent field of the user terminal.

Here, the user-agent field includes the operating system (OS) version included in the user's traffic, the browser type and version, and the version of the web library used by the browser. Doing.

Generally, HTTP packets include an Ethernet header (ETH), an Internet Protocol Header (IPH), a Transmission Control Protocol Header (TCPH), an HTTP Header (HTTPH), and an HTTP Body. Here, the user agent (Useragent) field is included in the HTTPH.

The user-agent field is configured as shown in (Table 1).

(Table 1)

Referring to (Table 1) above, it can be seen that the operating system differs according to the field value of the User-agent field.

Accordingly, after the user agent extractor 222 extracts the user agent field from the collected upstream HTTP packet transmitted from the user terminal to the server 200, the operating system determiner 223 extracts the user agent field of the extracted user agent field. The operating system is determined based on the field value.

For example, the operating system determiner 223 identifies the type of the user terminal as an iPhone if the field value of the extracted user agent field is iPhone OS 9_3_2, and if the Android 511 is a mobile based on the Android operating system. Identifies the type of terminal.

On the other hand, if the field value of the user agent field is Linux_gnu, the operating system determiner 224 identifies the type of the user terminal as a Linux-based computer.

In addition, when the field value of the user agent field is Window NT 51, Windows NT 61, or Windows NT 10, the operating system determiner 224 identifies the type of terminal as a Windows-based computer.

Here, iPhone OS 9_3_2 and Android 511 are examples of operating systems for mobile systems, Linux-gnu is an example of operating systems for Linux-based computers, and Windows NT 51, Windows NT 61, or Windows NT 10 are operating systems for Windows-based computers. Is an example. The operating system for a computer based on Linux and the operating system for a computer based on Windows may be collectively referred to as a computer operating system.

On the other hand, the browser determiner 224 extracts the user agent field from the user agent extractor 222 from the collected upstream HTTP packet transmitted from the user terminal to the server 200, and then extracts the field value of the extracted user agent field. Find out the browser type based on.

The browser used by the user is a browser executed in the user terminal. In addition, the browser includes a Chrome browser, a Safari browser, a Firefox browser, an Android browser, and an IE browser.

Next, the control module 225 is a video converter 226 user to the video stored in the storage unit 230 based on the operating system determined by the operating system determiner 223 and the browser type determined by the browser determiner 224 Change to a video format acceptable to the terminal and transmit.

In this regard, in Table 2 below, when the browser is an Android browser and the operating system is Android, it is converted and transmitted in the Ogg Theora video format, H.264 format, and VP8 format.

If the browser is a chrome browser, it is converted and transmitted in the Ogg Theora video format, H.264 format, and VP8 format regardless of the operating system.

Next, when the browser is Internet Explorer, if it is a Windows operating system, it is converted to H.264 format and transmitted.

If the browser is a Firefox browser, it is converted to Ogg Theora video format, H.264 format, and VP8 format if it is a Windows operating system.

At this time, if the browser is a Firefox browser and a Linux operating system, it is converted to the Ogg Theora video format or VP8 format and transmitted.

In addition, if the browser is a Firefox browser, it is converted to Ogg Theora video format, H.264 format, and VP8 format if it is an Android operating system.

In addition, if the browser is a Firefox browser, the operating system other than the Ogg Theora video format or VP8 format is converted and transmitted.

On the other hand, if the browser is a Safari browser, the iOS operating system converts it to H.264 format and transmits it.

If the browser is a Safari browser, the Mac OS X operating system converts it to H.264 format and transmits it.

VP8 is one of the webM format video codecs. OggTheora is a format developed to efficiently transmit and process multimedia bit streams. One of the H264 video compression standards, currently the most common format for recording, compressing and distributing high-definition video.

It is one of the Met.

The storage 230 may store educational videos. The storage 230 may store video data necessary for HTML5 based educational video support. The storage 230 may store video data required by the user terminal.

(Table 2)

5 is a flowchart illustrating a flow of an HTML5 based web responsive content interactive social learning method according to an embodiment of the present invention.

Referring to FIG. 5, an HTML5-based web responsive content interactive social learning system may support HTML5-based educational videos as a user terminal and a server.

The user terminal requests the HTML5 based training video from the server (S110).

The user terminal may transmit the user information for the request for the HTML5 based training video to the server. The user information includes target video, browser information, and operating system information.

The server analyzes the video format to support the HTML5-based educational video requested from the user terminal (S210).

The server may analyze the video format based on user information included in the user request.

The server converts the video using the analyzed format (S220).

The server can convert a video in a Hadoop-based high-performance parallel converter using the analyzed format.

The server transmits the converted HTML5-based educational video data to the user terminal (S230).

The server may transmit the converted HTML5-based training video data to the user terminal so that the user can view the video. The educational video data may be in the form of multimedia such as images, audio, video, and digital files.

The user terminal displays using the video data received from the server (S120).

The display may display at least one image for generating an educational video screen under the control of the controller.

The present invention can also be embodied as computer readable codes on a computer readable recording medium. The computer-readable recording medium includes all kinds of recording devices in which data readable by a computer system is stored.

Examples of computer-readable recording media include ROM, RAM, CD-ROM, magnetic tapes, floppy disks, optical data storage devices, etc., and are also implemented in the form of carrier waves (for example, transmission over the Internet). Includes. The computer-readable recording medium can also be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion.

Although the preferred embodiments of the present invention have been shown and described above, the present invention is not limited to the specific preferred embodiments described above, and the present invention belongs to the technical field to which the invention pertains without departing from the gist of the invention claimed in the claims. Of course, various modifications can be made to anyone having ordinary knowledge, and such changes are within the scope of the claims.

110, 120, 130, 140: user terminal 200: server
300: content provider

Claims (15)

A user terminal requesting an HTML5-based educational video while transmitting user information; And
A server that checks the video format supported by the user terminal based on the user information received from the user terminal, converts the requested training video to the identified video format, and transmits the converted training video to the user terminal. Including HTML5 based web responsive content interactive social learning system. The method according to claim 1,
The server
A communication unit that receives a video request signal requesting an HTML5-based educational video including user information from a user terminal; And
A control unit for checking a video format supported by the user terminal based on the user information received from the user terminal, converting the requested training video to the identified video format, and transmitting the converted training video to the user terminal Including HTML5 based web responsive content interactive social learning system. The method according to claim 2,
The server
Further comprising a storage unit for storing the training video,
The control unit is an HTML5 based web responsive content interactive social learning system that converts and transmits educational videos stored in the storage unit. The method according to claim 2,
The control unit
A video converter that converts educational videos into a video format supported by a user terminal;
A packet collector that collects IP packets transmitted from a user terminal to a server and transmits them to a user agent extractor;
A user agent extractor for extracting a user-agent field of the user terminal from the IP packet collected by the packet collector;
An operating system determiner that identifies an operating system in the user agent field extracted from the user agent extractor;
A browser determiner for determining a browser from the user agent field extracted from the user agent extractor; And
An HTML5 based web responsive content interactive social learning system including an operating system (OS) determined by the operating system determiner and a control module controlling the video converter based on the browser type determined by the browser determiner. The method according to claim 4,
The video converter is an HTML5 based web responsive content interactive social learning system, characterized in that it is a Hadoop-based parallel converter that converts the requested training videos based on a Hadoop Distributed File System (HDFS). The method according to claim 4,
The control module is an HTML5 based web responsive content interactive social learning system that converts and transmits the Ogg Theora video format, H.264 format, and VP8 format when the browser is an Android browser and the operating system is Android. The method according to claim 4,
The control module is an HTML5 based web responsive content interactive social learning system that converts and transmits Ogg Theora video format, H.264 format, and VP8 format when the browser is a Chrome browser regardless of the operating system. The method according to claim 4,
The control module is an HTML5 based web responsive content interactive social learning system that converts and transmits to H.264 format if the browser is a Windows operating system when the browser is Internet Explorer. The method according to claim 4,
The control module converts and transmits to the Ogg Theora video format, H.264 format, and VP8 format if the browser is a Firefox browser, and if the browser is a Firefox browser, Ogg Theora video format or VP8 if the browser is a Firefox browser and a Linux operating system. HTML5 based web responsive content interactive social learning system that converts and transmits in format, and converts to Ogg Theora video format, H.264 format, and VP8 format if the browser is an Android operating system if it is a Firefox browser. The method according to claim 4,
The control module is an HTML5 based web responsive content interactive social learning system that converts and transmits to H.264 format if the browser is an iOS browser, or if the browser is a Safari browser. The method according to claim 4,
The control module is an HTML5 based web responsive content interactive social learning system that converts and transmits to H.264 format if the browser is a Safari browser, and if it is a Mac OS X operating system. The method according to claim 1,
HTML5 based web responsive content interactive social learning system further comprising a content provider that creates and uploads HTML5 content to a server. The method according to claim 1,
The user terminal is an HTML5-based web responsive content interactive social learning including a play bar for an interactive control installed to link HTML5 video player and HTML5-based content that receives and displays HTML5-based educational videos. system. The method according to claim 13,
The playbar is an HTML5 based web responsive content interactive social learning system located at the top, bottom, or left or right side of the HTML5 video player. The method according to claim 13,
The user terminal enables learning communication between learners and instructors, and further includes an SNS solution for sharing information through sharing learning materials and results with learners or third parties, HTML5 based web responsive content interactive social Running system.

Images