relaunch uni-homepage 2011
Post on 10-Feb-2016
26 Views
Preview:
DESCRIPTION
TRANSCRIPT
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!
top related