What is HTML? The brain of KaiOS apps – OmniSD in deep – BananaHackers


Applications for KaiOS and Firefox OS are
like a human body: The heart is called manifest.webapp, the brain
is a main HTML file, the skin is a CSS file while the JavaScript file is the locomotor
apparatus. In this first video I’ll try to explain how
an HTML file works. I will take for example a very small and light
application for KaiOS, OmniSD. An HTML file lists and retrieves all the files
contained in our app necessary to perform a specific function. In OmniSD we find two: 1) the “index.html” file, which is the brain
of our app. The name of this file is often chosen as an
“index” because it lists everything in our app. Usually this file is sufficient in the “start_path”
of the manifest.webapp file to start the application. We will therefore analyze this file carefully. 2) the “help.html” file, a secondary HTML
file called by the “manifest” by pressing a key, and in it are called the files related
to the application instructions. All HTML files must contain a “head” and a
“body”: 1) the “head” lists the title of the app and
all the files to call while the HTML file is running. Each string contains instructions:
– META has its “name” function and the description of this function as “content”;
– LINK, as the word itself says, leads to a specific path, which is that of the file
present in a specific path, besides indicating in REL the relative function of this file,
which can be the graphic interface in CSS or a action;
– SCRIPT, which precisely calls a JavaScript file in its path, indicating the “type” of
function. 2) the “body”, which lists the various parts
of the app’s interface we see. In it we can enclose different sections, in
each of which a function is performed, such as the selection of a key, the action, which
can be the selection of a file that was first detected and then listed on the graphical
interface. All these functions are already listed in
the various files present in the application, the HTML file shows only the interface, all
the other files will think about the rest once them will be called. Obviously everything must be written using
a certain text formatting, using text editors suitable for the programming language. For Windows there is Notepad++, for Linux
any text editor like Gedit and Mousepad is fine. Finally, try to consider an app written in
HTML as an offline website. Even by opening a document with Libreoffice
or Microsoft Office we could save as a Web page and get the same result automatically. Obviously in this video I just wanted to try
to give you an idea of ​​what exactly the structure of an HTML file means, starting
from a very basic perspective. Online there are websites like W3Schools.com
that can help you compile these HTML pages and more, in a very detailed way. Personally I’m not a developer, but it’s not
difficult to understand a programming language after reading and interpreting well what all
those thousands of lines that made your computer stuck once you open a file. I hope that this video gives a start to who
want to develop an app, or a whole software. Thanks for your attention. See you next. BananaHackers.net JOIN THE REVOLUTION!

4 Comments

Add a Comment

Your email address will not be published. Required fields are marked *