Bachelor's Thesis

Web Application for Managing Smart Devices

Final Thesis 8.21 MB

Author of thesis: Bc. Marek Joukl

Acad. year: 2024/2025

Supervisor: Ing. Petr John

Reviewer: Ing. Jiří Hynek, Ph.D.

Abstract:

This thesis addresses the topic of the Internet of Things (IoT) and its application in smart homes, primarily through mobile devices. The main goal was to develop a mobile web application capable of efficiently managing smart devices through a user-friendly interface, offering both basic functions and advanced features such as device configuration, Key Performance Indicator (KPI) management, and group management. The application design was carried out with respect to current approaches in the development of responsive applications and aims to provide a versatile tool for managing smart devices from various ecosystems within a single application. The project was developed under the Pocketix organization, which focuses on developing tools and libraries designed for automating smart home and IoT devices. This application can serve as a foundation for further development and integration of features such as support for more complex devices, like photovoltaic systems or camera systems, automation, or analytics.

Keywords:

IoT, Internet of Things, react, mobile, application, design, smart devices, smart home

Date of defence

17.06.2025

Result of the defence

Defended (thesis was successfully defended)

znamkaAznamka

Grading

A

Process of defence

Student nejprve prezentoval výsledky, kterých dosáhl v rámci své práce. Komise se poté seznámila s hodnocením vedoucího a posudkem oponenta práce. Student následně odpověděl na otázky oponenta a na další otázky přítomných. Komise se na základě posudku oponenta, hodnocení vedoucího, přednesené prezentace a odpovědí studenta na položené otázky rozhodla práci hodnotit stupněm A.

Topics for thesis defence

  1. Bylo by možné v rámci definic příkazů umožnit zadávat složitější podmínky přípustných hodnot? Jak?
  2. Běží program ve webovém prohlížeči nebo jako nativní aplikace? Je aplikace volně ke stažení?
  3. Jakým způsobem jste shromažďoval zpětnou vazbu od uživatelů? Jak jste jejich zpětnou vazbu zapracoval?

Language of thesis

English

Faculty

Department

Study programme

Information Technology (BIT)

Composition of Committee

doc. Ing. Tomáš Martínek, Ph.D. (předseda)
Ing. Vladimír Bartík, Ph.D. (člen)
Ing. Jiří Hynek, Ph.D. (člen)
doc. Mgr. Adam Rogalewicz, Ph.D. (člen)
doc. Ing. Michal Španěl, Ph.D. (člen)

Supervisor’s report
Ing. Petr John

Student pracoval samostatně a v průběhu řešení práce prokázal důkladný a pečlivý přístup. Výsledkem je velmi dobře provedené řešení, jenž přináší progresivní webovou aplikaci pro správu zařízení internetu věcí, která je optimalizovaná pro mobilní zařízení a umožňuje koncovým uživatelům starat se o jejich chytré domy. Navrhuji hodnocení stupněm A.

Evaluation criteria Verbal classification
Informace k zadání

Cílem této bakalářské práce bylo navrhnout a implementovat responzivní systém pro správu zařízení internetu věcí se zaměřením na prostředí chytrých domácností a nadšenecké instalace. Za tímto účelem student nejprve prozkoumal oblast IoT a související zastřešující koncepty, jako jsou chytrá města (Smart Cities), digitální dvojčata (Digital Twins) a komunikační technologie. Následovalo studium vývoje aplikací, a to včetně současných přístupů a jejich vlastností. Poté student analyzoval stávající frontendovou aplikaci RIoT a poskytované rozhraní (GraphQL). Ačkoli prostředí RIoT obsahovalo frontend, bylo primárně vyvinuto za účelem demonstrace možností backendu, a nikoli za účelem poskytnutí responzivní aplikace pro uživatele. Student implementoval rozsáhlé části frontendové aplikace od základu pomocí nástrojů TypeScript, React.js a shadcnui, tentokrát s optimalizacemi pro mobilní zařízení a podporou pro progresivní webové aplikace (PWA). Zadání hodnotím jako průměrné obtížné a student jej splnil ve všech bodech.

Práce s literaturou

Student prostudoval doporučenou literaturu a sám aktivně vyhledával další relavatní zdroje.

Aktivita během řešení, konzultace, komunikace

Student komunikoval po celý akademický rok. Konzultace s vedoucím práce probíhaly online přibližně jednou za dva týdny. Student také často komunikoval prostřednictvím zpráv a informoval o pokroku. Student řádně plnil zadané úkoly a práce postupovala dobrým tempem.

Aktivita při dokončování

Práce byla dokončena s dostatečným předstihem, aby mohla být otestována, nasazena a prezentována během konference Excel@FIT.

Publikační činnost, ocenění

Student prezentoval své výstupy na konferenci Excel@FIT. Z publikačního hlediska budou využity jako součást demonstrací výsledků mého výzkumu.

Points proposed by supervisor: 98

Grade proposed by supervisor: A

Reviewer’s report
Ing. Jiří Hynek, Ph.D.

Bakalářská práce je kvalitní jak po teoretické, tak po praktické stránce. Je psána v anglickém jazyce. Výstupy byly publikovány na studentské konferenci Excel@FIT 2025 a jsou aplikovatelné ve výzkumném projektu. Navrhuji hodnocení stupněm A.

Evaluation criteria Verbal classification Points
Náročnost zadání

Evaluation level: průměrně obtížné zadání

Cílem studenta bylo navrhnout a implementovat nové uživatelské rozhraní systému RIoT [1] podporující zobrazení na mobilních telefonech (zejména správa uživatel, typů zařízení nebo definic KPI). Pro tyto účely prostudoval problematiku internetu věcí a tvorby webových aplikací. Řešení implementoval v jazyce TypeScript, s využitím knihovny React. Zadání hodnotím jako průměrně obtížné.

[1] BUREŠ, Michal. Systém pro zpracování dat z chytrých zařízení. Brno, 2024. Bakalářská práce. Vysoké učení technické v Brně, Fakulta informačních technologií. Vedoucí práce Ing. Jiří Hynek, Ph.D.

Prezentační úroveň technické zprávy

Struktura technické zprávy je kvalitní. Teoretická část je rozsáhlá, informačně hodnotná. Praktická část obsahuje některé menší nedostatky. Kapitola Analýza nepopisuje, jak byly zjištěny požadavky uživatel. Popis implementace v sobě obsahuje pasáže popisující návrh řešení. Popis testování mohl být rozsáhlejší.

85
Formální úprava technické zprávy

Práce je psána v anglickém jazyce. Jazyková a typografická úprava je na vysoké úrovni. Student přiznává, že pro tyto účely využil generativní umělou inteligenci, což nicméně považuji za přijatelné. Místy jsou použity špatné pomlčky. Dekorativní písmo v obrázcích 5.6 a 5.7 není vhodné. Obrázek 6.1 mohl být ve vektorech.

90
Realizační výstup

Výstupem práce je nová verze webové aplikace projektu RIoT. Řešení hodnotím kladně. Oceňuji podporu mobilních telefonů.

95
Využitelnost výsledků

Výstupy rozšiřují existující výzkumný projekt RIoT/Pocketix.

Rozsah splnění požadavků zadání

Evaluation level: zadání splněno

Rozsah technické zprávy

Evaluation level: je v obvyklém rozmezí

Práce s literaturou

Student provedl nadprůměrnou rešerši dostupných odborných zdrojů týkajících se IoT a vývoje aplikací.

95
Topics for thesis defence:
  1. Bylo by možné v rámci definic příkazů umožnit zadávat složitější podmínky přípustných hodnot? Jak?
Points proposed by reviewer: 91

Grade proposed by reviewer: A

Responsibility: Mgr. et Mgr. Hana Odstrčilová