<?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:

Für das Fach „Netzbasierte Anwendungen“ an der FH-Köln standen wir vor der Aufgabe einen Twitter Feeder in JavaScript zu nutzen. Hierfür habe ich ein eigenes jQuery Plugin „tweetpoller“ geschrieben welches uns diese Arbeit sehr gut abnimmt. Tweetpoller lädt zu beginn einen Bestand der letzten Tweets eines Nutzers und fragt nach einem vorgegebenen Intervall immer wieder die Twitter API an ob neue Tweets des Benutzers online sind. Neue Tweets werden dynamisch in die Liste aller Tweets eingefügt. Das Projekt liegt unter github und kann einfach als jQuery plugin genutzt werden:

$(function(){

$("#twitter-tweets").tweetpoller(

{

"filter_value": "stetro",

"filter_attr": "screen_name",

"time": 20*1000,

"count" : 7,

"read_more_link_text" : "Mehr Tweets ..."

});

});

Der passende HTML Code könnte so aussehen:

<ul id="twitter-tweets">

<li>Tweets werden geladen ...</li>

</ul>

Besonders interessant war die IDE die ich für dieses Projekt das erste mal genutzt habe. Cloud9 ist eine Webbasierte JavaScript IDE die es ermöglicht sehr flexibel im Web auf Quellcodes zuzugreifen und eigens geschriebene Testumgebungen zu nutzen. Außerdem hat Cloud9 eine direkte Anbindung an github. Für öffentliche WebProjekte somit Ideal !

In Unserer Gruppe hatten wir das Thema PHP-Shell was ein PHP Skript darstellen soll der durch z.B. eine Uploader lücke eines PHP Skripts hochgeladen und ausgeführt werden kann. Wenn dieser Skript nun aufgerufen wird lädt der Browser eine fast voll funktionsfähige Konsole. Die Kommunikation verläuft mit AJAX und Base64 codiert damit die gesendeten Daten nicht in Logfiles o.ä. auffallen. Außerdem kann man frei auf dem Server Navigieren (mit den Rechten des apache users).

Weitere Funktionen:

• Upload in das Arbeitsverzeichniss ( falls schreibrechte vorhanden )
• Download JEDER Datei mittels „download [datei]„
• Freie navigation mit cd
• Autocompletion mit Befehlen (Ordner sollen folgen)
• Komplexe Kommandeos sind im Menü „Weitere Funktionen …“ zu finden

Hier ein Video:
Kleiner Test in dem ich eine Art Doodlejump nachgebaut habe. Die Framerate ist live viel höher und das Gameplay ist eigendlich recht flüssig.