KR20200027930A - Method and apparatus for providing an adaptive user interface in e-learning - Google Patents

Abstract

The present invention relates to a method for providing a learning problem and an apparatus therefor. The method for allowing a server to provide a problem through a web page comprises: a step (a) of displaying a problem solving time on one area of an upper end of a web page; a step (b) of displaying the number of solved problems compared to the predetermined first target number on one area of the upper end of the web page; a step (c) of displaying a text object including character, picture or voice text on first content display area of the web page; a step (d) of displaying one or more problem objects consisting of a question and options on a second content display area adjacent to one side of the first content display area; and a step (e) of floating a progress request button on a lower end of the web page. The step (b) includes a step of comparing the number of solved problems with the first target number when the progress request button is selected, and converting display on the one area into the number of the solved problems compared to the predetermined second target number, and displaying the same when the number of the solved problems reaches or exceeds the first target number as a result of the comparison. According to the present invention, a user interface is adaptively changed by matching with a problem solving situation of a learner, and thus a user can be enticed to continually learn.

Description

Method and device for providing adaptive user interface in online learning {METHOD AND APPARATUS FOR PROVIDING AN ADAPTIVE USER INTERFACE IN E-LEARNING}

The present invention relates to a method and apparatus for providing learning content, and more specifically, to provide learning content dynamically using AI tutors to provide motivation and dynamically motivate learners in response to problem solving of learners. And devices.

Recently, internet and electronic devices are actively used in each field, and the educational environment is also rapidly changing. In particular, with the development of various educational media, learners can choose and use a wider range of learning methods. Among them, education service through the Internet has become a major teaching and learning method because of the advantages of overcoming temporal and spatial limitations and low-cost education.

In response to this trend, customized education services, which were impossible in offline education with limited human and material resources, are also diversifying. For example, by providing subdivided levels of learning according to the individuality and ability of the learner, it deviates from the uniform method of education in the past and provides educational contents according to the individual competence of the learner.

However, even in such a customized education service, most of the education contents provided so far take a unilateral injection type education. That is, if the instructor first provides lectures suitable for the level of the learner, the learner who has taken the course goes through a separate learning process offline and checks the learning performance through the evaluation process. As described above, the educational service provided through the Internet has no difference from the conventional offline teaching method in that learning performance depends on the offline effort of the learner taking the lecture. Furthermore, in order to improve the practical skills of learners, it is not able to utilize the function properly in an internet education environment where interactive education is possible.

In particular, despite the expansion of online learning as described above, online learning is mainly made of lectures and is not effectively used for mock exams or problem solving.

Currently, the online mock exams are generally divided into a test paper area 30a where the offline questionnaire is moved as shown in FIG. 1 (a) and a questionnaire area 30b where only the answer can be checked. Provided, or as shown in (b) of FIG. 1, has the same format as the offline questionnaire, but is a level of configuring a user interface to receive a selection input through a checkbox 30c placed in front of an actual multiple choice view number. .

The online problem solving learning content of the method shown in FIG. 1 (b) is Korean Patent Publication No. 10-2016-0014335 (invention name: computer readable medium in which a program for authoring online learning content is recorded and online learning content authoring) Method, publication date: February 11, 2016).

This display method is only to display offline problem papers online, and it is difficult to see that it provides a special function that only online learning can have. In addition, it seems that the use of mock exams and problem-solving content online is poor due to this reason.

Therefore, there is a need for a method capable of displaying problems more effectively and inducing learners' motivation to learn, so that online learning can be used to solve problems beyond simple lectures.

An object of the present invention is to provide a method and apparatus for providing a learning problem that optimizes a display method of a problem and a view for online learning so that problem solving can be effectively performed online.

Another object of the present invention is to provide a problem display method capable of compensating for the disadvantages of web-based learning, which can easily distract attention by continuously providing learning motivation to learners.

Another object of the present invention is to induce a user's learning by providing an adaptive user interface that changes according to a situation in which a learner's problem is solved.

The present invention for achieving this object is a method in which the server provides a problem through a web page, a step of displaying a problem solving time in a region at the top of the web page, a presetting method in one region at the top of the web page 1 Step b, displaying the number of problems solved relative to the target number, step c, displaying a fingerprint object including a text, photo, or voice fingerprint in the first content display area of the web page, and one side of the first content display area And a step d of displaying one or more question objects composed of questions and views in a second content display area adjacent to the e step of floating a progress request button at the bottom of the web page, wherein the step b is selected by the progress request button. When the number of solved problems is compared with the number of first targets, and the number of problems solved as a result of the comparison achieves or exceeds the number of first targets, It characterized in that it comprises the step of displaying the display of the one area to the number of the solved problem compared to the preset second target number.

In addition, the present invention provides a learning problem providing apparatus, a fingerprint object including a text, picture or voice fingerprint, a storage unit for storing a problem object including at least one of a question or a view associated with the fingerprint object, and the fingerprint object UI generating unit for generating a user interface for displaying a problem object on a web page, a communication unit for transmitting the fingerprint object and the problem object displayed according to the user interface to the learner terminal, the UI generating unit is at the top of the web page The problem solving time is displayed in one area, and the number of problems solved compared to the preset first target number is displayed in one area at the top of the web page, and a text, picture or voice fingerprint is displayed in the first content display area of the web page. One or more fingerprint objects are displayed, and a second content adjacent to one side of the first content display area One or more problem objects including at least one of questions or views are displayed in a display area, a progress request button is floated at the bottom of the web page, and when the progress request button is selected, the number of problems solved and the first target number And setting the user interface to display the one area as the number of solved problems compared to a preset second target number when the number of solved problems is achieved or exceeds the first goal number. It is characterized by work.

According to the present invention as described above, it is possible to provide a display method of a problem and an example optimized for online learning.

According to the present invention, since the learner can continuously provide incentives and motivations for learning, the disadvantages of web-based learning, which can easily distract the learner, are improved.

In addition, according to the present invention, the user interface is changed adaptively according to the situation in which the learner's problem is solved, and the user can be attracted to continue learning.

1 is a view for explaining a conventional online learning content display method,
Figure 2 is a view for explaining a learning problem providing apparatus and its operating environment according to an embodiment of the present invention,
3 is a view for explaining an AI object and an AI message according to an embodiment of the present invention;
4 is a diagram for explaining an AI message after completion of a diagnostic test according to an embodiment of the present invention;
5 is a view for explaining a problem loading screen according to an embodiment of the present invention;
6 is a view for explaining an AI message when the previous problem solving time is 3 seconds or less according to an embodiment of the present invention;
7 is a view for explaining a learning proposal AI message according to an embodiment of the present invention,
8 is a diagram for explaining an AI message when a prediction score is changed according to an embodiment of the present invention;
9 is a view for explaining an AI message upon reaching a target score according to an embodiment of the present invention;
10 is a diagram for explaining an AI message at the end of learning according to an embodiment of the present invention;
11 is a view for explaining a method of displaying content of a web page according to an embodiment of the present invention;
12 is a diagram illustrating a method of displaying the number of problems solved compared to a target number according to an embodiment of the present invention;
13 is a diagram illustrating a display method in a problem solving mode according to an embodiment of the present invention,
14 is a diagram illustrating a method of displaying a type of problem including a picture and a voice according to an embodiment of the present invention;
15 is a view showing a problem including a voice fingerprint according to an embodiment of the present invention,
FIG. 16 is a diagram showing information displayed in a second content display area according to whether a learner selects a wrong answer according to an embodiment of the present invention;
17 is a diagram illustrating an embodiment in which an object activation condition is satisfied according to a result of analyzing a learner's learning progress during problem solving content solving according to the present invention.

The above-described objects, features, and advantages will be described in detail below with reference to the accompanying drawings, and accordingly, a person skilled in the art to which the present invention pertains can easily implement the technical spirit of the present invention. In describing the present invention, when it is determined that the detailed description of the known technology related to the present invention may unnecessarily obscure the subject matter of the present invention, the detailed description will be omitted. Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. The same reference numbers in the drawings are used to indicate the same or similar elements, and all combinations described in the specification and claims can be combined in any way. And it should be understood that unless otherwise specified, a reference to a singular may include one or more, and a reference to a singular expression may also include a plural expression.

In this specification, the problem solving mock term means a state in which a learner can hear a fingerprint and a problem, or select a view to read, and a scoring mode means a state in which the learner provides results and explanations of the selected view.

In addition, in the present specification, the fingerprint object is an independent object representing a fingerprint and may be classified into a text fingerprint, a photo fingerprint, and a voice fingerprint according to its characteristics. Text fingerprint refers to the text given to solve the problem. Photographs are given to solve the problem of photographing, and voice fingerprint refers to the voice given to solve the problem. In the case of a hearing problem in which both the problem and the view are composed of voices, it may be understood that the voice fingerprint may also include a voice related to the view.

The problem object is an object that is composed of questions and / or views and can receive a user's view selection input, and is a concept corresponding to a problem. Problem throughout the specification of the present invention; means content consisting of a fingerprint and a view, a single problem in which one problem is associated with one fingerprint; or a combination problem or group problem in which multiple problems are associated with one fingerprint It can be understood as a concept including all.

Learning content; is a concept that includes all content that is used for learning comprehensively, by topic (noun, verb, adverb, preposition, grammar, listening, writing, reading, sentence format, etc.), by problem type (Part 1 of TOEIC , Part 2,…, etc., and may be classified according to a learning method (problem solving, video lecture, text lecture, etc.). In other words, learning content is a concept that encompasses both problem solving content and lecture content. In this specification, as an example, a description is given of an example in which problem solving content consisting of one or more problems is provided. In the description of other embodiments, learning contents are divided into fingerprint objects and problem objects.

Hereinafter, an apparatus for providing learning problems according to an embodiment of the present invention will be described with reference to FIG. 2.

2 is a view for explaining a learning problem providing apparatus 100 and its operating environment according to an embodiment of the present invention.

The apparatus 100 for providing a learning problem of the present invention may be a server including a UI generation unit 130, a storage unit 150, and a communication unit 170, and may further include a learner management unit 190. The learning problem providing apparatus 100 provides a problem to the learner terminal 50 through a wired / wireless network, and the learner terminal 50 can check the problem through a web browser or an application program installed in the terminal 50.

The UI generation unit 130 generates a user interface capable of effectively providing problem solving and learning content stored in the storage unit 150. Problem solving and learning content may include foreign language test questions such as TOEIC, TOEFL, IELTS, JLPT, HSK, etc., and may include elementary, middle, and high school student subject-specific workbook issues. In this specification, as a main example, a TOEIC test question is provided through a web page, and an example will be mainly described, but the present invention is not limited to the content and type of the question.

The UI generation unit 130 may configure a web page as follows in order to provide a problem through the web page.

For example, as shown in FIG. 3, the UI generation unit 130 displays learning content in the first area 240 of the screen displayed on the learner terminal (step a), and in the second area 235 of the screen. The AI object 300 is displayed (step b), and when a learner input is received from the terminal, it is determined whether the learner's learning progress condition satisfies a preset object activation condition (step c), and the learning progress status activates the object. When the condition is satisfied, the user interface is set to display the AI message 350 corresponding to the object activation condition in the third area 245 of the screen adjacent to the AI object 300 while the AI object 300 is activated (step d). )can do. Here, the first area may be displayed on a different layer from the second area and the third area.

The AI message 350 may include one or more action objects for receiving the learner input, and the server 100 inputs the first action object 351 for deactivating the AI object 300a from the terminal 50 When the input is received, the AI object is deactivated, and the input of selecting the second action object 352 corresponding to the first learning content pre-stored in the server 100 is received from the terminal 50. Can be marked on. In the embodiment of FIG. 3, when the learner clicks the first action object 351 (close), the learner may temporarily deactivate the AI object and perform a desired action on the original screen, and the second action object 352 , Start diagnostic test), the first problem and view of the diagnostic test will be displayed in the first area 240. When the learning progress condition satisfies several conditions, and there is one or more AI messages corresponding to the conditions, the AI messages may be set to be sequentially displayed in the third area according to a predetermined priority.

Hereinafter, an implementation example of an AI object 300 and an AI message 350 among methods for providing a learning problem according to an embodiment of the present invention will be described in more detail. (For convenience of description, the UI generation unit 130 is referred to as a server.)

The AI object is an image displayed on one area of the screen, and functions as a kind of artificial intelligence tutor that manages the learning progress of the learner. It is activated when the screen is switched, when a learner input occurs, when a learner wants to query, when a learner's learning progress changes, and by providing an AI message corresponding to it, the learner continues to interact and manage. It can make you feel like it is being made. The AI object and the AI message provide the content and message that best fit the learner's situation every moment, and if necessary, can suggest the problem solving content, lecture content, etc. to the learner. This is different from the conventional method of providing messages in the order stored regularly or irregularly in a table, and it is much more motivated and fulfilling to learners because it operates intelligently based on learner input and learner's learning progress. Can provide

First, in step c, the UI generation unit 130 changes the display content of the first area 240 when a learner input is received from the terminal. The learner input may be performed through an operation in which the learner selects an arbitrary action object through an input interface (mouse, touch panel, keyboard, speaker, camera, etc.) provided in the terminal. The action object is an object displayed on the screen to select a screen change or content change in a web page or application, and includes a link, a button, an icon, an image, and text corresponding to a preset input value. For example, learner input may be input such as a learner selecting a specific learning item using a mouse, pressing a back button, or submitting an answer by selecting one of a plurality of views.

In step c, the UI generation unit 130 may determine that the object activation condition is satisfied when the display content of the first area is changed, or ii) the object activation condition is satisfied when the learner's learning result is changed by the learner input. You may decide that Iv) Alternatively, an object activation condition may be satisfied by a result of analyzing the learner's learning progress by the learner management unit 190.

Recommended learning area (part) on the main screen

Let's look at an embodiment of ⅰ). Referring to FIG. 7, when the user selects the main; item and the display content of the first area is changed to the main screen indicating the learner's achievement level for each learning area (a), the UI generation unit 130 is shown in (b) As described above, the AI object 300 may be activated, and a message recommending the learning area having the lowest achievement may be displayed on the AI message 350.

Change of prediction score or reaching the target score of prediction score

Let's look at an embodiment of ii). The learning result that can be changed by the learner input uses the predictive score calculated using the learner's problem solving result, whether the learner has reached a predetermined target score, whether the learner's problem solving result is correct, and using the learner's problem solving result. It may include a learner's achievement level for each learning area, a learner's grade information calculated using a learner's problem solving result, or a probability of a correct answer of a next problem calculated using a learner's problem solving result.

For example, when learning of problem solving contents is completed by input of learners, a predicted score of learners calculated using the problem solving results may be changed. For example, through the diagnostic test, the predicted score of the learner was calculated as 680 points as shown in FIG. 8, and as a result of learning the content of a specific problem solution, it may be determined that the achievement of the vulnerable area is increased, and through this, the prediction is predicted. Scores may change. When the prediction score is changed, the UI generation unit 130 may display the fact that the prediction score has been changed and the changed prediction score in the AI message 350.

The learner management unit 190 may perform a task of calculating a predicted score using the learner's problem solving results and recalculating the predicted score whenever a new problem solving result is updated. The learner management unit 190 uses machine learning to calculate predicted scores using problem solving data collected through diagnostic tests. In addition, each time the prediction score is updated, the target score received from the learner is compared with the prediction score and provided to the UI generation unit 130, so that the UI generation unit 130 gives the learner a prediction score and a target score of the prediction score. Make it possible to indicate whether or not it has arrived.

In addition, the learner management unit 190 manages each learner's achievement level for each learner, calculates the learner's grade using the learner's problem solving results, and uses the learner's learning area achievement, problem conquest rate, etc. to solve the problem. You can calculate the probability of hitting each problem in the database (storage unit).

As another embodiment, when the learner's prediction score is raised and reaches the target score, the AI object 300 is activated, and the UI generating unit 130 indicates that the prediction score has reached the target score as shown in FIG. 9. The content can be displayed in the AI message 350.

If the learning content is problem solving content

If the learning content is a problem-solving content, in step c, the UI generation unit 130 may determine that the first object activation condition is satisfied when an answer to the first problem is input from the terminal, and the first object activation condition is satisfied. The corresponding AI message is the loading message of the next question, whether the answer is correct or not, the achievement level of each learner calculated using the correct answer or not, the grade information of the learner calculated using the correct answer or not, and whether the answer is correct It may include at least one of the weak learning area of the learner calculated using, the name of the recommended lecture corresponding to the weak learning area or the recommended lecture link.

For example, as shown in FIG. 4, when the learner inputs an answer to the last question of the diagnostic test, the UI generation unit 130 analyzes the results of the diagnostic test � � .. Deriving ... Checking the grade of each part ... � � AI message 350a may be displayed sequentially or at a time. After the diagnostic test is completed, the learner management unit 190 may take a long time to analyze the diagnostic test results, derive the predicted score, and calculate the grade for each part, so that the learner displays the AI message indicating that it is being loaded. It is possible to check what operation is being performed in the server 100. When the loading is completed, the AI message 350b informs that the diagnostic test is completed, and may display the score and grade in the first area of the screen.

As another embodiment, as shown in FIG. 5, when a learner inputs an answer to any one of the problems included in the problem solving content, the server 100 may search for a new problem by reflecting the solution data. It is possible to calculate the probability of meeting the next problem by reflecting whether or not the correct answer is displayed 350 along with the loading message.

As another embodiment, as illustrated in FIG. 6, when the learner inputs an answer to the last question of the content to solve a problem that includes one or more questions, the problem solving is completed, and the UI generation unit 130 issues the problem. Along with the message for solving the problem, the grade information of the learner calculated by using the correct answer of the problem included in the problem solving content, the statistical result of solving the problem solving content (the problem of the problem solved by the learner among all the problems included in the problem solving content) The number and the number of problems that were included in the content of the problem solving, but were omitted due to difficulty adjustment according to the user's answer input during the solution process, can be displayed.

FIG. 17 is a diagram illustrating an embodiment in which an object activation condition is satisfied by a result of analyzing a learner's learning progress in the learner management unit 190 during the solution of the problem solving content. For example, in the process of solving a problem, when it was analyzed that an incorrect answer was continuously generated in a problem related to a noun-the learner management unit 190 determines what learning elements each problem contains and whether the problem is correct or not. Therefore, the achievement for each learning element can be calculated individually. -The learner management unit 190 may analyze that a weakness type has been found. When the server 100 analyzes the learning progress intelligently and actively, and the result is derived (regardless of the learner input), the AI object 300 is vulnerable to the AI message 350 as shown in FIG. 17. The recommended lecture name, the recommended lecture link, and the expected grade information corresponding to the learning area and the weak learning area may be displayed. However, it may be considered that the embodiment of ⅲ) is substantially the same as the embodiment of ii) in which the object activation condition is satisfied by the learner input. This is because in the learning process of the learner, the server 100 continuously receives the learner input from the terminal and the learner's learning situation data is updated by the received input (content selection, incorrect answer input, etc.).

Inducing diagnostic tests

Object activation conditions can be created in various ways depending on the developer's settings. In another embodiment that is not included in the above-described classification, in step c, the UI generating unit 130 is a learner input is a new problem learning request, the UI generating unit 130 is the learner's diagnostic test results database (storage unit 170) ). If the learner's diagnostic test result does not exist in the database, it may be determined that the second object activation condition for inducing the diagnostic test is satisfied. At this time, the AI message corresponding to the second object activation condition may include a message that induces a diagnostic test and an action object that executes the diagnostic test.

Since the learning problem providing apparatus 100 according to an embodiment of the present invention provides a learner-specific problem based on the learner's diagnostic test result, it is necessary to first collect the diagnostic test solution results. Accordingly, when a new problem learning request input is received from the learner, the UI generator 130 may preferentially check whether the learner has performed a diagnostic test. In addition, as illustrated in FIG. 3, an AI message 350 that induces a diagnostic test may be displayed on the third area. The AI message 350 for inducing the diagnostic test includes a link (action object) to immediately start the diagnostic test content, thereby inducing the user to perform the diagnostic test immediately.

Inducing delayed learning

As another embodiment of the object activation condition, when a new learning content start input is received from the terminal while the incomplete first learning content exists, it may be determined that the third object activation condition is satisfied. In this case, the AI message that satisfies the third object activation condition may include a message that induces learning of the first learning content and an action object that executes the first learning content.

According to an embodiment of the present invention, a learner may stop while executing each learning content, and the learning history is recorded and managed by the learner management unit 190 and stored in the storage unit 170. Therefore, when there is an input for starting a new problem solving content or an input for playing a new lecture content from a terminal in the state in which there is content that has not been solved or there is lecture content that has not been completely replayed, the UI generation unit 130 ) Displays a message in the AI message that encourages the learner to complete the incomplete learning content, and displays the action object (executed learning content execution link) in the AI message so that the learning content can be found and executed immediately even if it is not executed. can do.

Problem solving time is too short

When the learning content is a problem-solving content, the UI generation unit 130 determines that the fourth object activation condition is satisfied if the random problem is displayed in the first area and the time for which the answer to the problem is input is less than a preset reference value. can do. In this case, the AI message corresponding to the fourth object activation condition may include a notification message about the resolution speed.

Referring to the example of FIG. 10, when the problem solving time is 3 seconds or less, the AI message 350 displays � � the problem solving speed is too fast � � Can be. Since the problem solving time is too short, it is possible that the problem was taken without solving the problem, so the UI generation unit 130 can awaken awareness by generating an AI message so that the learner can solve the problem without taking the problem.

Hereinafter, a method of displaying a learning problem on a web page and an application in addition to the AI object 300 and the AI message 350 will be described in detail.

As shown in FIG. 11, the UI generation unit 130 displays the problem solving time in one area 233 at the top of the web page (screen), and the first number of goals set in the one area 237 at the top of the web page. You can display the number of problems you have solved.

The UI generation unit 130 may additionally display a pause and count play button of the problem solving time in one area 231 at the top of the web page, and the characteristic information of the problem in another area 235 at the top of the web page Can be displayed. The characteristic information of the problem may be information on a higher category of the problem displayed on the web page, such as a unit (part) to which the problem belongs, the type of the problem, and characteristics of the problem.

Furthermore, the UI generation unit 130 may include a learning end button in one area 239 at the top of the web page. When the learning end button is pressed, it is possible to switch from the current screen to the initial screen at any time, and when an input for selecting the learning end button is received, the learning problem providing apparatus 100 displays the learner's current learning position as the learner's identification information and problem part information. In addition, it can be stored in the storage unit 150 so that the problem solved by the learner in the corresponding part can be subsequently solved.

In general, an area 230 at the top of a web page is called a header, and is a frame structure that is displayed identically on all pages. The UI generation unit 130 of the present invention allows the learner to check the problem solving situation by displaying the above-described information in the header area.

In particular, in the case of the problem solving time 233, it serves to help a learner who needs to solve a plurality of problems within a certain time to check and adjust the time to solve the problem. The problem solving time may be set to count up or down in the problem solving mode and not to count in the scoring mode.

Meanwhile, the number of problems solved relative to the first target number displayed in one area 237 may be set to change actively according to the problem solving of the learner. For example, when the progress request button 290 is selected, the UI generation unit 130 may compare the number of problems solved with the first target number. In addition, when the number of solved problems reaches or exceeds the first target number, the display of one area may be converted to the number of solved problems compared to the preset second target number. Referring to FIG. 12, as the initial value, the target number is set to 5, and the number of problems (two problems) solved so far compared to the five problems can be displayed (237a). In particular, the number of problems solved compared to the target number can be displayed so that the learner can intuitively check the target achievement rate by providing a graphic capable of checking the ratio such as a bar or a graph.

If the number of solved problems exceeds five, the display of one area is switched to the display of 10 problems as the target number, such as 237b. In this way, the number of goals can be increased from 5 questions-> 10 questions-> 15 questions-> 20 questions-> 30 questions-> 50 questions, and with this expression method, the learner can still feel the sense of achievement that the goal has been achieved. have.

The above user interface is due to the learning principle that the achievement rate becomes higher when a short-term goal is set. In addition, as the total number of problems solved by the undergraduate increases, the number of target problems can be set to be more different. Nevertheless, if the display of one area is provided as an image of a size corresponding to each number, the ratio can be checked. However, the learner may not perceive that the number of problems actually increases as compared to the number of target problems that actually increase, and as a result, it has the effect of encouraging the learner to solve a large number of problems.

Meanwhile, referring to FIG. 11 again, the UI generation unit 130 may display one or more fingerprint objects including text, photos, or voice fingerprints in the first content display area 250 of the web page, and display the first content. One or more problem objects composed of questions and / or views may be displayed on the second content display area 270 adjacent to one side of the area 250.

In the embodiment of FIG. 11, the voice fingerprint object 251a and the photo fingerprint object 253 are displayed in the first content display area 250 of the web page, and each view is displayed in the second content display area 270 without any particular problem. There are four examples with &� � Mark your answer � �.

The UI generation unit 130 may float the progress request button 290 at the bottom of the web page. The progress request button 290 is a button that receives a progress input to the next page, and may be displayed on an upper layer, and may be floated on top of the first content display area 250 or the second content display area 270 without a layer. You can. In the responsive web page, the progress request button 290 may be set to be displayed at the bottom center of the web page displayed according to the size of the web browser.

In addition, if one or more fingerprint objects or one or more problem objects are not displayed at one time in each content display area 250 or 270, the UI generation unit 130 may activate scroll bars 259 and 279 located on one side of each area. You can. That is, each of the content display areas 250 and 270 operates independently, and as illustrated in FIG. 13, when the fingerprint object is displayed at one time but the question object is not displayed at once, activation is performed on the second content display area 270 Using the scroll bar 279, the fingerprint object to be checked can be displayed on the screen.

Hereinafter, the contents displayed on the web page by the UI generator 130 will be described in more detail in various embodiments.

Problem solving mode

Hereinafter, the problem solving mode will be described in more detail with reference to FIG. 13.

Referring to FIG. 13, in the problem solving mode, the UI generation unit 130 may count the problem solving time in one area 233 at the top of the web page. The problem solving time can be counted up or counted down from a preset time.

In the example of FIG. 13, a fingerprint object 255 including one character fingerprint is displayed in the first content display area 250, and one or more problem objects are displayed in the second content display area 270. The problem illustrated in FIG. 13 is a combination problem in which three problems are associated with one fingerprint, and three problem objects 271a, 271b, and 271c are displayed.

A question 271-1 and a view 271-3 may be displayed on each problem object 271. (a) is a diagram showing a state in which no problem is solved, and (b) is a drawing in which all problems are solved, that is, a learner selects all of the answers. In (a), a number of problems are included in the object 271. All of the views are displayed in the same way. When a learner selects any one of a plurality of views, the UI generation unit 130 may set the rest except the selected view to be deactivated as shown in 271-3c.

In addition, when the view selection for all displayed problem objects is completed, the progress request button displayed as 290a in (a) may be activated as shown in (b) 290b. This means that, in fact, the learner cannot proceed to the next step without selecting all of the answers, and can proceed to the next step only when all of the answers are selected (b).

In the problem solving mode, text such as � � scoring � � may be displayed on the progress request button 290, but is not limited thereto.

Scoring mode

14 to 15 are views for explaining the configuration displayed on the web page in the scoring mode. Referring to FIG. 14, the UI generation unit 130 may set a problem solving time of one area 233 not to be counted in the scoring mode.

The scoring mode is a mode that is switched when the progress request button 290 is clicked in the problem solving mode, and is a kind of learning mode that provides a result for the answer input by the learner and enables learning to be performed based on the solved problem. In the scoring mode, text such as � � next problem � � may be written on the progress request button 290.

The problem shown in Fig. 14 is the same type of problem as Fig. 11 in which the problem is solved with reference to pictures and voices. In the problem solving mode as shown in FIG. 11, the voice fingerprint is played using the player 251a. In the scoring mode shown in FIG. 14, the player 251b provides a play or pause button 251-1 and a function for setting a play time It includes the buttons (251-2 to 4), it is possible to provide the above-described functions.

In the scoring mode, the UI generating unit 130 interprets the text fingerprint in addition to the voice fingerprint 251a, the photo fingerprint 253, and the text fingerprint 255 displayed in the problem solving mode in the first content display area 250, At least one of a voice fingerprint script, an interpretation of the script, speaker information of the voice fingerprint, text fingerprint, or word information included in the script may be further displayed.

For example, in the case of providing a voice fingerprint as shown in FIG. 15, and a problem is provided based on this, the script 256 of the voice fingerprint, the interpretation of the script 257, and whether the speaker of the voice fingerprint is an American Speaker information 258 of a voice fingerprint, such as whether it is English or Australian, word information 259 included in a text fingerprint or a script may be added to the first content display area 250. These contents make it possible to check the details of the listening problem and to grasp the contents more clearly as learners.

In addition, the UI generation unit 130 may additionally answer the question and / or view displayed in the problem solving mode in the second content display area 250, whether it is an incorrect answer, interpret the question, interpret the view, comment on the problem object, or problem At least one of incorrect answer analysis information on the object and information on the type of the problem object may be set to be displayed.

Referring to FIG. 14, the question 271-1 may additionally indicate whether or not the answer is correct, and an interpretation 271-5 for each view may be additionally displayed under the view 271-3. In addition, at the bottom of the problem object 271, the commentary 273 for the problem object, the incorrect answer analysis information 275, and the information 276 for the type of the problem object are additionally displayed. The type information of the problem object is a tip related to the problem, and may include information that a learner can refer to when solving a similar type of problem in the future. All of these additional contents are stored in the storage unit 150, and content may be selectively applied depending on whether the user selection is correct or incorrect.

In FIG. 15, small square images 280-2 are displayed at the bottom of one side of the first content display area 250 and the second content display area 270, which indicates the number of fingerprint objects or problem objects displayed in each area. it means. For example, since the example of FIG. 15 is a combination problem in which the voice fingerprint is associated with three problems, three problem objects are displayed in the second content display area, from problem 4 to problem 6. The number of objects displayed in the area is an indicator that guides the learner so that there are no fingerprints or problems missed, and the indicator 280 may be displayed as letters, figures, or numbers.

16 is an embodiment of a case in which information displayed in the second content display area is changed according to whether the learner selects the correct answer or not.

When the first view 271-7 selected by the learner in the problem solving mode is the correct answer, as shown in (a), the UI generator 130 displays the type information 276 of the problem object at the bottom of the problem object, and the problem object The first view included in the second color (blue) may display the correct answer (271-7).

In addition, if the first view 271-4 selected by the learner in the problem solving mode is incorrect, the incorrect analysis information 275 is displayed at the bottom of the problem object, and the first view included in the problem object displays the incorrect answer (271- 4), and the example 271-2 corresponding to the correct answer may be displayed in a preset first color (red) (271-8).

Thus, by displaying the colors of the views corresponding to the correct answer in different colors depending on whether or not the answer is correct, the present invention has the effect of allowing the learner to more intuitively recognize what the wrong problem is.

 The communication unit 170 transmits the learning content generated by the UI generation unit 130 to the learner terminal 50, so that the learner can perform learning using the content displayed in the above-described manner.

Hereinafter, a method for providing a learning problem according to an embodiment of the present invention will be briefly described. In the example described below, some overlapping descriptions are omitted. In the case of the method for providing a learning problem, the steps are divided into steps such as f and g, but this is a sequential separation of each display content. Therefore, it is noted that the flowchart is not separately prepared in the present specification.

According to an embodiment of the present invention, in a method in which a server provides a learning problem, a problem solving time is displayed in a region at the top of a web page (f). The displayed problem solving time may be counted in the problem solving mode, but may not be counted in the scoring mode.

The server may display the number of problems solved compared to the preset first target number in one area at the top of the web page (g). In this step, when the progress request button is selected, the number of problems solved is compared with the number of first targets, and when the number of problems solved reaches or exceeds the first target number as a result of the comparison, the display of one area is preset. It can be converted to the number of problems solved compared to the target number. In this case, the server may display the number of problems solved relative to the first target number as an image corresponding to each number so that the learner can intuitively recognize the number of problems solved compared to the number of target problems.

The server may display one or more fingerprint objects including text, photos, or voice fingerprints in the first content display area of the web page (h). In the problem solving mode, the server can display the fingerprint object in the first content display area, and in the scoring mode, the server interprets the character fingerprint in the first content display area, the script of the voice fingerprint, the interpretation of the script, and the speaker information of the voice fingerprint , At least one of the word information included in the text fingerprint or the script may be further displayed.

The voice fingerprint is output through the player, and in the problem solving mode, the player provides a play or pause function, and in the scoring mode, the player can provide a play, pause, and play time setting function.

Furthermore, when the server displays the fingerprint object in the first content display area, if one or more fingerprint objects are not displayed at once in the first content display area or one or more problem objects are not displayed in the second content display area at once, each area You can activate the scroll bar located on one side of the.

The server may display one or more problem objects including at least one of questions or views in the second content display area adjacent to one side of the first content display area (i). In problem solving mode, the server can mark any of the views as inactive when the learner selects them, but in scoring mode, whether the answer is incorrect, the interpretation of the question, the interpretation of the view, the interpretation of the problem object, the problem At least one of incorrect answer analysis information on the object and information on the type of the problem object may be displayed.

In step i, if the first view selected by the learner in the problem solving mode is incorrect, the server displays incorrect answer analysis information at the bottom of the problem object in scoring mode, and the first view included in the problem object displays incorrect answers and corresponds to the correct answer. The view to be displayed is displayed in a preset first color, and when the first view is the correct answer, the first view may be displayed in a second color different from the first color.

The server may float the progress request button at the bottom of the web page (j). In problem solving mode, the server is done selecting all of the displayed problem objects. The progress request button can be activated.

In addition, the server may display the number of fingerprint objects on one side of the first content display area or the number of problem objects on one side of the second content display area. The number of these objects may include letters, numbers, figures, etc. It can be displayed as an indicator of.

Some embodiments omitted in the present specification are equally applicable to the same subject. In addition, the above-described present invention is to those skilled in the art to which the present invention pertains, various substitutions, modifications and changes are possible within the scope not departing from the technical spirit of the present invention. It is not limited by the drawings.

50: learner terminal
100: learning problem providing device (server)

Claims (30)

In the way the server provides learning problems,
A step of displaying arbitrary content on a first area of a screen displayed on the learner terminal;
A step b of displaying an AI object in a second area of the screen;
C) determining whether the learner's learning progress satisfies a preset object activation condition;
If the learning progress condition satisfies the object activation condition, a learning problem including step d of displaying an AI message corresponding to the object activation condition in a third area of the screen adjacent to the AI object while the AI object is activated. How to provide. According to claim 1,
Step c is
And if the display content of the first area is changed by the learner input received from the terminal, determining that the learning progress condition satisfies the object activation condition,
Step d is
Method for providing a learning problem to display the AI message corresponding to the display in the third area. The method of claim 2,
The learner input is a method for providing a learning problem including an input for selecting an arbitrary content or an input for incorrect answers. According to claim 1,
Step c,
And if the learning result of the learner is changed by a learner input received from the terminal, determining that the learning progress condition satisfies the object activation condition,
The learning result is a prediction score calculated using the learner's problem solving result, whether the predicted score has reached a predetermined target score, whether the learner's problem solving result is correct, and using the learner's problem solving result Includes the learner's achievement level for each learning area, the learner's grade information calculated using the learner's problem solving result, or the probability of a correct answer of the next problem calculated using the learner's problem solving result,
The step d,
Method for providing a learning problem to display an AI message including information on the learning result in the third area. According to claim 1,
The step d,
And sequentially displaying one or more AI messages corresponding to the conditions in the third area according to a predetermined priority. According to claim 1,
The AI message includes one or more action objects that receive learner input,
How to provide the learning problem
When an input for selecting a first action object for deactivating the AI object is received from the terminal, an input for deactivating the AI object and selecting a second action object corresponding to the first learning content previously stored in the server from the terminal And receiving an e step of displaying the first learning content when it is received. According to claim 1,
If the learning content is content to solve the problem,
Step c is
And when the answer to the first problem is input from the terminal, determining that the first object activation condition is satisfied,
Step d is
Comprising the steps of retrieving a new problem by reflecting the solution data, and calculating the probability of fitting the new problem by reflecting whether the answer is correct,
The AI message corresponding to the first object activation condition includes a probability of matching the new problem. The method of claim 7,
The AI message corresponding to the first object activation condition is
A method for providing a learning problem, comprising at least one of a loading message of the next question, whether the answer is correct, and whether the answer is correct. The method of claim 8,
The AI message corresponding to the first object activation condition is
Achievement by learning area of the learner calculated by using the correct answer or not, the learner's rating information calculated by using the correct answer or not, the learner's vulnerable learning area calculated by using the correct answer or not , A learning problem providing method including at least one of a name of a recommended lecture corresponding to the weak learning area or a link of the recommended lecture. According to claim 1,
If the learning content is a problem-solving content, and the first problem is a problem pool containing one or more problems, the last problem of the content,
Step c is
And when the answer to the first problem is input from the terminal, determining that the first object activation condition is satisfied,
The AI message corresponding to the first object activation condition is
Method for providing a learning problem including at least one of a message or a problem solving completion message during analysis of a solution result of the problem solving content. The method of claim 10,
The AI message corresponding to the first object activation condition,
A method for providing a learning problem including at least one of grade information of a learner, vulnerable learning area information, and expected test score information calculated using the correct answer of a problem included in the problem solving content together with the problem solving completion message. According to claim 1,
Step c is
If the learner input is a new problem learning request, checking whether the learner's diagnostic test result exists in the database;
And if the learner's diagnostic test result does not exist in the database, determining that the second object activation condition for inducing the diagnostic test is satisfied,
The AI message corresponding to the second object activation condition is
And a message for inducing the diagnostic test and an action object for executing the diagnostic test. According to claim 1,
Step c is
And determining that the third object activation condition is satisfied when a new learning content start input is received from the terminal while the first learning content that is not completed exists.
The AI message satisfying the third object activation condition is
Method for providing a learning problem including a message for inducing learning of the first learning content and an action object executing the first learning content. According to claim 1,
If the learning content is content to solve the problem,
Step c is
And displaying an arbitrary problem in the first area and determining that the fourth object activation condition is satisfied when the time for which the answer to the problem is input is less than a preset reference value.
The AI message corresponding to the fourth object activation condition is
How to provide a learning problem that includes a notification message about the solution speed. According to claim 1,
The screen provides a web page provided by the server or a learning problem providing method characterized in that the application provided by the server is displayed. According to claim 1,
The first area is a learning problem providing method characterized in that it is displayed on a different layer from the second area and the third area. According to claim 1,
And an f step of displaying a time to solve the problem in an area at the top of the screen. The method of claim 17,
And displaying a number of solved problems compared to a preset first target number in one area at the top of the screen. The method of claim 18,
When the number of solved problems is compared with the first target number and when the number of solved problems achieves or exceeds the first target number, the display of the second area is compared with the preset second target number. A method of providing a learning problem comprising the step of displaying a conversion to the number of problems. The method of claim 19,
H displaying one or more fingerprint objects including text, photo or voice fingerprints on a first content display area located on one side of the first area;
An i step of displaying one or more question objects including at least one of questions or views in a second content display area adjacent to the first content display area;
And a step j for plotting a progress request button at the bottom of the screen. The method of claim 20,
In problem solving mode
The step f includes counting the time to solve the problem,
The step h includes displaying a fingerprint object on the first content display area,
Step i includes when a learner selects any one of the views, deactivates and displays the rest of the views.
In step j, when selection is completed for all of the displayed problem objects. And activating the progress request button. The method of claim 21,
In scoring mode
The f step includes the step of not counting the time to solve the problem,
In step h, at least one of the text fingerprint interpretation, the speech fingerprint script, the script interpretation, the speech fingerprint speaker information, the text fingerprint, or the word information included in the script is displayed on the first content display area. Further comprising displaying,
The step i further comprises displaying at least one of whether the answer is incorrect, interpretation of the question, interpretation of the view, commentary on the problem object, incorrect answer analysis information on the problem object, and information on the type of the problem object. Method for providing learning problems, including. The method of claim 22,
Step i is
If the first view the learner selected in the problem solving mode is incorrect,
The incorrect answer analysis information is displayed at the bottom of the problem object, the first view included in the problem object is displayed incorrectly, and the view corresponding to the correct answer is displayed in a preset first color,
When the first view is the correct answer, a method for providing a learning problem that displays the correct answer in a second color different from the first color. The method of claim 20,
If one or more fingerprint objects are not displayed at once in the first content display area, or if one or more problem objects are not displayed at once in the second content display area, further comprising activating a scroll bar located on one side of each area. How to provide learning problems. The method of claim 20,
The voice fingerprint is voice output through a player,
In problem solving mode, the player provides a play or pause function,
In scoring mode, the player provides a play problem, a pause, and a play problem providing method for providing a play time setting function. The method of claim 20,
Step g is
A method for providing a learning problem in which the number of problems solved compared to the first target number is displayed as an image corresponding to each number. The method of claim 20,
And displaying the number of fingerprint objects on one side of the first content display area or displaying the number of problem objects on one side of the second content display area. A storage unit for storing learning content, AI objects and AI messages;
A UI generator that generates a user interface for displaying the learning content, AI objects, and AI messages on a web page or application;
And a communication unit transmitting the learning content, AI object, and AI message displayed according to the user interface to a learner terminal,
The UI generating unit
When learning content is displayed in the first area of the screen displayed on the learner terminal, the AI object is displayed in the second area of the screen, and when a learner input is received from the terminal, the learning progress of the learner is activated. It is determined whether the condition is satisfied, and if the learning progress condition satisfies the object activation condition, the AI object is activated and sends an AI message corresponding to the object activation condition to the third area of the screen adjacent to the AI object. A device for providing a learning problem that sets the user interface to display. The method of claim 28,
The UI generating unit
The problem solving time is displayed in one area at the top of the screen, the number of problems solved compared to the preset first target number is displayed in one area at the top of the screen, and the first content display area is located at one side of the first area. One or more fingerprint objects including text, photo or voice fingerprints are displayed, and one or more question objects including at least one of questions or views are displayed in a second content display area adjacent to the first content display area, and the screen is displayed. Plot the progress request button at the bottom,
When the progress request button is selected, the number of solved problems is compared with the first target number, and when the number of solved problems has reached or exceeded the first target number, the display of the second area is preset. 2 A learning problem providing device for setting the learner interface to be displayed as the number of solving problems compared to the target number. An application for providing learning problems stored in a computer readable medium to execute any one of the methods of claims 1 to 27.

Images