Tobias Fonfara

iPhone App: Wiesn 2011

Tobias Fonfara — Tue, 14 Jun 2011 18:06:50 +0000

Die in diesem Bericht behandelte App wurde von mir selbst programmiert. Ich würde mich freuen, wenn Sie die App herunterladen und eine Rezension oder Bewertung im App Store schreiben würden! Gerne dürfen Sie auch über die App berichten und sie weiterempfehlen!

App zum Oktoberfest (Wiesn) 2011 mit vielen nützlichen Funktionen rund um das Oktoberfest, aber auch rund um die Stadt München.

Die App enthält neben Informationen über die einzelnen Bierzelte auch einen München-Führer, in dem 15 Sehenswürdigkeiten der Landeshauptstadt aufgeführt sind. Alle Bierzelte und Sehenswürdigkeiten sind auch auf der integrierten Karte eingetragen.

Für alle Gäste, die der bayerischen Sprache (noch) nicht mächtig sind, enthält die App ein kleines Wörterbuch mit 130 bayerischen Ausdrücken, die auf deutsch und englisch übersetzt sind.

Damit Sie sich immer passend kleiden können, bekommen Sie auch noch das aktuelle Wetter in München sowie eine 3-Tages-Vorhersage angezeigt (Temperaturen sind in Celsius & Fahrenheit verfügbar).

Damit Sie ohne Umwege schnell und sicher aufs Oktoberfest gelangen, enthält die App eine Liste von Anfahrtsmöglichkeiten mit dem öffentlichen Nahverkehr.

Weitere Funktionen:

Zeltstatus: Welches Zelt ist bereits überfüllt, in welchem Zelt sind noch Plätze frei?
Navigationsfunktion zu den Sehenswürdigkeiten und Bierzelten
Bierzähler (damit Sie immer im Überblick haben, wie viel Bier Sie schon getrunken haben)
Promillerechner* (berechnet anhand der getrunkenen Menge, des Gewichts und der vergangenen Zeit einen Promille-Schätzwert)
FAQs: Fragen, die häufig von Oktoberfestbesuchern gestellt werden
Countdown bis zur offiziellen Eröffnung des Oktoberfests 2011

* Disclaimer: Die berechneten Werte sind anhand allgemeiner Parameter geschätzt und können von Ihrem tatsächlichen Blutalkoholwert erheblich abweichen! DON’T DRINK AND DRIVE!

Ajax: Änderungsdatum einer Datei überprüfen (jQuery)

Tobias Fonfara — Mon, 22 Nov 2010 00:07:33 +0000

Mit der Javascript-Bibliothek jQuery lässt sich ohne großen Aufwand eine einfache Ajax-Anwendung realisieren. Im folgenden gehe ich davon aus, dass in die aufgerufene Seite bereits das jQuery-Framework eingebunden wurde (hier kann das Einbinden nachgelesen werden). Dies ist notwendig, damit das nachfolgende Beispiel funktioniert.

Für was benötige ich die Ajax-Technologie?

Mit der Ajax-Technologie können Seiteninhalte nachgeladen werden, ohne dass diese komplett neu geladen werden muss. In diesem Beispiel wird das Änderungsdatum einer Datei überprüft und im Falle einer Änderung der Inhalt eines Containers aktualisiert. Wurde die Datei nicht geändert, verändert sich auch der Inhalt des Containers nicht.

Dieses Tutorial ist meinem Leser Mike gewidmet, der mich bat, diese Materie zu erklären. Ich hoffe, dass ich mit diesem Beispiel ausreichend auf die Frage eingegangen bin. Falls Fragen auftauchen sollte, oder auch sonst, bitte einfach kommentieren!

Beispiel

Für dieses Tutorial verwende ich die Dateien file.txt, index.php, refresh.php, time.txt, timestamp.php und update.php, die ich nachfolgend beschreibe. Die beiden Textdateien (file.txt und time.txt) benötigen volle Schreibrechte (chmod 666), damit der Inhalt bearbeitet werden kann. Ich weiß, dass man dieses Beispiel auch mit weniger Dateien hätte lösen können, ich denke jedoch, dass es mit mehr Dateien übersichtlicher und vor allem verständlicher wird.

Folgender Code wird in den head-Bereich der Homepage (in meinem Fall index.php) geschrieben:

Die Funktion timestamp() und die darin aufgerufene Datei update.php dienen hier nur dazu, die Datei file.txt zu bearbeiten, so dass ein neuer Zeitstempel erzeugt wird.

Folgender Code wird dorthin geschrieben, wo später die Ausgabe des PHP-Scripts erscheinen soll:

Die Datei refresh.php enthält die Ausgabe, die angezeigt werden soll, falls die Datei geändert wurde. In diesem Beispiel wird einfach nur nochmal das letzte Änderungsdatum der Datei ausgegeben.

In der Datei timestamp.php wird überprüft, ob sich der Zeitstempel verändert hat. In diesem Beispiel erhält die Datei das Label “neu”, wenn sie vor weniger als 10 Sekunden verändert wurde.

$datei = "time.txt";
$array = file($datei);
$max = sizeof($array);

if ((strtotime(date('Y-m-d H:i:s')) - strtotime($array[$max-1])) > 10) {
echo "false";
} else {
echo "true";
}

?>

In der Datei update.php wird einfach nur der Dateiinhalt verändert. Zusätzlich dazu wird in der Datei time.txt ein neuer Zeitstempel eingetragen, falls eine Änderung vorgenommen wurde.

$datei = fopen("file.txt","w");
fwrite($datei, "Die ist die Datei, die laufend geändert wird.");
fclose($datei);

$datei = fopen("time.txt","a");
fwrite($datei, date("Y-m-d H:i:s", filemtime('file.txt'))."\n");
fclose($datei);

?>

Die Datei time.txt sollte leer sein, in der Datei file.txt kann irgendein Inhalt stehen oder auch leer sein, in diesem Beispiel wird der Inhalt der file.txt beim Update überschrieben.

Erklärung

Im head-Bereich wird alle 10 Sekunden ein Javascript ausgeführt, das überprüft, ob eine aktueller Zeitstempel in der Datei time.txt steht. Wird ein aktueller Zeitstempel gefunden, wird die Funktion update() aufgerufen, die den Inhalt des Containers aktualisiert. Ist kein aktueller Zeitstempel vorhanden, so wird an dem Containerinhalt nichts verändert. Ein neuer Zeitstempel muss dann in die Datei time.txt eingetragen werden, wenn die Datei file.txt verändert wird. Dies geschieht zusammen mit der Veränderung in der Datei update.php.
Da das Javascript im head-Bereich nur alle 10 Sekunden ausgeführt wird, kann es u.U. kurz dauern, bis eine Änderung angezeigt wird. Die Aktualisierungsrate kann natürlich erhöht werden, dies kann jedoch u.U. zu Lasten der Performance des Servers gehen.

Demo

WP-PageNavi Fehler 404 bei letzter Seite beheben

Tobias Fonfara — Wed, 10 Nov 2010 21:15:20 +0000

Lange Zeit habe ich nach dem Fehler des WordPress Plugins “WP-PageNavi” gesucht. Bei jedem Aufruf der letzten Seite einer Kategorie oder eines Tags wurde nicht die Seite bzw. die Beiträge, sondern die Fehlerseite 404 ausgegeben. Bei vielen anderen Blogs liegt das Problem darin, dass (noch) nicht genügend Beiträge vorhanden sind. Dies war allerdings bei mir nicht der Fehler. Woran liegt’s also?

Die Lösung

Die Lösung ist erdenklich einfach: Unter Einstellungen -> Lesen muss der Wert des Feld “Blogseiten zeigen maximal” von 10 auf 5 geändert werden. Und siehe da – es geht!

Screencast: Installation von Joomla mit Autoinstaller

Tobias Fonfara — Wed, 10 Nov 2010 20:18:32 +0000

Dieser Screencast zeigt die Verwendung des Autoinstallers von menkiSys Networks am Beispiel von Joomla.

Screencast: Datenbank zu menkiSys Networks umziehen

Tobias Fonfara — Wed, 10 Nov 2010 20:14:51 +0000

Dieser Screencast zeigt, wie einfach eine Datenbank von einem Hoster zu menkiSys Networks umgezogen werden kann. Natürlich funktioniert das Tutorial auch analog bei jedem anderen Webhoster.

Softwareempfehlung: Transmit

Tobias Fonfara — Mon, 01 Nov 2010 19:44:24 +0000

Nach einigem Testen verschiedenster FTP Programme für Mac OS X ist meine Entscheidung auf die Application Transmit von der Firma Panic gefallen. Warum können Sie in diesem Artikel lesen.

Info und Kaufmöglichkeit

Hinweis
Dies ist keine Werbeseite, dieser Bericht ist nicht gesponsert. Er dient nur der Information und als persönliche Softwareempfehlung.

Features

In der neuen Version 4 des FTP-Clients Transmit wurde die gesamte Oberfläche neu überarbeitet.

(Bild vom Hersteller)

Die Favoriten des Programms können direkt in Finder eingebunden werden, so dass sie wie ein normaler Order verwendet werden können. Das Programm kann Online- und Lokale Ordner synchronisieren. Zudem wurde die Geschwindigkeit gegenüber dem Vorgängen um bis zu 25x erhöht.

(Bild vom Hersteller)

Ein wichtiges Feature, was meiner Meinung nach vielen anderen Programmen fehlt, ist die Zwei-Seiten-Ansicht, so dass auf einer Seite ein lokaler Ordner und auf der anderen Seite der Ordner auf dem Webserver zu sehen ist. Dies erleichtert die Bedienung deutlich.

Der Produkt kostet aktuell 34 US-Dollar (Vollversion) bzw. 19 US-Dollar (Upgrade).

Alfred App – Application Launcher

Tobias Fonfara — Tue, 26 Oct 2010 19:49:34 +0000

Nach langer Zeit möchte ich hier mal wieder eine Anwendung vorstellen. Application Launcher für Mac OS X gibt es viele, doch Alfred App braucht sich keinesfalls hinter dem Platzhirsch Spotlight oder anderen Alternativen wie etwa LaunchBar verstecken.

Info und Kaufmöglichkeit

Hinweis
Dies ist keine Werbeseite, dieser Bericht ist nicht gesponsert. Er dient nur der Information und als persönliche Softwareempfehlung.

Im Gegensatz zu allen anderen App Lauchern überzeugt Alfred durch seine Schlichtheit. Schnell findet man, was man sucht, ohne erst unzählige unbrauchbare Ergebnisse durchsuchen zu müssen. Standardmäßig sind auch Verknüpfungen zu den Google-Diensten, Facebook, YouTube etc. vorhanden, so dass auch direkt über Alfred die Internet-Suche angesprochen werden kann. Genügen einem die Vorlagen nicht, so ist es jederzeit möglich auch eigene Vorlagen zu erstellen. Ebenso sind Programme wie etwa der Taschenrechner oder das Wörterbuch direkt in der Application integriert.

Supportanfragen an das Team von Alfred App werden schnell, freundlich und kompetent beantwortet.

Der Preis: kostenlos!

Einen weiteren Punkt erziehlt Alfred im Punkto Kosten. Das (umfangreiche) Basisprogramm von Alfred erhält man kostenlos, gegen einen geringen Preis von aktuell 12 GBP kann man die “Vollversion” des Programms erwerben. Diese enthält noch zusätzlich einen Mini-iTunes-Player, Zugriff auf Verzeichnisse und die Steuerung von E-Mail Clients.
Aktuell befindet sich das Programm noch in der Beta-Phase, was allerdings keinen Einfluss auf die Stabilität o.ä. hat. Es wurden auch bereits einige weitere Features angekündigt, die im Laufe der Zeit noch umgesetzt werden sollen. Man darf also gespannt sein und bei dem geringen Preis auch zuschlagen!

Dateitransfer Mac OS X – Linux (Ubuntu)

Tobias Fonfara — Wed, 13 Oct 2010 21:38:03 +0000

Um Dateien von Mac OS X zu Ubuntu oder umgekehrt zu transferieren gibt es verschiedene Möglichkeiten. In diesem Tutorial werde ich den Transfer mittels Samba und dem Server-Message-Block-Protokoll (SMB) erklären.

Samba installieren (Ubuntu)

Falls noch nicht geschehen, muss auf Ubuntu das Paket Samba installiert werden. Dies geht am einfachsten über die Konsole:

sudo apt-get install samba

Samba einrichten (Ubuntu)

Nach der Installation von Samba muss die Software konfiguriert werden. Da Samba nicht direkt auf die Benutzerliste von Ubuntu zugreift, muss jeder Benutzer, der sich später über SMB anmelden können soll, einzeln zur Samba Benutzerliste hinzugefügt werden. Es können nur Benutzer hinzugefügt werden, die bereits im System vorhanden sind.

sudo smbpasswd -a BENUTZERNAME

Vergeben Sie nun ein neues Kennwort für den externen Zugriff.
Der Parameter -a gibt dabei an, dass ein neuer Benutzer hinzugefügt werden soll. Um einen Benutzer zu löschen muss der Parameter -x verwendet werden. Der Parameter -d deaktiviert einen bereits hinzugefügten Benutzer und mit -e wird dieser wieder aktiviert. Alle Parameter müssen nur in den obigen Befehl eingesetzt werden.

Als nächster Schritt folgt die Hauptkonfiguration von Samba. Rufen Sie über die Konsole die Konfigurationsdatei auf:

sudo gedit /etc/samba/smb.conf

Anm: Ich verwende hier den Editor “gedit”, stattdessen kann auch jeder andere Texteditor wie etwa “nano” verwendet werden.

In der Konfigurationsdatei sind bereits einige Voreinstellungen getroffen worden. Alle nachfolgenden Elemente sind bereits in der Datei vorhanden und müssen nur noch (de-)aktiviert/angepasst werden.

Als erstes sollten Sie im Abschnitt “Authentication” die Zeile “security = user” aktivieren (entfernen Sie das Semikolon). Damit können sich nur Benutzer anmelden, die auch auf dem lokalen Rechner eine Benutzerkonto haben (keine Gast-Benutzer).

Standardmäßig ist der Wert “map to guest” bereits auf “bad user” gesetzt. Damit wird verhindert, dass sich Gäste ohne lokalem Benutzerkonto anmelden können.

Im Bereich “Share Definitions” können die den gesamten Block “[homes]” aktivieren, damit jeder Benutzer auf seine eigenen Dateien zugreifen kann.

Weitere Ordner freigeben (Ubuntu)

Um weitere Ordner freizugeben, empfehle ich die grafische Oberfläche von Samba. Diese muss zuerst installiert werden.

sudo apt-get install system-config-samba

Nach der Installation erscheint im Menü System -> Systemverwaltung der Punkt “Samba”. Hier können Sie nun einfach per Klick auf das Plus-Symbol weitere Verzeichnisse freigeben oder sperren. Eine Freigabe nur für bestimmte Benutzer ist natürlich auch möglich.

Verbindung mit Ubuntu herstellen (Mac OS X)

Um eine Verbindung zu Ihrem Ubuntu-System herzustellen, öffnen Sie unter Mac OS X den Finder und wählen Sie den Menüpunkt Gehe zu -> Mit Server verbinden aus. Tippen Sie in das Fenster nun smb:// gefolgt von dem Computernamen des anderen Computers ein. Nach kurzer Zeit erscheint ein Loginfeld. Sie können sich nun mit jedem Benutzer anmelden, den Sie zuvor zu Samba hinzugefügt haben. Als Kennwort muss das Kennwort verwendet werden, das für den externen Zugriff eingegeben wurde.

Ajax: Formulardaten nachladen (jQuery)

Tobias Fonfara — Fri, 24 Sep 2010 10:38:14 +0000

Für was benötige ich die Ajax-Technologie?

Mit der Ajax-Technologie können Seiteninhalte nachgeladen werden, ohne dass diese komplett neu geladen werden muss. In diesem Beispiel werden Daten aus z.B. einer MySQL-Datenbank in ein Formular geladen. Ein Anwendungsgebiet dieses Scripts wäre zum Beispiel ein Änderungsformular eines bereits gespeicherten Textes. Über das erste Auswahlmenü wird der Text ausgewählt, das zweite Auswahlmenü soll dann eine Bewertung anzeigen und im Textfeld soll der Text zum Bearbeiten stehen. Mit diesem Aufbau würde dem Autor des Textes die Bearbeitung angenehm gestaltet werden.

Beispiel

Folgender Code wird in den head-Bereich der Homepage geschrieben:

Folgender Code wird dorthin geschrieben, wo später die Ausgabe des PHP-Scripts erscheinen soll:

<select name="select1" id="select1" onchange="onSelectChange();">
<option value="0" selected="selected">Bitte wählen</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>

<select name="select2" id="select2">
<option value="1" selected="selected">Nummer 1</option>
<option value="2">Nummer 2</option>
<option value="3">Nummer 3</option>
<option value="4">Nummer 4</option>
<option value="5">Nummer 5</option>
</select>

<textarea id="textarea" name="textarea" cols="79" rows="5"></textarea>

Erklärung

Im head-Bereich wird das Javascript ausgeführt, das die Daten aus dem PHP-Script nachlädt. Als Parameter wird der ausgewählte Wert des Select-Feldes übergeben, sowie eine Variable, die beinhaltet, für welches Formularelement der Aufruf ausgeführt wird.
Im PHP-Script kann dann z.B. eine MySQL-Abfrage ausgeführt werden. Per echo-Befehl werden die Daten dann wieder an Javascript übergeben, und in die Variable “data” geschrieben. Nun wird nur noch der Inhalt der Variable “data” in das jeweilige Element geschrieben, bzw. der Wert des jeweiligen Elements verändert.

Demo

Ajax: Smileys in Kommentarfeld einfügen

Tobias Fonfara — Thu, 23 Sep 2010 21:12:26 +0000

Beispiel

Folgender Code wird in den head-Bereich der Homepage geschrieben:

Folgender Code wird im Body-Bereich der Homepage platziert:

<form name="form" action="mail.php" method="post">

<fieldset>

<p>
<img src="images/smiley1.gif" style="border:0px;" onclick="insert(':smile1:')" />
[...]
<img src="images/smiley9.gif" style="border:0px;" onclick="insert(':smile9:')" />
<br /><small>Smileys (Einfügen per Klick)</small>
</p>

<p>
<textarea id="comment" cols="79" rows="5"></textarea>
</p>

<p>
<input type="submit" value="Button" />
</p>

</fieldset>

</form>

Erklärung

Im head-Bereich wird der Code plaziert, der später für das Einfügen verantwortlich ist. Der Code wird per Klick auf das Bild aufgerufen (onclick=”insert(‘:smile1:’)”). Dadurch wird in das Kommentarfeld der Text “:smiley1:” mit jeweils einem Leerzeichen am Anfang und am Ende eingefügt.

Code durch Bilddatei ersetzen

echo str_replace($smiley_code, $smiley_bild, $kommentar); ?>

Damit aus dem Code “smiley1″ wieder eine Bilddatei wird, muss natürlich ein Austausch vorgenommen werden. Es ist vorteilhaft, wenn die Variablen $smiley_code und $smiley_bild als Arrays definiert sind, damit Code eingespart werden kann. In der Variablen $smiley_code wird nun der Smiley-Code gespeichert, in der Variablen $smiley_bild der HTML-Code für die Bilddatei.

Was ist der Vorteil dieser Methode?

Durch diese Methode kann jeder Benutzer ohne weitere Kenntnisse Smileys verwenden. Desweiteren können die Bilddateien der Smileys ohne Probleme ausgetauscht werden, da ja nur ein Code im Kommentar gespeichert ist.