Organizer codziennych wydatków

Zasadniczym celem przedmiotu jest zrealizowanie projektu informatycznego polegającego na opracowaniu i wykonaniu aplikacji. Poniżej zawarte zostały szczegółowe wymagania dotyczące realizacji projektu. Projekt może być oceniony pozytywnie tylko, gdy spełnione zostaną wszystkie wymienione wymagania.

A.PROJEKT

B.Wybór tematu

Celem projektu jest opracowanie i wykonanie aplikacji w architekturze klient-serwer. Temat aplikacji jest dowolny, wybrany przez zespół projektowy. Tematy nie mogą się powtarzać. Aplikacja powinna prezentować informacje w odniesieniu do realnych sytuacji. Przykładem takiej aplikacji mógłby być system obsługi studentów na uniwersytecie, gdzie możliwie jest wyświetlenie listy studentów studiujących na wybranym kierunku studiów, danych wybranego studenta, ocen uzyskanych przez studentów z wybranego przedmiotu, statystyki dotyczącej zaliczeń, egzaminów, itp.

C.Zgłoszenie tematu projektu

Temat projektu należy zgłosić na platformie Moodle w podanym terminie. Zgłoszenia tematu dokonuje kierownik zespołu projektowego. Zgłoszenie tematu po wyznaczonym terminie powoduje odjęcie 5 pkt od uzyskanej oceny punktowej z projektu.

D.Wymogi stawiane aplikacji

Aplikacja powinna zostać wykonana przy użyciu technologii webowych stosując podejście Single Page Application (SPA). Należy użyć platformy programistycznej Vue.js, a aplikacja powinna zostać wykonana w oparciu o komponenty. Jako źródło danych należy zastosować usługę Mockaroo (https://www.mockaroo.com/), w której należy utworzyć zbiór endpointów zwracających dane dla aplikacji. Aplikacja powinna zawierać: Co najmniej cztery funkcjonalności związane z prezentowanymi danymi raz co najmniej cztery endpointy. Dwa wykresy przedstawiające statystyki danych (https://www.chartjs.org/)

E.Przekazanie projektu do oceny

Aplikację należy umieścić na dowolnym serwerze webowym. Wszystkie pliki wchodzące w skład projektu należy przesłać na platformę uczelnianą Microsoft 365 i umieścić w folderze Projekt na dysku OneDrive. Na platformie Moodle należy umieść: Aktywny link do zgłoszenia tematu projektu (link do postu, w którym temat projektu został zgłoszony) Aktywny link do wykonanej aplikacji na serwerze webowym Aktywny link do folderu Projekt na platformie uczelnianej Microsoft 365 Należy upewnić się, że przekazane linki są poprawne i możliwe do użycia bez konieczności logowania się.

F.PREZENTACJA PROJEKTU

Przygotowanie wideo prezentacji Wraz z zespołem projektowym przygotuj jedną wspólną wideo prezentację projektu. Czas trwania wideo prezentacji zależny jest od liczby członków zespołu projektowego i wynosi 3-4 minuty / osobę (w przypadku zespołu 4-osobowego czas trwania wideo prezentacji powinien wynosić zatem 12-16 minut). Wideo prezentacja wykraczająca poza podany czas nie będzie podlegała ocenie. Przedstaw w wideo prezentacji kluczowe elementy projektu, sposób ich wykonania, pokaż rezultaty. Na początku wideo prezentacji podaj jej tytuł oraz imię i nazwisko autora. https://youtu.be/Dw27xJjTYQs https://youtu.be/KgxeYicsRvc Zapisz wideo prezentację w formacie MP4. W trakcie wideo prezentacji twój obraz musi być cały czas wyświetlany. Jeśli omawiasz szczegóły projektu, które wyświetlasz, umieść swój obraz w narożniku ekranu, jak np.: https://youtu.be/_LWwqbHU8L0 Jako narzędzi możesz użyć: Do zarejestrowania obrazu i dźwięku z monitora, z jednoczesnym obrazem i dźwiękiem z kamery (twój obraz): OBS Studio (https://obsproject.com) Do edycji/montażu obrazu i dźwięku: Shotcut (https://shotcut.org/) Do zarejestrowania i edycji dźwięku: Audacity (https://www.audacityteam.org/) Proponowane narzędzia są całkowicie bezpłatne, jednakże bardzo popularne oraz wykorzystywane również w zastosowaniach profesjonalnych. Jeśli używasz innych narzędzi, możesz je także wykorzystać. Sposób użycia podanych narzędzi znajdziesz w pokaźniej liczbie filmów instruktażowych dostępnych na platformie youtube, np: https://www.youtube.com/results?search_query=obs+studio Dobrym pomysłem jest podzielenie wideo prezentacji na mniejsze części, nagranie ich osobno, a następnie połączenie w całość w programie do edycji obrazu i dźwięku.

B.Przekazanie prezentacji do oceny

Umieść plik MP4 wideo prezentacji na platformie uczelnianej Microsoft 365 w folderze Projekt, wraz z pozostałymi plikami projektu.

C.OCENA PROJEKTU I WIEDZY STUDENTÓW

Ocena projektu Ocena za projekt jest wspólna dla wszystkich członków zespołu projektowego. Projekt zostanie oceniony przez prowadzącego zajęcia na podstawie dostarczonych materiałów. W przypadku, gdy projekt jest niekompletny lub brak jest dostępu do składowych projektu (np. niepoprawne linki), zostanie on oceniony w drugim terminie. W takim przypadku ocena za projekt zostanie dodatkowo obniżona.

B.Ocena wiedzy studentów

Każdy członek zespołu projektowego powinien posiadać pełną wiedzę dotyczącą całości wykonanego projektu, jego zawartości oraz użytych technologii. Ocena wiedzy dotyczącej wykonanego projektu odbędzie się w terminie podanym przez prowadzącego zajęcia. W trakcie oceny wiedzy każdemu członkowi zespołu projektowego zostaną zadane pytania dotyczące projektu. W przypadku braku, niepełnych lub niepoprawnych odpowiedzi końcowa ocena projektu zostanie obniżona. Gdy stwierdzony zostanie rażący brak wiedzy któregokolwiek członka zespołu projektowego, projekt nie będzie mógł zostać oceniony pozytywnie. W takim wypadku zespół projektowy może przystąpić ponownie do oceny wiedzy studentów w terminie poprawkowym, wyznaczonym przez prowadzącego zajęcia, po uzupełnieniu wiedzy przez wszystkich członków zespołu.

NOTATKI: wstępnie aplikacja do śledzenia codziennych zakupów a nie wydatków ogólnie robimy na bazie VUE CLI funkcjonalności: lista zakupów produkty (z kategoriami, ceną) mam produkt, robie zapytanie do mocaro i dostaje info gdzie dany produkt można kupić endpointy: pobranie wszystkich list zakupow filtrowanie list zakupw dodanie nowej listy zakupow Pobranie wszystkich produktow Dodanie nowego produktu Pobranie listy sklepow z danym produktem Pobranie wszystkich kategorii wykresy: liczba produktów kupionych z danej kategorii per dzień suma kasy wydana w danym dniu komponenty: shoppingList product categorySelect

Typy danych:

Table "product" {
  "id" INTEGER [pk]
  "price" INTEGER
  "name" VARCHAR
  "categories" [category]``
}
Table "category" {
  "id" INTEGER [pk]
  "name" VARCHAR
}
Table "grocery_list" {
  "id" INTEGER [pk]
  "name" VARCHAR
  "date": datetime
  "products": [product]
}