Source Code Structure
We will now start exploring the source codes of Hello Kii in depth.
The following figure illustrates the source code structure.
This HTML file is the main page.
It defines the page composition and loads related files. Data within this page is updated to perform transition and refresh of screens according to the implementation model of the single page application. Hello Kii simply switches screens with the
displayproperty of the
styleattribute. Contents of all screens are included in this file.
This is the Kii Cloud SDK. You need to download and make the SDK JS file visible together with the HTML file.
This tutorial uses the SDK downloaded from the developer portal without change.
index.htmlfile of Hello Kii is configured to point to the callback version.
See Use Promise for the difference between callback and promise implementations.
Leave them for now as this tutorial explains the callback version first, and then the promise version next.
This is the CSS file that is referenced by the
index.htmlfile. You can apply style sheets to your Web app as you do to common HTML sites.
This tutorial doesn't explain the CSS file for Hello Kii because it only contains the screen design elements. You don't particularly need to review the file if you know how to implement CSS files.
We will review the contents of the
Go to Index.html Implementation.