Method for displaying learning content of terminal and application program therefor

Abstract

The present invention relates to a method for displaying learning content of a terminal and an application program therefor. The method for displaying learning content of a terminal of the present invention comprises the steps of: displaying text with a group of questions on a first layer; displaying a first question card corresponding to a first question on a second layer; and when a continuous touch gesture in a touch input is received in the second layer, displaying, on the second layer, a second question card corresponding to a second question according to the touch gesture, wherein the question card includes one or more examples that are selectable by a learner. According to the present invention, it is possible to effectively display learning content including a large amount of information such as multiple choice questions on a limited size screen.

Claims

1. A method for displaying learning content of a terminal, the method comprising: displaying text associated with a group of questions on a first layer displayed on a screen of the terminal; displaying a first question card corresponding to a first question from the group of questions on a second layer displayed on the screen of the terminal; wherein the second layer is overlaid on the first layer displayed on the screen of the terminal; in response to receiving from a learner a first touch input corresponding to an arbitrary direction on the second layer displayed on the screen of the terminal, switching, on the second layer displayed on the screen of the terminal, the first question card with a second question card and displaying, on the second layer displayed on the screen of the terminal, the second question card corresponding to a second question from the group of questions; and in response to switching from the first question card to the second question card displayed on the second layer displayed on the screen of the terminal, moving the text associated with the group of questions so that a portion of the text corresponding to the second question in the text associated with the group of questions is positioned at a center of the first layer displayed on the screen of the terminal, wherein each question in the group of questions is associated with a corresponding question card, and wherein each corresponding question card comprises one or more selectable examples that are selectable by the learner.

2. The method as claimed in claim 1, further comprising: receiving a second touch input for selecting one area of the second layer displayed on the screen of the terminal and adjusting a size of the second layer displayed on the screen of the terminal according to a touch gesture associated with the second touch input.

3. The method as claimed in claim 1, further comprising: erasing, in response to receiving a third touch input for erasing at least one selected example of the one or more selectable examples from the learner, the at least one selected example corresponding to the third touch input, wherein the third touch input comprises at least one of a double tap, a long press, and a swipe performed on the at least one selected example to be erased.

4. The method as claimed in claim 1, further comprising: displaying a remaining question-solving time on one area of the first layer displayed on the screen of the terminal.

5. The method as claimed in claim 1, further comprising: displaying a scroll bar corresponding to a length of the text associated with the group of questions on one area of the first layer displayed on the screen of the terminal in response to receiving a fourth touch input on the first layer displayed on the screen of the terminal, and moving, in response to receiving a touch gesture associated with the fourth touch input in the first layer displayed on the screen of the terminal, the text associated with the group of questions displayed on the first layer displayed on the screen of the terminal in a direction indicated by the touch gesture associated with the fourth touch input.

6. The method as claimed in claim 1, further comprising: displaying a submit button on one area of the first layer displayed on the screen of the terminal in response to receiving from the learner all selection inputs for all questions of the group of questions corresponding to the text.

7. The method as claimed in claim 1, further comprising: switching to a correct-answer confirmation mode for displaying learning content using a selected at least one example of the one or more selectable examples of a corresponding question card in response to the learner selection of a submit button to submit the selected at least one example; in the correct-answer confirmation mode, at least one of: displaying, by the terminal, the first layer displayed on the screen of the terminal and/or the second layer displayed on the screen of the terminal in a first color in response to a determination that the submitted selected at least one example of the corresponding question card is incorrect; or displaying, by the terminal, the first layer displayed on the screen of the terminal and/or the second layer displayed on the screen of the terminal in a second color in response to a determination that the submitted selected at least one example of the corresponding question card is correct.

8. The method as claimed in claim 7, further comprising: in response to the determination that the submitted selected at least one example of the corresponding question card is incorrect, displaying the submitted selected at least one example in a first brightness and/or a first saturation and displaying a correct example of the one or more selectable examples in a second brightness and/or a second saturation, wherein the first brightness and/or the first saturation is different from the second brightness and/or the second saturation.

9. The method as claimed in claim 7, further comprising: highlighting, in response to displaying an arbitrary question card on the second layer displayed on the screen of the terminal, one or more words corresponding to the arbitrary question card in the text associated with the group of questions displayed on the first layer displayed on the screen of the terminal.

10. The method as claimed in claim 7, wherein in the correct-answer confirmation mode, further comprising: displaying on one area of the first layer displayed on the screen of the terminal, at least one of a time required for question-solving, an explanation text or an explanation image corresponding to switching to an explanation mode, and a termination text or a termination image corresponding to a termination command.

11. The method as claimed in claim 10, further comprising: switching to an explanation mode in response to the learner selecting the explanation text or an explanation image corresponding to switching to the explanation mode; in the explanation mode, generating and displaying, by the terminal, a third layer fixed in one area of the screen of the terminal; and displaying, by the terminal, one or more question numbers and/or a termination text or a termination image corresponding to a termination command on one area of the third layer displayed on the screen of the terminal.

12. The method as claimed in claim 1, wherein the first touch input comprises at least one of a tap, a press, a swipe, a drag, a double tap, a long tap, and a long press.

13. A method for displaying learning content of a terminal, the method comprising: displaying one or more question cards of a plurality of question cards on a first layer displayed on a screen of the terminal; sequentially playing a plurality of voice files corresponding to each respective question in the plurality of question cards; determining that at least one first question card of the plurality of question cards corresponding to at least one currently playing voice file of the plurality of voice files is not displayed on the first layer displayed on the screen of the terminal; in response to the determination that the at least one first question card of the plurality of question cards corresponding to the at least one currently playing voice file of the plurality of voice files is not displayed on the first layer displayed on the screen of the terminal, displaying a movement indicator on a second layer displayed on the screen of the terminal, wherein selection of the movement indicator causes that the at least one first question card of the plurality of question cards corresponding to the at least one currently playing voice file of the plurality of voice files to be displayed on the first layer displayed on the screen of the terminal.

14. The method as claimed in claim 13, wherein the displaying the movement indicator on the second layer displayed on the screen of the terminal comprises: displaying the movement indicator at a lower end portion of the second layer in response to a determination that a second question card displayed on the first layer displayed on the screen of the terminal is a previous question previous to that of the at least one first question card corresponding to the currently playing voice file; and displaying the movement indicator at an upper end portion of the second layer displayed on the screen of the terminal in response to a determination that a third question card displayed on the first layer displayed on the screen of the terminal is a subsequent question subsequent to that of the at least one first question card corresponding to the currently playing voice file.

15. The method as claimed in claim 13, wherein selection of the movement indicator is received via a touch input.

16. An apparatus, comprising: at least one processor; and a non-transitory computer readable medium communicatively coupled to the at least one processor, the non-transitory computer readable medium having stored thereon computer software comprising a set of instructions that, when executed by the at least one processor, causes the apparatus to: display text associated with a group of questions on a first layer displayed on a screen of a terminal; display a first question card corresponding to a first question from the group of questions on a second layer displayed on the screen of the terminal; wherein the second layer is overlaid on the first layer displayed on the screen of the terminal; in response to receiving a first touch input corresponding to an arbitrary direction on the second layer displayed on the screen of the terminal, switch, on the second layer displayed on the screen of the terminal, the first question card with a second question card and displaying, on the second layer displayed on the screen of the terminal, the second question card corresponding to a second question from the group of questions; and in response to switching from the first question card to the second question card displayed on the second layer displayed on the screen of the terminal, move the text associated with the group of questions so that a portion of the text corresponding to the second question in the text associated with the group of questions is positioned at a center of the first layer displayed on the screen of the terminal, wherein each question in the group of questions is associated with a corresponding question-card, and wherein each corresponding question card comprises one or more selectable-examples that are selectable by a learner.

Description

BRIEF DESCRIPTION OF THE DRAWINGS

(1) FIG. 1 is a block diagram illustrating the configuration of a terminal according to an embodiment of the present disclosure;

(2) FIG. 2 is a flowchart illustrating a method for displaying learning content according to an embodiment of the present disclosure;

(3) FIG. 3 is a flowchart illustrating a method for displaying learning content according to an embodiment of the present disclosure;

(4) FIG. 4 is a diagram illustrating a method for displaying learning content in a question-solving mode according to an embodiment of the present disclosure;

(5) FIG. 5 is a flowchart illustrating a method for displaying learning content in a correct-answer confirmation mode according to an embodiment of the present disclosure;

(6) FIGS. 6A and 6B are diagrams illustrating a method for displaying learning content in a correct-answer confirmation mode according to an embodiment of the present disclosure;

(7) FIGS. 7A and 7B are diagrams illustrating a method for displaying learning content in an explanation mode according to an embodiment of the present disclosure; and FIGS. 8A and 8B are diagrams illustrating a method for displaying learning content in a listening mode according to an embodiment of the present disclosure.

MODE FOR CARRYING OUT THE INVENTION

(8) The above aspects, features, and advantages will be described in detail with reference to the accompanying drawings and therefore, the technical ideas of the present disclosure can be easily practiced by a person with ordinary skill in the art to which the present disclosure pertains. Further, when it is determined that the detailed description of the known art related to the present disclosure may obscure the gist of the present disclosure, the detailed description thereof will be omitted.

(9) In the drawings, the same reference numerals are used to designate the same or similar components, and all combinations described in the specification and claims can be combined in any manner. As used herein, the singular forms “a”, “an” and “the” are intended to include the plural forms as well, unless the context clearly indicates otherwise.

(10) The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. As used herein, the singular forms “a”, “an” and “the” are intended to include the plural forms as well, unless the context clearly indicates otherwise. As used herein, the term “and/or” includes any and all combinations of one or more of the associated listed items. It will be further understood that the terms “comprises” and/or “comprising,” or “includes” and/or “including” or “has” and/or “having” when used herein, specify the presence of stated features, regions, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, regions, integers, steps, operations, elements, components, and/or groups thereof. The steps, processes, and operations of the method described here should not be construed as necessarily requiring execution in the particular order discussed or illustrated, unless an execution order is specifically identified. It is also understood that additional or alternative steps may be used.

(11) In this specification, “touch input” refers to input for touching one area on a screen, and a “touch gesture” refers to one of touch inputs and can be understood to include movement from one area to another area on a screen, a continuous operation, and a multi-touch, which simultaneously touches two areas. That is, the “touch input” and the “touch gesture” used in this specification may indicate the same operation, but especially when they are used together, a touch operation for one area may be classified as “touch input” and an operation including a plurality of areas such as area movement may be classified as a “touch gesture”.

(12) Hereinafter, a preferred embodiment according to the present disclosure will be described in detail with reference to the accompanying drawings.

(13) FIG. 1 is a block diagram illustrating the configuration of a terminal that displays content according to a method for displaying learning content of the present disclosure. Referring to FIG. 1, a terminal 10 according to an embodiment of the present disclosure may include a display unit 11, an input unit 13, an output unit 14, a control unit 15, a wireless communication unit 17, and a storage unit 19.

(14) The display unit 11 may be formed of a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), and the like, and may visually provide menus of the terminal 10, input data, function setting information, and other various types of information to a learner. The display unit 11 displays learning content according to a method for displaying learning content according to an embodiment of the present disclosure.

(15) The input unit 13 detects a touch input of a learner. The input unit 13 may be constituted by a touch detection sensor, such as a capacitive overlay, a pressure type resistive overlay, or an infrared beam, or may be constituted by a pressure sensor. In addition to the above sensors, any type of sensor device capable of detecting the contact or pressure of an object may be included in the input unit 13 of the present disclosure.

(16) The input unit 13 detects a touch input of a learner, and generates a detection signal and transmits the generated detection signal to the control unit 15. The detection signal includes coordinate data about where the touch input is performed by the learner. When a touch position movement operation is input by a learner, the input unit 13 may generate a detection signal including coordinate data of a touch position movement path and may transmit the generated detection signal to the control unit 15.

(17) In particular, the input unit 13 may detect a touch input and a touch gesture performed on a layer according to an embodiment of the present disclosure. Examples of such learner input include a tap, a double tap, a press, a long press, a swipe, and the like.

(18) When the terminal 10 to which the present disclosure is applied includes a touch screen, the above-described display unit 11 and input unit 13 may be included in the touch screen to perform respective functions of the touch screen. Further, when a terminal includes a touch pad, the touch pad can be used as the input unit 13.

(19) The output unit 14 may include a speaker for outputting a sound, a light source for outputting light, and the like. In particular, in a listening mode, the output unit 14 may reproduce a listening question file stored in the storage unit 19.

(20) The control unit 15 may control text with a group of questions to be displayed on a first layer and a first question card corresponding to a first question to be displayed on a second layer, and may control, when a continuous touch gesture in the touch input is received in the second layer, a second question card corresponding to a second question to be displayed on the second layer. In addition, each module is controlled to provide embodiments of each user interface, which will be described later, to a learner through the display unit 11.

(21) The wireless communication unit 17 executes a data transmission/reception function for wireless communication of the terminal 10. The wireless communication unit 10 may receive data from a server (not shown) via a wireless channel and may transmit the received data to the control unit 15. The data transmitted to the server by the wireless communication unit 10 may include data such as a selection input performed through the input unit 13 by a learner who uses an application program of the present disclosure, a learning result according to the selection input, a learning pattern of the learner, and the like.

(22) The storage unit 19 may store learning content called by the application program of the present disclosure, and may store information collected by the execution of the application program, for example, a selection input received through the above-described input unit 13, a learning result according to the selection input, learning pattern information by learning result analysis of the control unit 15, and the like.

Method for Displaying Learning Content

(23) Hereinafter, a method for displaying learning content according to an embodiment of the present disclosure will be described with reference to FIGS. 2 to 4.

(24) FIG. 2 is a flowchart illustrating a method for displaying learning content according to an embodiment of the present disclosure. The learning content displayed by the method for displaying learning content of the present disclosure may be generated by a device for generating a user interface screen, and may be displayed on a terminal by the execution of an application program according to an embodiment of the present disclosure.

(25) For reference, it should be noted that each operation of the method for displaying learning content described in this specification can be simultaneously performed, and as a result, a plurality of layers can be simultaneously displayed on one screen in a terminal.

(26) Referring to FIGS. 2 to 4, in operation S110, a terminal displays text with a group of questions on a first layer 100. The text with a group of questions refers to text corresponding to one or more questions. For example, one block of text can be presented in a language test and a plurality of questions can be presented in association with the corresponding text. In this specification, the text associated with one or more questions is referred to as text with a group of questions.

(27) In operation S130, the terminal displays a first question card corresponding to a first question on a second layer 200. The question card may include one or more examples 210 that can be selected by a learner. The question card may include one or more examples according to the type of the corresponding question, as shown in FIG. 4, or may further include questions.

(28) For example, FIG. 4 shows a question of selecting the appropriate word to be inserted into the text. Accordingly, only words corresponding to examples are included on the question card, but if the text is read and a question pertaining to the text is set differently for each question, a question corresponding to the corresponding question may be included in the question card.

(29) Next, when a continuous touch gesture in a touch input, such as a swipe, a drag, a double tap, a long tap, or a long press, is received in the second layer in operation S150, the terminal displays a second question card corresponding to a second question according to the touch gesture on the second layer in operation S170. For example, in the case in which the question card shown in FIG. 4 is a question card including examples for a question #5 135A, when the question card is swiped to the left, a question card including examples for a question #6 136A may be displayed on the second layer 200. If the touch gesture is an operation of swiping to the right, the terminal may switch the question card displayed on the second layer from the question card of the question #5 to a question card of a question #4.

(30) Further, when the continuous touch gesture in the touch input is received in the second layer in operation S150 and the question card displayed on the second layer is switched from the first question card to the second question card in operation S170, the terminal moves, in operation 175, the text with the group of questions in such a manner that a portion corresponding to the second question in the text with the group of questions displayed on the first layer is positioned at the center of the first layer while operation S170 is performed.

(31) For example, in FIG. 4, a question card #5 is currently displayed on the second layer, and therefore text corresponding to the question #5 is displayed in the central portion of the first layer 100. Here, when a touch gesture is input so that a question card #6 is displayed on the second layer 200 by the learner swiping the question card #5 to the left, the terminal moves the text displayed on the first layer 100 upwards so that a portion corresponding to the question #6 136A is positioned at the center of the first layer.

(32) Further, when receiving selection input for an arbitrary example from the learner in the state in which a question card #1 is displayed on the second layer, the terminal may display a question card corresponding to a question following a question #1 on the second layer. That is, when the learner solves the question card #5, the question card #6 is automatically displayed on the second layer. At the same time, the corresponding screen is switched from the text corresponding to the question #5 to the text corresponding to the question #6, and the switched text corresponding to the question #6 is displayed at the central portion of the screen of the terminal. Accordingly, the learner can solve the questions sequentially without any special manipulation, so that the learner's convenience can be maximized and the learner can focus on the question-solving itself.

(33) Meanwhile, as shown in 150A in FIG. 4, the terminal can display a remaining question-solving time in one area of the first layer. Most exams are designed to solve questions within a time limit. The learner can improve the speed of solving questions by checking the remaining question-solving time and training to solve questions within a time limit.

(34) In addition, when not all of the text is displayed on the screen at the same time, as shown in FIG. 4, because the text with the group of questions is longer than the size of the first layer, the learner can move the text with the group of questions by inputting a touch gesture such as touching one area of the first layer 100 and dragging or swiping the text with the group of questions successively to the touch in operation S300.

(35) That is, when the touch input is received on the first layer, the terminal may display a scroll bar corresponding to the length of the text with the group of questions on one area of the first layer, and when the continuous touch gesture in the touch input is received in the first layer in operation S300, the terminal may move the text with the group of questions displayed on the first layer according to the received touch gesture.

(36) In addition, when selection input for all questions corresponding to the text with the group of questions is received, the terminal may further include an operation of displaying a text or image corresponding to an answer submission on one area of the first layer. For example, if there is a total of 4 questions corresponding to one block text with a group of questions and the learner inputs answers to all of the 4 questions, the text “submit answer” is displayed on the lower end side of the first layer as shown in FIG. 160A of FIG. 4. When the learner touches the text “submit answer”, the answer is transmitted to a server and the screen is switched to a correct-answer confirmation mode. In the above description, the case has been described in which a link pertaining to a question-solving time or to whether the answer submission is performed is displayed at the lower end side of the first layer. However, this is only an embodiment, and a user interface according to the present disclosure creates a separate layer to display a previous menu, a next menu, time information, etc., on the created layer, which may vary depending on the setting of the user interface.

User Interface to Erase Example

(37) Referring to FIG. 3, a terminal may receive input for an arbitrary example from a learner in operation S210. When the input in operation S210 is touch input for erasing an example in operation 230, the terminal may perform erasure display on the example corresponding to the touch input in operation S250. When the input in operation S210 is touch input for selecting an example, the terminal may select the example corresponding to the touch input as the answer in operation S255.

(38) Whether a touch input for an arbitrary example is determined to be a selection input or an erasure input in operation S230 depends on preset criteria. For example, a tab or press for one area may be preset to be determined to be selection input and a double tap, a long press, or swipe may be preset to be determined to be erasure input, which may vary depending on the setting of a device for generating a user interface.

(39) Referring to FIG. 4, when the learner performs a touch input for selecting an example A 210A, the terminal may select and highlight the example A 210A as the answer, and when the learner inputs a double-tap operation for erasing an example C 210C, the terminal may perform erasure display by displaying a strikethrough on the example C 210C. The erasure display may be performed via the strikethrough, blurring of brightness and saturation, shading adjustment, or the like. It is a well-known question-solving method to erase examples. According to the present disclosure, the conventional question-solving method may be implemented as a user interface, so that learners can effectively solve questions even on the terminal.

User Interface to Adjust Layer Size

(40) Meanwhile, in the embodiment of FIG. 4, areas of the first layer 100 and the second layer 200 are divided. Referring to another embodiment shown in FIGS. 7A and 7B, the second layer 200 may be overlaid on the first layer. That is, the first layer may be displayed on the entire screen, and the second layer 200 may be overlaid on one area of the first layer.

(41) In this case, one area of the second layer may be designated as an area for adjusting the size of the second layer, which may be displayed as an image 230 shown in FIG. 7A. When receiving a first touch input for selecting a portion (hereinafter, referred to as a scaling area) 230 designated as a scaling area on the second layer from a learner and receiving a continuous first touch gesture in the first touch input, the terminal may adjust the size of the second layer according to the touch gesture. For example, if the learner touches the scaling area and then drags it upwards, the size of the second layer may become large, as shown in FIG. 7B. Such a user interface has an advantage in that a large amount of text can be effectively displayed on a limited screen, and content displayed based on content currently checked by the learner between text and question cards can be adjusted.

(42) User Interface in Correct-Answer Confirmation Mode

(43) Hereinafter, an embodiment of a method for displaying learning content in the correct-answer confirmation mode after a learner completes question-solving and submits the answer will be described.

(44) Referring to FIG. 5, when a learner selects a text or image corresponding to answer submission in operation S400, a terminal switches to a correct-answer confirmation mode for displaying learning content using submitted answers in operation S430. An example of a user interface in the correct-answer confirmation mode is shown in FIGS. 6A and 6B.

(45) As shown in FIGS. 6A and 6B, when a question card in which the submitted answer is incorrect is displayed on the second layer in the correct-answer confirmation mode as shown in FIG. 6A, a terminal may display a first layer and/or the second layer in a first color in operation S470, and when a question card in which the submitted answer is correct is displayed on the second layer, the terminal may display the first layer and/or the second layer in a second color in operation S490. Here, the first color and the second color may be colors having different brightness and saturation, and a user interface according to an embodiment of the present disclosure may distinguish and display incorrect answers and correct answers in an operation of confirming correct answers so that learners may intuitively grasp their weaknesses.

(46) In addition, on the screen of the correct-answer confirmation mode, when displaying the question card in which the submitted answer is the incorrect answer on the second layer, the terminal may differently display the brightness and/or the saturation of examples corresponding to the submitted answer and the correct answer.

(47) For example, it is assumed that the correct answer of the question #5 135B is “C. updating” as shown in FIG. 6B, and a learner selects “A. writing” as the answer and submits the selected answer in a question-solving operation. The terminal may provide a user interface in which the terminal differently displays the brightness and/or the saturation of an answer 210A″ submitted by the learner and a correct answer 210B″ so that the learner can compare the correct answer with the answer input by herself or himself when confirming the correct answer. In this example, if the learner selects “C. updating”, only the correct answer 210B′ may be highlighted, as shown in the screen of FIG. 6A.

(48) Meanwhile, in the correct-answer confirmation mode, the learner confirms the correct answer to each of one or more questions that he or she has solved. In this case, if an arbitrary question card is displayed on the second layer, the terminal may highlight one or more words corresponding to the arbitrary question card in text with a group of questions displayed on the first layer. That is, when the learner confirms the correct answer to the question #5, as shown in FIGS. 6A and 6B, it is possible to highlight the letters of the question #5 displayed in the text, such as enlarging the letters, displaying the letters in bold, or displaying the letters in a different color, so that the learner can intuitively recognize exactly what the question he or she is checking is.

(49) In addition, in the correct-answer confirmation mode, the terminal may display, on one area of the first layer, at least one of the time 150B required for question-solving, a text or image 170 corresponding to switching to an explanation mode, and a text or image 160B corresponding to a termination command. As described above, the terminal may generate a new layer and include the above information in the new layer.

(50) When the learner touches the text or image 170 corresponding to the switching to the explanation mode, the terminal may switch the screen to the explanation mode, and the user interface in the explanation mode will be described later with reference to FIGS. 7A and 7B.

(51) In the explanation mode, the terminal may generate a third layer fixed in one area of the terminal and may display one or more question numbers and/or the text or image corresponding to the termination command on one area of the third layer.

User Interface in Explanation Mode

(52) Referring to FIGS. 7A and 7B, in the explanation mode, the terminal may generate a third layer fixed in one area of the terminal and may display one or more question numbers 180 and/or a text or image 160C corresponding to a termination command on one area of the third layer. The question number 180, displayed in a manner indicating that question-solving is completed, may be displayed differently depending on whether the submitted answer is correct or incorrect. If the submitted answer is correct, the answer may be displayed in a form shown in 180A. If the submitted answer is incorrect, the answer may be displayed in a form including a strikethrough. This is only an example, so the colors of the correct answer and the incorrect answer can be displayed differently or figures can be used, so that the learner can intuitively distinguish a question for which a correct answer was submitted by the learner from a question for which an incorrect answer was submitted by the learner.

(53) In addition, in displaying the question number 180, the terminal may differently display a question number corresponding to a question that is currently confirmed. In this case, the terminal adds a point or inserts a figure on the question number as shown in 180A so that the learner can intuitively recognize what the question number he or she is checking is.

(54) In the explanation mode, the configuration of the user interface for adjusting the size of the second layer may be effective. Since the explanation includes not only examples but also a long text, the learner touches one area of the second layer and inputs a touch gesture successive thereto in operation S500, thereby moving an explanation card displayed on the second layer.

(55) When the learner completes all of the learning and touches a learning completion button 160C displayed at the lower end side of the first layer, the screen of the terminal can be switched to an initial screen or the previous screen.

User Interface in Listening Mode

(56) Hereinafter, a method for displaying learning content in a listening mode according to an embodiment of the present disclosure will be described with reference to FIGS. 8A and 8B.

(57) Referring to FIGS. 8A and 8B, a terminal in the listening mode may display a fourth layer 400 on a background layer 300 and may display one or more question cards 400A to 400D on the fourth layer 400. Next, the terminal may sequentially reproduce one or more voice files corresponding to each of the one or more question cards. At this time, if the question card corresponding to the currently reproduced voice file is not displayed on the fourth layer, the terminal may display movement indicators 500A and 500B on the fifth layer 500.

(58) More specifically, in displaying the movement indicators on the fifth layer, when an arbitrary question card displayed on the fourth layer is a question previous to that of the question card corresponding to the currently reproduced voice file, the terminal may display the movement indicator at the lower end side of the fifth layer, as shown in 500A. When the arbitrary question card displayed on the fourth layer is a question subsequent to that of the question card corresponding to the currently reproduced voice file, the terminal may display the movement indicator at the upper end side of the fifth layer, as shown in 500B.

(59) Further, when receiving a touch input for the movement indicator, the terminal may display the question card corresponding to the currently reproduced voice file on the fourth layer.

(60) That is, if the currently reproduced voice file corresponds to the question #5 although questions displayed on the fourth layer 400 are a question #1 and a question #2 in FIG. 7A, a movement indicator 500A of “move to currently reproduced position” may be displayed at the lower end side of the terminal, and if the learner touches the movement indicator 500A of “move to currently reproduced position”, the question #5 may be displayed at the central portion of the fourth layer.

(61) In addition, if the currently reproduced voice file corresponds to the question #2 although a question #9 and a question #10 are displayed on the fourth layer 400 in FIG. 7B, a movement indicator 500B may be displayed at the upper end side of the fifth layer 500. If the learner touches the movement indicator 500B, the question displayed on the fourth layer may be switched to the question #2.

(62) In addition, when the reproduction of the voice file corresponding to all of the questions is completed in the listening mode, or when a continuous touch gesture (drag or the like) in a touch input is received so that the last question is displayed on the fourth layer, the terminal may display the number of remaining questions at the lower end portion of the background layer using a selection input for each of the questions, as shown in an image 600. That is, when the learner performs selection input for selecting examples for only two questions among a total of 10 questions, 8, which is the number of remaining questions, may be displayed at the lower end portion based on the selection input. This display may be performed in such a manner that the image 600 can be displayed on the background layer 300 or the fourth layer 400 on which the corresponding question is displayed, or may be performed by generating a new layer. The present disclosure is not limited as to the method of implementing the user interface.

(63) The methods described herein may be implemented by one or more computer programs executed by one or more processors. The computer programs include processor-executable instructions that are stored on a non-transitory tangible computer readable medium. The computer programs may also include stored data. Non-limiting examples of the non-transitory tangible computer readable medium are nonvolatile memory, magnetic storage, and optical storage.

(64) Certain embodiments of the techniques described above include processing steps and instructions described herein in an algorithmic form. It should be noted that the processing steps and instructions described above may be implemented in software, firmware, or hardware, and when they are implemented in software, they may be downloaded to reside on other platforms used in real-time network operating systems and can be operated therefrom.

(65) The present disclosure also relates to apparatus for performing the operations herein. This apparatus may be specially constructed for the required purposes, or it may include a general purpose computer selectively activated or reconfigured by a computer program stored in the computer. Such a computer program may be stored in a computer readable storage medium, such as, but is not limited to, any type of disk including floppy disks, optical disks, CD-ROMs, and magnetic-optical disks, read-only memories (ROMs), random access memories (RAMs), EPROMs, EEPROMs, magnetic or optical cards, or any type of media suitable for storing electronic instructions, and each coupled to a computer system bus. Moreover, the computers referred to herein may include a single processor, or architectures that use multiple processor designs to enhance computing capabilities.

(66) The algorithms and displays presented herein are not inherently related to any particular computer or other apparatus. Various general purpose systems may be used with programs in accordance with the teachings herein, or it may prove convenient to construct more specialized apparatus to perform the required method steps. The required structure for a variety of these systems will appear from the description below. In addition, the present disclosure is not described with reference to any particular programming language. It will be appreciated that a variety of programming languages may be used to implement the teachings of the disclosure as described herein. It should be understood that any reference to a particular language is intended to be illustrative of the embodiments and best mode of the present disclosure.

(67) Some embodiments omitted in this specification are equally applicable if their implementation subjects are the same. It will be apparent to those skilled in the art that various modifications and variations can be made in the present disclosure without departing from the spirit or scope of the disclosure. The present disclosure is not limited to the above-described embodiments and the accompanying drawings.

(68) * Drawing Legend Insertion

(69) FIG. 1

(70) 11: DISPLAY UNIT

(71) 13: INPUT UNIT

(72) 14: OUTPUT UNIT

(73) 15: CONTROL UNIT

(74) 17: WIRELESS COMMUNICATION UNIT

(75) 19: STORAGE UNIT

(76) FIG. 2

(77) START

(78) S110: DISPLAY TEXT WITH GROUP OF QUESTIONS ON FIRST LAYER

(79) S130: DISPLAY FIRST QUESTION CARD ON SECOND LAYER

(80) S150: IS CONTINUOUS TOUCH GESTURE IN TOUCH INPUT RECEIVED IN SECOND LAYER?

(81) S170: DISPLAY SECOND QUESTION CARD ON SECOND LAYER

(82) S175: MOVE TEXT WITH GROUP OF QUESTIONS CORRESPONDING TO SECOND QUESTION SO AS TO POSITION TEXT WITH GROUP OF QUESTIONS AT CENTER OF FIRST LAYER

(83) END

(84) FIG. 3

(85) START

(86) S210: IS INPUT FOR ARBITRARY EXAMPLE RECEIVED ON SECOND LAYER FROM LEARNER?

(87) S230:

(88) WHEN INPUT IS TOUCH INPUT FOR SELECTING EXAMPLE .fwdarw. [1]

(89) WHEN INPUT IS TOUCH INPUT FOR ERASING EXAMPLE .fwdarw. [2]

(90) S250: PERFORM ERASURE DISPLAY ON EXAMPLE CORRESPONDING TO TOUCH INPUT

(91) S255: SELECT EXAMPLE CORRESPONDING TO TOUCH INPUT AS ANSWER

(92) END

(93) FIG. 4

(94) : SUBMIT ANSWER

(95) FIG. 5

(96) START

(97) S400: SELECT, BY LEARNER, TEXT OR IMAGE CORRESPONDING TO “SUBMIT ANSWER”

(98) S430: SWITCH TO CORRECT-ANSWER CONFIRMATION MODE

(99) S450: WHEN QUESTION CARD DISPLAYED ON SECOND LAYER IS:

(100) INCORRECT ANSWER QUESTION CARD .fwdarw. [1]

(101) CORRECT ANSWER QUESTION CARD .fwdarw. [2]

(102) S470: DISPLAY FIRST LAYER IN FIRST COLOR

(103) S490: DISPLAY FIRST LAYER IN SECOND COLOR

(104) END

(105) FIGS. 6A AND 6B

(106) : CHECK EXPLANATION

(107) : SUBMIT ANSWER

(108) FIGS. 7A AND 7B

(109) : COMPLETE LEARNING

(110) : 5.sup.TH EXPLANATION

(111) UPDATING :

(112) IN THE FOLLOWING SENTENCE, SINCE THE BOOKLETS ARE SAID TO BE REGULARLY REVISED, “UPDATING” IS CORRECT ANSWER

(113) FIG. 8

(114) : LISTEN TO THE CONVERSATION AND SOLVE THE QUESTION

(115) : PAUSE

(116) : MOVE TO CURRENTLY REPRODUCED POSITION

(117) 3: 8): SOLVE THE QUESTION #3 (NUMBER OF REMAINING QUESTIONS: 8)