hack1n9

Magento - Simple Google Shopping - Add PHP code direct in XML Template

2016-06-18T04:19:00.001-07:00

Magento - Extension "Simple Google Shopping" von wyomind

Um das Template anzupassen gibt es hier auch die Möglichkeit PHP code direkt in das XML Template zu schreiben.

Dies kann hilfreich sein wenn man Felder aus Magento ändern möchte und dazu ein if Konstrukt benötigt.
Hier ein Beispielhaftes Template für Simple Google Shopping mit PHP code direkt im template:

Wichtig: der code muss ein "return" statement besitzen. Denn nur der Wert welcher vom PHP Block returned wird, ist nacher im google shopping XML file vorhanden.

Simple Google Shopping Extension

Empplan - Spart Zeit bei der Schitplanung für Mitarbeiter

2016-01-04T04:29:00.001-08:00

Empplan - Automatisierte Mitarbeiter Event Planung

Viele Event und Promotion Agenturen kennen das Problem. Termine in Märkte/Point of sales müssen mit dem Kunden und den freien Promotoren/Verkäufern abgestimmt werden. Und wenn die Planung steht muss man als Agentur sicherstellen das alle Promotoren im Markt sind und wenn nicht muss schnell ersatz gefunden werden, dabei kommt es oft vor das es erst zu spät aufällt das ein Markt nicht besetzt ist.

Dies ist ein Zeitfresser bei der Täglichen Arbeit und schafft hin und wieder Probleme, und hier hilft empplan weiter. Empplan ist ein Web basiertes Software ( läuft im browser ) welche die Kommunikation mit den Promotoren/Verkäufern vereinfacht. Und die Planung beschleunigt und übersichtlicher gestaltet als mit Office/Excel und Email bzw Sms oder whatsapp.

empplan - event controlling

Bei der Durchführung der Events wird die Agentur unterstützt indem man im Dashboard genau sieht welcher Markt schon besetzt ist und welche Mitarbeiter noch nicht im Markt sind. So kann die Qualität der Promotions erhöht werden, da man ausfälle Zeitnah sieht und direkt neu besetzen kann.

Somit hilft Empplan Event- und Verkaufsförderungs- Agenturen dabei ihre Qualität der Durchführung zu steigern und somit die Zufriedenheit der Agentur Kunden zu erhöhen.

Hier gehts zu Empplan: www.empplan.com

Linearen Notenschlüssel mit nodejs berechnen

2015-12-21T23:55:00.000-08:00

Linearen Notenschlüssel berechnen / Method chaining in nodejs

Hintergrund/Motivation:
Ein kleines altes Nebenprojekt von mir war eine Schüler/Notenverwaltung Software in Java geschrieben. Das kleine Programm ist etwas in die Jahre gekommen und da wollte ich kleine teile von der Software nach nodejs portieren und es etwas auffrischen. Und zum start habe ich die Berechnung der Noten nach einem Linearen Notenschlüssel portiert. Also die dahinter liegende Klasse.

Kurze Beschreibung der Eigenschaften der Klasse:
Die Klasse soll die Berechnung anhand der Maximalen zu erreichenden Punkzahl und der erreichten Punkzahl des Schülers berechnen.
Es gibt folgende Attribute:
defaultPoints => fallback falls maxPoints nicht gesetzt wird
maxPoints => Maximal zu erreichende Punkte im Test/Arbeit
reachedPonts => Erreichte Punktzahl des Schülers

Darüber hinaus sollen die setter der Klasse via Method chaining einfacher und kürzer aufrufbar sein, hierzu ein kleiner Pseudo code:
notenCalc->setMaxPoints(100)->setReachedPoints(50.25)->calcResult()

Dies soll den source code vereinfachen und überschaubarer machen. Da man sich ein paar Zeilen spart.
Um dies in javascript umzusetzen geben die setter das objekt selbst wieder zurück: "return this" Somit kann hinter dem Aufruf eines Setters ein weiterer Aufruf des Objektes erfolgen.

Hier noch die Formel um die Noten mit dem Linearen Notenschlüssel zu berechnen:

3 * ((maxPoints - reachedPoints) / (maxPoints - (maxPoints/2.5) )) + 1;

Das fertige Resultat in nodejs der Klasse in nodejs kann man sich hier anschauen:
https://github.com/KaySchneider/simpleGradeCalc

Hier noch die Berechnung der Noten:
https://github.com/KaySchneider/simpleGradeCalc/blob/master/index.js

Viel Spass und besinnliche Feiertage :)

Mean.io aggregate assets in the correct order

2015-10-08T12:26:00.001-07:00

Im working with mean.io framework which builds some little helper around the mean stack, to make things faster.

If you aggregate an assets, it helps a lot to know that you can easily set things into the correct order with the option weight. The default weight is 0 when you dont set this option:

mean.io framework

I18n.aggregateAsset('js', 'lib/angular-translate/angular-translate.js',{absolute:true, weight:100 });I18n.aggregateAsset('js', 'lib/angular-translate-storage-local/angular-translate-storage-local.js',{absolute:true, weight:101});I18n.aggregateAsset('js', 
'lib/angular-translate-storage-cookie/angular-translate-storage-cookie.js',{absolute:true, weight:102});

Flexible Arbeitgeber sind schwer zu finden ;)

2014-05-16T09:46:00.001-07:00

Unternehmen, fast schon egal welcher Größe verlangen nach flexiblen Arbeitskräften. Und schimpfen sich selbst flexibel und bieten gar sogenannte "Flexiblen Arbeitszeiten" an.

Und das thema "Home Office" wird auch gerne mal groß auf die Fahne gemalt und man denkt sich als Bewerber: "na das ist doch mal eine tolle Firma, da will ich hin"
Doch zumeist entpupt sich diese tolle flexible Unternehmung vor allem als eines, eine kleine Mogelpackung. Frei nach dem Motto: "schreiben können wir ja vieles".

So erwarten die Firmen das ich flexibel bin, dann weißt man auf ein "Flexible Arbeitszeit hin", mit einem dicken aber, so wie die CSU zur EU, von 9 bis 16 Uhr ist aber Kernarbeitszeit.
Aha. Das klingt jetzt total flexibel für mich. Bei einem Wochensoll von 40h kann ich also jeden Tag überlegen wann ich denn jetzt um 8 komme oder um 9, denn teilweise sollte man ja auch nicht vor 7 kommen, sonst macht man ja eine Überstunde jeden Tag.

So flexibel sind diese verrückten Arbeitgeber. Ich denke viele Firmen haben themen wie "Vertrauensarbeitszeit" und echte flexible Arbeitszeiten einfach nicht verstanden.

Das dicke Ende kommt aber meist beim Thema Home office, was ja gerne auf die Internetseite geschrieben wird unter dem Punkt, was wir bieten. In wirklichkeit sollte dieser Punkt wie folgt lauten:
"machen wir eh nicht, schaut aber toll auf der Internetseite aus und wirkt super auf frische Bewerber"

Ich vermute aber das dies aus rein esthetischen Gründen nicht derart ausgeschrieben wird, denn das würde das Layout ja völlig verhacken ;). Das kann ich verstehen.

Naja wenn man dann bei einem Gespräch um eine Stelle nochmals nachfragt, "Also auf ihrer Internetseite da habe ich gelesen sie bieten ein Home office model an, wie genau schaut das denn aus?"
Da wird schon so mancher Personaler oder Abteilungsleiter beim Gespräch unwohl, und dann kommt irgendwie sowas, zumeist: "Also das ist in unserer Abteilung nur in Ausnahmefällen möglich, also wenn dann mal ein Handwerker zu Ihnen nach Hause kommt dann, ja dann kann man ab und an Home Office machen, aber das ist bei uns eher die Ausnahme"

Aha, cool, das klingt für mich nun wirklich echt großartig. Und was ist, wenn ich mein Haus umbaue und da täglich Handwerker sind, dann geht sowas täglich? Ich glaube eher nicht.
Aber schade, denn um das thema Homeoffice auch richtig zu machen da benötigt man als Unternehmen auch einen, sagen wir mal einen Plan. Den Home office schlachtplan.
Also da wo man so elementare dinge klären könnte, welche tools gibt es um remote Arbetisplätze einzubinden? Wie kommen die Mitarbeiter an ihre Daten ? Ist ein VPN wirklich gut ?

Fragen über fragen, auf die es aber schon fertige Antworten gibt und sogar schon Firmen die einem solche dinge anbieten damit die telearbeiter Glücklich sind, bzw. damit es diese überhaupt geben kann. Denn wenn ich zuhause nicht an elementare Daten komme dann bin ich natürlich gleich wieder im Büro da ich ja so nicht arbeiten kann.

Ich glaube ja ganz einfach das es ein Vertrauensproblem der Unternehmensleitung ist, frei nach dem Motto, wenn diese faulpelze nicht mehr bei uns im Büro überwacht werden können, dann machen die doch eh nix! Dabei zeigen Studien genau das gegenteil, Mitarbeiter welche vollzeit remote Arbeiten dürfen sind mit weniger Geld zufrieden, dazu noch motivierter und loyaler zu ihrem Unternehmen.

Also wenn ich mich fragt klingt das ja völlig verrückt! Die Wissenschaftler dieser Studien müssen betrunken gewesen sein, zumindest scheinen das diese "Wissensresitenten" Manager zu sein.

Vermutlich führen dann noch Kollegen Kommentare wie "Ach homeoffice = sweetoffice" die Sache nicht gerade beliebter und besser bei den Unternehmen. Aber mal ganz ehrlich und hand aufs Herz, wenn ich mit meiner Oma im Jahre 2014 skypen kann und sogar diese das hinbekommt dann kann es für ein Unternehmen echt nicht schwer sein mich daheim vor dem Rechner sitzen zu lassen.

Würden uns heute Aliens beobachten, ich glaube diese würden aus dem Staunen nicht mehr herauskommen. Da Sitzen wir daheim vor unseren Notebooks und Rechner und surfen im Netz oder Arbeiten sogar an etwas. Dann morgens gegen 8 Uhr stürmen alle fast gleichzeitig los, setzen sich in Ihre Blechkisten, quetschen sich in U und S-Bahnen, steigen irgendwo anders wieder aus und setzen sich vor einen Rechner oder Notebook und bleiben ca. 8h Sitzen, diese verrückte reiseaktion schon wieder und alle immer gleichzeitig und sind wieder am ausgangsort ihrer Reise und setzen sich wieder vor einen Rechner und machen dinge.
Und auf der anderen Seite zermattern sich die gleichen Menschen welche jeden tag resourcen verschwenden und kostbare Lebenszeit in einer Blechkiste verschwenden Gedanken darüber wie sie weniger in Blechkisten sitzen und wie ihre Blechkisten weniger Benzin verbrauchen sollen. Dabei wäre die Lösung ja irgendwie auf der Hand.

Warum bleibt nicht ein jeder daheim vor seinem Rechner und geht nur noch dann ins Büro wenn ihm danach ist, dann hätten alle mehr vom Leben(Zeit) und wir alle verbrauchen weniger Benzin, weil wir uns einfach weniger bewegen, und ehrlich unsere Wohnungen sind oft auch so beheizt ohne das wir dort sind.

Das die Unternehmen diesen Umstand einfach nicht wahrhaben wollen kann ich nur durch ein Zitat erklären:
"Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher."

Man kann es einfach nicht nachvollziehen mit welcher Sturrheit Unternehmen an alte Formen der Unterdrückung und Kontrolle festhalten. Obwohl die Wissenschaft genau das gegenteil in Studien herausfindet. Und da nicht viele Unternehmen gerade ein Space Shuttle hinter dem Haus bauen sind wohl die meisten "Büro" tätigkeiten von daheim aus zu erledigen. Und auch das Thema Konferenz ist mittlerweile ohne teueres equipment mehr als nur gut von daheim aus zu erledigen.

Da kann ich nur mit dem Kopfschütteln und weiter auf diese "Postmentalität" setzen. Wenn Vorgesetzte nur eine "ArschStundenQuote" Bezahlen dann bekommen sie auch das, dabei möchte ich nach meinem Ergebniss beurteilen und nicht wann und wo ich Arbeite im Jahre 2014!

So lieben Unternehmen. Viel Erfolg beim nicht erflogreich sein mit System.

snapchat client for PC

2014-01-30T07:30:00.000-08:00

iSnap is an new Desktop Client for PC/MAC/Linux. iSnap lets create or receive your snaps. You can Donwload each snap or upload an File from your computer or taken from webcam.

You can install this free app in the chrome webstore:
https://chrome.google.com/webstore/detail/isnap-unofficial-client-f/hkcinnjkbadjnadeikbfifiifppgebfo

Happy snapping.....

Watch movies for free

2013-11-30T06:42:00.000-08:00

I have started an new small project wich crawls the web for free avaiable movie streams and build an movie stream database on the top of mongoDB.

Check out:

iMovie watch free legal movies

Currently we have 5000 Movies avaiable from viewster.com, myvideo.de and netzkino.de.

Have fun with it.

phonegap plugin development pitfalls

2013-09-28T12:30:00.003-07:00

when developing an plugin for phonegap. Don ' t forget to add your plugin to the config.xml in the assets/www folder.

< plugin name="Dropbox" value="org.apache.cordova.plugin.Dropbox" />

And you also wont forget to add the plugin to the config.xml in the
Approot/res/xml/

folder....

< feature name="Dropbox">

< param name="android-package" value="org.apache.cordova.plugin.Dropbox" />

< /feature>

git lokale Änderungen vollständig verwerfen :)

2013-09-24T05:17:00.002-07:00

Alle lokalen Änderungen vollständig Rückgänig machen:

git reset --hard
git clean -f -x -d

Kostenlos Filme im Stream anschauen!

2013-04-04T01:52:00.001-07:00

Die neue Plattform kino.lokamat.de bündelt das Angebot mehrerer kostenloser Film Streams Anbieter im Netz und bietet so die größte Auswahl an legalen kostenlosen Filmen im Deutschsprachigem Netz.

Über 3000 Filme in 34 Kategorien und Themenkinos warten darauf gesehen zu werden.
Das beste, das Angebot von kinokino ist völlig legal da die Filme Werbefinanziert sind. So bekommen die Filmtreibende auch noch Geld und man braucht kein schlechtes Gewissen zu haben.

Die Filme werden über einen crawler aus dem Netz geholt und automatisch auf kinokino bereitgestellt und in die Kategorien einsortiert.

Durch die Suche findet man schnell ein passenden Stream und der Abend ist gerettet. Die Vorteile:
Kein Abo, keine Gebühr, geringe Werbung und keine Popup Werbung. So kann man den Filmabend gemütlich beginnen, ohne gang zur Videothek.........

kinokino ist auf jeden fall einen besuch wert:

kino.lokamat.de

fastform boost your ajax form development time!

2012-11-20T22:31:00.001-08:00

Fastform ist mein neustes Plugin für jQuery. Mit diesem Plugin ist es möglich Formulare mittels Ajax an den Server zu senden ohne sich um die Daten zu kümmern. Es spart einiges an Entwicklungszeit.

Um dies zu verdeutlichen zeige ich hier mal den kleinsten Aufruf von fastform:

$('#formularId').fastform({ajax:true});

Mit diesem Aufruf wird ein Formular an die im action Attribute angegeben url gesendet mittels Post. Das Plugin kann aber auch nur dazu benutzt werden ein Formular zu validieren. Wenn ich nur die Validierungsfunktion nutzen möchte und die Daten in einem Objekt bekommen möchte dann reicht sogar dieser Aufruf:

var data = $('#formularId').fastform();

if(data == false) { //fehler im Formular, der Nutzer sieht nun die Fehlerhaften Elemente rot markiert.
return false;
} else {
// hier kann ich die Daten selbst mit $.ajax versenden oder irgendwas anderes tolles damit machen
}

Wie man sieht spart dieses Plugin in der tat viel Zeit und beseitigt auch die eine oder andere Fehlerquelle da neue Formularfelder direkt mit versendet werden.

Damit das Plugin weiß welche Felder required sind nutzt es das Attribute "required='required'" aus html5. Sobald ein Feld dieses Attribute besitzt muss es ausgefüllt sein damit das Formular versendet werden kann.

fastform ist ein jquery Plugin was die Entwicklungszeit von Ajax Formularen rapide verringert. Mehr Informationen zum Plugin auf der Projektseite:

http://kayschneider.github.com/fastform/

pinbox jquery plugin

2012-11-19T13:18:00.000-08:00

Pinbox, Pinterest.com div layout

Weitere Beispiele und Demos:
http://kayschneider.github.com/pinbox/

Pinbox ist ein jquery plugin mit welchem man schnell und einfach das Pinterest.com div layout

nachahmen kann.

Die Verwendung ist recht einfach. Man muss einfach nur die Sources von

https://github.com/KaySchneider/pinbox

in die eigene Seite einbinden.

Folgendes HTML markup:


<div id="categoryProductContainer" style="position: relative;">
<div class="span2 pcon smaller prodcont actioninside new">
1
            </div>
<div class="span2 pcon prodcont actioninside new">
2
            </div>
<div class="span2 pcon higher prodcont actioninside new">
3
            </div>
<div class="span2 pcon prodcont actioninside new">
4
            </div>
</div>

Erläuterung:

Die id vom äusersten div container ist frei wählbar dann muss nur der Aufruf dementsprechend angepasst werden.
Die CSS Klassen prodcont und new sind nicht ersetzbar und darauf sollten auch keine CSS Styles gelegt werden da diese Klassen als Selektoren vom plugin benutzt werden. Die Klasse new wird vom plugin auch wieder entfernt.

Um nun aus diesen Div Blöcken den Pinterest look and feel zu geben brauchen wir nur das Plugin auf den äußeren div container zu legen:


 
  $('#categoryProductContainer').pinbox();

Dem plugin pinbox kann man noch ein paar Optionen mitgeben:

newitemindicator : "new",
subcontainer : ".prodcont",
rowsize : 5

Hier sind alle möglichen Optionen mit Ihren default Werten dargestellt.
Mit newitemindicator wird die selektor Klasse angegeben welche dem plugin zeigt dass dieser div Block neu ist und noch positioniert werden muss.
Subcontainer ist der Selektor mit welchem die container selektiert werden. Die zu Positionierenden Elementen müssen also alle zwei Klassen besitzen. Also newitemindicator und subcontainer.
Wichtig: Bei subcontainer muss der . explizit mitangegeben werden.
Rowsize ist die Anzahl der Elemente, div Blöcke, welche in einer Zeile angezeigt werden sollen. Im default
Fall sind es 5 und danach werden die Elemente eine Zeile weiter unten angeordnet.

Beispiel Aufruf mit Optionen:


var opts = { newitemindicator : "notset",
        subcontainer : ".div",
        rowsize : 3 };
 $('#categoryProductContainer').pinbox(opts).hide().fadeIn(400);

Im obigen Beispiel wird auch noch gezeigt wie man die pinbox mit weiteren Elementen von jquery verbinden kann. Das oben gezeigte Beispiel erzeugt eine neue pinbox mit einer breite von 3 Elementen. Danach werden alle Elemente ausgeblendet und mittels fadeIn wieder eingefadet. Wobei ein ganz netter Effekt mit wenig Aufwand entsteht.

Demo mit ajax:
http://kayschneider.github.com/pinbox/example/advanced.html

Weitere Beispiele und Demos:
http://kayschneider.github.com/pinbox/

Mini friendGuess facebook Spiel

2012-07-06T03:21:00.001-07:00

So nun habe ich es geschafft und ein kleines Facebook Spiel gemacht. Ich habe die hauptsächlich gemacht um eine Anwendung rein in javascript zu schreiben welches keinen Server benötigt.

Hier ist das kleine Spiel:
http://kayschneider.github.com/friendGuess/

Und im chrome webstore als installable webapp:
https://chrome.google.com/webstore/detail/aaekhjafoljofaiegbipmodlgmhpdenp

Und die sources gibts hier:
https://github.com/KaySchneider/friendGuess

Javascript und prototyping ;)

2012-06-18T11:17:00.000-07:00

Javascript mach erst so richtig Laune wenn man das ganze in schönen klassen, also nennen wirs klassen kapselt.

Was mir heute aufgefallen ist. Bei der Verwendung von Prototyping und mehrfacher Instanzierung eines Objektes welches von einem Objekt Erbt via prototyping. So sind alle Arrays bei diesem "Mutter" Objekt für alle instanzierten Objekte darunter gleich. Sie sind also Statisch verfügbar. Das kann erwünschte wie unerwünschte Effekte haben.

Hier ein kleines Code Beispiel:

var car = function () {

this.doors = new Array();
} ;

car.prototype.addDoors = function (door) {

this.doors.push(door);

};

var cabrio = function () {
this.init();
};

cabrio.prototype = new car();

cabrio.prototype.init = function () {
this.addDoors({door:blue});
};

var MyFirstCabrio = new cabrio(); // jetzt wird eine neue Instanz der Klasse cars erstellt

var MySecondCabrio = new cabrio(); //jetzt wird die alte Instanz der Klasse cars benutzt

Gut zu wissen ;)

Facebook Apps "app profile page" nicht mehr verfügbar

2012-01-04T14:06:00.000-08:00

Schon im letzten Jahr hat Facebook angekündigt dass es die "app profile page" nicht mehr geben wird:
https://developers.facebook.com/blog/post/611/ (link zur Quelle)
Somit können neue Anwendungen auch nicht mehr mittels "app profile page" zu einer Facebook Seite hinzugefügt werden. Daher gibt es einen neuen Dialog von Facebook, welchen man unter dieser URL erreicht:

http://www.facebook.com/dialog/pagetab?app_id=APP_ID&redirect_uri=APP_CANVAS_URL

Dann erscheint ein neuer Dialog in welchem man eine Facebook Page auswählen kann und die App dieser Page hinzufügen kann.

Facebook subscribe to realtime updates "code snipet"

2012-01-03T05:32:00.000-08:00

Ein tolles feature von der Graph API sind die sogenannten live updates. Dabei Registriert sich die App für divesere Updates von allen App Usern, bspsw. für das Bild, checkins etc. Man muss dabei beachten dass Facebook nur die userid und das Feld zurücksendet in welchem sich etwas geändert hat. Die Daten muss man dann wiederum bei der Facebook Graph API abholen, wozu man wiederum "offline" access haben sollte da man ansonsten immer warten muss bis der User wieder die App besucht.

Hier das subscribe in PHP:

define('subscribeUrl'," https://graph.facebook.com/" . APP_ID . "/subscriptions" );

define('VTOKEN', 'bla2367dhhda28778'); //this is an token to verify the callback from facebook
/*
* subscribe array
*/
$object = Array (
'access_token' => $accessToken[1], //here insert the app access token!
"object" => "user",
"callback_url" => "http://yourserver.com/receive.php", //callback script, this script calls facebook!
"fields" => 'name,picture',
"active"=> true,
"verify_token" => VTOKEN
);

$jsonData = json_encode($object);
/**
*
* now send an subscribe reqwuest to
* facebook
*/
define('GETFACEBOOKDATA', '?access_token='.$accessToken[1]);
$ch='';
$Rec_Data='';

$ch = curl_init(subscribeUrl.GETFACEBOOKDATA);
curl_setopt($ch, CURLOPT_POST ,1);
curl_setopt($ch, CURLOPT_POSTFIELDS , $jsonData);
//curl_setopt($ch, CURLOPT_FOLLOWLOCATION ,1);
curl_setopt($ch, CURLOPT_HEADER ,1); // DO NOT RETURN HTTP HEADERS
curl_setopt($ch, CURLOPT_RETURNTRANSFER ,1); // RETURN THE CONTENTS OF THE CALL
$Rec_Data = curl_exec($ch);

Das wars dann auch schon mit dem subscribe, man kann nun noch auf die subscribe url einen get call machen dann gibt Facebook die Felder zurück für die man sich registriert hat.

Wenn sich nun bei einem oder mehreren Usern etwas ändert dann ruft facebook unser callback Script auf. Dieses kommt hier in kurz und Bündig:

define('VTOKEN', 'bla2367dhhda28778'); //your V token, the same as in the subscribe script
$method = $_SERVER['REQUEST_METHOD'];
if ($method == 'GET' && $_GET['hub_mode'] == 'subscribe' && $_GET['hub_verify_token'] == VTOKEN) {
echo $_GET['hub_challenge'];
} else if ($method == 'POST') {
$updates = json_decode(file_get_contents("php://input"), true);
$handle = fopen('out.txt', "w+"); //write the input to an file, so you can see what you get, only for development
fwrite($handle, print_r($updates, true));
fclose($handle);

makeThings($updates); //call a mehtod and do something with it

// Note the request must complete within 15 seconds.rue
// Otherwise Facebook server will consider it a timeout and
// resend the push notification again.
// error_log('updates = ' . print_r($updates, true));
}

Hier der Link zur Facebook Doku;
http://developers.facebook.com/docs/reference/api/realtime/

Facebook PHP "create an App access token"

2012-01-03T05:22:00.000-08:00

Hier ein kleines Code Snippet um einen sogenannten "app access token" für Facebook API zu erstellen. Dieser wird zum Beispiel benötigt um eine App für die sogenannten "Live Updates" zu subscriben.

define('APP_ID', 'ENTER HERE YOURE APP ID');

define('APP_SECRET', 'ENTER HERE YOURE APP SECRET');

$accessTokenUrl = "https://graph.facebook.com/oauth/access_token?client_id=" . APP_ID . "&client_secret=" . APP_SECRET . "&grant_type=client_credentials";

define('subscribeUrl'," https://graph.facebook.com/" . APP_ID . "/subscriptions" ); //"https://apps.facebook.com/" . APP_ID . "/subscribe";

//include_once('config/config.php');

define('POSTURL', 'https://graph.facebook.com/oauth/access_token');

define('POSTVARS', "client_id=" . APP_ID . "&client_secret=" . APP_SECRET . "&grant_type=client_credentials"); // POST VARIABLES TO BE SENT

// INITIALIZE ALL VARS

$ch='';

$Rec_Data='';

$ch = curl_init(POSTURL);

curl_setopt($ch, CURLOPT_POST ,1);

curl_setopt($ch, CURLOPT_POSTFIELDS ,POSTVARS);

//curl_setopt($ch, CURLOPT_FOLLOWLOCATION ,1);

curl_setopt($ch, CURLOPT_HEADER ,0); // DO NOT RETURN HTTP HEADERS

curl_setopt($ch, CURLOPT_RETURNTRANSFER ,1); // RETURN THE CONTENTS OF THE CALL

$Rec_Data = curl_exec($ch);

$accessToken = explode("access_token=", $Rec_Data);

/**

* this here is the "App Access Token"

*/

var_dump($accessToken[1] );

Javascript particle system ( silvester late night ) Nachtrag

2012-01-02T04:27:00.000-08:00

Nun, hat es doch etwas länger gedauert mit dem Ende der Javascript Particle engine.
Aber es ist geschafft. Hier ist die fertige Demo:
http://kayschneider.github.com/Javascript-particle-system/
Am besten mit dem chrome betrachten da der firefox da doch etwas träge werden könnte.
In der Demo sieht man ein "Feuerwerk" wobei jede Explosion farbige "Partikel" ausstößt welche dann am Himmel, hier die Leinwand, betrachtet werden kann. Jeder Partikel hat dabei eigene Eigenschaften welche beim Start gesetzt werden danach "lebt" das Partikelobjekt alleine weiter bis es "stirbt".
Hier geht es zum Quellcode:
https://github.com/KaySchneider/Javascript-particle-system

Ich hoffe es bringt vielleicht irgendjemand weiter, auf jeden Fall kann man mittel OOP Partikel System recht einfach lustige Effekte Zaubern. :)

Das PartikelSystem

2011-12-31T10:14:00.000-08:00

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

2011-12-31T06:24:00.000-08:00

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

2011-09-23T06:10:00.000-07:00

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 erstes Modell für die Musik musste ein "Würfel" herhalten ( ich war ja schließlich nicht für die 3D darstellung der Dymaxion Karte zuständig ) bei welchem sich jedes Seitenteil zu einer anderen "Kanal" bewegt.... Hier habe ich auch ein Bild vom ersten "Analyser" Prototypen,

( was man nicht hören kann hier: "invaders must die von the prodigy" )

Hierbei wollte ich einfach nur schauen ob ich auch tatsächlich auf alle "Kanäle" des mp3`s zugreifen kann via Audio API. Damit das im Chrome klappt musste ich die Datei als "arrayBuffer" via xmlhttpRequest anziehen und danach via "Javascript-Audio-Api" selbst abspielen. Also der Sound wird mittels JavaScript erzeugt auf Grundlage des MP3 Files welches nun in einem Array liegt.
Um das zu sehen habe ich im HTML einfach zu per JS für jeden Kanal eine "div" Box erstellt und verändere dazu die "Breite" der Box on the fly.

Als nächstes kam uns die Idee dass wir die "nyan cat", warum auch immer, vermutlich lag es am Schlafdefizit von uns, einbauen mussten.
Und die nyan cat soll um das 3D Modell der Karte fliegen, wie ein kleiner "sputnik" im Orbit. Und da es noch schöner aussieht wenn es Nacht ist wollte ich unbedingt "Sterne" hinzufügen.
Da ich ein "fauler" Mensch bin wie die meisten ITler *fg*, wollte ich auf keinen Fall jeden Stern selbst positionieren und ebenfalls verspürte ich keine große Lust einen Stern überhaupt in einem Grafikprogramm zu "malen".
Also entschied ich mich für die Javascript/canvas/random variante. Ich erstelle immer einen grundstern in einem canvas welches dann einer "sternenBox" als child hinzugefügt wird. Damit es nicht zu langweillig wird werden die Sterne per zufallsgenerator positioniert und die Größe verändert. Die größe wird mittels
"-webkit-transform: scale()" beinflusst. Damit man später auch einen schönen ein/aus blend-Effekt hat.

Hier sieht man nun einfach die "sterne" auf einem dunkelblauen Hintergrund. Und in der Konsole sind die Dynamisch erzeugten "canvas" Elemente zu sehen.
Wenn die Sterne wieder ausgeblendet werden dann bekommen diese einen scale Faktor von 0 und werden erst nach der Transformation per JavaScript aus dem DOM gelöscht.

Nun war auch das 3D Modell fertig und es wurde langsam Zeit die ersten "dinge" zu mergen, ein Bild nach dem ersten Merge:

( hier ist noch der chrome Taskmanager zu sehen. Chrome Version: 14.0.835.18 dev )

Nun sieht man schon dass die Karte in 3D zu sehen ist und sich zur Musik die einzelteile bewegt. Nicht zu sehen ist die Drehung um seinen eigenen Mittelpunkt ;).

Zu guter letzt musste das doodle noch ein Thema bekommen. Die Vorgabe war Deutschland. Und da es ein google contest war dachte ich sofort an Deutsche Wissenschaftler, und was wir daraus gemacht haben kann hier begutachtet werden:
( man sollte dies mit einem chrome anschauen ;) )
russenreaktor.github.com/gddHTML5doodle/

e-commerce und die Kundenkontos.....

2011-09-16T03:31:00.000-07:00

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 kann.

Wahlmöglichkeiten:
Der Kunde ist a) ein Bestandskunde und möchte sich einloggen oder b) er ist ein Neukunde und kann sich hier nun registrieren.

a)
Der Kunde ist ein Bestandskunde und möchte sich nun Anmelden mit seiner Email Adresse und einem Passwort. Im Optimalfall klappt das auch wunderbar.
Sofern der Kunde das Passwort vergessen hat wird er hier versuchen sich dessen zu entsinnen. Sollte dieser Versuch fehlschlagen wird er die Passwort vergessen Funktion nutzen und bekommt ein neues Passwort per Email.

b)
Der Kunde ist ein Neukunde und wird sich hier gezwungener Maßen Registrieren müssen!
Dies sollte recht flott von statten gehen, es sei denn er mag den Wortlaut nicht und geht einfach weg!

c)
Der Kunde ist kein Neukunde und hat es vergessen oder wie auch immer und füllt hoch motiviert das Neukunden Formular aus. Nach dem ausfüllen des Formulares wird er dann unterrichtet dass er schon Kunde er sich jetzt mit dieser Email Adresse nicht registrieren kann!

Tja schade, Kunde c ist mit Sicherheit echt Frustriert, Kunde a im schlimmsten Fall auch und Kunde b fragt sich warum zum teufel muss ich hier ein Account haben ?!? Ich möchte einkaufen und nicht meinen Lebenslauf niederlegen ;)

Okay, wie können wir aus diesen drei Frustrierten Kunden Fröhliche und glückliche Käufer machen. Dazu müssen wir dem Kunden helfen und wir müssen uns etwas Flexibler zeigen in der Art wie wir mit dem Kunden umspringen!

Okay bevor ich ans eingemachte gehe möchte ich kurz ein paar Leitsätze darlegen welche ich sehr sinnvoll finde:

Sei ehrlich zu deinen Kunden

Bevormunde deine Kunden nicht

Gib dem Kunden dass was er möchte und gebe ihm nicht dass was du irgendwo gelernt, gelesen hast was er gefälligst zu haben möchte

Denke immer wie sich der Kunde fühlt, und belüge dich nicht dabei selbst

Okay dann gehen wir an das Werk, warum braucht der Kunde ein Nutzerkonto ? --------
Stimmt er braucht es eigentlich nicht! Wenn der Kunde keines haben möchte dann bekommt er auch keines. So einfach ist das, der Kunde kann dann einfach bei jeder Bestellung all seine Daten von Hand in das Fomular eingeben! Warum auch nicht. Er kann das und wenn deine Produkte nicht kaufen möchte, dann kann ich euch beruhigen. Er möchte es dann auch nicht mit Nutzerkonto kaufen!

Okay, also zurück zum Szenario, der Kunde kommt zum Checkout und findet nun folgendes:

Soll zustand:
Auf der linken Seite ist ein großes schönes Formular, welches die Überschrift trägt:
"Ohne Anmeldung den Einkauf Abschließen.
Schritt 1 Lieferadresse:"
(Hinweis: Sie können während der Bestellung freiwillig ein Nutzerkonto anlegen wenn Sie das möchten)

So das ist alles, darunter sehen wir ein Formular, welches zum Beispiel so aussehen könnte:

( das Formular soll nicht vollständig sein, ich möchte nur aufzeigen wie wichtig große Lettern sind, denn Funktion kommt immer vor Design! und ich hasse micro Felder in welchen man nicht mehr sieht was man eingegeben hat, desweiteren ist in diesem Formular die Pflichtfelder ( Essentials ) von den Freiwilligen Feldern gut zu unterscheiden und der Kunde wird nicht genötigt nach unten durch all den Schrott zu scrollen welcher sich das Marketing erdüngt hat! Ich möchte dass der Kunde schnell einkaufen kann und glücklich ist dann kommt er auch wieder)

So nun können sich die Kunden anmelden und oder einfach bestellen.
Und wichtig auch Bestandskunden können einfach ihre Daten eingeben und kommen zu Schritt zwei im checkout und nicht zu einer nervigen Fehlermeldung Email Adresse schon vergeben !!

Ich höre schon die Kritischen Stimmen aus der ewig gestrigen Techniker Fraktion, was ist mit meiner Kundendatenbank, dann sind die email Adressen doppelt und dreifach in der Kundendatenbank, die sind doch unique!

Kein Problem, sei nicht geisel der Technik!

Wir werden die Adresse und Bankdaten sofern abweichend einfach dem aktuellen Kundendatensatz anhängen und für diese Bestellung diese Liefer und Rechnungsadresse mitgeben sofern diese Abweichend von der Aktuellen ist und im Kundendatensatz die neuen Daten automatisch auf Standard setzen. Und schon haben wir glückliche Kunden generiert.

Und wie bekomme ich nun mein Nutzerkonto ? Kein Problem, der Nutzer wird zum Abschluss der Bestellung gefragt ob er ein Nutzerkonto erstellen möchte, klickt er auf ja, dann kann er ein Passwort hinterlegen, wenn nicht dann bekommt er eine Email mit einem Link wo er eben dies tun kann, und wichtig an dieser Lösung auch Kunden mit Nutzerkonto werden nicht genötigt sich einzuloggen.

Meiner persönlichen Meinung könnte das ein guter weg in die Zukunft sein. Ein weitere Vorteil für ein Nutzerkonto könnte ein one click login per SSO Dienste sein, so wie Facebook, Google..... usw. So muss der User sich nicht mehr tausende Passwörter merken ;)

An die Shopbetreiber: Einfach mal machen =)

integrate Facebook News Feed in GooglePlus

2011-07-19T04:28:00.000-07:00

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 ;)

2011-06-16T06:01:00.000-07:00

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-budget nicht schlecht und 347 likes zu verzeichnen.)

Leider besitzen Leute im Marketing einfach keine Affinität zur Technik, das ist irgendwie schade, aber vielleicht hilft dieser Post hier als Denkanstoß und man legt doch seine Seite für das Festival als Ort an dann klappt es auch mit den "checkins" auf Facebook ;)

Für den Fall der Fälle das jemand meine Hilfe benötigt, ich habe immer ein offenes Ohr ;) Auch für Leute aus dem Marketing ;) Immerhin gibt es nun eine schicke Anlaufstelle für Rock am Ring Fans auf Facebook welche Marketing und Werbefrei ist... nur für das wohle aller ;) Oder irgendwie sowas......

Und hier die URL zu meiner "rockAmRing" Seite, welche den Vorteil hat dass diese eine Facebook Page und ein "Facebook Places" in einem ist ;)
http://www.facebook.com/rockamring.de

Hier noch ein kleiner Screenshot:

We are humans not machines !

2011-04-06T05:22:00.000-07:00

http://fotokasten.de/humans.txt

http://humanstxt.org/