Direkt zum Hauptbereich

Posts

Es werden Posts vom 2011 angezeigt.

Das PartikelSystem

So nun gehts weiter, Pünktlich zur 2. Stunde auch beim 2.ten Bier angelangt und das Partikel System steht nun soweit im JavaScript. Ich habe mir ein einfaches OOP Partikelsystem ausgedacht. Hier kurz die Eigenschaften eines jeden Partikels: - lifetime - position - direction - color - speed Soweit sogut. Nun geht es an die Berechnung der einzelnen Startwerte für eines jeden Partikels. Und danach direkt weiter zur Ausgabe des Partikelsystems. So und nun gehts weiter im Text :) Es ist noch einiges zu tun...........

Das etwas andere Silvester

So heuer ist Silvester und mangels Hundebetreuer werde ich ein "etwas anderes Silvester" feiern :) Das Leibliche: Geplant ist ein Käsefondue oder Würstchen mit Kartoffelsalat :) Die Unterhaltung: "Eine Silvester Feuerwerks Simulation in Javascript zu Proggen und Ziel des ganzen um 24Uhr das Projekt abzuschliesen, angefangen wird um ca. 17Uhr" Die Flüssigkeit: "Bier steht in rauen mengen Bereit und um den schwierigkeitsgrad etwas zu erhöhen wir dann jede Stunde ab 17 Uhr ein Bier getrunken :)" Die Aussenwelt: "Dauerbeschallung durch das TV Gerät" Die Dokumentation : "Regelmäßige Status Updates auf diesem Blog hier ( mit Fotos )" So das wars dann... ich werd  mich mal wieder dem Aufräumen widmen :)

making of HTML5 doodle - challenge

Wir haben im team an der HTML5 doodle challenge, anlässlich des google developer days 2011 in Berlin, eine kleine HTML5 Demo eingereicht. Hier habe ich ein paar screenshots gesammelt wie es entstanden ist und die ersten prototypen der einzelnen Module bis hin zum Endergebnis. Alles fing mit der doodle Grafik an welche uns als Ausgangspunkt diente. Dies war eine DymaxionMap in "blau" ;) Und da ich ein Mensch der Taten bin habe ich mir dieses Wunderwerk direkt ausgedruckt und ein  3D Model aus Papier gebastelt. Nach dem Papier Modell folgten diverse Überlegungen was wir denn nun daraus machen sollten. Recht schnell stand fest, daran war mit sicherheit das Papiermodell schuld, dass wir ein 3D Modell der Dymaxion Karte hinzufügen möchten. Und dies mit CSS3 umsetzen werden. Dann ging es schlag auf schlag, danach kam dann die Idee dass wir Musik dabei haben möchten und wo doch schonmal die Musik dabei ist da kann doch das Modell sich zur Musik bewegen. Als e

e-commerce und die Kundenkontos.....

Online Shops haben es sich scheinbar zur Pflicht gemacht dass jeder User ein Nutzerkonto bei jedem Shop haben muss. Aber ist es nicht leicht irrsinnig wenn ich für eine Spontankauf in einem Supermarkt ein Nutzerkonto erstellen muss ?? Oder wenn ich in Hamburg kurz in einen Souvenirladen gehe ein Nutzerkonto dort haben muss ?? Oder wenn ich nach einem Jahr wieder mal in Hamburg bin muss ich mich erst einloggen um dort etwas kaufen zu können ?? Wäre es nicht eine perfekte Welt wenn wir online einkaufen könnten..... Also habe ich mich mal hingesetzt und mir überlegt wie man so etwas anstellen könnte. Hier beschreibe ich nun mehr oder weniger Ausführlich meinen Lösungsansatz. Szenario: Kunde hat seinen Warenkorb mit Artikel gefüllt und begibt sich zum Checkout. Ist zustand: Der Kunde hat ein Formular für Bestandskunden wo er sich mit seiner Email Adresse und Passwort Anmelden kann. Auf der rechten Seite ist ein Formular für "Neukunden" wo man sich neu registrieren

integrate Facebook News Feed in GooglePlus

Assisting the transition! Mit meiner kleinen chrome extension kann man nun seinen Facebook News Feed in Google Plus integrieren. Dabei wird kein neuer Circle angelegt und die Posts von Facebook werden in den "Main" Stream in Google Plus Chronologisch einsortiert. Eine Share to Facebook Funktion ist in Arbeit ;) Hier der Link zum chrome webstore wo man sich die extension herunterladen kann: Hol dir die Extension

Hijacking Rock am Ring Festival on Facebook ;)

Ich hatte über die Feiertage ein Experiment gestartet. Ich wollte doch mal wissen wie einfach es wohl sein wird eine Facebook Seite als Ort anzulegen. Die Antwort es ist einfach ;) Kann eigentlich jeder, macht aber kaum jemand. Vor allem die großen Festivals haben es mir angetan. Ich war zwar nicht selbst auf "Rock am Ring" aber die Veranstalter haben zwar die Veranstaltung auf Facebook angelegt. Haben es aber versäumt ihre "Seite" einfach als Ort anzulegen. Ich war der Meinung man sollte doch den leuten mit den Smartphones die Möglichkeit geben mit "mir" öhm Rock am Ring zu interagieren ;) Als ich die Seite angelegt hatte am 28.5 hatte ich irgendwie keine likes zu verzeichnen, am 29.05 waren es immerhin schon 5 und am 30 waren es gar schon fast 60 likes und oho schon 5 Besuche ;) Ab dem 1. Juni an hat es sich dann rasant vorwärts entwickelt. Zum Abschluss des Festivals hatte ich 645 Besucher  ( na ist zwar nicht ganz so viel wie erhoft aber für non

drag & drop Uplaoder für Facebook

Die schöne neue Welt im Browser! HTML 5 wird das Gefühl für "Web Applikationen" komplett verändern. Zumindest wird es die Welt um einiges schöner machen. Um das neue Gefühl zu vermitteln und die "Zukunft" in den Browser zu holen, da habe ich einen "drag & drop" Uploader in Javascript für Facebook geschrieben. Dieser greift über die File-Api im Browser auf die Datei welche gedroped wurde zu und ladet diese dann auf den Server. Die App hat eine Box in welcher man einfach die Bilder zieht, welche man auf Facebook veröffentlichen möchte. Die Bilder werden per Ajax an den Server übertragen. Hat man dann alles schön beisamen dann kann man die Bilder auf Facebook mit einer Nachricht posten! Link zur Facebook App: http://apps.facebook.com/givemelike/?mode=dragPicture Einfach mal ausprobieren, seis auch nur um Bilder per drag & drop ins Web zu ziehen..... das ist die Zukunft ;) Viel Spass.....

Facebook Places - begrenzte Deals von daheim abholen

So mit Facebook Places gibts ja nun auch die Top Deals oder man tut etwas gutes. Da ich nun aber nicht überall hinkomme wo ich gerne wäre, checke ich mich mit meiner App ( http://apps.facebook.com/givemelike/?mode=testFQL ) daheim im Browser zum Beispiel bei Gravis ein und sichere mir meinen Download Gutschein für Sims 3, hier ein Screenshot des Ergebnisses: Bei Benetton kann man pro Checkin 2€ Spenden. Und da ich heute mal was gutes machen möchte kann man sich einfach von daheim per Browser eincecken und dann mit dem Handy auf deinem Newsfeed auf den Beitrag mit dem Checkin von dir klicken und schon kannst Du die Spende tätigen, hier ein Screenshot von der erfolgreich getätigten Spende: Mehr Angebote von Facebok Places: http://www.macnews.de/newsticker/mit-dem-facebook-check-in-sims-3-kostenlos-erhalten-86067 Hier nochmals ein kleiner Screenshot meiner Playground Places App: So hier noch eine kurze Erläuterung. Wenn man mit der linken Maustaste auf einen Punk

Playing around with Facebook Places

So ich habe mich am WE etwas mit den Facebook Places beschäftigt. Als resultat habe ich meine FB-Playground App nun um Places erweitert. Man kann sich die Besuchten Plätze der Freunde auf GoogleMaps anzeigen lassen, mit Bild und Namen und Datum. Und man kann sich dort auch direkt in einen Platz einchecken. Man muss nur etwas auf die Entfernung der verschiedenen Checkins achten. Denn jetzt in Stuttgart einchecken und ne halbe Stunde später in HH das geht dann natürlich nicht. So hier der link zur Places App: http://apps.facebook.com/givemelike/?mode=testFQL Hier noch die wichtigsten Code Snipplets: einen checkin erstellen: $arguments = array('message'=>$message, 'place'=>$place_id, coordinates=>'{"latitude":'.$placeDetail['location']['latitude'].', "longitude": '.$placeDetail['location']['longitude'].'}');  $this->facebook->api('/me/checkins?access_token='.$

Facebook API PHP Tutorial

Eine Facebook Anwendung ist vielseitig und kann eigentlich alles sein! Man muss sich nur etwas einfallen lassen! Vom Game über Shop bis hin zu einer "mini" Gift Anwendung. Alle Anfänge sind schwer, darum möchte ich hier den schnellen Einstieg in die Facebook Entwicklung bieten. Als erstes muss man auf Facebook eine neue Anwedung erstellen. Dazu auf http://www.facebook.com/developers/ gehen. Dort auf den Button "Neue Anwendung erstellen" klicken und schon kann es losgehen. Nun stellt Facebook mehrere Fragen, als erstes den Namen der Anwendung, hier einfach den Namen eingeben. Ist dies Geschehen bist du nun im Bereich "Deine Anwendungen" Dort kannst Du einstellen wie sich deine Anwendung mit Facebook Connectet, ob es eine "Canvas" oder "Iframe" oder eine App ist welche überhaupt nicht in Facebook integriert wird "Webpage". In diesem Tutorial möchten wir eine Iframe APP erstellen. Das heißt Facebook ruft unsere URL auf

Facebook Photo Upload and Tagging a user on this Picture

So mit der Facebook GRAPH API lässt sich ja einiges machen. Ich widme mich heute mal dem Photo Upload. Und biete hierzu auch ein paar Code Samples an welche man benutzen kann. So let`s go. Am einfachsten mit der GRAPH API zu arbeiten ist es wenn wir mit dem Offiziellen PHP Packet von Facebook arbeiten. Dies gibts unter GITHUB: https://github.com/facebook/php-sdk/ Hier noch ein kleines Beispiel wie man dieses Paket zum laufen bringt: include_once('facebook.php'); class facebookFactory { private $facebook; private static $instance = null; private function __construct() { $this->facebook = new Facebook(array( 'appId' => APP_ID, 'secret' => APP_SECRET, 'cookie' => true, )); } private function __clone() { } public static function getInstance() { if(! self::$instance) { self::$i