Ich möchte Euch heute einmal zeigen, wie einfach das geht. Und als kleinen Bonus, gibt es noch einen undokumentierten Bonus. Los geht’s!

Vorarbeiten

Zuerst einmal gilt es, timthumb herunterzuladen.
Den Downloadlink findet Ihr hier und zwar als Textdatei.
Kopiert Euch einfach den ganzen Text und erstellt in Eurem Hauptverzeichnis einen Ordner namens “timthumb”.
In diesem Ordner erstellt Ihr eine Datei “timthumb.php”  und fügt den kopierten Quelltext ein.

Arbeitet Ihr lokal, solltet Ihr darauf achten, dass die ordnerrechte für den Ordner “timthumb” mindestens auf 775 stehen.

Euer Arbeitsverzeichnis sollte jetzt so aussehen:

• index.php
• (timthumb)
• • timthumb.php

Im timthumb Ordner legt Ihr noch zwei weitere ordner namens “cache” und “temp” an. Achtet wiederum auf die Ordnerrechte von mindestens 775

Euer Arbeitsverzeichnis sieht nun so aus:

• index.php
• (timthumb)
• • (cache)
  • (temp)
  • timthumb.php

Mit timthumb arbeiten

In der index.php kann nun mit timthumb gearbeitet werden.

Grundsätzlich gilt es für die Bildbearbeitung mit timthumb folgenden Code einzuhalten:

Code block

<img src="timthumb/timthumb.php?src=[Bilddateiname]&w=[Breite]&h=[Hoehe]&zc=[Zoom-Crop]" />

Angegeben wird also:

• Der Bilddateiname – Dieser kann relativ oder auch absolut, intern, oder aber auch von extern angegeben werden.
• Breite – Die gewünschte Bildbreite. Wird keine zusätzliche Höhe angegeben, errechnet timthumb die Höhe automatisch!
• Hoehe – Die gewünschte Bildhoehe. Wird keine zusätzliche Breite angegeben, errechnet timthumb die Breite automatisch!
• ZoomCrop. Hier die Bonusinformation: Es gibt die Möglichkeiten eine 1,2 oder eine 3 einzutragen. Was bedeutetn aber diese Werte?
  • 1: Das Bild wird aus der Mitte heraus gezoomt oder beschnitten. Das Seitenverhältnis bleibt gleich
  • 2: Das Bild wird auf gewünschte Breite bzw. skaliert, und Mittig im gewünschten Bildausschnitt positioniert
  • 3: Das Bild wird auf gewünschte Breite bzw. skaliert, und unten im gewünschten Bildausschnitt positioniert

“Interne” Bilder
Liegen die Bilder auf dem eigenen Server im Projektverzeichnis, kann ganz einfach relativ af die Bilder zugegriffen werden.
Ein Beispiel:

Code block

<img src="timthumb/timthumb.php?src=images/test.jpg&w=250&h=150&zc=1" />

Externe Bilder
timthumb kann auch mit externen Bildern umgehen. Dazu ist allerding eine kleine Anpassung nötig.
Will man externe Bilder einbinden, so muss man die Domains, von denen man sich die Bilder hohlen will zuerst frei schalten.
Dazu geht man in die Datei “timthumb.php” und trägt etwa in Zeile 27 die “Allowed Sites”, erlaubten Domains mit in das PHP-Array ein.
Mein Array sieht folgendermaßen aus, damit NUR auf Bilder auf der geibi.de Seite zugegriffen werden kann.

Code block

// external domains that are allowed to be displayed on your website
$allowedSites = array (
    'geibi.de'
);

Hier können weitere Hosts, wie z.B. flickr.com eingetragen werden.
ABER:
Dies stellt ein Sicherheitsrisiko dar!!!Es kann nämlich jeder von außen das Skript aufrufen und im Falle dass z.B. flickr. com aktiviert ist, den eigenen Server als Thumbnail Generator missbrauchen. So läuft dann der eigene Speicher (cache) voll und auch der Traffic der eigenen Seite erhöht sich!
Diese Einstellung ist meiner Meinung nach also mit Vorsicht zu genießen!

Beispiele

Zum guten Schluß noch ein paar Beispiele. Den verwendeten Code findet Ihr immer unter dem Bild.

Zuerst einmal das Ausgangsbild:

Verkleinerung auf 100 Pixel Breite, Höhe automatisch, kein Zoom

Code block

<img src="timthumb/timthumb.php?src=http://blog.geibi.de/timthumb/stephi.jpg&w=100" alt="" />

Verkleinerung auf 450 Pixel Breite und 250 Pixel Höhe plus ZoomCrop

Code block

<img src="timthumb/timthumb.php?src=http://blog.geibi.de/timthumb/stephi.jpg&w=450&h=250&z=1" alt="" />

Verkleinerung auf 450 Pixel Breite und 250 Pixel Höhe, Zentrierung über ZoomCrop = 2

Code block

<img src="timthumb/timthumb.php?src=http://blog.geibi.de/timthumb/stephi.jpg&w=450&h=250&zc=2" alt="" />

Verkleinerung auf 450 Pixel Breite und 250 Pixel Höhe, Ein-/Anpassung über ZoomCrop = 3 (Aufgepasst: Hier wird das Bild kleiner, nämlich 250 hoch anstatt wie erwartet 450 Breit)

Code block

<img src="timthumb/timthumb.php?src=http://blog.geibi.de/timthumb/stephi.jpg&w=450&h=250&zc=3" alt="" />

Das gehört doch gefeiert…. Partyyyyyyyy! Ich kauf mir die “Geibi-Line Zugstrecke”^^

The Kick Awesome Show

So viel Spaß kann Webprogrammierung/-design machen, bzw. die Informationsbeschaffung.
Erinnert ein bisschen an IT-Crowd oder?

Ein Klick um einen neuen Tab zu öffnen, das Eintippen der URL und das Warten, bis die Seite endlich angezeigt wird, strapaziert die Nerven wirklich tödlich.
Als “normaler” Benutzer des Internets mag das ja noch erträglich sein, als Webprogrammierer brauche ich aber manchmal bis zu 15 offene Tabs und diverse Entwicklerwerkzeuge, die als Plugins installiert sind. Da geht der rote Fuchs schnell in die Knie – Schlimmer noch: Er zieht das komplette Betriebssystem runter, so dass es auch schon zur Qual wird, in der Zwischenzeit, bis z.B. Google aufgerufen wird, in ein anderes Programm zu wechseln.

Nach einem kurzen Tests des neuen Google Chrome Browsers, einem Check, ob dieser auch alle meine benötigten Entwicklertools besitzt, und der sofortigen Feststellung, dass man sich hier nicht mal um die Installation und Wartung des Flash-Players kümmern muss (“Firefox wurde aktualisiert – Bitte aktualisieren Sie Ihren Flash-Player” zum hundertsten Mal), konnte ich nicht mehr anders und habe dem Firefox nun erst einmal den Rücken gekehrt.

Viele Benutzer in Foren berichten von den gleichen Problemen, und da diese nun schon über ein Jahr spürbar andauern, konnte ich einfach nicht mehr anders.

R.I.P Firefox – Willkommen Produktivität und Augen schonen.

Als Goodie zum Schluß (und für mich als Gedächtnisstütze) meine favorisierten Plugins bzw. Extensions:

• Color Pick (Zum schnellen Erfassen von Farbwerten in einer Webseite – Mit Lupenfunktion)
• Webseiten-Screenshot (Einen Screenshot einer Webseite erzeugen. Und zwar auch von mehr als einer Bildschirmseite plus Videoscreenshots plus nachträgliche Bearbeitungsmöglichkeit in einem kleinen Grafikprogramm. Alles komplett im Browser)
• Measure It! (Zum Ausmessen von Größen und Abständen in einer Webseite)
• Pendule Entwicklertools mit genialen Features
• IE TAB Öffnet einen neuen Tab in Chrome. Der Inhalt wird wie im auf dem System installierten IE dargestellt
• Window Resizer Verschiedene Fenstergrößen für den Browser setzen
• CSS Reloader Nur das CSS der Seite neu laden
• Und dann noch die Entwicklertools, die bereits in Chrome eingebunden und über die Tastenkombination STRG#SHIFT+I erreichbar sind. Genial!

Click here to view the embedded video.

Click here to view the embedded video.

Wie so oft war diese nicht ganz ausreichend, bzw. nicht weitreichend genug.

Hier aber dann doch eine Komplettanleitung mit Erfolgsgarantie auf Windows Rechnern (Stand Netbeans 6.8 bzw. Netbeans 6.9M1)

1. Schritt: PHP Installieren

Die Meisten, die dieses Thema hier bewegt, haben PHP bestimt schon installiert. Entweder manuell, oder z.B. über das beliebte XAMPP Paket, deswegen gehe ich auf diesen Punkt nicht weiter ein, weil er eigentlich schon erledigt sein sollte.

2. Schritt: PHPUnit installieren

Dies geht am Einfachsten über PEAR.
Dazu wird die Eingabeaufforderung gestertet (START->Alle Programme->Zubehör->Eingabeauforderung)
Auf Vista-Rechnern empfielt es sich die Eingabeaufforderung mit Administratorrechten zu starten. Dazu wird mit der rechten Maustaste geklickt und “Als Administrator ausführen” ausgewählt.

Nun wechselt man in den PHP Ordner von XAMPP. Dieser befindet sich z.B. unter c:\xampp\php

Dort wird dann eingegeben:

pear channel-discover pear.phpunit.de [Enter]
pear channel-discover pear.symfony-project.com [Enter]
pear install phpunit/PHPUnit[Enter]

3.Schritt: XDebug aktivieren

In der Datei c:\xampp\php\php.ini müssen folgende Zeilen aktiviert werden (d.h. das ; Zeichen muss entfernt werden)

zend_extension_ts="C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=on
xdebug.remote_handler=dbgp
xdebug.remote_host=localhost
xdebug.remote_port=9000


4.Schritt: Integration in Netbeans

Man wechselt in das Menü Tools->Options->PHP

Im Tab “General” trägt man unter “PHP-Interpreter” den Pfad zur php.exe Datei ein z.B. C:\xampp\php\php.exe

Im Tab “Unit Testing” trägt man unter “PHPUnit Script” den Pfad zum in Punkt 2 installierten PHPUnit ein z.B. C:\xampp\php\phpunit.bat

5.Schritt: Das Projekt aufsetzen

Hier empfielt es sich ein neues Projekt zu starten und eine neue Klasse wie anzulegen.
Ein Beispiel wäre:

• ein neues Projekt mit dem Namen “Mathe”
• und in diesem Projekt eine neue Klasse “Taschenrechner.php”

Die Klasse Distanz.php enthält dann folgenden Code:

Code block

<?php
class Taschenrechner{
/**
* @assert (0, 0) == 0
* @assert (0, 1) == 1
* @assert (1, 0) == 1
* @assert (1, 1) == 2
* @assert (1, 2) == 4
*/
public function add($a, $b){
return $a + $b;
}
 
public function add2($a, $b){
return $a + $b;
}

Um nun automatisch eine Testdatei zu erstellen, klickt man mit der rechten Maustaste auf die Klassen-Datei Taschenrechner.php und wählt aus dem Kontextmenü “Tools->Create PHPUnit tests”

Darauf hin öffnet sich ein weiteres Menü, indem man den Ordner für die Testdateien angeben soll. Da dieser noch nicht vorhanden ist, erstellt man selbst einen (am besten als Unterordner “tests” im Projekt-Rootverzeichnis) und wählt diesen aus.

Netbeans erstellt daraufhin automatisch eine Datei TaschenrechnerTest.php im “tests” Ordner.

6.Schritt: PHPUnit endlich testen

Wählt man nun bei ausgewählter Datei “Taschenrechner.php” (Diese muss im Code-Fenster angezeigt werden” auf “Run->Test File” oder STRG+F6 so werden die Tests ausgeführt und im Fenster “Test Results” angezeigt.

Ist das Fenster “Test Results” nicht sichtbar, kann man es über “Window->Other->Test Results” einblenden

7.Schritt: Mehr Komfort über Code-Coverage

Weitaus komfortabler als das einzelne ausführen einzelner Tests ist die sogenannte “Code-Coverage”.

Diese wird eingeblendet, wenn man mit der rechten Maustaste auf das Projekt klickt und im Kontextmenü “Code-Coverage->Collect and display Code-Coverage” auswählt.
Danach erscheint im unteren Bereich eine Statusleite und einige Buttons zum erweiterten Testen.

Die Statusleite zeigt an, wieviel Prozent des Codes durch Tests abgedeckt sind, und hebt durch grüne (Durch Test abgedeckt) und rote (Nicht durch Test abgedeckt) Hinterlegung im Code die Methoden hervor, die durch Tests behandelt werden bzw. nicht.

Über den Button “All Tests” kann man dann alle vorhandenen Tests in einem Projekt auf einmal ausführen und alle Stati ansehen. (Wäre ja schlimm, wenn man ein einem Großprojekt jede Datei einzeln checken müsste)

Ich hoffe dieser Artikel hat geholfen, vor allem der Tipp mit dem Aktivieren von XDebug über die php.ini sollte hilfreich sein, weil sonst die Code-Coverage und das automatische Ausführen aller Tests nicht funktionieren würde und es zu folgenden, nichtssagenden und nicht zu behebenden Fehlern kommen würde:

- No tests executet (0,0 s)
- Perhaps an error occured, verify in Output window.

Auf dieser Seite (hier gibt es massig verschiedene Illusionen) kann man aber auch noch mitmachen, und z.B. Geschwindigkeiten oder Tansparenzen selbst bestimmen.

Schaut einfach mal rein, das erklärt sich dann von selbst, und drück oben links auf “prev” bzw. “next” um zur vorherigen bzw. nächsten Illusion zu gelangen.

http://www.michaelbach.de

Viel Spaß!

Das Gemeine: Die Programmierer der Fisting attacken wollen nicht an Eure Passwörter, sondern an Euren Code (Zu Deutsch: Kot).

Fisting Attacken sind ein sehr neues Phänomen (noch vor einigen Monaten versuchten Verbrecher über die sogenannte “Brute Force” Methode an Informationen von Internetusern zu kommen – dies klappte aber nicht so gut) weswegen noch keine Schutzmaßnahmen veröffentlicht wurden.

In Fachforen kursieren aber bereits Vorschläge wie z.B. der Keuschheitsgürtel beim Surfen, oder aber immer auf die Seife aufpassen und niemals am Computer damit rumspielen.
Andere Benutzer gehen in die Offensive, wollen den Fisting Attacken sofort saures geben und skandieren: “ab 5.45 wird zurück gefistet!!”

Ein ernstzunehmendes Problem also. Hier noch der Bericht. Passt auf Euch auf!

Click here to view the embedded video.

P.S: Wer mir sagen kann, was “Blackcat supermerca” oder “Blackcat supermercat” ist, nachdem in dem Beitrag bei Google gesucht wird, bekommt ein Bild von einem großen Pferd.