tub-floorplan issueshttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues2024-02-20T21:12:02+01:00https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/21Nutzung zur Standortanzeige in tub.find2024-02-20T21:12:02+01:00Tobias ZeumerNutzung zur Standortanzeige in tub.findDer Standort könnte in tub.find dynamisch mit diesem Plan angezeigt werden (https://xyz/tub-floorplan/index.html?signature=ti:tie-123).Der Standort könnte in tub.find dynamisch mit diesem Plan angezeigt werden (https://xyz/tub-floorplan/index.html?signature=ti:tie-123).https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/58SVGO ab 2024 suboptimal2024-02-20T20:59:09+01:00Tobias ZeumerSVGO ab 2024 suboptimal* `res/conf-svgo/tubmap.mjs` für SVGO hinzugefügt, da Yaml-Version offenbar nicht mehr unterstützt ist. Passend dazu die `res/tub_floorplan_minimize.sh` ergänzt.
* Die Dateien werden einen Tick größer, da jetzt ein paar Sachen "zu viel...* `res/conf-svgo/tubmap.mjs` für SVGO hinzugefügt, da Yaml-Version offenbar nicht mehr unterstützt ist. Passend dazu die `res/tub_floorplan_minimize.sh` ergänzt.
* Die Dateien werden einen Tick größer, da jetzt ein paar Sachen "zu viel" ergänzt werden
Aufgefallen
* fügt noch überall `xml:space="preserve"` hinzu (wohl nur bei <text>)
* Könnte rausge-grept werden, da es das komplett sonst nicht gab
* fügt noch überall `y="0" x="0"` hinzu (wohl nur bei <use>)
* Dito (raus via grep)
* scheinbar kein Problem, aber ersetzt `'` in Parametern durch `"e;` statt wie vorher durch '
* z.B. `font-family:'Bookman Old Style';` > `font-family:"Bookman Old Style"`
* eher kein Problem, aber aus `d="M267.8 161l84.6-63.8 6.9 9.1-32.1 24.2V161z"` wird `d="m267.8 161 84.6-63.8 6.9 9.1-32.1 24.2V161Z"` Buchstaben klein, "l" weg
* Aus transform=transalte wird teils transform=matrixhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/1Fehlende Einrichtung ergänzen2024-02-20T17:28:20+01:00Tobias ZeumerFehlende Einrichtung ergänzenElemente, die im Plan fehlen
2024
* Infobildschirm Eingang
* Sitzsäcke
* Broschüren nahe Kassenautomat
Vor 2024
* Beamer/Leinwand 0.004
* Tische in LS1-Arbeitsräumen und in 1.006 + 1.009
* Workbays
* "Schlangentisch" LS2
* Türen von Ro...Elemente, die im Plan fehlen
2024
* Infobildschirm Eingang
* Sitzsäcke
* Broschüren nahe Kassenautomat
Vor 2024
* Beamer/Leinwand 0.004
* Tische in LS1-Arbeitsräumen und in 1.006 + 1.009
* Workbays
* "Schlangentisch" LS2
* Türen von Rotunde zu LS1/LS2
* Verwaltungstrakt EG: Nur ein Raum neben 0.006 (Zusammenlegung)
Elemente, die möglicherweise entfernt werden müssen
* barrierefreier Arbeitsplatz raus (noch warten, ob der ggf. repariert wird) (2018-04-20)https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/57Mastodonfeed statt Twitter-Feed2024-02-20T13:57:47+01:00Tobias ZeumerMastodonfeed statt Twitter-FeedAm 2024-02-20 den Twitter-Feed durch Mastodon via [MastoFeed](https://www.mastofeed.com/) ersetzt. Eventuell durch [Emfed: Simple Client-Side Mastodon Feed Embedding](https://github.com/sampsyo/emfed) oder optimaler Weise durch etwas lok...Am 2024-02-20 den Twitter-Feed durch Mastodon via [MastoFeed](https://www.mastofeed.com/) ersetzt. Eventuell durch [Emfed: Simple Client-Side Mastodon Feed Embedding](https://github.com/sampsyo/emfed) oder optimaler Weise durch etwas lokales ersetzten
Todo
* [ ] Mastofeed-Zugriff für Console erlauben
* [ ] Emfed checkenhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/26News verlinken (von TUB-Website)2024-02-20T13:56:27+01:00Tobias ZeumerNews verlinken (von TUB-Website)News von der Homepage können (leicht) nach Schlagwort verlinkt werden. Zum Beispiel für Bookcrossing mit https://www.tub.tuhh.de/blog/tag/bookcrossing/. Andere Klassiker wären Öffnungszeiten, Perinorm(ausfälle). Eventuell auch tub.talks....News von der Homepage können (leicht) nach Schlagwort verlinkt werden. Zum Beispiel für Bookcrossing mit https://www.tub.tuhh.de/blog/tag/bookcrossing/. Andere Klassiker wären Öffnungszeiten, Perinorm(ausfälle). Eventuell auch tub.talks. Mehr...?
Richtig schön wäre, wenn wir nicht nur einen Teaser-Feed hätten und die News gleich komplett in einem Popup zeigen könnte. Vielleicht wären die Beitragstitel aber auch schon ein schöner Anfang (via Tag-Feed https://www.tub.tuhh.de/blog/tag/bookcrossing/feed/)https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/16Fluchtplan2020-04-23T11:55:30+02:00Tobias ZeumerFluchtplanEs wäre eigentlich recht simpel, die Fluchtwege, Feuerlöscher und Erste-Hilfe-Materialien von den aushängenden Plänen zu übernehmen. Wäre aber möglicherweise eher eine Sache der Vollständigkeit als der Nützlichkeit.Es wäre eigentlich recht simpel, die Fluchtwege, Feuerlöscher und Erste-Hilfe-Materialien von den aushängenden Plänen zu übernehmen. Wäre aber möglicherweise eher eine Sache der Vollständigkeit als der Nützlichkeit.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/56Jquery weg / Panzoom vs OpenSeadragon2019-11-02T18:27:20+01:00Tobias ZeumerJquery weg / Panzoom vs OpenSeadragonGelegentlich mal prüfen, ob [OpenSeadragon](https://openseadragon.github.io/) eine Alternative zu jquery.panzoom wäre.
Sofern das zuträfe, wäre es sinnvoll gleich allen Jquery-Kram über Bord zu werfen.Gelegentlich mal prüfen, ob [OpenSeadragon](https://openseadragon.github.io/) eine Alternative zu jquery.panzoom wäre.
Sofern das zuträfe, wäre es sinnvoll gleich allen Jquery-Kram über Bord zu werfen.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/55tub.map als PWA (Progressive Web App)2019-08-16T16:10:21+02:00Tobias Zeumertub.map als PWA (Progressive Web App)Guter Kandidat, um mal ne (irgendwie) sinnvolle WPA zu bauen. Soltle ja einfach sein, da eigentlich effektiv eh alles "Offline"-HTML5/JS ist. https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/ ; https://github.com/...Guter Kandidat, um mal ne (irgendwie) sinnvolle WPA zu bauen. Soltle ja einfach sein, da eigentlich effektiv eh alles "Offline"-HTML5/JS ist. https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/ ; https://github.com/SirFaenor/pwa-skeleton.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/37xlink:href deprecated2019-01-02T18:07:19+01:00Tobias Zeumerxlink:href deprecatedAch? https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:hrefAch? https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:hrefhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/5OpenStreetMap & Google Maps - Anbindung2018-08-05T00:44:00+02:00Tobias ZeumerOpenStreetMap & Google Maps - AnbindungTheoretische könnte der Lageplan auch bei externen Anbietern eingebunden werden.
* OpenStreetMap
* http://wiki.openstreetmap.org/wiki/Indoor_Mapping
* Google: Konnt man nen Raumplan für die Einrichtung verlinken? Da war mal was... htt...Theoretische könnte der Lageplan auch bei externen Anbietern eingebunden werden.
* OpenStreetMap
* http://wiki.openstreetmap.org/wiki/Indoor_Mapping
* Google: Konnt man nen Raumplan für die Einrichtung verlinken? Da war mal was... https://maps.google.de/help/maps/floorplans/ bzw. https://maps.google.com/floorplans/upload?hl=de&address=Denickestra%C3%9Fe+22%2C+21073+Hamburg%2C+Germany&lat=53.46097220927827&lng=9.96905142327887
* Example: https://www.google.com/maps/dir/37.391299,-121.981761/37.392633,-121.982254/@37.391997,-121.981622,19z/data=!4m11!4m10!1m6!3m4!1m2!1d-121.981966!2d37.392343!3s0x808fc9dcb6d090ab:0x90fa35b94a032de1!4e1!1m1!4e1!3e2?hl=enhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/45LBS = Besonders Regal2018-07-19T21:30:02+02:00Tobias ZeumerLBS = Besonders RegalDa die Lehrbuchsammlung nun schon im Menü unter "Besondere Regale" gerutscht ist, sollte sie eigentlich pink sein, so wie alle anderen besonderen Regale. Dann ist auch noch augenscheinlicher, dass das nicht der "normale" Bestand ist.
Ok...Da die Lehrbuchsammlung nun schon im Menü unter "Besondere Regale" gerutscht ist, sollte sie eigentlich pink sein, so wie alle anderen besonderen Regale. Dann ist auch noch augenscheinlicher, dass das nicht der "normale" Bestand ist.
Ok, pink auf so einer Fläche...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/40Mapmarker zu klein (Mobil)2018-07-08T22:28:32+02:00Tobias ZeumerMapmarker zu klein (Mobil)Mit (dicken) Fingern ist es recht schwer die Marker zu treffen. Evtl. Marker etwas vergrößern bei kleiner Bildschirmgröße. Oder die Map gleich etwas zoomen (sieht halt doof aus, aber...).Mit (dicken) Fingern ist es recht schwer die Marker zu treffen. Evtl. Marker etwas vergrößern bei kleiner Bildschirmgröße. Oder die Map gleich etwas zoomen (sieht halt doof aus, aber...).https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/36Darstellung (Kompatibilität und Performance)2018-07-08T22:12:18+02:00Tobias ZeumerDarstellung (Kompatibilität und Performance)## Ziel
Die Funktionalität soll gleich sein für alle Geräte und aktuellen Browser. Das funktioniert heute eigentlich recht gut - nur (auf Altgeräten veraltende) Safaris sind sowas wie der neue IE6. Es ist eigentlich ja auch nur eine ziem...## Ziel
Die Funktionalität soll gleich sein für alle Geräte und aktuellen Browser. Das funktioniert heute eigentlich recht gut - nur (auf Altgeräten veraltende) Safaris sind sowas wie der neue IE6. Es ist eigentlich ja auch nur eine ziemlich popelige Seite, aber problematisch wird's nur wegen insbesondere dieser (panzoom) Funktionalitäten
* Mausrad-Zoom
* Pinch-Zoom
* Panning
* Ein/Ausblenden der Legend (Resizing der Map)
* Animationen (ggf. Performanceproblem bei Mobil?)
Mit [diesem Stand](4c4f762716ff3a6522634e3b2d659e6bd771ac51) funktioniert eigentlich alles, aber...
## Probleme
Wegen Panzoom (was einfach super ist), ist die Struktur etwas verschachtelter als sie ohne sein müsste. Richtig fies zum Zeitpunkt dieses Tickets sind
* Javascript mit Animates zum Ein-/Ausblenden der Legende ([Code1](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L132) und [Code2](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L489))
* Manueller Abzug der Navigationsmenühöhe für Mobile, weil kein Flex genutzt wird ([Code](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/css/css-responsive-nav.css#L84) und [Code](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/css/css-responsive-nav.css#L330))
* Beim Laden haut das auch richtig auf die Performance beim Rendern
## Zu beachten
Macht man links was, geht es rechts wieder nicht. Woran man so denken muss:
| **Geräteklasse** | **Eingabemethode** | **Browser** |
| ------------- | ------------- | ----- |
| Desktops | Touch & Pinching | Chrome |
| Mobile | Mouse | Firefox |
| | (theoretisch Tastatur) | Edge/IE |
| | | Safari |
| | | Opera |
Browser jeweils nur aktuelle in der Mobil- und Desktop-Version. Kein IE11. Safari leider praktisch nur mit Apple-Gerät zu testen...
Probleme (ggf. mit Workarounds)
* Beim Firefox funktioniert das Mausrad-Zoomen nur zusätzlichem jquery.mousewheel
* Edge will besondere Angaben für Pointer
* Probiert man eine Flex-Variante
* dann ist Chrome erst zufrieden, wenn man #map_container "irgendeine" height zugewiesen hat. Alle anderen Browser sind auch so glücklich.
* Edge: schließt man die Legende, wird die Map erst riesig, aber korrekt nach einem weiteren Klick "irgendwo" dargestellt. (Leider hilft auch ein ```$("#tubhh").panzoom("resetDimensions");``` nicht)
* ...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/39Performance (Mobile)2018-07-08T22:12:18+02:00Tobias ZeumerPerformance (Mobile)Die Mobil-Darstellung ist - außer größtenteils bei Chrome - eher etwas laggy (spezieller Fall von #36). Das liegt wahrscheinlich weniger an der KB-Größe, sondern eben an der relativ komplexen SVG. Ohne (ständige) Animation läuft es schon...Die Mobil-Darstellung ist - außer größtenteils bei Chrome - eher etwas laggy (spezieller Fall von #36). Das liegt wahrscheinlich weniger an der KB-Größe, sondern eben an der relativ komplexen SVG. Ohne (ständige) Animation läuft es schon runder. Allerdings ist die Rendering-Zeit immer noch hoch.
Anhaltspunkte
* SVG ist relativ komplex
* Animationen beim Laden (Anzeige der Legende) wahrscheinlich eher ein Killer
* "753[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive." - rausfinden, was das überhaupt verursacht. Bisher alles unergiebig.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/9Belegungsanzeige2018-07-08T22:10:58+02:00Tobias ZeumerBelegungsanzeigeVielleicht ließe sich irgendwie eine (relative) Belegungsanzeige realisieren, z.B: Besucherzähler-Zahlen live abgreifen.Vielleicht ließe sich irgendwie eine (relative) Belegungsanzeige realisieren, z.B: Besucherzähler-Zahlen live abgreifen.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/23Mapmarker, Bilder, Infos - mehr und besser2018-07-08T22:04:01+02:00Tobias ZeumerMapmarker, Bilder, Infos - mehr und besser* Bessere Icons suchen
* https://thenounproject.com/
* https://icomoon.io/app/#/select
* Neue Icons (außerhalb der Bibliothek) oder evtl. eine Art Pop-Up-Menü "Mehr" für klassicher Weise relevante Infos.
* Icon "WLAN" (kein Public,...* Bessere Icons suchen
* https://thenounproject.com/
* https://icomoon.io/app/#/select
* Neue Icons (außerhalb der Bibliothek) oder evtl. eine Art Pop-Up-Menü "Mehr" für klassicher Weise relevante Infos.
* Icon "WLAN" (kein Public, Hinweis https://cat.eduroam.de/; VPN - bisher bei "Broschüren" versteckt)?
* Icon "E-Medien" (Infos IP/Shibboleth)?
* Icon "Buchwunsch"?
* Auffrischung von Legendentexten mit Bildern
* Evtl. News dynamisch ziehen (z.B. Blogbeiträge zu Aktionsregal)
https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/3Accessibility (ARIA) für SVG/HTML verbessern2018-07-08T20:54:22+02:00Tobias ZeumerAccessibility (ARIA) für SVG/HTML verbessernAspekte
* aria-describedby ist im SVG "desc_BLA", wird aber im html aufgeteilt in "desc_BLA_de" und "desc_BLA_en" - so funktioniert das native aria nicht mehr.
Interessante Ressourcen
* https://www.sitepoint.com/tips-accessible-svg/
* h...Aspekte
* aria-describedby ist im SVG "desc_BLA", wird aber im html aufgeteilt in "desc_BLA_de" und "desc_BLA_en" - so funktioniert das native aria nicht mehr.
Interessante Ressourcen
* https://www.sitepoint.com/tips-accessible-svg/
* https://developer.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/
* https://www.w3.org/TR/wai-aria/roles + https://www.w3.org/TR/wai-aria/rdf_model.svg
* http://fontawesome.io/accessibility/
* http://simpleprimate.com/blog/nav-1https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/19Bildschirmschoner2018-07-08T20:31:23+02:00Tobias ZeumerBildschirmschonerFür das Infoterminal sollte ein Screensaver eingebaut werden. Einfachste Variante, den [von JournalTouch](https://github.com/tzeumer/JournalTouch/blob/master/js/local/conduit.js#L111) übernehmen.
Inhalt evtl.
* Kurzer Hinweis auf die Bu...Für das Infoterminal sollte ein Screensaver eingebaut werden. Einfachste Variante, den [von JournalTouch](https://github.com/tzeumer/JournalTouch/blob/master/js/local/conduit.js#L111) übernehmen.
Inhalt evtl.
* Kurzer Hinweis auf die Buttons/Menüs
* Deutsch links, Englisch rechts
* ...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/13Visuell verbessern (oder: Mobile vs. Infoscreen)2018-07-08T20:31:23+02:00Tobias ZeumerVisuell verbessern (oder: Mobile vs. Infoscreen)Grundsätzlich sollte der Plan gleichermaßen auf Handys/Tablets als auch auf großen PC-Bildschirmen oder Infoscreens mit Maus oder Touch funktionieren. Eine sehr schönes (freies) Beispiel ist https://tympanus.net/codrops/2016/04/13/intera...Grundsätzlich sollte der Plan gleichermaßen auf Handys/Tablets als auch auf großen PC-Bildschirmen oder Infoscreens mit Maus oder Touch funktionieren. Eine sehr schönes (freies) Beispiel ist https://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/.
Insbesondere für einen Infoscreen ist [Serendipity](https://de.wikipedia.org/wiki/Serendipität) ein wesentlicher Aspekt. Das heißt, es geht mehr darum, zufällig/schnell/ansprechend Bibliotheksangebote zu entdecken, weniger aber um eine gezielte Suche (also das jmd. aktiv den Plan aufruft um einen genauen Punkt anzusteuern).
**Aspekte**
* Das Navigationsmenü ist nicht besonders schön (funktioniert aber für Mobil und große Bildschirme gleichermaßen). Eine (durchsuchbare) Liste an der Seite (Infoscreen) bzw. als Overlay (Mobile) wäre evtl.. schöner. Allerdings geht bei einer langen Liste auch schnell die Übersicht verloren.
* Die Legende sieht äußerst unschön aus.
* Es wäre schöner, wenn die Karte nicht ganz so plan 2D wäre. Evtl. leicht rotiert, vor allem aber die Ebenen direkt sichtbar.
* Die Mapmarker sind zu groß/aufdringlich (können aber immerhin ausgeblendet werden).https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/18Geschickterer Ebenwechsel2018-06-24T01:56:22+02:00Tobias ZeumerGeschickterer EbenwechselDer Ebenwechsel via Button ist evtl. etwas zu unauffällig. Außerdem kann (sofern "Staffview" aktiviert ist) darüber trotzdem nicht das Magazin erreicht werden. Die Ebenen sollten im SVG besser gehandelt werden (classes statt ids) und die...Der Ebenwechsel via Button ist evtl. etwas zu unauffällig. Außerdem kann (sofern "Staffview" aktiviert ist) darüber trotzdem nicht das Magazin erreicht werden. Die Ebenen sollten im SVG besser gehandelt werden (classes statt ids) und die Scripts angepasst werden. Eine "3D-Ansicht" wäre auch schön.
Merker: #widget-levelchange & toggleLevel(level)); eher class level_0 - level_3
Siehe auch #12 und #4.