• Die Dateien selber sind im UTF-8 Format gespeichert
• Die Ausgabe im HTML wird als UTF-8 deklariert
• Die MySQL Datenbank und alle Tabelle haben utf8_general_ci als Kollation

und trotzdem kommt mir bei der ersten Abfrage das berüchtigte Fragezeichen entgegen:

Was ist passiert?

MySQL benutzt ohne Vorgaben den Lateinischen Zeichensatz zur Übermittlung von Ergebnissen. Ungeachtet des Formats, in dem die Daten gespeichert wurden. Also muss man der MySQL Datenbank irgendwie mitteilen, dass man doch bitte jegliche Kommunikation im UTF-8 Format zu führen hat.

Zend Framework INI

Tief verbuddelt in der Zend_DB Adapter Beschreibung des Zend Frameworks findet sich (ohne Beispiel) dann doch der Parameter ‘charset’.

resources.db.params.charset = utf8

Und schon gibt es kein hin und her codieren und decodieren von Daten mehr. Ein kompletter MySQL Config-Block sieht dann z.B. so aus:

resources.db.adapter = PDO_MYSQL
resources.db.params.host = localhost
resources.db.params.username = USERNAME
resources.db.params.password = PASSWORT
resources.db.params.dbname = DATENBANKNAME
resources.db.params.charset = utf8

Wer die Verbindungseinstellungen direkt in MySQL bearbeiten möchte, der möge hoffentlich mehr unter MySQL Charset Connection finden. Mir reicht erstmal der ZF Adapter ;-)

Gibt es andere Möglichkeiten? Wie wird das Problem in anderen Frameworks gelöst?

Fazit

Ich hoffe, ich kann mit diesem Quicktip anderen Programmierern ein paar graue Haare und festgewachsene Stirnrunzeln ersparen. Ihr werdet noch genug im Laufe der Zeit bekommen.

In diesem Sinne:

KtT definiert sich selber als:

Treffpunkt, Werkstatt und Wirkungsstätte für Tüftler und deren Ideen in Software, Elektronik und anderen Technologien, Hackspace, FabLab in Oldenburg

Leider hat der Verein noch keine festen Räumlichkeiten, so dass derzeit die öffentlichen Veranstaltungen über sogenannte Alphas an wechselnden Orten organisiert werden. In dieser Woche fand die dritte Alpha vom 13.10. – 16.10.2011 statt, welche ich am Freitag und Samstag besucht habe. Mein besonderes Interesse galt dabei den Vorträgen von Thomas Mike Peters über “Rechtliche Fallstricke bei Social Media und Blogs” und eine “Einführung in Creative Commons” mit anschließender Gesprächsrunde.

Fazit

Auch wenn ich jeweils nur ein paar Stunden dabei sein konnte, haben mir beide Tage sehr viel Spaß gemacht. Die Vorträge waren sehr informativ und verständlich vermittelt worden und der Gesamteindruck zu den anwesenden Leuten dort ist durchweg positiv. Einfach ausgedrückt: Es hat Lust auf mehr gemacht, darum bin ich dem Verein gestern als Fördermitglied beigetreten.

Ich bin sehr gespannt auf die weitere Entwicklung und die Möglichkeiten dort Gleichgesinnte zu treffen. Ich bin jetzt weniger der Hardware-Tüftler, aber  als Softwareentwickler und Freelancer ist es ja auch wichtig über den Tellerrand schauen zu können.

Da ich für ein Projekt nun einen gänzlich anderen Dateinamen als ersten Index benötige, muss ich dem Server eine neue Reihenfolge mitteilen. Am einfachsten geht das über eine .htaccess Datei im Hauptverzeichnis (web root). Dort habe ich folgende Zeile eingefügt:

DirectoryIndex index-zf.php index.php index.html

Nun sucht der Server bei einem Startseiten- bzw. Verzeichnis-Aufruf zuerst die index-zf.php Datei, auch wenn eine index.php vorhanden ist.

Sollte noch keine .htaccess Datei vorhanden sein, dann einfach einen neuen Textfile anlegen und ins Hauptverzeichnis speichern bzw. uploaden.

Alternativ kann man natürlich auch den virtuellen Hosteintrag (vhost) oder gleich die httpd.conf des Apache Webservers für eine generelle Richtlinie ändern. Die .htaccess Methode eigenet sich aber gut für den Fall, wenn man keinen Zugriff auf die generellen Webserver Konfiguration bekommt oder gezielt bestimmte Verzeichnisse im Verhalten ändern möchte.

PS: Eine Übersicht über die möglichen Apache Serverdirektiven gibt es direkt bei den Indianern.

Für ganz eilige, mein Google+ Profil findet ihr über: http://54grad.de/+ ;-)

Da gerade in der Anfangszeit häufiger die gleichen Fragen in der Timeline gestellt wurden, hier mal meine wichtigsten Erfahrungen und Tipps.

Voraussetzung

Google+ setzt ein Google Profile voraus. Wenn du einen der anderen Google Dienste wie z.B. GMail, Youtube, Reeder usw. bereits nutzt, dann hast du auch ein entsprechendes Profil. Nutzer von Google Apps können leider noch kein Google+ verwenden. Da unsere Firma Google Apps nutzt, muss ich leider meinen alte (und nicht genutzte) GMail als Zugang verwenden.

Public, Limited, Private?

Deine Statusmeldungen sind nicht notwendigerweise für alle Welt lesbar. Du bestimmst, welche Benutzer bzw. Gruppen den jeweiligen Text zu lesen bekommen sollen. Definiert wird das über die Share-Leiste direkt unter dem Eingabefeld.

Die ausgewählten Gruppen, Personen bzw. “Public” sind als Buttons in diesem Feld und können über das kleine “x” wieder entfernt werden. Möglich ist das Hinzufügung bzw. Eingrenzung von:

• einzelnen Circle (deinen Gruppen)
• alle Circles (alle Leute, die du eingeordnet hast)
• extended circles (deine Gruppen und alle Freunde der Gruppenmitglieder)
• Public (alle, also öffentlich! Auch über Google Suche und im Profil auffindbar)
• direkte Eingabe eines Benutzers
• eine Email-Adresse (so kann man auch Leute zu Google+ einladen!)

Eine DM bzw. private Nachricht lässt sich so einfach schreiben, in dem du als berechtigen Empfänger deinen Freund oder eine einzelne Email ein gibst. Ein extra Bereich für persönliche Nachrichten ist somit unnötig.

Status einer Nachricht erkennen

Bei jeder Nachricht in deiner Timeline erkennst du oben rechts den Berechtigungsstatus. Mit einem Klick auf diesen Status (Public, Limited, extended circles) erhält man Informationen zur Empfängergruppe.

Eine gute Möglichkeit um weitere Personen zu finden, die evtl. die gleichen Interessen wie man selber hat. Per Mouseover über den Avatarbildern kann man sogar direkt Leute zu den eigenen Circles hinzufügen. Schnell, einfach, toll…

Notifications – Filter Liste im linken Menu

Alle Neuigkeiten, die dich direkt in irgendeiner Weise betreffen (Erwähnungen, Antworten, usw.) werden als Notifications (rotes Quadrat mit Zahl) in der Statusleiste angezeigt. Und das nicht nur in Google+, sondern in vielen anderen Google Produkten ebenso, welche die Google Bar verwenden (werden).

Dort sieht man eine Übersicht über alle Neuerungen und kann z.B. auch direkt antworten. Das kann aber bei vielen neuen Einträgen auch recht umständlich werden. Darum gibt es links im Menu den Punkt “Notifications”. Damit sieht man in seinen Stream nur Beiträgen mit besagten wichtigen Neuerungen.

Genau so lässt sich in dem Menu jeder deiner Circle einzeln filtern. Ich liebe diese Funktion bereits jetzt!

Circles bringen Ordnung

Die Circles sind der Kern der Gruppenberechtigung. Du kannst Leuten “folgen”, in dem du diese in frei wählbare Circles einsortierst. Yonatan Zunger von Google hat hier zu folgende Empfehlung gepostet, welche ich (angepasst) hilfreich finde:

• Erstelle Circles mit Leuten, die deinen Real-Life und Online Gruppen entsprechen: alte Freunde, Arbeitskollegen, Sportverein, Blogger, bestimmte Themen wie Gamer usw.
• Ordne Personen ruhig mehreren Circlen zu. So kann ein Gamer z.B. auch dein Arbeitskollege sein ;-)
• Erstelle einen Circle zum Folgen von Leuten, dessen Beiträge du gerne mitlesen möchtest.
• Wenn man Leute nicht kennt, die einem folgen, dann muss man diese nicht unbedingt sofort zu einem Circle hinzufügen. Neue Beiträge, welche mit dir geteilen werden (also einem Circle in dem du auch bist), dann kannst du über den Stream “Incomming” alles einsehen. Entscheide dann, ob du vielleicht neuen Leute auch zurück folgen möchtest.

Text Formatierungen

Ein Google+ Cheat-Sheet gibt es auch schon ;-)
Ein paar Tips, wie man den Text hervorheben und per Tasten navigieren kann.

http://54grad.de/+ zeigt mein Google Profil

Bei eisy bin ich auf eine tolle Idee aufmerksam geworden, wie man sein Google+ Profil mit einem eigenen Link verbreiten kann, was dann so aussieht: http://54grad.de/+

In der .htacces Datei folgende Zeile direkt unter dem RewriteEngine On mit deinem gewünschten Profillink einfügen:
Redirect 301 /+ https://plus.google.com/108367931585096117029/about
Wenn man noch keine .htaccess Datei im Hauptpfad hat, dann wäre ein vollständiger Eintrag:

<IfModule mod_rewrite.c>
   RewriteEngine On
   Redirect 301 /+ https://plus.google.com/108367931585096117029/about
</IfModule>

Profil ohne eigene Seite verlinken

Mit gplus.to gibt es jetzt auch ein kleines Profil-Verlinkungs Tool für Alle, die keine eigene Domain besitzen. Einfach gewünschten (falls verfügbar) Usernamen und die Profil-Nummer des Google+ Accounts eingeben und schon hat man eine dauerhafte Verlinkung wie z.B. http://gplus.to/calaelen. Ich persönlich finde 54grad.de/+ aber viel eleganter ;-)

Mein Fazit

Ich bin begeistert und hoffe, dass sich Google+ durchsetzen wird. Da es in Kürze auch Pages für Firmen und Projekte geben wird, sollte dies die Verbreitung und Akzeptanz auf jeden Fall noch weiter voran bringen.

Mein Fazit ist deshalb:

Euer Eindruck?

Was haltet ihr von Google+ ? Habt ihr noch weitere Tipps und Tricks?

Update: Google+ Cheat-Sheet 1.3 Update und gplus.to Tool

In diesem Zusammenhang habe ich einen tollen Beitrag von Harald Lesch gefunden, in dem er sehr deutlich zu dem Schluss kommt:

Die Fähigkeit etwas zu lernen ist es, die uns erst zu freien Menschen macht.
Das Gedächnis ist ein Instrument der Freiheit.

Und doch sage ich recht häufig auf Fragen meiner Frau: “Google das doch…”
Also “lernt” mal wieder etwas neues, so das es auch offline abrufbar bleibt! :-)

Randnotiz: Was fürchten Politiker am meisten? Das wir Bürger uns selber, unabhängig und möglichst aus mehreren Quellen informieren, Zusammenhänge erlernen und Politiker-Aussagen nicht einfach “hinnehmen”. Erst recht in den jetzigen Zeiten, wo frühere Statements sehr gut recherchierbar sind (Fähnchen im Wind). Das Gedächnis ist ein Instrument der Freiheit.

Als Fan der Serie IT Crowd ist der folgende Satz zu meinem Mantra geworden und gehört somit in einen schönen Bilderrahmen an meinem Arbeitsplatz ;-)

Und beim nächsten verzweifelten Aufschreien immer dran denken:
Keep calm and turn it off and on again.

Quelle – Grundlagen

Darum bin ich bei gegangen und sperre per .htaccess Datei zumindest die Bots aus, welche an Hand des User Agents erkennbar sind. Ich hatte mit dieser “Bad Bots” Liste angefangen und erweitere die Einträge je nach Logauswertung bzw. 404 Error Reports.

htaccess

Voraussetzung: Apache Webserver mit aktiviertem mod_rewrite Modul
(die meisten Webserver laufen auf dieser Grundlage)

Sofern noch nicht vorhanden, muss eine .htaccess Datei im Webroot der Internetseite erstellt werden. Als erstes dann die nachfolgende Liste einfügen und danach dann weitere Anweisungen, z.B. die eines WordPress Blogs. Wird nun ein User Agent an Hand der Suchmuster erkannt, erfolgt eine direkte 403 Forbidden Ausgabe und die Anfrage an den Server wird beendet.

<IfModule mod_rewrite.c>
   RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^aipbot [OR]
RewriteCond %{HTTP_USER_AGENT} ^BlackWidow [OR]
RewriteCond %{HTTP_USER_AGENT} ^Bot\ mailto:craftbot@yahoo.com [OR]
RewriteCond %{HTTP_USER_AGENT} ^Bloggsi [OR]
RewriteCond %{HTTP_USER_AGENT} ^ChinaClaw [OR]
RewriteCond %{HTTP_USER_AGENT} ^CHATCATCHER [OR]
RewriteCond %{HTTP_USER_AGENT} ^CopyRightCheck [OR]
RewriteCond %{HTTP_USER_AGENT} ^Custo [OR]
RewriteCond %{HTTP_USER_AGENT} ^DISCo [OR]
RewriteCond %{HTTP_USER_AGENT} ^Download\ Demon [OR]
RewriteCond %{HTTP_USER_AGENT} ^eCatch [OR]
RewriteCond %{HTTP_USER_AGENT} ^EirGrabber [OR]
RewriteCond %{HTTP_USER_AGENT} ^EmailSiphon [OR]
RewriteCond %{HTTP_USER_AGENT} ^EmailWolf [OR]
RewriteCond %{HTTP_USER_AGENT} ^Express\ WebPictures [OR]
RewriteCond %{HTTP_USER_AGENT} ^ExtractorPro [OR]
RewriteCond %{HTTP_USER_AGENT} ^EyeNetIE [OR]
RewriteCond %{HTTP_USER_AGENT} ^FlashGet [OR]
RewriteCond %{HTTP_USER_AGENT} ^GetRight [OR]
RewriteCond %{HTTP_USER_AGENT} ^GetWeb! [OR]
RewriteCond %{HTTP_USER_AGENT} ^Go!Zilla [OR]
RewriteCond %{HTTP_USER_AGENT} ^Go-Ahead-Got-It [OR]
RewriteCond %{HTTP_USER_AGENT} ^GrabNet [OR]
RewriteCond %{HTTP_USER_AGENT} ^Grafula [OR]
RewriteCond %{HTTP_USER_AGENT} ^grub [OR]
RewriteCond %{HTTP_USER_AGENT} ^HMView [OR]
RewriteCond %{HTTP_USER_AGENT} HTTrack [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^HTTP://WWW.RELEVANTNOISE.COM [OR]
RewriteCond %{HTTP_USER_AGENT} ^Image\ Stripper [OR]
RewriteCond %{HTTP_USER_AGENT} ^Image\ Sucker [OR]
RewriteCond %{HTTP_USER_AGENT} Indy\ Library [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^InterGET [OR]
RewriteCond %{HTTP_USER_AGENT} ^Internet\ Ninja [OR]
RewriteCond %{HTTP_USER_AGENT} ^Java [OR]
RewriteCond %{HTTP_USER_AGENT} ^JAVA [OR]
RewriteCond %{HTTP_USER_AGENT} ^JetCar [OR]
RewriteCond %{HTTP_USER_AGENT} ^JOC\ Web\ Spider [OR]
RewriteCond %{HTTP_USER_AGENT} ^larbin [OR]
RewriteCond %{HTTP_USER_AGENT} ^looksmart [OR]
RewriteCond %{HTTP_USER_AGENT} ^LeechFTP [OR]
RewriteCond %{HTTP_USER_AGENT} ^LMSPIDER [OR]
RewriteCond %{HTTP_USER_AGENT} ^lmspider [OR]
RewriteCond %{HTTP_USER_AGENT} ^MoreOverBot [OR]
RewriteCond %{HTTP_USER_AGENT} ^Mozilla$ [OR]
RewriteCond %{HTTP_USER_AGENT} ^Mass\ Downloader [OR]
RewriteCond %{HTTP_USER_AGENT} ^MIDown\ tool [OR]
RewriteCond %{HTTP_USER_AGENT} ^Mister\ PiX [OR]
RewriteCond %{HTTP_USER_AGENT} ^Navroad [OR]
RewriteCond %{HTTP_USER_AGENT} ^NearSite [OR]
RewriteCond %{HTTP_USER_AGENT} ^NetAnts [OR]
RewriteCond %{HTTP_USER_AGENT} ^NetMechanic [OR]
RewriteCond %{HTTP_USER_AGENT} ^NetSpider [OR]
RewriteCond %{HTTP_USER_AGENT} ^Net\ Vampire [OR]
RewriteCond %{HTTP_USER_AGENT} ^NetZIP [OR]
RewriteCond %{HTTP_USER_AGENT} ^Octopus [OR]
RewriteCond %{HTTP_USER_AGENT} ^Offline\ Explorer [OR]
RewriteCond %{HTTP_USER_AGENT} ^Offline\ Navigator [OR]
RewriteCond %{HTTP_USER_AGENT} ^PageGrabber [OR]
RewriteCond %{HTTP_USER_AGENT} ^Papa\ Foto [OR]
RewriteCond %{HTTP_USER_AGENT} ^pavuk [OR]
RewriteCond %{HTTP_USER_AGENT} ^pcBrowser [OR]
RewriteCond %{HTTP_USER_AGENT} ^PYTHON-URLLIB [OR]
RewriteCond %{HTTP_USER_AGENT} ^RealDownload [OR]
RewriteCond %{HTTP_USER_AGENT} ^ReGet [OR]
RewriteCond %{HTTP_USER_AGENT} ^SHELOB [OR]
RewriteCond %{HTTP_USER_AGENT} ^SIMILARPAGES [OR]
RewriteCond %{HTTP_USER_AGENT} ^SiteSnagger [OR]
RewriteCond %{HTTP_USER_AGENT} ^SmartDownload [OR]
RewriteCond %{HTTP_USER_AGENT} ^SphereScout [OR]
RewriteCond %{HTTP_USER_AGENT} ^SuperBot [OR]
RewriteCond %{HTTP_USER_AGENT} ^SuperHTTP [OR]
RewriteCond %{HTTP_USER_AGENT} ^Surfbot [OR]
RewriteCond %{HTTP_USER_AGENT} ^thesubot [OR]
RewriteCond %{HTTP_USER_AGENT} ^tAkeOut [OR]
RewriteCond %{HTTP_USER_AGENT} ^Teleport\ Pro [OR]
RewriteCond %{HTTP_USER_AGENT} ^VoidEYE [OR]
RewriteCond %{HTTP_USER_AGENT} ^Web\ Image\ Collector [OR]
RewriteCond %{HTTP_USER_AGENT} ^Web\ Sucker [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebAuto [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebCopier [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebBandit [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebFetch [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebGo\ IS [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebLeacher [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebReaper [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebSauger [OR]
RewriteCond %{HTTP_USER_AGENT} ^Website\ eXtractor [OR]
RewriteCond %{HTTP_USER_AGENT} ^Website\ Quester [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebStripper [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebWhacker [OR]
RewriteCond %{HTTP_USER_AGENT} ^WebZIP [OR]
RewriteCond %{HTTP_USER_AGENT} ^weneo [OR]
RewriteCond %{HTTP_USER_AGENT} ^Wget [OR]
RewriteCond %{HTTP_USER_AGENT} ^Widow [OR]
RewriteCond %{HTTP_USER_AGENT} ^WWWOFFLE [OR]
RewriteCond %{HTTP_USER_AGENT} ^YANDEX [OR]
RewriteCond %{HTTP_USER_AGENT} ^YandexBot [OR]
RewriteCond %{HTTP_USER_AGENT} ^Xaldon\ WebSpider [OR]
RewriteCond %{HTTP_USER_AGENT} ^Zeus
RewriteRule ^.* - [F,L]
</IfModule>

Verbesserungen

Bestimmt kann man an der Liste noch einiges verbessern und ergänzen. Über Kommentare würde ich mich natürlich freuen :)

Was sind deine Erfahrungen bzw. Empfehlungen?
Gibt es bestimmte IP-Bereiche oder weitere Möglichkeiten bekannte Spamer/Bad Bots auszusperren?

Wer sein WordPress CMS System sicherer machen möchte, sollte unbedingt die Tips dieses Security Vortrags von der WordPress Convention in Phoenix 2011 beherzigen.

WordPress End-User Security presentation by @dremeda & @williamsba

PS: Ich helfe gerne (beruflich) bei der Verbesserung der WordPress Sicherheit und Umsetzung der genannten Punkte ;-)

Ältere Themes bzw. eigene Entwicklungen

In den meisten neueren Themes ist die frei konfigurierbare Menüführung bereits eingebunden. Allerdings hat mich der SiskoBLN gefragt, wie man dieses in einem älteren Theme aktivieren kann. Folgende Schritte sind hierfür nötig:

Voraussetzungen

• WordPress ab Version 3.0
• Zugriff auf die Theme-Dateien unter /wp-content/themes/[theme-name]

functions.php

Sollte sich im Theme Verzeichnis noch keine functions.php befinden, dann kann diese einfach als neue Datei hinzugefügt werden. Am Anfang der functions.php muss ein <?php stehen.

Folgenden Sourcecode hinzufügen:

register_nav_menus( array(
    'primary' => 'Primary Navigation'
) );

Hiermit wird in WordPress definiert, dass es ein zu verwaltendes Menü im Theme gibt. Wenn du mehr als ein Menü benutzen möchtest, um zum Beispiel im Footer eine Liste mit weitern Seiten und Links einzubinden, dann erweiter das Array einfach um einen Eintrag:

register_nav_menus( array(
	'primary'   => 'Primary Navigation',
	'secondary' => 'Secondary Navigation'
) );

header.php

In dem meisten Fällen wird sich das zentrale Navigationsmenü innerhalb der header.php befinden. Ansonsten bitte die entsprechende Datei öffnen, an dessen Ort ihr euer neues Menü einbinden möchtet.

<div id="access" role="navigation">
<?php wp_nav_menu( array(
	'container_class' => 'menu-header',
	'theme_location'  => 'primary'
) ); ?>
</div>

Mit container_class gibt man die CSS Klasse an, welche für das Menü verwendet werden soll und theme_location ist das entsprechende Admin-Menü, welches in der functions.php definiert wurde (primary, secondary, usw.). Ein evtl. vorhandenes altes Navigationsmenü bzw. den wp_page_menu() Aufruf bitte entfernen oder auskommentieren.

Weitere Informationen und alle nutzbaren Parameter gibt es auf der wp_nav_menu Codex Seite.

style.css

Das Menü braucht natürlich auch einen CSS Style. Als Beispiel ein rotes Menu mit weißer Schrift mit Dropdown Möglichkeit (ninjalooter.de), welches aus dem WordPress Standard-Theme abgeleitet ist:

#access {
	height: 23px;
	background: #741d1d url('images/red-navibackground.gif') repeat-x;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	color: #fff;
	font-size: 14px;
}
#access .menu-header,
div.menu {
	font-size: 14px;
	margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0 10px;
	line-height:23px;
        border-right: 1px solid #fff;
}
#access ul ul {
	display:none;
	position:absolute;
	top:23px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background:#741d1d;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
        border-right: none;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
	background:#533;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}

Fazit

Mit drei Schritten und entsprechender Anpassung der style.css an das eigene Blog-Design kann man auch ein älteres bzw. eigenes WordPress Theme mit den frei konfigurierbaren Admin Menüs erweitern.

In Twitter Clients wie z.B. Tweetdeck erscheint dann ein kleines Kartensymbol in der Zeit-Statusleiste und per Klick lässt sich der Standort anzeigen.

Twitter sagt zwar, dass dieses Funktion normal ausgeschaltet ist und vom Benutzer eigenständig aktiviert werden müsste. Doch im Zuge von immer mehr Zugriffsrechten von externen Clients, sollte man seine Einstellung dahingehend ruhig ab und zu mal kontrollieren. Gerade wenn du gerne neue Twitter-Apps ausprobierst, halte ich eine regelmäßige Überprüfung für absolut wichtig!

Twitter Settings

Unter Twitter -> Settings -> Account findest du ca. mittig unterhalb der Timezone den Bereich “Tweet Location“. Eine aktivierte Checkbox bedeutet, dass Twitter bei jedem Tweet versucht deinen aktuellen Ort mit zu übertragen.

Natürlich kann es auch sein, dass du diese Geolocation Dienste gerne nutzen möchtest. Ich persönlich möchte halt selber bestimmen, wann und wo ich einen Aufenthaltsort bekannt gebe (z.B. mit GoWalla oder Foursquare). Zwar kann man bei jedem Tweet diese Entscheidung auch nochmals treffen, aber einerseits vergesse ich das eventuell und andererseits unterstützt mein Twitter Client diese Auswahl vielleicht nicht?

Also, ich verteufel diese Geolocations nicht, sondern möchte nur für mehr persönliche Kontrolle appellieren :)

Mehr Infos zu diesem Feature (auf englisch) gibt es im Twitter Help Center

Die extrovertierten Präsentationen des Microsoft Chefs Steve Ballmer sind ja nichts unbekanntes. Man muss sich dabei aber immer vor Augen halten, dass der Mann Vorsitzender eines Billionen-Unternehmens und selber Milliardär ist.

Das folgende Video hatte ich erstmal 30min in der Dauerschleife, weil ich nicht aufhören konnte zu grinsen und selber mit zu singen:

Interessant finde ich, das bei 2:01 im Twitter Screenshot der Avatar von Kai ‘Oswald’ Seidler vom Apachefriends Projekt auftaucht. Gibt es da eine Verbindung zu dem Videoersteller? Oder reiner Zufall? :o

Das Original

Anbei der Ausschnitt der Keynote, wo der “Developers! Developers!” Teil entstanden ist. Die Aufputschmittel hätte ich auch gerne, besonders montags ;-)

*sing* Developers! Developers! love++ Developers! Developers! You down with PHP? Developers! Developers! Developers! Developers! *sing*

6 Monate, weil dies der Zeitraum ist, den Bloglisten als “Ranking” Grundlage nutzen. Über deren Relevanz lässt sich natürlich vortrefflich streiten ;-)

SQL Anfrage über eine geeignete Oberfläche eingeben, wie z.B. phpMyAdmin, per Shell oder einem kurzen PHP-Script:

SELECT count(comment_ID) FROM wp_comments WHERE
(comment_type='trackback' OR comment_type='pingback')
AND comment_author_url NOT LIKE '%topsy%'
AND comment_date > DATE_ADD(NOW(),INTERVAL -6 MONTH)

Anpassungsmöglichkeiten

Für weitere Quellen, die man ausklammern möchte, jeweils eine neue Zeile hinzufügen:

AND comment_author_url NOT LIKE '%BEGRIFF%' 

Der Zeitraum ist einfach in der letzten Zeile änderbar (-X MONTH).

computer programming is moments of triumph
surrounded by hours of the computer telling you you’re an idiot

Genau so ergeht es mir, gerade wenn ich etwas neues lerne oder eine “gewagte” Kundenforderung das erste Mal versuche umzusetzen. Bestimmt kennt ihr auch solche Situationen?

Aber die kleine Hoffnung auf den “Triumph-Moment” hat mir bisher immer bis zur Fertigstellung geholfen. Als Programmierer stehe ich allerdings öfter mal vor dem Problem, dass diese “Erfolge” im Frontend nicht wirklich greifbar sind und komplexe Lösungen im Hintergrund achselzuckend hingenommen werden. Da hat der Designer dann doch meist ein direkteres Feedback ;-)

Source Code testen

Es gibt vier Möglichkeiten um den Test zu starten:

• per URL Eingabe für Online-Seiten
• per Upload Dialog für lokale Dateien
• per direkter Formular Eingabe um z.B. nur Teile der Seite zu testen
• per API Aufruf, um daraus weitergehende Tools zu basteln (gute Idee!)

Über “more Options” lassen sich einzelne Tests an- bzw. ausschalten.

Mein Test

Natürlich habe ich gleich mal meine Seite getestet und promt einige Probleme gefunden. Alles “Fehler”, welche die Browser größtenteils ausgleichen aber nicht vorkommen sollten. So hatte ich z.B. einen Auflistungspunkt zwar mit “li” begonnen, jedoch mit “/a” beendet. *boing* Error Abbruch der Validation, bis der Fehler behoben wurde.

Mir gefällt es, weil es nicht so übermächtig herkommt, wie die Ausgabe des w3c Validators. Ersetzen wird es ihn nicht, aber für mich eine gute Ergänzung um die gröbsten Flüchtigkeitsfehler direkt zu beseitigen.

PS: Wer eine entsprechend große Bildschirmauflösung bzw. ein Dual-Screen Setup nutzt, sollte den Browser mal möglichst groß aufziehen ;-)

Validiert ihr euer HTML? Und für wie wichtig haltet ihr die Validierung überhaupt?

Nun auch mit eigenem Blog zum Thema Webworking und Programmieren. Die Arbeit sollte nicht nur steril und abgeschottet sein, sondern auch Raum für persönliches lassen und sich selbst nicht immer zu ernst nehmen. Hinter jeder Dienstleistung, auch der Software Entwicklung, steht ein Mensch!

Andriy Solovey schreibt sehr treffend dazu:

“Many people, who see programmers as extensions of their computer systems, will be surprised to discover that programmers are amazing individuals too.”

Und darum gibt es ab jetzt einen kleinen Einblick in meine Arbeit in Form eines Blogs:

• Nützliches und Best practice Ansätze
• Anleitungen / Tutorials
• Kurzweiliges für Zwischendurch
• Berichte, wie ich etwas erlernt habe bzw. verstehe
• Organisation bzw. die nicht vorhandene…

und Links zu anderen guten Beiträgen rund um Themen wie PHP, mySQL, jQuery, WordPress, Frameworks, Tech- und Geek-Stuff.

Schreibstil und Kommentare

Ich verwende innerhalb der Blogbeiträge als Anredeform das freundlich gemeinte “Du”. Es möge mir bitte jeder verzeihen, der sich hiervon im Lesen gestört fühlt. Keinesfalls ist dies als Respektlosigkeit zu verstehen, sondern spiegelt nur meine persönliche Verbundenheit zu diesen Themen wieder.

Über Kommentare und Fragen zu den Beiträgen würde ich mich freuen, gerne auch kritische Meinungen und andere Sichtweisen. Es sollte aber auf einem respektvollem und freundlichen Niveau bleiben! Gerade im Bereich der Programmierung gibt es viele Wege zum Ziel. Ich erläutere hier zu meist den Weg, der mir persönlich bei einem praktischen Problem weitergeholfen hat. Darum sind weitere Ansätze und Hilfen gerne willkommen. Reines “flamen” in den Kommentaren wird jedoch nicht geduldet.

Technischer Hintergrund

Die Dr.-Ing. Preißing AG hat mich mit der Programmierung einer Befragungs- und Auswertungsumgebung beauftragt, welches ihre bisherigen manuellen Arbeitsschritte in eine für den Kunden online nutzbare Software portiert.

• Umsetzung der Verfahren der Dr.-Ing. Preißing AG auf Basis von PHP5/mySQL/jQuery/Smarty
• Speicherung aller Eingaben in eine zentrale Datenbank
• geschlossenes Online System mit Mandantenverwaltung
• Eigenständige Mitarbeiterverwaltung je Kundenprojekt
• Frei definierbare Arbeitsbereiche und Kenntnisse / Fertigkeiten / Fähigkeiten
• Einschätzungen der Eigensicht und Fremdsicht
• Stellenprofile und Ranking-Auswertungen
• Vergleichs- und Passgenauigkeitsberechnungen
• Auswertungsbereich auf mehreren Ebenen (Mitarbeiter, Arbeitsbereich, Unternehmen, usw.)

Der Nutzen

pers.X gibt wichtige Antworten auf Fragen wie:

• Haben meine Mitarbeiter passende Aufgaben- und Einsatzbereiche?
• Schätze ich die Potenziale und Kompetenzen meiner Mitarbeiter richtig ein?
• Beurteile ich die Stärken und Schwächen meiner Mitarbeiter richtig?
• Wie kann ich die Stärken meiner Mitarbeiter fördern und sie motivieren?
• Was muss ich tun um gute Mitarbeiter zu finden und zu halten?
• Wie kann ich Mitarbeiter für mein Unternehmen begeistern?

Weitere Informationen finden Sie unter: http://www.personalanalysten.de

Der Hintergrund

20 Jahre Erfahrung in über 3.000 Beratungsprojekten der Dr.-Ing. Preißing AG bilden die Basis für die Managementsoftware pre². Die von Dr.-Ing. Werner Preißing entwickelten und aus zahlreichen Veröffentlichungen bekannten Verfahren zur Steuerung von Architektur- oder Ingenieurbüros wurden zu einer umfangreichen Komplettlösung für die Büroführung kombiniert.

pre² Visual Management visualisiert die wichtigsten Zahlen und Fakten Ihres Unternehmens und zeigt sie grafisch in leicht ablesbaren, übersichtlichen Instrumenten. Auf diese Weise können sie jederzeit die aktuelle Entwicklung Ihres Unternehmens einsehen. pre² – Visual Management schafft eine solide Datenbasis für wichtige Entscheidungen und Zukuftsprognosen.

Erla P. – eine neue Sichtweise

Das von Dr.-Ing. Werner Preißing entwickelte Verfahren Erla P. wird erstmalig in einer Software angeboten. Es visualisiert in einer speziellen Grafik den Leistungsfluss Ihres Unternehmens, von der Projektanbahnung bis zum Zahlungseingang.

Erla P. ermöglicht im Cockpit eine Vorausschau in die Zukunft, da Tendenzen im zeitlichen Zusammenhang erkannt werden können. Sie werden bereits im Vorfeld auf drohende Über- oder Unterdeckungen hingewiesen.

Mehr zu pre² finden Sie auf der Projektseite: http://www.pre2.de

Grundlagen

Der Export wählt Angebote nach folgendem Ablauf aus:

• alle manuell als Favoriten markierten Angebote
• nach der Reihenfolge der Modelle von oben nach unten
• nur Angebote mit entsprechend großer prozentualer Ersparnis
• nach der Schrittgröße bzw. alle Modelle
• sollten noch Plätze frei sein, wird mit aktuellen Angeboten aufgefüllt

Voreinstellungen für den Export

Die Übersicht ist in zwei Bereiche aufgeteilt. Die linke Liste wird für die Priorisierung der Fahrzeugmodelle verwendet. Die Tabelle “inaktive Marken” im rechten Bereich zeigt eine Gesamtliste der im System bekannten Fahrzeugmarken, welche derzeit nicht bearbeitet werden.

Ersparnis

Durch Eingabe eines Prozentwertes wird die Grenze angegeben, ab welchem Preisvorteil gegenüber der unverbindlichen Preisempfehlung (UVP) ein Angebot für den Export in Betracht gezogen wird. Angebote mit einem Ersparniswert unterhalb dieses Grenzwertes werden nicht exportiert.

Schrittgröße

Die Schrittgröße gibt an, wieviel Angebote bei einem Durchlauf mindestens von diesem Modell ausgewählt werden sollen. Sind alle Modelle der Priorisierungsliste durchlaufen, fängt das System wieder von vorne an und füllt den Angebotsexport weiter mit der Schrittgröße auf. So kann auch bei geringeren Export-Zahlen ein gewisses Modell-Mix erreicht werden. Zu empfehlen ist eine Schrittgröße von 5-20 Angeboten.

Fazit

Hiermit konnte ich eine Arbeitserleichterung programmieren, welche gerade bei großen Fahrzeugbeständen eine Auswahl für den Export vorbereitet. Angebotsplätze müssen bei den großen Autobörsen teilweise sehr teuer eingekauft werden. Um so wichtiger ist es, die wirklich werbewirksamen Angebote heraus zu filtern.

Frontend

• Beibehaltung des alten Designs und Seitenkonzeptes
• Übernahme der statischen Texte
• Programmierung der Struktur unter Verwendung von PHP, mySQL und Smarty
• Einbindung des Referenz- und Bildgaleriemoduls
• Anpassung an individuelle Vorgaben für die Datenerfassung / Darstellung

Admin-Bereich

• Interner Bereich für den Seiteninhaber
• Eigenständige Erweiterung der Referenzen / Projekte
• Anlegen von Bildgalerien zu Projekten
• Erfassen von individuellen Listen, z.B. Mitarbeiterstand

Vorteil

Nicht immer muss alles neu erstellt werden. Gerade Design und Seitenkonzepte sind oft lange erarbeitet worden und sollten nach Möglichkeit weiter verwertet werden. Dies berücksichtige ich in der anfängliche Analyse und dem Zielsetzungsgespräch für neue Projekte.

weitere Projekte und Referenzen

Zielgruppe

Cinesys ist für kleinere bis mittlere Kinos gedacht, welche Ihr Kinoprogramm online publizieren möchten. Hierbei ist gerade die einfache Bedienung und die Reservierung ohne Registrierungszwang ein Vorteil für die Kinobesucher.

Vorteile für Kinobesitzer

• Online-Reservierungssystem incl. Multikino-Fähigkeit
• Eigene Pflege des aktuellen Kinoprogramms
• Gute Planungsgrundlage für das künftige Kinoprogramm
• Newsletter Versand des Kinoprogramms
• Möglichkeit zur Verlosung von Tickets
• Highlights und Events können besonders hervorgehoben werden
• Infos und Bilder aller Bundesstarts stehen vorweg zur Verfügung
• Eine eigene Statistik der Online-Reservierungen
• Einbindung in Ihre schon vorhandene Website oder
• Erstellung eines komplett neuen Internetauftritts

Vorteile für die Kinobesucher

• Sehr einfache, selbsterklärende Bedienung
• keine Registrierung nötig
• Kundenservice (immer online erreichbar, mehr Infos)
• Reservierungsmöglichkeit zu jeder Uhrzeit
• Reservierungen bis zu 7 Tage im Voraus möglich
• ohne zusätzliche Vorverkaufs-Gebühren

Newsletter Versand

Jede Woche versenden die Cinesys-Kinos mehrere tausend Newsletter Emails an die eingetragenen Kino Interessierten. Dafür läuft im Hintergrund ein Versand-System, welches die Resourcen des Servers gleichmäßiger aufteilt. Der Kinobetreiber startet den Versand und kann sich im Webadmin Bereich jederzeit über den Fortschritt der Emailzustellungen informieren.

Mehr zu Cinesys finden Sie auf der Projektseite: www.cinesys.de