TIMETOACT Software Consulting Gmb H Anforderungen fr den

TIMETOACT Software & Consulting Gmb. H Anforderungen für den Relaunch: Barrierefreiheit, Corporate Identity, Collaboration, Datenintegration, Effizienz und Performance Andreas Löw TIMETOACT Software & Consulting Gmb. H Im Mediapark 2 F: +49 221 97343 20 D - 50670 Köln M: ALO@TIMETOACT. DE T: +49 221 97343 34

Anforderungen für den Relaunch Agenda • • • TIMETOACT Allgemein Alter DNUG Aufritt Barrierefreiheit Suchmaschinen CMS • Templates • Datenquellen • Funktionalität • Collaboration • Neuer DNUG Auftritt

Anforderungen für den Relaunch TIMETOACT Allgemein • TIMETOACT ist Spezialist für Content Management, e. Business und e. Commerce Lösungen auf Basis von Lotus und Web. Sphere-Software. • TIMETOACT hat eine solide finanzielle Grundlage - keine fremden Investoren, keine Schulden. • 27 Mitarbeiter plus Experten • IBM Premier Business Partner

Anforderungen für den Relaunch „Aktuelle“ Websites • • • Die Webpräsenz ist das Aushängeschild der Firma! Ist ihr Webauftritt noch zeitgemäß? Corporate Identity? Suchmaschinen? Accessibility und Usability • Wird jeder Browser unterstützt? • Wird jedes Medium unterstützt? • Kann jeder Benutzer die Inhalte der Website lesen?

Anforderungen für den Relaunch Alte DNUG Website • Schlechte Performance • Schlechte Skalierbarkeit • Ohne Javascript ist die Website nicht navigierbar • Nicht Barrierefrei

Anforderungen für den Relaunch Barrierefreiheit (Web Accessibility) Internetseiten können unabhängig von der körperlichen und/oder technischen Möglichkeiten uneingeschränkt genutzt werden. • Seit dem 1. Januar 2003 müssen alle bestehenden Internetseiten der öffentlichen Hand barrierefrei gestaltet sein. • Körperliche Behinderungen • Blinde und ältere Menschen (Screenreader, Skalierung der Schriftgröße) • Technische Einschränkungen • Betriebssysteme (Windowssysteme, Linux, Mac, . . ) • Monitorauflösung (1024 x 768, 800 x 600, . . . ) • Mobile Gerate (PDA, Blackberry, Handy, . . . ) • Browser (Internet Explorer, Firefox, Opera, . . )

Anforderungen für den Relaunch > Barrierefreiheit (Web Accessibility) Marktanteil - Browser Netscape Andere Firefox Internet Explorer 2003 2004 2005

Anforderungen für den Relaunch > Barrierefreiheit (Web Accessibility) Barrierearme Website • Die Website muss W 3 C konform sein • Keine Frame basierte Website • Für Mensch mit Sehschwäche muss die Website einen starken Farbkontrast haben • Skalierung der Schriftgröße muss möglich sein • Alternative Texte für Bilder • Lauffähig auf einem Standardbrowser ohne Plugins • Kein Javascript, Java-Applets, Flashanimationen, . . . • Die Inhalte der Website sollten leicht verständlich sein • Optimierung sind größtenteils für Suchmaschinen sehr gut

Anforderungen für den Relaunch Marktanteil - Suchmaschinen • Bei Google ist die Link Popularity (externe Links auf eigene Website) besonders wichtig

Anforderungen für den Relaunch > Suchmaschinen Optimierung für Suchmaschinen • Linkfarmen • Suchbegriff sollte im Title und Inhalt • tief verschachtelte Tabellen vorhanden sein • Zu große Website • HTML-Tags: <h 1>. . . <h 6>, <strong>, . . . • HTML -Properties: Alternativ- und Titeltext für Bilder und Links • Metatags (Keywords & Description) • Suchmachinen können kein Javascript Verlinkung mit Javascript: Falsch: <a href="javascript: window. open('www. dnug. de') "> Richtig: <a href="www. dnug. de" onclick="window. open('www. dnug. de'); return false" title=„DNUG Homepage">

Anforderungen für den Relaunch Anforderung an das DNUG CMS • • • HTML 4. 01 Transitional W 3 C konform Barrierearmut / Suchmaschinenoptimierung Skalierbarkeit der Inhalte Lauffähigkeit soll in verschiedenen Browserversionen unterschiedlichen Bedingungen sichergestellt werden • Alle Bereich der Website sind auch ohne Javascript erreichbar • Layout soll 1: 1 übernommen werden

Anforderungen für den Relaunch > DNUG CMS Erstellung der Templates • HTML-Quelltext (Grundgerüst besteht aus einer Tabelle) • Cascading Style Sheets (CSS) • Corporate Identity wird durch CSS gesichert • Javascript • Validierung von Formularen • Replacementtags • Dynamische Generierung von HTML-Quelltext durch „Lotus Notes @Formula“ • Navigationtags • Einbindung der Horizontalen- und Vertikalennavigation • Einbindung von Datenquellen

Anforderungen für den Relaunch > DNUG CMS Templates (Definition) HTML-Quelltext: <table cellpadding="0" cellspacing="0" class="Main. Layout"> {*Header*} <tr> <td class="Horizontal. Navigation" colspan="3">{~NAVHorizontal. Navigation ~}</td> </tr> <tr><td class="Vertical. Navigation" rowspan="2">{~NAVVertical. Navigation~}</td> <td class="Left. Column"> <div class="Bread. Crum. Trail">{~NAVBread. Crum. Trail~}</div> <div class="Content"> <table cellpadding="0" cellspacing="0" class="Content"> <tr><td><h 1 class="Headline">{~HEADLINE~}</h 1></td></tr> <tr><td class="Content 1">{~BODY~}</td></tr> <tr><td class="Content 2">{~BODY~}</td></tr> <tr><td class="Content 3">{~BODY~}</td></tr> </table> </div> </td> <td class="Margin" rowspan="2">  </td> </tr> </table>

Anforderungen für den Relaunch > DNUG CMS Templates (Notes)

Anforderungen für den Relaunch > DNUG CMS Templates (Web)

Anforderungen für den Relaunch > DNUG CMS Datenquellen werden im CMS zur Darstellung internen Daten oder beliebigen externen Datenbanken verwendet • Datenfilterung aufgrund von Berechtigungen • Interne Daten • Übersichtsseiten für News, Events, Items, Personen, . . . • Externe Daten (Externe Datenbank) • Mitglieder Datenbank • Event Datenbank

Anforderungen für den Relaunch > DNUG CMS Funktionsweise des CMS Quell. Dokument Templates Agent „Kopie“ des Quell. Dokument Interne CMS Daten Ext. Mitglieder. Datenbank Datenquellen Horizontaleund Vertikalenavigation Ext. Event. Datenbank Eingabe Verarbeitung Ausgabe

Anforderungen für den Relaunch > DNUG CMS Collaboration • Extern • RSS-Feed • Tell a Friend-Funktionalität • On Page Collaboration-Modul • Kommentare für jedes einzelne Dokument nach dem Prinzip von heise. de • Intern • Sametime-Awareness • Approval System (Freigabeprozess von CMSDokumenten)

Anforderungen für den Relaunch > DNUG CMS Neue DNUG Website • • Trennung von Inhalt und Layout W 3 C konform Barrierearme Website Zukunft sicherer • Nächste Browsergenerationen (Internet Explorer 7, Firefox 1. 5, . . . ) werden unterstützt • Geringere Seitengröße durch Optimierung des HTMLQuelltextes • Seitengröße um bis zu 50% reduziert • Schnellere Zugriffszeiten

Anforderungen für den Relaunch > DNUG CMS > Neue DNUG Website Effizienz und Performance • Zugriffszeiten (unter 250 ms für eine Website) • Homogenere Prozessorbelastung unter CMS 6 5 er CMS 6 er CMS

Anforderungen für den Relaunch > DNUG CMS > Neue DNUG Website DNUG-Homepage unter Linux Browser „Lynx“

Vielen Dank für ihre Aufmerksamkeit!