Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: www.weboffice.ethz.ch/politik/net/

Ähnliche Präsentationen


Präsentation zum Thema: "NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: www.weboffice.ethz.ch/politik/net/"—  Präsentation transkript:

1 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Rahmenbedingungen, Infrastruktur und Gestaltungsrichtlinien für Websites an der ETH Jakob Lindenmeyer Web Office der ETH Zürich

2 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Gestaltung Allgemeine Grundsätze · Die Form folgt der Funktion – «form follows function» · Konsistentes Site-Layout · So einfach wie möglich · Überflüssiges vermeiden · Accessibility & Browser-Unabhängigkeit · Keine Technik-Gimmicks (Plug-ins) · Aktualität

3 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Site Design – Seiten-Design · Die Homepage · Klares Layout (CD, Identifikation, Orientierung) · Links · Tables · Frames

4 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Benutzerführung und Navigation · Horziontale und vertikale Navigation · Navigation bars · Orientierung innerhalb einer Seite · Inhaltsverzeichnis (pro Seite) · Site Map (für das ganze Angebot) · Interne Suchmaschinen

5 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Erlass der ETHZ Internet-Richtlinien

6 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ETHZ Internet-Richtlinien In Kraft seit 1. Mai 1999 Gelten für das gesamte ETH-Web ETH-Intern-Artikel von morgen Freitag

7 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ETHZ Internet-Richtlinien Artikel 1: Zweck und Geltungsbereich Kohärentes Erscheinungsbild, Bedienungsfreundlichkeit und Aktualität des Auftritts Artikel 2: Unterstützung Durch das Web Office der ETH Zürich (http://www.weboffice.ethz.ch/)http://www.weboffice.ethz.ch/

8 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ETHZ Internet-Richtlinien Artikel 3: Verantwortlichkeit (1) Für das Erscheinungsbild jedes Dokuments gibt es eine verantwortliche Person. Diese muss entweder in dem Dokument selbst oder in einem per Link abrufbaren Begleitdokument mit Vorname, Name, Benutzereinheit und - Adresse bezeichnet sein. (2) Zuständig ist im allgemeinen der/die Leiter/in der Einheit.

9 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ETHZ Internet-Richtlinien Artikel 5: Gestaltung (1) Auf allen Dokumenten ist das Datum der Einspeicherung oder der letzten Änderung anzubringen. (2) Jedes Dokument enthält einen Verweis auf die entsprechende Einstiegsseite, und jede Einstiegsseite verweist auf die Einstiegsseite der ihr übergeordneten Ebene.

10 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ETHZ Internet-Richtlinien Artikel 5: Gestaltung (3) Es sind die offiziellen Stilelemente und Vorlagen der ETH Zürich (z.B. Logos) zu benutzen, die unter abrufbar sind. (4) Jede Einstiegsseite der Ebenen 1 bis 7 enthält das ETH-Logo und einen Link auf die zentrale Einstiegsseite der ETH Zürich.

11 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ETHZ Internet-Richtlinien Artikel 5: Gestaltung, Absatz 5: Der Zugang zum Inhalt und das Navigieren innerhalb der Angebote der Ebenen 1 bis 7 muss auch mit Browsern ohne Multimediaelemente (z.B. Java, JavaScript, Shockwave, usw.) und ohne Frame-Unterstützung möglich sein. Artikel 7: Inkrafttreten Dieser Erlass ist seit 1. Mai 1999 in Kraft.

12 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Accessibility Zugänglichkeit definiert sich dadurch, wie einfach ein Dokument auf dem Web durch einen Empfänger verwendet werden kann. Je höher die Anforderungen, desto schlechter ist das Dokument zugaenglich. Anforderungen beinhalten die Fähigkeit der benötigten Hard- & Software sowie auch die Fähigkeit der Person, welche versucht die in einem Dokument zur Verfügung gestellte Information zu verwenden.

13 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Accessibility Accessibility is defined as how easy a document on the web can be "used" by a client. The higher the requirements are, the less accessible a document is. Requirements include capabilities of the hard- and software deployed as well as the capabilities of the person trying to use the information provided in a document.

14 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Web technology is exclusive or excluding when it limits users' experience or access to information! Pawan Vora, Usability-Forscher

15 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Accessibility Accessibility benefits all! TIP Accessibility ist nicht nur für Menschen mit Behinderungen wichtig!

16 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Excluding sites are seen as sign of corporate incompetence! Jacob Nielsen, Usability-Guru

17 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Ablauf Problematik Umfeld Lösungen Beispiele

18 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Ziel Ein gut zugängliches ETH Web Kennen der relevanten Richtlinien Frühzeitige Berücksichtigung der Accessibility bei einem Redesign

19 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Problematiken von fettem Design Low resource-Geräte Mobile Devices Alte Software (Browser, Plug-Ins) Menschen mit Behinderungen Vorschriften, Richtlinien, Gesetze

20 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Low resource-Geraete Ältere Computer (z.B. JVM auf 486) Kleiner Bildschirm (z.B. VGA & Monochrom) Langsames 14.4 Kb/s-Modem Langsame Netzanbindung (Kein ISDN) Verbreitet bei Studierenden (beschränkte finanzielle Ressourcen)

21 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Die Computer-Ressorcen der ETH NETHZ Online Dienste für Studierende Dial-up (im Rahmen von NETHZ) Computerräume (127 Suns & 32 PCs) Laptop-Steckplätze (Geplant ab Herbst 99) Standard-Laptops für Studierende (Geplant)

22 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Mobile Devices Mobiltelefon (Screensize ca. 2 Zoll) Handhelds (Screensize ca. 4 Zoll) Auto-Computer (mit Sprachausgabe für Fahrer) Browser in Armbanduhr (Screensize ca. 1 Zoll) Browser & CE in Haushaltsgeräten (z.B. Kaffee- & Waschmaschine)

23 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Alte Software z.B. Browser - Neue PCs haben oft noch Internet Explorer 2.0 vorinstalliert. Browser an der ETH (Statistik) Plug-Ins (z.B. Shockwave, Quicktime, Realplayer) Default-Design Meist für PC mit Netscape oder Internet Explorer ab Version 4. z.B. CSS erst mit Internet Explorer ab Version 5 richtig unterstützt.

24 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Menschen mit Behinderungen Farbenblind (X % aller Männer) Blind => Audio-Browser (Demo) Sehbehinderung (Grosse Schriften notwendig) Bewegungseingeschraenkt (Keyboard- only bzw. Mouse-only Navigation) Taub (Alternativen fuer Audio-Dateien) 10% aller Menschen haben irgendeine Behinderung der obigen Art (nach WWW8)

25 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Umfeld Accessibility: its not a privilege, its a law! Empfehlungen (z.B. Web Content Accessibility Guidelines 1.0) Vorschriften (z.B. ETHZ Internet-Richtlinie) Gesetze (z.B. Kanadische Regierung) TIP Kümmern Sie sich bereits vor Designstart um bestehende Richtlinien & Empfehlungen

26 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Empfehlungen Web Content Accessibility Guidelines W3C Testimonials & W3C Quick Tips zur WCAG Empfehlungen des ETH Web Office Empfehlungen des ETH Webmasters ev. Empfehlungen Ihrer Organisationseinheit z.B.

27 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: WAI Quick Tips Reference Card

28 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Vorschriften & Gesetze ETHZ Internet-Richtlinien: Ausführungsbestimmungen über den Auftritt der ETH Zürich im Internet z.B. Artikel 5: Gestaltung, Absatz 5 Kanadische und US-Regierung American with Disabilities Act Your Tax-Money at work: ETH-Web ist durch Steuergelder finanziert => Wo steht die Schweiz?

29 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Testimonials for "Web Content Accessibility Guidelines 1.0" The U.S. Government intends to work closely with the W3C to ensure that government information and services are accessible Al Gore, Vice President, USA American with Disabilities Act: the information in this site is available in alternate formats upon request. (z.B.

30 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Loesungen Alles ist eine Frage der Organisation! HTML-Validatoren und -Korrektoren Accessibility-Checker z.B. Bobby Online-Hilfen (z.B. Empfehlungen, Anleitungen von ETH oder W3C) Beratung (z.B. durch das ETH Web Office) zukünftige Lösung: XML

31 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Richtige Organisation Zugängliche Webseiten müssen NICHT folgendem Bild entsprechen: eintönig, langweilig, nur Text teuer und zeit-aufwendig Verzicht auf moderne Features Durch frühzeitige & richtige Organisation lassen sich diese Vorurteile vermeiden.

32 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Accessibility does not mean minimal page design; it means thoughtful page design! Web Content Accessibility Guidelines

33 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: HTML-Validatoren und -Korrektoren Bp. W3C HTML 4.0-Validator HTML-Validatoren in Editoren HTML-Korrektoren z.B. Software A-Prompt Zugänlichkeits-Verifikation & Reparatur Halbautomatische Korrektur von: * ALT-Text und LONGDESC von Bildern * Tabellen (TITLE, CAPTION, DESC) * Image-Maps (Server-Side => Client side)

34 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Accessibility-Checker Bobby: Accessibility without compromise! Infos & Software unter: Demohttp://www.cast.org/bobby/ Software A-Prompt Als dll oder in Java. Demo Infos unter: Measuring Accessibility Publikation des ETH Web Office an der 8. WWW- Konferenz

35 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Measuring Accessibility Publikation unter:

36 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ZKB mit Netscape Communicator 4.5 Screenwidth = 640 pixels

37 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ZKB mit MS Pocket Internet Explorer (Kein Java)

38 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ZKB mit Lynx V 2.8 (Textbrowser)

39 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: ZKB mit pw WebSpeak (Audio Browser)

40 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Zukuenftiger Lösungsansatz: XML Aus XML-Grundcode ableitbar: WWW-Vollversion WWW light für Mobile Devices Sprachversion Papierversion Internationalisierung: E, D, F, I, J, Chinesich, usw.

41 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: People should stop thinking in paper documents and start thinking in [XML-] objects! Johan Hjelm, W3C

42 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Publikationen, Beilagen & Handouts zu dieser Präsentation ETHZ Internet Richtlinien Paper-Abstract Measuring Accessibility Web Content Accessibility Guidelines WAI Quick Tips

43 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Folien dieser Praesentation sind erhaeltlich unter:

44 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Auf die 5% welche Java nicht unterstützen kann ich getrost verzichten! Der Webmaster einer ETH-Organisationseinheit am letztjährigen ETH WWW-Workshop

45 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: 6. ETH WWW-Workshop Zeit: Mittwoch 9. Juni 1999 von 13: :00 Ort: Raum NO C 3, ETH Zentrum Themen : Regeln & Dienstleistungen auf dem ETH Web: Infos & Anmeldung: unter:

46 NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: Diskussionspunkte Accessibility und Design: Gegensaetze? Redesign vs. Neudesign: Prioritaeten Papier-Design vs. Object-oriented Design (XML) Verzicht auf 5% der Besucher Filter in Webserver auf validierte Pages Ungeeignete Web-Teaching Tools Zukünftige Dokumentformate: XML


Herunterladen ppt "NET-Seminar: "Web-basierter Hochschul- unterricht: Strategien und Gestaltung" Jakob Lindenmeyer, 27. Mai 1999Full Presentation under: www.weboffice.ethz.ch/politik/net/"

Ähnliche Präsentationen


Google-Anzeigen