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