4. týždeň / 1. semester

• Dátum
  • 22.10.2024, 09:00
• Umiestnenie:
  • Slovenská Technická Univerzita v Bratislave, Fakulta Elektrotechniky a Informatiky
• Miestnosť:
  • C517 (C Blok, 5. poschodie)
• Účastníci:
  • Bc. Bence Both
  • Bc. Matyas Horvath
  • Bc. Jozef Nyitrai
  • Bc. Aron Tükör
  • Bc. Vincent Pálfy
• Vedúci:
  • Ing. Stanislav Marochok

Bod programu č. 1: Návrh a Implementácia Používateľsky Prívetivého Rozhrania na Nahrávanie Súborov

Na konzultácii sme prešli stavom dokončenia úloh za uplynulý týždeň a diskutovali sme o úlohách, ktoré nás čakajú v najbližšom období. Primárnym cieľom projektu je zabezpečiť efektívne spracovanie súborov, a preto je jednou z našich hlavných úloh vytvorenie používateľsky prívetivého rozhrania na nahrávanie súborov na server. Toto rozhranie bude dostupné len pre registrovaných a prihlásených používateľov systému, čo zabezpečí vyššiu úroveň ochrany a personalizovanú správu dát.

V rámci tohto rozhrania sa zameriame na vytvorenie intuitívneho a bezpečného prostredia, ktoré používateľom umožní jednoduchý prístup k nahrávaniu súborov a ich ďalšiemu spracovaniu. Táto časť projektu bude naším prvým krokom v rámci celého procesu, preto bude potrebné dôkladne navrhnúť a otestovať funkcionality tak, aby spĺňali všetky bezpečnostné požiadavky a boli pre používateľov ľahko použiteľné.

Bod programu č. 2: Implementácia Funkcie Načítania Obrázka

Na vytvorenie rozhrania sme sa rozhodli rozšíriť náš existujúci projekt. Rozhranie, ako už bolo spomenuté, je prístupné len pre prihlásených používateľov, preto je dôležité overiť identitu každého, kto chce získať prístup na stránku. Autentifikačný algoritmus overí, či používateľ má oprávnenie vstúpiť na stránku, a až potom mu umožní prístup.

Aby bolo rozhranie čo najprívetivejšie pre používateľov a zaručila sa jeho responzivita na rôznych zariadeniach, implementovali sme externé knižnice a rámce, konkrétne Bootstrap a jQuery. Tieto nástroje nám umožňujú vytvoriť moderné a intuitívne prostredie, ktoré poskytuje používateľom pohodlný zážitok z používania.

Stránka obsahuje pole určené na nahrávanie obrázkov, ktoré je možné využívať dvoma spôsobmi: používateľ môže buď obrázok jednoducho pretiahnuť a pustiť do určeného poľa, alebo ho vybrať pomocou vyskakovacieho správcu súborov. Tento prístup zvyšuje používateľský komfort, keďže si môžu vybrať spôsob, ktorý im viac vyhovuje.

Po nahraní obrázka dochádza k jeho spracovaniu, avšak obrázok sa neukladá priamo do databázy. Ukladanie samotného obrázku by mohlo spomaliť načítanie a znížiť výkonnosť systému. Namiesto toho sa do databázy uloží len textová cesta k súboru, ktorá je omnoho menej náročná na ukladanie a poskytuje rýchly prístup k údajom o obrázku.

Na tento účel bola vytvorená štruktúra tabuľky pre ukladanie informácií o obrázkoch v databáze:

CREATE TABLE IF NOT EXISTS pictures (
    ID INT PRIMARY KEY AUTO_INCREMENT,
    path VARCHAR(255) NOT NULL,
    creator INT NOT NULL,
    name VARCHAR(255) NOT NULL,
    type VARCHAR(255) NOT NULL,
    FOREIGN KEY (creator) REFERENCES users(id) ON DELETE CASCADE ON UPDATE CASCADE
);

Tabuľka pictures obsahuje ID obrázka, cestu k súboru a ID používateľa, ktorý ho nahral. Použitie cesty umožňuje jednoduchšie a rýchlejšie spracovanie, zatiaľ čo ID používateľa umožňuje identifikáciu a spravovanie obrázkov podľa konkrétnych používateľov. Dodatočne sú v databáze nastavené aj referenčné obmedzenia, aby sa zabezpečila integrita dát; pri zmazaní používateľa sa napríklad automaticky zmažú aj všetky ním nahraté obrázky.

Po nahratí sa stránka automaticky obnoví a načíta obsah obrázka, ktorý sa následne zobrazí v príslušnom poli. Toto riešenie umožňuje používateľovi okamžitú kontrolu nad tým, či bol nahratý obrázok správne importovaný a vizualizovaný v rozhraní.

Pod náhľadom obrázka sú umiestnené dve tlačidlá, ktoré umožňujú používateľovi zvoliť, či ide o kľúčovaný obrázok alebo obrázok s textovým popisom. Tieto možnosti sú súčasťou kategorizácie, ktorá nám umožní rozlišovať rôzne typy obrázkov v ďalšom spracovaní a analýze.

Okrem základného rozhrania na nahrávanie obrázkov sme na stránke vytvorili aj priestor na budúce možnosti – konkrétne tlačidlá pre prístup k histórii nahrávaných súborov a k nastaveniam používateľského účtu. Tieto funkcie sú v súčasnosti len naznačené v rozhraní a plánujeme ich plnú implementáciu v nadchádzajúcich týždňoch. História umožní používateľom prehliadať predtým nahrané súbory a ľahšie sa k nim vrátiť, zatiaľ čo používateľský účet ponúkne rôzne možnosti personalizácie a bezpečnostných nastavení.

Týmto krokom sme úspešne dokončili implementáciu úloh na tento týždeň. Naša práca zahŕňala nielen vytvorenie funkčného rozhrania na nahrávanie obrázkov a základné prvky pre jeho kategorizáciu, ale aj prípravu štruktúry pre budúce rozšírenia. To bude prvým bodom zápisnice.