DER KUNDE
Kunde
BT-Cologne
Sebastian Büttner
Anschrift
Veledastraße 2
50678 Köln
Deutschland
E-Mail
s.buettner[at]bt-cologne.de
Internet
www.bt-cologne.de
ÜBER TYPO3
TYPO3 ist ein freies
Open Source
Open Source steht für freie und quelloffene Software.
Open Source
Content Management System
CMS steht für Content Management System, was übersetzt Inhaltsverwaltungssystem oder Redaktionssystem bedeutet.
Content Management System für mittlere bis große Internet- oder Intranet-Auftritte.
Es bietet volle Flexibilität und Erweiterungsfähigkeit sowie eine große Auswahl an zur Verfügung stehenden Funktionen und Modulen.
ÜBER WORDPRESS
WordPress ist ein zeitgemässes Weblog-System zum Veröffentlichen persönlicher Beiträge - den Schwerpunkt bilden Ästhetik, Webstandards und Benutzerfreundlichkeit. WordPress basiert auf
PHP
PHP steht für Pre-HTML Processor und meint eine Skriptsprache, die vornehmlich für die Programmierung von dynamischen Webseiten bzw. Webanwendungen verwendet wird.
PHP und MySQL, ist frei erhältlich, einfach zu installieren und wird allen Ansprüchen an einen professionellen Webauftritt gerecht.
ÜBER JQUERY

jQuery ist eine schnelle und präzise Javascript Bibliothek, die die Ver- und Bearbeitung von
HTML
HTML steht für Hypertext Markup Language und bezeichnet eine Internet-Technologie zur Formatierung von Dokumenten. HTML ist quasi die Muttersprache des Internets.
HTML-Dokumenten, das Event Handling, Animation und Ajax Interaktionen für schnelle Webentwicklung vereinfacht.
PROJEKTE FÜR ALPHA 0.7 IM AUFTRAG VON BT-COLOGNE
Für das trimediale Projekt "Alpha 0.7 - Der Feind in dir" wurden von burnabit im Auftrag von BT-Cologne die folgenden Projekte realisiert:
CORPORATE WEBSITE FÜR PROTECTA SOCIETY AUF BASIS VON TYPO3
DIE AUFGABE
Erstellung einer Corporate Website auf Basis von TYPO3 für die fiktive Firma Protecta Society aus der transmedialen Serie "alpha 0.7 - Der Feind in dir" sowie Programmierung einer Adobe® Flash® Anwendung zur Realisierung eines Eignungstests für das "Trusted Citizen Programm" von Protecta Society.
DIE UMSETZUNG
Zunächst wurde auf Basis der vom Kunden gelieferten Layouts ein statisches
HTML
HTML steht für Hypertext Markup Language und bezeichnet eine Internet-Technologie zur Formatierung von Dokumenten. HTML ist quasi die Muttersprache des Internets.
HTML-/
CSS
CSS steht für Cascading Stylesheets, eine Internet-Technologie zur strukturierten Darstellung von Dokumenten.
CSS-Template programmiert. Nach Fertigstellung des Templates erfolgte die
W3C
W3C steht für World Wide Web Consortium, dem Gremium zur Standardisierung von Internet-Technologien.
W3C-Validierung und ein Cross-Browser-Test.
Anschliessend wurde das
Open Source
Open Source steht für freie und quelloffene Software.
Open Source
Content Management System
CMS steht für Content Management System, was übersetzt Inhaltsverwaltungssystem oder Redaktionssystem bedeutet.
Content Management System TYPO3 installiert, das
HTML
HTML steht für Hypertext Markup Language und bezeichnet eine Internet-Technologie zur Formatierung von Dokumenten. HTML ist quasi die Muttersprache des Internets.
HTML-/
CSS
CSS steht für Cascading Stylesheets, eine Internet-Technologie zur strukturierten Darstellung von Dokumenten.
CSS-Template integriert und der Seitenbaum eingerichtet. Danach folgte die Befüllung der Seiten mit Content und die Installation und Einrichtung von zusätzlichen sog. TYPO3-Extensions, wie realurl für suchmaschinenfreundliche URLs, tt_news für den News- und Pressebereich der Seite, powermail zur Realisierung eines Kontaktformulars und der von burnabit entwickelten TYPO3-Extension burnabitivwtags für die Integration des Zählverfahrens der IVW.
Ein Highlight der Protecta Society Website ist der Trusted Citizen Eignungstest, der mit Adobe® Flash® realisiert wurde.
DIE ERGEBNISSE
Das Resultat der Protecta Society Website ist eine sehr authentische Corporate Website, die den Alpha Kosmos um ein wichtiges Element bereichert. Dank des Einsatzes von TYPO3 waren die Autoren und Redakteure der Serie in der Lage, Inhalte zu pflegen.
Die ansehnlichen Zugriffszahlen bestätigen das gute Endergebnis.
ALPHA 0.7 - APOLLON BLOG
DIE AUFGABE
Realisierung eines Blogs für "apollon", einen elementaren Bestandteil der TV-Serie "Alpha 0.7 - Der Feind in Dir", unter Berücksichtigung der "Alpha Zeitrechnung".
DIE UMSETZUNG
Zunächst wurde auf Basis der vom Kunden gelieferten grafischen Vorlagen ein
W3C
W3C steht für World Wide Web Consortium, dem Gremium zur Standardisierung von Internet-Technologien.
W3C-konformes
HTML
HTML steht für Hypertext Markup Language und bezeichnet eine Internet-Technologie zur Formatierung von Dokumenten. HTML ist quasi die Muttersprache des Internets.
HTML-/
CSS
CSS steht für Cascading Stylesheets, eine Internet-Technologie zur strukturierten Darstellung von Dokumenten.
CSS-Template programmiert.
Dieses
HTML
HTML steht für Hypertext Markup Language und bezeichnet eine Internet-Technologie zur Formatierung von Dokumenten. HTML ist quasi die Muttersprache des Internets.
HTML-/
CSS
CSS steht für Cascading Stylesheets, eine Internet-Technologie zur strukturierten Darstellung von Dokumenten.
CSS-Template wurde im zweiten Schritt in das "Apollon"-Wordpress-Theme gewandelt. Das Wordpress-Theme wurde selbstverständlich ebenfalls
W3C
W3C steht für World Wide Web Consortium, dem Gremium zur Standardisierung von Internet-Technologien.
W3C-validiert und einem Cross-Browser-Check unterzogen.
Nach Installation und Einrichtung der Blog-Software Wordpress folgte die Installation des "Alpha"-Themes.
Zur Realisierung der "Alpha Zeitrechnung" wurde das Wordpress-Plugin "Alpha Date" programmiert, das alle Datumsangaben innerhalb des Frontends von Wordpress auf die Zeitrechnung der Fernsehserie anpasst. Das Wordpress-Plugin "Alpha Date" wandelt natürlich auch die von Wordpress generierten sogenannten Permalinks auf die Alpha Zeitrechnung um.
Abschliessend erfolgte die Installation, Einrichtung und Anpassung von weiteremn frei verfügbaren Wordpress-Plugins und die Integration des IVW-Zählverfahrens zur offiziellen Messung der Zugriffszahlen.
DAS ERGEBNIS
Der Apollon-Blog ist ein - laut den Autoren, Produzenten und Blog-Benutzern - gelungender Teil des Alpha 0.7 Kosmos und dient als wichtige Basis für die übrigen Puzzleteile der transmedialen Serie "Alpha 0.7 - Der Feind in dir".
Dank der im Internet weit verbreiteten Blog-Software Wordpress verzeichnet der Blog eine unerwartet hohe Anzahl von Kommentaren.
ALPHA 0.7 - COUNTDOWN LANDING PAGE
DIE AUFGABE
Programmierung einer Landing-Page für das Projekt "Alpha 0.7 - Der Feind in dir" mit einem Countdown bis zum Start der ersten Webpräsenz des Projektes unter Anwendung des "Look & Feel" der TV-Serie.
Auf Wunsch des Kunden sollte der Countdown ohne Verwendung von Adobe Flash® realisiert werden.
DIE UMSETZUNG
Die Programmierung der Countdown Landing Page wurde mittels
HTML
HTML steht für Hypertext Markup Language und bezeichnet eine Internet-Technologie zur Formatierung von Dokumenten. HTML ist quasi die Muttersprache des Internets.
HTML/
CSS
CSS steht für Cascading Stylesheets, eine Internet-Technologie zur strukturierten Darstellung von Dokumenten.
CSS,
PHP
PHP steht für Pre-HTML Processor und meint eine Skriptsprache, die vornehmlich für die Programmierung von dynamischen Webseiten bzw. Webanwendungen verwendet wird.
PHP und Javascript realisiert. Die Herausforung steckte im Detail. Da Flash® als Anwendung auf Grund von Kundenwünschen ausgeschlossen war, musste auf Javascript und sogenannte
Background-Sprites
Unter Background-Sprites versteht man eine Webtechnologie zur Reduktion von http-Anfragen an einen Webserver mit dem Ziel, die Ladezeiten einer Website zu minimieren. Background-Sprites fassen mehrere Einzelgrafiken in einer Gesamtgrafik zusammen.
Background-Sprites für die Realisierung des grafischen Countdowns zurückgegriffen werden.
Für die Umsetzung des Countdowns kam die Javascript-Bibiliothek jQuery zur Anwendung.
DAS ERGEBNIS
Die Landing-Page ist einfach, aber effektiv.
Dank der Verwendung sogenannter "Web 2.0 Technologien" konnte die Anwendung von Browser-Plugins wie Adobe Flash® vermieden werden.
Die Zielsetzung wurde über die Erwartungen erfüllt. Binnen weniger Tage konnten enorme Zugriffszahlen verzeichnet werden.









