Webprojekt – Calinee, Hören & Genießen

Ein Webprojekt calinee.de für einen befreundeten Pianisten aus dem Sauerland, der ein Candlelight Dinner mit Klavierbegleitung in verschiedenen Restaurants anbietet. Ich habe die überschaubare Website komplett mit freier Software entwickelt. Unter Anderem GIMP und Eclipse waren im Einsatz. SEO und Webshop kommen nach Bedarf später nach. Es wird also später noch ein wenig mehr Arbeit auf mich zukommen ;-)

Advertisements

PHP Kontaktformular Klasse

In verschiedenen Projekten benötige ich sehr oft ein Kontaktformular welches immer die selben Attribute und Eigenschaften besitzt. Daher habe ich mir zur vereinfachung eine PHP Klasse geschrieben die mir ein komplettes Kontaktformular ausgibt, dynamisch mit jQuery validiert, serverseitig validiert und an den zu sendenden Empfänger schickt. Alle Einstellungen sind durch Kofigurarionsvariablen im Konstruktor zu bestimmen. Wie zum Beispiel die Eingabemaske mit unterschiedlichen validierungseigenschaften : text,textarea,plz,mail …
Hier ein Beispiel zum erzeugen:

<?php
include_once('kontakt_lib.php');
$set['mail-to']='ansprechpartner@meine-seite.de'; // Kontaktformempfaenger
$set['mail-from']='web-form@meine-seite.de'; // Absender
$set['title']='Kontaktform - Meine Seite'; // Titel
$set['jQueryMSG'] = true; // Zeigt direkt Fehler an
/*
Hier koennen 5 verschiedene Angaben gemacht werden:
text -> kleiner Text
textarea-> mehrzeiliger Text
mail -> Mailadresse mit validierung
plz -> Postleitzahlvalidierung
captcha -> Rechencaptcha
*/
$atr['Vorname']='text';
$atr['Nachname']='text';
$atr['E-Mail']='mail';
$atr['Nachricht']='textarea';
$atr['Sicherheitsabfrage']='captcha';
// Erzeugen
$k = new Kontaktform($atr,$set);
$k->checkForm(); // Validierung und Sendung
$k->echoForm(); // Ausgabe des Formulars
?>

github – stetro/contactlib

Für das Styling stehen viele verschiedene Klassentypen bereits im Formular und können selbst sehr einfach via CSS durchgestylt werden. Ein Beispiel Styling wird noch in Github hochgeladen. Bei Interesse, Verbesserungsvorschlägen oder Mithilfebedarf unter GitHub einfach melden. Vielleicht kann die Klasse jemand gebrauchen.

Das Ergebnis des oben stehenden Beispiels könnte dann so aussehen:

Windows 7 Gadget – Project Timer

Bei beruflichen oder ausbildungstechnischen Programmierarbeiten vergisst man schnell mal die Zeit und möchte gerne Wissen wie lange man für bestimmte Tätigkeiten eigentlich gebraucht hat. Denn es ist zum Beispiel für das Verfassen von Angeboten sehr Wesentlich folgende Frage beantworten zu können – „Wie lange brauche ich eigentlich für meine Arbeit?“. Deshalb habe ich mich rangesetzt ein kleines Windows 7 / Vista Gadget zu programmieren mit dem man einfach Zeiten für Projekte und Teilprojekte messen kann. Das ganze ist in HTML/CSS und jQuery Programmiert worden und kann (leider ohne Signatur) auf jedem Windows 7/Vista System installiert werden. Falls Interesse besteht könnten auch die Daten nach einem Reboot bestehen bleiben (webSQL), was aber noch ein wenig mehr Arbeit wäre. Hier ein Screenshot:


Hier der Download

Webprojekt – Hirschberg Tonstudio

Das Hirschberg Tonstudio ist ein umfangreiches Tonstudio in Mitten des Rothaargebirge im Sauerland. Das Webprojekt habe ich in diesem Monat mit dem CMS webEdition erstellt. Das Template habe ich wie üblich mit Photoshop und Eclipse als IDE entwickelt und einige jQuery Features einprogrammiert. Die gesamte Seite besteht nur aus einer Seite und scrollt über die Navigation zum jeweiligen Inhalt. Hier noch ein größerer Auszug der Website:

Windows Gadget – domradio.de Stream

Ich habe mich heute mal ein wenig mit der Programmierung eines Windows Gadgets beschäftigt. Diese Anwendungen waren bei Windows Vista die Sidebargadgets und seit Windows 7 „Minianwendungen“ die frei auf dem Desktop bewegt werden können. Als kleinen Test habe ich mich entschlossen ein App für den Radiostream von domradio.de zu entwickeln. Für ein Windows Gadget benötigt man im einfachsten Fall nur 2 Dateien. Einmal die gadget.xml Datei in der die Appinformationen wie Entwickler oder Version stehen.

<?xml version="1.0" encoding="utf-8" ?>
<gadget>
  <name>SDK Hello World</name>
  <version>1.0.0.0</version>
  <author name="Microsoft">
    <info url="msdn.microsoft.com" />
  </author>
  <copyright>© Microsoft Corporation.</copyright>
  <description>"HelloWorld" Sidebar gadget sample.</description>
  <hosts>
    <host name="sidebar">
      <base type="HTML" apiVersion="1.0.0" src="HelloWorld.html" />
      <permissions>Full</permissions>
      <platform minPlatformVersion="1.0" />
    </host>
  </hosts>
</gadget>

Als nächstes muss nur noch die Datei HelloWorld.html erstellt werden in dem sich die Anwendung in HTML oder JavaScript Form befindet. Hiernach werden die Dateien in ein zip Archiv gepackt welches man danach in ein .gadget File umbenennt. Die Installation erfolgt durch enfaches öffnen:

Nach der Installation findet man die Anwendung im Minianwendungen Menü von Windows. Alle Eigenschaften die man dann in der XML Datei festgehalten hat werden in diesem Menü sichtbar. Weitere Dateien wie Logos oder Scriptfiles können auch einfach das Archiv gepackt werden.

Download: http://ul.to/srtq29

Über ein Kommentar zu diesem Projekt würde ich mich freuen :-)

 

 

Webprojekt erosionslos.de – Erosionsschutz-Konfigurator

Dieses Projekt habe ich bei der Firma IGG | Internationale Geotextil GmbH freiberuflich erstellt und bietet Ingenieuren und Bauherren die Möglichkeit passende Erosionsschutzprodukte wie Kokosmatten oder Anspritzbegrünung zu finden. Diese Produkte verhindern das Abrutschen von Schlamm, Steinen oder Boden und sichern die gegebene Fläche ab.

Das Programm (Konfigurator) soll nun dabei helfen passende Produkte für die passende Fläche zu finden. Dabei werden Faktoren wie Neigung, Bodengruppe, Jahresdurchschnittsniederschlag berücksichtigt um das passende Produkt zu bekommen. Nach dem Formular erhalten die Kunden ein PDF indem alle Informationen zu dem Produkt und zu der Fläche stehen.

Das Projekt basiert auf einer bereits vorhandenen Joomla Vorlage der IGG und musste um die Funktion des Konfigurators erweitert werden. Hierfür habe ich mit PHP mehrere Klassen für die Verarbeitung der Informationen erstellt. Außerdem befinden sich mehrer AJAX Features mit Hilfe von jQuery in dem Projekt. Wie zum Beispeil die Bestimmung der Jahresdurchschnittsniederschlagsmenge über die Postleitzahl.

Die Codierung habe ich unter eclipse diesmal sehr gut fertigstellen können. Absolut empfehlenswert die spezielle PHP Umgebung von eclipse.org einmal zu testen :-)

jQSlide – jQuery Slider

So endlich die Prüfungen und Ergebnisse meiner Ausbildung hinter mir. Also kann ich mich wieder um meinen Blog kümmern und nochmal etwas mit jQuery bauen. Habe auf viele Homepages dieses Bild, dass durch klicks nach rechts oder links wechselt gesehen und wollte das auch mal selbst basteln. Schnell hab ich gesehen, dass das mit jQuery gar nicht mal so schwer ist. Die Codierung habe ich mit gedit schnell machen können. Habe mich ein wenig mehr mit dem Design der Slidergrafik auseinander gesetzt, die ein durchlaufen über x-repeat ermöglichen sollte. Dabei kahm dann folgendes heraus:

Hiernach habe ich noch schnell die Richtungsfeile erstellt, die  sich jeder frei kopieren kann :

Das Resultat war danach folgendes:

Bei Interesse zeige ich auch gerne noch den Sourcecode, den ich noch ein wenig mit CSS3 aufgebessert habe.