1.

Aplikacja TuDu jest to bardzo prosty w obsłudze oraz intuicyjny menadżer zadań, z którego można
korzystać na różnego typu platformach z dostępem do Internetu. Ideą stojącą za naszą aplikacją jest
jak najsprawniejsze i najprostsze zarządzanie czasem.

Nasza aplikacja składa się z trzech ekranów, jednym z nich jest główny panel aplikacji, w którym
możemy sprawdzić zadania jakie mamy aktualnie przypisane na naszym koncie. Następnym panelem
jest kalendarz, w którym można w bardzo przejrzysty sposób zobaczyć w jakie dni mamy zaplanowane
dane zadania. Ostatnim elementem naszej aplikacji jest ekran dodawania zadania, który składa się z
trzech pól tekstowych, do których możemy wprowadzić tytuł, opis oraz datę naszego zadania. Na tym
panelu możemy również wybrać kolor, który ma za zadanie nadać priorytet naszemu zadaniu.
2. Do naszej aplikacji wykorzystaliśmy framework Vue, ponieważ jest on łatwy w nauce oraz posiada
prostą strukturę. Vue jest elastyczny i można go stopniowo adaptować, dodając więcej funkcji w
miarę potrzeb projektu. Natomiast do programowania backendu wybraliśmy framework Django,
ponieważ używa on architektury MVT, która oddziela logikę aplikacji od interfejsu użytkownika, co
ułatwia zarządzanie kodem oraz zawiera on wszystko co potrzebne do budowy solidnej aplikacji
webowej. Dla zarządzania bazą danych wybraliśmy system PostgreSQL, ponieważ jest on znany ze
swojej stabilności i zgodności ze standardami SQL. Posiada on zaawansowane funkcje, takie jak
transakcje, subzapytania, czy wyzwalacze oraz wsparcie różnych typów danych, w tym JSON.

3. Konfiguracja środowiska deweloperskiego i przygotowanie szkieletu aplikacji:

 Zainstaluj Python i Django na komputerze lub serwerze.

 Utwórz projekt Django za pomocą polecenia django-admin startproject nazwa_projektu.
 Następnie utwórz aplikację wewnątrz projektu za pomocą polecenia python manage.py
startapp nazwa_aplikacji.
 Skonfiguruj połączenie do bazy danych PostgreSQL w pliku ‘settings.py’ twojego projektu
Django, ustawiając odpowiednie wartości dla ENGINE, NAME, USER, PASSWORD, HOST i
PORT.
1. Implementacja backendu:
 Zdefiniuj modele Django, które odzwierciedlą strukturę danych w bazie PostgreSQL, używając
odpowiednich pól i typów danych Django oraz uwzględniając specyficzne funkcje PostgreSQL.
 Napisz widoki Django, które będą obsługiwać żądania HTTP związane z operacjami CRUD na
zadaniach oraz operacjami rejestracji i logowania użytkowników.
 Wykorzystaj mechanizm uwierzytelniania Django do implementacji autentykacji
użytkowników. Możesz również użyć gotowych rozwiązań, takich jak django-allauth, które
zapewniają kompleksowe funkcje uwierzytelniania.
2. Tworzenie frontendu:
 Stwórz szablony HTML, które będą renderować interfejs użytkownika dla różnych widoków
aplikacji.
 Zintegruj framework frontendowy, tak jak Vue.js, React.js lub Angular, w projekcie Django,
aby zapewnić dynamiczne interakcje użytkownika.
 Skonfiguruj routing w Django lub w frameworku frontendowym, aby umożliwić nawigację
między różnymi widokami aplikacji.
 Wykorzystaj techniki AJAX lub WebSocket, aby komunikować się z backendem i aktualizować
interfejs użytkownika w czasie rzeczywistym.

4. Proces testowania aplikacji webowej jest kluczowy dla zapewnienia jakości i niezawodności
produktu. W naszym projekcie składa się on z:

a) Zrozumienia aplikacji - przed rozpoczęciem testów ważne jest, aby zrozumieć

funkcjonalność i wymagania aplikacji.

b) Definiowania celów testowania - ustalamy mierzalne cele testowania, które są zgodne z

oczekiwaniami biznesowymi
c) Stworzenia planu testowego - opracowujemy strukturalny plan testowy, który określa
zakres, podejście, zasoby i harmonogram
 d) Implementacji różnych typów testów - wykonamy różne rodzaje testów, takich jak testy
funkcjonalne, testy użyteczności, testy interfejsu użytkownika, testy bezpieczeństwa,
testy wydajności i testy kompatybilności
e) Automatyzacji testów - użyjemy narzędzi do automatyzacji testów w celu zwiększenia
efektywności i pokrycia testowego
f) Skupienia się na zapewnieniu jakości - nieustanne dążenie do poprawy jakości aplikacji
poprzez ciągłe testowanie i optymalizację
g) Współpracy i komunikacji - zachęcanie do współpracy i komunikacji między członkami
zespołu w celu identyfikacji i rozwiązywania problemów
h) Organizacji danych testowych - utrzymywanie organizacji danych testowych, co ułatwia
zarządzanie testami i analizę wyników
i) Dokumentacji i przeglądu testów i ich wyników, a także regularny przegląd i aktualizacja
planów testowych
j) Śledzenia trendów i narzędzi - utrzymywanie aktualności w zakresie najnowszych
trendów i narzędzi testowych, aby zapewnić najlepsze praktyki

Narzędzia do testowania aplikacji webowych, których planujemy użyć to:

Katalon Studio: zarządzanie testami i integracji z innymi narzędziami

Apache JMeter: testowanie wydajności i obciążenia serwera

Appium: testowanie aplikacji mobilnych

SoapUI: testowanie usług webowych i API

BugBug: automatyzacja testów end-to-end

LoadRunner: testowanie wydajności aplikacji

OWASP ZAP (Zed Attack Proxy): testowanie bezpieczeństwa aplikacji

Tricentis Tosca: testowanie z wykorzystaniem sztucznej inteligencji

BrowserStack: testowanie cross-browser

5. Wdrożenie