Tradycyjnie
- Papierowa mapa
- Ręczna rejestracja
- Papierowa karta odpowiedzi
- Ręczne liczenie punktów
- Ograniczony podgląd przebiegu
Projekt archiwalny · 2019/2020
Wydarzenia, które zaczynały się na mapie
Noxmap był prototypem aplikacji webowej i mobilnej do przygotowywania gier miejskich, marszów na orientację, ścieżek edukacyjnych i innych wydarzeń wykorzystujących punkty terenowe oraz interakcję z uczestnikami.
Panel organizatora + aplikacja uczestnika
Geneza projektu
Od papierowej mapy do cyfrowego wydarzenia
Punktem wyjścia dla Noxmap były marsze na orientację i gry terenowe. Organizatorzy takich wydarzeń często ręcznie rejestrują uczestników, drukują mapy i karty odpowiedzi, sprawdzają wyniki oraz mają ograniczony kontakt z osobami znajdującymi się w terenie.
Noxmap miał połączyć te czynności w jednym konfigurowalnym systemie. Założeniem nie było stworzenie aplikacji dla jednej konkretnej gry, lecz narzędzia, które można dostosować do wielu rodzajów wydarzeń.
Założenia Noxmap
- Mapa i punkty w systemie
- Konfigurowalny formularz
- Elektroniczne odpowiedzi
- Automatyczna weryfikacja
- Podgląd wydarzenia i raport
Jeden system, dwie perspektywy
Dwie strony jednego wydarzenia
Organizator
W panelu webowym organizator przygotowywał wydarzenie, konfigurował mapy, punkty, pytania i formularze, a podczas rozgrywki mógł obserwować grupy i przeglądać nadsyłane odpowiedzi.
- Tworzenie wydarzenia
- Formularz rejestracyjny
- Mapy i punkty
- Granice obszaru
- Obserwacja uczestników
- Wezwania SOS
- Raporty
Uczestnik
W aplikacji mobilnej uczestnik dołączał do wydarzenia, korzystał z przygotowanej mapy i kompasu, odwiedzał punkty, odpowiadał na pytania i wysyłał kartę odpowiedzi.
- Dołączenie kodem
- Wydarzenia w pobliżu
- Mapa i kompas
- Pytania w punktach
- Weryfikacja położenia
- Ostrzeżenia o granicach
- Kontakt alarmowy i SOS
- Karta odpowiedzi
Przepływ wydarzenia
Jak działał Noxmap
Prototyp prowadził organizatora od konfiguracji do podsumowania, łącząc przygotowanie terenu z przebiegiem wydarzenia.
- 01
Utworzenie wydarzenia
Organizator określał nazwę, opis, miejsce, termin, zasady udziału, limity grup oraz dostępne funkcje.
- 02
Formularz rejestracyjny
Można było zbudować własny kwestionariusz i określić dane wymagane od całej grupy oraz poszczególnych uczestników.
- 03
Mapa, punkty i granice
Organizator dodawał mapy, punkty kontrolne, pytania i obszary wydarzenia, także z użyciem własnej grafiki mapy.
- 04
Obserwacja przebiegu
Panel umożliwiał śledzenie statusu grup, ostatnich lokalizacji, odpowiedzi i zgłoszeń SOS.
- 05
Raport końcowy
Po wydarzeniu można było przejrzeć formularze, karty odpowiedzi i wyniki weryfikacji oraz wyeksportować raport.
Zakres prototypu
Najważniejsze funkcje
Zakres prototypu obejmował konfigurację map i punktów, obsługę uczestników, obserwację przebiegu oraz raportowanie.
Konfigurowalne mapy
Obsługa map bazowych oraz własnych grafik i wielu warstw mapy.
Punkty terenowe
Punkty z opisem, pytaniem, poprawną odpowiedzią, kolejnością i promieniem interakcji.
Elektroniczna karta odpowiedzi
Zbieranie odpowiedzi uczestnika lub grupy bez papierowych formularzy.
Weryfikacja lokalizacji
Możliwość sprawdzania, czy odpowiedź została udzielona w pobliżu właściwego punktu.
Granice wydarzenia
Miękkie i twarde obszary pozwalające ostrzec uczestnika po opuszczeniu wyznaczonego terenu.
Podgląd przebiegu
Lista grup, ostatnie lokalizacje, odpowiedzi i zdarzenia aktualizowane w panelu organizatora.
Funkcje wspierające bezpieczeństwo
Numer alarmowy, wezwanie SOS i ostrzeżenia o opuszczeniu obszaru wspierały reakcję w terenie.
Formularze rejestracyjne
Konfigurowalne pola dla uczestników i grup.
Raporty
Zestawienie danych, odpowiedzi i rezultatów weryfikacji z eksportem do PDF i arkusza kalkulacyjnego.
Elastyczny scenariusz
Przykładowe zastosowania
Noxmap projektowano jako konfigurowalną bazę dla różnych formatów wydarzeń terenowych.
Gra miejska
Marsz lub bieg na orientację
Ścieżka edukacyjna
Gra muzealna lub historyczna
Aktywność na targach
Gra podczas konwentu lub festiwalu
Wydarzenie turystyczne
Terenowa gra zespołowa
Galeria historyczna
Działający prototyp z 2020 roku
Poniższe materiały przedstawiają rzeczywisty, historyczny interfejs prototypu. Zrzuty nie reprezentują współczesnego projektu graficznego ani obecnie dostępnej usługi.
Konfiguracja mapy i programu wydarzenia
Panel webowy z mapą, punktami i bocznymi panelami.
Obserwacja trwającego wydarzenia
Widok lokalizacji grup i szczegółów karty odpowiedzi.
Dołączanie do wydarzenia
Widok dołączania kodem oraz wydarzeń dostępnych w pobliżu.
Pytanie w punkcie
Widok pytania, odpowiedzi i komunikatu o odległości od punktu.
Karta odpowiedzi
Lista odwiedzonych punktów i odpowiedzi.
Raport wydarzenia
Widok danych grupy i eksportu raportów.
Historyczna architektura
Połączenie panelu, serwera i aplikacji
Prototyp składał się z panelu webowego dla organizatora, serwera z interfejsem API i komunikacją czasu rzeczywistego oraz aplikacji mobilnej dla uczestnika. Dane wydarzenia, map, punktów, odpowiedzi i lokalizacji były synchronizowane między urządzeniami.
Panel organizatora w przeglądarce
HTTPS / SignalR
Serwer ASP.NET Core
HTTPS / REST API
Aplikacja mobilna uczestnika + lokalna baza SQLite
Entity Framework Core
Baza danych SQL
Technologie historyczne
Stos prototypu
Prototyp Noxmap łączył technologie backendowe, webowe i mobilne oraz narzędzia wspierające pracę zespołu.
01
Backend i dane
- C#
- ASP.NET Core
- Entity Framework Core
- SignalR
- REST API
- SQL
02
Panel webowy
- Blazor WebAssembly
- HTML
- CSS
- JavaScript
- Leaflet
- OpenStreetMap
03
Aplikacja mobilna
- Xamarin.Forms
- MvvmCross
- Mapsui
- Xamarin.Essentials
- SQLite
04
Narzędzia
- Git
- Swagger
- Postman
- DocFX
- Microsoft Azure
Projekt studencki
Zespół i nagrody
Noxmap powstał w roku akademickim 2019/2020 jako projekt realizowany w ramach przedmiotu Programowanie zespołowe na Wydziale Matematyki i Informatyki Uniwersytetu Mikołaja Kopernika w Toruniu.
- Rok akademicki
- 2019/2020
- Przedmiot
- Programowanie zespołowe
- Jednostka
- WMiI UMK w Toruniu
Zespół II
- Patryk KisielewskiKierownik zespołu · programista backendu
- Mateusz KamińskiSekretarz zespołu · programista aplikacji webowej
- Tomasz DerekProgramista aplikacji mobilnej
- Adrian LicnerskiProgramista aplikacji mobilnej
- Tomasz RahnProgramista aplikacji mobilnej
- Jakub StudzińskiProgramista backendu
Opieka nad zespołem
Damian KurpiewskiOpiekun zespołu · IPI PAN
2019/2020
Dwie nagrodzone kategorie
W konkursie na najlepsze projekty zrealizowane w ramach przedmiotu jury nagrodziło Noxmap w obu poniższych kategoriach.
- Potencjał biznesowyNagroda WMiI UMK
- Potencjał społecznyNagroda WMiI UMK
Status projektu
Projekt zakończony, idea zachowana
Noxmap powstał jako zespołowy projekt studencki i został doprowadzony do etapu rozbudowanego prototypu. Aplikacja nie jest obecnie rozwijana, utrzymywana ani udostępniana użytkownikom. Strona prezentuje pierwotną ideę, zakres funkcjonalny i efekty wykonanej pracy.
Materiały mają charakter archiwalny i prezentacyjny.