web/code

Sektoid.

How to inject a ManagedBean into a ManagedBean

That's really easy, just use the @ManagedProperty annotation.

A Simple Example:

We got two managed beans, one for logging into the system and storing the user's state, and one for using a shopping cart. We got the LoginController

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name = "loginController")
@SessionScoped
public class LoginController {
	... // Do something...
}

and the ShoppingCartController, where we want to use the LoginController:

import javax.ejb.EJB;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ManagedProperty;
import javax.faces.bean.SessionScoped;

@ManagedBean
@SessionScoped
public class ShoppingCartController {
	
	// Inject some Enterprise Java bean (has nothing to do with the example)
	@EJB
	private BookingBean bookingBean;

	//Inject the LoginController (that's what we wanted to do )
	@ManagedProperty("#{loginController}")
	LoginController loginController;

	... // do the shopping cart stuff
}

That is easy. If you know how :)

PHP hates me wird 500!

Heute hat DER deutschsprachige PHP Blog seinen 500sten (und inzwischen auch schon seinen 501ten) Eintrag veröffentlicht. Und das nur ca. 1 1/2 Jahre nach dem ersten Artikel. Das ist fast ein Artikel pro Tag! Gratulieren möchte ich Nils Langner und seinen Mitautoren aber eigentlich nicht zum 500 Eintrag, sondern zu den wahnsinnig interessanten Inhalten.

PHP hates me unterscheidet sich nämlich nicht nur durch die Frequenz der Beiträge von anderen PHP Blogs. Vor allem die Gedanken, die sich die Autoren,allen voran Nils, über alltägliche Probleme eines (Web-)Entwicklers machen, machen den Blog für mich so lesenswert. Er formuliert viele Gedanken, über die man ab und zu mal drüberfällt aber nie zu Ende denkt aus, und die überaus eifrige Leserschaft gibt ausführlich und gesittet ihren Senf dazu. So soll es sein, danke!

McDonalds.at und die Usability

kürzlich hat mich eine Freundin von mir gebeten, ihr bei einer Übung zu helfen. Konkret bei der Usability-Analyse von mcdonalds.at. Die Seite ist sicherlich ganz gut aufgebaut und recht ordentlich strukturiert, es steht mir wohl auch nicht zu hier viel zu kritisieren, die Seite wurde vermutlich von Experten erstellt und meine Seiten sind wohl auch nicht die besten. Aber eines ist wirklich arg: Die Seite benutzt Flash. Und zwar ausschließlich. Keine Chance an Informationen zu kommen, keine Weiche, keine auch nur minimale HTML-Seite mit basic Infos. Nix.

Und das, Ladies and Gentleman, ist dumm und ignorant.

Dumm deshalb, weil man damit freiwillig potentielle Kunden von der Webseite fernhält (z.B. unterstützen iPhone und Android kein Flash, zumindest nich Out-of-the-box) und ignorant, weil viele Menschen kein Flash installieren können (Sehbehinderte, alte, technisch nicht versierte Menschen, verschiedene Betriebssysteme) oder einfach nicht wollen.

Reihenfolge der Index-Datei per .htaccess bestimmen

Oft will man kurz eine Seite vor die eigentliche Homepage zwischenschalten, um die Seite beispielsweise temporär offline zu stellen. Also eine start.html vor der index.html oder index.php anzeigen.

Das ist recht einfach per .htaccess möglich:

 DirectoryIndex start.html index.html index.php

Die Anweisung DirectoryIndex steuert also die Reihenfolge, in der nach der Startseite gesucht wird.

HTML erlauben bei Usereingaben

Joomla hat ab einer der letzten Versionen - ich glaube 1.5.14 - die durchaus vernünftige Eigenschaft, dass HTML in $_GET und $_POST Parametern automatisch gefiltert wird. Das ist zwar grundsätzlich gut, blöd ist es nur wenn man nichts davon weiß und dich die ganze Zeit wundert wieso vor verschiedenen Zeichen auf einmal nur mehr Slashes auftauchen, sprich diese escaped werden. Egal, nach langer Suche weiß ich jetzt wie man damit umgeht:

$parameter = JRequest::getVar( 'parameter', '', 'post', 'string', JREQUEST_ALLOWHTML );

Bildbearbeitung mit PHP

Dateien hochladen

Dieser erste Teil hat noch nicht unbedingt was mit Bildverarbeitung zu tun, aber meistens kommen die Bilder ja über die PHP-Applikation erst auf den Server.

Um eine Datei auf den Webserver zu laden benötigt man ein Formular, das in seiner einfachsten Form ungefähr so aussehen könnte:

<form name="uploadform" method="post" enctype="multipart/form-data" action="">
	<input type="file" name="thefile" />
	<input name="thesubmit" type="submit" value="Upload image" />
</form>

Wichtig ist, dass als Methode POST angegeben wird und als MIME-Typ (enctype) multipart/form-data, da der Dateiupload sonst nicht funktioniert.

Im Ziel-Script (das im action-Attribut angegeben werden kann, wenn nichts angegeben wird, wird das selbe Script wieder geladen) kann man nun die hochgeladene Datei überprüfen und in ein Verzeichnis seiner Wahl kopieren:

<?php
//überprüfen, ob das Formular gesendet wurde
if(isset($_POST['thesubmit'])){
	//Metadaten, die uns PHP über die Datei liefert ausgeben
	echo $_FILES['thefile']['name'] . "<br />";
	echo $_FILES['thefile']['type'] . "<br />";
	echo $_FILES['thefile']['tmp_name'] . "<br />";
	echo $_FILES['thefile']['error'] . "<br />";
	echo $_FILES['thefile']['size'] . "<br />";

	//überprüfen des MIME-Typs
	$mime = $_FILES['thefile']['type'];
	if($mime == 'image/gif' || $mime == 'image/jpeg' || $mime == 'image/png'){
		//aktueller Pfad und Dateiname des Bildes
		$oldfile = $_FILES['thefile']['tmp_name'];
		//vorgesehener Pfad und Dateiname des Bildes
		$newfile = 'uploads/'.$_FILES['thefile']['name'];
		//datei kopieren
		move_uploaded_file($oldfile, $newfile);
	}
}
?>

Das Bild wird also hochgeladen, überprüft ob es sich um ein Bild handelt, dann wird es aus dem Temporären Verzeichnis in ein beliebiges neues kopiert, in unserem Fall uploads/, mit dem Originalnamen dahinter.

Achtung! Die Überprüfung des MIME-Typs (oder auch der Dateiendung) genügt noch nicht als sichere Überprüfung der Datei. Eine bessere Methode ist, mit den weiter unten vorgestellten Funktionen zu prüfen, ob das Bild tatsächlich eine Höhe und eine Breite hat. Ist auch keine 100% sichere Methode, aber schon mal besser als gar keine.
Auch der Dateiname sollte geändert werden, der Originalname sollte niemals übernommen werden.

Bild von Datei laden

Dafür gibts drei Funktionen für gif, jpeg und png:

resource imagecreatefromgif ( string $filename )
resource imagecreatefromjpeg ( string $filename )
resource imagecreatefrompng( string $filename )

Dadurch erhält man einen Zeiger auf die Grafik, z.B.:

$image = imagecreatefrompng( 'einbild.png' );

Daten eines Bildes - Metadaten

Für viele Anwendungen in der Bildverarbeitung ist es wichtig, Daten über das Bild zu erhalten. Dazu gehören unter anderem Höhe, Breite, Typ, Farbtiefe usw. Die gängigste Funktion für diese Metadaten ist getimagesize(). Diese Funktion liefert ein Array mit 7 Elementen, die verschiedene Metainformationen beinhalten.

Index 0 Breite des Bildes
Index 1 Höhe des Bildes
Index 2 ist eine der IMAGETYPE-Konstanten (IMAGETYPE_GIF, IMAGETYPE_JPEG, IMAGETYPE_PNG, IMAGETYPE_SWF, IMAGETYPE_PSD, IMAGETYPE_BMP, IMAGETYPE_WBMP, IMAGETYPE_XBM, IMAGETYPE_TIFF_II, IMAGETYPE_TIFF_MM, IMAGETYPE_IFF, IMAGETYPE_JB2, IMAGETYPE_JPC, IMAGETYPE_JP2, IMAGETYPE_JPX, IMAGETYPE_SWC, IMAGETYPE_ICO)
Index 3 Textstring im Format 'height="yyy" width="xxx"'für ein IMG-Tag.
Index mime Der MIME Typ des Bildes
Index channels 3 für RGB und 4 für CMYK Bilder.
Index bits Die Farbtiefe in Bit pro Farbe .

Größe eines Bildes ändern

Um ein Bild zu skalieren, braucht man mehrere Funktionen, die man am besten in einer Funktion zusammenfasst:

public static function scaleImage($image, $maxwidth, $maxheight){
	list($image_width, $image_height) = getimagesize($file);
	if($image_width > $image_height){
		$new_image_width = $maxwidth;
		$new_image_height = $image_height*($maxheight/$image_height);
	}else{
		$new_image_height = $maxheight;
		$new_image_width = $image_width * ($maxwidth/$image_width);
	}
	$new_image = imagecreatetruecolor(round($new_image_width),
	round($new_image_height));
	imagecopyresized($new_image, $image, 0, 0, 0, 0, $new_image_width,
	$new_image_height, $image_width, $image_height);
	return $new_image;
}

Die Funktion nimmt als Parameter einen Zeiger und die gewünschte maximale Breite und maxiamle Höhe entgegen. Je nachdem, ob Höhe oder Breite größer ist, wird dann der andere Wert berechnet.

Danach wird ein neues Bild mit der berchneten Größe erstellt.

Schlußendlich kopiert die Funktion imagecopyresized() das alte Bild in das neue Bild.

Die verwendeten Funktionen:

resource imagecreatetruecolor ( int $width , int $height )
bool imagecopyresized ($to, $from, $to_x, $to_y, $from_x, $from_y, $to_w, $to_h, $from_w, $from_h)

Bild speichern bzw. ausgeben

Um ein Bild zu speichern oder im Dokument auszugeben gibt es wieder für jedes Format die entsprechenden Funktionen:

bool imagegif ( resource $image [, string $filename ] )
bool imagejpeg ( resource $image [, string $filename [, int $quality ]] )
bool imagepng ( resource $image [, string $filename [, int $quality [, int $filters ]]] )

Das Bild wird einfach im Skript ausgegeben, wenn kein Dateiname angegeben ist.

Die Qualität wird für JPEGs von 0-100 und bei PNGs von 0-9 angegeben.

$filters kann eine der Konstanten PNG_NO_FILTER, PNG_FILTER_NONE, PNG_FILTER_SUB , PNG_FILTER_UP, PNG_FILTER_AVG, PNG_FILTER_PAETH oder PNG_ALL_FILTERS sein.

Neues, leeres Bild erstellen

Das geschieht durch die Funktion

resource imagecreate ( int $width , int $height )

Einfach Breite und Höhe angeben und den zurückgegebenen Zeiger in einer Variable speichern.

Farben definieren

Zu Beginn ist die Farbpalette des Bildes leer, das heißt man muss jede neue Farbe vor jeder Operation definieren:

int imagecolorallocate ( resource $image , int $red , int $green , int $blue )

Also z.B.:

$white = imageColorAllocate($image, 255, 255, 255)

Diese Farbe kann dann manchen Funktionen mitgegeben werden.

Außerdem legt der erste Aufruf der Funktion den Hintergrund der Grafik fest, außer sie wurde mittels imagecreatetruecolor() erstellt.

Ausschnitt eines Bildes in ein anderes kopieren

bool imagecopy ( resource $dst_im , resource $src_im , int $dst_x , int $dst_y , int $src_x , int $src_y , int $src_w , int $src_h )

Text einfügen

Zeichenketten kann man mithilfe der Funktion

bool imagestring ( resource $image , int $font , int $x , int $y , string $string , int $color )

ausgeben, wobei die Parameter für das Bild, die Schriftart (1-5), die Position, die auszugebende Zeichenkette und die Farbe stehen.

Für weitere Schriftarten siehe die Funktion

int imageloadfont ( string $file )

Zeichnen

Man kann in ein Bild verschiedene Formen zeichnen, dafür gibt’s unter anderem die folgenden Funktionen:

bool imagesetpixel ( resource $image , int $x , int $y , int $color )
bool imageline ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 , int $color )
bool imagerectangle ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 , int $color )
bool imagefilledrectangle ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 ,int $color )
bool imageellipse ( resource $image , int $cx , int $cy , int $width , int $height , int $color )
bool imagefilledellipse ( resource $image , int $cx , int $cy , int $width , int $height, int $color )
bool imagearc ( resource $image , int $cx , int $cy , int $width , int $height , int $start , int $end , int $color )
bool imagepolygon ( resource $image , array $points , int $num_points , int $color )

5 JavaScript WYSIWYG Editoren

Antonio Lupetti stellt in einem seiner letzten Posts eine schöne Übersicht von 5 guten Rich Text Editoren vor, die in HTML-Seiten (z.B. textarea-Element) eingebunden werden können, darunter Altbekanntes und mir bis jetzt Unbekanntes auf der Liste:

Auf den ersten Blick gefällt mir der NicEditor sehr gut (wenn man die Funktionen des TinyMCE nicht benötigt), ich hab ihn mir aber noch nicht wirklich angesehen...

Auslegungssache

Noch selten hat man mir so deutlich vor Augen geführt wie unterschiedlich man Studien auslegen, bzw. welche unterschiedlichen Sachen man herauslesen kann. Die Europäische Wertestudie wurde nun zum 5. Mal erhoben (in Ö übrigens von denen hier).

derStandard.at und DiePresse.com haben darüber berichtet.

Der Standard:

Studie: Sehnsucht nach dem "starken Mann"

Autoritätsgläubig statt liberal, ausländerfeindlich statt weltoffen - Die aktuelle Wertestudie belegt, dass diese Einstellungen in der Bevölkerung angestiegen sind

Und die Presse:

Wertestudie: Politik bei Österreichern "unten durch"

Wie Österreich denkt. Faktoren für Glück sind Familie, hohe Bildung und nicht in Wien leben. Die Arbeitszufriedenheit sinkt. Wer mit Partner und Kindern lebt, ist glücklicher.

Interessant, wo da was priorisiert wird. Da entsprechen wohl beide Zeitungen ihrem Klischee...

Google Maps API V3

Google hat vor Kurzem einen ersten Ausblick auf die Version 3 der Maps API veröffentlicht. Neue Features sind mir beim ersten Blick nicht aufgefallen, dafür aber zwei Änderungen der Naming Konventionen:

google.maps.* Namespace

Die erste wichtige Änderung ist das Wegfallen des G-Präfix. So wird aus einem GMarker ein Marker, aus GLatLng wird LatLng und so weiter... Das heißt, eigentlich stimmt das so nicht. Denn die Maps API ist nun ganz in den Namespace der Google Ajax APIs integriert und damit wird aus GMarker ein google.maps.Marker, aus GLatLng wird google.maps.LatLng usw.

Eine Inkonsistenz, die mir beim ersten Drüberlesen aufgefallen ist, ist dass aus dem guten alten GEvent nicht etwa google.maps.Event geworden ist, sondern google.maps.event (kleingeschrieben!).

Underscore statt Camel Case

Das zweite, was mir beim Blick auf die API Referenz auffällt ist, dass Methoden nicht mehr in Camel Case, sondern mit Unterstrichen geschrieben werden. Und das nicht mal konsistent. So existieren für das Map Objekt etwa die Methoden setOptions() und set_center(). Das ist meiner Meinung nach nicht nur unnötig, verwirrend und auch seltsam, sondern auch deswegen blöd, weil immer ein Zeichen mehr getippt werden muss und diese Art der Schreibweise in Javascript Libraries eigentlich überhaupt nicht state of the Art ist.

Wenn man einen Blick in die Referenz wagt wird man sehen, dass irgendwie noch zu wenig da ist (bzw. zu wenig dokumentiert ist) um sich ernsthaft mit der V3 zu beschäftigen. Aber bin mal gespannt ob die neue Version auch neue Features wie z.B. Reverse Geocoding ohne Workarounds...

Upload Problem mit dem Internet Explorer

Schön, wieder mal eine Stunde mit dem IE verschi$$en...

Ich hab eine kleine PHP-Anwendung mit Bilderupload geschrieben, die auch ganz gut funktioniert hat - in allen Browsern ausser dem Liebling aller Webdesigner, dem Internet Explorer.

Das Problem war, dass der Internet Explorer beim Hochladen die MIME-Typen der Dateien verändert, siehe hier. Und diese MIME Type Detection macht aus image/png ein image/x-png und aus image/jpg ein image/pjpg, was meiner Ansicht nach äusserst hirnrissig ist.

Also Lösung: Wenn im Uploadskript (z.B. wie bei mir PHP) auf MIME-Typen überprüft werden soll, dann auch die Typen image/x-png und image/pjpg beachten!

Funktionierender, simpler gif zu ico Konverter

Endlich hab ich einen funktionierenden und einfachen gif zu ico online Konverter für Favicons gefunden. Jedes mal neu suchen und 10 verschiedene Konverter und Generatoren ausprobieren, bis ein gscheiter dabei ist macht ja auch keinen Spaß.

Also merken: http://www.html-kit.com/favicon/

Suchmaschinenfreundliche Urls mit mod_rewrite Problem

Also irgendwie verkommt das hier ja schon fast zu einem reinen Joomla-Blog...

Egal :)

Hab gestern ein Joomla auf einen 1und1 Webspace installiert und irgendwie haben die Suchmaschinenfreundlichen URLS mit mod_rewrite nicht funktioniert und der Server hat mir die ganze Zeit den Status "500 -Internal server error" zurückgegeben. Die Lösung des Problems liegt in der .htaccess-Datei. Warum ist mir ein Rätsel (wie so circa alles, was sich in einer htaccess befindet).

Es müssen einfach zwei Zeilen geändert werden:

Die Zeile "Options +FollowSymLinks" muß auskommentiert werden, sprich einfach in "#Options +FollowSymLinks" ändern.
Bei der Zeile "#RewriteBase / " soll der Kommentar (das "#") entfernt werden, also in "RewriteBase / " ändern. Falls Joomla in einem Unterverzeichnis relativ zum Document Root installiert wird (beispielsweise "http://domain.com/cms/" muss die Zeile dementsprechend in "RewriteBase /cms/ " geändert werden.

Lösung gefunden auf joomlaportal.de (wie so oft)

Your Design Sucks

Ziemlich guter Vortrag von Paul Boag zum Thema (Web-)Design und Kundenwünsche. Er erklärt welche Probleme auftreten können, wenn man für einen Kunden ein Design entwickelt und wie man am besten damit umgeht.

Unbedingt sehenswert!

Your design sucks! from Paul Boag on Vimeo

Via praegnanz.de

Google Maps API Error when using Wikipedia overlay

Error "i[hb] is not a function"

In the current version of the Maps API you may have problems with the wikipedia or the Panoramio layer.

Load the previous version instead, which is according to this thread v2.149. Load it using

google.load("maps", "2.149");

<script src="http://www.google.com/maps?file=googleapi&v=2.149&key=YOUR_KEY" type="text/javascript">
</script>