Produktion Interaktiver Medien

Haben heute mit Prof. Mittendorfer über die Validierung gesprochen, und wir sollten versuchen eine Validierungspage von der WHATWG zu finden, da diese das HTML5 Projekt am meisten unterstützen.

Eine Validierungsseite ist im Blog schon zu finden, nämlich in der HTML5 Präsentation von Prof. Mittendorfer, aber vielleicht findest du ja noch eine weitere Seite.

Um die Kompatibilität der Website mit den gängigen Browsern sicherzustellen, habe ich auch hier eine Überprüfung durchgeführt. Ich habe im folgenden Prozess eine optische Überprüfung auf Fehler und Inkompatibilitäten sowie einen kurzen Funktionstest (Videos) durchgeführt.

Der erste Schritt war hierbei eine kleine Internetrecherche um sicherstellen zu können, dass meine Schritte nicht unbegründet sind und der ganze Prozess strukturiert abläuft.

Hierfür habe ich unter anderem folgende Blogs und Foren mit Tutorials sowie kurzen Anleitungen zur Überprüfung der Komptabilität einer Website in den diversen Browsern gefunden.

 Brauchbarer Link:

http://www.css-einfach.de/artikel/cross-browser-onlinedienste/

*Kurze Anleitung, mit Links zu kostenlosen sowie kostenpflichtigen Diensten, die beim Testen der Komptabilität hilfreich sein können.

 Nach dem einem ersten Test, bei dem folgende Browser getestet wurden (Firefox, Safari Chrome für Mac; Firefox, Chrome und IE 9 für Windows 7), haben wir feststellen könne, dass der Header am iPhone nicht richtig dargestellt wurde. Deshalb wurde dieser dann noch verändert und er wird nun in jedem Browser richtig angezeigt.

Weiters konnte das Videoformat .ogy im IE9 und im Firefox für Windows nicht abgespielt werden. Deshalb wurden die videos auf .ogg umgewandelt und nun funktionieren diese ebenfalls.

 Weiters habe ich ein Tool im dem oben erwähnten Blog gefunden, der durch die Eingabe der URL die Website kostenlos beinahe allen möglichen Browsern darstellt und davon einen Screenshot macht. Dies erleichtert den Vorgang erheblich, da man einen schnellen Überblick bzw. eine zweite Kontrolle hat. Desweiteren sieht man wie die Website in den unterschiedlichen Versionen des Browsers dargestellt wird.

Hier ein kleiner Screenshot des Tools bzw. eines Teils der Ergebnisse:

Um dieses Tool nutzen zu können, muss man sich jedoch vorher registrieren. Dies ist auf

http://browsershots.org/ möglich.

Mein Ergebnis: Ich habe die Website auf folgenden Browsern getestet:

Mit folgendem Ergebnis:

MAC:

Safari5.1.3: Website wird richtig dargestellt und Videos können ohne Probleme wiedergegeben werden.

Chrome17.0.963.56: Website wird richtig dargestellt, Videos laufen gut und sind ohne probleme wiederzugeben.

Firefox10.0.2: Website wird richtig wiedergegeben, jedoch können die Videos nicht geladen werden.

iPhone und iPad:

Website sieht am iPad wirklich toll aus. Alle Seiten werden ohne Fehler dargestellt und Videos können ohne Probleme wiedergegeben werden. Auch im Vollformat können die Videos noch ohne Probleme wiedergegeben werden.

 Ich werde morgen noch einen Test auf einem Windowsrechner durchführen und die Probleme mit Firefox auf Mac noch mit meinen Kollegen besprechen bzw. morgen noch einmal einen Testdurchlauf starten.