In der Praxis gilt es, riesige Datenmengen für den User sinnvoll aufzubereiten und eine einfache Lösung bereitzustellen, mit der der Benutzer arbeiten kann.

Für die Auflistung von verbauten Teilen innerhalb eines Gebäudes sollte eine sogenannte “Scrollable Area” zum Einsatz kommen. Ein Bereich also, in dem der Benutzer sich durch alle Bauteile scrollen kann.

Eine "Scrollable Area" mit custom Scrollbar

jScrollpane

Durch die Vorgabe des Designs mussten wir eine Lösung finden, die es uns erlaubt, die Scrollbar optisch anzupassen. Wagt man eine Suche mit Google nach Stichwörtern wie “Scrollpane jQuery” stößt man zügig auf das jQuery Plugin “jScrollpane“.
Dieses sollte also nun bei uns zum Einsatz kommen.
Vorteile hierbei waren die Kompatibilität zu diversen Browsern sowie die ausführliche API.

Die Umsetzung von jScrollpane ist recht schnell erklärt und lässt sich am Besten mit folgendem Bild veranschaulichen:

Der rote Container ist ein Wrapper, der die CSS Eigenschaft overflow: hidden; besitzt. Dieser legt zusätzlich die Höhe und Breite des scrollbaren Bereichs fest.
Der grüne Container beinhaltet den eigentlichen Content. Durch Scrollen wird nun der grüne Bereich nach oben oder unten geschoben.

In der Theorie funktioniert das wunderbar für kleine statische Bereiche. Dafür wurde das Plugin wohl auch geschrieben. Nachdem ich ein paar Benchmarks gemacht hatte, wurde mir aber rasch klar, dass das für unsere Anwendung nicht ohne Weiteres funktioniert.

Probleme

Bei uns ist der Anwendungsfall etwas komplexer: Der Inhalt wird per Ajax Call geladen.
Anschließend muss die Scrollbar reinintialisiert werden. Außerdem haben wir teilweise große Datenmengen die angezeigt werden müssen. Bei einer Tabelle mit 1000 Einträgen war die Bedienung schon sehr hakelig. Bei 5000 Einträgen unbenutzbar.

Lösung 1: Endlos-Scrolling

Die erste Lösung bestand in einer Art “Endlos-Scrolling”. Beim ersten Aufruf der Tabelle werden 100 Einträge geladen. Kommt der Benutzer zu dessen Ende, werden die nächsten 100 Einträge geladen und unten angehängt. Hierdurch wird die Erstinitialisierung deutlich schneller und blockiert nicht mehr das Frontend für einige Sekunden während das jQuery Plugin die Größe der Scrollbar berechnet.
In unter 3% der Fälle muss tatsächlich Content nachgeladen werden, da der Benutzer die Suchfunktion bemüht und somit deutlich schneller am Ziel ist.

Trotzdem bestand immernoch das ursprüngliche Problem: Sind in der Tabelle mehr als 1000 Einträge, wird die gesamte Seite unbenutzbar.
Die denkbar einfachste Lösung wäre die Standard-Scrollbar gewesen, um dessen Darstellung sich der Browser selbst kümmert. Dies war aber mit dem Kunden nicht zu vereinbaren, da hierbei das Aussehen der Scrollbar nicht angepasst werden kann.

Lösung 2: Mein eigenes Plugin

Ich wusste, irgendwie muss ich das vorhandene Design mit der Browser Scrollbar kombinieren.
Die angestrebte Lösung nach etwas Brainstorming ist denkbar einfach:

Ich habe einen normalen <div> mit der CSS-Eigenschaft overflow: scroll;. Dieser sorgt für den Scrollbaren Bereich. Über den vom Browser erzeugten Scrollbalken liegt mein Eigener. Mithilfe von jQuery fange ich das .scroll() Event ab und positioniere meinen eigenen Balken.
Insgesamt waren für diese Lösung nur ungefähr 200 Zeilen Code nötig. Das proof-of-concept hatte ich an einem Abend geschrieben.
Die Hauptarbeit bestand in der Berechnung der Höhe des Scrollbalkens sowie dessen Positionierung. Das Scrollen per Drag & Drop sowie Pfeiltasten waren dann nurnoch Fleißarbeit.

Das Scrollen von einer Tabelle mit 10000 Rows ist immernoch ohne merkbare Performance Einbußen möglich.

Veröffentlichen werde ich das geschriebene Plugin vorerst nicht, da dafür noch diverse Anpassungen nötig sind. Solltet ihr dennoch Interesse daran haben, schreibt mir doch eine kurze Mail.

Im deutschen Raum gibt es zwei große Communitys, die sich der Erstellung der Untertitel widmen: TV4User und Subcentral.
Beide Seiten sind in einem großen Forum organisiert. Es gibt Unterforen für jede nur denkbare Serie und die Auswahl ist jeweils riesig. Untertitel erscheinen meiner Erfahrung nach durchschnittlich 5-7 Tage nach der Ausstrahlung im Amerikanischen Fernsehen (“Airdate”).

Nachdem ich diesen Service nun seit Jahren dankend in Anspruch nehme, wollte ich den Prozess dahinter kennenlernen, den ich im Folgenden erläutern werde. Bei meinen Nachforschungen habe ich mit einigen, sogenannten, “Subbern” gesprochen, die mir den Ablauf in ihren Teams geschildert haben. Dabei musste ich leider auch feststellen, dass die Subber-Gemeinde eine sehr eingeschworene Gesellschaft ist. Meine Anfragen wurden häufig misstrauisch nach ihrem Grund hinterfragt. Oft habe ich die Frage gestellt, was sich denn am bisherigen Arbeitsablauf verändern ließe. Jedesmal musste ich hören, dass der Prozess so wunderbar funktioniere. Verbesserungen sind hier nicht erwünscht.

Schritt 1: Die Beschaffung

Alles beginnt mit der Beschaffung der originalen Subs. Nach einem Gesetz in den Vereinigten Staaten müssen die Fernsehsender nach der Ausstrahlung einer Episode englische Untertitel, für beispielweise Hörgeschädigte, bereitstellen.
Diese Subs sind frei verfügbar und dienen als Vorlage für deutsche Übersetzungen.
addic7ed  sei an dieser Stelle als Quelle genannt.

Schritt 2: Vorbearbeitung und Timings

Nachdem sich der originale Sub im Besitz des Teamleiters befindet, macht er sich daran, den Sub zu bearbeiten. Zuerst fliegen häufig Items heraus, die nur für Hörgeschädigte relevant sind. Das sind Dinge wie z.B. Gesang oder Lachen. Entfernt werden diese mit einem einfachen Texteditor. Danach wird der bearbeitete Sub in ein Programm wie Subtitle Workshop geladen. Dieses Programm erlaubt es, einen Videoclip anzusehen und parallel dazu den Sub zu bearbeiten. In diesem Schritt wird überprüft, ob die Untertitel zur richtigen Zeit (“Timing”) erscheinen. Ist dies nicht der Fall, werden die Items umpositioniert. Ein Sub mit falschen Timings ist unbrauchbar.

Schritt 3: Verteilung und Übersetzung

Besteht ein Team aus mehreren Übersetzern, wird der Sub nun vom Teamleiter in einzelne Teile zerlegt. Diese Fallen nicht unbedingt gleich groß aus, da auf die Fähigkeiten und Geschwindigkeit des einzelnen Übersetzers Rücksicht genommen wird.
Das zerlegen passiert wieder mit einem einfachen Texteditor. Wie aufwendig und nervig diese Arbeit ist, kann sich jeder vorstellen.

Ist die Datei zerteilt, beginnt die Verteilung der einzelnen Stücke. Die Kommunikation findet über IM Dienste wie ICQ, per E-Mail oder über foreninterne Nachrichtensysteme statt.
Hat der Übersetzer seinen Teil erhalten, beginnt er mit der Übersetzung, wobei hier wieder Subtitle Workshop zum Einsatz kommt.
Bei der Übersetzung selber sind einige Dinge zu beachten, auf die ich an dieser Stelle mangels Kompetenz nicht eingehen kann. Ein Beispiel für eine Schwierigkeit ist aber die Unterscheidung zwischen “Sie” und “Du” im Deutschen, da sich der Unterschied aus dem englischen Original nicht erschließen lässt.

Schritt 4: Korrektur

Wurde die Übersetzung der einzelnen Teile fertiggestellt, gehen diese zurück an denjenigen, der für die Korrektur verantwortlich ist. Dieser setzt alles wieder zusammen und beginnt mit der Korrektur. Abermals wird die Episode parallel geschaut, um auch kontextuelle Fehler beseitigen zu können. Zusätzlich wird auf die Timings und auf die Länge der einzelnen Items geachtet. Diese sollten maximal zwei Zeilen mit jeweils nicht mehr als 50 Zeichen aufweisen.

Schritt 5: Verteilung an den User

Ist die gesamte Untertitel-Datei fertig, wird sie gepackt und in den passenden Forenthread hochgeladen, von wo sie für den Endbenutzer dann zum herunterladen bereit steht.

Mein Fazit:

Dieser gesamte Prozess ist durch seine jetzige Koordination und Kommunikation ziemlich zeitaufwendig. Da ich dieser Community gerne etwas zurückgeben würde, bin ich aktuell damit beschäftigt, technische Lösungen zu finden, um den Arbeitsablauf zu vereinfachen.
Ein Ansatz dafür ist eine Zentralisierung des Workflows in einer Software auf Webbasis, welche ich zur Zeit beispielhaft implementiere.

Über Fragen und Anmerkungen würde ich mich sehr freuen.

Wir bieten:

• sehr gute Aufstiegsmöglichkeiten in einem jungen, dynamischen Unternehmen
• Webprojekte und Entwicklung von mobilen Applikationen
• enge Zusammenarbeit mit Markengrößen wie Samsung und jungen, aufstrebenden Unternehmen
• regelmäßige Weiterbildungsmaßnahmen
• eigene Projektverantwortung
• nettes und sympathisches Arbeitsklima

Aufgaben:

• Weiterentwicklung von bestehenden mobilen Applikationen, großen Portalen, CM Systemen oder Community Plattformen
• Konzeption und Entwicklung von neuen mobilen Applikationen oder Webapplikationen
• Eigenverantortliches und zuverlässiges Arbeiten

Anforderungen:

• sehr gute Kenntnisse in Java, MySQL, Javascript, HTML und CSS
• Erfahrung mit der Erstellung von mobilen Applikationen für Android
• Erfahrung mit PHP wünschenswert

http://spinsoft.de/Kontakt/Jobs/Java-Android-Entwickler

“Als Gadget Geek bin ich permanent auf der Suche nach witzigen Gadgets”

Erstmal schreckt natürlich der stolze Preis von ca. 380€ ab, davon haben wir uns allerdings nicht beeindrucken lassen. Über Amazon wurde dann bestellt und eine Woche später (letzten Samstag) war das Gerät fertig aufgeladen und einsatzbereit. Eine dicke Anleitung in mehreren Sprachen liegt bei, wurde aber ignoriert. Die Steuerung ist quasi intuitiv, viel falsch machen kann man da nicht.

Zuerst wurde das Wohnzimmer um herumstehende Gegenstände bereinigt, dann ging es los. Ein Druck auf “Clean” und ein Sound in feinster 8-bit Super Mario manier ertönt. Dann legt unser “Devastator” los.

Er fährt gerade aus, kommt an unseren Schrank, dreht sich und fährt mit seiner äußeren Bürste schön am Schrank entlang. Oh, ein Hindernis. Das erkennt der Roomba und umfährt es erfolgreich. Nach zwei Stunden saugen meldet er Vollzug und begibt sich automatisch wieder zu seiner Aufladestation um auf Säuberung zu warten.

Der Geräuschpegel hält sich während der gesamten Putzorgie völlig im Rahmen. Er ist wesentlich leiser als ein Staubsauger. Das liegt primär daran, dass das Gerät mehr mit Bürsten als staubsaugertypisch mit einem Vaccum zu arbeiten. Das Ergebnis überrascht, viel hatten wir uns nicht erhofft, aber nach den ersten Tests wollen wir ihn nicht mehr hergeben.

Natürlich ersetzt er keinen normalen Staubsauger. Ecken erreicht er nicht vollständig, geschweige denn von Schränken oder ähnlichem. Als ideale Ergänzung werden wir uns also noch einen kleinen Handstaubsauger zulegen.

Die Zeitsteuerung wurde noch nicht vollständig getestet, auch die virtuellen Wände mussten bisher echten Hindernissen weichen. Über Stufen von 2cm kommt er übrigens nicht drüber, da auch diese als Hindernis erkannt werden.

Bilder und Videos sowie meine Langzeiterfahrung werde ich noch nachreichen, sobald es mehr zu berichten gibt. Wer das Geld in eine Haushaltshilfe investieren kann und will, der sollte sich den Roomba mal ansehen. Die Zeit, die man dadurch Spart ist Gold wert, im wahrsten Sinne des Wortes.

http://net.tutsplus.com/tutorials/php/how-to-authenticate-your-users-with-facebook-connect/

Möglicherweise finde ich nach meinem Urlaub ja Zeit, das ganze anschaulich in CakePHP zu implementieren, schließlich könnte man das ja immer mal wieder brauchen.
Ich brauch es ua. für Meetr.

Hier ein paar Dinge die man wissen sollte:
1. Passwörter werden mit der Methode Auth::password gehasht. Dem liegt standardmäßig ein salted SHA1 Hashing Verfahren zugrunde.
Beispiel:

$this->data['User']['password'] = $this->Auth->password($this->data['User']['password']);
$this->User->create();
$this->User->save($this->data);

2. Cake Konvention für das DisplayField ist, dass der Feldname “name” sein muss. Die Auth Component erwartet aber, dass der Username auch “username” heißt, sonst funktioniert das ganze nicht.

Man kann sich hiermit Abhilfe schaffen:

function beforeFilter() {
        parent::beforeFilter();
	$this->Auth->fields['username'] = 'name';
}

3. Um einzelne Actions von der Auth Component zu befreien gibt es Auth::allow.

Beispiel:

function beforeFilter() {
        parent::beforeFilter();
        // Einzelne Actions erlauben:
        $this->Auth->allow('index', 'foobar');
        // Alle Actions erlauben:
        $this->Auth->allow('*');
}

20:56: Schade, das wars auch schon. Kein OS 10.6.4, keine neuen Macs, kein kostenloses Mobile Me..
Danke fürs Lesen, ich hoffe ich hab dem ganzen übertriebenen Geschwafel eine etwas eigene Note geben können.

20:54: “I put up this slide a little earlier this year. It represents what Apple is all about. We’re not just a tech company. Apple is more than that. It’s tech and humanity. It’s the hardware and the software working together. It’s not just a great new camera system, it’s the editing too, it’s not just a front-facing camera, it’s that plus 18 months of work on the software side. It’s the complete solution, so all of us don’t have to be system integrators.” Ein Wort: FOXCONN!11

20:52: “This is going to change everything… all over again.” Na da bin ich gespannt. Die Welt an Revolutionen ist es jetzt auch nicht.

20:50. Sie zeigen gerade ein Video über die Produktion. Komisch, von Foxconn und den unmenschlichen Bedingungen dort für deren Arbeiter ist aber keine Rede.

20:47: Kostenloses Update auf iOS4? Was ist denn mit Apple los? Das ältere Geräte nicht alle Features unterstützen werden, wussten wir ja schon. Und am 21. Juni beginnt der Rollout, da bin ich doch garnicht da!

20:43: Vorverkauf startet Morgen in einer Woche. Auch für Deutschland.

20:41: Der Preis: 299$ die 32GB Variante, $199 die 16GB Variante. Mit Vertrag bei AT&T, scheinbar exklusiv. Lief deren Vertrag nicht dieses Jahr aus? Wurde ja über WiMAX spekuliert.

20:40: Oh, ziemlich cool. Sehe ich richtig, dass das iphone 4 ua. SIP untersützt? Das wäre ja mal was.

20:37: Facetime ist übrigens WiFi only, mein HTC konnte das über UMTS auch, tolle Wurst. Das mit dem WiFi ausschalten wird irgendwie zum running Gag. Aber eventuell kann man ja tolle Sachen mit der Front Kamera anstellen, wenn das die API zulässt.

20:33: Facetime! Toll, Videcalls, das konnte ja mein uraltes HTC schon.. Ist jetzt auch nicht so, als wäre das irgendwie ein sinnvolles Feature, ernsthaft.

20:32: Oh, da ist noch was.. SPANNUNG!1

20:30: Noch ein Zitat: “und steve was machen wir heute nacht” – “das selbe wie jeden abend…”. So, that is iAd..

20:28: Immernoch iAds, gut, das ist eigentlich eine Entwicklerkonferenz, aber jetzt ist es auch wieder gut. Letztes Jahr ging die Keynote übrigens 1.5h ziemlich genau, das wird knapp.

20:22: Ich vergaß: iAds ist die Nummer 8, also auch nichts wirklich Neues, da bin ich eher gespannt, mit was da Google kontert. Immerhin ist Werbung ja deren Territorium.

20:21: Über den einen oder anderen Kommentar würde ich mich übrigens freuen, ein paar Leser habe ich ja. :)

20:20: *gähn* Wo bleibt das Mobile Me Update?

20:17: #7 ist iBooks für das iPhone. Oh WOW!1 Nicht überraschend und auch irgendwie sinnfrei. Auf dem Display lässt sich imo nicht sinnvoll lesen, das hab ich schon versucht. Wenns das jetzt zum iPhone 4 war, bin ich trotzdem begeistert. Es ist ein schönes Gerät mit konsequenten Erweiterungen im Bezug auf Hardware, Software und Design. Was erwarten wir denn mehr?

20:16: Oh, eine quasi final version des iOS4 kommt wohl schon Heute zu den Entwicklern.

20:15: Haha, Bing Integration. Was ist denn hier los? Nicht, dass das nicht zuvor schom rumored wurde, aber lustig finde ich es allemal. Yahoo kommt auch an Board.

20:11: Über iOS4 berichten spar ich mir jetzt, das hatten wir wirklich schon, und bis jetzt kam da auch nichts Neues. Die Inbox sieht übrigens wesentlich aufgeräumter aus. Wenn das Teil nun auch noch IMAP Ordner automatisch syncen würde, wäre ich sogar zufrieden.

20:09: “Neuigkeit” #6: iOS4 formerly known as iPhone OS4. Ach komm Steve, das kennen wir doch schon.

20:08: Steve bittet das Publikum ihr WiFi und 3g auszuschalten, warum auch immer. Da hagelts sicher gleich wieder Hausverbote, wenn das jemand nicht macht.. wie Engadget beispielsweise.

20:04: “Isn’t that awesome? So iMovie for iPhone… you’ll be able to buy this for $4.99… if we approve it.” hahahaa.. Preislich hält sich das ja noch im Rahmen. Für Pages, Numbers und Keynote zahlt man stolze 7.99€

20:03: Gibt wohl 5 Unterschiedliche Themen, die sich je nach Standpunkt der aufgenommen Videos adden.  5?

20:02: Übergänge, Photos, Hintergrundmusik, Schneiden von Clips, Projekte.. scheint alles da zu sein. Aber ehrlich, wer will das denn auf dem iPhone machen? Anyways, cooles Gadget und zum Android User Ärgern langts allemal!

20:00: Der vollkommen richtige Weg: iMovie für das iPhone. Da spricht jetzt der Chefentwickler drüber.

19:58: WAT? 720p Video recording bei 30fps? Das will ich mit eigenen Augen sehen. Ich möchte kurz einen Kumpel zitieren, dem ich nur voll zustimmen kann: “das teil is einfach mal ein arschtritt für alle anderen smartphonehersteller”

19:56: Neuerung #5: Ein ganz neues Kamerasystem. Scheinbar ein neuer Sensor der bessere Bilder im Dunkeln macht? Die Megapixel wurden auf 5 erhöht, was jetzt aber niemanden wirklich überraschen dürfte. Oh, digital Zoom gibts jetzt auch.

19:54: Steve zeigt grad, wie die Beschleunigungssensoren um eine weitere Achse ergänzt wurden.. mit “Jenga”.

19:52: Das iPhone 4 untersützt nun also auch den WLAN n-Standard, da würde mich interessieren in welchem Netz der im Endeffekt funkt. 5GHZ? Man weiß es nicht. Bei den anderen technischen Details lese ich soweit nichts spektakulär Neues raus.. A4 Chip, HSUPA und “dual mic noise suppression” wären hier zu erwähnen.

19:48: Werden hochskaliert.. “It makes it so your apps run automatically on this, but it renders your text and controls in the higher resolution..”. Was mir nicht gefällt, auch im iPhone 4 kommt dieser Miko-Sim Rotz, wieso?! Ist da kein Platz? Ich mein, das hat bisher auch funktioniert.

19:47: “Existing apps look better” Aha, darüber haben wir uns gerade schon unterhalten. Werden die hochskaliert?

19:46: Ah, Technische Stats: IPS Display und ne Auflösung von 960×640.. nicht schlecht!

19:45: Die Bilder des Retina Displays scheinen schärfer zu sein, aber irgendwie auch dunkler.

19:44: Ist gut, ihr könnt den GSM Jammer wieder ausmachen, genug den guten Steve geärgert.
Der hat nämlich grad kein Netz um Safari zu zeigen.

19:38: Sie haben zudem die Anzahl der Pixel vervierfacht. Dadurch steigt die mögliche Auflösung, oder? Jedenfalls soll wohl das Anti Aliasing besser klappen.

19:36: Krass, ich bin begeistert. Das Teil sieht WIRKLICH gut aus. Achja: LED Flash!!111

19:33: “You ain’t seen it…” Ja, das neue iPad Mini.. aeh iPhone wurde angekündigt, gerade eben: iPhone 4. Die Bilder sehen vielversprechend aus. Bin gespannt.

19:29: Steve ist wieder da: “You know we give 70% of revenue to developers.” Schön formuliert. Auf gut Deutsch, sie behalten 30%!?

19:26: Nichts Interessantes und/oder Neues bisher. Einen Guitar Hero Verschnitt gibt es schon seit Ewigkeiten im Appstore und nennt sich Tap Tap. ist sogar recht unterhaltsam.

19:25: Oh, awesome: GUITAR HERO!1 Das hätte man vorhersehen können.

19:21: Vergesst das mit dem Streaming, das sind die Idioten hinter Farmville.

19:20: Ein Vertreter von Zynga ist auf der Bühne, jetzt wirds für die Gamer unter uns interessant. Die haben, wenn ich mich nicht irre, schon demonstriert, wie man WoW auf das iPad streamed.
Aber keine Ahnung, wie sie das mit der Steuerung hinbekommen wollen, auch bei anderen Spielen.

19:16: Jetzt spricht der gute Steve über den App approval process, gabs da nicht einige Beschwerden? mh. Jedenfalls werden 95% der submitteten Apps innerhalb von 7 Tagen zugelassen, gut zu wissen.
“Wer Pornos haben möchte, soll sich Android kaufen.” Davon ist hier grad keine Rede ;)

19:11: 22% der verkauften Ebooks werden jetzt schon über iBooks verkauft, das hätte ich tatsächlich nicht gedacht. Aber ganz ehrlich, wer hat sich bis dato Ebooks gekauft?

19:08: Toll das mit den iPhone Apps auf dem iPad, sehen hochskaliert zum Glück auch nicht scheiße aus. Bislang nur etwas Gesülze rund um das iPad. Jetzt werden wohl ein paar Apps vorgestellt. Nothing new here.

19:05: “It is magical, I know it because I got this email: I was sitting in a café with my iPad, and it got a girl interested in me!.” “So there’s proof.” Huge cheers.
Das ist auch der Grund, wieso ich mir das Teil gekauft hab..

19:00: “What a Wonderful World” Welche Welt meinen die eigentlich?

18:58: Geht wohl langsam los.

18:56: Dass Heute das neue iPad Mini mit Telefonoption angekündigt wird ist beschlossene Sache, oder?

18:53: Erwartet hier bitte keinen Fanboy Livestream, ich werde vermutlich primär darüber Bericht erstatten, was mir nicht gefällt.

18:47: Nichts Neues bisher. Solange ich auf den Start warte, kann ich euch ja verraten, was mich Heute besonders interessiert: Kostenloses Mobile Me.. das wars auch schon, bin ja noch voller Hoffnung.

18:43: Würde ja lachen, wenn Steve die Leute von Gizmodo erstmal persönlich raus zitiert. Die haben ja Hausverbot.

18:39: Hier der Link: http://www.engadget.com/2010/06/07/steve-jobs-live-from-wwdc-2010

18:37: Ich sitze jetzt gespannt vor meinem iMac und verfolge den Live Feed von Engadget, bis jetzt nichts Erwähnenswertes, mal abgesehen von der Jazz Musik..

Jedenfalls störte mich von Anfang an die Geschwindigkeit des Mauszeigers die sich unter OSX nicht sonderlich hoch einstellen lässt. Dies lässt sich aber durch einen Einzeiler in der Konsole beheben:

defaults write -globalDomain com.apple.mouse.scaling -float 8.0

(Ausloggen und Einloggen um die Veränderungen in Kraft treten zu lassen)

Max unter OSX: 3.0
Meine Einstellung: 8.0

So läuft das wesentlich besser.

Hier findet ihr die Files.

Installation:
1. Entpacken
2. Datenbank importieren und app/config/database.php anpassen
3. Benutzer anlegen: localhost/sprit.cafe/users
4. Kaffee eintragen

Folgender Commit hat den Fehler verursacht:
http://github.com/cakephp/cakephp1x/commit/60465287445f546ea85ee12827772c06055984f7

Der ursprüngliche Code findet sich hier:
http://bakery.cakephp.org/articles/view/twitter-datasource

Der neue Code:

* @copyright (c) 2009 Alexandru Ciobanu
 * @license http://www.opensource.org/licenses/mit-license.php The MIT License
 * @link http://bakery.cakephp.org/articles/view/twitter-datasource
 * @created May 4, 2009
 * @version 0.2
 *
 * @modified by Julian (nerdbeere)
 */ App::import('Core', array('Xml', 'HttpSocket')); 
  
class TwitterSource extends DataSource 
{ 
    var $username = ""; 
    var $password = ""; 
    var $description = "Twitter API"; 
    var $Http = null; 
  
    function __construct($config) { 
        parent::__construct($config); 
        $this->Http =& new HttpSocket(); 
        $this->username = $this->config['username']; 
        $this->password = $this->config['password']; 
    } 
  
  
    /** 
     * Returns a single status, specified by the id parameter below. 
     * The status's author will be returned inline. 
     * 
     * @param string id Required. The numerical ID or username of the status you're trying to retrieve. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function status_show($id) { 
        $url = "http://twitter.com/statuses/show/{$id}.xml"; 
        return $this->__process($this->Http->get($url)); 
    } 
  
    function user_show($id=false, $params = array()) { 
        $url = "http://twitter.com/users/show"; 
        if($id != false) { 
            $url .= "/{$id}.xml"; 
        } else { 
            $url .= ".xml"; 
        } 
        return $this->__process($this->Http->get($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns the 20 most recent statuses from non-protected users 
     * who have set a custom user icon.  Does not require authentication. 
     * 
     * @param array params Optional. parameters passed to the query 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function status_public_timeline($params=array()) { 
        $url = 'http://twitter.com/statuses/public_timeline.xml'; 
        return $this->__process($this->Http->get($url, $params)); 
    } 
  
    /** 
     * Returns the 20 most recent statuses posted in the last 24 hours from the authenticating 
     * user and that user's friends.  It's also possible to request another user's 
     * friends_timeline via the id parameter below. 
     * 
     * @param string id Optional. Specifies the ID or screen name of the user for whom to return the friends_timeline
     * @param array params Optional. parameters passed to the query 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function status_friends_timeline($id=false, $params = array()) { 
        $url = 'http://twitter.com/statuses/friends_timeline'; 
        if($id != false) { 
            $url .= "/{$id}.xml"; 
        } else { 
            $url .= ".xml"; 
        } 
        return $this->__process($this->Http->get($url, $params)); 
    } 
  
    /** 
     * Returns the 20 most recent statuses posted in the last 24 hours from the authenticating user. 
     * It's also possible to request another user's timeline via the id parameter below. 
     * 
     * @param string id Optional. Specifies the ID or screen name of the user for whom to return the friends_timeline.
     * @param array params Optional. parameters passed to the query 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function status_user_timeline($id=false, $params = array()) { 
        $url = 'http://twitter.com/statuses/user_timeline'; 
        if($id != false) { 
            $url .= "/{$id}.xml"; 
        } else { 
            $url .= ".xml"; 
        } 
  
        return $this->__process($this->Http->get($url, $params)); 
    } 
  
    /** 
     * Updates the authenticating user's status.  Requires the status parameter specified below. 
     * 
     * @param string status Required.  The text of your status update. 
     *              Be sure to URL encode as necessary.  Must not be more than 160 characters 
     *              and should not be more than 140 characters to ensure optimal display. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function status_update($status) { 
        $url = "http://twitter.com/statuses/update.xml"; 
        return $this->__process($this->Http->post($url, array('status' => $status), $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns the 20 most recent replies 
     * (status updates prefixed with @username posted by users who 
     * are friends with the user being replied to) 
     * to the authenticating user. 
     * 
     * @param array params Optional. Parameters passed to the query 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function status_replies($params = array()) { 
        $url = "http://twitter.com/statuses/replies.xml"; 
        return $this->__process($this->Http->get($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Destroys the status specified by the required ID parameter. 
     * 
     * @param string id Required.  The ID of the status to destroy. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function status_destroy($id) { 
        $url = "http://twitter.com/statuses/destroy/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns up to 100 of the authenticating user's friends who have most recently updated, each with current status inline.
     * It's also possible to request another user's recent friends list via the id parameter below. 
     * 
     * @param string id Optional.  The ID or screen name of the user for whom to request a list of friends. 
     * @param array params Optional. Parameters passed to the query 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function user_friends($id=false, $params = array()) { 
        $url = "http://twitter.com/statuses/friends"; 
        if($id != false) { 
            $url .= "/{$id}.xml"; 
        } else { 
            $url .= ".xml"; 
        } 
        return $this->__process($this->Http->get($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns the authenticating user's followers, each with current status inline. 
     * 
     * @param array params Optional. Parameters passed to the query 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function user_followers($params = array()) { 
        $url = "http://twitter.com/statuses/followers.xml"; 
        return $this->__process($this->Http->get($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns a list of the users currently featured on the site with their current statuses inline. 
     * 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function user_featured() { 
        $url = "http://twitter.com/statuses/featured.xml"; 
        return $this->__process($this->Http->get($url)); 
    } 
  
    /** 
     * Returns a list of the 20 most recent direct messages sent to the authenticating user. 
     * 
     * @param array params Optional. Parameters passed to the query. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function direct_messages($params = array()) { 
        $url = "http://twitter.com/direct_messages.xml"; 
        return $this->__process($this->Http->get($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns a list of the 20 most recent direct messages sent by the authenticating user. 
     * 
     * @param array params Optional. Parameters passed to the query. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function direct_messages_sent($params = array()) { 
        $url = "http://twitter.com/direct_messages/sent.xml"; 
        return $this->__process($this->Http->get($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Sends a new direct message to the specified user from the authenticating user. 
     * 
     * @param string user Required.  The ID or screen name of the recipient user. 
     * @param string text Required.  The text of your direct message. 
     *              Be sure to URL encode as necessary, and keep it under 140 characters. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function direct_messages_new($user, $text) { 
        $url = "http://twitter.com/direct_messages/new.xml"; 
        $params = array('user' => $user, 'text' => $text); 
        return $this->__process($this->Http->post($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Destroys the direct message specified in the required ID parameter. 
     * 
     * @param string id Required.  The ID of the direct message to destroy. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function direct_messages_destroy($id) { 
        $url = "http://twitter.com/direct_messages/destroy/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Befriends the user specified in the ID parameter as the authenticating user. 
     * 
     * @param string id Required.  The ID or screen name of the user to befriend. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function friendship_create($id) { 
        $url = "http://twitter.com/friendships/create/{$id}.xml"; 
        return $this->__process($this->Http->post($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Discontinues friendship with the user specified in the ID parameter as the authenticating user. 
     * 
     * @param string id Required.  The ID or screen name of the user with whom to discontinue friendship. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function friendship_destroy($id) { 
        $url = "http://twitter.com/friendships/destroy/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns an HTTP 200 OK response code and a format-specific response if authentication was successful. 
     * 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function account_verify_credentials() { 
        $url = "http://twitter.com/account/verify_credentials.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Ends the session of the authenticating user, returning a null cookie. 
     * 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function account_end_session() { 
        $url = "http://twitter.com/account/end_session"; 
        $this->Http->get($url, null, $this->__getAuthHeader()); 
    } 
  
    /** 
     * Returns 80 statuses per page for the authenticating user, ordered by descending date of posting. 
     * 
     * @param integer page Optional. Retrieves the 80 next most recent statuses. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function account_archive($page=1) { 
        $url = 'http://twitter.com/statuses/user_timeline.xml'; 
        return $this->__process($this->Http->get($url, array('page' => $page), $this->__getAuthHeader())); 
    } 
  
    /** 
     * Updates the location attribute of the authenticating user, 
     * as displayed on the side of their profile and returned in various API methods. 
     * 
     * @param string location The location of the user.  Please note this is not normalized, geocoded, or translated to latitude/longitude at this time.
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function account_update_location($location) { 
        $url = 'http://twitter.com/account/update_location.xml'; 
        return $this->__process($this->Http->get($url, array('location' => $location), $this->__getAuthHeader())); 
    } 
  
    /** 
     * Sets which device Twitter delivers updates to for the authenticating user. 
     * Sending none as the device parameter will disable IM or SMS updates. 
     * 
     * @param string device  Must be one of: sms, im, none. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function account_update_delivery_device($device) { 
        $url = 'http://twitter.com/account/update_delivery_device.xml'; 
        return $this->__process($this->Http->get($url, array('device' => $device), $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns the 20 most recent favorite statuses for the authenticating user 
     * or user specified by the ID parameter in the requested format. 
     * 
     * @param string id Optional.  The ID or screen name of the user for whom to request a list of favorite statuses.
     * @param array params Optional. Parameters passed to the query 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function favorites($id = false, $params = array()) { 
        $url = "http://twitter.com/favorites"; 
        if($id != false) { 
            $url .= "/{$id}.xml"; 
        } else { 
            $url .= ".xml"; 
        } 
        return $this->__process($this->Http->get($url, $params, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Favorites the status specified in the ID parameter as the authenticating user. 
     * 
     * @param string id Required.  The ID of the status to favorite. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function favorites_create($id) { 
        $url = "http://twitter.com/favorites/create/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Un-favorites the status specified in the ID parameter as the authenticating user. 
     * 
     * @param string id Required.  The ID of the status to un-favorite. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function favorites_destroy($id) { 
        $url = "http://twitter.com/favorites/destroy/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
    /** 
     * Search for keyword using the twitter search API 
     * 
     * @param string $keyword 
     * @param string $language 
     * @see http://search.twitter.com/api 
     */ 
    function search($keyword, $language = 'all', $rpp = '10'){ 
        $url = "http://search.twitter.com/search.atom?q=$keyword&lang=$language&rpp=$rpp"; 
        return $this->__process($this->Http->get($url)); 
    } 
  
    /** 
     * Enables notifications for updates from the specified user to the authenticating user. 
     * 
     * @param string id Required.  The ID or screen name of the user to follow. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function notifications_follow($id) { 
        $url = "http://twitter.com/notifications/follow/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Disables notifications for updates from the specified user to the authenticating user. 
     * 
     * @param string id Required.  The ID or screen name of the user to leave. 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function notifications_leave($id) { 
        $url = "http://twitter.com/notifications/leave/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Blocks the user specified in the ID parameter as the authenticating user. 
     * Returns the blocked user in the requested format when successful. 
     * 
     * @param string id The ID or screen_name of the user to block 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function block_create($id) { 
        $url = "http://twitter.com/blocks/create/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Un-blocks the user specified in the ID parameter as the authenticating user. 
     * Returns the un-blocked user in the requested format when successful. 
     * 
     * @param string id The ID or screen_name of the user to block 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function block_destroy($id) { 
        $url = "http://twitter.com/blocks/destroy/{$id}.xml"; 
        return $this->__process($this->Http->get($url, null, $this->__getAuthHeader())); 
    } 
  
    /** 
     * Returns the string "ok" in the requested format with a 200 OK HTTP status code. 
     * 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function help_test() { 
        $url = 'http://twitter.com/help/test.xml'; 
        return $this->__process($this->Http->get($url)); 
    } 
  
    /** 
     * Returns the same text displayed on http://twitter.com/home when 
     * a maintenance window is scheduled, in the requested format. 
     * 
     * @see http://groups.google.com/group/twitter-development-talk/web/api-documentation 
     */ 
    function help_downtime_schedule() { 
        $url = 'http://twitter.com/help/downtime_schedule.xml'; 
        return $this->__process($this->Http->get($url)); 
    } 
    /** 
     * Credentials array for method with mandatory auth 
     * @return array credentials 
     */ 
    function __getAuthHeader() { 
        return array('auth' => array('method' => 'Basic', 
                                     'user' => $this->username, 
                                     'pass' => $this->password 
        ) 
        ); 
    } 
  
    /** 
     * 
     * @param string data to process 
     * @return array Twitter API response 
     */ 
    function __process($response) { 
        $xml = new XML($response); 
        $array = $xml->toArray(); 

        $xml->__destruct(); 
        $xml = null; 
        unset($xml); 
  
        return $array; 
    } 
} 
?>