NetV!sor UI

This is the web UI part of the NetV!sor suite, composed of the website, the gatherer application, and the sender application. This suite was created as part of a 3 month-long IT apprenticeship class project, where the requirement was to design and program a website that had a front-end, used PHP in the back-end, and communicated with a SQL database (ICT 120 and 151 of the 2014 curriculum). Projects were made by groups of 4 students, and no subject or theme was imposed.

About NetV!sor

This suite was made to monitor network-connected IT devices in order to spot potential network problems and / or help IT support teams debugging and preemptively spot potential problems.

About NetV!sor UI

The website allows authorized people to check on monitored devices and their hardware components. It also generates trend context plots for RAM and CPU usage. Each user of the web interface can select their preferred language by choosing between English, French, Portuguese, or Polish.

The communication between the gatherer application and the UI server is a one-way communication channel (gatherer ➡ UI) that relies on the HTTP method POST to post data received from the senders into the UI's database. An in-house solution was created to attempt to secure the communication between the gathererers and the website, although its security has never been tested (and, judging by our experience back then, it's probably not that strong).

The UI's front-end was created using UIkit as the framework, paired with AngularJS and jQuery. The back-end is written in PHP, without using classes. The back-end code, although mostly written in English, might still have some French comments or variables names due to the group members speaking French with each other.