Michael Eckel Portrait
Ausgewählte Projektreferenz
Ferienwohnungen Haus Christine im Vogelsang Lindau — Projektwebsite (seit 2016)
Projektseite zu einer Ferienwohnung mit Verfügbarkeitsanzeige, flexiblen Preisstufen, Buchungsmöglichkeit mit Preisberechnung, Kalenderabgleich zu diversen Portalen. Projektliste anzeigen
Trivia —
Meilenstein der Informatik

1955 John McCarthy prägt den Begriff „Künstliche Intelligenz“ und führt in diesem Kontext die Programmiersprache LISP ein. Quelle: www.informatikjahr.de
Google Logo

Showcase

Diese Website dient neben meiner Selbstdarstellung auch zur Präsentation und Inspiration, was denn so mit einer Website möglich ist und somit auch für Sie und auf Ihrer Website sinnvoll sein könnte.

Features

Basisaufbau

  • Hohe Benutzer-Reichweite durch hohe Browserkompatibilität und Barrierefreiheit durch Verwendung der YAML Layout-Engine und standardkonformem XTHML in Verbindung mit CSS und JavaScript (Details siehe: Korrekte Seitendarstellung)
  • Leichte Wartung und Erweiterbarkeit durch serverseitige Verwendung eines PHP-Frameworks mit Template-Engine und Datenstrukturierung in XML-Dateien (Details siehe: Trennung von Inhalt und Präsentation)

Besonderheiten & interessante Funktionen

  • Personalisierung von Inhalten durch Kundenlogin (Login-Button im Header): ermöglicht, nur bestimmten Benutzern bestimmte Informationen anzuzeigen (Details siehe: Trennung von Inhalt und Präsentation)
  • Dynamisch erstellte zufällige Inhalte (Boxen links): bei jedem Seitenaufruf werden an dieser Stelle andere Inhalte angezeigt, ausgewählt durch Zufall oder andere Faktoren (z.B. Datum, Uhrzeit) (Details siehe: Trennung von Inhalt und Präsentation)
  • Integration meiner vCard mit Foto (im Footer oder unter Kontakt): ermöglicht den Import meiner Kontaktdaten direkt in Ihr Outlook oder eine andere Kontaktverwaltung
  • Integration eines RF-Codes (unter Kontakt): ermöglicht den Import meiner Kontaktdaten direkt in Ihr Mobiltelefon, sofern dies über einen RF-Reader und Kamera verfügt
  • Integration von Google Maps (unter Kontakt): zeigt eine Umgebungskarte oder Anfahrtsskizze
  • Integration eines CAPTCHAs zur Spam-Erkennung in einem Formular (unter Kontakt)
  • Integration von Google Site Search (Box links): ermöglicht das Durchsuchen der gesamten Website
  • Integration von Matomo (ehemals Piwik), einer quelloffenen und selbst zu hostenden Alternative zu Google Analytics: stellt Besucher-/Zugriffstatistiken bereit

Korrekte Seitendarstellung

"Meine Webseite soll jeder sehen können!"
Unabhängig von Netzwerk-Problemen ist das leider leichter gesagt als getan. Sehen ja, aber wie!?

Eine überraschende Vielzahl von Internet-Benutzern (und damit potentiellen Kunden), insbesondere in großen Firmen, benutzt noch alte Browser. Auch diese Benutzer möchten Sie durch eine fehlerhaft dargestellte, unbenutzbare Seite ja nicht vertreiben.

Deshalb ist es wichtig, dass die Website auf einer maximalen Vielzahl von Browsern korrekt oder zumindest vernünftig dargestellt wird.

Browser-Kompatibilität: Einhaltung moderner Standards

Gute Chancen für eine korrekte Darstellung der Website bestehen, wenn die Website die Standards der Seitenbeschreibungssprache (X)HTML einhält. Aus diesem Grund besteht diese Website zeitgemäß aus standardkonformem XHTML, die Formattierungen (Styles) werden mittels CSS und JavaScript festgelegt. Durch die Nutzung der YAML Layout-Engine wird auf eine bewährte Grundstruktur gesetzt, welche maximale Kompatibilität gewährleistet.

Barrierefreiheit

Die Verwendung von Access Keys, Link Titeln und abbrev-Tags erhöhen die Nutzbarkeit der Website für Menschen mit Einschränkungen.

Trennung von Inhalt und Präsentation

"Meine Webseite soll leicht anpassbar sein!"
Auch hier lohnt es sich, wenn Ihre Web-Agentur am Anfang etwas mehr Zeit investiert, um bei späteren Änderungen dafür dann wesentlich mehr Zeit zu sparen.

Die Trennung von Inhalt und Präsentation ist für eine einfache kostengünstige Pflege der Website und auch deren Zukunftssicherheit wichtig.

Clientseitig verwendet diese Seite standardkonformes XHTML zur Beschreibung der Seitenstruktur und CSS-Stylesheets zur Formattierung, dies ist hauptsächlich dafür relevant, dass die Website im Browser vernünftig angezeigt wird.

Serverseitig ist es zudem wichtig, dass die Daten organisiert sind. Hierzu kommt bei dieser Website ein von mir entwickeltes, kleines PHP-Framework mit Template-Engine zum Einsatz, welches eine strikte Trennung von Inhalt (d.h. Daten) und Präsentation (d.h. deren Darstellung) gewährleistet.

Die konsequente Nutzung von XML-Daten für die Bereiche Lebenslauf, Projekte, Trivia und Benutzerverwaltung ermöglicht einerseits, Inhalte schnell erweitern zu können. Andererseits ist es so auch möglich, das Design der kompletten Website ohne großen Aufwand anzupassen, sofern dies einmal wünschenswert oder nötig werden sollte. Zudem wäre es problemlos möglich, von einer anderen Anwendung darauf zuzugreifen, sofern dies gewünscht ist.

Dynamisch erstellte zufällige Inhalte

Wie Sie vielleicht schon bemerkt haben, werden die Inhalte der beiden Boxen "Ausgewählte Projektreferenz" und "Trivia — Meilenstein der Informatik" (links) dynamisch zufällig ausgewählt. Da auch hier auf (dieselben) XML-Daten zurückgegriffen wird, ist diese Zufallsrotation gar kein Problem. Durch eine schnell durchgeführte Änderung an den Projektinformationen können sowohl die Inhalte der Seite "Projekte" angepasst werden als auch die der Box "Ausgewählte Projektreferenz".

Personalisierte Inhalte — Kundenlogin

Über einen Kundenlogin kann Kunden personalisierte Inhalte zur Verfügung gestellt werden.

Aus Gründen der Datensicherheit überträgt diese Website beim Einloggen über den Kundenlogin das angegebene Passwort verschlüsselt, um ein potentielles Ausspähen dessen zu verhindern. Die Verschlüsselung geschieht hierbei mittels JavaScript. Für den Fall, dass JavaScript im Browser deaktiviert sein sollte, erfolgt die Übertragung ganz konventionell unverschlüsselt. Funktionalität ist somit in jedem Falle gewährleistet. (Diese Möglichkeit ist ideal, falls Sie kein teures SSL-Zertifikat erwerben möchten.)

Probieren Sie es einfach selbst aus: Benutzername: test, Passwort: test.

Im Login-Bereich erhalten Sie Zugriff auf zwei neue Menüpunkte, einer davon, die Seite "Partner Links" ist — sofern man die URL kennt — auch aufrufbar, ohne eingeloggt sein zu müssen, die geschützte Seite "Zugriffsschutz" kann nur im einloggten Zustand aufgerufen werden.

Interessieren Sie sich für die Erstellung einer eigenen Internetpräsenz?

Haben Sie Interesse an einer Zusammenarbeit? Ich würde mich freuen. Kontaktieren Sie mich.