Projekt zaliczeniowy z przedmiotu Webowe interfejsy graficzne · grupa PAW-2 · autor: Maksym Litosh
Status: 🚧 etap 1 z 3 — utworzenie repozytorium i struktury projektu.
Responsywna witryna prezentująca samochód Volkswagen Golf IV (1997–2003). Strona ma opowiadać historię modelu podczas przewijania, pokazać nadwozie, wnętrze i silniki z użyciem grafiki 3D, a na końcu przeprowadzić użytkownika przez konfigurację i zamówienie auta.
Pełny opis założeń znajduje się w konspekcie: docs/Konspekt_WIG_Maksym_Litosh.pdf.
- Strona startowa z modelem 3D samochodu
- Historia ośmiu generacji Golfa przewijana poziomo
- Prezentacja nadwozia z kamerą 3D sterowaną przewijaniem
- Interaktywny kokpit (zegary z niebieskim podświetleniem)
- Silnik 3D w przekroju z wyborem jednostki
- Dane techniczne i rysunek z wymiarami
- Formularz chęci zamówienia
- Konfigurator: wersja, kolor, felgi, wnętrze, wyposażenie, podsumowanie
- Komunikat o wysłaniu zamówienia
- HTML5, CSS3 (Flexbox, Grid, zmienne CSS, media queries)
- JavaScript (ES6+), bez frameworków
- Three.js (WebGL) — grafika 3D
- SVG — zegary, ikony, rysunek techniczny
Strona jest statyczna, nie wymaga backendu ani bazy danych.
- Laragon: sklonuj repozytorium do
C:\laragon\www\i otwórzhttp://localhost/golf4/. - Dowolny serwer plików: w folderze projektu uruchom
python -m http.server 8000i wejdź nahttp://localhost:8000/.
golf4/
├── index.html strona główna
├── konfigurator.html konfigurator (etap 2)
├── css/ style
├── js/ skrypty
└── docs/ konspekt i dokumentacja
| Etap | Termin | Zakres |
|---|---|---|
| 1 | 08.10 | Repozytorium, struktura projektu, konspekt |
| 2 | 14.10 | Zarys aplikacji: model 3D, sekcje strony, szkic konfiguratora |
| 3 | 21.10 | Wersja końcowa: kokpit, silnik 3D, pełny konfigurator, RWD |
| — | 29.10 | Prezentacja projektu |
Zasady pracy z repozytorium: docs/GIT.md.
Maksym Litosh · grupa PAW-2 · Webowe interfejsy graficzne