1. Struktura prezentacji (10–15 minut)
Profesjonalna obrona projektu powinna mieć jasną, logiczną strukturę oraz zmieścić się zazwyczaj w przedziale 10–15 minut, co wymaga selekcji najważniejszych treści. [web:41][web:44]
- Wprowadzenie: tytuł projektu, cel, dla kogo został stworzony.
- Omówienie wymagań: jakie funkcje były kluczowe i co miało zostać zrealizowane (na podstawie treści zadania / wymagań klienta).
- Technologie i architektura: krótki opis użytych narzędzi oraz struktury systemu (frontend, backend, baza danych). [web:45]
- Prezentacja efektów (demo): pokazanie działającej aplikacji i najważniejszych funkcjonalności.
- Rozwiązania problemów: omówienie największych wyzwań technicznych i sposobów ich rozwiązania.
- Podsumowanie i dalszy rozwój: najważniejsze wnioski oraz propozycje rozbudowy projektu.
2. Omówienie efektów pracy (wizualne demo)
Kluczowym elementem jest praktyczne pokazanie, że aplikacja działa zgodnie z założeniami: najlepiej z perspektywy użytkownika, krok po kroku po głównych scenariuszach. [web:42][web:46]
Checklista demonstracji (pokaż, nie opowiadaj)
Funkcjonalność główna
Pokaż to, co jest „sercem” projektu, np. złożenie zamówienia, rezerwację, rejestrację użytkownika lub zapis danych do bazy.
Interakcja z użytkownikiem (UX)
Zaprezentuj nawigację, obsługę formularzy, komunikaty o błędach i walidację pól, aby pokazać wygodę oraz bezpieczeństwo pracy.
Responsywność (RWD)
Zmniejsz okno lub użyj trybu urządzenia w przeglądarce, by udowodnić, że layout poprawnie działa na telefonach dzięki Media Queries.
3. Omówienie zastosowanych rozwiązań i technologii
Komisja ocenia nie tylko wygląd aplikacji, ale także Twoje decyzje techniczne: dobór języków, frameworków, sposobu przechowywania danych i zabezpieczeń. [web:43][web:45]
Kluczowe obszary techniczne do omówienia
- Strona kliencka (frontend): jak wykorzystano HTML5 (semantyka), CSS3 (Flexbox, Grid, Media Queries) oraz JavaScript do obsługi interakcji.
- Strona serwerowa (backend): w jaki sposób przetwarzane są dane (np. PHP, Node.js) oraz jak obsługiwane są formularze i logika biznesowa.
- Baza danych: jak przechowywane są informacje (MySQL, PostgreSQL), jakie są główne tabele i relacje (1:N, N:M) oraz przykłady zapytań (SELECT ... WHERE ..., JOIN).
- Bezpieczeństwo: walidacja danych wejściowych, obsługa błędów, szyfrowanie haseł, korzystanie z HTTPS/SSL i ochrona przed typowymi atakami (np. wstrzyknięcia danych).
4. Przygotowanie do obrony i pytań
Obrona to rozmowa, a nie tylko odczyt slajdów, dlatego warto przećwiczyć odpowiedzi na pytania sprawdzające rozumienie projektu oraz świadome decyzje techniczne. [web:41][web:48]
Typowe pytania kontrolne
- „Dlaczego użyłeś akurat Flexbox, a nie Grid?” – pytanie o uzasadnienie wyboru rozwiązań w CSS.
- „Jakie znaczniki semantyczne HTML zastosowałeś i dlaczego?” – pytanie o jakość i poprawność struktury dokumentu.
- „W którym miejscu kodu następuje walidacja danych z formularza?” – pytanie o bezpieczeństwo i logikę aplikacji.
- „Jaki był największy problem w projekcie i jak go rozwiązałeś?” – pytanie o umiejętność analizy błędów i samodzielnego szukania rozwiązań.