Jan Fanslau » code

MTV Entertainment – online

admin — Tue, 14 Sep 2010 10:54:34 +0000

Gemeinsam mit der Agentur Loveto wurde die neue Webseite für die Pay-TV-Sparte von MTV entwickelt.

Das Layout stammt vom lovetischen Art-Director Matthias Jakubek, für die Programmierung zeichne ich mich verantwortlich. Die gesamte Webseite basiert auf PHP und mySQL mit eigenem Content Management System. Als Frameworks wurden Zend (PHP) sowie jQuery (Javascript) eingesetzt.

Ein besonderer Augenmerk wurde neben der Browserkompatibilität auf

Die Seite hat ein paar schöne Details wie zum Beispiel der Ajax-gesteuerte Bildwechsler, der sowohl Bilder als auch Videos ausliefern kann. Zudem greift ein Cronjob täglich die aktuellsten EPG – Files des Senders ab und erstellt daraus die Wochenübersichten.

–> Projekt ansehen

Facebook – Post an Fanpage – Wall

admin — Fri, 27 Aug 2010 13:12:46 +0000

Wenn Ihr von eurer Webseite aus auf eine Fanpage-Wall posten wollt, dann habt Ihr hier ein kleines Tutorial:

1. Bei Facebook anmelden (http://www.facebook.com)

2. Eine neue Facebook-App erstellen (http://www.facebook.com/developers/createapp.php)

3. Der App muss nun ein Name gegeben werden und die Sicherheitsabfrage muss ausgefüllt werden

4. Wichtig sind jetzt die Anwendungs ID (Application ID) und der API-Schlüssen (API-Key)

5. In eurem PHP-Code müsst Ihr jetzt folgende Codes einfügen

5. So als nächstes solltet Ihr noch ein Snippet schreiben das checkt ob Ihr bei Facebook eingeloggt seid:


      Your user ID is

6. Damit der FB-Login-Button anständig gerendert wird muss in euren HTML-Quelltext direkt nach :

7. Ihr braucht eine Funktion die für euch den Request an die Graph-Api von Facebook stellt:

function makeRequest($url, $params, $ch=null) {
if (!$ch) {
$ch = curl_init();
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);
}

$opts = array(
CURLOPT_CONNECTTIMEOUT => 10,
CURLOPT_RETURNTRANSFER => true,
CURLOPT_TIMEOUT        => 60,
CURLOPT_USERAGENT      => 'facebook-php-2.0',
);
$opts[CURLOPT_POSTFIELDS] = http_build_query($params, null, '&');
$opts[CURLOPT_URL] = $url;
print_r($opts);
curl_setopt_array($ch, $opts);
$result = curl_exec($ch);
curl_close($ch);
return $result;
}

8. So und als letztes fehlt noch der Aufruf der den Request abschickt und die Daten an Facebook übermittelt.

$params['message'] = 'This is a test';
		$params['access_token']=$cookie['access_token'];
		$url = 'https://graph.facebook.com/XXXXXXXXXXXXX/feed'; #XXXXXXXX = ID der Fanpage
		//print_r(makeRequest($url, $params));
	//	print_r(json_decode(file_get_contents($url)));
		print_r(makeRequest($url, $params));

Ich werde das wenn ich mal ein bischen Ruhe habe, in eine schöne downloadbare Version hacken. Bis dahin hoffe ich, dass ihr mit dem Code was anfangen könnt.

Neue Webseite online

admin — Tue, 10 Aug 2010 01:24:09 +0000

Für die vierzehnelf media – Agentur ist letzte Woche die neue Webseite online gegangen. Das Layout kam von der Agentur die PHP / HTML / CSS Umsetzung wurde durch mich realisiert.

Ein schickes kleines Projekt mit Hauptaugenmerk auf iPad-Konformität.

Webseite anschauen

Facebook – Connect: Image Upload mit PHP SDK

admin — Mon, 10 May 2010 08:07:55 +0000

Der Image Upload mit der graph-api von Facebook ist ziemlich einfach und gut zu benutzen:

Nachfolgend gibts zwei Codeschnipsel mit dem man A. Alben anlegt und B. Photos hochlädt. Dazu habe ich mir die Graph-PHP-Api ein bischen erweitert.

private function createAlbum(){
 $params = array();
 if (!isset($params['access_token'])) {
 $session = $this->getSession();
 // either user session signed, or app signed
 if ($session) {
 $params['access_token'] = $session['access_token'];
 } else {
 // TODO (naitik) sync with abanker
 //$params['access_token'] = $this->getAppId() .'|'. $this->getApiSecret();
 }
 }
 $params['name'] = "test";
 $params['message'] = "my new Test-Album";
 $url ="https://graph.facebook.com/me/albums";
 return $this->makeRequest($url, $params);
 }

Bildupload zu Facebook

private function uploadImageData($albumId, $image){

 $params = array();
 if (!isset($params['access_token'])) {
 $session = $this->getSession();
 // either user session signed, or app signed
 if ($session) {
 $params['access_token'] = $session['access_token'];
 } else {
 // TODO (naitik) sync with abanker
 //$params['access_token'] = $this->getAppId() .'|'. $this->getApiSecret();
 }
 }

 $file= $image;
 $args = array(
 'message' => 'Photo from application',
 );
 $args[basename($file)] = '@' . realpath($file);
 $ch = curl_init();
 $url ="https://graph.facebook.com/".$albumId."/photos?access_token=".$params['access_token'];
 curl_setopt($ch, CURLOPT_URL, $url);
 curl_setopt($ch, CURLOPT_HEADER, false);
 curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
 curl_setopt($ch, CURLOPT_POST, true);
 curl_setopt($ch, CURLOPT_POSTFIELDS, $args);
 $data = curl_exec($ch);
 //returns the photo id
 print_r(json_decode($data,true));
 }

Ich hoffe Ihr könnt Damit was anfangen. Sicherlich gibts später noch mehr dazu.

Best Zend-Tutorial for beginners ever !!!

admin — Sat, 22 Aug 2009 18:48:24 +0000

Zend, eines der großen PHP-Frameworks hat eine ganz entscheidene Schwäche. Die Doku ist mäßig bis schlecht. Man findet zwar zu jeder Methode einen passenden Artikel, doch leider immer so aus dem Kontext gerissen, dass es schwierig ist zu folgen. Zudem sind die Verlinkungen innerhalb der Doku schlicht und einfach nicht vorhanden…

Nun, auf dem Weg mich halbwegs anständig mit dem Zend-Framework vertraut zu machen bin ich schon einiges durchs Netz gesurft und habe hunderte von Tutorials gefunden, aber entweder haben sie nicht funktioniert, waren auf französisch oder schlicht und einfach für Zend 1.0

Heute dann endlich die Erlösung und endlich der große Einstieg, der mir für mein nächstes großes Projekt den Anschub gegeben hat.

Wer ein wirklich gutes, wenn nicht sogar das beste Zend-Tutorial durcharbeiten möchte, der muss hier hin surfen!

www.phpeveryday.com

Intro Tutorial

ActionController Tutorial

Die lohnen sich alle, am besten alle von Anfang bis Ende durch rocken!

Apache Listview mit mod_autoindex

admin — Wed, 19 Aug 2009 17:10:52 +0000

Auf der Suche nach einer einfachen Möglichkeit meinen Kunden einen – für sie übersichtlichen – Downloadbereich zu erstellen bin ich über mod_autoindex gestolpert. An dem Modul führt kein Weg vorbei.

Noch viel besser wird es allerdings, wenn sich das ganze Aussehen noch steuern läßt.

Dazu habe ich ein geniales Howto auf http://recurser.com/ gefunden.

Das komplette Howto findet Ihr hier

Ubuntu Performance Tuning – Teil 1

admin — Fri, 07 Aug 2009 08:40:26 +0000

Das war eine lange Nacht gestern, aber es hat sich wirklich gelohnt. Seit ich zum Geburtstag ein Acer Aspire One geschenkt bekommen hab (hierfür noch einmal vielen Dank ) war ich nie so ganz zufrieden mit der Performance meiner kleinen Ubuntu Rechenmaschine. Doch das hat sich gestern endlich geändert. Ich habe drei Stunden lang getuned, getweakt und den Kernel gehackt. Es war eine Freude…

Im ersten Teil der kurzen Reihe “Ubuntu Performance Tuning” wird auf den Firefox eingegangen. Der Zweite Teil beschäftigt sich mit dem Anpassen des XServers und im dritten Teil werden unnötige Programme gelöscht und das Startverhalten angepasst.

Auf gehts mit Firefox.

Getuned habe ich als erstes den Firefox, da dieser Webseiten extrem langsam aufgebaut hatte und zwischendurch immer wieder in einem häßlichen grau erstarrte und nicht reagierte.

Was ist zu tun?

1. Firefox starten und about:config in die Adresszeile eintippen

2. Folgende Parameter in den Filter eingeben und Werte entsprechend der Liste ändern.

Parameter	Neuer Wert
network.http.pipelining	true
network.http.pipelining.maxrequests	8
network.http.proxy.pipelining	true
network.dns.disableIPv6	true
plugin.expose_full_path	true

3. Nun müssen noch eigene Parameter mit speziellen Datentypen angelegt werden. Neue Werte werden mit einem Rechtsklick im Browserfenster (about:config) und im erscheinen Contextmenü mit einem Klick auf Neu und der Auswahl des Datentyps angelegt.

Die in Parameter in der folgenden Tabelle sollten erstellt werden.

Datentyp	Parametername	Neuer Wert
Integer	nglayout.initialpaint.delay	0
Integer	content.notify.backoffcount	5
Integer	ui.submenuDelay	0

Nach einem Neustart des Feuerfuchses sollte nun eine erhebliche Performancesteigerung spürbar sein. Wer selber nicht an seiner Firefox-Konfiguration rumschrauben möchte kann eine Alternative namens Fasterfox installieren. Dort wurden die meisten Änderungen bereits implementiert.

In Teil 2 der Reihe “Ubuntu Performance Tuning” wird auf die Beschleunigung des XServers durch inoffizielle Treiber eingegangen.

Webpräsentations-Tool für professionelle Webcams

admin — Wed, 08 Jul 2009 20:57:01 +0000

In einer gemeinsamen Kooperation mit einem der führenden Anbieter professioneller Kameratechniken UL-Consult habe ich ein Webpräsentations-Tool für die Darstellung von Webcam-Bildern entwickelt. Schwerpunkt der Arbeit lag in einer simplen Konfigurierbarkeit der Anwendung zur leichten Integration in Firmenwebseiten. Im Grunde ist die komplette Darstellung über eine einfach zu handhabende Konfigurationsdatei einstellbar. Von der Größe der Vorschaubilder, über die Anzahl der einzelnen Bilder, bis zur Farbe der RollOver-Effekte ist so gut wie alles mit einfachen Mitteln konfigurierbar.

Eine Beispielversion mit Bildern aus der einer fiktiven Gallery ist hier zu finden.

Syntax Highlighting für WordPress

admin — Wed, 27 May 2009 07:55:50 +0000

Auf Nachfrage und wegen eigenem Interesses habe ich mich mal ein bischen nach Plugins für Code-Highlighting umgesehen.
Wordpress liefert ja schon einen eigenen kleinen Highlighter mit (im HTML Edit-Mode unter code). Jedoch stößt es schnell an seine Grenzen weil es nicht ohne weiteres copy-paste-code highlightet. Man muss umständlich jede Zeile überprüfen, ob WordPress, diese auch umwandeln kann.

Ein sehr viel besseres Plug in ist von Stephan Ahlf es bietet jede Menge verschiedener Styles, erkennt die verschiedene Programmiersprachen und färbt sie in den dem Programmierer bekannten Farben.
Das Plugin gibt es hier: http://www.osexpert.net/wordpress-syntax-highlighter/

Zum Vergleich:
Wordpress – Code
if (is_array($parts)) { $parts = array_filter($parts); if (count($parts) > 0 ) { $path = '/' .implode("/", $parts) . '/'; } unset ($parts); } ?>

Dojox WordPress Syntax Highlighter

if (is_array($parts)) {
   $parts = array_filter($parts);

   if (count($parts) > 0 ) {
   	$path = '/' .implode("/", $parts) . '/';
   }
   unset ($parts);
}