Line 60:
Line 60:
[[File:01 Main Dashboad.png|center|thumb|900x900px|Image of main dashboard]]
[[File:01 Main Dashboad.png|center|thumb|900x900px|Image of main dashboard]]
−
On the main dashboard, A new window will appear with two choices '''Open Existing File''' and '''Create New H5P'''.
+
+
<big>On the main dashboard, A new window will appear with two choices '''Open Existing File''' and '''Create New H5P'''.</big>
[[File:Creating New Project New.png|thumb|883x883px|Image of creating new project |alt=]]
[[File:Creating New Project New.png|thumb|883x883px|Image of creating new project |alt=]]
Line 80:
Line 81:
[[File:04 Installing New packages.png|center|thumb|900x900px|Image Installing New packages]]
[[File:04 Installing New packages.png|center|thumb|900x900px|Image Installing New packages]]
+
Line 183:
Line 185:
=====Fill in the blanks=====
=====Fill in the blanks=====
−
[[File:Lumi Fillintheblanks1.png|thumb|660x660px|Adding title and question in fill in the blanks]]
+
[[File:Lumi Fillintheblanks1.png|thumb|673x673px|Adding title and question in fill in the blanks]]
After opening the Fill in the Blanks package, follow these steps to create or edit your questions:
After opening the Fill in the Blanks package, follow these steps to create or edit your questions:
Line 207:
Line 209:
The final question might look something like this: "The *roots/Roots:Hint: This part of the tree helps it stand tall and absorbs water from the soil* of a tree grow deep into the ground."
The final question might look something like this: "The *roots/Roots:Hint: This part of the tree helps it stand tall and absorbs water from the soil* of a tree grow deep into the ground."
−
[[File:Lumifillintheblanks2.png|center|thumb|811x811px|Preview of fill in the blanks]]
+
+
+
[[File:Lumifillintheblanks2.png|center|thumb|923x923px|Preview of fill in the blanks]]
=====Flashcards =====
=====Flashcards =====
Line 230:
Line 234:
[[File:Flash cards 0.png|left|thumb|630x630px|image of creating a flash card]]
[[File:Flash cards 0.png|left|thumb|630x630px|image of creating a flash card]]
[[File:Flash cards 1.png|thumb|665x665px|Preview of flash cards]]
[[File:Flash cards 1.png|thumb|665x665px|Preview of flash cards]]
+
+
+
+
+
+
+
+
+
+
+
+
+
Line 302:
Line 319:
'''Tips:'''
'''Tips:'''
−
- For better understanding it is always recommended to use all the features one by one and preview your project after every step.or
+
-For better understanding it is always recommended to use all the features one by one and preview your project after every step.or
+
Line 308:
Line 326:
−
{{Note}} '''Difference Between Save and Export'''
+
==== Common behavior settings ====
−
'''Save:''' When you done the changes you've made are stored in the project file. If you share this project file with others, they will need to have the Lumi application installed on their devices to view or edit your packages. However, they won’t be able to interact with it.
+
===== True or false =====
+
#'''Enable "Retry" Button:''' Allows users to retry if they give the wrong answer.
+
#'''Enable "Show Solution" Button :''' If the user answers incorrectly, they will see a "Show Solution" button after submitting their answer. Clicking it will display the correct answer.
+
#'''Question Type:'''
+
#* If your question has a single correct answer, choose "Single Choice" (Radio Button).
+
#* If your question has multiple correct answers, choose "Multiple Choice" (Check Boxes).
+
#'''Give One Point for the Whole Task:''' Enable this option to give a total of one point for multiple correct answers. This option is not available in "Single Choice" mode.
+
#'''Randomize Answers:''' Enable this to randomize the order of the answers when displayed.
+
#'''Show Confirmation Dialog on "Check":''' Before submitting an answer, the user will be asked to confirm their submission, helping prevent accidental submissions.
+
#'''Show Confirmation Dialog on "Retry":''' This works the same as the previous option but applies to the "Retry" button.
+
#'''Automatically Check Answer:''' This option will automatically check the answer as soon as it's selected, so there will be no need for a "Check" button.
+
+
===== Fill in the blanks =====
+
#'''Enable "Retry" Button:''' Allows users to retry if they give the wrong answer.
+
#'''Enable "Show Solution" Button:''' If the user answers incorrectly, they will see a "Show Solution" button after submitting their answer. Clicking it will display the correct answer.
+
#'''Automatically Check Answer :''' This option automatically checks the answer as soon as it's clicked, eliminating the need for a "Check" button.
+
#'''Case Sensitive:''' If enabled, the user must input the answer exactly as you have written it.
+
#'''Require All Fields to Be Answered Before the Solution Can Be Viewed:''' Users must fill in all blanks before the hint is shown.
+
#'''Put Input Fields on Separate Lines:''' This option allows users to enter their answers on separate lines.
+
#'''Show Confirmation Dialog on "Check":''' Before submitting an answer, the user will be asked to confirm their submission, helping prevent accidental submissions.
+
#'''Show Confirmation Dialog on "Retry" :''' This works the same as the previous option but applies to the "Retry" button.
+
#'''Accept Minor Spelling Errors:''' If activated, the answer will still count as correct even with minor spelling errors (1 error for 3-9 characters, 2 errors for more than 9 characters).
−
'''Export :''' If you export your project as an HTML file, devices such as smartphones and computers can open it directly, allowing users to interact with your content, such as answering questions.
+
===== Flash Cards =====
+
#'''Case Sensitive:''' If you enable this option, the user must input the answer exactly as you have typed it.
+
#'''Require All Fields to Be Answered Before the Solution Can Be Viewed:''' The hint will not be shown until all fields are completed.
+
#'''Randomize Answers:''' Enable this to randomize the order in which the answers are displayed.
+
#'''Adding More Flashcards:''' Once you’ve finished creating a card, you can click the "Add Card" button to add more flashcards or questions.
−
'''Recommendation:''' It is recommended to use the HTML file ( exported ) on a computer for better viewing and easier interaction.
−
===== Common behavior settings =====
+
'''Note:'''
+
# These check boxes should be checked according to your specific requirements. There's no need to check or uncheck all of them.
+
# For better understanding, it's recommended to try checking and unchecking each option one by one and previewing the results.
[[File:Exporta.png|thumb|418x418px|An image of exporting Lumi ]]
[[File:Exporta.png|thumb|418x418px|An image of exporting Lumi ]]
−
'''How to Export?'''
+
==== {{Note}} '''Difference Between Save and Export''' ====
+
'''Save:''' When you done the changes you've made are stored in the project file. If you share this project file with others, they will need to have the Lumi application installed on their devices to view or edit your packages. However, they won’t be able to interact with it.
+
+
'''Export :''' If you export your project as an HTML file, devices such as smartphones and computers can open it directly, allowing users to interact with your content, such as answering questions.
+
+
'''Recommendation:''' It is recommended to use the HTML file ( exported ) on a computer for better viewing and easier interaction.
+
+
===== '''How to Export?''' =====
1. Preview your project to ensure everything works as expected.
1. Preview your project to ensure everything works as expected.