tub-floorplan issueshttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues2018-07-08T20:45:33+02:00https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/38Mapmarker (Animation / Mobil)2018-07-08T20:45:33+02:00Tobias ZeumerMapmarker (Animation / Mobil)Die Animation der Marker lässt die Ladezeit (auf dem Papier) lange erscheinen. Wichtiger, die Animation
* stört, wenn man klicken will
* scheint bei Handys richtig reinzuhauen und lässt das ganze sehr laggy erscheinen
* zusätzlich sin...Die Animation der Marker lässt die Ladezeit (auf dem Papier) lange erscheinen. Wichtiger, die Animation
* stört, wenn man klicken will
* scheint bei Handys richtig reinzuhauen und lässt das ganze sehr laggy erscheinen
* zusätzlich sind die Marker (mindestens) für's Handy zu klein. Schwer zu treffenhttps://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/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/35Caching optimieren2018-07-08T20:48:47+02:00Tobias ZeumerCaching optimierenSeitenladegeschwindigkeit (siehe auch #4) optimieren. Da die Seite minimalistisch ist, praktisch nur eine statische Seite ausliefert und schon mal gar kein Load Balancing oder CDNs genutzt werden, kann eigentlich alles genutzt werden
*...Seitenladegeschwindigkeit (siehe auch #4) optimieren. Da die Seite minimalistisch ist, praktisch nur eine statische Seite ausliefert und schon mal gar kein Load Balancing oder CDNs genutzt werden, kann eigentlich alles genutzt werden
* ETags sind bei TUB-Servern gesetzt; trotzdem nochmal explizit "FileETag All"
* mod_expires setzen
* Versionierung eingebundener Dateienhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/34Logging (Suchfeld; Idle time)2018-07-07T19:50:45+02:00Tobias ZeumerLogging (Suchfeld; Idle time)Um nicht wieder was zu basteln, wo man keine Ahnung hat, ob irgendwer es nutzt, wäre ein minimales/optional Logging nett. Interessante Fragen
* Was wird in den Suchchlitz eingegeben - was erwarten Leute da?
* Wie oft wird der Bildschirm...Um nicht wieder was zu basteln, wo man keine Ahnung hat, ob irgendwer es nutzt, wäre ein minimales/optional Logging nett. Interessante Fragen
* Was wird in den Suchchlitz eingegeben - was erwarten Leute da?
* Wie oft wird der Bildschirmschoner ausgelöst (alles dazwischen ist Nutzungszeit)
Mehr denkbar, aber man muss ja nicht übertreibenhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/33Linkleiste statt "tub.map"-Homelink2018-07-08T20:48:16+02:00Tobias ZeumerLinkleiste statt "tub.map"-HomelinkIm Menü ist der "tub.map-Link", der einfach die Seite neu lädt. Da könnte man ein paar Symbole nehmen, z.B.
* Home (Map neu laden)
* JournalTouch (ggf. nur an Konsole)
* Twitter (Tub)
* Youtube/Facebook/Google+ - aber eigentlich wohl al...Im Menü ist der "tub.map-Link", der einfach die Seite neu lädt. Da könnte man ein paar Symbole nehmen, z.B.
* Home (Map neu laden)
* JournalTouch (ggf. nur an Konsole)
* Twitter (Tub)
* Youtube/Facebook/Google+ - aber eigentlich wohl alles eher tot bei uns
Mobil sind die Symbole natürlich nicht sofort sichtbar bei eingeklappten Menü. Aber auch nicht sonderlich schlimmhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/32Tweets anzeigen2018-07-08T22:05:55+02:00Tobias ZeumerTweets anzeigenVielleicht im Idle-Mode die Tub-Tweets (und News) anzeigen. Und irgendwie unauffällig bei weiterem Interesse an anderer Stelle zu öffnen...Vielleicht im Idle-Mode die Tub-Tweets (und News) anzeigen. Und irgendwie unauffällig bei weiterem Interesse an anderer Stelle zu öffnen...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/31Zooming (SVG, jquery.panzoom)2018-07-08T20:49:23+02:00Tobias ZeumerZooming (SVG, jquery.panzoom)Der Hauptgrund überhaupt noch jQuery zu nutzen: [jquery.panzoom](https://github.com/timmywil/jquery.panzoom). Es unterstützt grandios (einfach)
* Zooming, auch mit Pinch (mobile)
* Panning
* Mouswheel-Zoom
* Buttons, Slider, Resets
Leid...Der Hauptgrund überhaupt noch jQuery zu nutzen: [jquery.panzoom](https://github.com/timmywil/jquery.panzoom). Es unterstützt grandios (einfach)
* Zooming, auch mit Pinch (mobile)
* Panning
* Mouswheel-Zoom
* Buttons, Slider, Resets
Leider scheint es nicht mehr unbedingt gepflegt zu werden und inzwischen hakt es beim Pinchen in Mobile Browsers. Allerdings noch ein ["Hack" möglich](https://github.com/timmywil/jquery.panzoom/issues/303#issuecomment-316912866), aber dann funktioniert es nicht mehr mit Desktop. Mit explizit 1 scheint sowohl Mobil als auch Desktop zu klappen...
Eine andere Sache ist, dass man beim Pinchen ggf. mit einem Finger über die Legende rutscht, womit dann die ganze Seite gezoomt wird. Das lässt sich mit ```<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />``` vermeiden, aber ist auch nicht unbedingt der Weisheit letzter Schluss - genaugenommen ist es absolut schlecht...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/30Mobile/Desktop und click/touchstart2018-07-08T20:31:23+02:00Tobias ZeumerMobile/Desktop und click/touchstartDesktop funktioniert alles wie gewünscht. Insgesamt ist gelegentlich aber etwas irritierend, wie Browser click und touchstart interpretieren. Für Desktop funktioniert click auch für SVG-Elemente (Marker und Regale). Mobil allerdings nur ...Desktop funktioniert alles wie gewünscht. Insgesamt ist gelegentlich aber etwas irritierend, wie Browser click und touchstart interpretieren. Für Desktop funktioniert click auch für SVG-Elemente (Marker und Regale). Mobil allerdings nur touchstart. Allerdings folgt einem touchstart-"Klick" noch ein click, womit dann ```$(window).on("touchstart click", function() { ... });``` zum Zurücksetzen einiger Elemente ausgelöst wird. Doof.
Die Lösung sollte sein, statt click jeweils ```on("mousedown touchstart"), function(e) ...``` zu nehmen.
Ignorieren wir an dieser Stelle Posts, die nochmal Spezielles bei Win8/10 PCs mit Touchscreen + Maus erwähnen. Vielleicht ja auch schon historisch...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/29SVG-Symbole (zu viele Dateien)2018-07-07T19:50:39+02:00Tobias ZeumerSVG-Symbole (zu viele Dateien)Für das Menü sind alle (Marker-)Symbole auf tub_floorplan.svg nochmal in symbols.svg. Eigentlich Unsinn, aber zum einen ist das Styling und zum anderen die Position sicher. Für die allermeisten Icons funktioniert die Übernahme aus tub_fl...Für das Menü sind alle (Marker-)Symbole auf tub_floorplan.svg nochmal in symbols.svg. Eigentlich Unsinn, aber zum einen ist das Styling und zum anderen die Position sicher. Für die allermeisten Icons funktioniert die Übernahme aus tub_floorplan.svg aber auch so:
Alt
```html
<li><svg class="icon"><use xlink:href="res/symbols.svg#icon-clock3"></use></svg> ...</li>
```
Neu
```html
<li><svg class="icon" viewbox="0 0 10 10"><use xlink:href="#icon-clock3"></use></svg> ...</li>
```
Ausnahmen sind SUB-Logo, Schließfächer, Bookcrossing, Toiletten - also alle, die in tub_floorplan.svg nicht nur ein simpler Pfad sind.
Die Frage ist, ob sich da noch viel Fummelei lohnt, nur um (komprimiert) minimal KB und Dateizugriffe zu sparen. Ggf. könnte man als Kompromiss nur die problematischen Icons behalten und zusätzlich die symbols_gui.svg in die symbols.svg übernehmen. Allerdings leidet ggf. die Nachvollziehbarkeit... Außerdem noch etwas unklar, warum mit *viewbox="0 0 10 10"* überhaupt das Verhältnis stimmt...
Der (einfache) Weg zum "perfekten" Symbol war übrigens
1. https://icomoon.io/ > Icon Moon App (oder direkt: https://icomoon.io/app/#/select)
2. Import Icons (jeweils nur SVG-Daten des einzelnen Symbols aus tub_floorplan.svg kopieren; "<svg><path...</path></svg>")
3. Edit Icon > Scale > Fit to canvas
4. Dann ganz unten auf der Seite "Generate SVG & More"
5. Ergebnis in symbols.svg einfügenhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/28Export als PNG (oder sonstiges)2018-07-08T20:36:04+02:00Tobias ZeumerExport als PNG (oder sonstiges)Prüfen, ob ein PNG-Export oder evtl. ein anderes Format (leicht, d.h. am besten dynamisch clientside) machbar wäre. Prinzipiell ist es wohl nicht besonders schwer, im Detail aber doch fummelig. Hat ein gewissen Bezug zu #14.
Interessant...Prüfen, ob ein PNG-Export oder evtl. ein anderes Format (leicht, d.h. am besten dynamisch clientside) machbar wäre. Prinzipiell ist es wohl nicht besonders schwer, im Detail aber doch fummelig. Hat ein gewissen Bezug zu #14.
Interessante Quellen
* https://spin.atomicobject.com/2014/01/21/convert-svg-to-png/
* https://github.com/exupero/saveSvgAsPng/https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/27Suchfeld mit mehr Funktionen2018-07-08T20:35:07+02:00Tobias ZeumerSuchfeld mit mehr FunktionenDas Suchfeld unterstützt bisher nur die Suche nach Signaturen. Das ist etwas langweilig und wahrscheinlich auch unklar (klar ist aber jetzt schon, dass immer welche eine Katalogsuchfunktion dahinter vermuten werden). Schöner wäre, wenn n...Das Suchfeld unterstützt bisher nur die Suche nach Signaturen. Das ist etwas langweilig und wahrscheinlich auch unklar (klar ist aber jetzt schon, dass immer welche eine Katalogsuchfunktion dahinter vermuten werden). Schöner wäre, wenn nach weiteren Suchbegriffen gesucht werden könnte.
Einen ersten Ansatz gibt es seit heute. Für suchbare Begriffe werden die Stichworte aus dem Themenmenü herangezogen und beim Tippen als Vorschlag präsentiert. Soweit scheint's zu funktionieren und ist keine Verschlechterung.
Trotzdem noch fehlerhaft
* Bei Wechsel auf Englisch werden die Vorschlagbegriffe nicht aktualisiert
* Die Magazin-Einträge werden angezeigt, auch wenn bei den Einstellungen nicht die MitarbeiterInnenansicht ("Spezial") gewählt ist
* Umlaute (Sortierung & evtl. anderes?)
Noch zu überlegen
* Ein paar Synonyme (könnte man in das Menü in data-synonyms-de setzen?)
* Die Systematik sollte abgesetzt bei den Vorschlägen gezeigt werden
* ...https://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/25Erster Seitenaufruf (=uncached) und fehlende Map2018-07-07T19:50:57+02:00Tobias ZeumerErster Seitenaufruf (=uncached) und fehlende MapDie Karte wird beim ersten Laden der Seite nicht gezeigt. svg#tubhh kriegt eine height/width:0vw verpasst.
Das liegt indirekt an [dieser](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L79) (bzw. dan...Die Karte wird beim ersten Laden der Seite nicht gezeigt. svg#tubhh kriegt eine height/width:0vw verpasst.
Das liegt indirekt an [dieser](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L79) (bzw. dann [dieser](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L253)) Zeile.
Effektiv ist das Problem anscheinend, dass append() ([diese Zeile](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L28)) synchronous ist, aber das DOM update nicht. Das fällt wohl nur auf, weil das SVG (zumal die unoptimierte Inkscape-Version) verhältnismäßig riesig ist.
Nacht dem append() alles weitere á la ``setTimeout(function(){onSVGappended();}, 10);`` geht, aber ist äußerst unschön...
Interessant:
> Fundamental difference: DOM is ready: usually ideal. LOADED: This is when the whole page has finished loading, which is different. For example, this will wait for images to be finished loading, so that you can measure their widths and heights accurately.
Browser sagt auch "Browser says [Violation] Forced reflow while executing JavaScript took 559ms" - kein Fehler, aber recht viel zeit dennoch...
Stimmt das so noch und auch für jQuery ready? Das bringt so nichts
```
$(window).bind('load', function(){
// Load map
}); https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/24Mehr Bilder (Legendentexte) - mit lazy load2018-07-08T22:00:53+02:00Tobias ZeumerMehr Bilder (Legendentexte) - mit lazy loadEinzig beim Campus-Marker ist bisher ein Bild. Es könnten mehr sein, das würde die "textlastige" Legende aufrischen.
Sollten mehr Bilder hinzukommen, sollten diese erst beim jeweiligen einblenden geladen werden (Bandbreite sparen).Einzig beim Campus-Marker ist bisher ein Bild. Es könnten mehr sein, das würde die "textlastige" Legende aufrischen.
Sollten mehr Bilder hinzukommen, sollten diese erst beim jeweiligen einblenden geladen werden (Bandbreite sparen).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/22Raumnummern ergänzen2018-07-07T19:50:37+02:00Tobias ZeumerRaumnummern ergänzenEs wurde der Wunsch geäußert, die Raumnummern im Plan zu ergänzen.
Fragen
* Raumecke parallel zu Winkel (Kopf drehen) oder gerade "irgendwo" (unruhig evtl.)?
* Ein-/Ausblendbar?
* Passt es überhaupt in einer sinnvollen Schriftgröße
* A...Es wurde der Wunsch geäußert, die Raumnummern im Plan zu ergänzen.
Fragen
* Raumecke parallel zu Winkel (Kopf drehen) oder gerade "irgendwo" (unruhig evtl.)?
* Ein-/Ausblendbar?
* Passt es überhaupt in einer sinnvollen Schriftgröße
* Alternative, um Raumnummer darzustellen (Klick & Popup oder dergleichen)?https://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/20Panzoom & Pinch2018-07-07T19:50:35+02:00Tobias ZeumerPanzoom & PinchPanzoom funktionierte nicht out-of-the-box mit Pinch
* https://github.com/ariutta/svg-pan-zoom#custom-events-support
* https://github.com/timmywil/jquery.panzoomPanzoom funktionierte nicht out-of-the-box mit Pinch
* https://github.com/ariutta/svg-pan-zoom#custom-events-support
* https://github.com/timmywil/jquery.panzoomhttps://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
* ...