Archive for the ‘Programmierung’ Category
Wie erstelle ich eine Webseite?
An diesem Punkt hat jeder schon einmal gestanden. Man hat so viele verschiedene gute oder auch weniger gute Webseiten im Internet besucht und die eine oder andere gute Information für sich aus diesen Seiten gezogen. Doch wenn man Anderen sein eigenes Wissen oder die eigenen Ansichten und Gedanken mitteilen möchte, wird man nicht drum herum kommen, sich eine eigene Homepage zu erstellen.
Doch wie genau funktioniert das? Und welche Tools brauche ich dafür? Genau diesen Fragen möchte ich in diesem und in kommenden Artikeln auf den Grund gehen.
Hier weiterlesen...
IE 6 für Mac OS X
Wenn man wie ich als Ruby on Rails Entwickler unter Mac OS X arbeitet, dann kommt man früher oder später an den Punkt, wo man die Seite an der man arbeitet auch auf dem Internet Explorer testen möchte.
Leider hat sich Microsoft nicht dazu hinreißen lassen, seine neusten Browser auch für Mac OS X zu veröffentlichen, so dass man auf andere Wege und Mittel zurückgreifen muss.
Dual Boot mit BootCamp oder Virtual Machine?
Sicher, Apple bietet uns über BootCamp an, ein anderes Betriebsystem wie Windows XP auf einer zweiten Partition zu installieren. Hat man dies getan, kann man natürlich auch den Internet Explorer unter Windows verwenden.
Allerdings haben wir dadurch auch einige Nachteile, die natürlich nicht verschwiegen werden können. Zum einen müssen wir extra Festplattenplatz für die zweite Partition bereitstellen - Windows ist hier natürlich nicht besonders sparsam -, zum anderen können wir so immer nur ein Betriebssystem gleichzeitig laufen lassen. Was natürlich unpraktisch ist, wenn unsere Entwicklungsumgebung auf Mac OS X läuft.
Bleibt als weitere Möglichkeit noch, Windows in einer virtuellen Maschine zu installieren. Mit Parallels oder VMWare Fusion gibt es hier sehr gute Programme, die es uns sehr leicht machen, ein oder mehrere Betriebssysteme zu installieren und gleichzeitig mit Mac OS X laufen zu lassen.
Doch auch diese Möglichkeit fällt ins Wasser, wenn wir gar keine eigene (offizielle) Installations CD von Windows besitzen und uns auch nicht extra eine zulegen wollen, nur um etwas im Internet Explorer zu testen. Doch was bleibt uns nun noch übrig?
ies4osx - Der Internet Explorer für OS X
Ich weiß, ich weiß. Warum bin habe ich nicht gleich am Anfang erwähnt, das es doch einen Internet Explorer für Mac OS X gibt? Aber ich liebe es, ein wenig Spannung aufzubauen - und seien wir doch mal ehrlich, die Ungeduldigen unter euch haben die vorhergehenden Abschnitte sowieso übersprungen. (Was? Das stimmt wirklich? Dann schnell zurück und noch einmal von vorne lesen!)
Mike Kronenberg schien sich mal die gleichen Fragen gestellt zu haben. Warum kann ich keine Windows Anwendungen unter OS X laufen lassen? Also hat er sich hingesetzt und das Linux Wine Projekt - mit dem viele Windows Anwendungen unter Linux laufen können - auf Mac OS X portiert und als Darwine zur Verfügung gestellt. Dann ist er anscheinend auf das ies4linux Projekt gestoßen, mit dem es möglich war den Internet Explorer 6 mit Hilfe von Wine auf Linux zum Laufen zu bekommen. Dies hat er ebenfalls portiert und herausgekommen ist ies4osx! <tröte>TATAAA!</tröte>
Die Installation von ies4osx ist wirklich sehr einfach. Zuerst die aktuellen Versionen von Darwine und ies4osx herunterladen, Darwine in den Applications Ordner von OS X verschieben, den Installer von ies4osx ausführen und fertig. Der Installer lädt sich die benötigten Dateien herunter und legt eine lauffähige Version vom "Internet Explorer 6" auf dem Desktop ab.
Es ist sogar möglich, Flash, Java und den Mediaplayer 6.4 von Microsoft auf diesem IE 6 zu installieren.
Mein Fazit
Seit ich vom ies4osx Projekt erfahren habe, habe ich immer einen Internet Explorer bei mir auf meinem MacBook laufen und kann so jederzeit meine Seiten auch dort überprüfen. Sicherlich, der Internet Explorer für Mac OS X reagiert oft etwas träge und vor allem wenn Flash im Spiel ist, wird es richtig langsam, aber für den Zweck, meine Seiten im IE 6 zu testen, ist dies vollkommen ausreichend.
Leider gibt es momentan noch keine Version vom IE 7 oder IE 8 für Mac OS X, aber schauen wir mal, was die Zukunft so bringt.
Wie läuft es bei euch? Entwickelt ihr auch unter Mac OS X? Wenn ja, welche Lösungen habt ihr gefunden, um eure Seiten auch auf dem Internet Explorer zu testen?
Google Sitemaps mit Ruby on Rails erstellen
Wer sich bereits eingehender mit Ruby on Rails beschäftigt hat, der weiß dass dieses beliebte Framework einem viele Aufgaben von Haus aus abnimmt und diese vereinfacht.
In den Tagen des Social Webs gehört es unter anderem zu den häufigen Aufgaben eines Entwicklers, XML Dokumente zu generieren, oder APIs auf Basis von XML bereitzustellen. News wollen in Form von RSS oder Atom abonniert werden, Inhalte aus anderen Webangeboten über XML in die eigenen Seiten integriert werden.
XML ist also ziemlich wichtig und daher sollte das Erstellen und die Verarbeitung von XML mit einem Framework wie Ruby on Rails auch so einfach und unkompliziert wie möglich erfolgen.
Was ist Google Sitemaps?
Wie dies funktioniert und welche Schritte dafür notwendig sind, werde ich am Beispiel einer Google Sitemap für ein Blog zeigen. Google stellt mit Google Sitemaps eine Methode zur Verfügung, um neue Inhalte aus dynamischen Webseiten noch schneller in den Google Suchindex aufnehmen zu lassen. Dazu können Webseiten eine sitemap.xml Datei zur Verfügung stellen, welche in Form von XML Daten wie URL, Erstell- bzw. Updatedatum und eine Indizierungspriorität zu allen verfügbaren Seiten - in unserem Fall sind dies die Blogeinträge - enthalten kann.
Rails Generator hilft uns
Bei großen dynamischen Seiten ist es natürlich aufwendig, diese XML Datei immer von Hand zu pflegen, darum wollen wir diese mit den Mitteln von Ruby on Rails automatisch generieren lassen.
Überlegen wir doch erstmal, was wir alles für die geforderte Aufgabe benötigen. Wir brauchen einen Sitemap Controller mit einer index Action, welche wir aufrufen können und die dann schließlich das XML generiert. Also sollten wir zuerst diesen neuen Controller generieren lassen. Dies ist in Ruby on Rails mehr als einfach:
ruby script/generate controller Sitemap index
Dieser Komandozeilenaufruf nimmt uns diese Aufgabe ab. Der Rails Generator legt daraufhin mehrere Dateien an. Unter anderem den Controller sitemap_controller.rb mit der Action index und den View index.html.erb.
exists app/controllers/ exists app/helpers/ create app/views/sitemap exists test/functional/ create app/controllers/sitemap_controller.rb create test/functional/sitemap_controller_test.rb create app/helpers/sitemap_helper.rb create app/views/sitemap/index.html.erb
Ist display=”none” jetzt irrelevant?
Beim Studieren der aktuellen HTML5 Spezifikation, ist mir ein neues Attribut aufgefallen, welches möglicherweise bald eine große Bedeutung bekommen könnte. Ich spreche hier vom Attribut irrelevant, welches allen HTML Elementen zugewiesen werden darf.
Wofür steht irrelevant?
Das Attribut irrelevant darf die Werte "true" oder "false" enthalten und gibt an, ob ein so ausgezeichnetes HTML Element im aktuellen Kontext noch nicht oder nicht mehr relevant ist. So gekennzeichnete Elemente werden vom Browser weder gerendert, noch angezeigt. Das heißt, man kann damit beliebige Elemente ein- und ausblenden.
Bisher konnte man diese Funktionalität nur durch das Setzen der CSS Eigenschaft display auf display: none erreichen. Damit werden die entsprechenden Elemente ebenfalls nicht gerendert und angezeigt.
Der Nachteil hier wäre allerdings, dass ein Gerät oder Browser, welcher keine Stylesheets versteht, solche Elemente dann trotzdem darstellen würde. Bei Verwendung von irrelevant würde der entsprechende Teil auch in diesem Fall nicht angezeigt werden. (Vorausgesetzt das Gerät versteht HTML5.)
Hier weiterlesen...
Zanmantou – Der neue Flash MP3 Player
Vor ein paar Jahren wollte ich in eine meiner Seiten einen MP3 Song einbinden und habe mich darauf hin auf die Suche nach einem geeigneten Player gemacht.
Auf meiner Suche bin ich auf einige mehr oder weniger gute Player gestoßen, aber keiner konnte es mir wirklich recht machen. Vor allem hat mich an den meisten Playern gestört, dass sich diese vom Design her nicht anpassen ließen - aber so war ich es vom guten, alten Winamp Player gewohnt.
Also begann ich damit, mir einen eigenen MP3 Player in Macromedia Adobe Flash zu programmieren.
Der WMPlayer war geboren
Das Design ließ sich beliebig über eine XML Konfiguration definieren und mit eigenen Grafiken anpassen. Das Ganze ließ sich dann als Skin verwenden. Man konnte durchaus verschiedene Skins erstellen und je nach Anlass verwenden.
Hier sind zwei Beispiele für den Player mit Skin zu sehen:
Zusätzlich konnte der Player auch über eine JavaScript API gesteuert werden. Dies war vor allem dann von Vorteil, wenn man den Player unsichtbar in die Seite integrieren wollte.
Nachdem ich den Player auf der alten Version von webmatze.de veröffentlicht hatte, ist er sehr schnell von vielen Besuchern heruntergeladen und auf den verschiedensten Seiten integriert worden. Natürlich gab es auch noch einige Bugs, auf die ich hingewiesen wurde. Mit der Zeit wurden außerdem immer mehr Wünsche für neue Funktionen zusammengetragen, welche ich auch teilweise umgesetzt habe.
Zanmantou tritt die Nachfolge an
Leider hat mir dann zuletzt immer mehr die Zeit gefehlt, um mich mit der Weiterentwicklung des Players zu beschäftigen. Also habe ich den Code veröffentlicht und mich nach Programmierern umgesehen, welche das Projekt weiterführen wollten. Zum Glück konnte ich mit Andi Dittrich, auch bekannt als XAOS aus Webmatze's Webmaster Forum, einen begabten Flash-Programmierer finden, der mir einen Großteil der Supportanfragen abnahm und schließlich auch die Weiterentwicklung des Players übernahm.
Herausgekommen ist dabei eine komplett überarbeitete Version des MP3 Flash Players, welcher von da an auf den Namen Xanmantou getauft wurde. In der aktuellen Version kann dieser sogar Videos abspielen und lässt sich ebenfalls über eine umfangreiche JavaScript API steuern.
Und da aus dem MP3 Player, welchen ich nur als kleines Spielzeug entwickelt hatte, ein richtig eigenständiges Programm geworden war, musste auch eine eigene Seite für den Player her. Seit März 2007 ist der Player unter http://zanmantou.voodoon.com/ http://zanmantou.a3non.org/zu finden.
Die Seite - ebenfalls von Andi erstellt - bietet alle Informationen und Tutorials zum Zanmantou Player und informiert ständig über neue Versionen und Updates.
Wenn Ihr also auf der Suche nach einem richtig guten Flash MP3 und Video Player für eure eigenen Seiten und Projekte seit, dann schaut einfach mal beim Zanmantou Player vorbei!