KR20180050825A - E-learning content authoring apparatus using op markup language - Google Patents

Abstract

Disclosed is an apparatus for authoring e-learning content using a markup language. According to the present invention, the apparatus for authoring e-learning content using a markup language includes a web-editor. The web-editor includes an OP markup language (OPML), a cascading style sheet (CSS), and an OP multibook engine such that several instructions are combined with each other through e-learning content based on hypertext markup language (HTML5), an authoring site of the e-learning content based on HTML5 is automatically resized depending on a screen size or a resolution of a terminal, and a user interface for at least any one of a template type, a template design, a basic template instruction, or a basic template procedure is provided. The OPML has a new structure for authoring the e-learning content. The CSS provides style information for a text in HTML5. The OP multibook engine receives the markup language and the CSS to create an HTML-based web-browser. Accordingly, various multimedia elements may be provided through differentiated teaching strategies and upgraded functions.

Description

[0001] E-LEARNING CONTENT AUTHORING APPARATUS USING OP MARKUP LANGUAGE USING MARKUP LANGUAGE [0002]

The present invention relates to an e-learning content authoring apparatus, and more particularly, to an e-learning content authoring apparatus using a markup language that enables a designer to distribute and confirm HTML5-based web contents, EPUB, PDF, Quot;

With the recent development and development of smart devices and the widespread adoption of smart devices, users have more than one smart device and have the opportunity to interact with various media through these devices.

In addition to this, it is possible to configure a personal Smart Area (PAN) by connecting a stable wired / wireless network communication network and various smart devices possessed by an individual, and to use an image content suitable for each smart device at the same time .

Conventionally, when a general user creates an application or contents, it is common to use a programming language.

This means that you have to understand the programming language to create an application or content, which is limited for general users.

Currently, content authoring tools include Leka Maker, Zynix, Flash, Captivate, and sliverstream. However, it is also difficult to access easily because the author can understand the authoring tool.

As an example of e-learning contents, e-learning contents that are commonly used are being produced by ordering a specialized e-learning contents producer while providing learning contents. Learning types include learning objectives, pre-evaluation, learning, sharing opinions, taking a rest, evaluating learning, organizing and referencing prior to learning.

Also, it supports to add and modify types in authoring part of template according to the designer's intention, so that it can flexibly cope with kinds of web course.

However, there is an advantage in that the method of ordering and producing to an external professional e-learning contents producer has various types of learning and design, whereas in the case of manufacturing by an external e-learning contents producer, time and cost It takes a lot.

In addition, an external professional e-learning contents producer can not produce a large amount of e-learning contents within a certain time.

In addition, most existing online learning services are provided by using only one media content. When a user wishes to obtain more information, online learning is performed using multiple frames on the screen of one device.

In this situation, as the various information is provided, the size of the frame in which the information is provided is divided, the importance of the information is reduced, and the transfer of information is deteriorated, and the learning ability is deteriorated.

Meanwhile, there is an increasing demand for renewal of existing flash e-learning content due to multi-device compatibility problem in the situation where the existing Flash-based e-learning-based HTML5 technology is stagnated due to security and compatibility of mobile devices.

KR Patent Registration No. 10-1648782 (Aug. 20, 2016)

In order to solve such problems, the present invention is to develop e-Learning contents using the next generation web standard HTML5 technology through development of e-learning web contents technology and develop mark-up language (OPML And a new interoperable platform of the E-Book and the e-learning Web-App is constructed by modifying the detailed functions of the e-learning contents through the modularization of the detailed functions of the e-learning contents and providing the e-learning contents authoring device using the markup language The purpose.

It is another object of the present invention to provide an e-learning content authoring apparatus using a markup language capable of producing learning contents in which various interaction elements are added through HTML5 technology as contents capable of replacing existing flash e-learning contents.

The present invention also provides an e-learning content authoring apparatus using a mark-up language that can apply a specialized instructional design preferred by a hospital training worksite, a smart training lecture based on N-screen for employment insurance reimbursement, For other purposes.

In order to solve these problems, a web editor for creating e-learning contents based on HTML5 (HyperText Markup Language 5) compatible with various devices of the present invention and distributing the e-learning contents to the web, and an e-learning content distributed through the web editor In the e-learning content authoring apparatus using the markup language, the web editor combines a plurality of chores into e-learning contents based on HTML5, and compares the authoring site of the e-learning contents based on the HTML5 A new type of OPML (OP Markup Language) for the production of e-learning contents, and a style for the text of HTML5, so as to provide at least one of a template type, a template design, Cascading Style Sheets (CSS) that provide information and a Multibook Engine (OP Multibook Engine) that receives the markup language and the CSS and generates an HTML-based web browser.

The web editor further includes a DB unit for storing at least one type of e-learning content, at least one template type, at least one template design, a plurality of pre-generated templates, and e-learning contents based on the authored HTML5 in a file of HTML5 format .

The e-learning contents include HTML5-based web contents, EPUB (electronic publication) and PDF (Portable Document Format) which are free electronic books. The OP Multibook Engine includes a content resource storage for storing content resources, A template generation unit that communicates with the terminal on a web-based basis and generates a template for each session or process by using a content resource file designated by the designer terminal among the stored content resources; and a template generation unit The selected template is applied as a template for the corresponding task or process of the e-learning content based on HTML5, and the e-learning content based on HTML5 is authored using the content resource file designated by the designer terminal, on the e-learning content based on HTML5 to which the template is applied Includes e-learning content authoring department .

The designer terminal of the present invention connects to a web editor capable of authoring HTML5-based e-learning contents through a web, and the web editor selects a template, Based on the generated HTML5-based e-learning content, copying the created e-learning content or copying the created e-learning content to generate a new HTML5-based e-learning content do.

Therefore, according to the e-learning content authoring apparatus using the markup language of the present invention, the markup language development (OPML) capable of converting the e-learning basic data into various types of output products, Restful Web services can be implemented and E-Book and e-learning Web-App new interoperability platform can be built, allowing designers to easily make HTML5-based e-learning contents on templates using content resource files (eg images, There is an effect that can be authored.

In addition, according to the e-learning content authoring apparatus using the markup language of the present invention, it is possible to author e-learning contents based on HTML5 that can be loaded in various learning management systems.

In addition, according to the e-learning contents authoring apparatus using the markup language of the present invention, it is possible to easily copy and author a task requiring repetitive tasks, thereby reducing the cumbersome task of repeatedly performing tasks, You can author to a location.

FIG. 1 is a main configuration diagram of an e-learning content authoring apparatus using a markup language according to an exemplary embodiment of the present invention,
2 is a detailed configuration diagram of the OPML web editor of the present invention,
3 is a detailed configuration diagram of the OP-Multibook engine,
And
4 is a flowchart illustrating an e-learning content authoring method according to an embodiment of the present invention.

It is to be understood that the words or words used in the present specification and claims are not to be construed in a conventional or dictionary sense and that the inventor can properly define the concept of a term in order to describe its invention in the best possible way And should be construed in light of the meanings and concepts consistent with the technical idea of the present invention.

Throughout the specification, when an element is referred to as "comprising ", it means that it can include other elements as well, without excluding other elements unless specifically stated otherwise. It should be noted that the terms such as " part, "" module, " .

It is to be understood that the term "and / or" throughout the specification includes all possible combinations from one or more related items. For example, the meaning of "first item, second item and / or third item" may be presented from two or more of the first, second or third items as well as the first, second or third item It means a combination of all the items that can be.

Identification codes (e.g., a, b, c, ...) in each step throughout the specification are used for convenience of description, and the identification codes do not limit the order of each step, Unless the context clearly states a particular order, it may take place differently from the stated order. That is, each step may occur in the same order as described, may be performed substantially concurrently, or may be performed in reverse order.

Hereinafter, an embodiment of the present invention will be described with reference to the drawings.

FIG. 1 is a block diagram of an e-learning content authoring apparatus using a markup language according to an embodiment of the present invention, and FIG. 2 is a detailed block diagram of an OPML web editor of the present invention.

As shown in the figure, the e-learning content authoring apparatus 10 of the present invention generates e-learning contents 200 based on HTML5 compatible with various devices in an OPML Web Editor 100, And to be able to learn through the Web Viewers 300. [

The OPML web editor 100 (hereinafter, referred to as a web editor) is used as an HTML5-based e-learning content authoring tool for designers.

The designer can download the web editor 100 which can access the HTML5-based e-learning contents easily and inexpensively by accessing through the web through his / her terminal 400. [

The designer's terminal 400 accesses the web editor 100 through the web, thereby enabling the author to quickly write e-learning content based on HTML5 on the web without installing a separate program.

In the web editor 100, a basic template for creating a template is a template. After the template is selected, the e-learning content based on HTML5 is authored. Most of the contents of e-learning contents are fixed in the same type.

In addition, the web editor 100 can bundle multiple chases into the process of e-learning contents based on HTML5. Therefore, if the template or process template of the e-learning content based on the HTML5 generated using the same template is modified, the web editor 100 can modify all the scenes belonging to the e-learning content or the process of the e-learning content based on the HTML5.

In the conventional content authoring tools, content is authored based on the main content. Therefore, when the content needs to be modified, the web content editor 100 needs to modify each content. On the other hand, the web editor 100 creates a main content based on HTML5- based e-learning content, Lt; / RTI > contents of the e-learning contents.

And the template can change several times of one e-learning contents at a time, facilitating maintenance and reducing modification cost.

On the other hand, the web editor 100 automatically resizes the authoring site of the e-learning content based on HTML5 according to the screen size or resolution of the various designer terminals 400, and provides the authoring site to the designer terminal 400.

The web editor 100 detects the screen size or resolution of the designer terminal 400 and automatically aligns the site for authoring e-learning contents based on HTML5 according to the detected screen size or resolution, It is possible to provide HTML5-based e-learning contents to various teaching instructor terminals 101 through one source multi-use, that is, one content resource file.

That is, the web editor 100 can create one e-learning content and correspond to all service targets, and can provide e-learning contents based on optimized HTML5 regardless of the size in case of mobile.

The designer terminal 400 is a multimedia communication terminal capable of accessing the web editor 100 through a wired or wireless communication network and authoring e-learning contents based on HTML5. The designer terminal 400 is a multimedia communication terminal that is connected to a network (PC) a smart phone, a tablet PC, a notebook computer, a PDA (Personal Digital Assistants), a PMP (Portable Multimedia Player), and an UMPC (Ultra-Mobile PC).

In addition, the e-learning content based on the HTML 5 authored by the web editor 100 can be stored as an HTML5-based file and can operate regardless of various devices.

In addition, the designer terminal 400 provides a user interface (UI) that is convenient for the designer to use on the screen.

That is, the web editor 100 provides a template type necessary for authoring HTML5-based e-learning contents, a template design, a resource file necessary for a template, and the like with the authoring of e-learning content based on HTML5 through the designer terminal 400. [

Accordingly, in the following description, the Web editor 100 and the designer terminal 400 can be used in the same meaning in combination.

The web editor 100 can easily link various content resources (e.g., text, image, sound, video, animation, and the like) and e-learning content based on HTML5.

The designer terminal 400 may provide a user interface (UI) or a user environment (UX: User Experience) for facilitating authoring of HTML5 based e-learning contents.

The designer terminal 400 provides a universal user interface, such as template type, template design, basic template template, or process, from the web editor 100, but may provide a separate option.

To this end, the Web Editor 100 is provided with various types of data, such as various types of data, through an OP-Multibook Engine 140 based on a new type of markup language (OPML) for creating e-learning contents and a web standard style sheet (CSS3) Thereby allowing the device to calculate compatible e-learning contents.

Accordingly, the Web Viewers 300 develop compatible OPML Viewer web applications on various devices using the CSS3 media query technology and serve through the HTML5-based web browser 150. [

Referring to FIG. 2, the OPML 110 is a new type of markup language for e-learning contents, and is a markup language that can convert e-learning basic data into various types of output.

The OPML 110 can be transformed into HTML5 (HyperText Markup Language) based web content and EPUB and PDF or other user defined output.

In particular, electronic publication (EPUB) is an open, free electronic book standard established by the International Digital Publishing Forum (IDPF). EPUB is designed to be automatic reflowable, meaning that it can be automatically optimized for the type and size of the display machine when you view the contents created by EPUB. In order to replace the existing open eBook standard It has been adopted as the official standard in the international digital publishing forum.

Hypertext Markup Language (HTML) is a plain text format document written in ASCII (KS completion code) code, which is the default language for creating web pages. It is plain text that can be used in any system environment.

So you can write with most editors that can edit the text format.

The structure of the HTML includes not only the actual contents of the document but also the head portion, which is the portion having the information about the HTML document such as the title, author and creation date of the document, and the portion to be displayed on the screen. In other words, a body part composed of a tag indicating a document size, a font, a color, and a paragraph, a tag indicating a table, and a tag indicating a hyperlink, and a tag indicating that the HTML document is included at the beginning and the end of the file .

HTML5 is a next-generation web standard currently underway at the W3C web standards body - the standard for judging HTML5 as an industry standard that all web browser vendors such as MASO, Mozilla, Apple, Google and Opera are participating in is a new document format (Doctype) .

For example, by declaring <! Doctype html>, it can be recognized as an HTML5 document, and the web browser will use the latest rendering engine.

HTML5 supports more extended tags than HTML4. In particular, you can use structured markup such as header, footer, nav, and section to suit your document structure.

A CSS (Cascading Style Sheet) 120 describes how to make a document appear on the screen. Again, it can be said that it provides style information to markup text such as HTML and XML.

In addition to online display such as web page opened in web browser, it can support various media such as paged media and how to pronounce aural style sheets for visually impaired people.

Linking & embedding in a structured document (HTML, XML, etc.) can be device, platform independent, and does not require additional HTML elements or attributes, It is one of the best ways to satisfy everyone.

Moreover, XML does not deal with styles and layouts directly, unlike HTML.

Cascading Style Sheets (CSS) is not simply a style sheet, but rather a cascading style sheet that provides clear standards for document approach and style processing.

The style sheet has three main subjects: author, user, and user agent. All of this can be duplicated because you can specify a style sheet. So one must precede the other.

The default is that the author style sheet takes precedence over the user style sheet. However, the preferences in these two stylesheets may change.

The rewriter and user stylesheets take precedence over the user agent default stylesheets.

It is cascade to give priority to the precedence.

CSS is for HTML, but it can also be used in XML, as seen in XML applications such as SMIL. CSS is a valid specification as well as a major upgraded version of HTML, and one of the XML applications, XHTML. Unlike XSL, which is for XML and can not be used in HTML, it has a strong meaning to change the document format.

In a CSS media query, a media query consists of a media type and at least one or more expressions. The scope of the style sheets can be limited through expression using media features such as width, height, and color.

Media queries are included in CSS3 and allow you to customize the presentation of content to output devices within a specific range without changing the content.

Media queries consist of media types. It also includes one or more expressions to suit the CSS3 specification. This is a media feature that can be expressed as a true / false value. When the media type in the media query matches the device type and all expressions in the media query are true, the result of the query is true.

Using this logic, the OP-Multibook engine 140 creates an HTML5-based web browser 150 using the OPML 110, the CSS 120, and the ASSETS 130.

3, the OP-Multibook engine 140 includes an e-learning content authoring unit 141, a template generating unit 142, a content resource storing unit 143, and a plurality of A plurality of template types, a plurality of template designs, a plurality of templates generated in advance, and a DB unit 144 for storing the e-learning contents based on the authored HTML5 in an HTML5 format file.

The content resource storage unit 143 stores content resources used for authoring e-learning contents based on HTML5. The template generation unit 142 communicates with the contents designer terminal 400 on a web-based basis without installing a program for communication, Based on the HTML5-based e-learning content from the designer terminal 400, and selects a content resource stored in the content resource storage unit 143 according to the selected template type using the content resource file designated by the designer terminal 400 Or to create a template for each time step or process.

The e-learning content authoring unit 141 selects a template suitable for the submission or process of the e-learning content based on the HTML5 among the temporal or process-specific templates generated from the designer terminal 400, and selects the template corresponding to the e-learning contents Based e-learning content using the content resource file designated by the designer terminal 400 among the content resources stored in the resource storage unit 143 to the e-learning content based on HTML5 to which the template is applied Is operated to author.

In addition, the e-learning content authoring unit 141 selects e-learning content types from the designer terminal 400, such as a moving picture type, a tutorial type, a presentation type, a follow-up type, and a story- .

In addition, the e-learning content authoring unit 141 copies one or more HTML5-based e-learning contents selected from the e-learning contents based on the HTML5 based on the created e- Thereby generating a time frame or a process of the content.

In addition, the e-learning content authoring unit 141 links at least one content resource file among text, image, sound, video, and animation among the content resources stored in the e-learning content based on HTML5 to which the template is applied, You can add the interactive nature of the file to connect.

The content resource storage unit 143 branches and manages content resources used for authoring e-learning content based on HTML5 by account, process, and resource type, and adds and manages a content name or a description for each content resource.

When it is necessary to modify the previously stored e-learning contents, the e-learning contents authoring unit 141 may retrieve the e-learning contents that need to be corrected from the DB unit 144, modify the edited contents, and store the edited contents in the DB unit 144 again. Also, the e-learning content authoring unit 141 can recall the previously stored e-learning contents and reuse them when authoring the e-learning contents similar or similar in terms of time or process.

A method for authoring an e-learning content of the present invention will be described using the above-described apparatus.

FIG. 4 is a flowchart illustrating an e-learning content authoring method according to an embodiment of the present invention. As shown in FIG. 4, the designer terminal 400 communicates with the OPML Web editor 100 on a web basis without installing a program for communication S110).

First, the OPML web editor 100 selects a template type corresponding to the e-learning content based on HTML5 from the template generating unit 142 of the OP multi-book engine 140 (S111).

In step S112, the template generation unit 142 generates a template for each session or process using the content resource file designated by the designer terminal 400 among the pre-stored content resources according to the template type selected in step S111.

After that, the e-learning content authoring unit 141 selects a template suitable for the course or process of the e-learning content based on the HTML5 based on the hourly or process-specific templates generated from the OPML web editor 100 (S113).

Then, the e-learning content authoring unit 141 applies the selected template as a template for the corresponding course or process of the e-learning content based on HTML5 (S114).

Then, the e-learning content authoring unit 141 uses the content resource file designated by the designer terminal 400 among the content resources stored in the content resource storage unit 143 to the e-learning content based on the HTML5 to which the template is applied, (S115).

At this time, the e-learning content authoring unit 141 may connect at least one content resource file among the text, image, sound, video and animation to the e-learning content based on HTML5 to which the template is applied.

In addition, the e-learning content authoring unit 141 may add and interact with at least one content resource file.

If the OPML Web editor 100 selects one or more of the HTML5-based e-learning contents for the purpose of course copying or process copying among the e-learning contents based on HTML5, the content authoring unit 142 selects the e-learning contents based on the selected HTML5- (Step S116). In step S116, a new course or process of the new HTML5-based e-learning content is created or a created course or process is distributed.

On the other hand, when it is necessary to modify the e-learning contents based on the authored HTML5, the content authoring unit 142 takes the time or process of the e-learning contents included in the e-learning contents to be modified, .

The e-learning contents distributed on the web are taught by the dedicated Web Viewer of the present invention.

If necessary, the e-learning contents may be downloaded (310).

As described above, the present invention can develop a teaching strategy differentiated by various interactions such as SNS, discussion, animation, and various types of problem solving according to the process characteristics, and it is produced on the web, You can share URLs with Facebook and KakaoTalk, and you can save your drafts and saved contents as PDF, and print the selected screen directly.

In addition to providing various types of videos such as interviews, conversations, and discussions depending on the content, besides motivation, various animations required during learning can be provided. Problems are solved through problem banks having many problem pools every time, It is possible to give the opportunity to apply the theory in the situation, and it has various multimedia elements.

While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is evident that many alternatives, modifications and variations will be apparent to those skilled in the art.

100: OPML Web Editor 110: OPML
120: CSS 130: ASSETS
140: OP-Multibook engine 141: e-learning contents authoring unit
142: Template generation unit 143: Content resource storage unit
144: DB unit 150: Web Browser
200: e-learning contents 300: Web Viewer
400: designer terminal

Claims (5)

A web editor for creating e-learning contents based on HyperText Markup Language 5 (HTML5) compatible with various devices and distributing the e-learning contents to the web, and a markup language for allowing the e-learning contents distributed in the web editor to be learned through a web viewer In an e-learning content authoring apparatus,
The web editor
It is also possible to automatically reuse the authoring site of the e-learning content based on HTML5 according to the screen size or the corresponding degree of the terminal, and to combine the template type, the template design, the basic template, To provide more user interfaces
A new type of markup language (OPML; OP Markup Language) for producing e-learning contents;
A Cascading Style Sheet (CSS) that provides style information to text in HTML5; and
A multi-book engine (OP Multibook Engin) for receiving the markup language and the CSS and generating an HTML-based web browser;
And a control unit for controlling the operation of the e-learning content authoring apparatus.
The method according to claim 1,
The web editor
A DB unit for storing the type of one or more e-learning contents, one or more template types, one or more template designs, a plurality of pre-generated templates, and e-learning contents based on authored HTML5 as HTML5 format files;
Wherein the marking language further comprises:
The method of claim 2,
The e-learning content
An e-learning content authoring device using a markup language including HTML5-based web contents and free electronic books EPUB (electronic publication) and PDF (Portable Document Format).
The method of claim 3,
The Multibook Engine (OP Multibook Engine)
A content resource storage unit for storing content resources;
A template generating unit that communicates with a designer terminal on a web-based basis and generates a template for each session or process using the content resource file designated by the designer terminal among the stored content resources; And
The templates selected from the template or process-specific templates generated by the template generation unit are applied as templates for the corresponding tasks or processes of the e-learning content based on the HTML5, and the content specified by the designer terminal in the HTML5- An e-learning content authoring unit for authoring HTML5 based e-learning contents using a resource file;
Wherein the marking language includes at least one marking language.
The method according to claim 1,
The designer terminal accesses a web editor that can access the e-learning contents based on HTML5 by connecting through the web,
The web editor
Based on the e-learning contents based on the HTML5, creating the e-learning contents based on the HTML by grouping the e-learning contents and generating the e-learning contents based on the generated one or more HTML5- The e-learning contents authoring apparatus using a markup language for copying a process and creating new scenes or processes of e-learning contents based on new HTML5.

Images