Cyklosvet

O nás

Matej Červenec (Leader)

Pre tento projekt som v úlohe vedúceho projektu, kde budem rozdeľovať a priraďovať úlohy
jednotlivým členom, kontrolovať ich a zároveň pomáhať pri riešení. Mám skúsenosti
s programovacími jazykmi C, C++, C#, Python, PHP, HTML, CSS, ako aj s tvorbou databáz
v PHPmyadmin. Medzi moje silné stránky patria schopnosti sa prispôsobiť, rýchlo sa učiť
a kritické rozhodovanie. Rád čelím logickým problémom, na ktoré musím hľadať odpovede
a riešenia, a z týchto dôvodov som si vybral rolu vedúceho pre tento projekt. Verím že tento
projekt posunie mňa a môj tím vopred v oblasti vedomostí a teším sa na jeho kompletizáciu.

fotka_matej

Šimon Čálik (Back-end developer)

Budem sa venovať beckendu, spravovať databázu a správu dát, ktoré budú využívané na
našom projekte. Zaujímam sa o programovanie ako také, keďže pre dizajn nemám veľké
vlohy. Moje vedomosti sú nadobudnuté iba v škole, či už na programovaní C/C++, PHP
alebo internetové stránky. Týmto projektom by som chcel dosiahnuť širšie vedomosti
z danej problematiky a možnosť pracovať v tíme s mojími kolegami. Na projekte si
chcem dať záležať aby bol čo najlepší, keďže pracujeme s neznámymi novými vecami,
vidím tento projekt ako úžasnú príležitosť sa naučiť veľa vecí.

fotka_simon

Samuel Kováč (Front-end developer)

Mojou úlohou na tomto projekte bude vytvoriť responzívne rozhranie
a zabezpečiť tak používateľský zážitok a komfort. Taktiež bude mojou úlohou aby bola
stránka dostatočné rýchla a optimalizovaná. Mám skúsenosti dosiahnuté počas 1.
ročníku s tvorbou stránok v HTML, CSS, PHP a tvorbou databáz v PHPmyadmin. Ak sa
venujem vo voľnom čase niečomu z IT odboru, tak je to práve učením sa nových vecí
na frontende a tvorbe webových stránok, ktoré sa snažím neustále zlepšovať. Som
perfekcionista, rád sa učím novým veciam. Po tomto projekte očakávam nával nových
skúseností s prácou v tíme a z doposiaľ neznámych kútikov frontend developmentu.

fotka_samo_k

Samuel Csomor (Dizajnér)

Ako dizajnér sa budem zameriavať na používateľskú skúsenosť, aby bola stránka
intuitívna, jednoduchá na použitie a aby používatelia ľahko našli to, čo hľadajú. Môj cieľ
je zvýšiť spokojnosť návštevníkov a dosiahnuť lepšie výsledky. Sústredím sa na
minimalistický dizajn, ktorý zabezpečí, že stránka nebude preplnená a bude prehľadná.
Používateľom tak uľahčím navigáciu a pochopenie obsahu. Zároveň mám cit pre farby,
takže dbám na to, aby dizajn bol vyvážený a farby nepôsobili rušivo. Hoci nemám veľa
skúseností s Figmou, mám veľké nadšenie a chuť učiť sa. Okrem toho budem využívať aj
iné nástroje, ako napríklad Photopea, s ktorou už mám nejaké skúsenosti.

fotka_samo_c
spolocna_fotka

Motivačný dokument

Pre stiahnutie motivačného dokumentu klikni na → PDF

Pre stiahnutie motivačného dokumentu klikni na → PDF

Pre stiahnutie prezentácie klikni na → Prezentácia

Časový harmonogram

Výber témy a zostavenie tímu
  1. Stretnutie sa jednotlivých členov a vytvorenie tímu
  2. Zhodnotenie možností a výber témy
  3. Rozdelenie statusov pre členov tímu
  4. Pridelenie úloh jednotlivým členom na dané časové obdobie
  5. Časové rozhranie pre túto časť: 3.10 - 10.10
  6. Status: Dokončené
Vyhotovenie motivačného dokumentu + prezentácia
  1. Vyhotovenie motivačného dokumentu
  2. Vyhotovenie prezentácie
  3. Kontrola správnosti a nahranie na web
  4. Časové rozhranie pre túto časť: 3.10 - 10.10
  5. Zodpovedajúci členovia pre tieto úlohy: Celý tím
  6. Status: Dokončené
  7. Ukážka TU
Návrh prototypu stránky
  1. Zhodnotenie počtu nutných podhľadov
  2. Výber softvéru na návrh - figma
  3. Návrh stŕanok: Úvodná stránka, login, register, profil, úvod e-shopu, košík
  4. Nahranie prototypu na web
  5. Časové rozhranie pre túto časť: 10.10 - 17.10
  6. Zodpovedajúci členovia pre tieto úlohy: Samuel Csomor, Samuel Kováč
  7. Status: Dokončené
  8. Ukážka TU
Návrh databáz
  1. Určenie účelu databázy
  2. Vybratie potrebných tabuliek
  3. Definícia stĺpcov a dátových typov
  4. Určenie povinnosti/nepovinnosti prvkov v tabuľkách
  5. Realizovanie základného prototypu databázy v Exceli
  6. Časové rozhranie pre túto časť: 10.10 - 24.10
  7. Zodpovedajúci členovia pre tieto úlohy: Šimon Čálik, Matej Červenec
  8. Status: Takmer dokončené
  9. Ukážka TU
Vytvorenie kompletného dizajnu webu
  1. Výber dizajnu na základe prototypu
  2. Dohodnutie farieb webu
  3. Návrh štýlov pre web
  4. Zkompletizovanie nadhľadu webu
  5. Časové rozhranie pre túto časť: 10.10 - 31.10
  6. Zodpovedajúci členovia pre tieto úlohy: Samuel Csomor, Samuel Kováč
  7. Status: Nezačaté
Vytvorenie základu webu
  1. Vytvorenie html základu pre web
  2. Príprava tabuliek a zoznamnov
  3. Vytvorenie html podstránok
  4. Časové rozhranie pre túto časť: 24.10 - 31.10
  5. Zodpovedajúci členovia pre tieto úlohy: Šimon Čálik, Matej Červenec
  6. Status: Nezačaté
Pridanie funkcionality stránky
  1. Prepojenie databázy s webom
  2. Kontrola tabuliek
  3. Testovanie a ladenie databázy
  4. Časové rozhranie pre túto časť: 31.10 - 20.11
  5. Zodpovedajúci členovia pre tieto úlohy: Šimon Čálik, Matej Červenec
  6. Status: Nezačaté
Pridanie vzhľadu stránky
  1. Konzultácia finálneho dizajnu
  2. Pridanie dizajnu pre web
  3. Dokončenie štýlovanie stránky a podstránok
  4. Časové rozhranie pre túto časť: 31.10 - 20.11
  5. Zodpovedajúci členovia pre tieto úlohy: Samuel Csomor, Samuel Kováč
  6. Status: Nezačaté
Skompletizovanie projektu
  1. Finálne stretnutie tímu
  2. Kontrola všetkých prvkov webu
  3. Konečné testovanie webu
  4. Prípadná oprava zistených chýb
  5. Dokončenie a odovzdanie projektu
  6. Časové rozhranie pre túto časť: 20.11 - 3.12
  7. Zodpovedajúci členovia pre tieto úlohy: Celý tím
  8. Status: Nezačaté

Stretnutia

3/10/2024
  1. Stretnutie všetkých členov tímu
  2. Diskutovanie ohľadom výberu témy
  3. Diskutovanie o rozdelení úloh
5/10/2024 - 16:00 - 17:00
  1. Stretnutie s Tomášom
  2. Preberanie základov
  3. Ukážka vhodných IDE
11/10/2024 - 16:00 - 17:30
  1. Stretnutie s Tomášom
  2. Vysvetlenie back-endu
  3. Vysvetlenie základov laravelu
18/10/2024 - 16:00 - 17:00
  1. Stretnutie s Tomášom
  2. Vysvetlenie git-u a githubu
31/10/2024 - 15:00 - 16:00
  1. Stretnutie všetkých členov tímu
  2. Ukážka vykonanej práce
  3. Dohodnutie ďalších postupov a termínov
22/11/2024 - 12:00 - 13:00
  1. Stretnutie všetkých členov tímu
  2. Prebaranie riešenia platieb
  3. Dohadovanie sa na štýlovaní a konečnom vzhľade
  4. Riešenie podieľov práce
  5. Riešenei serveru pre nahranie projektu
29/11/2024 - 15:00 - 16:00
  1. Stretnutie všetkých členov tímu
  2. Zadávanie posledných úloh
  3. Hladanie vhodného servera
  4. Ukážka servera
  5. Vysvetlenie práce so serverom

Denník

1. Týždeň
  1. Vybranie témy - Celý tím
  2. Zadanie úloh - Matej Červenec
  3. Vyhotovenie motivačného dokumentu - Celý tím
  4. Vyhotovenie prezentácie - Celý tím
2. Týždeň
  1. Návrh prototypu stránky - Samuel Kováč, Samuel Csomor
  2. Nahranie prototypu na web - Samuel Csomor
  3. Návrh databázy a tabuliek - Šimon Čálik, Matej Červenec
  4. Ukážka prototypuTU
3. Týždeň
  1. Dokončenie návrhu databázy a tabuliek - Šimon Čálik, Matej Červenec
  2. Vytovrenie databázy - Matej Červenec
  3. Učenie sa laravelu - Celý tím
  4. Ukážka TU
4. Týždeň
  1. Hľadanie potrebných materiálov na web(obrázky,texty) - Samuel Csomor
  2. Vytvorenie prvých viewov pre E-Shop - Samuel Kováč
  3. Vytvorenie autentifikácie profilu (Login, Register) a vytvorenie filtracieho systému - Šimon Čálik
  4. Vytvorenie Modelov, Controllerov a Factiories (Bicycle, User, Order) - Matej Červenec
  5. Ukážka tabuliek TU
  6. Ukážka prihlásenia TU
  7. Ukážka view-ov TU
5. Týždeň
  1. Pridanie CartControllera na správu košíka a jeho položiek
  2. Vytvorenie admin viewov pre správu bicyklov - Matej Červenec
  3. Pridanie routes pre View-y - Šimon Čálik, Matej Červenec
  4. Vytvorenie filtra bicyklov a jeho implementácia - Šimon Čálik
  5. Vytvorenie sortovania, viewy pre bicykle a bicykel - Šimon Čálik
  6. Vytvorenie plne funkčného navigačného baru spolu s user barom, štýlovanie stránky - Samuel Kováč
6. Týždeň
  1. Šimon Čálik:
    • Prepojenie bannera na domovskej stránke so stránkou s bicyklami
    • Upravenie tlačítka na login a register + aby sa rozklikávalo
    • Vylepšenie funkcie na pridanie bicykla do košíku
    • Vytvorenie jednoduchej mechaniky pre výpis košíka
    • Predanie možnosti na pridanie bicykla do košíka
    • Vytvorenie routes pre pridanie do košíka
    • Vytvorenie routes pre výpis košíka
    • Pridanie celkovej ceny košíka v kontroléri
    • Vylepšenie funkcie pre odstránenie bicykla z košíka
    • Vylepšenie funkcie pre zvýšenie počtu daného bicykla v košíku
    • Vylepšenie funkcie pre zníženie počtu daného bicykla v košíku a ak je jeho počet menej ako 1 tak ho odstráni
    • Vytvorenie routes pre odstránenie bicykla z košíka
    • Vytvorenie routes pre vymazanie celého košíka
    • Vytvorenie routes pre zvýšenie počtu bicykla v košíku
    • Vytvorenie routes pre zníženie počtu bicykla v košíku
    • Pridanie chybových a úspešných hlášok do košík view
    • Vylepšenie košika - detailnejší výpis, kontrola či je košík prázdny. možnosti úprav (+/-), vypisanie celkovej ceny, vymazanie celeho košíka alebo bicykla a tlačítko pre pokračovanie k platbe
    • Overovanie quantity v kontroléri košíku s databázou + pridanie chybových hlášok (nedostupné na sklade...)
    • Zjednodušenie kódu v decreaseQuantity
    • Spojenie košíka so štýlom od Kováča
  2. Matej Červenec
    • Zmena názvov metód v controleroch za všeobecné (create,store,index,update)
    • Vytvorenie nového middlewar-u -> AdminMiddlaware pre overenie Admin podstránok
    • Vytvorenie viewu admin.dashboard
    • Vytvorenie viewu - bicycles.(index,create,edit)
    • Vytvorenie viewu - orders.(index,itmes,edit)
    • Vytvorenie viewu - users.(index,edit)
    • Pridanie filtra na všetky admin podstránky
    • Pridané smerovanie na admin podstránky pre Edit a Delete
    • Vytvorenie nového route fil-u admin.php
    • Pridanie routes pre admin podstránky
    • Oprava medzi tabuľky v orders migrácií
    • Oprava definície vzťahov medzi entitami/tabuľkami pre bicycles a orders
    • Použitie middleware pre admin podstránky v admin route file
    • Zmena tabuľky users - pridanie role (user/admin)
    • Pridanie funkcii na pridanie administrátora do user modelu
    • Vytvorenie objednávkového formulára - view
    • Vytvorenie metódy v OrderController-i na vytvorenie objednávky
    • Pridanie metódy na výpis položiek objednávky pre administračné podstránky
    • Pridanie odkazu na admin/dashboard do layout navigácie
  3. Samuel Kováč:
    • Kompletný prvý statický návrh košíka a jeho funkcii
    • Štýlovanie košíka
    • Kompletne vytvorený footer pre všetky stránký a podstránky
    • Pridanie kategorii bicyklov s cieľom reklamy na hlavnú stránku
    • Generovanie obrázkov bicyklov pomocou AI
    • Update kontakt view a jeho štýlovanie
7. Týždeň
  1. Šimon Čálik:
    • vytvorenie z filtra komponent
    • pridanie action route premennej
    • pridanie cancelFiltration route premennej
    • pridanie komponentu filtra na stránku s bicyklami
    • pridanie komponentu filtra na stránku admina
    • vytvorenie zo sortu komponent
    • pridanie action route premennej
    • pridanie komponentu sortu na stránku s bicyklami
    • vytvorenie tlačítka pre filter a sort
    • javascript pre skritie a rozbalenie filter a sort komponentu
    • testovanie filtra a sortu
  2. Matej Červenec
    • Vytvorenie metódy v order controlleri na uložie dát z objednávkového formulára
    • Vytvorenie metódy v order controlleri na zobrazenie dát
    • Vytvorenie view-u - platba
    • Pridanie kontroly erorov do objednávkového formulára
    • Naštýlovanie platba view-u
  3. Samuel Csomor
    • Pracoval som na dizajne hlavnej stránky
    • Vytvoril som dizajn stránky košíka, zameraný na prehľadnosť položiek, celkovú cenu.
    • Vytvoril som jednoduchý a funkčný dizajn kontaktnej stránky
    • Vytvoril som dizajn na zobrazovanie bicyklov a ich filtrov
    • Štýlovanie responzívneho webu, ešte nie je hotové
  4. Samuel Kováč:
    • Pridanie bloku s ikonami na hlavnú stránku
    • Pridanie FAQ bloku na stránku s kontaktami
    • Štýlovanie, tieňovanie stránky pre lepší vzhľad
    • Upráva banneru
8. Týždeň
  1. Šimon Čálik:
    • pridanie shipping_method do migrácie
    • pridanie payment_method do migrácie
    • pridanie payment_method do modelu order
    • pridanie shipping_method do modelu order
    • pridanie payment_method do seederu
    • pridanie shipping_method do seederu
    • pridanie formulara do viewu platba
    • možnosť vybrat si sposob dopravy
    • možnosť platby na dobierku
    • ukladanie orderu do tabulky
    • odkomentovanie riadku s route pre potvrdenie objednavky
    • dokončenie funkcie na vytvorenie objednavky
    • success / error hlášky - viacero
  2. Matej Červenec
    • Vytvorenie servera pre nahratie projektu
    • Nastavovanie mysql usera
    • Nahravanie projektu na server
  3. Samuel Csomor
    • responsibilita stránky
  4. Samuel Kováč:
9. Týždeň
  1. Šimon Čálik:
    • nastavenie zobrazovania reálnych obrázkov bicyklov
    • pridanie id do filtra pre admina
    • overovanie či je použivatel prihlaseny a podla toho vypisovanie prihlasenie-registracia / profil-logout
    • vypisovanie mena a priezviska používatela na stránku pre mobily
    • vypisovanie mena a priezviska používatela na stránku pre PC
    • odstránenie dashboard stránky z navigácie
    • odstránená stará navigácia v dashboarde
    • pridanie layoutu na dashboard a profil stránku
    • pridanie loga na prihlásenie
    • opravené odhlasovanie
    • odstránené 2 zbytočné buttony
    • logout v routes
    • obmenil som zmenu údajov používateľa
    • zmenil som formáť PSC
    • opravil som štýl navigácie
    • dropdown menu na login/register/profil/logout pre telefóny
    • krajšia navigácia pre telefóny
    • upravené marginy a paddingy v navigácii a
  2. Matej Červenec
    • Oprava layoutu - pridanie kotvy na admin stránku
    • Nahratie obrázkov na server
    • Nastavovanie servera
    • Inštalácia potrebných laravel balíkov na server
    • Nastavovanie laravelu na serveri
  3. Samuel Csomor
  4. Samuel Kováč:
    • Štýlovanie obrázkov bicyklov
    • Štýlovanie jednotlivých položiek
    • Štýlovanie bicyklov v košíku

Vytvorenie prototypu

Návrh databáz

Ukážka tabuliek naplnených cez factory

Ukážka Loginu a Regista

Ukážka View-ov

Ukážka admin View-ov

Testovanie filtra a sortu

layout pre telefóny

layout mobil layout mobil

Finálny dizajn

Progress Bar

100% - Kompletne hotový a plne funkčný e-shop s podstránkami, profilmi, možnou manupuláciou položiek z admin podstránok

70% - Takmer hotový back-end, z polovice dokončené admin podstránky, hotová databáza a tabuľky

75%

Dotazník

E-shop