Archiv der Kategorie ‘Webentwicklung‘

iPhone-User simulieren im Browser

Dienstag, den 19. Januar 2010

Heutzutage bieten schon einige Websites spezielle Layouts für mobile Geräte an. Dabei ist natürlich auch das iPhone nicht unwichtig. Für einige System, z.B. Wordpress, gibt es Erweiterungen, die eine Ansicht für iPhone-Benutzer generieren.

Bei meinen Tests habe ich herausgefunden, dass die Darstellung oft vor allem vom User-Agent abhängt. Das ist im Grunde eine Info, die Browser und weitere Programme dem Server mitsenden.

Für die Entwicklung und das erste Testen kann man bei vielen Browsern den User-Agent ändern. In Safari muss man das Entwickler-Menü einblenden und den gewünschten “Browser-Typ” wählen, in Firefox kann man über Eingabe about:config die Einstellung general.extra.useragent.firefox um “iPhone” erweitern (ohne Anführungszeichen). Dabei ist i.A. auf Groß-/Kleinschreibung zu achten, d.h. “IPHONE” funktioniert nicht überall.

Für viele Websites reicht das schon, um auf die iPhone-Darstellung zu wechseln. Das Testen in einer richtigen Testumgebung oder gleich im iPhone erspart man sich dadurch noch nicht.

Übrigens verwende ich hier das Wordpress-Plugin WPtouch iPhone Theme, die mobile Fassung von www.bekomedia.com ist derzeit in Arbeit bzw. wird überarbeitet und erweitert.

0 Kommentare

Wordpress Touch

Montag, den 28. Dezember 2009

Ich habe die (wenige) Zeit zwischen Essen, Gottesdiensten und anderen Veranstaltungen genutzt, um weitere Wordpress-Plugins zu testen und zu installieren und die Sidebar anzupassen. Mit Hilfe der Erweiterung WPtouch hat man nun iPhone-fähiges Layout. Bei geräten wie iPhone, iPod touch und einige andere Geräte wird nun standardmäßig das für kleinere Anzeigen optimierte Theme dargestellt. Man kann aber bei Bedarf auf das “normale” Design umschalten. Das Plugin könnte durchaus im Administrationsbereich mehr Einstellungen bieten, aber fürs erste reicht mir das. Vielleicht baue ich bei Gelegenheiten noch Übersetzungen und andere kleinere Änderungen ein.

Auf den Artikel-Detailseiten werden nun i.A. Links zu ähnlichen Artikeln angezeigt. Außerdem hat man jetzt die Möglichkeit, Artikel zu bewerten.

In der Sidebar ist das Flash-Twitter-Widget ersetzt durch eine “gecachete” HTML-Liste. Damit sieht man nun die letzten Tweets auch, wenn Flash deaktiviert ist. Als “Flash-Ersatz” ist eine zweite “Tag- bzw. Kategorien-Wolke” hinzugekommen: WP-Cumulus. Ansonsten habe ich ein klein wenig aufgeräumt.

Weitere Wordpress-Plugins, die neu hinzugekommen sind oder die ich schon länger einsetze, stehen auf der Bekowiki-Seite Wordpress-Plugins.

0 Kommentare

Suche für chrischona-wetter.de

Samstag, den 31. Oktober 2009

Damals habe ich auf eine Suche für www.chrischona-wetter.de verzichtet. Dies lag u.a. daran, dass Typo3 relativ hohe Systemanforderungen stellt. Deshalb musste ich auch auf ein Alternativ-News-Plugin umsteigen. Mittlerweile umfasst der Auftritt aber ca. 100 Seiten. Auch der Webhosting-Provider rüstet von Zeit zu Zeit auf. Deshalb habe ich diese Woche nochmal an der Integration der Suche probiert. Anfangs gab es etwas Probleme mit der Seitenindizierung. Wie ich später heraus gefunden habe lag dies an dem aktivierten Frontend-Editing, dass dazu geführt hat, dass die Seiten nicht im Cache landen, wenn man im Backend angemeldet ist. Zum Testn hilft hier einfach ein zweiter Browser (wenn denen hat man ja sowieso genug ;-) ).

Nun findet man auf chrischona-wetter.de oben rechts neben dem Titelbild eine Suchbox, inkl. Auto-Suggest. Einzig die deutschen Umlaute machen noch etwas Probleme bei der Word-Indizierung.

Bei Gelegenheit werde ich auch andere Teile der Website überarbeiten. Ein paar Ideen für eine neue Startseite habe ich z.B. schon.

0 Kommentare

Typo3 4.x vs Firefox

Montag, den 26. Oktober 2009

Durch eine Inkompatibilität einer früheren Typo3 4.2-Version (ich glaube z.B. 4.2.6) wurden in Firefox ab Version 3 falsche Links erzeugt. Erst ein Typo3-Update hat diesen Fehler beheben können.

Nun hatte ich wieder Probleme mit Firefox und Typo3: Ich habe die neuen Typo3-Updates 4.2.10 bzw. 4.1.13 auf einem Testsystem installiert. Mit IE und Safari konnte ich keine Fehler nach einem kurzen Testen feststellen. Im Firefox jedoch wurde der Frame mit dem Seitenbaum im Backend nicht geladen. Das ganze habe ich mit verschiedenen Firefox-Versionen getestet, konnte also eigentlich nicht an meinen Browser-Addons liegen: 2.0.0.14, 3.0.x und 3.5.3 – immer das gleiche Problem.

Google war mir zunächst noch keine Große Hilfe, konnte also kein allgemein auftretender Fehler sein. Glücklicherweise gibt es dafür einen Patch:

http://bugs.typo3.org/view.php?id=12324

Nachdem man per Hand die Codezeile wie oben angegeben geändert hat funktioniert auch wieder das Typo3-Backend im Firefox. Grund für diesen Fehler war bei mir ein - (Minus/Bindestrich) im Ordnername. In der ebenfalls neuen Version Typo3 4.1.13 besteht das Problem ebenfalls, auch hier hilft der Patch / die Code-Änderung.

Schade, dass Probleme in Typo3 mit Firefox in letzter Zeit nicht gerade Einzelfälle sind.

1 Kommentar

Neue Statistik: piwik

Montag, den 5. Oktober 2009

Den ganzen September über kein einziger Eintrag :-( Das hat vor allem zwei Gründe:

  • Entweder passiert nichts (Neues), was ich hier öffentlich schreiben wollte
  • oder ich finde keine Zeit zum Schreiben und wenn dann irgendwann mal doch, ist das Ereignis schon so lange her, dass ein Eintrag nicht mehr passt

Möglicherweise wird sich dies auch in den nächsten Wochen wenig ändern. Ich plane jedoch immer noch ein Update aufzuspielen. Danach wäre es auch möglich, per Handy Blogeinträge zu schreiben. Da ein Update aber zunächst einige zusätzliche Einstellungen überschreibt, die nicht über die Administrationsoberfläche zu ändern waren, muss ich für einen Wechsel auch genügend Zeit einplanen.

Bei der Masse an Einträgen ( ;-) ) passt diese Bemerkung eher nicht:

Ich bin nun endlich von Google Analytics umgestiegen auf die freie Web-Analyse piwik. Hatte ich schon länger vor, mittlerweile wurde mir piwik auch schon von mehreren Leuten empfohlen. Mitausschlaggebend war auch, dass Google Analytics auf der Website immer langsamer zu werden schien. Für beide Webstatistiken muss entsprechender Javascript-Code eingebunden werden. Google Analytics scheint momentan von den Statistiken und Diagrammen noch etwas ausführlicher zu sein. Dafür kann piwik auf demselben Webserver betrieben werden. Die piwik-Statistik wird in Echtzeit angezeigt, also ohne Verzögerung.

Nun muss piwik noch den Dauertest bestehen ;-)

1 Kommentar

Gemeindebrief-Seite überarbeitet

Montag, den 20. Juli 2009

Nun habe ich die Übersichts- und Downloadseite der Gemeindebriefe der Chrischona-Gemeinden im Bezirk Wetter (PDF-Web-Versionen) in das neue System integriert. Dabei habe ich das Layout etwas angepasst: Z.B. werden die Links nun zweispaltig dargestellt und die Ausgaben nach Jahren gruppiert.

Auch sonst bin ich noch im “Gemeindebrief-Fieber”. Einige Texte werden demnächst im Internet auf www.chrischona-wetter.de veröffentlicht sein, die Ausgabe August – Oktober 2009 muss gedruckt und die angepasste Online-Version erstellt werden. Wie immer eben…

Wenn das abgeschlossen ist, kann ich mich auf meinen Urlaub “konzentrieren”.

0 Kommentare

www.bekomedia.com 3G

Sonntag, den 14. Juni 2009

Nach der ersten Version meiner Uni-Homepage und der Erweiterung durch PHP (Menü u.a.) und weitere Seiten ist nun seit gestern Abend die quasi dritte Generation meiner persönlichen Website auf www.bekomedia.com online !

“Fertig” ist ja bekanntlich nie eine Software. So habe ich auch viele Ideen erstmal hinten angestellt. Manche Seiten verlinken auch noch auf die alte Version. Das werde ich bei Gelegenheit in den nächsten Tagen umstellen.

Die Umsetzung hat länger als gedacht gedauert. Oft waren andere Dinge wichtiger, so habe ich stückchenweise mit vielen Pausen an den Webseiten gearbeitet. Manches hat etwas länger gedauert, als ich das gerne gehabt hätte. Einige Typo3-Erweiterungen sind leider nicht oder schlecht konfigurierbar. So musste ich bisweilen selbst “Hand anlegen” und die Extensions anpassen. In anderen Bereichen konnte ich verschiedene Möglichkeiten durchprobieren und habe so auch an Erfahrung gewonnen.

Die Site enthält viel von dem Inhalt, den man auch vorher schon finden konnte. Gewisse Änderungen am Design sollten feststellbar sein. Als Redaktionssystem wird nun auch hier Typo3 verwendet (wie oben bereits angedeutet). Damit wird es einfacher, die Seiten zu pflegen und zu erweitern. Neu ist u.a. die Suchmöglichkeit, die erweiterten Navigationselemente (Menü, Brotkrumenpfad, Sitemap),  meine letzten Twitter-Tweets werden nun direkt auf der Website angezeigt. Bei den Bildern werden derzeit zwei verschiedene Foto-Shows eingesetzt. Aber schaut doch einfach selbst

Meine Todo-Liste enthält noch einige Einträge. Danach oder zwischendurch will ich mich ja auch diesem Blog-System widmen. Bisher funktioniert ja auch noch nicht das Blog-Schreiben per iPhone (wichtig ;-) ).

0 Kommentare

Die Qual der Gallerie-Wahl

Sonntag, den 7. Juni 2009

Für das CMS Typo3 gibt es bekanntlich viele Erweiterungen (“Extensions”). Es ist vergleichsweise einfach, das Redaktionssystem um ein paar Funktionalitäten zu erweitern. Das hat allerdings zur Folge, dass fast Unmengen von Extensions existieren, die gleiche oder ähnliche Funktionen abdecken. So auch bei den Bilder-Gallerien.

Ich habe einige Extensions getestet. Viele Erweiterungen basieren auf bestimmte Javascript-Bibliotheken, so dass einige Extensions zueinander inkompatibel sind.  D.h. nicht alle Foto-Extensions funktionieren auf allen Typo3-Auftritten. U.a. ist die Verwendung abhängig, ob man die Extension dam verwendet.

Früher habe ich perfectlightbox bzw. kj_imagelightbox2 eingesetzt. Mittlerweile sind meine Favoriten dam_liteshow und rgsmoothgallery. Die beiden letzteren Photo-Shows bieten interessante Effekte und funktionieren zusammen mit dam und wenn zusätzlich jQuery verwendet wird. Für jQuery muss allerdings die Funktion jQuery.noConflict() aufgerufen werden.

Bei einigen anderen Extensions gab es Konflikte, die Installation bzw. Konfiguration war schwieriger oder die Effekte kamen nicht an die erwähnten Erweiterungen heran.

0 Kommentare

Template im Bau

Mittwoch, den 13. Mai 2009

Als ich vor etwa einem Jahr mir einige Corporate Websites als in Frage kommende Arbeitgeber angesehen habe, hat es mich gewundert, wie schlecht viele Webauftritte aussehen. Man möchte eine Dienstleistung verkaufen (Design, Entwicklung oder Beratung), die das Web betrifft und stellt sich selbst unvorteilhaft oder nicht zeitgemäß da.

Mittlerweile habe ich gelernt, dass es viele Dinge gibt, die wichtiger erscheinen als die eigene Homepage. So geht es mir auch gerade. Seit Wochen plane und arbeite ich an meiner neuen Version – mit langen Pausen, da privat und beruflich viele andere Aufgaben zu erledigen sind.

Heute Abend bin ich mit meinem Template wieder ein gutes Stück vorwärts gekommen. Es fehlen nur noch ein paar Details. Da ich mein “eigener Auftraggeber” bin muss die Site nicht ganz so perfekt sein, wie sonst. Danach folgt die Integration in das CMS. Bin mal gespannt wie gut das funktionieren wird.

Anschließend wäre dann auch mal ein Update von diesem Blog fällig.

0 Kommentare

Chrischona-Wetter Version 2008

Donnerstag, den 7. August 2008

Screenshot Chrischona-Wetter Version 2008

Vor wenigen Minuten habe ich eine neue Version der Website der Chrischona-Gemeinden im Bezirk Wetter hochgeladen. Äußerlich hat sich außer der anderen Hintergrundfarbe und dem neuen Header (Bild oben) nicht viel geändert. Ein paar neue Texte sind hinzu gekommen:

Intern wird nun das kostenlose Redaktionssystem (CMS) Typo3 verwendet. Übrigens wurde Typo3 von einem Christen entwickelt. Das kann man auch an den Standard-Passwörtern erkennen (die ich allerdings geändert habe :P ). Damit könnte das Menü (links besser strukturiert werden). Seiten lassen sich einfacher pflegen, verlinken usw. Unter dem Header findet man nun einen sogenannten Brotkrumenpfad. Dieser gibt an, an welcher Stelle der Website-Struktur man sich gerade befindet. Auch kann man hier leicht auf eine übergeordnete Ebene “springen”. Auf bestimmten Seiten wird vor dem eigentlichen Inhalt eine Übersicht der existierenden Unterseiten angezeigt. Eine Sitemap listet auf einer Seite alle existierenden Seiten www.chrischona-wetter.de auf. Mit Typo3 kann man viele ganz unterschiedliche Erweiterungen verwenden. Z.B. wird nun eine andere Bilder-Show eingesetzt.

In einem Passwort geschützten Bereich können verschiedene Benutzer an der Website arbeiten, Fehler korrigieren, neue Inhalte erstellen usw. Das war auch der Hauptgrund, weshalb ich auf ein CMS umstellt habe. Mein Bruder hat übrigens die meisten Texte von der alten Version übertragen.

Die Konfiguration auf www.chrischona-wetter.de hat etwas gedauert, da der Provider einige Einstellungen deaktiviert hat. Eigentlich wollte ich schon gestern fertig sein. Ich denke, dass würde auf www.bekomedia.com einfacher sein.

Ähnlich wie beim letzten Mal habe ich während der Erstellung wieder Erfahrung sammeln können, außerdam hat es ja auch Spaß gemacht ;-) Vielleicht fanden manche Besucher Teile der alten Fassung doch besser? Im Gästebuch (auch überarbeitet, benutze auch hier eine Erweiterung für Typo3) kann man Grüßen und die Meinung schreiben (solange man niemanden oder Rechte verletzt ;-) ).

0 Kommentare