Line 92:
Line 92:
#'''Click on "Get":''' On the right side of the window, you'll see an option labeled '''Get'''. Click on that.
#'''Click on "Get":''' On the right side of the window, you'll see an option labeled '''Get'''. Click on that.
#'''Install :''' After clicking, a prompt will appear asking you to confirm the installation. Click the '''Install''' button.
#'''Install :''' After clicking, a prompt will appear asking you to confirm the installation. Click the '''Install''' button.
−
#'''Installation Confirmation:''' Once the package has been successfully installed, you will see a message stating that "'''[Name of the template] has been installed!'''" In addition, the button that previously said '''Install''' will now display '''Use''', indicating that your template is ready for use.
+
#'''Installation Confirmation:''' Once the package has been successfully installed, you will see a message stating that "'''[Name of the template] has been installed!'''" In addition, the button that previously said '''Install''' will now display '''Use''', indicating that your template is ready for use.<br />
−
+
[[File:04.2a Installing new packages.png|thumb|alt=|border|center|900x900px|Installing new packages]]
−
−
−
−
[[File:04.2a Installing new packages.png|thumb]]
−
<gallery mode="packed" heights="400">
−
</gallery>
−
*'''One-Time Installation:''' This installation is required only once for each package you need.
*'''One-Time Installation:''' This installation is required only once for each package you need.
*'''No Re-installation Needed:''' You do not need to install the package every time you use it.
*'''No Re-installation Needed:''' You do not need to install the package every time you use it.
Line 109:
Line 102:
Before we begin, it's important to understand interface Once you've chosen a package, you'll notice two options at the top: "View" and "Edit."
Before we begin, it's important to understand interface Once you've chosen a package, you'll notice two options at the top: "View" and "Edit."
<gallery mode="packed" heights="400">
<gallery mode="packed" heights="400">
−
File:05 aView Edit.png|View and Edit mode in the interface
</gallery>
</gallery>
'''View :''' When you select "View," you'll see exactly how your H5P content will look to users. This feature lets you preview the content, test interactions, and ensure everything functions as expected.
'''View :''' When you select "View," you'll see exactly how your H5P content will look to users. This feature lets you preview the content, test interactions, and ensure everything functions as expected.
Line 115:
Line 107:
'''Edit :''' Choosing "Edit" allows you to make changes to your H5P content. You can add or remove elements, adjust text, tweak settings, and refine the overall design and functionality to your liking.
'''Edit :''' Choosing "Edit" allows you to make changes to your H5P content. You can add or remove elements, adjust text, tweak settings, and refine the overall design and functionality to your liking.
+
[[File:05 aView Edit.png|border|center|thumb|900x900px|Image of View & Edit options]]
Line 124:
Line 117:
Once you’ve opened any template, make sure to save it on your computer before making any changes. After that, as you edit, remember to regularly save your progress by pressing Ctrl + S after every few steps. This will help prevent any data loss and ensure your work is up to date.
Once you’ve opened any template, make sure to save it on your computer before making any changes. After that, as you edit, remember to regularly save your progress by pressing Ctrl + S after every few steps. This will help prevent any data loss and ensure your work is up to date.
+
+
[[File:Lumi save1.png|left|thumb|644x644px|Image of saving as project file]]
+
[[File:Lumi save2.png|thumb|684x684px|Image of giving file name]]
<gallery mode="nolines" heights="500" widths="1080">
<gallery mode="nolines" heights="500" widths="1080">
−
File:Lumi save2.png|Giving the path, name and saving the project
−
File:Lumi save1.png|Saving a Lumi project
</gallery>
</gallery>