Web-Baukasten Projekt Vorlagenkatalog Projektvorstellung 12. Juli 2007.

Web-BaukastenProjekt Vorlagenkatalog

Projektvorstellung

12. Juli 2007

12.07.2007 wolfgang.wiese@rrze.uni-erlangen.de 2Web-Baukasten

Agenda

Grundlagen

Der Webbaukasten der FAU

Erfüllung der Projektziele

Relaunches

Kosten der Webauftritte

Erfahrungen

Weitere Nutzung und Ausbau

Grundlagen

Traditionelle Webauftritte:

WCMS oder Autor erzeugt Webseite für Webbrowser Meist nur HTML-Ausgabe („HTML transitional“ oder invalides HTML)

mit Layouttabellen Nutzbarkeit abhängig vom Browser

(„Best viewed with ...“, „Seite optimiert für …“) Keine oder wenig Portierungsmöglichkeiten für Inhalte

Andere Ausgabemedien oder UserAgents vernachlässigt Extra gepflegte Zusatzangebote oder Funktionen für andere

Ausgabemedien (WAP, Screenreader, Drucker, …) Problem der Synchronisation: Doppelte Datenhaltung und Pflege

Grundlagen

Spider

(Suchmaschinen)

PDA /Handy

PDA /Handy AuralAural

ScreenScreen

Web-seite(HTML-Datei)

Anwendung:Druck-

ausgabe

Anwendungoder Kopie:

Handy-ausgabe

PrintPrint

Grundlagen

„Moderne“ Webauftritte:

Trennung von Inhalt (Markup + Inhaltstexte) und Optik (CSS) Weitgehende Einhaltung der Standards (zumindest für HTML) Weitgehende Browserunabhängigkeit Nur teilweise mit CSS-Unterstützung für Medien „print“ und „handheld“;

Oft Pseudo-Druckausgabe als „PDF-Ausgabe“. Rudimentäre technische Barrierefreiheit

Grundlagen

„Universelle Webauftritte“:

Wie moderne Webauftritte, jedoch plus: Nachhaltige Struktur des Markups:

Modularer Aufbau Verbesserung von Barrierefreiheit und Usability durch vorgegebene

Strukturen Erweiterbar Nutzung von wieder- und weiterverwendbaren Semantiken

Weitergehende Unterstützung anderer Ausgabemedien CSS pro Medium („print“, „handheld“, „aural“, …) Agentensoftware

(z.B. Document Map, Tails, …) Personalisierbarkeit

(Mit und auch ohne Anbieterunterstützung)

Grundlagen

Spider

(Suchmaschinen)

Browser-AddOns

(z.B. Document Map)

Microformats

(z.B. hCalender)

Handheld

PrintPrint

AuralAural

ScreenScreen

Web-seite(HTML-Datei + CSS-Datei)

User-styles

Agenda

Grundlagen

Relaunches

Erfahrungen

Bestandteile des Webbaukastens:

1. Ein festes Markup (XHTML)

2. Verschiedene Designs (CSS) Darin auch Varianten vorhandener Webauftritte Jedes Design zusätzlich anpassbar an Farbschemata (bekannte

Standardfarben von Fakultäten) Eigene Logos und Embleme können eingebunden werden

3. Inhaltsvorlagen Impressum, Kontaktseite, Bilder, Logos, …

4. Interaktive Anwendungen Interaktive Navigationsmechanismen, UnivIS-Schnittstellen,

Einbindung der zentralen Suchmaschine, …

5. (Ergänzende Informationen, Hilfen, Beratung und aktive Relaunch-Unterstützung)

Grundprinzipien:

Ein fest vorgegebenes und flexibel nutzbares Markup Webverantwortliche der Einrichtungen wählen eines der Designvorlagen

nach eigenen Bedürfnissen und Wünschen Trennung von Design und Inhalt über moderne Web-Techniken (CSS /

(X)HTML) erlaubt schnellen Wechsel des Designs Durch Betreiber Optional durch Nutzer

Einfache Erstellung und Einbindung interaktiver Informationen Eigene Anwendungen (z.B. lokale Anmeldesysteme) Vorgegebene Anwendungen

Basis:

Die Struktur des erzeugten Markups (HTML) ist fest vorgegeben; Die Technik der Erzeugung und dessen Verwaltung ist jedoch frei wählbar.

In anderen Worten:

Die Technik (CMS, Redaktionssystem, Editor, Programmiersprache, Serverplattform) der Inhaltserstellung und dessen Verwaltung ist unabhängig vom Webbaukasten.

(ein professionelles templatebasiertes System vorausgesetzt, bei dem Inhalte und Layouts getrennt sind)

Strukturiertes Markup

Fest definierte Bereich Sprungmarken Inhaltsbereich Navigation

Optionale Bereiche Corporate Identity (Logos, Hintergrundgrafiken, …) Navigationen Suche Ergänzende Informationen zum Inhalt Allgemeine Zusatzinformationen zur Website

Optimierungen: Verschiedene Navigationsmechanismen Nutzung von Mikroformaten

Agenda

Grundlagen

Relaunches

Erfahrungen

Offizielle Projektziele:(aus Projektvorstellung vom 12.10.2005)

Frei nutzbare Designvorlagen

Weniger Arbeitszeitverlust

Weniger unnötige Ausgaben für externe Firmen

Erweiterbarkeit und Anpassbarkeit

Steigerung der Qualität und Nachhaltigkeit

5 Grunddesigns mit zusätzlichen 5 Varianten

Zeitaufwand für einen Relaunch auf 1/3 reduziert

Kosten für Design und Markup vorher: 10.000 Euro.

Mit Vorlagenkatalog heute:1.000 -2.000 Euro

Markup und Design unabhängig vom Content-System

Vorlagen erfüllen Regeln der Barrierefreiheit und sind Konform mit internationalen Standards

Konzeptionelle Ziele: (aus Projektvorstellung vom 12.10.2005)

Erstellung eines frei nutzbaren (Webseiten-) Vorlagenkatalogs

7 - 10 verschiedene Designvorschläge Darin auch das derzeitige FAU-Portal und das RRZE-Design Jedes Design zusätzlich Anpassbar an Farbschemata

(bekannte Standardfarben von Fakultäten) Eigene Logos und Embleme können eingebunden werden

Webverantwortliche der Einrichtungen wählen eines der Designvorlagen nach eigenen Bedürfnissen und Wünschen

Trennung von Design und Inhalt über moderne Web-Techniken (CSS / (X)HTML) erlaubt schnellen Wechsel des Designs

Beratung und Schulung

Allgemein verständliche Dokumentation

Einfache Erstellung und Einbindung interaktiver Informationen

Zeitplan(aus Projektvorstellung vom 12.10.2005)

Projektdauer: 2 Jahre Offizieller Beginn: 19. September 2005

Bis Ende 2005: Definition von (X)HTML-Vorlagen als Grundlage jedes CSS-Designs („Inhaltsgebenden Strukturen“ )

Ende März 2006: Erste Designs und allgemein verfügbare interaktive Anwendungen

Offizielle Projektziele bereits erfüllt seit Februar 2007 !Seit Ende 2006 intensive Arbeiten an Relaunches

Wurde gemäß Zeitplan erfüllt; Kleinere Nachkorrekturen aus später hinzugekommenen Anforderungen jedoch notwendig und üblich

Erste Designs und Anwendungen zeigten Potential und Notwendigkeit weiterer (nicht geplanter) Funktionalitäten

Offizielle Designs: Design Nummer 3 http://www.vorlagen.uni-erlangen.de/designs/d3.shtml

Offizielle Designs: Design „RRZE-Portal“ http://www.vorlagen.uni-erlangen.de/designs/rrze-portal.shtml

Agenda

Grundlagen

Relaunches

Erfahrungen

Überblick (Stand: Juli 2007):

Unter aktiver Betreuung von Projektbeteiligten umgestellt: 21 In Arbeit: 8 In Planung / Reservierung: 13 In Beratung: 6 Von Webmastern selbst umgesetzt (sofern bekannt): 8

(von 604)

Darin enthalten:

Erfolgreiche Umsetzung in verschiedenen Verwaltungs- und Redaktionssystemen: Mediawiki, Antville, Typo3, Haku

In Vorbereitung: Umsetzung für Wordpress, Templates für Dreamweaver

Relaunches

RRZE: Zentrale Benutzerverwaltung

Relaunches: Beispiele

Institut für Sportwissenschaft und Sport

International Office der TechFak

Zentralinstitut für Regionalforschung (in Arbeit)

Lehrstuhl für Elektromagnetische Felder

Uniprojekt Campus IT

Agenda

Grundlagen

Relaunches

Erfahrungen

Vorher: Im Schnitt alle 2 Jahre wird ein Webauftritte neu gestaltet 70% aller Webauftritte benötigen mehr als eine Woche zur Erstellung

eines Designs 53% der Webauftritte werden von Mitarbeitern erstellt

Pro Jahr 227 Webauftritte neu Davon 159 mit Zeitaufwand ab 1 Woche Davon 84 nur durch Mitarbeiter

Mindestens 84 Mitarbeiterwochen wurden pro Jahr an der FAU dafür verwendet Webdesign zu erstellen!(Ohne Integration, ohne Pflege)

(Zahlen basierend auf die Umfrage zu Webdienstleistungen 2004/2005 unter den Betreibern von 455 Webauftritten)

Vorher: Zeitdauer

Bei effizienter Projektorganisation: Relaunch innerhalb von 4 bis 9 Monaten.

Bei schlechter Organisation, Einbindung einer zu großen Zahl an Entscheidern und Fehler bei der Umsetzung: mehr als 12 Monate

Direkte Kosten: Kosten für reines Design: bis zu 10.000 Euro oder 50 MT Kosten für Markup/Layouts: bis zu 10.000 Euro oder 50 MT Kosten für Integration von Inhalten: nach Aufwand; bei reinen Design-

Relaunches nicht vorhanden Autoren-Schulungen notwendig

Kosten bei einfachen, bekannten Systemen gering Größter Kosten- /Zeitfaktor: Projektbesprechungen Kosten für den Betrieb abhängig von Infrastruktur und Lizenzen

(Berechnungsgrundlage: Relaunches FAU-Portal 2003, RRZE-Portal 2004, Webumfrage 2004/2005, GIB-Relaunch 2006)

Mit Webbaukasten: Zeitdauer

Bei Expertenberatung durch RRZE: 2 bis 6 Wochen Ohne Beratung und bei schlechter Organisation: bis zu 3 Monate

Direkte Kosten: Optionale Kosten für eigenes CSS-Designs: bis zu 2000,- Euro pro

Design (Bei Vermittlung erfahrener, externer Designer durch das RRZE)

Kosten für Markup/Layouts: 0,- Euro Kosten für Integration von Inhalten: nach Aufwand; bei reinen Design-

Relaunches nicht vorhanden Schulungskosten: nach Aufwand und Art der Verwaltung des Webauftritts

(= Einnahmen für SITE) Umstellungskosten nur im Falle von eigenen Verwaltungssystemen

(bislang nicht aufgetreten).

(Berechnungsgrundlage: 21 umgesetzte Webauftritte seit November 2006)

Kosten

Konzept Design und Umsetzung

Schulung Betrieb

Relaunch

Konzept Design, Umsetzung Integration

Schulung Betrieb

Schulung geringer: Keine komplexen HTML-Strukturen mehr notwendig

HTML+ CSS

HTML + CSS*

Herkömmlicher Webauftritt

Integrations-aufwand kommt hinzu

AltesKonzeptkann bleiben

Nur CSS-Änderung notwendig

Moderner oder Universeller Webauftritt

Herkömmlicher, auf Barrierefreiheit nachgebesserter Webauftritt

Webauftritt aus Webbaukasten

Agenda

Grundlagen

Relaunches

Erfahrungen

Bedarf nach neuer Webdienstleistung: „Hausfertige Websites“ Seit Februar: ca. 1-2 mal pro Woche Beratungsgespräch, ca. 4

Einrichtungen pro Woche die telefonisch beraten werden! Viele Einrichtungen wollen/brauchen Dienstleistung der Bereitstellung

eines Fertig-Webauftritts Angebot kam sehr gut an und sorgte bei vielen Webauftritten erst dafür,

dass es in absehbarer Zeit gemacht wurde

Problem der selbsternannten Experten in Sachen Webdesign Chefgerechtes Design vs. Design für Zielpublikum Unverständnis bei Kunden, warum Farben aus Print nicht im Web

funktionieren (z.B. gelbe Farbschemata bei Webauftritten der TF) Unverständnis der Notwendigkeit von Barrierefreiheit und Nachhaltigkeit

(z.B. Websites, die mit Handy lesbar sind)

Erfahrungen

Problem durch Agenturen

Nachhaltige und barrierefreie Websites sind schlecht fürs Geschäft von Agenturen:

„Nun ja, man macht als Internet-Agentur eigentlich ein schlechtes Geschäft, weil barrierefreie Seiten nachhaltig laufen und man nicht immer wieder gegen Geld etwas nachprogrammieren darf – zum Beispiel weil inzwischen ein neuer Browser auf den Markt gekommen ist.“

Rupert Platz, Aperto AG

Gelöst bei Anwendung der Checkliste Web

Erfahrungen

Möglichkeiten wecken Erwartungen nach mehr! Insbesondere bei UnivIS-Schnittstellen feststellbar Automatisch generierte Mitarbeiterseiten sorgen für große

Arbeitseinsparungen – Webmaster erwarten nun noch mehr UnivIS-Schnittstellen, betrachten das was fehlt als Fehler

Sehr positives Feedback von CSS-erfahrenen Webmastern bzgl. Strukturen

Skepsis bei Laien Hilfreiche Gegenargumentation: Vergleich mit MS Office Formatvorlagen

Wünsche nach weiteren Designs

Bedarf nach individuell anpassbaren Verfahren zur Verwaltung der Webauftritte (CMS und Redaktionssysteme) Keine Allround-Lösung möglich Oft gefährliches Halbwissen vorhanden

Agenda

Grundlagen

Relaunches

Erfahrungen

Nutzung und Ausbau über das Projektende hinaus (1)

Betreuung und Weiterpflege des Web-Baukastens durch RRZE Neuer Webdienst: Erstellung „Hausfertiger Websites“

Weitere Anwendungen: Zentrales Systeme zum dezentrale Erfassen, Verwalten und

Verbreiten von aktuellen Meldungen Schaffung weiterer UnivIS-Schnittstellen Einbindung der Ausgaben weiterer zentraler Systeme geplant

(FAMOS, IdM, …)

Evaluation geeigneter Verwaltungsverfahren zur Erstellung und Pflege von Webauftritten;Vorhalten und Betreuen eines Mix aus geeigneten Verwaltungsverfahren zur nachhaltigen Pflege von Webauftritten

Schulungsangebote Erstellung und Bereitstellung von Vorlagen für gängige

Verwaltungssysteme (Mambo, Moodle, Typo3-CMS, Wordpress, Mediawiki, … )

PR und Nutzung über Uni Erlangen hinaus. Bereits jetzt durch offene Lizenzen (GPL, CC) möglich Nutzung von Synergieeffekten

Größere Arbeiten an besonderen Relaunches: FAU-Portal

Umbau des zentralen Webauftritts unter www.uni-erlangen.de (2300 Inhaltsseiten);

Voraussichtlich bis Ostern 2008 Finanzierung durch Werbeeinahmen sichergestellt

Gesamte Techfak Umbau zunächst des Portals der Techfak unter

www.techfak.uni-erlangen.de (3600 Inhaltsseite), danach alle Institute/Departments, danach alle Einrichtungen

In mehreren Etappen bis Ende 2008 Finanzierung über Hilfskraftstelle(n)

Interessenbekundung durch Zuständige weiterer Fakultäten (z.B. WiSo/Amberg)

Vielen Dank für die Aufmerksamkeit

Relaunches

Unter aktiver Betreuung von Projektbeteiligten umgestellt:1. https://www.benutzerkonto.rrze.uni-erlangen.de/ 2. http://www.beratungsverbund.uni-erlangen.de/ 3. http://www.blogs.uni-erlangen.de 4. http://www.emf.eei.uni-erlangen.de/ 5. http://www.erzaehlen-nach-der-postmoderne.phil.uni-erlangen.de 6. http://www.ini.fau.de 7. http://www.jav.uni-erlangen.de 8. http://www.kowi.wiso.uni-erlangen.de/ 9. http://www.raa.phil.uni-erlangen.de 10. http://www.romanistik.phil.uni-erlangen.de 11. http://www.slavistik.phil.uni-erlangen.de 12. http://www.sport.uni-erlangen.de/ 13. http://www.sport.uni-erlangen.org 14. http://www.stammpersonalrat.uni-erlangen.de 15. http://www.suche.uni-erlangen.de 16. http://www.upload.bunsentagung.uni-erlangen.de (Kongresssite)17. http://www.vorlagen.uni-erlangen.de 18. http://www.webkongress.uni-erlangen.de 19. http://www.wiki.uni-erlangen.de (inkl. 15 Wiki-Subdomains) 20. http://www.wiki.zuv.uni-erlangen.de 21. http://www.latein.phil.uni-erlangen.de

In Arbeit:

1. http://www.techfak.uni-erlangen.de Mit Pressestelle der TF; Eigener Hiwi wird finanziert Relaunch: Voraussichtlich September

2. http://www.uni-erlangen.de (Siehe nächstes Thema) diverse techn. Vorbereitungen bereits angefangen Relaunch: ?

3. http://www.regionalforschung-erlangen.de Vor Abnahme und Contentfüllung durch Einrichtung Relaunch: Voraussichtlich August

4. http://www.ieei.techfak.uni-erlangen.de Vor Abnahme und Contentfüllung durch Einrichtung Relaunch: Voraussichtlich Juli

5. http://www.eev.eei.uni-erlangen.de Vor Abnahme und Contentfüllung durch Einrichtung Relaunch: Voraussichtlich August

6. http://www.video.uni-erlangen.de Vorlagenlayout steht; Technik wird noch programmiert. Veröffentlichung: Voraussichtlich August

7. https://www.sso.uni-erlangen.de Vorlagenlayout eingerichtet. Wartet auf Contentfülung durch IDMone-Team Veröffentlichung: Unklar

Relaunches

In Planung / Reservierung:

1. http://www.helpdesk.rrze.uni-erlangen.de Anpassung der Vorlagen an systemeigene Template-Sprache notwendig

2. http://www.literaturundkulturdergegenwart.phil.uni-erlangen.de 3. http://www.phil.uni-erlangen.de

Ggf. warten bis Oktober, notwendig wegen Änderung der Organisationsstrukturen

4. http://www.studierende.uni-erlangen.de Warten bis Stelle zum Studentenportal besetzt

5. http://www.schwerbehindertenvertretung.uni-erlangen.de Abwarten der Ergebnisse des Tests von Redaktionssystemen notwendig

6. http://www.gesamtpersonalrat.uni-erlangen.de Abwarten der Ergebnisse des Tests von Redaktionssystemen notwendig

7. http://www.wiso.uni-erlangen.de Ggf. warten bis Oktober, notwendig wegen Änderung der

Organisationsstrukturen8. http://www.ist-mupbed.uni-erlangen.de/ 9. http://www.nordistik.phil.uni-erlangen.de/ 10. https://www.pos.uni-erlangen.de

ggf. obsolet durch CIT-Projekt

Relaunches

In Beratung:

1. http://www.elite-map.tf.uni-erlangen.de Kontakt: Katrin Bartels

2. http://www.mb.uni-erlangen.de Kontakt: Dr.-Ing. Oliver Kreis

3. http://www.gesch.med.uni-erlangen.de Kontakt: PD Dr. Marion Maria Ruisinger

4. http://www.soziologie.wiso.uni-erlangen.de Kontakt: David Schiller

5. http://www.lkt.uni-erlangen.de Kontakt: Dipl.-Ing. (FH) Natalie Rudolph

6. http://www.ifa.uni-erlangen.de Kontakt: Frank D. Gillard M.A.

7. http://www.arbeitsmedizin.uni-erlangen.de Kontakt: Dr. Korinth

8. (http://www. ???.uni-erlangen.de) Online-Zeitschrift der Germanistik? Kontakt: Stephanie Waldow

Relaunches

Von Webmastern selbst umgesetzt oder in Arbeit (sofern bekannt):

1. http://www.ini.fau.de Öffentlich in Betrieb

2. http://www.io.techfak.uni-erlangen.de Öffentlich in Betrieb

3. http://www.iser.uni-erlangen.de Öffentlich in Betrieb

4. http://www.gerotest.geronto.uni-erlangen.de/ Öffentlich in Betrieb

5. http://www.ausgepackt.uni-erlangen.de Öffentlich in Betrieb

6. http://www.cit.uni-erlangen.de Öffentlich in Betrieb

7. http://www.paedagogik.phil.uni-erlangen.de In Arbeit auf Testhost

8. http://www.alumni.uni-erlangen.de In Arbeit auf Rechner einer Agentur

Relaunches

Web-Baukasten Projekt Vorlagenkatalog Projektvorstellung 12. Juli 2007.

Documents

Transcript of Web-Baukasten Projekt Vorlagenkatalog Projektvorstellung 12. Juli 2007.

ODS Projektvorstellung Österreich

Projektvorstellung DHVLab (22.11.2016)

Ist-Aufnahme von Wasserverbräuchen und Aufzeigen von Optimierungspotential 21.04.2015 Projektvorstellung.

Der Spinifex-Cluster Baukasten und mein Stehlampe Dendrit

Teil 1 Projektvorstellung „Integriertes CSR-Management in Logistiknetzwerken“ (CoReLo ) Teil 2

ERFINDERLAND DEUTSCHLAND BAUKASTEN FORSCHUNG - … · erfinderland seite 1 deutschland baukasten forschung ausstellung und internet-portal deutschlehrertag „mehr als sprache“

PROJEKTVORSTELLUNG: Vergleich von zwei unterschiedlichen Lösungsansätzen bei der

PowerPoint Baukasten 2.0

Projektvorstellung YAXGL

Der Web-Baukasten der Friedrich-Alexander-Universität ( Projekt Vorlagenkatalog) 21. Januar 2008.

Handling Baukasten 2015 - afag.com€¦ · 112 Handling Baukasten 2015 afag.com Bestimmung Hub PMP PMP 01 Ausführung mit Pneumatikzylinder und zwei festen Endanschlägen. Bestimmung

Session Y: Projektvorstellung Transferprojekt itsowl-TT-SIGMA … · 2015-08-17 · Session Y: Projektvorstellung Transferprojekt itsowl-TT-SIGMA 18. August 2015, Gütersloh

Homepage baukasten

"Flip Your Class!" Projektvorstellung Barcamp 2015

Projektvorstellung "Richtig essen von Anfang an!"

Projektvorstellung DiKo März 2009 Theo Rau, Richard Ulrich, Michael Rinnagl.

Session 7: Projektvorstellung Transferprojekt itsowl-TT ... · Session 7: Projektvorstellung Transferprojekt itsowl-TT-kapela 18. August 2015, Gütersloh

1. Projektvorstellung „Cajon“ - lehrerfortbildung-bw.de · PDF file6BG Klasse 10 Projekt Cajon Technik Abbildungen: Hurm, Heimerdinger 1. Projektvorstellung „Cajon“ Die Inhalte

Flexibilität aus dem (Kran- ) Baukasten

Spionagetechniken - Abhörtechniken aus dem Elektronik-Baukasten - 34_SpionageTechniken