User interface chapter

2026-05-20 20:11:21 +02:00
parent 5abbc8f081
commit efb18ae420
2 changed files with 36 additions and 2 deletions
@@ -399,6 +399,40 @@ Kluczowym frameworkiem w budowaniu tej aplikacji jest Multipeer Connectivity, kt
 == Interfejs użytkownika
 Aplikacja po uruchomieniu przez użytkownika który już ustawił swoją nazwę, pokazuje ekran główny, zaprezentowany na rysunku 3.1, który pogrubioną czcionką o dużym rozmiarze pokazuje nazwę aplikacji - "Peered". Na prawo do góry od napisu znajdziemy przycisk "Create note", który po naciśnięciu dodaje nową notatkę do listy "Your notes".  Główną zawartością ekranu jest lista notatek podzielona na dwie sekcje - "Your notes" zawierająca notatki przechowywane w pamięci trwałej urządzenia, oraz "External notes" - notatki które aktualnie udostępnia inny klient w pobliżu urządzenia użytkownika. Po naciśnięciu na wiersz z nazwą notatki z sekcji "Your notes", przejdziemy do ekranu edycji własnej notatki przedstawionego na rysunku 3.2. Ten ekran, oprócz edytora tekstu, na samej górze posiada przycisk "Manage members", który pokazuje ekran zarządzania użytkownikami notatki, widoczny na rysunku 3.3. Możemy na nim zobaczyć listę widocznych użytkowników w pobliżu oraz możliwą akcję do wykonania. Jeśli użytkownik jest widoczny, ale nie został zaproszony, możemy zobaczyć przycisk "Invite". W pozostałych wypadkach widzimy teksty zależne od stanu połączenia - użytkownik, który dołączył będzie miał "Joined". Oczekujący na akceptację będą mieli "Invitation pending", a pozostali "Rejected". Po naciśnięciu na wiersz z nazwą notatki z sekcji "External notes", przejdziemy do ekranu edycji notatki innego użytkownika, gdzie na ekranie będziemy mieli wyłącznie dostęp do edytora tekstu, co można zobaczyć na rysunku 3.4. Jeśli użytkownik nie ustawił jeszcze swojej nazwy w aplikacji, od razu po uruchomieniu aplikacji pokazuje się ekran nadania nazwy użytkownika, widoczny na rysunku 3.5.
 Jeśli aplikacja została dopiero zainstalowana, system pokaże też monit użytkownikowi z pytaniem, czy chce aby aplikacja otrzymała dostęp do sieci lokalnej, co zostało przedstawione na rysunku 3.6. Jest to obowiązkowa zgoda dla użytkownika, bez której aplikacja nie będzie w stanie komunikować się z innymi urządzeniami.
 #figure(
  image("../Pictures/AllNotesScreen.jpeg", height: 95%),
  kind: image,
  caption: "Ekran główny aplikacji",
 )
 #figure(
  image("../Pictures/NoteEditorScreen.jpeg", height: 95%),
  kind: image,
  caption: "Ekran edycji własnej notatki",
 )
 #figure(
  image("../Pictures/ManageMembersScreen.jpeg", height: 95%),
  kind: image,
  caption: "Ekran zarządzania użytkownikami notatki",
 )
 #figure(
  image("../Pictures/SharedEditorScreen.jpeg", height: 95%),
  kind: image,
  caption: "Ekran edycji notatki innego użytkownika",
 )
 #figure(
  image("../Pictures/SetUsernameScreen.jpeg", height: 95%),
  kind: image,
  caption: "Ekran nadania nazwy użytkownika",
 )
 #figure(
  image("../Pictures/LocalNetworkUsageAlert.jpeg", height: 95%),
  kind: image,
  caption: "Monit z prośbą o dostęp do sieci lokalnej",
 )
 == Napotkane wyzwania implementacyjne i rozwiązania
 == Ograniczenia środowisk iOS/macOS