ThinkPHP /dev/blog - Development

Facebook Open Graph

nospam@example.com (Daniel Prokscha) — Mon, 21 Jun 2010 11:45:00 +0200

During its developer conferene f8 on the 21st of April, Facebook presented Open Graph. But what is it exactly and what can I, as a webmaster, do with it? This and more will be clarified in this article (read german version).

Continue reading "Facebook Open Graph"

Facebook Open Graph

nospam@example.com (Daniel Prokscha) — Mon, 21 Jun 2010 11:45:00 +0200

Am 21. April hat Facebook während seiner Entwicklerkonferenz f8 Open Graph vorgestellt. Doch was ist das überhaupt und was kann ich als Webseitenbetreiber damit machen? Dies und mehr soll in diesem Artikel (englische Version lesen) geklärt werden.

Continue reading "Facebook Open Graph"

Motivation in Software Development

nospam@example.com (johann) — Wed, 26 May 2010 08:09:45 +0200

Working with software developers is often described as "herding cats", because they got their own mind.

I actually love how this video explains the reasons, and why this is basically an advantage.

Continue reading "Motivation in Software Development "

A comet over PHProjekt 6

nospam@example.com (Martin Ruprecht) — Thu, 04 Mar 2010 12:59:37 +0100

So far PHProjekt 6 (P6, see http://phprojekt.com) is already enhanced with nice AJAX workflows and snappy user-experience. Nevertheless, we discussed a way to provide synchronous communication and direct information within the application.

Everybody knows GoogleMail with its easy to use frontend. Maybe you use it for your daily work. In GoogleMail, there is no need to refresh the page to receive a new mail, Google informs you automatically whenever a new mail is available. But how is this possible? The answer to this question is really simple: The server triggers a signal informing that a new mail is available. This technology is called Comet and describes a way how the server communicates with the client [see http://en.wikipedia.org/wiki/Comet_(programming) ].

Is there a way to use Comet for P6? As P6 works with a lot of users, it is important for me as a user to be informed when somebody has changed something in my projects or has added an urgent todo. The list where a notification could be triggered is long, but at the moment, only email notifications are sent immediately. So, what we need in P6 are real-time notifications. With real-time notifications, for example, every time somebody changes something in my project, I receive a message in form of a highlighted info box. This looks like a typical use case for using Comet. And yes, Comet would be great for realizing this kind of real-time notification! But since the users love the handy system requirements (Apache Server and MySQL) and the ease of installation, something different is needed than a real Comet architecture, because all the Comet magic is based on a so called application server, e.g. Jetty, Persevere. Therefore, I decide to implement another (Comet-) technology, called Long Polling. You can find the name AJAX Polling for this technology, too.

The technology behind Long Polling is to open a connection from the client to the server and not to close this connection immediately. Ok, that´s fine, but how to open a connection and "hold" it? Opening a connection to the server is easy, a simple AJAX will do the trick. P6 uses the Dojo Toolkit for all its AJAX, so in this case I used the Dojo.xhrPost.

        dojo.xhrPost({
            url:   myUrl,
            error: function(error, handle) {
                handleError(myUrl, error);
            },
            load: function(response) {
                if (false != response.data) {
                    showToaster(response.data);
                }
            },
            handleAs: 'json'
        });

Since the HTTP protocoll is connection-based, at the server-side, a process is also needed that holds the connection and does not return . So, what I do to hold this connection open is to set a simple timeout during the execution of the server-side script, in my case I use sleep(). This is the basic idea of long polling, but the gimmick of this approach is to return earlier if something happens on the server-side. In other words, I open a connection to the server and check whether there are any changes, if not, the connection stays open for the maximum polling time. If yes, the response will be returned to the client immediately.

This diagram shows the basic workflow, and the lines below show the possible solution in PHP:

        $counter  = 0;
        $maxLoops = 4;
        $data     = array();

        while ($counter != $maxLoops) {
            $counter++;
            $data = $this->getMessage($userId); // get data from database
            if (false === empty($data)) {
                return $data; // there is something new, return immediately
            }
            sleep(5); // nothing is new, sleep for 5 sec.
        }

        return $data; // return the empty array

For P6 this means that I always save the following: the person who triggers an event, the event itself (e.g. somebody adds a new note), the item, the project, the creation time, the time until this message is valid, and the persons who should receive a frontend message from the database. The long polling loop checks whether there is anything new. If yes, it returns the data. If not, the polling loop starts again. Every event is saved in the database for a maximum of two minutes, except events in the future. Itis real-time so itis possible to miss a message ;-)

One word about the Dojo Toolkit. The AJAX API of Dojo provides several functions to communicate with the server. The easiest way is to use dojo.xhrGet or dojo.xhrPost. I decided to use the Post version. Although the function has a property setTimeout, which allows you to set the time to wait for a response from the server, this is not needed, because of the sleep loops at the server side.

Now, lets look at the downsides of the long polling approach. Yes, I partly agree with everybody who says that the permanent polling to the server causes massive traffic and server load, especially with an increasing number of users. But in the special case of P6 this is OK, because the number of users is manageable and in most cases, P6 runs in a local network. In addition, the frontend messages are configurable, You can set the polling loop and the number of requests to the database.

Considering all the facts and keeping in mind that P6 is designed to be a lightweight open source groupware, I am positive to say that the Long Polling technology is the right choice for P6.

Developing desktop applications by using web technologies

nospam@example.com (Thomas Steur) — Wed, 02 Dec 2009 11:33:00 +0100

Looking how to develop a desktop application in a short term, I came accross "Titanium Developer". This Open-Source tool helps you to create desktop apps. The special feature about it is the possibility to use well-known Web-Technologies such as HTML, JavaScript and PHP. Thus, learning a new programming language is no longer necessary. Another advantage is that you can directly create binaries for Mac, Linux and Windows using the same code.

Continue reading "Developing desktop applications by using web technologies"

PHP Extension Development: Vortrag@Mayflower-Würzburg

nospam@example.com (Andreas Ganje) — Wed, 16 Sep 2009 08:54:00 +0200

Am kommenden Donnerstag, den 17.09.2009 findet wieder ein öffentlicher Vortrag im Mayflower Büro in Würzburg statt (Pleichertorstrasse 2, 97070 Würzburg, Straßenbahn Congress Centrum).
Beginn ist um 18:00 Uhr, Thema des Vortrags ist PHP Extension Development.

Johannes Schlüter zeigt, was beim Entwickeln von PHP Extensions alles zu beachten ist und wie man dabei am geschicktesten an die Sache ran geht.

Die "Donnerstags-Vorträge" werden sowohl in Würzburg als auch in München gehalten. Bei Interesse einfach das Blog beobachten, um auf dem Laufenden zu bleiben!
Wir freuen uns auf viele Teilnehmer!

Größere Kartenansicht

Dojo Toolkit Workshop, Mai 2009

nospam@example.com (Konstantin Tarassow) — Mon, 15 Jun 2009 15:43:00 +0200

Anfang Mai luden Uxebu und SitePen zu einem Dojo Toolkit-Workshop, genauer gesagt "Intro to Dojo, Charts, Grids, and Comet", nach Oberhaching bei München. Mayflower war mit schätzugsweise einem guten Drittel aller Workshop-Teilnehmer zahlreich vertreten.

Dylan Schiemann von SitePen, Inc. und Nikolai Onken von Uxebu führten durch das Programm, außerdem konnten die Teilnehmer bei Fragen auf das Wissen und Erfahrung von Wolfram Kriesing (Uxebu), Tobias von Klipstein (Uxebu) und Peter Higgins (Dojo Toolkit) zurückgreifen.

Nachdem das Programm im Laufe der Zeit auf einen Tag reduziert worden war, änderte sich auch das Grundkonzept der Veranstaltung. Diese sollte nun die Benutzung von einigen ausgewählten Widgets zeigen, wobei sich die Auswahl an der Anwendung Stocker orientierte.
http://persevere.sitepen.com/stocker.html

Das Backend (Persevere/CometD-basiert) wurde von Sitepen bereitgestellt. Nähere Details zum Backend bzw. zur Anwedung selbst können hier in Erfahrung gebracht werden:
http://www.sitepen.com/blog/2009/04/01/stocker-advanced-dojo-made-easy/

Die behandelten Widgets waren u.a.:
dijit.layout.BorderContainer
dijit.layout.ContentPane
dojox.grid.DataGrid (mit Anbindung an einen JSON-Store über dojo.data.ItemFileReadStore)
dojox.charting.Chart2D

Aufgrund des engen Zeitrahmens wurde auf den Dojo Parser sowie die CSS-Struktur nur insofern eingangen, als dass man sich die entsprechenden Includes kopieren/abschreiben konnte, mit der man eine Umgebung zum Ausprobieren hatte. Auch wurde nahezu ausschließlich nur das "deklarative" Dojo-Programmierungsmodel gezeigt, sprich die Widgets wurden über Markup platziert und initialisiert, nicht programmatisch.
http://dojocampus.org/content/2009/04/15/declarative-vs-programatic/
Andererseits ist es wohl genau der Weg, den jemand beim ersten Blick auf Dojo zuallererst einschlagen würde.

Der Ablauf jedes Agenda-Teilschrittes (im Falle der Widgets) war wie folgt:

Vorstellung des Widgets inkl. Beispielcode
15-30 Minuten Zeit, in der die Teilnehmer das zuvor Gezeigte selber ausprobieren konnte. In dieser Zeit begutachteten die Tutoren immer wieder den Fortschritt bzw. standen für Fragen zur Verfügung

Natürlich bestand die Agenda nicht nur aus Widgets - diese wurden immer wieder mit anderen Programmpunkten aufgelockert - sei es durch Interessantes von Dylan (ob Geschichte des Dojo Toolkits oder kurze Erklärung von Polling und Comet), ganz banal Mittagessen oder (am Ende) Peters beeindruckende Einblicke in plugd (Erweiterung der Dojo-Basisbibliothek).

Trotz der Ausrichtung auf Anfänger, gab es auch zwischendurch kleinere Tipps, die man auch als erfahrener Dojo-Anwender nicht unbedingt gekannt hatte, z.B.:

Continue reading "Dojo Toolkit Workshop, Mai 2009"

Useful Addons

nospam@example.com (Alex Aulbach) — Wed, 04 Feb 2009 10:14:21 +0100

Every Mozilla/Thunderbird-user knows addons.mozilla.org. But good extensions are rare. And only SOME of the addons are useful. And for our daily work we need only good and useful extensions.

In the winter holidays I've had time to look at many addons. And found some things, which might be useful for our daily work. Maybe you will have a look at them.

Continue reading "Useful Addons"

Es webmontagt sehr ...

nospam@example.com (Björn Schotte) — Tue, 02 Dec 2008 11:31:47 +0100

Gestern war Webmontag in Frankfurt, der wie üblich in der Brotfabrik stattfand. Ich war schon über ein Jahr nicht mehr dort, vornehmlich aus Zeitmangel. Ein anderer Grund war gewesen, dass immer recht wenig & immer die gleichen Gesichter dort anwesend waren. Umso mehr war ich überrascht, dass sich auf der Webmontag-Wiki Seite ca. 70 Personen angemeldet hatten, von denen gestern dann auch gefühlte 60 anwesend waren (Webmontag Köln, zieht Euch warm an! :-) ).

Die positive Überraschung hielt auch an, denn das Programm war ordentlich und straff durchorganisiert. Zwischen den einzelnen Vorträgen gab es erheiternde Videos (so zum Beispiel von einem Star Wars Geek DJ, Pac Man Musik und man konnte auch den Erfinder von Tetris kennen lernen), die von den Umbauarbeiten ablenkten und die Vortragenden wurden durch eine Eieruhr, die die Redezeit einigermaßen erfolgreich auf 10 Minuten begrenzte, ebenfalls daran erinnert, ihren Vortrag zügig durchzuziehen. Das anfängliche Kennenlernen hatte ich verpaßt, doch nach den Vorträgen gab es reichlich Gelegenheit, sich im kp21 bei Essen & Getränken ausführlich zu unterhalten. So lernte ich endlich mal Arne Klempert, seines Zeichens Ex-Wikimedia e.V.-ianer, nach all den virtuellen Jahren persönlich kennen. Auch alte Bekannte, wie zum Beispiel Andreas Demmer, Darren Cooper oder der CSS Gott aller Götter, Jens Grochtdreis, waren zugegen. Ein paar Eindrücke zu den Vorträgen habe ich auch über meinen Twitter-Account gegeben.

Wer im Rhein-Main-Gebiet wohnt oder zufällig an einem der Termine anwesend ist, sollte den Webmontag Frankfurt nicht verpassen - gutes Programm, gute Inhalte (bitte eventuell den Speakern noch sagen, dass Anzug und Krawatte so web1.0 auf einem Webmontag ist). Ein Dankeschön geht auch an das Orgateam, das mit viel Liebe zum Detail den Webmontag in Frankfurt organisiert!

Xing API tot.

nospam@example.com (Björn Schotte) — Fri, 22 Aug 2008 12:21:22 +0200

Hey Bjoern,

hast Du neue Infos zur XING API? Hab Deinen Blogeintrag gelesen, allerdings ist der auch schon ueber 1 Jahr alt.

Der Eintrag ist in der Tat schon ein Weilchen her. In der Zwischenzeit bekomme ich immer wieder mal E-Mails (auch international) mit Anfragen, ob sich bei der API etwas Neues getan hätte. Offensichtlich scheint hier Bedarf zu sein.

Allerdings: An der Waterkant hat sich leider in dieser Richtung nichts Neues getan. Vielleicht können die XING'ler hier in den Kommentaren mal posten, ob und wann es etwas Neues gibt. In der passenden Xing Gruppe, in der das Thema API diskutiert werden sollte, gab es das letzte Info-Update von offizieller Seite Mitte Oktober 2007. Seitdem gibt es dort auch keine Beiträge mehr (ob hier ein Zusammenhang besteht?). Nun denn ...

Transparent PNGs in Internet Explorer 6.0

nospam@example.com (Annika Rabea Stahlberg) — Wed, 20 Aug 2008 14:01:00 +0200

Natively Microsoft's Internet Explorer 6.0 doesn't display PNGs correctly. But if you want to use graphics with transparency and anti-aliasing, other formats don't work.

Used as value of CSS property 'filter' (implemented in IE since version 5.5) the AlphaImageLoader helps to fix this problem for background-images.

filter: progid:DXImageTransform.Microsoft.filtername(attribute='value'[, ...]);

With the following three attributes developers can configure how the images are displayed:

src: path to image that should be displayed. If you load your stylesheets from an external file, you have to define the path relative to the page into which you load the CSS and not relative to the stylesheet file..
sizingMethod: defines how the image will be scaled

crop: doesnt't change size of container and image
image: scales container size and adapt to image size. If the container contains text, the text will be cut. (default)
scale: scales image adapted to container size

enabled: activates or deactivates the filter

true: filter is activated (default)
false: filter is not activated

With conditional comments it's possible to define special CSS blocks that only work for Internet Explorer, i.e.:

<style type="text/css">
#layer {
     background-image:url(bild.png);
}
</style>

<!--[if IE 6]>
<style type="text/css">
#layer {
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild.png', sizingMethod='scale');
     background: none;
}
</style>
<![endif]-->

This defines the same style twice. The first definition is used by all browsers. If the browser is an Internet Explorer 6, the second block which mainly contains the filter CSS property for the IE extends the first. In addition, the 'background' is set to 'none' to disable the general background definition.

If you use the AlphaImageLoder in the style attribute of an html tag, you can overwrite the img src attribute:

<img src="blank.gif" style="width: 100px; height: 100px;
    filter: 
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')" />

SitePen's Dojo Toolbox

nospam@example.com (Aron Homberg) — Fri, 18 Jul 2008 14:11:18 +0200

Eine API-Referenz auf dem Desktop - das kennt man.
Primitives HTML. Manchmal gepresst in eine CHM-Datei. (Compiled HTML Help).

Getoppt wird dieser klassische Ansatz von Desktop-Referenzen jedoch durch eine
Webapplikation, welche mittels Adobe AIR direkt auf den Desktop gebracht wurde.

Es handelt sich dabei um ein durchaus nützliches Tool, das Dojo-Entwicklern
das Leben leichter machen soll: SitePen's Dojo Toolbox.

Sie vereint Dojo API-Referenz, Dojo Release-Builder und KnowHow-Linkliste in einem und
kann einem Webentwickler auch in ihrer frühen Version 1.0.1 schon durchaus
einiges "Gegoogle" ersparen ;-)

-> SitePen's Dojo Toolbox

Launchy - Einfach schneller arbeiten

nospam@example.com (Tobias Schlüter) — Fri, 20 Jun 2008 10:22:41 +0200

Ich möchte euch ein Programm vorstellen: Launchy.
Launchy nimmt euer Startmenü, indiziert es und funktioniert als Programmstarter. Mit der Tastenkombination [Alt]+[Space] wird Launchy aus dem Hintergrund aufgerufen. Jetzt kann man beispielsweise durch Eingabe von "zend" + [Enter] sein Zend Development Environment starten. Launchy arbeitet mit Autovervollständigung, was bedeutet, d.h. dass mit "word", "excel", "skype" oder "fire" sich eure Programme starten lassen. Ihr könnt auch durch euer Dateisystem navigieren: Ein gesuchter Pfad öffnet sich mit "c:\Pfadangabe" [Enter]. Launchy kennt auch hier die Autovervollständigung Nett ist auch, dass man mit "mail" [Enter] Thunderbird startet und es öffnet sich eine neue Email.

Launchy bringt in der Version 2.0 einige Plugins mit:

Calcy ist ein simpler Taschenrechner. Einfach [Alt]+[Tab], danach die mathematische Formel eingeben und Launchy rechnet das Ergebnis aus. Runner führt Befehle auf der Kommandozeile aus. Einfach "cmd" [Tabulator-Taste] "ipconfig" [Enter] eingeben und Runner startet euer Kommando. Weby indiziert euer Firefox/IE Bookmarks. Wer das nicht mag, kann auch nur die zweite Funktion von Weby benutzen: Web-Suchmaschinen per Launchy aufrufen - einige sind schon vorinstalliert, wie zum Beispiel Google oder Google Maps. Über die Launchy Einstellungen lässt sich ein Schlagwort für denn Schnellaufruf der entsprechende Suchmaschine festlegen. Mit "maps" [Tab] "würzburg, pleichertorstr 2" [Enter] startet somit automatisch euer Browser öffnet Google Maps und gibt euch die Ansicht auf unser Büro in Würzburg :-)

Tuning Launchy:

Für meine tägliche Arbeit hab ich Launchy ein wenig angepasst. Über das Einstellungs-Menü lassen sich neue Suchmaschinen hinzufügen, beispielsweise die PHP Funktionsliste. So kann ich nun mit "php" [Tab] "funktionsname" die Online PHP-Dokumentation schnell durchsuchen. Auch dict.leo.org hab ich mir hinzugefügt. Sehr nett ist auch das Putty-Plugin, welches einem mit "ssh" [Tab] "Verbindungsname" eine der vielen in Putty gespeicherten SSH-Verbindungen aufmacht. In meinem Startmenü hab ich mir noch einen Ordner angelegt, in den ich Verknüpfungen auf Dateien und Ordner lege. So öffnet sich bei "telefon" [Enter] die Datei telefonliste.txt, in welcher ich alle internen Telefondurchwahlen aufgelistet habe.

Über die Offizielle Website www.launchy.net findet ihr den Download, Plugins, Skins und Dokumentation. Momentan ist Launchy nur für MS Windows erhältlich, eine Cross-Platform Version (QT) ist aber in Arbeit.

Playing around with the MySQL-Proxy on Mayflower-barcamp

nospam@example.com (Alex Aulbach) — Wed, 13 Feb 2008 11:02:51 +0100

One of the workshops on our Barcamp two weeks ago had to do with the MySQL-Proxy from Jan Kneschke.

Yet, we found out, that the proxy is rather unusable for our task. Read here why.

Continue reading "Playing around with the MySQL-Proxy on Mayflower-barcamp"

Pijits: Ein neues Dojo-Theme und mehr...

nospam@example.com (Aron Homberg) — Thu, 07 Feb 2008 16:21:52 +0100

Manchmal werden aus interessanten Ideen, interessante Projekte. So auch auf unserem ersten Mayflower-Barcamp in Walting.

Das Team Dojo-Widgets hatte sich zum Ziel gesetzt, Widgets für Dojo zu entwickeln, die gleichesfalls schön anzusehen, aber auch gut bedienbar sein sollten: 'pijits' - dijits im Plastik-Stil :-)

Nach knapp zwei Tagen Arbeit, wenig Schlaf und viel Bier war es dann soweit: Das Widgets-Team durfte seine Ergebnisse vorstellen. Ich denke, das es ganz gut ankam. Jedenfalls wurden die pijits zum Gewinner des Barcamps gewählt.

Wie gehts weiter?

Nach einigen Überlegungen, waren wir uns einig, das die pijits nicht ohne eine tatsächliche Integration in das Dojo Toolkit zur breiten Anwendung kommen würden.

Wir setzen uns gerade mit Entwicklern der Dojo Foundation in Verbindung und besprechen die Integration der pijits als Theme ins Dojo Toolkit.

Kernziele sind neben der Integration der pijits auch die Entwicklung eines Windowmanagers zur Entwicklung echter Desktop-Anwendungen mit dojox.

Die ersten Schritte, sind bereits getan: Im Prototypen kann man die pijits und die ersten Dojo-Fenster sehen:

Pijit Demo