Jan Fanslau » PHP http://www.jan-fanslau.de Tue, 23 Nov 2010 14:23:37 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 MTV Entertainment – online http://www.jan-fanslau.de/projekte/coding/mtv-entertainment-online/ http://www.jan-fanslau.de/projekte/coding/mtv-entertainment-online/#comments Tue, 14 Sep 2010 10:54:34 +0000 admin http://www.jan-fanslau.de/?p=609

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

MTV Entertainment.

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

]]> http://www.jan-fanslau.de/projekte/coding/mtv-entertainment-online/feed/ 0 Facebook – Post an Fanpage – Wall http://www.jan-fanslau.de/facebook/facebook-post-an-fanpage-wall/ http://www.jan-fanslau.de/facebook/facebook-post-an-fanpage-wall/#comments Fri, 27 Aug 2010 13:12:46 +0000 admin http://www.jan-fanslau.de/?p=583 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

<?php

define('FACEBOOK_APP_ID', 'XXXXXXXXXXXXXX'); #APPLICATION ID
define('FACEBOOK_SECRET', 'XXXXXXXXXXXXXX'); #API-KEY

function get_facebook_cookie($app_id, $application_secret) {
$args = array();
parse_str(trim($_COOKIE['fbs_' . $app_id], '\"'), $args);
ksort($args);
$payload = '';
foreach ($args as $key =&gt; $value) {
if ($key != 'sig') {
$payload .= $key . '=' . $value;
}
}
if (md5($payload . $application_secret) != $args['sig']) {
return null;
}
return $args;
}

$cookie = get_facebook_cookie(FACEBOOK_APP_ID, FACEBOOK_SECRET);

?>

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

<?php if ($cookie) { ?>
      Your user ID is <?= $cookie['uid'] ?>
    <?php } else { ?>
      <fb:login-button perms="publish_stream"></fb:login-button>
    <?php } ?>

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

<div id="fb-root"></div>
<script>
//XXX = Facebook App - ID
  window.fbAsyncInit = function() {
    FB.init({
      appId  : 'XXXXXXXXXXXXXXXX',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
  };

  (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

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.

]]> http://www.jan-fanslau.de/facebook/facebook-post-an-fanpage-wall/feed/ 3 Kodo Besserplayer – Von Pioneer http://www.jan-fanslau.de/projekte/coding/kodo-besserplayer-von-pioneer/ http://www.jan-fanslau.de/projekte/coding/kodo-besserplayer-von-pioneer/#comments Mon, 16 Aug 2010 07:24:47 +0000 admin http://www.jan-fanslau.de/?p=568 Kodo Besserplayer

Pioneer Kodo Besserplayer

Am 03.08.2010 startete die neue Kampagne für den Kodo Besserplayer von Pioneer. Mein Beitrag zu dieser Gemeinschaftsproduktion der Agentur Memato und [*]keksbox war die Programmierung der Flash Oberfläche, sowie des gesamten HTML-Parts.

]]> http://www.jan-fanslau.de/projekte/coding/kodo-besserplayer-von-pioneer/feed/ 0 Neue Webseite online http://www.jan-fanslau.de/projekte/coding/neue-webseite-online/ http://www.jan-fanslau.de/projekte/coding/neue-webseite-online/#comments Tue, 10 Aug 2010 01:24:09 +0000 admin http://www.jan-fanslau.de/?p=562

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

]]> http://www.jan-fanslau.de/projekte/coding/neue-webseite-online/feed/ 0 eynewkidsjunge – Flash und PHP-Umsetzung http://www.jan-fanslau.de/projekte/coding/eynewkidsjunge-flash-und-php-umsetzung/ http://www.jan-fanslau.de/projekte/coding/eynewkidsjunge-flash-und-php-umsetzung/#comments Mon, 02 Aug 2010 13:33:34 +0000 admin http://www.jan-fanslau.de/?p=554 New Kids Microsite

Für die Berliner Agentur loveto habe ich die Programmierung der deutschen Seite für die holländischen “New Kids” (Comedy Central) übernommen. Im Flash-Facegenerator können sich Fans Ihre Facebook-Profile verschönern, indem Sie Ihre Gesichter in die Kopfformen von Rikkert, Barrie, Gerrie, Robbie oder Richard einbauen. Die Bilder können zum Facebook-Profil hochgeladen oder per Mail verschickt werden.

Die Resonanz der Seite ist überwältigend, die NewKids-Facebook Fanpage hat mitlerweile 13.000 Fans und jede Woche werden es mehr. Neben allen auf deutsch übersetzten Folgen wird jeden Freitag eine neue Webprämiere gezeigt.

Visit: http://www.eynewkidsjunge.de

]]> http://www.jan-fanslau.de/projekte/coding/eynewkidsjunge-flash-und-php-umsetzung/feed/ 0 Zend Framework – bin ich zu langsam? http://www.jan-fanslau.de/fundstucke/zend-framework-bin-ich-zu-langsam/ http://www.jan-fanslau.de/fundstucke/zend-framework-bin-ich-zu-langsam/#comments Wed, 26 Aug 2009 16:50:52 +0000 admin http://www.jan-fanslau.de/?p=475 Ich habe gestern das Zend Framework Version 1.8 runter geladen, weil ich dachte, ok, im April oder so da hatte ich Version 1.7, mal schauen was ich mit 1.8 in meinen Quelltexten alles ändern darf…

So, heute schaue ich nochmals auf die Seite und siehe da: Version 1.9 wird da heute angepriesen…

Also entweder hatte ich einfach nen schlechtes Timing, oder die Entwicklung des Zend-Frameworks geht schneller als sich überhaupt Bücher für die Aktuelle Version drucken lassen.

Naja, jetzt schau ich mal was Version 1.9 bringt, und wer weiß, vielleicht gibts morgen ja schon Version 2.0 :)

]]> http://www.jan-fanslau.de/fundstucke/zend-framework-bin-ich-zu-langsam/feed/ 0 Best Zend-Tutorial for beginners ever !!! http://www.jan-fanslau.de/fundstucke/best-zend-tutorial-for-beginners-ever/ http://www.jan-fanslau.de/fundstucke/best-zend-tutorial-for-beginners-ever/#comments Sat, 22 Aug 2009 18:48:24 +0000 admin http://www.jan-fanslau.de/?p=473 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

Database Tutorial

Registry Tutorial

Config Tutorial

Login Tutorial

Session Tutorial

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

]]> http://www.jan-fanslau.de/fundstucke/best-zend-tutorial-for-beginners-ever/feed/ 1 Webpräsentations-Tool für professionelle Webcams http://www.jan-fanslau.de/projekte/webprasentations-tool-fur-professionelle-webcams/ http://www.jan-fanslau.de/projekte/webprasentations-tool-fur-professionelle-webcams/#comments Wed, 08 Jul 2009 20:57:01 +0000 admin http://www.jan-fanslau.de/?p=325 ul-consult-logo 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.

]]> http://www.jan-fanslau.de/projekte/webprasentations-tool-fur-professionelle-webcams/feed/ 0 123skins.de – Auftrag Flash-Programmierung http://www.jan-fanslau.de/projekte/123skinsde-auftrag-flash-programmierung/ http://www.jan-fanslau.de/projekte/123skinsde-auftrag-flash-programmierung/#comments Mon, 29 Jun 2009 17:59:44 +0000 admin http://www.jan-fanslau.de/?p=248 logo_1Dank der keksbox[*], die mich schon das eine oder andere Mal für einen kleinen Flash-Einsatz engagiert hatte, bin ich vor zwei Wochen zu  123skins.de gerufen worden.

Der Auftrag: Update des Flash-Konfigurators zur Anpassung an verschiedene White-Lable-Shops und Programmierung einer kleinen Flash-Applikation.

Gesagt getan, der Konfigurator war nach zwei Tagen angepasst und konnte direkt in den Produktiv-Einsatz gehen, die Flash-Applikation war ein wenig umfangreicher, läuft nun aber auch stabil und kommt in den nächsten Tagen zum Einsatz.

Vielen Dank für die produktive Zusammenarbeit, die nächsten Projekte stehen ja schon an.

Ich freu mich.

]]> http://www.jan-fanslau.de/projekte/123skinsde-auftrag-flash-programmierung/feed/ 0 Jenzgenau – Maßschneider aus Berlin http://www.jan-fanslau.de/projekte/coding/mach-mal-schnell-ne-seite/ http://www.jan-fanslau.de/projekte/coding/mach-mal-schnell-ne-seite/#comments Thu, 28 May 2009 09:00:19 +0000 admin http://jan-fanslau.de/blog/?p=175 jenzgenau logo

“Kannst Du mir mal schnell ne Webseite bauen?” “Klaro, gib mir was du hast und mach mal schnell…”

Irgendwie läuft es bei mir immer so. Und so kam es gestern, dass ich für meinen Bruder und Maßschneider jenzgenau mal eben seine Webseite gebastelt hab. Es ist zwar erstmal nur eine Vorab-Seite, das Konzept für die volle Seite steht aber schon und wird hoffentlich bald von mir umgesetzt werden können.
Bis dahin kann man sich eine kurze übersicht unter http://www.jenzgenau.com anschauen.

]]> http://www.jan-fanslau.de/projekte/coding/mach-mal-schnell-ne-seite/feed/ 0