WebDev

Beta-Testphase vom Browsergame Strom Tycoon

Posted by Jim on 20. Oktober 2011
Posted in: WebDev. Tagged: , , , . 6 comments

Unser freies Kinder-Browsergame Strom Tycoon ist jetzt in einer frühen Beta-Phase. Bis zum Release können aber durchaus noch zusätzliche Features implementiert werden. Neben kleineren Usability Einzel-Tests mit der Zielgruppe (Kinder zwischen 10 und 12 Jahren) suchen wir also auch Feedback durch direkte Feldtests. Wer auf Bugs stößt oder inhaltliche Verbesserungsvorschläge hat, kann einfach einen Kommentar hinterlassen oder Kontakt mit mir aufnehmen. Ziel ist es ein kleines Kinderspiel zu entwickeln, das die Wichtigkeit von regenerativen Energien spielerisch vermittelt.

Hier gehts zum Spiel:

start_small

[Update]:
Danke an alle die beim Testen mitgewirkt haben.
Strom Tycoon hat nun die Beta-Phase verlassen und wird Ende dieser Woche auf die Kids losgelassen. ;)

TYPO3: Fluid – Templating Engine

Posted by Jim on 3. September 2010
Posted in: TYPO3, WebDev. Tagged: , , , . Leave a Comment

Eine Template-Engine erweckt statische HTML-Templates zum Leben, indem es ermöglicht wird, Platzhalter mit Inhalten einer externen Datenquelle zu füllen. Die dafür notwendige Anwendungslogik übernimmt die Template-Engine (siehe: Abb.). Das klassische Templating mit TYPO3 ist von Markern und Subparts in der Designvorlage abhängig, was der Konsistenz im Template schadet. Im Gegensatz zu bekannten PHP-basierten Template-Engines (Smarty, PHPTAL, etc.), vereint Fluid folgende Eigenschaften: leicht verständliche Syntax, flexibel und einfach erweiterbar, objektorientierter Quellcode (PHP5) und strikte Trennung zwischen Layout und Steuerung (PHP-freies Template). Vgl.: [Kurfürst 2009] – t3n, H.16, Fluid – Templating leicht gemacht.
Continue Reading

TYPO3: Das TCA – Table Configuration Array (Grundlagen)

Posted by Jim on 30. August 2010
Posted in: TYPO3, WebDev. Tagged: , , , . 2 comments

Der erste Artikel der Reihe TCA beschäftigt sich mit den Grundprinzipien des TCA von TYPO3 und versucht Grundlagen für den erstmaligen Umgang damit zu vermitteln. Abschließend wird ein kleines Tutorial die Vorgehensweise der Erweiterung von Datenstrukturen in TYPO3 verdeutlichen. Spätere Artikel werden sich mit der Erstellung von Nutzerfunktionen (userFunc) und komplexeren Tabellenstrukturen (MM) beschäftigen.

Das Table Configuration Array (TCA) kommt als flexibles Grundgerüst des TYPO3-Backends (BE) zum Einsatz und stellt damit eine mächtige Waffe für Erweiterungen dar. Dahinter verbirgt sich ein konfiguratives Multi-Array, das die globale Verwaltung von Datenstruktur, -beziehung und -darstellung von BE-Bearbeitungsmasken erlaubt. Continue Reading

Ajax unter TYPO3? eID machts einfach!

Posted by Jim on 18. April 2010
Posted in: TYPO3, WebDev. Tagged: , , , , . 6 comments

Dieser Artikel beschreibt das Prinzip von eID anhand eines Mini-Tutorials für ein Mini-Ajax-Formular zum Absenden einer Mini-Email.

CMS-Monster, wie TYPO3, rödeln beim Frontend-Rendering ziemlich viel herum, bis die Seite dargestellt wird. Manchmal bietet es sich daher an, für eine schnelle Datenabfrage kein Neuladen der Seite zu erzwingen. Hierfür steht Ajax zur Verfügung, das via JavaScript einen direkten und raschen Datenaustausch erlaubt.
Um den nativen Prozess des Frontend-Renderings zu umgehen, kommt unter TYPO3 extensionID (eID) zum Einsatz. Das Prinzip dahinter ist einfach wie genial: Der Rendering-Prozess wird frühzeitig gestoppt und an ein beliebiges Extension-Script übergeben. Die Zuweisung erfolgt mit Hilfe eines Schlüssels: Der extensionID.

Die Registrierung und Schlüssel-Zuweisung der jeweiligen Extension, findet in der localconf.php oder ext_localconf.php statt:

$TYPO3_CONF_VARS['FE']['eID_include']['script'] = 'EXT:example/script.php';

Continue Reading

SOAP vs. REST

Posted by Jim on 6. April 2010
Posted in: WebDev, Webtechnologien. Tagged: , , , , . 4 comments

SOAP

Sowohl SOAP als auch HTTP gehören zu den Envelope-Protokollen, die Kopf (Header) und Körper (Body) mit einer Art Umschlag umschließen. Dabei kann SOAP als Kommunikationsprotokoll im Körper eines jeden Transfer-Protokolls versendet werden, da es transportunabhängig ist. Der hauptsächliche Datenverkehr von SOAP-Protokollen geschieht jedoch auf dem HTTP-Protokoll. Das bedeutet, dass der komplette SOAP-Envelope im HTTP-Körper enthalten ist. Voraussetzung dafür ist, dass der Inhalt des SOAP-Körpers auf XML basiert. Die Kombination aus HTTP-Nachricht mit XML-Dokument führt zu einer äußerst hohen Flexibilität und Kompatibilität, denn jede Firewall kennt das HTTP-Protokoll und jeder Parser ist in der Lage, XML zu lesen. Aus diesem Grund wurde SOAP entwickelt, denn veraltete RPC-Services, die auf HTTP aufsetzen, verursachen ein Sicherheitsrisiko und damit verbundene Inkompatibilitäten. Continue Reading

TYPO3: FE-Plugin Basics

Posted by Jim on 27. November 2009
Posted in: TYPO3, WebDev. Tagged: , , , . Leave a Comment

Dieser Artikel ist für Einsteiger der TYPO3-Extension Programmierung geeignet, die “noch” unter TYPO3 4.2.X arbeiten und damit auf die Plugin-Basisklasse “tslib_pibase” angewiesen sind. In der kommenden TYPO3 4.3.0 Final wird man immernoch unter dieser Basisklasse entwickeln können, jedoch wird sie in Zukunft durch die fortschrittlichere Basisextension “extbase”, über die Ich in einem späteren Artikel berichten werde, vollständig abgelöst werden.

TYPO3 ist bekannterweise in PHP geschrieben und modular aufgebaut. Grundlegende Core-Funktionen werden in Klassen der Ordner t3lib und typo3 definiert. Der TYPO3-Core basiert dabei selbst auf zahlreichen systemeigenen Extensions, die sich im Ordner typo3/sysext befinden. Die wichtigen Funktionen zum TypoScript-Rendering (bzw. Frontend-Rendering) befinden sich z.B. in der systemeigenen Extension cms im Ordner tslib.
Continue Reading

TYPO3: Auth-Service Extension

Posted by Jim on 17. November 2009
Posted in: TYPO3, WebDev. Tagged: , , , , . 15 comments

Administration einer Frontend-Zugangsbeschränkung:

Eine besondere Stärke von TYPO3 ist die leistungsfähige Benutzerverwaltung. Um eine Authentifizierung von Frontend-Benutzern zu ermöglichen, legt man auf einer beliebigen Startseite das Content-Element “Login” an. Im Reiter “Login” kann die Zielseite unter “Send to page:” eingestellt werden, die bei erfolgreicher Authentifizierung aufgerufen wird. Nun benötigt man noch einen SysFolder vom Typ “Website user”. Hat man den SysFolder erstellt, lassen sich im “List”-Modul beliebige Frontend-Benutzer anlegen, für die zusätzlich mindestens eine Gruppendefinition notwendig ist. Auf der Login-Zielseite ist es nun möglich im Reiter “Access” die entsprechende Zugangsberechtigung nach Gruppenangehörigkeit zuzuweisen. Als letztes benötigt TYPO3 noch die Information, welcher SysFolder (pid-Nummer) zur Login-Authentifizierung herangezogen werden soll. Dafür ist unter dem Modul Template->Constants folgender Eintrag notwendig: 

styles.content.loginform.pid = x

Dieser Eintrag kann auch im Constant Editor unter Content: ‘Login’ gefunden und gesetzt werden.

Übrigens, sind alle im SysFolder angelegten Frontend-Benutzer als Datensätze in der TYPO3-Tabelle “fe_users” wiederzufinden. Ab Sofort sollte das Login-Formular gegen diese fe_user-Datensätze authentifizieren und bei Erfolg an die entprechende Zielseite weiterleiten.

Entwicklung eines eigenen Authentifizierungs-Service:
Continue Reading