View
315
Download
0
Category
Preview:
DESCRIPTION
Markus Mächler von snowflake productions gmbh (Zürich) präsentierte an der VuFind Anwendertagung 2014 wie das Projekt swissbib.ch anhand VuFind 2 und Twitter Bootstrap mit Responsive Webdesign (RWD) umgesetzt wurde, sodass swissbib.ch als Desktopanwendung genau so wie als Tablet- und Smartphone-Lösung genutzt werden kann.
Citation preview
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 1/18
Bootstrap 3 ThemeResponsive VuFind
15.10.14
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 2/18
AgendaÜber mich und snowflake Responsive Design
Herausforderun-gen und Lösungen Demo
Bootstrap 3 Theme
Fragen und Antworten
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 3/18
Über michBei snowflake seit August 2013
TYPO3, Magento, Symfony2 und ZF2
60% Entwickler70% Student10% Tennisspieler
Web-Agentur aus Zürich
50 Mitarbeiter
Zusammenarbeit mit swissbib seit 2012Über snowflake
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 4/18
Bootstrap
HTML, CSS und JS Framework für Responsive Designs
Bootstrap 3 Theme
Geschichte
Chris Hallberg
VuFind 2.2Erstes Bootstrap Theme
Januar 2014
VuFind 2.3Bootstrap 3 Theme
August 2014
VuFind 2.4Bootstrap 3 Theme löst Bootstrap Theme ab
In Entwicklung
Swissbib RD
Juli 2014
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 5/18
Responsive Design Device unabhängig
Inhalt einmal erfassen und auf verschiedenen Geräten publizieren
Abhängig von Bildschirmgrösse und nicht vom Gerät
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 6/18
Fokus im Projektswissbib Redesign
Nahe an der Implementierung vom VuFind Core
Modernes Design
Mobile Experience
Identität von swissbib bewahren
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 7/18
Bootstrap Design loswerden
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 8/18
VuFind Startseite
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 9/18
Swissbib Startseite
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 10/18
Enge Zusammenarbeit
Kunde, Entwickler, Design
Nahe am Core vs.Freie Gestaltung
Bootstrap Design loswerden
Ständig neu abwägen und priorisieren
VuFind sehr einfach gehalten
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 11/18
Änderungen an den Core zurückspielen
Inhalte nicht genügend auf verschiedene Dateien aufgeteiltTemplate Struktur „Copy Paste“
Ständig Aufwand und Ertrag neu abwägen
Spaltenlayout nicht konsistent
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 12/18
Theme Mechanismus
VuFind definiert Inhaltselemente
Punktuell VuFind Implementierung überschreiben
Konzeption und Umsetzung von WebApplikationenVuFind definiert Seitenaufbau
Themes können erweitert werden
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 13/18
VuFind Trefferliste
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 14/18
VuFind Trefferliste
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 15/18
Off-Canvas für gesamte „kleine“ Spalte
Facetten unbrauchbar bei vielen TreffernMobile Experience
Überladen mit Elementen
Ausblenden via CSS
Konto Navigationsehr umständlich
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 16/18
Schnell ein Responsive Design
Template StrukturPain
Profitieren von Erweiterungenin VuFind
Mitgestalten des Cores
Abstriche bei Design und Mobile Experience
Gain
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 17/18
DemoDemo
http://sb-vf20.swissbib.unibas.ch/vf2core/
https://test.swissbib.ch/
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 15.10.14 18/18
Fragen und Antworten
Recommended