Google Maps® API

Google Maps® API

Im Rahmen dieses Auftrages wurde ein Skript entwickelt, welches auf die Google Maps API aufsetzt um Postleitzahl-Gebietsgrenzen anzuzeigen. Kombiniert wurden dazu die Google Maps API, die Google Geolocation API sowie die Google Fusion Tables API. Als Basisdatensatz für die Gebietsgrenzen wurde der folgende, als public domain verfügbare Datensatz verwendet. Dieser musste noch angepasst und konvertiert werden.

Google Geolocation API

Google Maps® PLZ Suche Ausschnitt
Google Maps® API Postleitzahlengebiete auf einem Macbook

Zusätzlich werden alle Gebietsgrenzen über einen Marker (der PLZ) noch kenntlich gemacht. Dieser Marker ist auch anwählbar, wodurch sich ein Popup öffnet, welcher wieder mit beliebigem Text ausgestattet werden kann. Im Beispielbild ist zu sehen, dass die Postleitzahl angezeigt wird, ebenso wie ein weiterer Text mit einem Link, welcher ebenfalls die PLZ beeinhaltet, sodass diese für andere Zwecke weiterverwendet werden könnte.

Das Skript reagiert auf GET-Parameter im Browser, welche die Farbe und Auswahl der Postleitzahlen bestimmen. Ein Beispielaufruf mit nur einer Postleitzahl sähe mit den Standardeinstellungen wie folgt aus: ?script.php?zip=46509&mColor=ff0000. Die Parameternamen sind beliebig änderbar.

Da das Ziel des Projekts dahinging, umliegende Postleitzahlen zu einer Hauptpostleitzahl mit zwei verschiedenen Farben markieren zu können, existieren zusätzlich noch weitere Parameter: script.php?zip=46509&mColor=ff0000&rZip=46459,47665&rColor=0000ff&fZip=46487&fColor=00ff00.

Wie im Beispiel zu sehen ist können auch mehrere Postleitzahlen angegeben werden, in dem Falle durch Komma getrennt. Auch der Seperator kann beliebig geändert werden. Das Skript nimmt also 3 verschiedene Arten von PLZ mit jeweils einer Farbe entgegen und stellt diese auf einer Google Maps Karte farbig dar.

Der Vorteil an der Implementierung ist, dass das Skript in bestehende Webseiten integriert werden kann. Entweder als dynamisch bewegliche Karte, oder als Bildausschnitt. Ein mögliches Einsatzszenario könnte ein Shop sein, welcher verschiedene Produkte nur in bestimmte Regionen liefert. Das Skript könnte in der Detailbeschreibung der Produkte eingebunden werden und die Regionen in die das Produkt geliefert werden kann in zwei Farben darstellen, für “sofort lieferbar” oder “derzeit ausverkauft”. Das Skript kann aber auch um weitere Farben und PLZ-Arten erweitert werden, sodass eine Vielzahl weiterer Einsatzszenarien möglich wären.

Nimmsdir.com

Nimmsdir.com

NimmsDir.com, geöffnet auf einem iMac

Skript Entwicklung

Nimmsdir.com ist eine Webseite, auf welcher Besucher über aktuelle Rabatte, Gutscheine, Gratisproben und vieles mehr informiert werden. Der Kunde verwendet ein fertiges Skript für die Grundfunktionalität, welches jedoch vielen Anforderungen nicht gerecht wurde und zudem über ein veraltetes Design und Layout verfügte.

Da das Skript vom Verkäufer nicht ordnungsgemäß installiert worden ist, galt der erste Teil der ordentlichen Installation und Konfiguration des Skripts sowie dem Beheben diverser Fehler. Die Besonderheit bestand hierbei in der Unbekanntheit des Skripts und deren Funktionsweise sowie programmiertechnischen Aufbau. Trotz dessen, konnten wir alle Wünsche des Kunden in kürzester Zeit umsetzen und das Skript von diversen Fehlern befreien sowie veralteten Code restrukturieren!

Der zweite Teil dieses Projekts galt der Konzeption eines neuen Designs und Logos. Nach mehreren Vorschlägen wurde der Favorit des Kunden in enger Absprache mit diesem finalisiert und letztlich an das bestehende Skript angepasst.

Als letztes wurden diverse Funktionserweiterungen am Skript vorgenommen. Unter anderem wurde die folgenden Punkte erledigt:

  • Die bestehende Verarbeitungskette der bereits angebundenen Gutscheinanbieter bis hin zur Datenbankintegration wurde optimiert.
  • Weitere Anbieter wurden hinzugenommen, deren Angebote vollkommen automatisch in das Skript integriert und den Nutzern zur Verfügung gestellt werden.
  • Damit einher ging die Anlegung weiterer Unterseiten, integriert in die bestehende Anwendungs- sowie Datenbankarchitektur und -struktur.
  • Es wurde die Möglichkeit geschaffen alle Produkte über die gängigen Social-Media-Plattformen direkt teilen zu können.
Heun-Finanz.de

Heun-Finanz.de

Heun-Finanz.de, geöffnet auf einem Desktop-PC, Smartphone und Tablet

App Entwicklung für Jobportal

In diesem Projekt ging es darum den Webauftritt der Heun Finanz GmbH aus Limburg neu zu gestalten und damit das Design an ein geeignetes Content-Management-System anzupassen und mit diversen zusätzlichen Funktionen zu versehen, um den expliziten Kundenwunsch „eine einfache Handhabung der Inhalte“ zu gewährleisten. Der gesamte Webauftritt wurde responsive umgesetzt, sodass die Darstellung für mobile Endgeräte – Smartphones sowie Tablets – optimiert ist.

Bei den zusätzlichen Funktionen handelt es sich unter anderem um bestimmte Widgets/Gadgets, spezielle Eingabemöglichkeiten oder exklusive Module:

  • Eine individuelle Jobsuche mit Template-System ermöglicht es dem Kunden sehr einfach aktuelle Jobangebote mit einer belibigen Anzahl filterbarer Eigenschaften zu versehen (Standort, Anstellungsart, …). Der Webseitenbesucher erhält durch eine Suchfunktion über eine beliebge Kombination dieser Eigenschaften die passendsten Resultate angezeigt.
  • Es wurden eine Vielzahl unterschiedlicher Widgets/Gadgets eingesetzt, welche sich nahtlos in das Design integrieren und zu einem modernen Auftreten sowie besseren Benutzererlebnis führen. Neben anderen zählen hierzu Slider, Karteneindungen, verschiedene Rechner und weitere Anpassungen.
  • Mit Hilfe von mehrschrittigen, vom Kontext abhängigen Eingabeformularen, wird es dem Webseitenbesucher ermöglicht Schritt für Schritt ein individuelles Angebot anzufordern oder einen Termin zu vereinbaren. Die einzelnen Schritte sowie abgefragten Daten sind hierbei durch den Kunden vollständig änderbar.
Das Team hat bei der Realisation des Projektes einen großartigen Job gemacht. Das vereinbarte Resultat wurde in der vereinbarten Zeit zu den vereinbarten Kosten umgesetzt und Folgeaufträge sind bereits in der Planung. Das Team von Heun Finanz dankt für eine tolle Zusammenarbeit!“
Marco Unkelbach

Pix and Stripes

Goalmate.de

Goalmate.de

Goalmate Logo

Individualentwicklung

Das Projekt goalmate umfasste ein Rundumpaket, von wichtigen Gesprächen zur Konzeption, über die Erstellung des Designs bis hin zur Implementierung und damit gesamten Realisierung der Idee. Goalmate unterstützt Nutzer bei der Erreichung ihrer persönlichen Ziele. Da diese sehr unterschiedlich sein könnten, galt es hier ein möglichst abstraktes Eingabe-, Benutzungs- und Verwaltungsschema zu schaffen.

Es handelt sich um eine komplette Individualentwicklung, um die zuvor genannten Ziele möglichst optimal und zudem performant realisieren zu können. Ferner implementiert das System ein Abo-Bezahlsystem und ein Strafzahlungsverfahren. Im Folgenden werden einige Features im Detail beschrieben:

  • Ein einfaches CMS ermöglicht dem Betreiber das Anlegen, Verwalten und Löschen von beliebigen Unterseiten sowie einer eigenen Nutzerverwaltung.
  • Die Nutzerverwaltung ermöglicht einen Überblick über aktuell registrierte Nutzer sowie deren Abostatus, aktive Ziele und Aktivität beispielsweise.
  • Das Strafzahlungsverfahren ist für jeden Nutzer optional und soll dem Nutzer bei der Erreichung seiner Ziele behilflich sein und diesem damit zusätzlich motivieren. Die Nichterreichung eines Ziels kann beispielsweise zur automatischen Zahlung eines zuvor gewählten Betrags an den absoluten Hassverein der Fussball Bundesliga führen.
Goalmate.de, geöffnet auf einem Tablet, Ansicht der gesetzten Ziele
Goalmate.de, geöffnet auf einem Tablet, eigener Editor
  • Ferner wurde als Zahlungssystem ein Abomodell und damit die Anbindung verschiedener Zahlungsmöglichkeiten implementiert. Neben einem Bankeinzug existiert die Möglichkeit zur Zahlung mit einer Kreditkarte oder der Nutzung eines Paypal-Accounts. Innerhalb eines vorgegebenen Intervalls werden automatisch die festgelegten Beträge des entsprechenden Abos über die gewählte Zahlungsform eingezogen.
  • Ein Automatisches E-Mail-System sendet zu unterschiedlichen Ereignissen und/oder Zeitpunkten fest definierte E-Mails beispielsweise mit dem Ziel der Erinnerung.
  • Die Zielerfassung sowie der eigentliche goalmate und der damit einhergehende wichgtiste Teil der Anwendung wird im nächsten Abschnitt genauer erläutert.

Ein Nutzer kann neben anderen sein Ziel, dafür zu erledigende Aufgaben, ein wöchentliches Zwischenziel, das Zieldatum, seine Beweggründe sowie Unterstützer und einen Schiedsrichter hinterlegen. Als Beispiel hierfür könnten folgende Werte gelten:

  • Ziel: Ich möchte 5kg abnehmen.
  • Zwischenziel: Pro Woche 0,5kg weniger.
  • Aufgaben: Schwimmen, Laufen, 3l Wasser trinken
  • Beweggründe: Ist gesünder, Ich fühle mich attraktiver, Notwendig für den neuen Job

Das System errechnet die Wochenanzahl zur Erreichung des Gesamtziels und legt eine Übersicht der einzelnen Wochen sowie der zu erreichenden Zwischenziele an. Ferner steht mit einem Kalender die Möglichkeit zum Anlegen von zu diesem Ziel gehörigen Aufgaben zur Verfügung. Damit ist es dem Nutzer möglich Aufgaben in ein Wochenschema einzutragen, welche ihm dabei helfen sollen sein wöchentliches Zwischenziel zu erreichen.

Dem Divide-and-Conquer-Prinzip folgend wird ein großes Ziel in mehrere kleine Ziele unterteilt, welche es zu erreichen gilt. Als zusätzliche Motivation kann nun durch die Nutzung des Strafzahlungsverfahrens Geld auf sich selber und diese Erreichung gesetzt werden. Damit es nun bei der Bewertung dieser Erreichung nicht zu falschen Ergebnissen kommt (häufig lügt man sich schließlich auch selber an), kann der Nutzer einen eigenen Schiedsrichter – zumeist den/die beste Freund/in – wählen, welcher zusätzlich zu dem Nutzer selber ebenfalls eine Bewertung abgibt. Je nach Ausgang der Bewertung und Wahl einer Strafe vollzieht das System vollautomatisch die Vollstreckung.

Ich bin absolut begeistert! Das Team hat meinen Auftrag perfekt ausgeführt. Mehr noch – meine Erwartungen wurden sogar übertroffen! Von den ersten Gesprächen, über die Ausführung bis zur Fertigstellung: Alles lief hervorragend. Meine Ansprechpartner waren zuverlässig, professionell, serviceorientiert, kreativ und sehr engagiert. Ich bin mir sicher, dass wir auch in der Zukunft noch häufig zusammenarbeiten werden und kann das Team uneingeschränkt weiterempfehlen. Danke nochmal für die erstklassige Leistung!
Jan Weinhardt

weinhard-consulting, Goalmate

Etactics.de

Etactics.de

ETactics.de, geöffnet auf einem iMac

SEO und Webauftritt Entwicklung

E-Tactics.de

E-tactics.de ist ein Taktik-Portal für Online-Spiele. 

Die vorangegangenen Arbeiten eines anderen Programmierers am Portal wurden von uns übernommen und fortgesetzt. Zu diesem Zeitpunkt war das System allerdings nur in den Grundzügen implementiert, sodass viel Platz für Anpassungen blieb. Prinzipiell wurde demnach die gesamte technische Umsetzung (Backend, Frontend) überarbeitet und erweitert. Eine dynamische Erweiterung des Inhalts über das Backend, war dabei nur eine der arbeitsintensiveren Arbeiten. Ebenfalls vorgenommen wurde eine ausgeprägte Suchmaschinenoptimierung, von einer Onpage-Optimierung bis hin zur Implementierung von externen Faktoren.

Da die Betreiber ihre Seite gerne um ein Forum erweitern wollten, wurde die WBB-Forensoftware nahtlos und in vollem Funktionsumfang in das bestehende System integriert. Neben dem Einbau eines Single-Sign-On wurden die verschiedenen Benutzerverwaltungen zusammengelegt.

Darüber hinaus wurden an diesem Portal folgenden Funktionen implementiert:

  • Dateiverwaltung (Download-Sektion)
  • Feedback-Sektion (dynamisch anpassbarer Fragebogen unter Zuhilfenahme verschiedener Formularelemente)
  • News-System
  • Videosektion (wahlweise als direkter Upload oder Verknüpfung von verschiedenen Videoplattformen)
  • Exklusives Guide/Taktiksystem

Letzteres stellt eine Kombination verschiedener Eigenschaften und Methoden dar. Im Vorfeld werden Taktiken verschiedener „Clans“ evaluiert. Im System können dann beispielsweise die SpielerInnen des Clans angelegt, kurze Videosequenzen hochgeladen, Beschreibungstexte verfasst und mit einer Spielkarte („Map“) verknüpft werden. All dies ist über eine intuitiv bedienbare Oberfläche im Backend auch für Laien möglich.