Webentwicklung & Programmierung
PHP, MySQL, Contao/TYPOlight, Javascript, jQuery, XML, JSP
Nichts ist für eine erfolgreiche Website wichtiger als solider, klar strukturierter Quellcode. Er stellt nicht nur sicher, dass die Seite von allen Browsern korrekt angezeigt wird, sondern hilft auch beim Suchmaschinenmarketing. Ich verfüge über umfassende Kenntnisse nicht nur im Frontend-Development (Stichworte (X)HTML, CSS, Javascript), sondern auch im Backend-Development (Stichwort PHP, MySQL, Content Management Systeme wie Contao und Typo3) und bin daher in der Lage, auch komplexe Webanwendungen und -auftritte zu realisieren. Gern greife ich dabei auch auf etablierte und aktuelle Frameworks wie beispielsweise CodeIgniter, Zend, jQuery oder YAML zurück.
Ich verfüge über Expertenwissen in dem beliebten CMS Contao (ehemals TYPOlight) und programmiere bei Bedarf auch eigene Extensions dafür.
Planet Wissen (WDR)
Sendungsbegleitende Wissensplattform des WDR/SWR
Im Rahmen meiner Tätigkeit als Web Developer bei der clicktivities AG in Düsseldorf konnte ich den Relaunch des mit dem Grimme-Online-Award ausgezeichneten Auftritts von Planet Wissen für den WDR als verantwortlicher Web Developer betreuen und technisch umsetzen. Die Umsetzung erfolgte 100% barrierefrei nach den Richtlinien der BITV in validem (X)HTML auf der Grundlage des CSS-Frameworks YAML. Implementiert wurde diese Umsetzung über das WDR-eigene CMS OTTI. Die interaktiven Anteile des Auftritts wurden serverseitig über JSP, Java und Perl und clientseitig über JavaScript realisiert. Zum Projektumfang gehörte ebenfalls eine eintägige Schulung der WDR-Mitarbeiter vor Ort in Köln, die ich vorbereitet und abgehalten habe. Eine aufwendige technische Dokumentation und ein verständliches, ausführliches Anwenderhandbuch runden das Projekt ab.
Telekom Callback
Rückrufanforderung für Telekom-Kunden
Für die Telekom überarbeitete ich im Rahmen meiner Tätigkeit bei der clicktivities AG die Callback-Applikation. Über das von verschiedenen Bereichen der Telekom-Website verlinkte Formular können Kunden einen Rückruf zu einer von ihm bestimmten Uhrzeit durch eines der Callcenter der Telekom anfordern. Das Formular erkennt dabei durch URL-Parameter, von welcher Seite der Kunde kommt und welche Callcenter für die Anfrage in Frage kommen. Bei dieser Berechnung werden auch Auslastung und Arbeitszeiten der verschiedenen Callcenter berücksichtigt. Die komplexe Applikation ist vollständig in objektorientiertem PHP programmiert und wird über XML-Dateien konfiguriert. Bei der Überarbeitung waren insbesondere die sehr hohen Sicherheitsanforderungen der Telekom zu berücksichtigen, so dass verschiedene Maßnahmen zur Abwehr von Cyberattacken implementiert wurden.
Stadtwerke Düsseldorf
Relaunch der Startseite des Unternehmensauftritts
Als verantwortlicher Web Developer konnte ich im Herbst 2009 das von der clicktivities AG gestaltete neue Layout der Startseite der Unternehmenswebsite umsetzen. Die Umsetzung erfolgte auf der Grundlage des CSS-Frameworks YAML in validem (X)HTML unter Berücksichtigung größtmöglicher Barrierearmut. Die interaktiven Anteile der Seite (wie beispielsweise das Akkordeon) wurden mit Hilfe von jQuery implementiert.
Zeichen setzen gegen Gewalt
Microsite des WEISSEN RINGS für die jugendliche Zielgruppe
Im Rahmen meiner Tätigkeit bei der clicktivities AG war ich für die Umsetzung des Layouts dieser Microsite für den WEISSEN RING zuständig. Die Umsetzung erfolgte in validem (X)HTML auf der Basis des CSS-Frameworks YAML. Die Microsite wurde mit zahlreichen Javascript-Funktionalitäten ausgestattet. So implementierte ich beispielsweise für die Darstellung der Videos den Flowplayer - einen auf Javascript basierenden sehr anpassungsfähigen und gut erweiterbaren Flashplayer. Die Validierung der zahlreichen Formulare erfolgt clientseitig mit jQuery und serverseitig durch PHP. Durch eine E-Card-Versandmöglichkeit lädt die Seite zur Interaktion ein.
AG Sachverständige
Vereinsdarstellung mit Mitgliederdatenbank und abgeschlossenem Mitgliederbereich
Für die Arbeitsgemeinschaft Sachverständige Gartenbau Landschaftsbau Sportplatzbau e.V. gestaltete ich 2001 eine Website, die dem Besucher die Möglichkeit geben sollte, Einblick in Satzung und Mitgliederdatenbank des Vereins zu nehmen. Die Datenbank wurde in ASP realisiert, der Besucher hatte die Möglichkeit, nach Bundesland und Spezialgebiet einen geeigneten Sachverständigen für seine Problemstellung zu finden.
2007 wurde das Layout der Website durch Sebastian Krull komplett neu gestaltet und durch mich mit dem CMS TYPOlight realisiert. Dies umfasste die komplette Umsetzung des Layouts in (X)HTML und CSS und die Anpassung des CMS auf die speziellen Bedürfnisse des Kunden. So beinhaltet die Website nun neben der Mitgliederdatenbank und der informativen Teile auch ein Frontend für die Mitglieder, mit dem diese ihre Mitgliedsdaten pflegen und sich entsprechend ihrer Arbeitsgruppen mit anderen Mitgliedern in einem Forum austauschen können. Des weiteren wurde für jede Arbeitsgruppe in einem nur für die Mitglieder der AGS zugänglichen Bereich eine eigene Plattform eingerichtet, die sie mit Artikeln und Neuigkeiten füllen können. Abgerundet wird das komplexe Projekt durch einen Veranstaltungskalender mit Online-Anmeldefunktion und Übersicht über die noch freien Plätze.
photoya.de
Fotoportfolio für einen befreundeten Fotografen und mich selbst
Die Programmierung in PHP und MySQL umfasst hier erneut das komplette Front- und Backend. Unter anderem versieht das System jedes Bild automatisch bei Aufruf mit einem Wasserzeichen und stellt die Bilder je nach Aufrufmethode (über den Browser oder das Piclens-Plugin) in unterschiedlichen Größen zur Verfügung. Weiterhin werden die EXIF-Daten aus den Bilddateien ausgelesen und in verständlicher Form präsentiert. Bilder können kommentiert oder mit Hilfe einer Warenkorb-Funktion bestellt werden.
2009 gestaltete ich das Frontend der Seite vollständig neu. So präsentieren sich unsere Bilder nun auf schwarzem Hintergrund mit einem dezenten dunkelgrauen Rahmen. Die Informationen zum Bild und die Formulare für Kommentare und Anfrage sind übersichtlich darunter in einem sogenannten Akkordeon zusammengefasst. Die Website basiert auf dem CSS-Framework YAML und nutzt verschiedene jQuery-Funktionen.
Eine Überarbeitung des Backends in objektorientiertem PHP ist derzeit in Arbeit.
Seelenbücher.de
Community für individuell gestaltete "Seelenbücher"
Nach der Konzepterstellung in Absprache mit den Auftraggebern erfolgte zunächst die Umsetzung des vorgegebenen Layouts in HTML. Anschließend wurden Frontend und Backend anhand des Konzepts in PHP und MySQL programmiert. Neben der Verwaltung für User und Bücher wurden aufwendige Funktionen für die Fristenverwaltung und die Abarbeitung der Bücherlisten entworfen und implementiert. So haben die Mitglieder in ihrem Profil jederzeit einen Überblick über die sich bei ihnen in Bearbeitung befindlichen und bestellten Bücher - und soll ein fertig bearbeitetes Buch weitergeschickt werden, ermittelt das System automatisch unter Berücksichtigung von überschrittenen Fristen, Bücherlimits und Urlaubsabwesenheit den nächsten Bearbeiter des Buches und dessen Adresse.
Artagnan.de
Umfangreiche Literaturwebsite mit interaktiven Rubriken
Artagnan.de ist in erster Linie eine informative Website mit statischen Inhalten. Für die stetig wachsende Usergemeinde wurden nach und nach einige interaktive Rubriken wie ein Forum oder Bildergalerien hinzugefügt. Den größten Raum nimmt das von mir konzeptionierte und entwickelte "Fanfiction-Archiv" ein, in dem die Nutzer selbstgeschriebene Geschichten veröffentlichen, lesen und rezensieren können. Programmiert wurde das Skript in PHP und MySQL, die Funktionen des Frontends umfassen eine umfangreiche Verwaltung der eigenen Geschichten und der dazugehörigen Kapitel, Privatnachrichten, eine Review-Funktion, PDF-Generierung, Sperrung ganzer Geschichten oder einzelner Kapitel für Minderjährige u.v.m. Das Backend erlaubt die komfortable Verwaltung sämtlicher User und Geschichten durch mehrere, in ihren Rechten abstufbaren Administratoren.
Derzeit ist eine Auffrischung des Programmcodes in Arbeit.
