Diagram UML dla gotowego projektu

Dzień dobry.
Wykonałem stronę która pobiera za pomocą Fetch API z dwóch źródeł dane, NBP odnośnie walut tradycyjnych i innego pośrednika odnośnie kryptowalut. Jak widać na stronie (link poniżej) są różne przeliczniki, kalkulator walut tradycyjnych i cyfrowych, gazeta z nowinkami również pobieranymi na bieżąco przez API.  

Strona projektu: www.biznes-internetowy.pl * (domena nie ma nic wspólnego z treścią, po prostu taką miałem wolną więc wrzuciłem pliki dla zobrazowania)*

W czym więc problem?
Nie mam żadnego pojęcia o diagramach UML i ciężko przełożyć mi jakąkolwiek teorie, do mojego projektu a muszę jakieś diagramy do projektu dostarczyć. Nie posiadam bazy danych więc diagram klas i erd odpada? 
Zostaje zatem zrobienie diagramu przypadków użycia, jeśli błądzę i można dla tej strony zrobić coś więcej, proszę mnie poprawić. Wracając do diagramu przypadków użycia jedyne co przychodzi mi do głowy to rzeczy które po przelaniu na obraz, wyglądają bardzo prymitywnie.

Gdzie "wyszukaj newsy" oraz "wyszukaj kontakt" dodałem jeszcze gdy nie miałem więcej podstron,od tamtego czasu strona trochę się rozbudowała, ale czy dodawanie każdej podstrony w ten sposób ma teraz sens? Zwracałem się z podobnym pytaniem jakiś czasu temu, więc trochę wstyd mi pisać ponownie, ale jednak dużo się pozmieniało w strukturze strony, a moja wiedza odnośnie diagramów niestety ciągle leży.
Proszę o wskazówki odnośnie tego jak mógłbym rozbudować diagram przypadków użycia, aby miał ręce i nogi, oraz czy jest możliwość zrobienia jeszcze innych diagramów które warto wrzucić do dokumentacji projektu?
Dziękuje bardzo za pomoc.

PlantUML może Ci pomóc w tym aby nie mieszać diagramów.

https://plantuml.com

Ale komu chcesz pokazać ten diagram? W czym on ma pomóc? Możesz zrobic Use-Case, ale do tego trzeba dopisać też scenariusze, zeby to miało jakikowiek sens. Możesz też zrobić diagram aktywności/sekwencji, jeśli to twoje pobieranie danych jest bardziej skomplikowane. Jeśli deployment aplikacji jest jakiś złożony (np. load balancing, rozproszone wiele nodów) to jakiś diagram architektury/deploymentu.

@Shalom dobrze pisze.

@saseta00: Wybierasz młotek i szukasz gwoździa? Czy masz konkretny problem do rozwiązania np. "pomalować ścianę" i dobierasz odpowiednie narzędzie (odpowiedni diagram), a nie, że bierzesz młotek i zastanawiasz się jak ma Ci pomóc w malowaniu ścian ;-)

W użyciu UMLa nie chodzi o to, że wybierasz diagram i zastanawiasz się co na nim przedstawić, tylko jeśli chcesz COŚ KOMUŚ wyjaśnić, to UML może być przydatny.
Został pomyślany tak, by ilustrować struktury i zachowania.

To Ty powinieneś wiedzieć:

• Co chcesz wyjaśnić?
• Komu?

Na tej podstawie wybierasz odpowiedni diagram.

Dziękuje za wskazówki i wybaczcie za banalne podejście do tematu.
@Shalom: Pobieranie danych jest dość proste, użycie interfejsu Fetch API do pobrania danych, przypisanie do zmiennych i wysyłanie do htmla za pomocą *document.getelementbyid * więc myślę że tutaj za dużego pola do popisu nie mam, zostanę zatem przy diagramie przypadków użycia starając się go rozbudować w odpowiedni sposób.
@yarel: Zrozumiałem, nie przemyślałem tego do końca. Nigdy nie robiłem takich diagramów, sporo zajęć ominęło mnie przez prace a teraz dopadły mnie tego skutki, ponieważ do projektu muszę dołączyć dokumentacje w postaci diagramu, dlatego chyba zasiałem taki chaos.

Postaram się zatem stworzyć 1 diagram, przypadków użycia ale bardziej rozbudowany niż ta prymitywna wersja. Wiem z definicji co można na nim przedstawić, jednak średnio z przełożeniem teorii na praktykę.
Chcąc przedstawić interakcje aktora z systemem mam pojedyncze czynności które może wykonywać:

• Sprawdź kurs
  -waluty tradycyjnej
  -kryptowaluty
• Przelicz kurs
• Wyszukaj "newsy"
• Wyszukaj "kontakt"
• Wyszukaj "giełdy"
• Wyszukaj "gazeta"
• Wyszukaj "kalkulator" itd.

Pytanie czy nie należy przebudować struktury tych przypadków? Jeśli nie to czy dla np.

• Wszukaj "Giełdy" mogę dodać relacje extended z "Porównaj giełdy" i analogicznie dla reszty?*
• Wszukaj "Kalkulator" -||- "Przelicz waluty"
• Wszukaj "Kryptowaluty" -||- "Wybierz kryptowalute" ==> "Sprawdź szczegółowe statystyki"
• Wyszukaj "gazeta" -||- "Wybierz artykuł" ==> "Przejdź do artykułu"

Jeżeli jest to rozwiązanie słuszne, to czy w celu rozwinięcia diagramu mogę dodać kilka zadań które wykonuje system? Dodając kolejnego aktora: "System"?
Następnie dla np.:

• Wyszukaj "gazeta" dodać zależność od systemu "Pobierz listę artkułów"
• Wyszukaj "kryptowaluty" "Pobierz listę kryptowalut" i analogicznie dla reszty?

Choć pewnie nadal jestem w błędzie.
Dziękuje za pomoc, wybaczcie za nieporadność.

Siema, tez siedze w kypto, skad pobierasz dane? Ja uzywam coinpaprika, ale szukam jakiegos fajnego API, przez które daloby sie ciagnac kursy godzinne, czyli np dla 300 ostatnich dni pobierz 300*24 kursów (24 godzin na dobe). Nawet wystarczyloby mi dla pojedynczego dnia, czyli wpisuje w api np 12 listopad i dostaje kursy godzinne z tego dnia, to juz moglabym posklejac na cały rok