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.
Š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í.
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.
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.
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
- Stretnutie sa jednotlivých členov a vytvorenie tímu
- Zhodnotenie možností a výber témy
- Rozdelenie statusov pre členov tímu
- Pridelenie úloh jednotlivým členom na dané časové obdobie
- Časové rozhranie pre túto časť: 3.10 - 10.10
- Status: Dokončené
Vyhotovenie motivačného dokumentu + prezentácia
- Vyhotovenie motivačného dokumentu
- Vyhotovenie prezentácie
- Kontrola správnosti a nahranie na web
- Časové rozhranie pre túto časť: 3.10 - 10.10
- Zodpovedajúci členovia pre tieto úlohy: Celý tím
- Status: Dokončené
- Ukážka TU
Návrh prototypu stránky
- Zhodnotenie počtu nutných podhľadov
- Výber softvéru na návrh - figma
- Návrh stŕanok: Úvodná stránka, login, register, profil, úvod e-shopu, košík
- Nahranie prototypu na web
- Časové rozhranie pre túto časť: 10.10 - 17.10
- Zodpovedajúci členovia pre tieto úlohy: Samuel Csomor, Samuel Kováč
- Status: Dokončené
- Ukážka TU
Návrh databáz
- Určenie účelu databázy
- Vybratie potrebných tabuliek
- Definícia stĺpcov a dátových typov
- Určenie povinnosti/nepovinnosti prvkov v tabuľkách
- Realizovanie základného prototypu databázy v Exceli
- Časové rozhranie pre túto časť: 10.10 - 24.10
- Zodpovedajúci členovia pre tieto úlohy: Šimon Čálik, Matej Červenec
- Status: Takmer dokončené
- Ukážka TU
Vytvorenie kompletného dizajnu webu
- Výber dizajnu na základe prototypu
- Dohodnutie farieb webu
- Návrh štýlov pre web
- Zkompletizovanie nadhľadu webu
- Časové rozhranie pre túto časť: 10.10 - 31.10
- Zodpovedajúci členovia pre tieto úlohy: Samuel Csomor, Samuel Kováč
- Status: Nezačaté
Vytvorenie základu webu
- Vytvorenie html základu pre web
- Príprava tabuliek a zoznamnov
- Vytvorenie html podstránok
- Časové rozhranie pre túto časť: 24.10 - 31.10
- Zodpovedajúci členovia pre tieto úlohy: Šimon Čálik, Matej Červenec
- Status: Nezačaté
Pridanie funkcionality stránky
- Prepojenie databázy s webom
- Kontrola tabuliek
- Testovanie a ladenie databázy
- Časové rozhranie pre túto časť: 31.10 - 20.11
- Zodpovedajúci členovia pre tieto úlohy: Šimon Čálik, Matej Červenec
- Status: Nezačaté
Pridanie vzhľadu stránky
- Konzultácia finálneho dizajnu
- Pridanie dizajnu pre web
- Dokončenie štýlovanie stránky a podstránok
- Časové rozhranie pre túto časť: 31.10 - 20.11
- Zodpovedajúci členovia pre tieto úlohy: Samuel Csomor, Samuel Kováč
- Status: Nezačaté
Skompletizovanie projektu
- Finálne stretnutie tímu
- Kontrola všetkých prvkov webu
- Konečné testovanie webu
- Prípadná oprava zistených chýb
- Dokončenie a odovzdanie projektu
- Časové rozhranie pre túto časť: 20.11 - 3.12
- Zodpovedajúci členovia pre tieto úlohy: Celý tím
- Status: Nezačaté
Stretnutia
3/10/2024
- Stretnutie všetkých členov tímu
- Diskutovanie ohľadom výberu témy
- Diskutovanie o rozdelení úloh
5/10/2024 - 16:00 - 17:00
- Stretnutie s Tomášom
- Preberanie základov
- Ukážka vhodných IDE
11/10/2024 - 16:00 - 17:30
- Stretnutie s Tomášom
- Vysvetlenie back-endu
- Vysvetlenie základov laravelu
18/10/2024 - 16:00 - 17:00
- Stretnutie s Tomášom
- Vysvetlenie git-u a githubu
31/10/2024 - 15:00 - 16:00
- Stretnutie všetkých členov tímu
- Ukážka vykonanej práce
- Dohodnutie ďalších postupov a termínov
22/11/2024 - 12:00 - 13:00
- Stretnutie všetkých členov tímu
- Prebaranie riešenia platieb
- Dohadovanie sa na štýlovaní a konečnom vzhľade
- Riešenie podieľov práce
- Riešenei serveru pre nahranie projektu
29/11/2024 - 15:00 - 16:00
- Stretnutie všetkých členov tímu
- Zadávanie posledných úloh
- Hladanie vhodného servera
- Ukážka servera
- Vysvetlenie práce so serverom
Denník
1. Týždeň
- Vybranie témy - Celý tím
- Zadanie úloh - Matej Červenec
- Vyhotovenie motivačného dokumentu - Celý tím
- Vyhotovenie prezentácie - Celý tím
2. Týždeň
- Návrh prototypu stránky - Samuel Kováč, Samuel Csomor
- Nahranie prototypu na web - Samuel Csomor
- Návrh databázy a tabuliek - Šimon Čálik, Matej Červenec
- Ukážka prototypuTU
3. Týždeň
- Dokončenie návrhu databázy a tabuliek - Šimon Čálik, Matej Červenec
- Vytovrenie databázy - Matej Červenec
- Učenie sa laravelu - Celý tím
- Ukážka TU
4. Týždeň
- Hľadanie potrebných materiálov na web(obrázky,texty) - Samuel Csomor
- Vytvorenie prvých viewov pre E-Shop - Samuel Kováč
- Vytvorenie autentifikácie profilu (Login, Register) a vytvorenie filtracieho systému - Šimon Čálik
- Vytvorenie Modelov, Controllerov a Factiories (Bicycle, User, Order) - Matej Červenec
- Ukážka tabuliek TU
- Ukážka prihlásenia TU
- Ukážka view-ov TU
5. Týždeň
- Pridanie CartControllera na správu košíka a jeho položiek
- Vytvorenie admin viewov pre správu bicyklov - Matej Červenec
- Pridanie routes pre View-y - Šimon Čálik, Matej Červenec
- Vytvorenie filtra bicyklov a jeho implementácia - Šimon Čálik
- Vytvorenie sortovania, viewy pre bicykle a bicykel - Šimon Čálik
- Vytvorenie plne funkčného navigačného baru spolu s user barom, štýlovanie stránky - Samuel Kováč
6. Týždeň
- Š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
- 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
- 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ň
- Š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
- 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
- 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é
- 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ň
- Š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
- Matej Červenec
- Vytvorenie servera pre nahratie projektu
- Nastavovanie mysql usera
- Nahravanie projektu na server
- Samuel Csomor
- Samuel Kováč:
9. Týždeň
- Š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
- 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
- Samuel Csomor
- 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 navigačného baru a user baru
Ukážka View-ov
Ukážka admin View-ov
Testovanie filtra a sortu
layout pre telefóny
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
Dotazník
E-shop