jens enkhardt

Software-Entwickler für Web, Mobile und Games.

Mein Name ist Jens Enkhardt und ich bin Fachinformatiker für Anwendungsentwicklung und staatlich geprüfter Informationstechnischer Assistent.

Die Planung und Entwicklung von responsiven Webseiten und Webanwendungen im Frontend- und Backend-Bereich ist mein beruflicher Schwerpunkt. Das Entwickeln von nativen und hybriden Android Apps gehört ebenfalls zu meinem Re­per­toire.

Seit 2017 beschäftige ich mich intensiv mit dem Thema der Spieleentwicklung und lege den Fokus hierbei auf WebGL und Unity.

Kontakt

Jens Enkhardt
Am Altenbruch 46
40822 Mettmann

Perfektion, gemessen in Pixel.

Web Entwicklung

Als Fachinformatiker für Anwendungsentwicklung liegt die Webentwicklung im Fokus meiner beruflichen Tätigkeit. Im Frontend lege ich bei der Entwicklung von Templates besonderen Wert auf ein W3C konformes Markup in HTML/CSS und verwende bevorzugt optionales JavaScript. In Abhängigkeit der Anforderungen greife ich auf passende Bibliotheken wie etwa Bootstrap, jQuery oder AngularJS zurück.

Im Backend kommen je nach Anforderung der Auftraggeber CMS wie Typo3, Contao oder Wordpress zum Einsatz. Bei Eigenentwicklungen nutze ich vorwiegend PHP oder nodeJS und verwende bereits geschriebene PHP-Klassen oder Module.

Zum Seitenanfang

  • Webanwendung digitando – Backend

    Webanwendung digitando – Backend

    Jahrgang: 2016

    Technologien: HTML5, CSS3, Bootstrap, JavaScript (AngularJS), Ajax, PHP, MySQL, IMAP, REST, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. Digitando Backend Webapp. Aufgrund der automatischen Verarbeitung von E-Mails wird eine Webanwendung benötigt, um die Automatisierung der E-Mail-Verarbeitung zu überprüfen. Die Webanwendung enthält dazu alle notwendigen Seiten und Einstellungen, um alle Features von digitando im Backend und Frontend abdecken zu können.

    Besonderheiten: AngularJS Directiven, AngularJS Services, Schnittstelle zur Automatisierung, Statistik, Live-Protokoll.

  • Webseite KFZ-Jesse.de

    Webseite KFZ-Jesse.de

    Jahrgang: 2014

    Technologien: HTML5, CSS3, JavaScript, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Webdesign und Webentwicklung aus einer Hand. Passend zum Handwerksbetrieb KFZ-Jesse, welcher erstmalig einen Internet Auftritt erhalten hat. Es ist eine kleine Single-Webseite.

    Besonderheiten: Responsive Design, CSS3-Features, optionaler ScrollTo-Effekt durch JavaScript.

  • Samsung SmartTV – Digital Signage Player Entwicklung

    Samsung SmartTV – Digital Signage Player Entwicklung

    Jahrgang: 2013

    Technologien: HTML5, CSS3, JavaScript, Ajax, XML, Samsung Smart TV

    Entstanden: bei Adversign Media GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung eines Digital Signage Player auf Samsung Smart TVs. Der TV wird über eine WebApp registriert und erhält von dort die Playlist. Die Playlist liegt im XML-Format vor und enthält Clip-Definitionen (Dauer, Clip-Typ und Inhalte) für dieses TV Gerät. Neben den Digital Signage HTML-Clips kann der Player auch Videos abspielen.

    Besonderheiten: Digital Signage Player, TV-Gerät registrieren, Automatische Clip Wiedergabe. Spielt HTML-, Bild- und Video-Clips ab.

  • Webseite Spee – Waschsalon

    Webseite Spee – Waschsalon

    Jahrgang: 2012

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: bei freshcells systems engineering GmbH

    Beschreibung: Upgrade der bestehenden Typo3 Installation. Überarbeitung der Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Grußkarten mit neuen Designs erstellt und hinzugefügt.

    Besonderheiten: Typo3 Upgrade, Grußkarten mit Audioausgabe

  • Webseite GuteGesellschaft.com

    Webseite GuteGesellschaft.com

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert. Die Boxen auf der Startseite sind animiert und enthalten eine Grafik auf der einen Seite und Überschrift mit Text auf der anderen Seite. Die Nachrichten sind in einem Accordion aufgelistet.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, News-System, Slideshow, Accordions, Kontaktformular, Druck-Templates.

  • Webseite Henkel – Mein schönes Zuhause

    Webseite Henkel – Mein schönes Zuhause

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery)

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Die Webseite ist ein Ratgeber für die eigenen Produkte und beinhaltet Themenbereiche, die die Verwendung der Produkte hervorhebt. Es gibt Produktseiten von General, Sidolin, Biff, Sidol und Sofix, die auch als Landingpage fungieren. Ab und zu gibt es ein Gewinnspiel.

    Besonderheiten: Mehrere Seitenlayouts, ImageMaps, Bild-Slider, Gewinnspiel.

  • Webseite Henkel – biff

    Webseite Henkel – biff

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery)

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Die Webseite ist Teil von Mein schönes Zuhause und enthält besondere Informationen zum Produkt.

    Besonderheiten: Mehrere Seitenlayouts, ImageMaps, Bild-Slider, Gewinnspiel.

  • Webseite Henkel – Vernel.de

    Webseite Henkel – Vernel.de

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Überarbeitung der Templates in HTML/CSS und JavaScript. Webseite mit neuen Produktbildern versehen.

    Besonderheiten: Pflege bestehender Webseite.

  • Webseite Qorn.de

    Webseite Qorn.de

    Jahrgang: 2010

    Technologien: HTML, CSS, JavaScript (jQuery), PHP

    Entstanden: bei newton21 GmbH

    Beschreibung: Eigene Projektarbeit. Aktualisierung der Templates in HTML/CSS und JavaScript. Einbindung von Werbebannern für das neue Produkt auf der Webseite. Neue Produkte in Shop-Sortiment eingepflegt.

    Besonderheiten: Animierte Werbebanner.

  • Webanwendung jeImageGallery – Version 1

    Webanwendung jeImageGallery – Version 1

    Jahrgang: 2010

    Technologien: HTML, CSS, JavaScript (jQuery), Ajax, PHP, MySQL, ImageMagic

    Entstanden: Selbstständig

    Beschreibung: Erstellung einer Webanwendung für die online Bild Bearbeitung. Beschneidung und Skalierung von Bildern, Vorschau- und Undo-Funktion bei Bildbearbeitung.

    Besonderheiten: Online Bildbearbeitung, Bild beschneiden und skalieren, Bildattribute: Titel, Datum und Beschreibung, Alphabetische Sortierung, Wiederherstellung des originalen Bildes möglich.

  • Intranet Webanwendung MedCare – InternesTool

    Intranet Webanwendung MedCare – InternesTool

    Jahrgang: 2009

    Technologien: HTML, CSS, JavaScipt (jQuery), Ajax, PHP, MySQL

    Entstanden: Selbstständig

    Beschreibung: Erstellung einer Intranet Webanwendung zur Datenpfläge von Kontakten und anderen Firmen relevanten Datensätzen. Einheitliche Dateneingabe durch Formulare. Formulardaten können in PDF exportiert werden.

    Besonderheiten: Modulare-Entwicklung (leichte Integration weitere Datenbanktabellen), Dynamische Nachrichtenbox, Ajax-Technologie, Schnittstelle zur Flugtafel (Version 2.0).

  • Webseite BSS-Röhren.de

    Webseite BSS-Röhren.de

    Jahrgang: 2009

    Technologien: HTML, CSS, Typo3

    Entstanden: bei designverign GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert. Projektmanagement und Kundenkommunikation.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Google-Maps Einbindung, Suchfunktion, Seite Weiterempfehlen, News-System, Kontaktformular, Druck-Templates.

  • Webseite Kö-Zahnarzt

    Webseite Kö-Zahnarzt

    Jahrgang: 2008

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei designverign GmbH

    Beschreibung: Projektmitarbeit. Übungsprojekt für einen Auszubildenden Mediengestalter. Unterrichtung in der Erstellung von Templates in HTML/CSS und JavaScript (jQuery). Eigene Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Effekte mit jQuery, Bildergalerie, Google-Maps Einbindung, Druck-Templates, Kontaktformular.

  • Webseite GEZE.de

    Webseite GEZE.de

    Jahrgang: 2008

    Technologien: HTML, CSS, JavaScript, Flash, Typo3

    Entstanden: bei clicktivites AG

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert. Bildlaufanimation mit Flash. Bilder in Typo3 pflegbar.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Animierte Bildabläufe in Flash, Pflege der Bildabläufe durch XML in Typo3, Druck-Templates, Kontaktformulare.

  • Webseite Triathlonschule.de

    Webseite Triathlonschule.de

    Jahrgang: 2007

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: Selbstständig

    Beschreibung: Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure und Mitglieder konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Gästebuch, Bildergalerie, Newsletter, Interner Mitgliederbereich, Druck-Templates, Kontaktformular.

  • Webseite SportUndMarkt.de

    Webseite SportUndMarkt.de

    Jahrgang: 2006

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: bei clicktivites AG

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Suchfunktion, Druck-Templates, Kontaktformular.

  • Webanwendung digitando

    Webanwendung digitando

    Jahrgang: 2016

    Technologien: HTML5, CSS3, JavaScript (jQuery), Ajax, PHP, MySQL, IMAP, REST, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Projektmitarbeit. Digitando Webapp. digitando ist ein CRM online Service zur Verwaltung der Shopping-Emails. Daten der E-Mails von Online-Shops werden automatisch eingelesen und übersichtlich in einer Webanwendung dargestellt. Was habe ich wo gekauft? Wo ist die Rechnung dazu? Habe ich noch Garantie auf den Artikel? Welche Kundennummer habe ich bei den Shop? All diese Fragen sind mit Hilfe von digitando nun obsolet.

    Besonderheiten: Automatische E-Mail verarbeitung, Integrierter PDF-Reader, Cashback-Belohnungen, Accordions, Flyout-Boxen, CRM.

  • Webanwendung jeImageGallery – Version 2

    Webanwendung jeImageGallery – Version 2

    Jahrgang: 2014

    Technologien: HTML5, CSS3 (Bootstrap), JavaScript (AngularJS), PHP, MySQL, ImageMagic, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Relaunch der bestehenden jeImageGallery. Neu in der Version 2 sind das ResponsiveDesign, die Blätter-Funktion und Auswahl an Einträgen pro Seite. Aufgrund von Speichermangel wurde jedoch die Funktion der Wiederherstellung des originales Bildes gestrichen.

    Besonderheiten: ResponsiveDesign, Online Bildbearbeitung, Bild beschneiden und skalieren, Bildattribute: Titel, Datum und Beschreibung, Alphabetische Sortierung, Anzahl-Pro-Seite.

  • Digital Signage – Clips Entwicklung

    Digital Signage – Clips Entwicklung

    Jahrgang: 2012

    Technologien: HTML5, CSS3, JavaScript (jQuery), Ajax, XML

    Entstanden: bei Adversign Media GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates als Digital Signage Clips in HTML5/CSS3 und JavaScript. Templates dienen als Clip-Vorlage und enthalten Animationen. Die Überschrift und der Inhalt eines Clips werden über Ajax geladen und im Template dargestellt. Bei Textüberschuss wird der Text abgeschnitten und beginnt nach einer Zeit automatisch zu scrollen. Weitere Clip-Typen sind Wetterkarte, Werbung oder Apothekennotdienst.

    Besonderheiten: Animierte Templates, Animierter Text, Inhalte werden per Ajax geladen.

  • Webseite Hochschule Wismar

    Webseite Hochschule Wismar

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery, jQuery-Mobile), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert. Fixe, pflegbare Menüleisten am Anfang und am Ende der Webseite für Schnellverweise, Animierte Hauptnavigation, um zwei Themenbereiche zu trennen. Erweitertes News-System mit Freigabe durch andere Redakteure.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, ImageMaps, Erweitertes News-System, LDAP-Anbindung, Breadcrumb, animierte Hauptnavigation, Kontaktformular, Druck-Templates, Mobile-Webseite mit jQuery-Mobile.

  • Webseite BEKO-Technologies.de

    Webseite BEKO-Technologies.de

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, News-System, Slideshow, Accordions, Produktvideos, Produktdatenblätter, Kontaktformular, Druck-Templates.

  • Webseite Henkel – Der General

    Webseite Henkel – Der General

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery)

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Die Webseite ist Teil von Mein schönes Zuhause und enthält besondere Informationen zum Produkt.

    Besonderheiten: Mehrere Seitenlayouts, ImageMaps, Bild-Slider, Gewinnspiel.

  • Webseite Henkel – SIDOL

    Webseite Henkel – SIDOL

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery)

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Die Webseite ist Teil von Mein schönes Zuhause und enthält besondere Informationen zum Produkt.

    Besonderheiten: Mehrere Seitenlayouts, ImageMaps, Bild-Slider, Gewinnspiel.

  • Webseite Henkel – Somat.de

    Webseite Henkel – Somat.de

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, Facebook-Integration, Kontaktformular, Druck-Templates.

  • Webseite Henkel – Terra.de

    Webseite Henkel – Terra.de

    Jahrgang: 2010

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erneuerung der Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Monatliche Gewinnspiele mit Quiz.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, Newsletter-Versand (-Anmeldung und Abmeldung), Facebook-Integration, Monatliches Gewinnspiel, Quiz, Kontaktformular, Druck-Templates.

  • Moodle Module Qiagen – Reporting-Tool

    Moodle Module Qiagen – Reporting-Tool

    Jahrgang: 2010

    Technologien: HTML, CSS, JavaScript (jQuery), Ajax, PHP, MySQL, Moodle

    Entstanden: bei ka:media

    Beschreibung: Eigene Projektarbeit. Erstellung eines Moduls für Moodle, dem E-Learning System. Das Modul wertet die Testergebnisse von SCORM-Tests aus und stellt die Information in Balkendiagramme dar. Eigene SCORM-Tests können leicht hinzugefügt oder erstellt werden. Automatische Erinnerung per E-Mail an den Nutzer, falls dieser die Tests bisher noch nicht beendet haben sollte. Das Modul wird für internationale Schulungen eingesetzt.

    Besonderheiten: Moodle-Modul, Ajax-Technologie, Balkendiagramme, Live-Auswertung der Testergebnisse, Tests und Ergebnisse von SCRUM-Tests in Moodle, automatische E-Mail Erinnerung an Nutzer, Druck-Templates, Moodle-Theme.

  • Webseite Cresces.de

    Webseite Cresces.de

    Jahrgang: 2009

    Technologien: HTML, CSS, Typo3

    Entstanden: bei designverign GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Google-Maps Einbindung, Suchfunktion, Seite Weiterempfehlen, News-System, Kontaktformular, Druck-Templates, 2 Webseiten in einem Typo3-System (Toxavis und Cresces).

  • Webseite CMO-Architekten

    Webseite CMO-Architekten

    Jahrgang: 2009

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei designverign GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Typo3 für Redakteure konfiguriert. Erstellung eigener Inhaltselemente. Seiteninhalt besteht aus Bildabläufen und Textboxen. Bildablauf ist in Typo3 konfigurierbar.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Eigene Inhaltselemente (Bildabläufe), Seite Weiterempfehlen, News-System, Kontaktformular, Druck-Templates

  • Webseite Carl-und-partner.de

    Webseite Carl-und-partner.de

    Jahrgang: 2008

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: bei designverign GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Interaktive Bildergalerie, Druck-Templates, Kontaktformular.

  • Webseite grieger.de

    Webseite grieger.de

    Jahrgang: 2008

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: bei clicktivites AG

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Animierte Seiteninhalte durch Bilddurchläufe und Textboxen, Druck-Templates, Kontaktformular.

  • Webseiten Optegra.de / Syntalis.de

    Webseiten Optegra.de / Syntalis.de

    Jahrgang: 2007

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: bei clicktivites AG

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Google-Routenplaner, Druck-Templates, Kontaktformulare, 2 Internetauftritte in einem Typo3-System (Optegra und Syntalis).

  • Webseite Matrix42.de

    Webseite Matrix42.de

    Jahrgang: 2006

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: bei clicktivites AG

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Druck-Templates, Kontaktformular.

  • Webseite digitando.de

    Webseite digitando.de

    Jahrgang: 2015

    Technologien: HTML5, CSS3, JavaScript, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Projektmitarbeit. Single-Page zur Vorstellung der eigenen Geschäftsidee.

    Besonderheiten: Responsive Design, CSS3-Features, LightBox, Slider, optionaler ScrollTo-Effekt durch JavaScript.

  • Webseite Fahrschule-PAPE.de

    Webseite Fahrschule-PAPE.de

    Jahrgang: 2014

    Technologien: HTML5, CSS3, PHP, jeImageGallery, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Webseite-Relaunch für die Fahrschule-PAPE. Die Fahrschule-PAPE hat ein neues Corporate Design erhalten und somit bekam die Webseite auch einen neuen Anstrich. Das neue Design ist responsiv und passt daher unterschiedlichen Bildschirmgrößen an. Perfekt für die junge Zielgruppe. Erstellung von Templates in HTML/CSS und JavaScript. Eigenes, auf PHP basiertes CMS eingesetzt.

    Besonderheiten: eigenes CMS, Responsive Design, jeImageGallery, CSS3-Features.

  • Webseite Shopping-Plaza.de

    Webseite Shopping-Plaza.de

    Jahrgang: 2012

    Technologien: HTML5, CSS3, JavaScript, Contao

    Entstanden: bei Adversign Media GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML5/CSS3 und JavaScript. Template Integration in das CMS Contao. Interaktive, pflegbare Lagepläne erstellt und hinzugefügt. Geschäfte des Centers sind Pflegbar durch eigene Erweiterung.

    Besonderheiten: Contao, Contao-Erweiterung, Interaktive Lagepläne, Google-Maps Einbindung, Bildergalerie, Suchfunktion, Kontaktformular, Druck-Templates.

  • Webseite Henkel – Fleckenratgeber

    Webseite Henkel – Fleckenratgeber

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert. Die Webseite begleitet den Nutzer bei seiner Frage, wie er welchen Fleck los wird. Es werden anschließend Tipps und Produkte dargestellt.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, Druck-Templates.

  • Webseite Teekanne.com

    Webseite Teekanne.com

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert. Kräuterlexikon als Slideshow.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, Kräuterlexikon, Slideshow, Facebook-Integration, Kontaktformular, Druck-Templates.

  • Webseite Henkel – Sidolin

    Webseite Henkel – Sidolin

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery)

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Die Webseite ist Teil von Mein schönes Zuhause und enthält besondere Informationen zum Produkt.

    Besonderheiten: Mehrere Seitenlayouts, ImageMaps, Bild-Slider, Gewinnspiel.

  • Webseite Henkel – SOFIX

    Webseite Henkel – SOFIX

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery)

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Die Webseite ist Teil von Mein schönes Zuhause und enthält besondere Informationen zum Produkt.

    Besonderheiten: Mehrere Seitenlayouts, ImageMaps, Bild-Slider, Gewinnspiel.

  • Webseite Henkel – Pril.de

    Webseite Henkel – Pril.de

    Jahrgang: 2011

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei newton21 GmbH

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Seite-Weiterempfehlen, Facebook-Integration, Kontaktformular, Druck-Templates.

  • Webseite Fahrschule-PAPE.de

    Webseite Fahrschule-PAPE.de

    Jahrgang: 2010

    Technologien: HTML, CSS, PHP, jeImageGallery

    Entstanden: Selbstständig

    Beschreibung: Webseite-Relaunch für die Fahrschule-PAPE. Eigenes, auf PHP basiertes CMS eingesetzt. Erstellung von Templates in HTML/CSS und JavaScript. Zur Pflege der Bilder wird die jeImageGallery eingesetzt.

    Besonderheiten: Eigenes CMS, jeImageGallery, CSS3-Features.

  • Intranet Webanwendung MedCare – Flugtafel

    Intranet Webanwendung MedCare – Flugtafel

    Jahrgang: 2009

    Technologien: HTML, CSS, Ajax, PHP, MySQL

    Entstanden: Selbstständig

    Beschreibung: Erstellung einer Webanwendung. Optimiert für FullHD-Monitore. Zeigt die derzeitige Position und Status der externen Ambulanzen an. Durch Webanwendung werden Engpässe rechtzeitig erkannt und alarmiert. Datenbestände werden aus dem Internen-Tool von MedCare entnommen.

    Besonderheiten: Live Aktualisierung, Optimiert für FullHD, Bezieht Daten vom Internen Tool.

  • Webseite Toxavis.de

    Webseite Toxavis.de

    Jahrgang: 2009

    Technologien: HTML, CSS, Typo3

    Entstanden: bei designverign GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Google-Maps Einbindung, Suchfunktion, Seite Weiterempfehlen, News-System, Kontaktformular, Druck-Templates, 2 Webseiten in einem Typo3-System (Toxavis und Cresces).

  • Webseite designverign.de

    Webseite designverign.de

    Jahrgang: 2009

    Technologien: HTML, CSS, JavaScript (jQuery), Typo3

    Entstanden: bei designverign GmbH

    Beschreibung: Eigene Projektarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Referenz-Extension, Seite-Weiterempfehlen, News-System, Google-Maps Einbindung, Newsletter-Versand (-Anmeldung und Abmeldung), Kontaktformular, Bildlaufanimation, PHP-Code-Extension, Flash-Extension, Background-Extension, Druck-Templates.

  • Webseite LangholzManagement.com

    Webseite LangholzManagement.com

    Jahrgang: 2008

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: Selbstständig

    Beschreibung: Kammerjäger. Debug'ing und Vollendung eines bestehenden Typo3-Projektes. HTML-Templates korrigiert und Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Bildergalerien, Kontaktformular.

  • Webseite clicktivities.net

    Webseite clicktivities.net

    Jahrgang: 2008

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: bei clicktivites AG

    Beschreibung: Projektmitarbeit. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Erstellung eigener Inhaltselemente. Typo3 für Redakteure konfiguriert.

    Besonderheiten: Mehrere Seitenlayouts, Mehrsprachigkeit, Druck-Templates, Kontaktformulare.

  • MediaWiki Erweiterungen für das Karneval-Museum in Düsseldorf

    MediaWiki Erweiterungen für das Karneval-Museum in Düsseldorf

    Jahrgang: 2007

    Technologien: GNU Linux, Apache, HTML, CSS, PHP, MySQL, MediaWiki

    Entstanden: bei clicktivites AG

    Beschreibung: Projektmitarbeit. Installation und Konfiguration von einem Webserver auf Debain Linux (Apache,MySQL,PHP,MediaWiki). Einrichtung eines MediaWiki-Systems auf dem Webserver. Erstellung eines MediaWiki-Themes für optimale Touch-Bedienung. Erstellung von MediaWiki-Erweiterungen für die Integration von Videos und HTML-Code im RTE.

    Besonderheiten: Einrichtung eines Web-Servers, MediaWiki Theme für optimale Touch-Bedienung, MediaWiki-Erweiterung für Video Integration, MediaWiki-Erweiterung für HTML-Code im RTE.

  • Webseite Fahrschule-PAPE.de

    Webseite Fahrschule-PAPE.de

    Jahrgang: 2006

    Technologien: HTML, CSS, JavaScript, Typo3

    Entstanden: Selbstständig

    Beschreibung: Webseite-Relaunch. Erstellung von Templates in HTML/CSS und JavaScript. Template Integration in das CMS Typo3. Typo3 für Redakteure konfiguriert und eine Bildergalerie für bestandene Fahrschüler eingerichtet.

    Besonderheiten: 2 Seitenlayouts, Fahrschüler-Archiv, Druck-Templates, Kontaktformular.

You can touch this!

Mobile App Entwicklung

Das Android Ökosystem fasziniert mich seit meinem Android 1.0 Smartphone. Zu Beginn habe ich mich mit der nativen Entwicklung von Android Apps in Java beschäftigt. Mittlerweile setze ich primär auf hybride Frameworks wie cordova. Die meisten Anforderungen lassen sich damit effizienter umsetzen.

Zum Seitenanfang

  • Android App – digitando

    Android App – digitando

    Jahrgang: 2016

    Technologien: HTML5, CSS3, JavaScript, Ajax, Cordova, Crosswalk, Android, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. Digitando Android App. Die Webanwendung von digitando verpackt in einer nativen Android-App. Die Anwendung wurde mit Cordova erstellt und lädt die Webanwendung von digitando. Die Templates wurden für mobile Geräte optimiert und der Integrierte PDF-Reader ermöglicht das sofortige Einsehen von Rechnungen oder anderen Dokumenten.

    Besonderheiten: Hybrid-Android-App mit Cordova, Automatisches Re-Login, Angepasstes Hauptmenü, Integrierter PDF-Reader.

  • Android App – YourNinjaName

    Android App – YourNinjaName

    Jahrgang: 2011

    Technologien: Java, Android

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. Übungsprojekt. Übersetzung eines Vor- und Nachnamens in einen Ninja-Namen mit anschließender japanischen Sprachausgabe.

    Besonderheiten: Text-2-Speech.

  • Android App – Blutdruckpass

    Android App – Blutdruckpass

    Jahrgang: 2013

    Technologien: Java, Android, SQLite, Android-Fragments

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. Übungsprojekt. Erfassung und persistente Speicherung von Blutdruckmesswerten. Darstellung aller Messwerte in einer Liste. Import- und Export-Funktion der Messdaten.

    Besonderheiten: Native Date- & Time-Picker, Android-Fragmente, Validierung der Messdaten, Import/Export Funktion.

  • Android App – Blutdruckpass

    Android App – Blutdruckpass

    Jahrgang: 2011

    Technologien: Java, Android, SQLite

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. Übungsprojekt. Erfassung und persistente Speicherung von Blutdruckmesswerten. Darstellung aller Messwerte in einer Liste und einem Liniendiagramm. Import- und Export-Funktion der Messdaten.

    Besonderheiten: Native Date- & Time-Picker, Liniendiagramm, Validierung der Messdaten, Import/Export Funktion.

Press Start to Play

Spiele Entwicklung

Neben dem beruflichen Alltag interessiere ich mich für die Videospielkultur. Mit dem Beginn von LevelDesign und Modding für bestehende Spiele wuchs mein Interesse stark, eigene Spielideen zu verwirklichen. Ich verwende innovative Technologien wie HTML5 und WebGL, um Videospiele oder 3D-Inhalte mittels Bibliotheken wie three.js oder createJS direkt im Webbrowser darzustellen.

Seit Anfang 2017 experimentiere ich mit der Laufzeit- und Entwicklungsumgebung Unity, welche neben der Spielebranche auch verstärkt Anwendung in der Wirtschaft findet.

Zum Seitenanfang

  • jeSpaceWing (WIP)

    jeSpaceWing (WIP)

    Jahrgang: 2014

    Technologien: HTML5, CSS, Ajax, JavaScript, ThreeJS, TweenJS, WebGL

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. Unvollendetes Übungsprojekt. Entwicklung eines Weltraum Kampfsimulators in HTML5 und JavaScript. Als Vorbild dient der Simulator von Wing Commander 1 aus 1990. Partikeleffekte, Physikalische Flugsteuerung, Sound-Ausgabe, Kollisionen, animiertes Cockpit und eine simple KI. Das Spiel ist lauffähig, jedoch muss die KI weiter entwickelt werden, wozu mir derzeit leider die Zeit fehlt.

    Besonderheiten: Partikel-Effekte, DoubleBoxCollisions, 2D-Radar, Animiertes Cockpit, WebGL-Rendering, Preloader, KI.

  • LevelDesign – Bauplan als Vorlage

    LevelDesign – Bauplan als Vorlage

    Jahrgang: 2006

    Technologien: SourceEngine, HammerEditor, CAD

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. LevelDesign nach Bauplan. Aus zeitlichen Gründen wurde die Entwicklung der Map eingestellt.

    Besonderheiten: Interaktionen, Prefabs, SkriptedEvents.

  • LevelDesign – Half Life 2

    LevelDesign – Half Life 2

    Jahrgang: 2004

    Technologien: SourceEngine, HammerEditor, CAD

    Entstanden: Selbstständig

    Beschreibung: Eigene Projektarbeit. Beispiele einiger Maps und Prefabs.

    Besonderheiten: Interaktionen, Prefabs, SkriptedEvents.

Deprecated, aber nicht vergessen.

Andere Projekte

Abseits der klassischen Webentwicklung habe ich auch einige Projekte mit spezieller Software und Funktionsbibliotheken umgesetzt.

Zum Seitenanfang

  • Epub3 eBook – Combibuch

    Epub3 eBook – Combibuch

    Jahrgang: 2015

    Technologien: HTML, CSS, JavaScript, EPUB3, ResponsiveDesign

    Entstanden: Selbstständig

    Beschreibung: Technische Umsetzung eines eBooks im EPUB3-Format mit integrierter Audio- und Video-Wiedergabe. Die Autoren des eBooks sind Dipl.-Ing. Sabine Stein und Dipl.-Betriebsw. Bernd Minkley. Das eBook kann beim Verlag für angewandte Wirtschaftswissenschaften UG (VAWW) erworben werden.

    Besonderheiten: Audio- und Video-Wiedergabe innerhalb des eBooks.

  • KSEMO – K<small>inetische</small> S<small>teuerung</small> E<small>lektro</small>M<small>echanischer</small> O<small>bjekte</small>

    KSEMO – Kinetische Steuerung ElektroMechanischer Objekte

    Jahrgang: 2009

    Technologien: C#, Windows API, DirectX, Wiimote

    Entstanden: Selbstständig

    Beschreibung: Projektmitarbeit. Entwicklung der KSEMO-Anwendungssoftware für Windows zur Einrichtung und Nutzung der KSEMO-Box. Die KSEMO-Box ermöglicht das Steuern von Modellautos mittels der Nintendo Wii Fernbedienung und wurde von einem Freund erstellt. Durch Neigung der Fernbedienung nach vorne/hinten fährt das Modellauto vorwärts/rückwärts. Die Lenkung erfolgt durch seitliches Neigen.

    Die Nintendo Wii Fernbedienung verfügt über einen Bewegungssensor, der je nach Neigung und Beschleunigung einen Spannungswert per Bluetooth an den Windows-Computer sendet, auf dem die KSEMO-Anwendungssoftware läuft. Die KSEMO-Anwendungssoftware nimmt den Spannungswert entgegen und sendet die berechneten Steuerungsdaten als Bitmuster seriell über eine RS232-Schnittstelle an die KSEMO-Box. Die KSEMO-Box liest die Steuerungsdaten ein und sendet diese über einen austauschbaren Sendequarz (z.B. Sendefrequenz 40MHz / Kanal 58) an das Modellauto oder anderen 2-Achsen Steuerungsfahrzeugen. Um keine Funklizenzen zu verletzten, benutzten wir eine bereits fertige und geeichte Sendeplatine mit Quarz.

    Besonderheiten: DirectX, Nintendo Wiimote, KSEMO-Box, Einsetzbar für verschiedene Modelle.

  • Logo Vektorisierung KFZ-Jesse

    Logo Vektorisierung KFZ-Jesse

    Jahrgang: 2014

    Technologien: SVG, Inkscape

    Entstanden: Selbstständig

    Beschreibung: Vektorisierung eines Logos aus einer kleinen Bitmap-Grafik.

    Besonderheiten: Reinzeichnung einer verpixelten Grafik.

  • FormAnalyzer

    FormAnalyzer

    Jahrgang: 2008

    Technologien: HTML, XML, PHP, RegEx

    Entstanden: bei clicktivites AG

    Beschreibung: Abschluss Projekt bei der Ausbildung zum Fachinformatiker für Anwendungsentwicklung. Eine PHP-Klasse für die automatische Validierung und persistente Speicherung von Formulardaten, welche per HTTP oder HTTPs versendet werden. Die Validierungsregeln für ein Formular und die Art der Speicherung werden in einer XML-Datei notiert. Für ein Formularfeld können mehrere Validierungsregeln vergeben werden. Eine große Auswahl an Validierungsregeln liegt vor, z.B. Ganzzahlen, E-Mail Schreibweise oder Datumsangaben.

    Besonderheiten: Automatische Validierung und Sicherung von Formulardaten, Änderungen von Validierungsregeln während des Betriebes möglich, Sicherung der Formulardaten in CSV, XML oder Datenbanken, Vorgefertigte Validierungsregeln für leichte Erstellung neuer Formulare.

  • clicktivities OsterSkin

    clicktivities OsterSkin

    Jahrgang: 2006

    Technologien: HTML, CSS, JavaScript, Windows-Media-Player

    Entstanden: bei clicktivites AG

    Beschreibung: Projektmitarbeit. Erstellung von einem Skin für den Windows-Media-Player in HTML/CSS und JavaScript. Mit einem Mausklick auf das Equalizer-Icon öffnet sich das Ei mit einem Knack-Geräusch.

    Besonderheiten: Das Ei hat eine Aufbrech- und Schließfunktion, Playlist und Equalizer.

  • SWR Honigbiene

    SWR Honigbiene

    Jahrgang: 2010

    Technologien: Action Script 3, XML

    Entstanden: bei ka:media

    Beschreibung: Projektmitarbeit. Erstellung einer ActionScript3 Anwendung für das SWR Schulfernsehen. Entwicklung der Gesamtanwendung, welche 30 verschiedene Kapitel mit dazugehörigen Animationen enthält. Jedes Kapitel lädt dynamisch fertige MovieClips vom Illustrator und Audiodateien in die Szene. Entwicklung von eigenen Event-Typen zur Navigation innerhalb der Anwendung.

    Die Anwendung kann bei Planet Schule gestartet werden.

    Besonderheiten: Dynamische Integration externer MovieClips, Audio-Ausgabe, Eigene Events, Lupen-Effekt, Schiebe-Regler, Finite State Machines.

  • AJAX Text-Translator

    AJAX Text-Translator

    Jahrgang: 2007

    Technologien: HTML, CSS, JavaScript, Ajax, PHP

    Entstanden: bei clicktivites AG

    Beschreibung: Eigene Projektarbeit. Erstellung eines Text-Übersetzers. Nach Text-Markierung erscheint ein Layer zur Auswahl einer Übersetzungssprache. Der markierte Text wird anschlie0end über den Service von Altavista in die gewünschte Sprache übersetzt und im Layer dargestellt.

    Besonderheiten: AJAX-Funktionalität, Erweiterbar für andere Sprachen, Übersetzung erfolgt über die Dienstleistung von Altavista.

  • T-Com WM06 Skin

    T-Com WM06 Skin

    Jahrgang: 2006

    Technologien: HTML, CSS, JavaScript, Windows-Media-Player

    Entstanden: bei clicktivites AG

    Beschreibung: Projektmitarbeit. Erstellung von einem Skin für den Windows-Media-Player in HTML/CSS und JavaScript. Der Skin besitzt eine Startanimation.

    Besonderheiten: Startanimatio, Playlist und Equalizer.