Kategorien
PHP

Ein Blick hinter die Kulissen der Webseite von Alma de Rua Capoeira

Alma de Rua Capoeira Logo

Nach intensiver Vorbereitung präsentiere ich stolz die Alma de Rua Capoeira Webseite.

Ohne die Hilfe von Freunden wäre das Ergebnis nicht ganz so elegant. Harry hat das Logo entworfen, Gerrit hat die Seite designt, Julia hat die Bilder bearbeitet und ich habe die Planung und Umsetzung übernommen.

Verwendete Frameworks & Bibliotheken

Das Front-End wurde mit HTML, CSS3 & JavaScript entwickelt:

Das Back-End wurde komplett in PHP mit dem Design Pattern MVC im Hinterkopf implementiert:

Ausblick

Die Webseite von Alma de Rua wird stetig weiterentwickelt. Als nächstes steht die Anpassung an Handys und Tablets mittels Media Queries(Responsive Design) an. Danach wird die Seite, um eine Karaoke-Web-App erweitert, die es erleichtert, neue Capoeira-Lieder zu lernen. Die Prototypen stehen schon, doch das Feintuning und die Tests dauern noch an.

Bei Fragen, Kritik und Anregungen stehe ich gerne zur Verfügung.

Kategorien
PHP

Datei Downloads mit dem PHP Framework Slim

Ich verwende gerade das PHP Microframework Slim in der Version 1.5 für ein aktuelles Projekt. Um Downloads zu protokollieren, will ich sie über Slim laufen lassen.

Die folgenden Schritte sollten auch mit der Version 1.6.2 funktionieren:

  1. Die Datei, in meinem Fall ein PDF, wird mit Hilfe der PHP-Funktion readfile in den Speicher geladen.
  2. Der Content-Type wird mit der Methode header() des Slim Response-Objekts auf „application/pdf“ gesetzt. Das Setzen des Content-Types ist wichtig, da ansonsten die Datei vom Browser wie eine Textdatei behandelt wird.
  3. Die Datei wird via body()des Slim Response-Objektes als Antwort geschrieben.
$app = new Slim();
$app->get('/exam.pdf', function () use ( $app ) {
    $downloadFile = readfile('./public/downloads/exam.pdf');
    $response = $app->response();
    $response->header("Content-Type", "application/pdf");
    $response->body($downloadFile);
});

Somit ist die Datei unter http://localhost/exam.pdf verfügbar*.
* Soweit die index.php von Slim unter http://localhost/ verfügbar ist.

Die Protokollierung habe ich hier rausgelassen und mich nur auf den Download konzentriert.

Vorsicht: Diese Umsetzung sollte nur mit kleinen Dateien verwendet werde, weil man bei größeren Dateien Gefahr läuft die PHP Speichergrenze zu sprengen.



Kategorien
Javascript Open Source PHP

Mein erster Open Source Beitrag

Version 1.0.4 von WPide wurde veröffentlicht und ich werde als Contributor gelistet 🙂

Kategorien
Javascript Open Source PHP

UPDATE: Ajax.org Code Editor(ACE) & WordPress

Nachdem ich den Ajax.org Code Editor entdeckt habe, dachte ich mir, dass es ganz nett wäre, das Ganze in WordPress einzubinden. Die Plugin-Suche führte mich zu WPide. Das Plugin ersetzt den Theme & Plugin Editor durch ACE. Leider unterstützt es nur PHP-Highlighting. Deshalb habe ich beschlossen, es um JS- & CSS Highlighting zu erweitern. Während ich dabei war habe ich die große PHP-Klasse auseinander genommen und das JavaScript in separate Dateien ausgelagert.

Ich habe im Plugin Forum angefragt, wie ich den Code zum eigentlichen Plugin beitragen kann und warte noch auf die Antwort. Wer mal einen Blick auf die Erweiterungen nehmen möchte, kann Sie hier finden.

Update

Mein Code ist in das Plugin eingeflossen. Jetzt muss ich nur noch warten, bis die Änderungen in das WP Plugin-Repository geschoben werden.