Przejdź do głównej zawartości

Miniprojekt indywidualny

Miniprojekt to mniejsza aplikacja webowa, którą tworzysz całkowicie samodzielnie. W przeciwieństwie do projektu semestralnego, masz mniejszy zakres, ale pełną odpowiedzialność za każdą linię kodu.

Czas realizacji

2-3 tygodnie

Wykorzystaj ten czas mądrze - nie zostawiaj wszystkiego na ostatnią noc!

Forma

Praca indywidualna

Sam projektujesz, sam kodujesz, sam odpowiadasz za efekt końcowy.

Tematy

50 tematów do losowania

Temat jest losowany przez nauczyciela - nie wybierasz.

Warianty

3 poziomy trudności (A/B/C)

Wybierasz samodzielnie - zadeklaruj na początku.

ElementA (3.0)B (4.0-5.0)C (5.0-6.0)
Formularz HTML
Walidacja PHP
Zapis do JSON
Podstawowy CSS
Min. 1 element JS
Historia operacji
Filtrowanie / sortowanie
Podział na pliki PHP
Komunikaty sukcesu / błędu
Rozbudowana walidacja
Różne typy operacji / danych
Raporty i statystyki
Zaawansowana walidacja z regułami
Rozbudowany JavaScript
Profesjonalna struktura kodu
  1. Otrzymaj temat (losowanie przez nauczyciela)

  2. Zadeklaruj wariant (A, B lub C)

  3. Zaplanuj strukturę aplikacji

    • Jakie formularze?
    • Jakie dane?
    • Jaka walidacja?
  4. Zaimplementuj funkcjonalność

    • Zacznij od formularza
    • Dodaj walidację PHP
    • Zaimplementuj zapis/odczyt
    • Dodaj JavaScript
  5. Przetestuj projekt

    • Sprawdź wszystkie scenariusze
    • Przetestuj błędne dane
    • Upewnij się, że działa
  6. Przygotuj README

    • Opis projektu
    • Instrukcja uruchomienia
    • Wybrany wariant
  7. Oddaj w terminie

    • Spakuj do .zip
    • Nazwa: [KLASA]_mini_[temat]_[nazwisko].zip

PHP

  • Logika aplikacji w PHP
  • Walidacja danych (obowiązkowa!)
  • Obsługa formularza (GET/POST)
  • Funkcje do zapisu/odczytu
  • htmlspecialchars() przy wyświetlaniu

HTML + CSS

  • Semantyczny HTML5
  • Formularz z odpowiednimi typami pól
  • Responsywny układ (podstawowy)
  • Czytelna typografia

JavaScript

  • Minimum 1 element interaktywny
  • Walidacja po stronie klienta (dodatek)
  • Poprawa UX

Dane

  • Zapis do pliku JSON lub TXT
  • Odczyt i wyświetlanie danych
  • Struktura zgodna że specyfikacją
  • Folderminiprojekt/
    • index.php - główny plik aplikacji
    • README.md - dokumentacja projektu
    • Folderdata/
      • dane.json - plik z danymi
    • Foldercss/
      • style.css - style CSS
    • Folderjs/
      • app.js - skrypty JavaScript
KryteriumPunktyCo to znaczy?
Realizacja wymagań40Czy aplikacja działa zgodnie z tematem i wariantem?
Poprawność kodu25Czy kod jest czytelny, logiczny, bez błędów?
Walidacja i bezpieczeństwo15Czy dane są walidowane? Czy output jest zabezpieczony?
JavaScript10Czy jest minimum 1 sensowny element JS?
Estetyka10Czy interfejs jest czytelny i przyjazny?
SUMA100

Wykorzystaj cotygodniowe lekcje!

Nie czekaj do ostatniego dnia! Podczas każdej lekcji możesz:

  1. Pokazać postępy - nawet mały fragment kodu
  2. Zadać pytania - wyjaśnić wątpliwości
  3. Skonsultować rozwiązanie - uzyskać feedback
  4. Przetestować - sprawdzić czy działa na innym komputerze
  1. Dni 1-3: Przeczytaj temat, zaplanuj strukturę, stwórz formularz HTML

  2. Dni 4-7: Zaimplementuj walidację PHP, dodaj zapis do pliku

  3. Dni 8-12: Dodaj odczyt i wyświetlanie, zaimplementuj funkcje wariantu B

  4. Dni 13-16: Dodaj JavaScript, dopracuj CSS

  5. Dni 17-21: Testuj, napraw błędy, napisz README