KR20150054198A

KR20150054198A - On-line education system

Info

Publication number: KR20150054198A
Application number: KR1020130136360A
Authority: KR
Inventors: 박근흠
Original assignee: 주식회사 샤크로
Priority date: 2013-11-11
Filing date: 2013-11-11
Publication date: 2015-05-20

Abstract

An on-line education system for disabled students is provided to develop an educational application by using an authoring tool and to increase the education efficiency through a process of distributing the educational application to users in a form of downloading and simultaneously letting a student and a teacher mutually exchange opinions through a user device, by comprising: a step of authoring to develop content which suit a smart viewer and quiz by using the authoring tool; a step of distributing to send the content created in the step of authoring to the user device through online; and a step of utilizing to install the content sent through the step of distributing in the user device and to use the content.

Description

On-line education system

The present invention relates to an on-line education system, and more particularly, to a system and method for developing an educational app using an authoring tool, distributing the application to a user in a download form, The present invention relates to an online education system for a student with a disability that can enhance the efficiency of education.

Due to the development of communication technologies such as the Internet, various educational systems using online have been developed. In particular, due to the remarkable spread of personal portable devices, various forms have been developed together with an online education system adapted to these conditions.

Korean Patent Laid-Open Publication No. 2002-0014016 discloses a method of authoring a training material or an evaluation item using a training material authoring tool, a step of grouping the training material or evaluation object into a single integrated file, Uploading the educational object or evaluation object bundled with the educational object or evaluation object to the educational object management system, storing the educational object or the evaluation object uploaded to the educational object management system in a database server, a file server, a TTS server and a VOD server, , A step of transmitting the education object or evaluation object stored in the database server, the file server, the TTS server, and the VOD server to the learner's terminal by the educational object management system at the request of the learner, And evaluating the learning achievement of the learner with respect to the evaluation item. The ruthless online education evaluation 'is disclosed.

However, this conventional method has a limitation in utilization of the authoring tool, and since the teacher has a structure for reviewing and evaluating the data or information that has been completed by the student, there is a problem that real-time two-way education between the teacher and the student is difficult.

Furthermore, the prior art has a problem in that it is difficult to conduct real-time learning through on-line, and the efficiency of learning for a child with a disability and a mental and physical condition is very poor.

The present invention has been made in view of the above problems, and an object of the present invention is to provide an online education system capable of developing and providing contents suitable for a user's situation using an authoring tool.

Another object of the present invention is to provide an online education system in which a teacher can intervene in real time in a student's academic state and thus can effectively teach disabled students with relatively low learning ability.

According to another aspect of the present invention, there is provided an information processing method comprising: a authoring step of developing content suitable for a smart viewer and a quiz using an authoring tool and storing the developed content in a main server; A distribution step of transferring the content generated in the authoring step to a user device connected to the server through online; And an application step of installing the content transmitted through the distribution step in the user device and sharing the information in real time among users on-line and performing learning.

In the authoring step, contents suitable for a smart viewer and quizzes are imported from existing development contents (.ppt, .hwp, .doc, web, etc.) using the authoring tool, or are generated from templates or developed through direct writing .

The authoring step may include generating external content including at least one of images, images, and voices corresponding to the respective contents, and copying and managing the contents to a folder.

And distributing the contents file and the external contents in the form of a web viewer or an Android application viewer in the distribution step.

And the app viewer is made up of a teacher mode and a student mode.

The teacher mode can be controlled by viewing the student's viewer access status, and the contents written by the teacher device are shared with the students participating in the class.

The student mode can be written separately from the teacher's writing and the learning contents can be stored.

The learning progress and the written contents will be saved as vector data and output to the image.

The present invention includes a quiz mode.

The quiz includes four modes of drag and drop, selection, line drawing, and text input.

INDUSTRIAL APPLICABILITY As described above, the online education system according to the present invention provides an authoring tool to develop content suitable for a user and utilize it to a user, thereby enhancing educational efficiency.

In addition, because teachers can intervene in the learning of students in real time, effective teaching can be provided to students with relatively low ability to learn.

1 is a schematic block diagram illustrating a communication environment between a teacher and a student according to the present invention.
2 is a diagram showing a connection state between a teacher terminal and a student terminal;
FIG. 3 is a diagram showing an input and information processing flow between the selected teacher-side server and the student terminal
Figs. 4 to 26 are diagrams showing an example of realization of the authoring tool according to the present invention
27 shows a schematic block diagram at the time of execution of the teacher mode of the smart viewer
28 to 40 are drawings showing an actual implementation example of the teacher mode according to the present invention
41 is a diagram showing an example of a content execution state in a situation where actual learning proceeds
FIG. 42 is a schematic block diagram when the Smart Viewer is in the student mode
Figures 43 to 55 illustrate actual implementations of a student deck according to the present invention.
55 is a schematic block diagram for implementing a quiz
56 is a diagram showing an example of executing a drag-and-drop quiz for the implementation of quiz
57 is a diagram showing another example of executing the drag-and-drop quiz in the quiz implementation
58 is a diagram showing an example of a selection quiz of a quiz implementation;
59 is a diagram showing an example of a line drawing quiz in a quiz implementation;
60 is a drawing showing an example of proceeding with a text input quiz in the quiz implementation
61 is a diagram showing an example in which four quizzes of FIG. 56 to FIG. 60 are used in combination; FIG.

The present invention relates to a method of creating a smart viewer and a quiz, A distribution step of transferring the content generated in the authoring step to a user device connected to the server through online; And a utilization step of installing the content transmitted through the distribution step in the user equipment and sharing information among users on-line in real time and performing learning.

In the authoring stage, the contents can be imported from existing development contents (.ppt, .hwp, .doc, web, etc.), generated from templates, , And external content (image, video, audio, etc.) included therein is copied and managed in the content folder.

The developed contents 'author' the learning contents for smart learning of the students with disabilities and 'distribute' through online or offline methods, and the students and teachers download it to the user's device such as the Galaxy Tab 10.1 (or 8.9) In the system.

In the distribution step, the content (content file and external content) generated in the authoring step is compressed into a web viewer (.xap, etc.) or an Android app viewer (.apk) and managed as a single file or a plurality of files. The generated distribution file is distributed through a separate method.

In the utilization stage, participants can participate in classes through a Galaxy Tab or a web server, or browse contents by themselves (review). When participating in a class, the viewer is divided into a teacher mode and a student mode. Teacher mode can view or control the content status of a student, such as which page a student is viewing, To the students who participated in. In student mode, students can write separately to be distinguished from teacher's writing, and can save the contents of learning (content / subject to where they have been taught, progress and writing as vector data) . In addition, the quiz mode allows interactive learning with the workbook.

As mentioned above, the Smart Viewer was developed as two types for teacher's students. The teacher viewer was developed focusing on the ease of use by the teachers, such as the function of opening the classroom and the management of the students. The student viewer is divided into class participation, search function, And the ability to do that.

FIG. 1 is a schematic block diagram illustrating a communication environment between a teacher and a student according to the present invention.

The present invention includes a selected teacher-side terminal 30 connected to the main server 10 via on-line communication and a plurality of student-side terminals 40 participating in a class established by the teacher, and the main server 10 Is associated with a database 20 that stores learning progress, teachers, and student lists.

FIG. 2 shows a connection state between the teacher terminal and the student terminal shown in FIG. 2. As shown in the figure, in order to interlock with each other as shown in the figure, the smart viewer must be connected to the same wireless router 1 in the same space, You can share. At this time, the smart viewer can be selectively installed in the teacher terminal (T) and the student terminal (S), and mutual communication is allowed through the router (1).

FIG. 3 shows the flow of input and information processing between the selected teacher-side server and the student terminal. When the teacher's name, address, and learning contents are registered and disclosed, and the student participates in learning, And at the same time judges whether the password is suitable or not. Next, profile information such as profile inquiry and photograph and other information is provided between the two sides. The teacher side starts the actual learning, and provides the learning information of the page showing the course and the progress. On the student side, we can request the learning information to participate in the learning, and at this time, the teacher also provides the learning information of the subject, page, and accumulated information (including the current page book). The learning ends, the teacher makes a status request, and the student provides status information such as data details. The teacher informs the details of the control data and eventually completes the data exchange on both sides.

Hereinafter, the authoring tool of the present invention will be described in detail with realization examples.

The authoring tool of the present invention can produce and develop learning contents used in a viewer as a dedicated authoring tool of the viewer of the present invention. You can import textbook files created in PDF. You can create or develop contents for each page and use them as learning alternatives.

Content creation can be done in module format supported by authoring tool, and other materials such as photo, video, voice, image can be used as a substitute for learning time.

In the authoring tool, it is possible to develop learning contents easily by providing modules such as drag and drop, line drawing, selection, and text creation as basic. Figs. 4 to 26 illustrate realization examples of the authoring tool according to the present invention. For the sake of convenience, the authoring tool is described in such a manner that an original character is displayed in an area such as a button, a list box, a window, a pop-up window, The circle marks in the drawings are assigned from the first one in each drawing and are valid only for the drawings, and the same marks in the other drawings should be understood differently.

FIG. 4 shows an initial screen of the authoring tool.

The ① is a menu window. It has functions of file saving and retrieving, and functions of Undo, Redo, and PDF retrieval.

Reference numeral 2 is an edit window, which is an editor screen of the authoring tool. You can determine the layout of the textbook and determine the screen layout of each module and image or media.

The code ③ is a page thumbnail window that allows you to view page nails and view the created textbooks and modules at a glance and move them.

④ is a tool window, which is a tool necessary for inserting the image and media of the content authoring tool of the authoring tool and for producing and developing each module. There are tools for inserting images, media, text, etc., and tools for creating and applying modules such as drag and drop and line drawing.

Each tool is marked with an icon and contains the following icons.

The test button can actually test the textbooks and modules created by the authoring tool on the edit screen.

The select button returns to the edit screen and the module for changing image and media insertion position can be developed.

The image button allows you to call up pictures and pictures and make them in the desired location. You can also insert an image by dragging the image file from the Windows Explorer and placing it on the edit window screen.

The media button can create video and audio files and media content.

The Image Sequence button allows you to specify the folder containing the sequence image to play or set the sequence animation

The TTS button is a function to read and write TTS mode text.

A text button can create a module that can write text. If you specify a region by dragging where you need to write text, you can write with the keyboard in the viewer.

Transparent area button You can create a transparent selection area and insert multiple action effects. When you select a transparent area in the viewer, the specified action effect appears.

Drag and Drop button Used to create a drag and drop module. Each time the application is applied to the edit screen, one drag content is created. To create multiple content, you need to apply multiple times.

The draw button is used to create the draw module. Each time the application is applied to the edit screen, the contents are generated one by one. To create multiple content, you need to apply multiple times.

The select button is a module that displays the correct answer and the wrong answer when you make a selection for the quiz pool which will be explained later. If you specify the correct answer and the position of the wrong answer as transparent area, O or X is displayed when you select it in the viewer. .

A text input button can create a module that can create text. If you specify a region by dragging where you need to write text, you can write with the keyboard in the viewer.

⑤ is a detail setting window, and it is possible to make more detailed settings for the object and module used in the tool.

The symbol ⑥ is a layer window, which represents the order (layer) for each object and module. The object at the bottom of the layer screen is positioned at the front of the editor window screen.

Reference numeral 7 denotes a zoom-edit window, which enables enlargement and reduction of a window, thereby enabling efficient development of contents.

FIG. 5 is a view similar to FIG. 5,

Reference numeral 8 is a user interface (UI) change window. When the arrow button is pressed, detailed settings, layers, slides, and outline windows can be hidden. By hiding the window, as shown in FIG. 6, the edit window (reference symbol 2) is enlarged to provide more convenient usability, so that contents can be produced using an efficient screen configuration.

7 to 10 show slides and outlines.

First, in the slide of FIG. 7, a thumbnail of the textbook can be seen. If it is composed of multiple pages, it is possible to make it easier to make and modify by using the thumbnail function. At this time, the link page can not be seen.

FIG. 8 shows a slide pop-up menu. The slide is edited using the functions of chapter insertion, sanction insertion, sanction deletion, step up to chapter, page insertion, and name change.

FIG. 9 shows an outline, which is categorized into textbooks and articles, in which a new link page can be displayed on the screen at the time of creation, and the name of the textbook and the name of the unit member page can be changed or changed.

FIG. 10 shows an outline editing menu, which allows editing of the position of a page, copying of pages, deletion, name change, and the like. The pop-up menu can be viewed by right-clicking the mouse.

FIGS. 11 to 13 are menu items for performing file, modification, and export, and are items responsible for file storage and file loading of the authoring tool. The file is responsible for the authoring tool file, and the edit item is responsible for loading the picture file such as pdf.

The file items in Fig. 11 include items of new creation, storage, retrieval, and close.

The modifications in FIG. 12 include the following: reverting, rewriting, importing PDF files, importing EZB files, importing pages (importing a page), clip art (image files provided by a program) Providing a guide for ease of use), and pasting (image pasting).

The export of Figure 13 is to export to EZB and save as EZB file.

FIG. 14 illustrates a screen of the clip art, which is composed of search and selection. Search can be confirmed by inputting the name and? Of the object and displaying the corresponding image. The selection is applied to the screen being edited when clicking on the image and then pressing the select button.

FIG. 15 illustrates a screen of the tablet, and includes buttons for dragging and dropping, drawing, preliminary selection, and text input, and is applied to an editing screen when a desired button is clicked. You can easily create a learning module using the applied template.

FIG. 16 illustrates a detailed setting function for adding and setting detailed parts of objects and modules created in the edit window screen of the authoring tool, and has the following functions.

X adjust the positions of the left and right sides (X) of the object, respectively.

Y adjust the positions of the upper and lower sides (Y) of the object, respectively.

The width adjusts the left and right size of the object.

Height adjusts the height of the object.

Opacity controls the transparency of an object.

At the time of loading, the action takes place immediately when it goes to the setting page.

When touching an action, the action proceeds when the object is clicked.

17 shows a layer setting screen of the layer authoring tool. This allows you to see at a glance which objects have been created on the current page and link pages and which modules are being created through the list of layers.

① Layer Hide Hide or show the layer.

② Up, Down Edit the order of layers. The object at the bottom of the layer screen is shown at the top of the edit screen.

③ Application of action editor You can see the action applied to object such as play image, play media at a glance.

④ Delete - Delete layer

⑤ Replication of the replication layer

⑥ Fix the fixed layer so that it can not move.

FIG. 18 shows an action editor, which can be applied to an action item at the time of loading and an action item at the time of touching in the detail setting menu. The load-time action is where you specify the action that appears when you first view the page. When touching, an action is a place to specify an action to be performed by clicking an applied object (refer to the detail setting in FIG. 4). You can apply the action editor by clicking the Add button.

In the action editor, when an action is added as shown in FIG. 19, an action can be added to the general action list by clicking on a button to be applied.

In addition, a link page can be created using items of the link view. In the link view, pages are linked to the page. Linked pages can be accessed via buttons or selection areas, rather than through normal access. You can think of it as a hidden page if you organize it easily.

When an internal page link is selected, a link page is designated and generated. When you select an internal file link, the specified file is loaded and executed independently on the SmartPad. If you select an external link, when you register a web page address, the web page of the corresponding internet address is loaded when the object is clicked. This link will be explained later on the selected screen.

If the page movement is clicked in FIG. 19, if a page desired to be moved is set as shown in FIG. 20, the object containing the action is moved to the designated page upon clicking.

When the page selection window is displayed as shown in FIG. 21, the page to be moved is selected. The applied action can be confirmed in the layer of FIG.

On the other hand, if the sequence image reproduction is selected in FIG. 19, a folder containing the sequence image is selected as shown in FIG. 23, and an object is selected to set the sequence animation to be played.

When image reproduction is selected in FIG. 19, when an applied object is clicked as shown in FIG. 24, the image appears and disappears. You can set the time at which the image is displayed by entering a value within the playback time.

When media playback is selected in FIG. 19, the registered image is displayed when an applied object is clicked as shown in FIG. When the video is finished, the screen returns to the original.

If an image pop-up is selected in FIG. 19, the registered image is temporarily displayed and disappears when the applied object is clicked. Unlike image playback, you can not set the displayed time.

FIG. 26 is a further explanation of the link view in FIG. 19, in which a link page insertion operation using an internal page link menu is performed by clicking on an internal page link button, selecting a content page in which a link page is to be inserted, To create a link page.

The delete button deletes the selected page.

If you check Create Complete button, a completion button will be created at the bottom of the screen when creating the page link. The Done button is used to move back to the textbook page after learning the link page.

As described above, a dedicated authoring tool of the viewer can produce and develop the learning contents used in the viewer. If you want to add only the learning module to the basic textbook, the module is created using the link page. Modules created as link pages are included in the page, so you can click the module button on the page to go to the link page.

The online education system according to the present invention is developed by the authoring tool as described above, and can be appropriately manufactured according to the user's state.

On the other hand, the developed contents are compressed into a single file or a plurality of files by compressing them into a web viewer (.xap, etc.) or an Android app viewer (.apk, etc.) To the user equipment. The user equipment includes teachers and students.

Hereinafter, a viewer used in the utilization stage of the present invention will be described in detail. Viewer is divided into teacher mode and student mode.

Fig. 27 shows a schematic block diagram when the viewer is in the teacher mode.

According to this, when the teacher mode is executed, a learning classroom is established. At this time, the student remains in the waiting state. On the other hand, if the establishment is already completed, the progress check on the opened learning is carried out. Once the progress check on the opened learning is completed, the actual learning progresses. At this time, it becomes possible to share the writing board, control the student status (control of the page of the current learning), and view the student status.

On the other hand, additional quiz contents may be added to the learning. When the quiz is executed, the student state control is performed to check the execution and termination of the quiz, as well as the student state view such as correct answer / wrong answer / screen for the quiz.

When the whole process is completed, the learning is finally finished.

A screen in which the teacher mode is driven by an actual user device will be described with reference to FIGS. 28 to 41. FIG.

First, FIG. 28 shows a screen for registering, selecting, and editing a teacher.

Reference numeral (1) is a list box, and moves to the teacher selection: course / unit selection screen. At this time, the teacher screen consists of several teachers to cope even if the number of teachers increases. Teacher class progress history (progress check) is saved.

When the user clicks on the icon ② for a long time, the 'teacher selection popup' menu pops up as shown in FIG. 29 to be described later.

The ③ button is used to access the alternative data download site.

④ moves to the new teacher's profile registration / editing screen with the new registration button.

⑤ Go to the website of the special education institute.

FIG. 29 shows a popup menu popped up when a teacher selection item is pressed for a predetermined time or longer.

Reference numeral (1) has a teacher profile delete function with a delete button. By pressing the button, a judgment statement of "Do you want to delete?" Is presented, and an OK button is input to perform deletion.

② The edit button is used to edit the teacher profile. Go to Teacher Profile Registration / Edit screen.

The cursor ③ moves to the screen for editing the teacher list order with the edit order button.

The code ④ is confirmed by the "Do you want to delete?" Decision with the learning record deletion button, and the corresponding teacher learning record recorded is deleted.

When another part other than the above is clicked, the state moves to the state shown in FIG. 28 with the teacher selection screen.

FIG. 30 shows a screen when the teacher new registration button is clicked in FIG.

You can choose to take a picture in the photo registration area, select it from the album, or delete it.

② Enter the name, affiliation, and subject as text.

Press ③ to cancel the contents change with the cancel button and move to the teacher selection screen.

The code ④ changes the contents by applying the contents input by the registration button and moves to the teacher selection screen.

⑤ is the learning record view area, and the learning record is presented as the log record.

The mark ⑥ is confirmed through the judgment statement of "Do you want to delete?" With the learning record deletion button, and the corresponding teacher learning record recorded is deleted.

31 and Fig. 32 show a screen when a teacher is selected.

The ① indicates a list of registered teachers as a teacher selection list box.

Reference numeral 2 denotes a teacher individual list box. When a specific teacher is selected in the entire list box, the background color changes as shown in FIG. 32, and a movement arrow (?) Appears. Long click shifts into drag mode with drag and drop.

3) Press the Done button to save the changes and move to the teacher selection screen.

The cursor ④ moves to the Teacher Find screen without saving the changes with the Cancel button.

⑤ put the teacher profile up one space.

The symbol ⑥ turns the teacher profile down one space.

33 and 34 show the subject selection screen. Fig. 33 shows an outline view, and Fig. 34 shows a page view.

The code ① can select a desired course as a course selection list box.

② The list of participating students is displayed as a list box, which remains empty until the classroom is opened. Or the area is not visible and the item ④ appears larger. When the learning is opened, a student list is displayed as shown in FIG.

The symbol ③ will be sent out after confirming it through the pop-up "Do you want to export?" Judgment sentence when you click on the student for a long time. Other students, etc. participating in the learning to prevent the learning can be blocked.

④ is the outline view / page view tab selection button, and outline view shows the contents in a tree structure such as unit, subject, sanctions. Page view shows content on a page-by-page basis

The symbol ⑤ is a unit / page selection list box. If the unit / page is selected, the background color of the selected unit / page is changed and the learning can be opened.

⑥ is a cancel button, and if you press the button, it returns to the teacher selection screen before the learning opening. If you press the cancel button while opening a course, you cancel the opening of the course and send out all students

Reference numeral ⑦ is a learning opening button. When the button is pressed, the learning classroom information of the teacher is displayed. Until the unit / page is selected, the click is not possible.

When all selection and setting are completed, the learning start button is turned to the learning start button as shown in FIG. 34. When the learning start button is pressed, learning starts with the current student and the selected unit (page).

Fig. 35 shows a selection menu for learning.

The symbol ① moves to the thumbnail view screen, and toggles the current page bookmark on a long click.

The sign ② toggles the writing mode and the touch mode.

The symbol ③ selects the pen and changes to the pen mode when touching. At this time, it is possible to drag up and down and set the pen thickness, and pop the pan color and thickness control window with the tab.

The symbol ④ is a partial eraser, which allows you to set the size of the eraser while holding it down, dragging, and erasing the contents of the part of the part to be touched on the screen

Symbol ⑤ is a whole eraser, erasing all of the current screen eraser.

⑥ is the control toggle key. In the control state, the student viewer works as the teacher moves. When toggling to the control state, the student's client changes to the current state of the teacher (page, quiz, object execution, etc.). Long click allows selective control of students

⑦ pops up the quiz / application selection window.

⑧ Pop up the student status window.

The symbol ⑨ moves to the environment setting screen.

Reference numeral 10 is a learning end button.

36 shows a screen when the thumbnail button (1) is selected from the selection menu of FIG.

You can see the whole page as a thumbnail with the button ①

The symbol ② shows only the pages marked bookmarked by the bookmarks view button.

The symbol ③ selects each page as a list box of page thumbnails. If you touch it briefly, it moves directly to that page. Also, if you click and hold a specific page, the bookmark of that page is toggled

The symbol ④ indicates the current page and is different from the general page whose border is not selected.

Reference numeral 5 denotes a bookmarked page and is a specific indication (exemplified by a star mark). Long press to toggle.

If you click the search button ⑥, the search window (⑧) pops up

⑦ is the end button, the thumbnail view screen is exited when there is no search window popup (⑧). The thumbnail view screen is also terminated by pressing the back button

The symbol ⑧ is displayed by clicking the search button (⑥) in the search window, and it is not normally displayed.

The symbol ⑨ indicates the table of contents of the textbook in a tree structure so that it can be searched more easily

If the user presses this button or the back button with the search window end button 10, the search window popup is terminated

FIG. 37 shows a screen when the writing mode (2) in the selection menu of FIG. 35 is selected.

Reference numeral 1 denotes a writing mode button. When a content area is touched in the writing mode, the object does not react and becomes a writing board. If nothing is popped up, press this button again or press the back button to switch to touch mode.

Reference numeral 2 denotes a touch mode button. When the content area is touched in the touch mode, the content can be enlarged or reduced through the multi-touch gesture in response to the object. In this state, press the RETURN button twice in short intervals to end the program. However, memory is not released. If you press the Back button for the first time, the pop-up message "Press the Back button once more" will ask you to press it again to finish.

When you touch the pen ③, the pen mode is changed to the pen mode, and the pen color and thickness control window (⑥) for determining the color and thickness are popped up. Holding down the icon and dragging up / down: Changing the thickness of the pen (see ⑩)

Reference numeral 4 denotes a part eraser which deletes the part of the part that touches the screen

Holding down the icon and dragging up / down: Changing the eraser size (see ⑩)

Symbol ⑤ is a whole eraser, erasing all of the current screen eraser.

⑥ is the pen color / thickness control window, which is popped up when the pen button (3) is clicked as described above, and is not normally seen.

The symbol ⑦ indicates the currently selected pen color and the border is different. If the color of the pen is changed, the change is also applied to ③.

Reference numeral 8 is a slider for adjusting the thickness of the pen. If the thickness is changed here, the change is applied to ③.

If you touch this button or touch the other area or back button in the state where the pen color / thickness control window (⑥) is popped up, ⑨ indicates that window popup is finished

If you drag the pen icon or the partial eraser icon upward or downward, you will see a circled status notification UI that shows the current size next to the icon. The circle does not move, but dragging upward makes it smaller, and dragging it downward makes it larger.

The code ⑪ is saved in the file when the page is moved, and the information remains even if you restart the viewer unless you erase it separately. The contents of the written form are stored in a state contained in the page.

Fig. 38 shows a screen when the control button (6) in the selection menu of Fig. 35 is selected.

Reference numeral 1 denotes a control button, which indicates a control state. In the control state, the teacher's behavior, that is, page turning, application execution, etc., is applied to the student viewer. Also, even if you choose to control in the middle, the current situation applies (for example, if the student is looking at page 7 and the teacher is in 10 pages and the teacher is in control, ). If you click long time, the control student selection window (④) pops up.

Reference numeral 2 denotes a control release state of the control button. In the uncontrolled state, the teacher's behavior does not affect the student viewer. The control student window pops up after a long click.

The number 3 under the control status means the number of students currently under control (if not all). If you control the whole, you can not see the number. If you long click the control toggle in control or uncontrolled state, you will see the number if you select students in the popup control student selection window. The control toggle is toggled to [partial control state] -> [control release state] -> [full control state] -> [control release state] when partial control state exists.

④ is a control student selection window, which is popped up when it is controlled by the control button (①) and is usually not shown.

⑤ is a student selection box. If the student is selected, a checkmark is displayed on the student display area.

The symbol ⑥ indicates that the student is not allowed to select the control mode and is blurred.

⑦ is the end button of the control student selection window (④). If you click this button or backward button or click another area, the control student selection window disappears.

Fig. 39 shows a screen when the quiz button (7) in the selection menu of Fig. 35 is selected.

Reference numeral 1 denotes a quiz / application execution button, and a quiz / application selection window (2) is popped up

② The quiz / application selection window is not normally displayed as a pop-up window. Teachers can run an app directly by clicking on a specific area in the content area, but they can also select and run a quiz / application from the list. When in control mode, the quiz / application is also run in the student's app (or only in the student's app → moved to the student status view automatically)

The symbol ③ indicates the selected quiz / application. The border appears in a different color. In this state, click once more to run the app.

The symbol ④ is the end button of the quiz / application selection window (②). If you press this button or the back button, the window disappears.

⑤ is a control student selection window. If you press and hold the quiz / application execution button (①), the quiz / application selection window pops up. This control student selection window is operated separately from the control student selection window (4) in Fig. 38 by separately selecting a student who will execute the quiz / application separately from the previous pop-up.

FIG. 40 shows a screen when the student selection button (8) in the selection menu of FIG. 35 is selected.

The code ① will pop up the student status window (④) with the student status button

② The configuration window pops up with the configuration button

The symbol ③ ends the learning with the end learning button. Go to the unit selection page.

④ shows the status of each student in the learning status window.

⑤ If the student is selected, the status (page / quiz) of the student is applied to the teacher's viewer or shows the current screen.

⑥ is the end button of the learning status window (④). If you press this button or the back button or touch another area, the student status window disappears

FIG. 41 shows an example of a content execution state in a situation where the actual learning progresses.

The symbol ① shows the textbook image in full screen in a blue square. Outside the blue square is the control area. Size Undecided (Content Guidelines: Viewer is shown in full screen)

The bookmark ② is toggled with the bookmark toggle button. The screen shows a yellow star when bookmarked.

Reference numeral 3 is a speaker image, and the screen contents are described by TTS when clicked. The speaker image in the control area describes the entire screen.

The symbol ④ indicates that the red rectangle is an invisible area on the screen. When the area is selected, the quiz / application is executed.

The symbol ⑤ is the previous page go button.

The symbol ⑥ is the next page go button.

The ⑦ button is clicked with the current page number button to execute the thumbnail view window.

FIG. 42 shows a block diagram for performing the student mode.

When the student mode is executed, the learning mode is selected. At this time, the student can choose teacher choice / single study. If the selected learning mode is already in progress, the progress check is performed for the opened learning. When the progress check for the opened learning is completed, the actual learning progresses, and at this time, learning proceeds through the writing, printing, TTS, thumbnail, and quiz execution modes.

On the other hand, additional quiz contents may be added to the learning. When quiz is executed, it is executed in four areas of drag and drop, selection, line drawing, and text input.

When the completion of all the learning or the determination of the quiz is completed, the learning is finally finished.

43 to 54 are examples of realization of the student mode.

FIG. 43 shows an initial screen of the learning classroom selection process in the student mode.

Reference numeral (1) denotes a list box, in which a list of students is presented and displayed on the teacher selection screen

A flexible screen configuration is needed to cope with a large number of students. Class progress by student (progress check) is saved.

② If you click for a long time, 'Student Selection Popup Window' popup menu will be.

③ is the new student registration button to go to the student profile registration / editing screen

④ is a button to go to the homepage of the special education institute.

FIG. 44 shows a pop-up window of the student selection pop-up window in the learning class selection process.

If you click the 'Student Profile Delete' button, you will see 'Do you want to delete?'

② The student profile edit button is used to move to the student profile registration / editing screen.

The code ③ is a sequence editing button, which moves to the student order editing screen.

Reference numeral 4 is a learning record deletion button, and a judgment statement of "Do you want to delete?" Is presented, and the corresponding student learning record recorded after confirmation is deleted.

When the other part is clicked, ⑤ moves to the student selection screen.

FIG. 45 shows a student profile registration / editing screen in the learning class selection process.

The symbol ① provides an internal selection mode for taking pictures, selecting from albums, and deleting with the picture registration button.

The symbol ② is the name input window, and the name is input as text.

The symbol ③ is a cancel button, and cancels the content change and moves to the student selection screen.

④ is a registration button, it changes the contents and moves to the student selection screen.

Reference symbol ⑤ is a learning record view button, and log recording is provided.

The reference number ⑥ is a learning record delete button, and after confirming "Do you want to delete?", The recorded student learning record is deleted.

Figure 46 illustrates a student selection list box.

① is a student selection list box, and a list of registered students is displayed.

Reference numeral 2 denotes an example of selecting a student in the list box. When a specific student list is selected, the background color changes and a moving arrow (?) Appears as shown in FIG. 47 to be described later. Drag and drop the list to long-click sequence mode.

The code ③ will save the changed contents with the done button and move to the student selection screen.

④ The cancel button is used to cancel the change and move to the student selection screen.

FIG. 47 illustrates a screen when a specific student is selected.

The symbol ① indicates the student selection list box.

The symbol ② is displayed in a state where a specific student is selected in the list box and the background color is distinguished from other unselected student lists. As mentioned above, the list box is switched to the order move mode by dragging and dropping for a long time when clicked.

The code ③ will save the changed contents with the done button and move to the teacher selection screen.

④ Click cancel button to cancel the change and move to the student selection screen.

Code ⑤ places the student profile above one space.

⑥ will put the student profile below one space.

48 shows a teacher selection screen, which allows a student to select a desired teacher.

The code indicates ① a list of teachers registered as teacher list box.

Reference numeral 2 denotes a state in which a specific teacher is selected from the list box, and the selected teacher indicates a background color different from the non-selected teacher list. If the teacher is selected, the learning contents selected by the teacher are displayed on the learning content display area of the code (3) described later.

The symbol ③ shows the learning contents currently in progress when the teacher is selected as the learning content display area or in the standby mode.

The symbol ④ is a selection button that moves to the learning screen during class and to the learning standby screen during standby.

The symbol ⑤ moves to the student selection screen with the cancel button.

The symbol ⑥ moves to the individual learning screen, that is, the subject and the unit selection screen, by the individual learning button.

Fig. 49 shows the learning status screen in a state of moving to the learning screen in Fig.

Reference numeral (1) indicates the information of the teacher selected as the teacher display box.

② is a list box of students participating in Sui, showing a list of students participating in the current class

The symbol ③ indicates the subject name selected by the teacher as a teacher elective course display.

4 shows the outline view and page view tab selection buttons. The outline view shows the contents in a tree structure such as a unit, subject, or sanctions. The page view shows the contents on a page-by-page basis.

⑤ indicates the unit / page selected by the teacher.

Reference numeral ⑥ moves to the teacher selection screen of FIG. 48 with the cancel button.

FIG. 50 shows a course selection screen.

The item (1) is a list of courses as a course selection list box.

Reference sign (2) denotes an outline view and a page view tab selection button. The outline view shows the contents in a tree structure such as a unit, subject, or sanctions. The page view shows the actual content on a page-by-page basis.

The symbol ③ is a section / page selection list box. If you select a section / page, the background color of the selected section / page changes and you can start learning.

The cursor ④ moves to the teacher selection screen with the cancel button.

The symbol ⑤ starts learning with the selected subject and the unit / page with the learning start button

51 shows a selection menu of learning.

② Toggles between writing mode and touch mode.

Symbol ⑤ is a whole eraser, erasing all of the current screen eraser.

The symbol ⑥ is toggled in the order of the view mode of the pawn view mode toggle button / not view pawn board / view only my board / view only teacher board / view both.

⑦ is a teacher control permission toggle button, which allows the teacher to control the execution of a page / app, and the like.

Reference numeral 8 is a print button for printing the learning contents or storing / mailing images.

The symbol ⑨ moves to the environment setting screen with the environment setting button.

⑩ With the end button, end learning and move to the teacher selection screen.

Fig. 52 shows a screen when the thumbnail button (1) is selected in the selection menu of Fig.

You can see the whole page as a thumbnail with the button ①

3) Select each page as a list box of page thumbnails. If you touch the page instantly, it moves directly to that page. Also, if you click and hold a specific page, the bookmark of that page is toggled

Reference numeral 5 denotes a bookmarked page and is a specific indication (exemplified by a star mark). Long press to toggle

If you click the search button ⑥, the search window (⑧) pops up

In FIG. 53, a screen when the writing mode (2) in the selection menu of FIG. 51 is selected is displayed.

When the content area is touched in the writing mode, the object does not react and becomes the writer. If nothing is popped up, press this button again or press the back button to switch to touch mode.

Reference numeral 2 denotes a touch mode. When the content area is touched in the touch mode, the content can be enlarged or reduced through the multi-touch gesture in response to the object. In this state, press the RETURN button twice in short intervals to end the program. However, memory is not released. If you press the Back button for the first time, the pop-up message "Press the Back button once more" will ask you to press it again to finish.

Symbol ⑤ is a whole eraser, erasing all of the current screen eraser.

The symbol ⑥ is the toggle mode toggle button as the toggle key for the writing mode toggle key. When the writing is released, it automatically moves to the touch mode (②).

Reference numeral 7 denotes a pen color / thickness adjustment window, which is popped up when the pen button (3) is clicked as described above, and is not normally displayed.

Reference numeral 8 denotes the currently selected pen color and the border is different. When the pen color is changed, the change is also applied to the pen button (③).

Reference numeral 9 denotes a slider for adjusting the thickness of the pen. If the thickness is changed here, the change is also applied to the code pen button (3).

If you press this button or touch the other area or back button in the state where the pen color / thickness control window (⑥) is popped up, the window ⑩ will end the window popup

If you drag up or down while pressing the pen icon or the partial eraser icon, you will see a circular status notification UI that informs you of the current size. The circle does not move, but dragging upward makes it smaller, and dragging it downward makes it larger.

When the page is moved, the contents of the written form are stored in the file, and the information remains even if the viewer is restarted, unless it is erased separately. The contents of the written form are stored in a state contained in the page.

FIG. 54 shows an example of a content execution state in a situation where the actual learning progresses.

Reference numeral 3 is a speaker image, and the contents of the screen are described by TTS when clicked. The speaker image in the control area describes the entire screen.

The symbol ⑤ is the previous page go button.

The symbol ⑥ is the next page go button.

55 is a block diagram illustrating a quiz.

According to this, the quiz according to the present invention executes four quizzes of drag and drop, selection, line drawing, and text input, and judges it in the judgment object execution mode. In the evaluation mode, the student performs the correct answer evaluation, the order evaluation, and the correct answer evaluation in the evaluation mode, the student performs the feedback through the animation according to the evaluation result, and the complete feedback is implemented when the correct answer evaluation is finally made.

56 to 61 show an example of executing a quiz,

FIG. 56 shows an example of executing the drag and drop quiz.

The reference numeral (1) is an object region, and the left images are objects supporting drag and drop.

Reference numeral 2 is a drop area, where the left object is dragged and dropped. When it is the selected object, it is determined whether or not it is confirmed. Only the text is displayed, and the actual area is not shown.

If the drag-and-drop object is dropped in the wrong area as shown by ③, it feeds back to the student and instructs the student to try again through a statement such as 'Try again'.

When the drag and drop object is dropped in the proper area as shown by ④, it indicates that the feedback is correct with the phrase "I did well".

Fig. 57 shows another example of executing the drag-and-drop quiz. An object made of clothing is dropped in a specific area of a human model.

Reference symbol (1) is a drop area, which shows clothing and shoes to be worn. The human model can present different types of drop regions, and therefore objects supporting drag and drop each have a plurality of correct regions.

Symbols ② and ③ indicate the correct area between the blue rectangles / red rectangles in the figure.

Reference numeral 4 denotes a numeric display section for indicating the order, and numbers indicate the order. In the currently illustrated drawing, the objects of the symbols ② and 3 are displayed in the order of 1, so that any object can be dragged and dropped first.

However, if the object is not the correct answer, that is, when the shoes are put on the first or second time, it is judged as an incorrect answer. Therefore, all the objects are judged to be in an incorrect answer if the correct answer is matched to the order of the number of the drop area.

According to the determination result of the determination object, appropriate feedback is provided as follows. Frame animation / video or audio playback / object animation (size, position, rotation, etc.)

- Correct / wrong answer

- The correct answer, but the order is wrong.

- Accumulated feedback: Correct answer, correct sequence and x number (eg: a certain object such as a tower is gradually completed as the number of correct answers increases)

58 shows an example of a selection quiz.

If the user clicks on the wrong area with the tie as shown in the area code ① corresponding to the query on the presented screen, it is determined that the query is correct.

FIG. 59 shows an example of a line drawing quiz.

Two groups are formed in the distant areas, each student has an object related to the relative group, and the student is asked to draw a line with the related object in the relative area to solve the quiz. That is, as shown in the figure, if the lines of the same color are connected to each other, it is determined that the answer is correct.

The judgment is made by comparing the color of the object that was first touched with the color of the object when released.

Again, you can set the order of the objects as a number, and set the order of drawing, so that you can demand more sophisticated correct answers.

FIG. 60 shows an example of proceeding with a text input quiz.

If you click on the selection area, you can enter the text. When the text input is completed, it is judged whether the answer is correct and feedback is made.

FIG. 61 shows an example in which four quizzes are used in combination.

That is, four decision objects can be used in combination in one quiz

The four types of judgment objects are all in a single quiz. If the numbers in the previous sequence are not all correct, the numbers in the next sequence can not be correct

Feedback can be given differently depending on whether the answer is right or up to now.

In this case, it is necessary to first perform a line-drawing, a drag-and-drop operation of a portion indicated by a numeral 1, a text input to a portion denoted by a numeral 2, and then a drag and drop operation of a portion denoted by numerals 3 and 4 to finally determine the correct answer.

All the judgment objects in the quiz are saved in the memory as the number of problems resolved to the total number of problems, and provided to the teacher so that the teacher can confirm it through the teacher mode.

1: router
T: Teacher terminal
S: Student terminal
10: main server 20: database
30: Teacher 40: Student

Claims

A authoring step of using the authoring tool to develop content suitable for a smart viewer and a quiz and storing the developed content in a main server;
A distribution step of transferring the content generated in the authoring step to a user device connected to the server through online;
And a utilization step of installing the content transmitted through the distribution step in the user equipment and sharing information and sharing the information among users on-line in real time.

The method according to claim 1, wherein, in the authoring step, the contents suitable for the smart viewer and quizzes are imported from existing development contents (.ppt, .hwp, .doc, web, etc.) The online education system is characterized by developing through.

3. The online education system according to claim 2, wherein the authoring step includes the step of creating external content composed of at least one of images, images, and voices that correspond to the respective contents, .

The online education system according to any one of claims 1 to 3, wherein in the distribution step, the contents file and the external contents are distributed in the form of a web viewer or an Android app viewer.

The online education system of claim 4, wherein the app viewer comprises a teacher mode and a student mode.

The online education system according to claim 5, wherein the teacher mode is capable of viewing and controlling the viewer's accessibility to the viewer, and sharing contents written by the teacher device to students participating in the class.

7. The on-line education system of claim 6, wherein the student mode can separately form a written form so as to be distinguished from a teacher's written form and store learning contents.

5. The on-line education system according to claim 4, wherein the learning progress and the written contents are stored as vector data and outputted as an image.

The online education system according to claim 1, further comprising a quiz mode.

The online education system according to claim 1, wherein the quiz includes four modes of drag and drop, selection,