Der Vortrag “Der lachende Dritte? – PrimeFaces im Vergleich zu RichFaces und IceFaces” findet am Montag, 13. 9., 11:20 – 12:30 Uhr statt.

Gespannt bin ich auch auf das umfangreiche Konferenzprogramm mit zahlreichen interessanten Vorträgen und Referenten. Ausführliche Informationen zur Konferenz findet man unter http://www.herbstcampus.de/hc10/index.html

Ausgangsstellung: Ich hatte in meiner JSF-Oberfläche mit RichFaces einen modalen Dialog eingebaut, der unter anderem einen Editor enthalten soll. Eigentlich ganz easy, nichts besonderes. Der Code sah vereinfacht und gekürzt in etwa so aus:

1
2
3
4
5
6
7
8
9
10

<rich:modalPanel id="editpanel" autosized="true">
	<h:form>
		... (andere Komponenten) ...
		<rich:editor id="editor" width="400" height="100" value="#{myBean.dialogBeschreibung}" />
		<a4j:commandButton value="Speichern" action="#{myBean.dialogSpeichern}" 
			oncomplete="#{rich:component('editpanel')}.hide();" reRender="treepanel" />
		<a4j:commandButton value="Abbrechen"
			onclick="#{rich:component('editpanel')}.hide();return false;" />
	</h:form>
</rich:modalPanel>

Eigentlich alles ok, oder? Also gut, ‘mvn tomcat:redeploy’ … ein bisschen einwirken lassen … Firefox auf, testen. Der Dialog springt sofort auf, aber der Editor ist tot, nicht mal den Cursor kriegt man zum blinken. Und auch der ‘Speichern’-Knopf zeigt keine Reaktion.

Die Lösung (besser: den Workaround) liefert JBoss.org Issue RF-7477 bzw RF-5268: Im modalPanel ist domElementAttachment=”parent” zu setzen. Zeile 1 von oben sieht dann also so aus:

<rich:modalPanel id="editpanel" domElementAttachment="parent" autosized="true">

Was lernt man daraus? Keine Ahnung, wohl das was wir schon oft gelernt haben: “Kaum macht mans richtig, schon gehts …”

$ python -m SimpleHTTPServer

Dieser Befehl startet einen Webserver, der das aktuelle Verzeichnis ins Netz bringt. Standardmäßig ist der Server auf Port 8000 erreichbar (einen alternativen Port gibt man einfach hinten dran: python -m SimpleHTTPServer 8888). Hat man den obigen Befehl gestartet (die Shell gibt nun das Zugriffsprotokoll aus), so kann man im Browser mit Aufruf von

http://localhost:8000  (bzw. http://rechnername:8000)

das Ergebnis betrachten. Sollte das Verzeichnis eine index.html bzw. index.htm enthalten, so wird diese als Webseite angezeigt, sonst werden die Ordner und Dateien des Verzeichnisses aufgelistet. In die Ordner kann man reinwechseln, oberste Ebene bleibt aber das Verzeichnis aus dem gestartet wurde.

Die möglichen Anwendungsfälle, die sich einem da im Alltag auftun sind unaufzählbar und es bleibt dem Leser überlassen, seine kreativen Einsatzzwecke zu entdecken und gerne in den Kommentaren kund zu tun.

Hier ein Beispiel, wie eine entsprechende Reporting-Sektion im pom.xml aussehen könnte:

<reporting>
  <outputDirectory>/ein/sinnvoller/pfad</outputDirectory>
  <plugins>
    <plugin>
      <groupId>org.apache.maven.plugins</groupId>
      <artifactId>maven-javadoc-plugin</artifactId>
      <configuration>
        <doclet>gr.spinellis.umlgraph.doclet.UmlGraphDoc</doclet>
        <docletArtifact>
          <groupId>gr.spinellis</groupId>
          <artifactId>UmlGraph</artifactId>
          <version>4.6</version>
        </docletArtifact>
        <additionalparam>
           -inferrel -inferdep -quiet -hide java.* -collpackages java.util.* -qualify
           -postfixpackage -nodefontsize 9
           -nodefontpackagesize 7
        </additionalparam>
      </configuration>
    </plugin>
  </plugins>
</reporting>

Und das Ergebnis kann sich sehen lassen:

Wer tiefer in die Materie, Parameter und Möglichkeiten von UMLGraph einsteigen möchte findet in der Onlinedokumentation ausführliche Hilfestellung.

Diese Theorie besagt, dass es in jedem System genau einen Flaschenhals (Constraint) gibt und gibt 5 Schritte vor, wie man den Engpass möglichst weit aufmacht, sprich entschärft.

Hier die begleitenden Folien, in denen auch das Spiel erläutert wird:

Und so wurden fleißig Boote und Hüte gefaltet und von Runde zu Runde war tatsächlich ein Fortschritt zu sehen.
Fazit: Ein lustiger Abend mit einem sehr einprägsamen Beispiel – so macht Lernen Spaß.

Leider wird dabei häufig vergessen, den Zeichensatz der generierten Mail richtig (bzw. überhaupt) zu setzen. Hat eine Mail im Header kein Feld “Content-Type:” gesetzt, so handelt man sich zwei gravierende Probleme ein:

1. Der empfangende Client kann die Mail nicht richtig interpretieren, da er nicht weiß, in welcher Codierung der Inhalt der Mail ist. Das hat zur Folge, dass Umlaute, Sonderzeichen usw. nicht richtig angezeigt werden.
2. viele Spam-Filter werten dies als Negativ-Punkt, somit steigt die Wahrscheinlichkeit, dass die Mail ihren Empfänger nicht erreicht.

Ich schreibe hier mal beispielhaft für PHP, Java, Spring und SEAM, wie man den Header um die Content-Type Angabe ergänzen kann. Dabei beschränke ich mich der Einfachheit halber auf eine simple Textmail, also kein Multipart mit HTML oder Attachment (Beispiele dazu lassen sich schnell im Web finden).

PHP:

$header = 'MIME-Version: 1.0' . "\n" . 'Content-type: text/plain; charset=UTF-8' . "\n" . $strFrom;
mail($strEmpfaenger, $strSubject, $strMailtext, $header) or die("Die Mail konnte nicht versendet werden.");

Java:

MimeMessage message = new MimeMessage(session);
message.setHeader("Content-Type", "text/plain" + "; charset=" + "UTF-8");

Spring:

MimeMessage mimeMessage = ...
MimeMessageHelper message = new MimeMessageHelper(mimeMessage, "UTF-8");

SEAM: (ein Facelet-Template, das vom SEAM gerendert wird)

<m:message charset="UTF-8">
   ...
</m:message>

Die Beispiele sind bewusst kurz gehalten, dass Thema E-Mail-Programmierung kann wohl Bücher füllen. In erster Linie will ich Entwickler motivieren, bei aller Eile auch an die Kleinigkeiten zu denken.

Ich hoffe das neue Design ist gelungen – Kritik kann ja gerne hier in den Kommentaren hinterlassen werden!

Wer über Neues und Interessantes von und mit jsolutions im Bilde bleiben möchte kann via Twitter folgen: http://twitter.com/jsolutions_de

Meine Lösung war pragmatisch: Ich hab mir einfach zwei entsprechende Icons “gegimpt“:

Ok, besonders hübsch sind sie nicht (bin ja kein Grafiker und hatte auch keine Lust die groß zu verfeinern) aber sie erfüllen ihren Zweck!

Wer sie gerne verwenden möchte, nur zu, deswegen hab ich sie ja hier veröffentlicht! Fertige xpm-Dateien (und die hier abgebildeten png’s) kann man hier herunterladen.

Am Rande bemerkt: Derzeit tut sich sehr viel in Sachen Java-Entwicklungsumgebungen. Netbeans hat sich sehr gut entwickelt, eine Testinstallation (6.8 beta) hat mich begeistert. Und Inellij Idea gibt es jetzt auch in einer kostenlosen ‘Community Edition’. Aber das ist alles vielleicht mal einen eigenen Blog-Eintrag wert.

Die Validierung erfogt über Constraints, die als Annotationen angegeben werden. Es sind schon einige Constraints enthalten, für besondere Zwecke lassen sich eigene erstellen. Hier mal ein einfaches Beispiel:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// (imports usw. weggelassen)
public class Kunde {
 
    @NotNull(message = "Ein Kunde muss einen Namen haben")
    private String nachname;
 
    @Past(message = "Geboren in der Zukunft?")
    private Date geburtstag;
 
    @Size(min=6, max=20)
    @NotNull
    private String passwort;
 
    // Getter Setter usw.
}

Highlights der Version 4 sind:

• Native Integration in JPA 2 und JSF 2 (für SEAM Experten nichts neues, hat dort schon mit Version 3 von Hibernate Validator funktioniert)
• Groups: Es lassen sich Gruppen definieren, welche die Validierung bestimmter Constraints anstoßen
• Typsicherheit: Es wird sichergestellt, dass ein Constraint zum Datentyp des Properties passt.
• stark verbesserte Testsuite
• uvm. …

Noch ein Hinweis: Hibernate Validator kann unabhängig von einer Verwendung des Hibernate ORM eingesetzt werden.

Meine Empfehlung: Unbedingt anschauen!

Egal, dachte ich mir, trags in die inittab ein – doch halt, unter Ubuntu ist das ein bisschen anders. Ubuntu verwendet upstart. Aber keine Panik, das ist ganz einfach. Um einen Prozess zu starten, muss lediglich eine Datei in /etc/event.d angelegt werden. Soll dieser Prozess nach einer Beendigung (z.B. o.g. “Absturz”) automatisch wiedergestartet werden, muss das Schlüsselwörtchen ‘respawn’ enthalten sein.

Am einfachsten kopiert man sich die Datei /etc/event.d/tty2 als Vorlage und ändert dann in der letzten Zeile den exec Befehl.

Die Datei sollte dann etwa so aussehen:

start on runlevel 2
start on runlevel 3
 
stop on runlevel 0
stop on runlevel 1
stop on runlevel 4
stop on runlevel 5
stop on runlevel 6
 
respawn
exec /kompletterpfad/befehl

• Andy Schwartz’s Weblog – What’s New in JSF 2? (exzellente Übersicht!)
• Max Katz: Learning JSF2: Managed beans (erster Teil einer Einführungsserie)
• Max Katz: Learning JSF2: Navigation (zweiter Teil der Einführungsserie)
• Max Katz: Learning JSF2: Ajax in JSF – using f:ajax tag (Teil 3)
• Ed Burns: JSF2 Facelet Tag Handlers
• Adventures in JSF 2.0: Hello World Tutorial using Maven 2, JSF 2, Facelets 2, and Weld
• Kostenloses Online-Buch zu JSF 2.0 von irian.at
• www.javaserverfaces.org – das soll die Seite als Einstieg für alle JSF-Programmierer werden! Entdeckt habe ich sie via http://ocpsoft.com/java/jsf-java/jsf2-engaging-the-community/ (dort findet man im Übrigen PrettyFaces, eine Erweiterung für “schöne” URLs bei JSF-Anwendungen)

To be continued … (freue mich über jeden interessanten Link!!!)

Der htaccess-Mechanismus erlaubt eine verzeichnisorientierte Zugriffsbeschränkung über eine Authentifizierung. htaccess verlangt normalerweise einen gütigen Benutzername und Passwort, um auf dieses Verzeichnis (und seine Unterverzeichnisse) zugreifen zu dürfen.
Folgende Dinge sind zu tun, um ein Verzeichnis zu schützen:

1. in der httpd.conf:
htaccess muss für das Verzeichnis erlaubt werden. Dazu ist die Direktive AllowOveride All zu setzen. Beispiel:

<Directory /pfad/apache/htdocs/diesesverzeichnis>
    AllowOveride All
</Directory>

2. Anlegen der Datei .htaccess:
Im zu schützenden Verzeichnis wird die Datei angelegt (führenden Punkt nicht vergessen, dies ist eine versteckte Datei!):

AuthName "Dies ist der Login-Bereich von Fritzchen"
AuthType Basic
AuthUserFile /pfad/public/htdocs/login/.htpasswd
require valid-user

3. Anlegen der Datei .htpasswd:
Das Anlegen dieser Datei geschieht mit dem htpasswd-Befehl [update]bei Apache2 mit dem korrelierenden Befehl htpasswd2[/update]. Da die Passwörter verschlüsselt gespeichert werden, kann die Datei nicht von Hand erstellt werden.

Wir erzeugen die Datei z.B. mit folgendem Befehl:

$ htpasswd -c .htpasswd ersterbenutzer

Für jeden weiteren Benutzer rufen wir den Befehl ohne “create” auf:

$ htpasswd .htpasswd weitererbenutzer

• jvmstat 3.0 (enthält visualgc)
• Artikel auf heise Developer.

Dank ans heise Team, für den schönen Artikel!

Dagegen wurde nun von verschiedenen Unternehmen eine kleine Kampagne ins Leben gerufen, welche zum Ziel hat, den Anteil der IE6-Nutzer zu senken. Dazu stellen sie Webentwicklern einen kleinen Code-Schnipsel zur Verfügung, der bei Verwendung von IE6 oder älter einen Hinweis ausgibt.

Insgesamt finde ich die Idee sehr gut und habe daher auch die deutsche Version des Codes beigesteuert (aktuell noch nicht auf deren Webseite veröffentlicht). Freilich soll das keinesfalls die Lösung aller Probleme sein, es wird nach wie vor in kommenden Projekten eine Berücksichtigung des Dinosauriers geben (müssen), aber in kleineren Auftritten oder auf privaten Webseiten kann man so einen Hinweis sicher mal guten Gewissens anbringen.

Hier noch die ins Deutsche übersetzte Variante:

<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
  <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Diesen Hinweis schliessen'/></a></div>
  <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
    <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warnung!'/></div>
    <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
      <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>Sie verwenden einen veralteten Browser</div>
      <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Um diese Seite optimal darzustellen, verwenden Sie bitte einen modernen Webbrowser.</div>
    </div>
    <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Lade Firefox 3.5 herunter'/></a></div>
    <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Lade Internet Explorer 8 herunter'/></a></div>
    <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Lade Safari 4 herunter'/></a></div>
    <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Lade Google Chrome herunter'/></a></div>
  </div>
</div>
<![endif]-->

UPDATE tabellenname SET feldname =
    REPLACE(feldname, suchstring, neuerstring);

Beispiel: Eine Webseite wird umgezogen und das “dumme” CMS hat alle Bildlinks in den Artikeln absolut als URL gespeichert:

UPDATE article SET articletext =
    REPLACE(articletext, 'www.altedomain.tld', 'www.neuedomain.tld');

Herausragend ist die Integration von Groovy zum Schreiben von Testscripten. So lassen sich Unit-Tests nach bewährtem Muster ganz einfach für Webservices implementieren und die Entwicklung wird kontinuierlich getestet.

Hier noch ein kleiner Artikel zu RESTClient von Subhash Chandran mit Code-Beispielen.

Eine Recherche im Web bringt viele Fragen und nur wenige Antworten diesbezüglich, doch so schwer war es dann auch wieder nicht. Hier beschreibe ich kurz und knapp, wie ich vorgegangen bin – dann kann ich beim nächsten Mal hier nachschlagen. Und ein Nächstes mal gibts bestimmt, denn die Extension gefällt mir sehr gut!

1. Extension nach Anleitung installieren
2. Eine Seite ‘Blog’ in der Seitenstruktur anlegen und unter ‘Optionen’ -> ‘Enthält Plugin’ ‘T3Blog’ einstellen
3. Eine Vorlage (Template) für die Seite anlegen und unter ‘Includes’ die beiden Einträge ‘T3Blog main configuration’ und ‘T3Blog functionalities on your website’ hinzufügen.
4. In die TemplaVoila Konfiguration wechseln, dort bestehende DS/TO, die als Blog-Template dienen soll kopieren. Diese Kopie so ummappen, dass im Hauptinhaltsbereich statt der ‘Content Elements’ ‘TypoScript Object Path’ ausgewählt ist, als Name habe ich lib.t3blog genommen. Das restliche Mapping bleibt bestehen, so kann man (bei meiner Vorlage) in den Spalten links und rechts die Blog-Widgets einfügen.
5. Zurück zur Blog-Seite: Darunter eine neue Seite anlegen (im Menü versteckt oder Sysfolder). Auf dieser Seite das T3Blog-Widget blogList einfügen und die Id (uid in tt_content) dieses Elements merken. In meinem Beispiel 560.
6. Nun ins Setup der Vorlage der Blog-Seite wechseln und dort folgenden TS-Code eingeben:

   lib.t3blog = RECORDS
   lib.t3blog.source = 560
   lib.t3blog.tables = tt_content

7. Fertig – Viel Spaß beim bloggen!

• Elemente für das Seitenlayout (wie Header, Footer, Sidebar etc.)
• Elemente für das Seitendesign unter Verwendung von Yahoo UI CSS Grid
• Endlich ein Element für eine Farbauswahl (ColorPicker)

Schon allein wegen der zahlreichen Bugfixes werde ich wohl in aktuellen Projekten auf die neue Version umstellen. Inwiefern ich die neuen Dinge zum Seitenlayout und -design brauchen kann, weiß ich noch nicht. Muss ich mir genauer ansehen, mein erster Eindruck ist, dass man da mit altbewährtem genau so gut fährt.

Wer also Twitter in seine Java-Applikationen integrieren möchte, ist hier bestens bedient. Sogar ein Maven-Repo ist vorhanden.

Und es geht noch weiter: mit Log4Twitter hat Yamamoto einen Log4J-Appender geschrieben, mit dem sich Log4J-Ausgaben an einen Twitter-Account leiten lassen – dazu muss in der Anwendung nicht einmal was geändert werden, lediglich die Konfigurationsdatei von Log4J kriegt den passenden Eintrag. Und schon kann ich von überall die Fehlermeldungen meiner Software via Twitter abonnieren … und mit mir die ganze Welt!?