Sie befinden sich hier: Startseite » Referenzen » Projekt "Alpha 0.7" für BT-Cologne

DER KUNDE

Klicken Sie hier, um zur Internetseite www.bt-cologne.de zu gelangen.

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

Klicken Sie hier, um mehr über das Open Source Content Management System TYPO3 zu erfahren.

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.

Klicken Sie hier, um mehr über das Open Source Content Management System TYPO3 zu erfahren.

ÜBER WORDPRESS

Klicken Sie hier, um mehr über das Open Source Blog-System Wordpress zu erfahren.

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.

Klicken Sie hier, um mehr über das Open Source Blog-System Wordpress zu erfahren.

ÜBER JQUERY

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

Klicken Sie hier, um die Internetseite von Protecta Society in einem neuen Browser-Fenster aufzurufen.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

Klicken Sie hier, um zum apollon Blog zu gelangen.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

Klicken Sie hier, um die Alpha 0.7 Countdown-Landing Page in einem neuen Fenster zu öffnen.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.