bakalářská práce

Webová aplikace pro správu chytrých zařízení

Text práce 8.21 MB

Autor práce: Bc. Marek Joukl

Ak. rok: 2024/2025

Vedoucí: Ing. Petr John

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

Abstrakt:

Tato práce se zabývá problematikou Internetu věcí (IoT) a jeho využitím v chytrých domácnostech, primárně skrz mobilní zařízení. Hlavním záměrem bylo vytvořit mobilní webovou aplikaci, která dokáže efektivně spravovat chytrá zařízení skrze přívětivé UI a nabízí jak základní funkce, tak pokročilé možnosti, jako je konfigurace zařízení, správa klíčových ukazatelů výkonnosti (KPI) a skupin. Návrh aplikace byl proveden s ohledem na současné přístupy ve vývoji responzivních aplikací a jeho cílem je poskytnout univerzální nástroj pro správu chytrých zařízení z různých ekosystémů v rámci jedné aplikace. Projekt byl vyvinut v rámci organizace Pocketix, která se zabývá vyvíjením sady nástrojů a knihoven určených pro automatizaci chytrých zařízení pro domácnost a internet věcí. Tato aplikace může sloužit jako základ pro další rozvoj a integraci funkcí, jako je podpora složitějších zařízení, například fotovoltaiky či kamerových systémů, automatizace nebo analytiky.

Klíčová slova:

IoT, Internet věcí, react, mobilní, aplikace, design, chytrá zařízení, chytrá domácnost

Termín obhajoby

17.06.2025

Výsledek obhajoby

obhájeno (práce byla úspěšně obhájena)

znamkaAznamka

Klasifikace

A

Průběh obhajoby

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.

Otázky k obhajobě

  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?

Jazyk práce

angličtina

Fakulta

Ústav

Studijní program

Informační technologie (BIT)

Složení komise

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)

Posudek vedoucího
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.

Kritérium hodnocení Slovní hodnocení
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.

Výsledný počet bodů navržený vedoucím: 98

Známka navržená vedoucím: A

Posudek oponenta
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.

Kritérium hodnocení Slovní hodnocení Body
Náročnost zadání

Stupeň hodnocení: 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í

Stupeň hodnocení: zadání splněno

Rozsah technické zprávy

Stupeň hodnocení: 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
Otázky k obhajobě:
  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?
Výsledný počet bodů navržený oponentem: 91

Známka navržená oponentem: A

Odpovědnost: Mgr. et Mgr. Hana Odstrčilová