Konspekt:
- Cykl życia oprogramowania: analiza, projektowanie, implementacja, weryfikacja, wdrażanie
- Metodyki: kaskadowy (waterfall), iteracyjny, zwinny (agile)
- Model Scrum

---

Zadanie
W kontekście swojego projektu odpowiedz na poniższe pytania: - kim jest potencjalny użytkownik?
- czego potrzebuje użytkownik?
- co chce osiągnąć klient (Ty)?
- co system musi zrobić, żeby zaspokoić potrzeby użytkownika?
- co system musi zrobić, żeby zaspokoić potrzeby biznesowe? (warto tutaj zrobić przegląd konkurencji)

Konspekt:
- Poznanie narzędzia do Project Managmentu
- Rozpoczęcie pracy na dokumentem Brief
- Rozpoczęcie biznesowej dokumentacji

---

Czym jest BRIEF?
Brief jest dokumentem zawierającym ofertę wykonania zlecenia. Powinien zawierać w sobie ustalenia poczynione z klientem i być obustronnie podpisany. To co powinien zawierać w sobie brief zależy do od kategorii zlecenia. Wyszczególnia się: Opis produktu lub usługi, Grupę docelową, Informacje o marce firmy (logo, kolorystyka, domena strony internetowej, cel biznesowy), Opis rynku i analiza konkurencji rynku (na który ma być przeznaczony produkt), Elementy obowiązkowe produktu (działania do zrealizowania), Oczekiwane efekty, Harmonogram, Szacunkowy budżet, Dane kontaktowe, Data spotkania i podpisy obu stron. Przykładowe Brief znajdziesz tutaj.

---

Zadania
1. W zakładce DOCS w folderze Ewidencja czasu pracy na Basecamp dodaj podpisany imieniem i nazwiskiem plik ze swoją ewidencją
2. Stwórz zespołowo dokument zawierający pytania pod Brief w oparciu o realizowany projekt. Brief powinien zawierać minimum: Opis produktu, Informacje o rynku i konkurencji, Oczekiwane efekty. Dokument załącz na Basecamp. Następnie uzyskaj odpowiedzi na pytania od swojego zleceniodawcy.
3. Uzupełnij zespołowo fragment rozdziału 1 Dokumentacji Biznesowej (do punktu Użytkownicy włącznie), w oparciu o realizowany projekt. Dokument załącz na Basecamp.

Konspekt:
- Tworzenie strony tytułowej, tabel, źróde, podpisów, nagłówków, spisów treści
- Dostosowywanie układów i przygotowanie do druku
- Wersjonowanie
- Poprawność językowa

---

Zadanie
Na podstawie pliku tekstowego z paczki Notatka o VR przygotuj w programie Word sformatowany do druku dokument. Dokument powinien być zgodny z zasadami składu tekstu i zawierać:
- Stronę tytułową z dzisiejszą datą i autorem
- Spis treści wygenerowany z rozdziałów
- 4 rozdziały z podrozdziałami w środku
- Grafiki, schematy z podpisami
- Tabele przepisane z obrazków
- Na końcu wygenerowany Spis tabel / obrazów z odnośnikami
- Listy numerowane i nienumerowane

Konspekt:
- Temat prezentacji i jego motyw
- Struktura prezentacji i układ slajdów
- Zasady czytelności
- Praca z danymi oraz mediami
- Prezentowanie

---

Zadanie
Stwórz prezentację mulimedialną przezentującą Twoją rolę w zespole projektowym praktyk. Przedstaw krótko tworzony produkt, a następnie bardziej szczegółowo stworzoną przez siebie pracę. Opowiedz o technologiach i technikach jakie wykorzystujesz. Prezentajca powinna zawierać:
- Podział na co najmniej trzy rozdziały
- Hasła i infografiki bez ścian tekstu
- Przykłady, grafiki, schematy, wykresy, tabele
- Czytelny motyw
- Na końcu podziękowanie i spis źródeł
- Do 30 slajdów, max 10 min na prezentacje.

Stworznie prezentacji jest na ocenę. Osoby zainteresowane dodatkową oceną mogą zaprezentować ją na kolejnej lekcji.

Konspekt:
- Kim jest tester? Co robi i czym się cechuje
- Rodzaje i sposoby testów
- Ściezki rozwoju testera
- Test na testera

---

Zadanie 1
Wykonaj TestNaTestera.
Zadanie 2
Wykonaj testy strony rejestracji. Znajdź jak najwięcej błędów i spisz je, zasugeruj ich rozwiązania.
Zadanie 3
Przetestuj poniższą grę i stwórz raport błędów. Pamiętaj o podaniu wszystkich najważniejszych informacji o zgłoszeniu (Id, Nazwa, Kategoria, Priorytet, Opis, Kroki odtworzenia, Oczekiwane działanie itd.)
Buildy do testów: wersja 1, wersja 7

Konspekt:
- Projektowanie aplikacji mobilnych i desktopowych - Projektowanie doświadczenia użytkownika - UX Design (User eXperience)
- Projektowanie interfejsów użytkownika - UI Design (User Interface)
- Projetkowanie przepływu uzytkownika - User Flow - Tworzenie szkiców koncepcyjnych i protytypów - Mockup
- Praca z narzędziem Figma

---

Zadanie 1
Dokonaj przeglądu istniejących stron i aplikacji do zakupu biletów / płatnej rezerwacji w jednym z poniższych miejsc. Skup się na moblinej wersji porównując zmiany, jakie dokonywane są po przejściu z wersji desktopowej. Napisz nastepnie co jest dobrze wykonane na danych stronach, co jest wygodne i intucyjne, co Ci się podoba, a co odbierasz negatywnie. Zapisz wszystkie swoje uwagi projektowe i zapisz najlepsze referencje do stron i aplikacji.

Opcje do wyboru - Rezerwacaja miejsc w (max 2 osoby w klasie): kinie / teatrze / sali koncertowej / boisku sportowym (mecz) / zajęć fitness / do prywatnego lekarza / escaperoom / fryzjer.

Zadanie 2
Rozwiń analizę wykonaną w zadaniu pierwszym o zbadnie stron pod kątem interfejsu użytkownika. Przejdź przez jedną ze stron i zidentyfikuj elementy UI, takie jak menu nawigacyjne, przyciski, pola tekstowe, nagłówki, ikony itp. Wskaż jakie elementy są na stronie, gdzie są umieszczone i jakie są ich funkcje. Przeprowadź analizę kolorów i czcionek użytych na stronie. Określ, jakie wrażenie robią na użytkowniku i czy są zgodne z jej przeznaczeniem.

Porównaj UI stronę z innymi stronami internetowymi w tej samej kategorii i oceniaj jej siłę i słabości. Na podstawie swoich obserwacji przedstaw propozycje, jak można ulepszyć UI strony, aby zwiększyć jej użyteczność i atrakcyjność dla użytkowników.


Zadanie 3 - Projekt długoterminowy do końca kwietnia (MOŻNA ROBIĆ W PARACH)
Zaprojektuj i wykonaj interaktywną aplikację mobilną lub stronę internetową, która umożliwi użytkownikom łatwe i intuicyjne przeglądanie i rezerwowanie miejsc w [tutaj wstaw swoje miejsce].
Do realizacji zadania wykorzystaj zasady projektowania interfejsu użytkownika (UI) i doświadczenia użytkownika (UX) poznane na zajęciach oraz swoje doświadczenie. Do pracy wykorzystaj narzędzia do tworzenia grafiki, stronę Figma, Draw.io i inne, które znasz.

Stwórz dokument tekstowy, w którym będziesz projektować interfejs i doświadczenie użytkownika, opiszesz cele biznesowe i wymagania funkcjonalne a także przedstawisz analizę konkurencji. Dokument powinien być zgodny z zasadami projektowania dkuemntów teksotwych (zawierać stronę tytułową, rozdziały, nagłówki, podpisy, spis grafik itd.).

Zagadnienia projektowe, które musisz zawrzeć w swojej pracy:
1) Cel - Stwórz dokument projektu, w którym opiszesz wymagania użytkownika i cele biznesowe a także przedstawisz kim jest klient (Odpowiedz na pytania z Zadania lekcji 1. Metodyki projektowe – przykładowe wymagania: łatwość przeglądania i rezerwowania miejsc, intuicyjność interfejsu, szybkość ładowania strony, dostępność dla osób z niepełnosprawnościami itp.)
2) Konkurencja - Opisz analizę konkurencji (Wklej tutaj zadanie 1 i 2).
3) Wymagania - Zdefiniuj wymagania funkcjonalne aplikacji i stwórz mapę witryny, która przedstawi, jakie funkcjonalności powinny być dostępne w aplikacji i jak powinny być połączone + pamiętaj o accessability (Wymagania omawiane były na lekcji 3. Specyfikacja wymagań, Przykładowa mapa witryny https://www.goup.co.uk/assets/uploads/2016/12/Untitled-Diagram-2.png).
4) Struktura - Zaprojektuj strukturę interfejsu użytkownika i zdefiniuj komponenty, które będą używane do tworzenia poszczególnych widoków aplikacji (wszelkie texboxy, inputy, butony, panele). Prototyp interfejsu użytkownika, powinien odpowiadać wymaganiom i celom a także uwzględniać zasady projektowania UI i UX, takie jak jednolity styl, konsekwencja, użyteczność, czytelność i estetyka.
5) Strona startowa - Zaprojektuj ekran startowy aplikacji, na którym użytkownik będzie miał możliwość dowiedzenia się gdzie się znajduje i będzie mógł przejść do listy wydarzeń.
6) Lista wydarzeń - Zaprojektuj widok listy wydarzeń, w którym użytkownik będzie mógł wyświetlić wszystkie wydarzenia przypisane do danej kategorii i przejść do szczegółów.
7) Szczegoły wydarzenia - Zaprojektuj widok szczegółów wydarzenia, który umożliwi użytkownikowi przejście do rezerwacji.
8) Rezerwacja / Zakup - Zaprojektuj widok rezerwacji terminu lub kupna biletu, który przekieruje do podsumowania.
9) Podsumowanie - Zaprojektuj widok podsumowania rezerwacji lub kupna, który przekieruje do strony głównej.
10) UI - Zdefiniuj styl graficzny interfejsu użytkownika, określając kolory, czcionki i ikony, które będą używane w aplikacji.
11) Flow - Umieść wszystkie stworzone widoki na jednym schemacie, połącz strzałkami zgodnie z przepływnością strony opisaną w mapie strony.
11) Uzasadnienie - Napisz podsumowanie zaiwerające uzasadnienie swoich wyborów, mające oparcie na dowodach ze źródeł naukowych lub materiałów lekcyjnych.

* na dodatkową ocenę
12) Implementacja - Stwórz prototyp zaprojektowanej aplikacji, który pozwoli na przetestowanie interakcji użytkownika z interfejsem. Technika wykonania dowolna (Strona internetowa, aplikacja mobilna, dowolny język)
13) Testy - Przetestuj prototyp z użytkownikami i zbierz ich opinie na temat interfejsu aplikacji. Testowanie aplikacji powinno odbyć się pod kątem UI i UX, w tym testowanie dostępności, łatwości obsługi, łatwości nawigacji, reakcji na różne urządzenia i rozdzielczości ekranu, szybkości ładowania itp.
14) Wnioski - Ostatecznie, dokonaj poprawek w projekcie interfejsu użytkownika zgodnie z feedbackiem użytkowników.

Projekt widoku może zostać stworzony jako szkic lub jako dokładne prototypowe odzwierciedlenie okna wraz z ikonami i grafikami. Im bardziej widok zbliżony będzie do efektu okna końcowego, tym wyżej będzie on oceniony (czy są już powstawiane przykładowe grafiki, przyciski, obrazki, pola tekstowe itd.). Przykładowe widoki:
Widoki okien aplikacji do Car Bookingu,
Widok okien aplikacji bankowej,
Szkice flow przepływu okien,
Widok szkicu okna strony internetowej,
Przykładowe elementy UI
Czym szkic różni się od protytypu(mockupu)?

Korzystając z wiedzy zdobytej na lekcji „6. Tworzenie prezentacji multimedialnej” przygotuj profesjonalną prezentację swojego projektu praktyk, którą przedstawisz w następnym tygodniu. Prezentacja powinna mieć spójną stylistykę, być czytelna, nieprzeładowana treścią i zawierać do 20 slajdów. Na całe wystąpienie otrzymasz maksymalnie 15 minut, po których zostaną Ci zadane trzy pytania do projektu. Prezentacja powinna zawierać jak najwięcej aspektów reklamowo-technicznych ze skupieniem na szczegółowym omówieniu procesu developmentu – podejdź do tego jak do sprzedaży swojego produktu przed potencjalnym inwestorem. Prezentując udowodnij, że masz plan i wizję na rozwinięcie swojego produktu i znasz się na tym co sprzedajesz.
Zachęcam do skorzystania z szablonów dostępnych na stronie www.slidesgo.com

Przykładowy przebieg prezentacji przedstawiającej efekt pracy nad projektem informatycznym:

Slajd 1:

Tytuł: Projekt Informatyczny; Imię i nazwisko prezentującego; Data;

Slajd 2:

Temat projektu; Krótkie wprowadzenie do problemu lub celu projektu;

Slajd 3:

Opis projektu; Przedstawienie głównych funkcjonalności i cech projektu; Przykład zastosowania projektu;

Slajd 4:

Architektura projektu; Diagram przedstawiający strukturę projektu (np. diagram klas, diagram bazy danych itp.); Opis warstw lub komponentów projektu;

Slajd 5:

Technologie i narzędzia użyte w projekcie; Przedstawienie głównych języków programowania, frameworków, baz danych itp., które zostały wykorzystane;

Slajd 6:

Interfejs użytkownika; Zrzuty ekranu prezentujące różne widoki lub funkcje aplikacji; Opis najważniejszych elementów interfejsu;

Slajd 7:

Algorytmy i techniki użyte w projekcie; Przedstawienie kluczowych algorytmów lub technik, które były wykorzystane; Krótkie omówienie ich działania i zastosowania w kontekście projektu;

Slajd 8:

Proces tworzenia projektu; Opis etapów procesu tworzenia projektu; Wyróżnienie głównych wyzwań i rozwiązań, które pojawiły się podczas tworzenia projektu;

Slajd 9:

Testowanie i weryfikacja projektu; Omówienie przeprowadzonych testów i metodyki testowania; Przedstawienie wyników testów i ewentualne dostosowania wprowadzone do projektu;

Slajd 10:

Sukcesy i wnioski; Podsumowanie osiągniętych celów projektu; Przedstawienie głównych wniosków i doświadczeń zdobytych podczas pracy nad projektem;

Slajd 11:

Dalszy rozwój projektu; Propozycje dalszych usprawnień, funkcji lub rozszerzeń projektu; Wzmianka o możliwości kontynuacji projektu w przyszłości;

Slajd 12:

Podziękowania; Wyróżnienie osób, które przyczyniły się do powodzenia projektu; Podziękowanie dla nauczyciela, grupy projektowej, osób wspierających itp.;

Slajd 13:

Pytania i odpowiedzi; Zachęta do zadawania pytań i dyskusji na temat projektu;

Slajd 14:

Kontakt Adres e-mail lub inne dane kontaktowe prezentującego; Zachęta do dalszej dyskusji lub współpracy; To tylko przykład prezentacji i można ją dostosować do konkretnego projektu informatycznego. Ważne jest uwzględnienie kluczowych aspektów projektu, takich jak opis, architektura, technologie; div>