Saturday, October 1, 2022
HomeE-LearningWeb-In-A-Field Server: Including HTML5 Modules

Web-In-A-Field Server: Including HTML5 Modules



Utilizing PuTTY And FileZilla Software program For eLearning

Selling instructing and studying in fragile environments has been the imaginative and prescient of many training applied sciences firms, nongovernmental organizations, and governments throughout the globe. A method of realizing this has been by content material distribution programs that would function in offline and off-grid environments. A number of {hardware} and software program options have been developed by completely different entities. I’ve interacted with a number of and at the moment I’m customizing the internet-in-a-box (IIAB) platform hosted in a Linux Mint 20.3 Xfce Version mini PC. A lot of the studying content material that I’ve developed, collated, and curated is in HTML5 format that wants some work to show within the IIAB platform. By way of analysis and plenty of trials, I’ve streamlined the method of doing this in eight simple steps. It could be slightly technical for non-Linux customers, however when you get the hold of it, it is going to be very simple from then onward.

Perquisites

Earlier than following by the steps under, it’s best to:

  1. Have an appropriate {hardware} gadget. This could possibly be Raspberry Pi 4, Intel NUC, different mini PC rivals, ARM mini PCs, or a normal laptop computer/desktop laptop with Intel Wi-Fi adapters.
  2. Set up a appropriate working system. These embody 32-bit Raspberry Pi OS, Ubuntu 21.04 (Hirsute Hippo; warning: not LTS!), Ubuntu 20.04 LTS (safety updates till April 2025, end-of-life ~2030), Debian 11 “Bullseye” (safety updates till June 2026?; experimental pre-releases!), or Linux Mint 20 (safety updates till April 2025).
  3. Web-in-a-box put in.
  4. PuTTY SSH shopper and FileZilla FTP shopper put in in a separate laptop.

8 Simple Steps For Including HTML5 Modules To Web-In-A-Field Servers

Step 1: Put together Your Module

Get your module recordsdata prepared in your laptop (for instance: en-wL_iLearnabout). A file named index.html is required within the root listing. If this isn’t obtainable, duplicate the php file accountable for loading the homepage and rename it to index.html and take away all php code from it.

Step 2: Replace Listing Permissions

Make sure the IIAB server is on and you’ll entry it through a browser. Login into the IIAB server utilizing the PuTTY SSH shopper, utilizing an admin account. Replace the listing permission to 777 for full entry (learn, write, and execute) by everybody as per the instructions under:

  • sudo chmod 777 /library/www/html/modules/
  • sudo chmod 777 /library/www/html/residence/
  • sudo chmod 777 /library/www/html/js-menu/menu-files/menu-defs/
  • sudo chmod 777 /library/www/html/js-menu/menu-files/pictures/

Step 3: Add Module

Login into the IIAB server utilizing the FileZilla FTP shopper, utilizing an admin account. These are the credentials of the IIAB server. Add the module into the modules listing.

Step 4: Create A Menu Entry

Create a backup of the menu.json file (in /library/www/html/residence/). Earlier than making adjustments by duplicating and renaming it, create a menu entry of the module in menu.json. To do that, obtain menu.json into your laptop, and enter the menu entry (e.g., en-wL_iLearnabout) following json format. Delete menu.json within the IIAB server, after which re-upload the edited copy.

Step 5: Add Module-Title.json File

Navigate into /library/www/html/js-menu/menu-files/menu-defs/ and add a json file named as your module (e.g., en-wL_iLearnabout). The module-name.json file follows these guidelines:

  • “menu_item_name” : // Non-obligatory, and can be utilized to doc the file, however is not required.
  • “moddir” : “”, // For html modules that is the listing beneath /module.
  • “start_url” : // That is the non-compulsory suffix to base href with out main slash.
  • “zim_name”: “”, // That is the generic zim title with out YYYY-MM model suffix.
  • “title”: “”, // Localized title for hyperlink.
  • “description”:””, // Expanded textual content for hyperlink.
  • “extra_html”:”<menu_item_name>.html”, // Non-obligatory free type html for submenu or different use.
  • “apk_file”:”<apk file with out full path>” // Non-obligatory.
  • Watch out of embedded quotes, brackets, or different characters that may break json.

Tip:
Duplicate one other json file, rename it, and replace its contents accordingly.

Step 6: Add Module Picture

Navigate into /library/www/html/js-menu/menu-files/pictures/. Add the module picture named as per the entry within the json file (i.e., en-wL_iLearnabout.png).

Step 7: Load The Module In The Browser

Refresh your IIAB homepage to see the brand new module.

Tip:
If it doesn’t present, clear the browser cache. Press the keys [Ctrl], [Shift] and [Del].

Step 8: Replace Listing Permissions

Change again the listing permissions through SSH to forestall unauthorized server modification as per the instructions under:

  • sudo chmod 755 /library/www/html/modules/
  • sudo chmod 755 /library/www/html/residence/
  • sudo chmod 755 /library/www/html/js-menu/menu-files/menu-defs/
  • sudo chmod 755 /library/www/html/js-menu/menu-files/pictures/

Please get in contact with me in case you could have points implementing these steps, or when you want some steering.

References:

  • https://github.com/iiab/iiab/wiki/IIAB-Menuing
  • https://wiki.laptop computer.org/go/IIAB/FAQHow_do_I_customize_my_Internet-in-a-Box_home_page.3F
RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments