Lost in Programming

Auf den Wunsch eines Blog-Lesers hin, habe ich heute das Kommentarsystem das ich ursprünglich für mein Code snippets Projekt entwickelt hatte, noch einmal überarbeitet und als Paket zusammengefasst.

Ich denke dass, das die Library jetzt so flexibel ist das man Sie auch für andere Projekte ohne größere Probleme benützen kann.

Das komplette Modul besteht jetzt aus nur einer Klasse die nur mit ein paar Variablen gefüttert werden muss und dann einfach funktionieren sollte.
Das ist zwar wahrscheinlich nicht OOP konform - aber was soll’s

Download und ein paar zusätzliche englischsprachige Informationen gibt es auf der eigens dafür eingerichteten Projektseite.

Und danke Volker, für dein Interesse. Zwar habe ich es leider noch nicht hin bekommen ein Admin-Interface dafür zu entwickeln (da ich selber keins brauche) aber ich hoffe damit kannst du erst mal was anfangen

Hmm, ich hoffe nur das sich den Quelltext jetzt kein Spam-Bot Entwickler herrunterlädt. Naja ich bin ja kreativ in der Spam-Bekämpfung, ich hab da schon einige Ideen …

Nach dem meine Codeschnipsel Sammlung nun schon seid fast 2 Jahren online ist und schon etwas verstaubt wirkte, habe ich es nun endlich fertig gebracht dem Projekt, durch eine Komplett-Erneuerung, einen frischen Glanz zu verpassen.

Unter anderem habe ich den alten Projektnamen “Codedump” (dump = Abladeplatz, Depot, Grube, Halde, etc.) nun durch den etwas positiver klingenden Namen “Snippet-Archiv” ersetzt.

Das war natürlich nicht alles — neue Funktionalitäten gibt es auch noch:

• Wenn man nun einen Quelltext anklickt erscheint eine Textbox wodurch man sehr schnell und sauber den Code kopieren kann. (Ich liebe Copy&Paste )
• Die Kommentarfunktion ist jetzt auch überarbeitet und kommt nun nicht mehr von dem fremden Dienst js-kit.com, der mir etwas zu unübersichtlich war, sondern liegt auf meinem Server. So kann man jetzt zu jedem Snippet einen Kommentar hinterlassen, wodurch das ganze Projekt schon etwas mehr in die Richtung Web 2.0 geht
• Nach dem die letzte Version meines selbst gebastelten Projektes etwas unflexibel war und ich z.B. keine C# Snippets hinzufügen konnte, geht das nun ohne Probleme. Das heißt in Zukunft werden noch viele neue Snippets folgen…

Leider bin ich aber noch nicht dazu gekommen das Projekt multilingual aufzubauen (bzw. ich war zu faul dazu *g*). Aber ich denke, dass die meisten Programmierer sowieso mit Englisch klar kommen werden und auch sollten

Die vorhandenen PHP Klassen werde ich demnächst auch noch ausbauen, wobei ich allerdings noch nicht genau weiß ob ich die Kategorie nicht auf meine Hauptseite verlagern soll. Mal sehn…

So dann noch viel Spaß beim Stöbern in meinen Code-Snippets!

Da ich momentan und in Zukunft wohl leider keine Zeit mehr haben werde mein Metalmap Projekt fortzuführen stelle ich den Quelltext davon zur kostenlosen und freien Verfügung, bevor das Projekt noch staub ansetzt

Bei dem Projekt handelt es sich um eine Weltkarte auf der die Gründungsorte (mehr oder weniger) bekannter Metal-Bands als Punkte eingezeichnet sind. Außerdem kann man über eine Liste auf der rechten Seite die Bands nach verschiedenen Kriterien sortieren (z.B. nach Herkunftsland). Da ich persönlich ehr auf lautstarke Musik stehe, habe ich mich auf Metal-Bands beschränkt, allerdings kann ja, je nach Geschmack, das Prinzip auf andere Musikstile übernommen werden.

Vielleicht will ja jemand da draußen die Idee adoptieren? — oder in einer anderen Weise weiterführen, denn ich denke die Idee hat auf jeden Fall noch Potential, da ich bis jetzt auch noch kein ähnliches Projekt gesehen habe.

Die Datenbank und den Programmcode stelle ich unter der Creative Commons Attribution 2.0 License zur Verfügung. Das bedeutet kommerzielle und private Nutzung sind erlaubt, die einzige Bedingung ist ein Hinweis auf meine Vorarbeit

Online testen

Ihr könnt euch das Projekt noch eine Weile online anschauen bis ich es endgültig offline nehme.

Von der Idee zum Prototyp

Zu der Idee für dieses Projekt gelangte ich so: Eines Tages war ich mal wieder in den endlosen Weiten des Metal-Archives unterwegs und suchte nach einer Band die mir mein Kumpel empfohlen hatte. Nachdem ich ca. 10 Bands mit dem selben Namen durchgeklickt hatte (oh man  — können sich die Bands keine indivduelleren Namen überlegen *tz tz*) war ich bei dem richtigen Eintrag. Und was mich sehr freut ist, dass im Gegensatz zu dem Design und der Bedienbarkeit, die Metal-Archives Seite mit Ihren Detailinformationen zu den Bands glänzt. Denn da findet man (fast) immer welche Genre die Band abdeckt, woher Sie kommt, welche Mitglieder dabei sind und wann Sie gegründet wurde.
Und genau in diesem Moment, als ich in meinen Gedanken versunken auf den Monitor starrte, hatte ich die Idee diese interessanten Daten auf eine übersichtliche und schicke Weise zu visualisieren. Nach weiteren Überlegungen kam ich zu dem Schluss dass es interessant wäre die Gründungsorte der Bands auf einer Weltkarte zu sehen. Und da ich zu dem Zeitpunkt sowieso mal Testweise ein Projekt mit der Google Maps API umsetzen wollte kam mir das sehr gelegen

Während ich dann am ersten Prototyp (JavaScript + PHP + Google Maps API) bastelte, hatte ich noch die Idee  zusätzlich eine Liste aller Bands rechts neben der Karte anzuzeigen in der man die Bands auch nach anderen Kriterien (z.B. Genre, Gründungsjahr, …) sortieren kann.

Leider habe ich es dann nicht mehr geschafft das Hinzufügen neuer Bands zu automatisieren, so dass ich um die entsprechenden Koordination (Latitude und Longitude) zu bekommen jeweils auf den Bandseiten die Adresse heraussuchen musste. Diese habe dann mit der Hilfe eines Kartendienstes wie z.B. multimap.com in die benötigten Koordinaten umgewandelt und dann mit den anderen Band-Daten in einer entsprechenden Datei abgespeichert.

Mögliche Erweiterungen…

Jetzt, während ich diesen Blog-Eintrag zusammentrage sind mir noch ein paar Ideen eingefallen die man in das Projekt integrieren könnte:

• Es wäre bestimmt schick wenn auf der Karte Verbindungen zwischen den Bands sehen könnte (z.B. durch Linien zwischen den Punkten). Denn viele Musiker wechseln ja manchmal die Band und verbinden somit zwei Bands miteinander.
  
  
• Auch cool wäre es wenn die Punkte je nach Genre eine andere Farbe oder ein anderes Symbol hätten. So könnte man sehen woher z.B. die meisten Melodic oder Black Metal Bands herkommen und ob es da Zusammenhänge zwischen dem Gründungsort und der Genre gibt.
  
  
• Eine Idee die ich schon kurz nach dem Projektstart hatte war es, nach dem gleichen Prinzip eine Festival-Map zu machen auf der man sehen kann wo und wann bestimmte Festivals (wie z.B. Rock am Ring oder so) stattfinden. Denn meistens sagen einem die Orte ja nicht wirklich viel, aber auf einer Karte weiß man gleich wo ungefähr das ist.
  
  
• Noch eine weitere Idee: Man könnte den Besucher anhand einer Zeitleiste die Bands nach Ihrem Gründungsjahr selektieren lassen. Wenn der Besucher dann den Schieberegler der Zeitleiste hin und her zieht, sieht er auf der Karte die Bands erscheinen oder verschwinden.
  
  
• Noch mehr Daten zu jeder Band währen natürlich auch sehr schick z.B. Bandlogo, Bandbild, Bandmitglieder, …

Screenshots

Hier noch zwei Bilder für die Phantasielosen unter euch
 

Schlusswort

Oh, das ist jetzt doch ein etwas längerer Blog-Artikel geworden
Ach… — was man alles machen könnte wenn man nur genug Zeit hätte… aber ich hoffe sehr das jemand das Projekt weiterführt und daraus vielleicht etwas großes macht. So jetzt aber genug der Worte, den Download-Link findet Ihr einen Absatz weiter unten.

Download

Download - Komplettes Projekt (PHP & JavaScript)
88 KB - ZIP-Datei

Update 01.09.2007:
Das Metalmap Projekt ist endgültig offline, den Quellcode könnt Ihr allerdings weiterhin downloaden.

Gestern habe ich wieder ein neues Tool online gestellt.

Mit Test everything könnt Ihr eine belibige Webseite sehr einfach mit diversen Webtools (HTML validators, SEO tools, Social services, Web proxies, …) testen ohne diese immer wieder suchen zu müssen. Im Prinzip funktioniert mein Tool wie eine große Bookmarklet-Sammlung

Von der Idee zur technischen Umsetzung…

Auf die Idee zu diesem kleinen Hilfsmittel kam ich als ich mal wieder ein bestimmtes Tool gesucht habe um meine Webseite damit zu prüfen und ich es nicht gefunden habe. Nach einer kurzen Google suche habe ich nichts vergleichbares gefunden und deshalb hab ich mich dazu entschlossen “schnell mal” selber sowas zu entwickeln.

Als ich den ersten Prototypen, den ich anfangs FAMW (“Fast access to many websites”) nannte, entwickelt hatte kam mir die Idee einen schicken JavaScript Effekt (Pagination Slide Pattern) den ich letztens entdeckt hatte dafür zu verwenden.

Und nachdem ich mir verschiedene existierende “Slide Transition”-Skripts (Carousel Component, flickrshow.com, DHTML Shifter) angeschaut hatte hab ich mich dazu entschlossen das Beispiel von thinkvitamin.com als Vorlage zu nehmen um meinen Slide-Effekt zu erzeugen. Das Beispiel basiert auf einem nicht sehr großem und sehr übersichtlichen JavaScript das auf der Yahoo! UI Bibliothek (YUI) aufbaut.

Nach mehreren Stunden rumprobieren und basteln hatte ich dann endlich den Quelltext so umgestellt und erweitert das er das tat was ich wollte. Danach verbrachte ich noch mehrere Stunden damit ein einfaches Design zu basteln und die Funktionalität rein zu bringen. Dabei hatte ich noch weitere Ideen wie z.B. das öffnen der ausgewählten Tools in einem Framset, automatische Bookmarklet erzeugung und die Unterstützung für Webservices die einen POST-Request erfordern

So nun aber genug geschrieben, schaut es euch doch einfach mal an und lasst mir ggf. ein Feedback zukommen