Post on 05-Apr-2015
ww
w.u
ni-
stu
ttg
art.
de
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-
stu
ttg
art.
de
Drei-Säulen-Modell
Management: CMS Layout/Design Informationsdesign
– Seitentypen– Interaktivität– Priorisierte Informationen
ww
w.u
ni-
stu
ttg
art.
de
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-
stu
ttg
art.
de
Neues Layout & Design
Datum Referent
12
34
57
8
9
10
11
6
ww
w.u
ni-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
Demo-Sites: Expo
Datum Referent
ww
w.u
ni-
stu
ttg
art.
de
Demo-Sites: ITV
Datum Referent
ww
w.u
ni-
stu
ttg
art.
de
Demo-Sites: Zentrale Studienberatung
Datum Referent
ww
w.u
ni-
stu
ttg
art.
de
Demo-Sites: Exzellenzinitiative
Datum Referent
ww
w.u
ni-
stu
ttg
art.
de
Demo-Sites: Eigenumsetzung der Informatik
25.01.2011 RUS/HKOM
ww
w.u
ni-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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-
stu
ttg
art.
de
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!