⏱️
Meranie času na weboch
Rozšírenie sleduje, koľko času používateľ trávi na aktívnych kartách a vytvára prehľad podľa webov a domén.
Hotový školský produkt • GitHub Pages landing page
Prehľad používania webu v reálnom čase, priamo v prehliadači.
WebTracker je rozšírenie pre prehliadače s jadrom Chromium. Sleduje čas strávený na aktívnych kartách, zobrazuje tok dát a vytvára prehľad o tom, ako používateľ pracuje s webom počas bežného prehliadania.
Platforma
Chromium / MV3
Hlavný účel
čas + sieťová aktivita
Ukladanie dát
lokálne + anonymne
chrome-extension://webtracker
Analýza aktívnej karty
Ping
24 ms
Download
3.8 MB/s
Upload
0.7 MB/s
Jitter
8 ms
Čo WebTracker prináša
Stránka je pripravená ako produktová prezentácia pre predmet aj pre GitHub Pages. Zdôrazňuje hlavné funkcie, technické pozadie a dôraz na ochranu súkromia.
📶
Tok dát v reálnom čase
WebTracker zobrazuje aktuálnu sieťovú aktivitu otvorenej stránky a pomáha rýchlo identifikovať náročnejšie weby.
📊
Prehľadné štatistiky
Vizuálne karty, súhrny a grafy robia z technických údajov zrozumiteľný dashboard pre bežného používateľa.
🧩
Chromium kompatibilita
Projekt je navrhnutý pre Manifest V3, takže je vhodný pre Chrome, Edge, Brave, Operu a ďalšie Chromium prehliadače.
🔒
Dôraz na súkromie
Dáta sa ukladajú lokálne a pri rozšírenom režime iba anonymne. Stránka obsahuje aj samostatnú Privacy Policy.
⚙️
Pripravené pre release
Stránka dopĺňa ikonu, screenshoty, opis produktu a ďalšie podklady, ktoré sa hodia aj do Chrome Web Store.
Ako funguje
Tok používateľskej práce je navrhnutý jednoducho: aktivita sa zachytáva na úrovni karty, prepočíta sa na metriky a zobrazí sa v prehľadnom rozhraní.
1
Detekcia aktívnej karty
Rozšírenie identifikuje otvorenú stránku, zmeny URL a čas, ktorý používateľ na danej karte naozaj trávi.
2
Zber metrík
Zachytávajú sa údaje potrebné na výpočet času, tok dát a ďalšie sieťové ukazovatele pre aktívny web.
3
Lokálne uloženie a analýza
Údaje sa spracujú a uložia tak, aby z nich bolo možné vytvárať súhrny, grafy a výpisy podľa domén.
4
Zobrazenie výsledkov
Používateľ dostane okamžitý prehľad o aktívnej stránke aj dlhodobejší obraz o svojom prehliadaní.
Pre koho je určený
WebTracker je vhodný ako študijný projekt aj ako praktický nástroj pre používateľov, ktorí chcú mať väčšiu kontrolu nad tým, ako využívajú web.
Študent / vývojár: dokumentácia projektu, produktová stránka a technická architektúra na jednom mieste.
Bežný používateľ: rýchly prehľad o tom, ktoré stránky berú najviac času a dát.
Tester produktu: jednoduchá ukážka funkcie, vizuálne screenshoty a samostatná stránka s pravidlami ochrany súkromia.
Ukážky projektu
Nižšie sú pripravené ilustračné zábery z publikácie rozšírenia a analytických obrazoviek. Po nahratí do repozitára ich môžeš ľahko nahradiť vlastnými finálnymi screenshotmi aplikácie.
Pripravený záznam v obchode s ikonou, stručným opisom produktu a miestom pre prezentačné screenshoty.
Zhrnutie účelu rozšírenia a odôvodnenie povolení, ktoré súvisia so sledovaním aktívnej stránky a ukladaním údajov.
Ukážka metriky zobrazení a trendov, ktorá podporuje myšlienku prehľadného dashboardu aj ďalšieho rozvoja produktu.
Ochrana súkromia
Produktová stránka má jasne komunikovať, čo extension robí, aké dáta používa a prečo. To je dôležité pre používateľa aj pre kontrolu v store.
WebTracker pracuje s údajmi o aktívnej stránke, čase strávenom na weboch a sieťovej aktivite.
Ukladanie je riešené tak, aby bol používateľský prehľad dostupný priamo v rozšírení a bez potreby osobných údajov.
Samostatná stránka privacy-policy.html je pripravená pre GitHub Pages aj Chrome Web Store.
Prečo táto stránka funguje pre predmet
Spĺňa požiadavku na prezentačnú stránku produktu a zároveň z nej vieš urobiť verejnú landing page pre projektový pitch.
Produktová identita: názov, účel, vizuál a hlavné výhody.
Ukážky: screenshoty, ktoré môžeš ďalej rozšíriť na 4 až 10 finálnych obrázkov.
Pitch podklad: hotový text pre sekcie funkcie, technológie, súkromie a nasadenie.
Technologický základ
Text je písaný tak, aby pôsobil profesionálne, ale zostal zrozumiteľný aj pre školskú prezentáciu a verejný produktový web.
🧠
Manifest V3
Architektúra postavená na modernom modeli rozšírení pre prehliadače s jadrom Chromium.
🖥️
Service worker
Logika beží na pozadí a zabezpečuje zber udalostí, prepočet metrík a komunikáciu s rozhraním rozšírenia.
☁️
Anonymná analytika
Projekt ráta s lokálnym ukladaním a s možnosťou anonymného backendového spracovania podľa potreby.
WebTracker je pripravený na GitHub Pages.
Do repozitára stačí nahrať index.html, styles.css, priečinok assets/ a voliteľne upraviť odkazy na GitHub, Chrome Store alebo demo video.