ww

w.u

ni-s

tuttg

art.d

e

25.01.2011 RUS/HKOM

Relaunch Uni-Homepage 2011

Drei-Säulen-Modell Neues Layout & Design Umsetzung Demo-Sites Suche Barrierefreiheit Zuständigkeiten Fazit

ww

w.u

ni-s

tuttg

art.d

e

Drei-Säulen-Modell

Management: CMS Layout/Design Informationsdesign

– Seitentypen– Interaktivität– Priorisierte Informationen

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design: Gestaltungs-Grundsätze

Nur Cascading Style Sheets (CSS): Layout und Inhalt getrennt Kein Farbschema Neutrale Seitenelemente (grau) Farbe in Kopfgrafik Verbesserte Typografie: 10pt, relativ und BITV-konform Festes Layout (vs. fließende Layouts) Keine Seitenzentrierung

25.01.2011 RUS/HKOM

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design

Datum Referent

12

3457

8

9

10

11

6

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design : Globalnavigation (1)

25.01.2011 RUS/HKOM

Globale Elemente:

• Links zu übergeordneten Organisationseinheiten• Anpassbar• Gekoppelt an gewünschte URLs (suche/, sitemap/,

kontakt/)

Homepage Orga Sprachversion

Druck

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design: Kopfgrafik (2)

25.01.2011 RUS/HKOM

„Visualisierung der Einrichtung“• Leitthema „Überschneidung“• Vollfarbgrafik• Eingebettete Logos• Transparenzen• Panorama, Collage, …• Photoshop-Vorlage• Unterstützung durch das RUS

möglich

Uni-Logo (3)

Einrichtungs-Logo (4)

Einrichtungs-Name (Text)

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design: Navigationsmenü (6)

25.01.2011 RUS/HKOM

„Menü“:• Konsolidiert diverse, verstreute Elemente der

Vergangenheit• Beliebige Tiefe (sinnvoll 2-3)• Bildet direkt die Hierarchie ab• Interaktiv• Home ist Navigationselement der Ebene 0!

Home

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design: Klickpfad (7)

25.01.2011 RUS/HKOM

Breadcrumb:• Zeigt aktuelle Hierarchie-Ebenen• Praktisch für Deeplinks• Ebenen sind Hyperlinks

Breadcrumb

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design: linke Spalte (8,9)

25.01.2011 RUS/HKOM

Rubriken:• Zielgruppen (zusätzl. Navigationssicht

zu tendenziell funktionaler Sicht der Hauptnavigation)

• „Direkt-Zu“-Links

ww

w.u

ni-s

tuttg

art.d

e

Neues Layout & Design: Rechte Spalte

25.01.2011 RUS/HKOM

Rubriken:• Artikel• News• Veranstaltungen• Termine

Mehrwerte:• Automatische Einbettung• Programmatische Ausgabe• RSS-Feeds

ww

w.u

ni-s

tuttg

art.d

e

Umsetzung

1. OpenCms: Für Kunden: nach Auftrag Für Neukunden: Migrationsunterstützung, Schulungen

2. Downloadvorlagen http://www.rus.uni-stuttgart.de/dienste/internet/uniwww/

Eigenanpassung für Skriptlösungen, eigene CMS, ..

Zeithorizont: 6 Monate

25.01.2011 RUS/HKOM

ww

w.u

ni-s

tuttg

art.d

e

Demo-Sites: Expo

Datum Referent

ww

w.u

ni-s

tuttg

art.d

e

Demo-Sites: ITV

Datum Referent

ww

w.u

ni-s

tuttg

art.d

e

Demo-Sites: Zentrale Studienberatung

Datum Referent

ww

w.u

ni-s

tuttg

art.d

e

Demo-Sites: Exzellenzinitiative

Datum Referent

ww

w.u

ni-s

tuttg

art.d

e

Demo-Sites: Eigenumsetzung der Informatik

25.01.2011 RUS/HKOM

ww

w.u

ni-s

tuttg

art.d

e

Verbesserte Suche (5)

Suchfeld auf jeder SeiteSuchtechnologie von GoogleEigene Hardware (Appliance) Index mit aktuell 150T ElementenVolltextKonfigurierbar über SchlüsselwörterVerbesserte Qualität der Suchergebnisse

25.01.2011 RUS/HKOM

http://www.uni-stuttgart.de/suche/

ww

w.u

ni-s

tuttg

art.d

e

Barrierefreiheit

„Die Hochschulen sind grundsätzlich verpflichtet, ihre Internetauftritte barrierefrei zu gestalten.“ (BITV und LBGG)

Template ist barrierefrei Bei der Erstellung der Inhalte muss auf Barrierefreiheit geachtet

werden Qualitätssicherung durch RUS (Validität, Link-Integrität, ..)

http://www.rus.uni-stuttgart.de/barrierefrei/

25.01.2011 RUS/HKOM

ww

w.u

ni-s

tuttg

art.d

e

Zuständigkeiten

Rechenzentrum(RUS) Technik, CMS Funktionalität

opencms-support@rus.www-support@rus.

Hochschulkommunikation (HKOM) Online Redaktion (Homepage,

News, Veranstaltungen) Corporate Design

hkom@uni-stuttgart.de

25.01.2011 RUS/HKOM

ww

w.u

ni-s

tuttg

art.d

e

Fazit: Vorteile OpenCms

Template und automatische Aktualisierung (stetige Weiterentwicklung) Automatisierte Ausgaben: Navigation, News, Veranstaltungen,

Mitarbeiterlisten, Sitemap, .. Kooperative Arbeit (wohlgeordnete Publikationsprozesse), sichere Arbeit

(Versionierung, Wiederherstellung), getrennte Offline-, Online-Bereiche

Hilfe bei der Migration

www.rus.uni-stuttgart.de/dienste/internet/opencms/

Danke für Ihre Aufmerksamkeit!