relaunch uni-homepage 2011
DESCRIPTION
Drei-Säulen-Modell Neues Layout & Design Umsetzung Demo-Sites Suche Barrierefreiheit Zuständigkeiten Fazit. Relaunch Uni-Homepage 2011. Drei-Säulen-Modell. Management : CMS Layout/Design Informationsdesign Seitentypen Interaktivität Priorisierte Informationen. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/1.jpg)
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
![Page 2: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/2.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Drei-Säulen-Modell
Management: CMS Layout/Design Informationsdesign
– Seitentypen– Interaktivität– Priorisierte Informationen
![Page 3: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/3.jpg)
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
![Page 4: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/4.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Neues Layout & Design
Datum Referent
12
3457
8
9
10
11
6
![Page 5: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/5.jpg)
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
![Page 6: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/6.jpg)
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)
![Page 7: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/7.jpg)
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
![Page 8: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/8.jpg)
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
![Page 9: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/9.jpg)
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
![Page 10: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/10.jpg)
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
![Page 11: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/11.jpg)
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
![Page 12: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/12.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Demo-Sites: Expo
Datum Referent
![Page 13: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/13.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Demo-Sites: ITV
Datum Referent
![Page 14: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/14.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Demo-Sites: Zentrale Studienberatung
Datum Referent
![Page 15: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/15.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Demo-Sites: Exzellenzinitiative
Datum Referent
![Page 16: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/16.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Demo-Sites: Eigenumsetzung der Informatik
25.01.2011 RUS/HKOM
![Page 17: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/17.jpg)
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/
![Page 18: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/18.jpg)
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
![Page 19: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/19.jpg)
ww
w.u
ni-s
tuttg
art.d
e
Zuständigkeiten
Rechenzentrum(RUS) Technik, CMS Funktionalität
[email protected]@rus.
Hochschulkommunikation (HKOM) Online Redaktion (Homepage,
News, Veranstaltungen) Corporate Design
25.01.2011 RUS/HKOM
![Page 20: Relaunch Uni-Homepage 2011](https://reader035.vdocuments.net/reader035/viewer/2022081603/56815cda550346895dcae42b/html5/thumbnails/20.jpg)
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!