jku-ba-react/src/evaluation/metrics.csv

Nr;Metrik;Pigeon;Leaflet;MapGL;Mapbox;Google;Überprüfung;Kommentar Pigeon;Kommentar Leaflet;Kommentar MapGL;Kommentar Mapbox;Kommentar Google
Funktionalität;;1,29;3,07;3,57;2,71;2,71;;;;;;
F0;Drag & Drop Marker;3;4;4;4;4;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);pigeon-draggable installieren, als Component um Marker herum;Marker props;draggable props;draggable props;draggable props
F1;Marker Beschriftung;2;3;4;0;4;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);möglich, custom Overlays, aber keine vorimplementierten Beschriftungen;permanent Tooltip + css;Title zu Marker hinzufügen;;title props
F2;individualisierbarer Marker;3;4;4;4;3;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);"mit Marker nicht möchlich, custom Overlay als Marker verwenden; seit Update 0.17 (Dezember 2020) sind Farben möchlich";Marker props icon;img oder svg in Marker Component;;nur custom Markers
F3;Tooltips;2;4;4;3;4;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);möglich, custom Overlays, aber keine vorimplementierten Tooltips;Tooltip Component, permanent oder hover;Popup Component;Popup Component;
F4;Hover over Marker;2;2;0;0;3;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);Design wird geändert bei hover;riseOnHover, aktueller Marker wird über andere gestellt;nicht automatisch, kein on hover event;kein on hover event;Custom hover styles
F5;Zoom;2;4;4;4;3;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);möglich, aber Funktionen und Buttons müssen selbst implementiert werden;ZoomControl Component mit Position props;;ZoomControl Component;automatisch, Position/Style nicht veränderbar
F6;Standort Button;0;2;4;0;0;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;keine eigene Component aber implementierbar;GeolocateControl Component;;
F7;Button Vollbildmodus;0;4;3;0;4;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;Zusatzpaket: react-leaflet-fullscreen;;;
F8;Button Ansicht drehen und neigen;0;0;4;4;0;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;;NavigationControl Component;RotationControl Component;
F9;Maßstab einblenden;0;4;4;4;0;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;ScaleControl Component mit Position props;ScaleControl Component;ScaleControl Component;
F10;verschiedene Kartentypen;2;4;3;3;3;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);abhängig vom Tile Provider (zb OpenStreepMap oder Mapbox), kein Button zum Ändern;LayersControl Component (Button in Map);keine eigene Component;keine eigene Component;möglich, aber Button nicht direkt implementierbar
F11;Wege einzeichnen und bearbeiten;0;4;4;4;3;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;Polyline Component;Source + Line Layer;Layer + Feature;
F12;Flächen einzeichnen und bearbeiten;2;4;4;4;4;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);Overlay, möglich aber nicht für User zeichnen geeignet;react-leaflet-draw;react-map-gl-draw;Zusatzpaket: react-mapbox-gl-draw;https://developers.google.com/maps/documentation/javascript/examples/polygon-simple
F13;Directions API;0;0;4;4;3;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;;Mapbox Directions API;Mapbox Directions API;eigene API, aber langsam und fehleranfällig
;;;;;;;;;;;;
Benutzerfreundlichkeit;;2,00;4,00;3,17;1,83;2,67;;;;;;
B0;mit Tastatur bedienbar;0;4;4;4;4;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;;;;
B1;mit Mausgesten bedienbar;4;4;4;4;4;in Prototyp ausprobieren, nachlesen (Dokumentation, Beispiele, Code);seit Update 0.17;;;;
B2;Smartphone: korrekte Darstellung der Karte;4;4;0;0;4;;;;Map Tiles werden nicht dargestellt;Map Tiles werden nicht dargestellt;
B3;Smartphone: Drag & Drop Marker;0;4;4;0;0;;;;;Marker wird nicht angezeigt;Marker reagiert nicht auf Drag & Drop
B4;Smartphone: Gesten (move, zoom, doubleclick);4;4;4;0;4;Prototyp am Smartphone ausprobieren, nachlesen (Dokumentation, Beispiele, Code);;;;nicht überprüfbar, da weder Marker noch Map Tiles angezeigt werden;draggen nicht
B5;Offlinemodus;0;4;3;3;0;in Prototyp ausprobieren, Recherche Google;;;;;nicht möglich
;;;;;;;;;;;;
Performance;;2,00;2,14;1,43;3,71;1,86;;;;;;
P0;100 Marker;1;4;1;4;2;automatischer Stresstest;;;;;
P1;1.000 Marker;1;4;0;4;2;automatischer Stresstest;;;;;
P2;10.000 Marker;1;0;0;4;1;automatischer Stresstest;;;;;
P3;100 bewegende Marker ;2;3;4;4;0;Stresstest;smooth, 115727.240 for 500 steps;ruckelig, 76217.835 for 500 steps;smooth, 60346.845 for 500 steps;62796.500 for 500 steps;ruckelig, 191357.195 for 500 steps
P4;1.000 bewegende Marker ;2;1;2;4;0;Stresstest;174908.070 for 500 steps;250510.020 for 500 steps;167014.530 for 500 steps;67867.355 for 500 steps;gleich ruckelig wie 100? anfangs schnell, dann langsam, 286748.030 for 500 steps
P5;maximale Anzahl an Markern;4;0;2;4;4;automatischer Stresstest;50.000;9.000 Crash, 8.000 schon Probleme (Browser Fenster wird nur mehr halb gerendert);;50.000;
P6;CPU Auslasung bewegende Marker?;;;;;;;;;;;
P7;maximale Anzahl an bewegenden Markern;3;3;1;2;4;automatischer Stresstest;30.000;7.000;15.000;20.000;50.000 kein Crash, aber mehrere Sekunden pro Step
;;;;;;;;;;;;
Dokumentation;;3,50;3,67;3,00;3,83;3,33;;;;;;
D0;ausführlich (subjektiv);3;4;3;4;3;in git Repository suchen, googlen;;;;;nicht vollständig
D1;React spezifisch;4;4;3;4;3;Analyse Dokumentation;;;;;
D2;Beispiele;2;3;4;3;4;Analyse Dokumentation;nur ein Beispiel, deckt aber die meisten Funktionen ab;wenige Beispiele;;;
D3;Parameter aufgelistet;4;4;2;4;2;Analyse Dokumentation;;;;;nicht vollständig
D4;Eventhandler augelistet;4;4;2;4;4;Analyse Dokumentation;;;;;
D5;get started example;4;3;4;4;4;Analyse Dokumentation;;;;;
;;;;;;;;;;;;
Installation;;3,67;3,83;3,00;2,83;2,33;;;;;;
I0;vollständig;4;4;4;4;4;Analyse Dokumentation und ausprobieren;;;;;
I1;Zusatzpakete;3;3;4;4;4;;seit Version 0.17 nur mehr pigeon-draggable zusätzlich nötig (vorher auch Marker und Overlay extra);Vollbildmodus ist in eigenem Package;;;
I2;direkte Verwendung;4;4;2;2;0;Analyse Dokumentation und ausprobieren;;;Account und Access Token erstellen;Account und Access Token erstellen;Key erstellen, Zahlungskonto einrichten
I3;kostenlos;4;4;1;1;1;Analyse Homepage;wenn z.B. OpenStreetMap als Tile Provider verwendet wird;;50.000 free Monthly loads, 5$/1000;50.000 free Monthly loads, 5$/1000;300€ (200?) Guthaben, monatliche Rechnung, dann 2$ pro 1000 Aufrufe
I4;Support;4;4;4;3;3;Aktivitäten in git Repository prüfen;;;;;
I5;Zeitaufwand (subjektiv);3;4;3;3;2;Zeitaufzeichnung analysieren;;;;;
;;;;;;;;;;;;
;;39;39;39;39;39;;;;;;
;;87,00;127,00;115,00;115,00;101,00;;;;;;
;;2,23;3,26;2,95;2,95;2,59;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;
;;;;;;;;;;;;