Präsentation herunterladen

TIMETOACT Software & Consulting GmbH
Anforderungen für den Relaunch:
Barrierefreiheit, Corporate Identity,
Collaboration, Datenintegration,
Effizienz und Performance
Andreas Löw
TIMETOACT Software & Consulting GmbH
Im Mediapark 2
D - 50670 Köln
Seite 1
T: +49 221 97343 34
F: +49 221 97343 20
M: [email protected]
Anforderungen für den Relaunch
Agenda
•
•
•
•
•
TIMETOACT Allgemein
Alter DNUG Aufritt
Barrierefreiheit
Suchmaschinen
CMS
• Templates
• Datenquellen
• Funktionalität
• Collaboration
• Neuer DNUG Auftritt
Seite 2
Anforderungen für den Relaunch
TIMETOACT Allgemein
• TIMETOACT ist Spezialist für Content Management,
eBusiness und eCommerce Lösungen auf Basis von Lotus
und WebSphere-Software.
• TIMETOACT hat eine solide finanzielle Grundlage - keine
fremden Investoren, keine Schulden.
• 27 Mitarbeiter plus Experten
• IBM Premier Business Partner
Seite 3
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?
Seite 4
Anforderungen für den Relaunch
Alte DNUG Website
• Schlechte
Performance
• Schlechte
Skalierbarkeit
• Ohne Javascript ist
die Website nicht
navigierbar
• Nicht Barrierefrei
Seite 5
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 (1024x768,800x600,...)
• Mobile Gerate (PDA, Blackberry, Handy,...)
• Browser (Internet Explorer, Firefox, Opera, ....)
Seite 6
Anforderungen für den Relaunch > Barrierefreiheit (Web Accessibility)
Marktanteil - Browser
Marktanteil - Browser (Prozent)
Zeitraum: 2003-2005
Quelle: OneState.com
Netscape
0,6
1,6
2,5
2003
95,3
Andere
4,3
2,1
0,0
2004
93,6
2,7
Firefox
2005
11,5
0,3
Internet Explorer
0,0
85,5
20,0
40,0
60,0
Seite 7
80,0
100,0
120,0
Anforderungen für den Relaunch > Barrierefreiheit (Web Accessibility)
Barrierearme Website
• Die Website muss W3C 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
Seite 8
Anforderungen für den Relaunch
Marktanteil - Suchmaschinen
Marktanteil der Suchmaschinen (Prozent)
Stand: September 2005
Quelle: OneStat.com
60,0
56,9
50,0
40,0
30,0
21,2
20,0
8,9
10,0
3,2
8,9
0,0
Google
Yahoo
MSN Search
AOL Search
Andere
• Bei Google ist die Link Popularity (externe Links auf
eigene Website) besonders wichtig
Seite 9
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: <h1>...<h6>, <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">
Seite 10
Anforderungen für den Relaunch
Anforderung an das DNUG CMS
• HTML 4.01 Transitional
•
•
•
•
W3C konform
Barrierearmut / Suchmaschinenoptimierung
Skalierbarkeit der Inhalte
Lauffähigkeit soll in verschiedenen Browserversionen unter
unterschiedlichen Bedingungen sichergestellt werden
• Alle Bereich der Website sind auch ohne Javascript
erreichbar
• Layout soll 1:1 übernommen werden
Seite 11
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
Seite 12
Anforderungen für den Relaunch > DNUG CMS
Templates (Definition)
HTML-Quelltext:
<table cellpadding="0" cellspacing="0" class="MainLayout">
{*Header*}
<tr>
<td class="HorizontalNavigation" colspan="3">{~NAVHorizontalNavigation ~}</td>
</tr>
<tr><td class="VerticalNavigation" rowspan="2">{~NAVVerticalNavigation~}</td>
<td class="LeftColumn">
<div class="BreadCrumTrail">{~NAVBreadCrumTrail~}</div>
<div class="Content">
<table cellpadding="0" cellspacing="0" class="Content">
<tr><td><h1 class="Headline">{~HEADLINE~}</h1></td></tr>
<tr><td class="Content1">{~BODY~}</td></tr>
<tr><td class="Content2">{~BODY~}</td></tr>
<tr><td class="Content3">{~BODY~}</td></tr>
</table>
</div>
</td>
<td class="Margin" rowspan="2"> </td>
</tr>
</table>
Seite 13
Anforderungen für den Relaunch > DNUG CMS
Templates (Notes)
Seite 14
Anforderungen für den Relaunch > DNUG CMS
Templates (Web)
Seite 15
Anforderungen für den Relaunch > DNUG CMS
Datenquellen
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
Seite 16
Anforderungen für den Relaunch > DNUG CMS
Funktionsweise des CMS
QuellDokument
Agent
Templates
„Kopie“ des
QuellDokument
Interne
CMS Daten
Ext. MitgliederDatenbank
Horizontaleund
Vertikalenavigation
Datenquellen
Ext. EventDatenbank
Eingabe
Verarbeitung
Seite 17
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)
Seite 18
Anforderungen für den Relaunch > DNUG CMS
Neue DNUG Website
•
•
•
•
Trennung von Inhalt und Layout
W3C 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
Seite 19
Anforderungen für den Relaunch > DNUG CMS > Neue DNUG Website
Effizienz und Performance
• Zugriffszeiten (unter 250ms für eine Website)
• Homogenere Prozessorbelastung unter CMS6
5er CMS
6er CMS
Seite 20
Anforderungen für den Relaunch > DNUG CMS > Neue DNUG Website
DNUG-Homepage unter Linux Browser „Lynx“
Seite 21
Vielen Dank für ihre
Aufmerksamkeit!
Seite 22