Prof. J. Walter - Informationstechnik, Mikrocomputertechnik, Digitale Medien State of Technology
Hochschule Karlsruhe Logo Energy Efficient Microcontroller
8x8-App: Mobile-App/WebApp
Winter Semester 2020 / 2021
Danial Haris Limi Hawari (67252)
Ong Kai Li (67254)

2.3 State of Technology

Like any other web applications, 8x8-WebApp is developed with HTML, CSS and JavaScript. These three major components are the core of technologies of World Wide Web (WWW) and are needed in order to make the web application runs successfully.

Hyper Text Markup Language (HTML):
Hyper Text Markup Language or HTML is the standard markup language for creating web pages. In simpler words, HTML is used to show the structure design of the web page in the internet browser. HTML5, which is the latest HTML version is implemented in 8x8-WebApp development, has large set of new technologies that allows the building of more powerful web sites and applications. HTML5 also includes precise processing models to encourage more interoperable implementations like application programming interfaces (APIs) for complex applications.

Cascading Style Sheets (CSS):
Cascading Style Sheets (CSS) is a style sheet language for describing on how HTML elements are to be displayed in the internet browser. The 8x8-WebApp was developed with Bootstrap 4 as its core CSS framework. Bootstrap is a popular, free and an open-source CSS framework developed mainly for responsive mobile-first front-end development. Bootstrap framework offers large toolkits, responsive web grid system, extensive prebuilt components and also powerful JavaScript plugins.

JavaScript (JS):
JavaScript (JS) is a programming or scripting language for the web. With JavaScript, the web pages become more interactive for user to use as JavaScript can calculate, manipulate, validate, update and change HTML, CSS and multiple data format. As 8x8-WebApp communicates with ESP32 through MQTT connection, a MQTT JavaScript library called Eclipse Paho JavaScript Client was imported into the 8x8-WebApp JavaScript. This library is an MQTT browser-based client library written in JavaScript that uses WebSockets to connect to an MQTT Broker.


  With Support of Prof. J. Walter Winter Semester 2020