Commit 1d7f94ca authored by Tobias Zeumer's avatar Tobias Zeumer

Update documentation; use Gitlab fpr issues:...

Update documentation; use Gitlab fpr issues: https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/issues
parent 6172050a
# Kurzinfo
Ein Lageplan für die TUB als reines HTML (5), Javascript und SVG und überall lauffähig. Zumindest ist die Idee, dass es auf Handys oder auch Kiosk-PCs mit großen Displays läuft. Eine Verwendung als Standortanzeige (über die Signatur) in Katalog oder Discovery ist auch möglich.
Ein Lageplan für die TUB als reines HTML (5), Javascript und SVG und überall lauffähig. Eine Verwendung als Standortanzeige (über die Signatur) in Katalog oder Discovery ist auch möglich.
Nebenbei mal als Spielerei entstanden und recht weit von schön oder fertig entfernt. Inspiriert durch https://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/
## Grundgedanken
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 [Interactive 3D Mall Map](https://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/) von Mary Lou bei Codrops.
## Quickstart
* Download
* npm install
* Signatur-Suche Bsp.: index.html?level=EG&mapDetails=5&signature=ti:tie-123
Insbesondere für einen Infoscreen ist Serendipity 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). In gewisser Weise kann der Plan auch als alternativer Zugang zu den allermeisten (verschachtelteren) Infos auf der [TUB-Homepage](https://www.tub.tuhh.de/) betrachtet werden.
## Weiteres
# Installation
Einfach [herunterladen](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/archive/master/tub-floorplan-master.zip), im entpacken Ordner '''npm install''' ausführen und die Seite z.B. mit Signatur-Suche aufrufen: http://localhost/tub-floorplan/index.html?level=EG&mapDetails=5&signature=ti:tie-123
# Weitere Dokumentation
- [Changelog](docs/CHANGELOG.md)
- [Ideen und Todos](docs/TODO.md) (Schmierversion)
- [TODOs](docs/TODO.md#todos)
- [AG Info](docs/TODO.md#ag-info)
- [Offen](docs/TODO.md#offen)
- [Erledigt (beinah)](docs/TODO.md#erledigt-beinah)
- [Ideen](docs/TODO.md#ideen)
- [Datenquelle(n)](docs/data_sources.md)
- [Gebäudepläne](docs/data_sources.md#Gebäudepläne)
- [Maßstab und Genauigkeit](docs/data_sources.md#mastab-und-genauigkeit)
- [Winkel](docs/data_sources.md#winkel)
- [Säulenpositionen](docs/data_sources.md#säulenpositionen)
- [Metadaten](docs/data_sources.md#metadaten)
- [Icons](docs/data_sources.md#icons)
- [Schema Lesesaalsystematik via css (~tags)](docs/data_sources.md#schema-lesesaalsystematik-via-css-tags)
- [Verwendete Standorte](docs/data_sources.md#verwendete-standorte)
- [LS 1](docs/data_sources.md#ls-1)
- [LS 2](docs/data_sources.md#ls-2)
- [SVG (Inkscape)](docs/svg_and_inkscape.md) (Hinweise und Notizen)
- [Inkscape](docs/svg_and_inkscape.md#inkscape)
- [Layer](docs/svg_and_inkscape.md#layer)
- [Bugs](docs/svg_and_inkscape.md#bugs)
- [Tools und Notizen](docs/svg_and_inkscape.md#tools-und-notizen)
- [Tools](docs/svg_and_inkscape.md#tools)
- [Kreise](docs/svg_and_inkscape.md#kreise)
- [Gitlab-Tickets](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/issues)
- [Datenquelle(n)](docs/data_sources.md) (Gebäudeplan, Maßstäbe etc.)
- [SVG (Inkscape)](docs/svg_and_inkscape.md) (Hinweise und Notizen, auch zu Bugs)
# Lizenz
Die SVG-Datei hat in den Metadaten CC0 (äh... ;)). Der Rest... ist ja noch nicht fertig (ich mag MIT oder CC-By ansonsten).
\ No newline at end of file
......@@ -195,6 +195,15 @@ Unvollständig
* Broschüren > RZ-Seiten (Eduroam/Wlan) / TU-Talking / collaborating.tuhh.de
* Eingang > Uhr > Öffnungszeiten
* CSS-only Responsive Multi-level Navigation Menu http://w3bits.com/css-responsive-nav-menu/
* Alle Texte via switch Multilanguage machen (Aria-by etc.)
* Highlighting via URL (Javascript)
* Zeitungen > Journaltouch
* Verlinkung zu Webseite für mehr Infos (oder besser: mehr Infos gleich im Plan, wenn es nur den Raum betrifft)
* Zu den Standortclasses gibt es genaue Texte
* Verlinkung auf Datenbanken (nach Systematik) - für jede Sachgruppe wird zur entsprechenden Referentenseite verlinkt, die meist DBs listet
* Info-I > Mail / Formular
* Pins ein- ausblenden und POIs leicht zu finden
* Texte und Übersetzung ordentlicher
Log style:
* Added for new features.
......
......@@ -18,19 +18,7 @@
* Objects: Alle Details wurde nach Möglichkeit als ein Polygon erstellt und mit entsprechender ID versehen. Ähnliche Objekte wurden ggf. gruppiert (z.B. Tische oder Waldnischen).
### Bugs
* Inkscape-CSS-Bugs
* Inline-CSS persists per object even after moving it to own css definition block via inbuild extension
* CSS class references being persisted in style attributes - workaround tool https://bugs.launchpad.net/inkscape/+bug/167937/comments/3
* Set CSS class Inkscape extension: https://github.com/monomon/inkscape-set-css-class
* Inkscape & Transforms
* Hängt mit Groups zusammen - die werden beim Bewegen immer tranformed und praktisch nicht möglich automatisch x/y drauß zu machen
* http://jeromebelleman.gitlab.io/posts/graphics/inkpos/
* https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files
* http://www.inkscapeforum.com/viewtopic.php?t=27459
* https://github.com/Klowner/inkscape-applytransforms
* Cloning!!!
* https://design.tutsplus.com/tutorials/quick-tip-duplicate-clone-or-copy-and-paste--cms-19969
* Layer mit "Vorlagen" von denen gecloned wird genutzt (für den Anfang bequemer als mit defs)
Siehe [Gitlab-Ticket: SVG-Optimierung (Inkscape zu Web)](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/issues/6)
## Tools und Notizen
### Tools
......
# Todos und Ideen
- [TODOs](#todos)
- [AG Info](#ag-info)
- [Offen](#offen)
- [Erledigt (beinah)](#erledigt-beinah)
- [Ideen](#ideen)
## TODOs
### AG Info
Externe Änderungswünsche
### Offen
#### High
* Alles visuell pimpen
* Commit 32fefe6e46370782321d76d4fa61cdfa755425f7 (Select best matching building level on highlighting stuff via input field) hat die letzte SVG-Version, wo Dinge noch nicht verzerrt waren
* Fehlende Einrichtung nachtragen
** Beamer/Leinwand 0.004
** Tische in LS1-Arbeitsräumen und in 1.006 + 1.009
** Workbays
** "Schlangentisch" LS2
#### Medium
* 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
#### Low
* IDs ordentlich(er), strukturierter
* evtl. polygons doch zu recs (bit & bytes sparen)?
* _wenn_ im svg descriptions sind (eigentlich fast nur Systematik), dann bei Legende einfügen
* Transform und mehrere Ebenen übereinander?
* Multilanguage evtl. doch anders - obwohl, viel mehr Text wird's wohl kaum sinnvoll werden?
* http://petercollingridge.appspot.com/svg-optimiser
* pan zoom funzt nicht out-of-the-box mit pinch
* https://github.com/ariutta/svg-pan-zoom#custom-events-support
* https://github.com/timmywil/jquery.panzoom
* XSLT oder PHP um eine ordentliche HTML-Version zu generieren (mehr oder minder alle Sources in einer Datei)
* Oder: ist eine reine HTML-Version wirklich so charmant gegenüber einer PHP-Version (irgendwie schon :))
* snapsvg weg (einfach svg includen)
* jquery-ui weg (simples JS einfach)
* Schlauerer Ebenwechsel (#widget-levelchange & toggleLevel(level)); eher class level_0 - level_3
#### Abwarten
* barrierefreier Arbeitsplatz raus (noch warten, ob der ggf. repariert wird) (2018-04-20)
#### Erledigt (beinah)
* Alle Texte via switch Multilanguage machen (Aria-by etc.)
* Highlighting via URL (Javascript)
* Zeitungen > Journaltouch
* Verlinkung zu Webseite für mehr Infos (oder besser: mehr Infos gleich im Plan, wenn es nur den Raum betrifft)
* Zu den Standortclasses gibt es genaue Texte
* Verlinkung auf Datenbanken (nach Systematik) - für jede Sachgruppe wird zur entsprechenden Referentenseite verlinkt, die meist DBs listet
* Info-I > Mail / Formular
* Pins ein- ausblenden und POIs leicht zu finden?
* Texte und Übersetzung ordentlicher
## Ideen
npm install snapsvg --save
* Bissel klauen evtl. https://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/
* Accessibility-Regeln beachten
* 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-1
* Via SRU Regalinhalt anzeigen
* http://uri.gbv.de/database/opac-de-830
* http://sru.gbv.de/opac-de-830?version=1.2&operation=searchRetrieve&query=sql+sortby+year%2Fdescending&maximumRecords=5
* odder nachs sig https://katalog.tub.tuhh.de/Search/Results?lookfor=ti&type=CallNumber&limit=20&sort=year
* Geokoordinaten berechnen?
* Relative Belegungsanzeige (Besucherzähler: Zahlen live abgreifen)
* Guided Tour (Anmeldung > Ausweis > Selbstverbucher > PCs...)
* 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=en
* http://introjs.com/ || http://dev.vast.com/jquery-popup-overlay/ || https://github.com/hubspot/vex
* Druckversion (img)
* box-shadow nach Tageszeit pro Etage
Icons für
* lehrbuchsammlung
* Fluchtplan
\ No newline at end of file
Ab 2018-06-05 in GitLab gepflegt
* Liste: https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/issues
* Tabelle: https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/boards
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment