1. Analiza wymagań i planowanie funkcjonalności

Zanim powstanie choć jedna linijka kodu, trzeba ustalić, jaki problem ma rozwiązywać aplikacja, kto będzie z niej korzystał i jakie funkcje są absolutnie kluczowe. [web:45][web:49]

Wymagania podstawowe: analiza

✓ Analiza wymagań projektu aplikacji

  • Określenie celu aplikacji (np. system rezerwacji, lista zadań, panel administracyjny).
  • Identyfikacja kluczowych funkcjonalności (np. logowanie, dodawanie, edycja, usuwanie i wyszukiwanie danych).
  • Przygotowanie listy potrzebnych zasobów (baza danych, pliki graficzne, skrypty zewnętrzne, konta usługowe API).

2. Planowanie struktury folderów i plików

Dobra organizacja projektu ułatwia rozwój, testowanie oraz wdrażanie, a w INF.03 jest jednym z kryteriów oceny praktycznej. [web:10][web:50]

Wymagania podstawowe: struktura

✓ Planowanie struktury folderów i plików aplikacji

Przykładowy układ dla prostego projektu PHP bez pełnego MVC:

/aplikacja-projektowa/ ├── index.php // główny plik startowy (punkt wejścia) ├── assets/ │ ├── css/ │ │ └── style.css │ ├── js/ │ │ └── script.js │ └── img/ ├── includes/ │ ├── db_connect.php // konfiguracja połączenia z bazą danych │ └── functions.php // funkcje pomocnicze PHP └── README.md // opis projektu

Taki podział oddziela zasoby frontendu (CSS, JS, grafiki) od logiki serwerowej i plików konfiguracyjnych. [web:52][web:55]

3. Tworzenie zintegrowanych rozwiązań (technologie)

Integracja polega na tym, że warstwa prezentacji, logika aplikacji i baza danych współpracują ze sobą jako jeden spójny system. [web:45][web:50]

Wymagania podstawowe: integracja

✓ Wykorzystanie HTML, CSS, JavaScript i PHP

  • HTML – struktura dokumentu i semantyczny układ treści (nagłówki, sekcje, formularze). [web:53]
  • CSS – wygląd interfejsu: kolory, typografia, układ elementów, responsywność (RWD). [web:53][web:56]
  • JavaScript – logika po stronie klienta: walidacja formularzy, obsługa zdarzeń, dynamiczne modyfikacje DOM, opcjonalnie AJAX. [web:50][web:53]
  • PHP – logika po stronie serwera: obsługa żądań, praca z sesjami, łączenie z bazą danych i generowanie dynamicznego HTML. [web:50][web:52]

4. Wymagania ponadpodstawowe: optymalizacja i dobre praktyki

Po zrealizowaniu „minimum działającej aplikacji” warto pokazać znajomość nowoczesnych technik: RWD, bezpieczeństwa i prostych wzorców projektowych. [web:50][web:56]

★ Projektowanie responsywnego układu interfejsu (RWD)

  • Użycie znacznika <meta name="viewport" content="width=device-width, initial-scale=1"> w sekcji <head>.
  • Stosowanie Flexbox lub CSS Grid do budowy elastycznych układów. [web:53][web:56]
  • Wykorzystanie Media Queries do dostosowania stylów do różnych szerokości ekranu.

★ Stosowanie wzorców projektowych i dobrych praktyk

  • Separacja kodu (np. proste MVC): oddzielenie warstwy prezentacji od logiki (zapytania SQL i przetwarzanie danych poza plikami widoków). [web:52]
  • Sanityzacja danych: filtrowanie i walidacja danych wejściowych w PHP, używanie przygotowanych zapytań, aby chronić się przed SQL Injection.
  • Komentowanie i nazewnictwo: krótkie, zrozumiałe komentarze oraz czytelne nazwy funkcji i zmiennych w skryptach PHP i JavaScript.