snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 1/19
Bootstrap 3 ThemeResponsive VuFind
30.09.14
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 2/19
AgendaÜber mich und snowflake Responsive Design
Herausforderungen und Lösungen Demo
Bootstrap 3 Theme
Fragen und Antworten
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 3/19
Über michBei snowflake seit August 2013
TYPO3, Magento, Symfony 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, 30.09.14 4/19
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, 30.09.14 5/19
Responsive DesignDevice 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, 30.09.14 6/19
Fokus im Projekt
swissbib Redesign
Nahe an der Implementierung vom VuFind Core
Modernes Design
Mobile Experience
Identität von swissbib bewahren
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 7/19
Bootstrap Design loswerden
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 8/19
VuFind Startseite
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 9/19
Swissbib Startseite
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 10/19
Enge Zusammenarbeit
Kunde, Entwickler, Design
Nahe am Core
vs.
Freie GestaltungBootstrap Design loswerden
Ständig neu abwägen und priorisieren
VuFind sehr einfach gehalten
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 11/19
Ä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, 30.09.14 12/19
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, 30.09.14 13/19
VuFind Trefferliste
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 14/19
VuFind Trefferliste
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 15/19
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, 30.09.14 16/19
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, 30.09.14 17/19
Demo
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 18/19
Fragen und Antworten
snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 19/19
http://sb-vf20.swissbib.unibas.ch/vf2core/
https://test.swissbib.ch