Die Mailbox ist nun seit 17 Jahren online und hat diese Zeit ohne größere Ausfälle oder Offline-Phasen überstanden. Natürlich sind im Laufe der Jahre die Anrufzahlen deutlich nach unten gegangen, aber noch immer nimmt die BLUP rund 20 echte Anrufer pro Monat entgegen.

Das bestehende Content Management System und das Layout der Website waren deutlich in die Jahre gekommen und wurden durch ein aktuelles Joomla System ersetzt. Meine Aufgabe bestand im Wesentlichen aus der Entwicklung der Templates und der Integration des PHPBB3 Forums. Daneben könnte ich noch bei einigen Problemen im Backend unterstützen.

Website und Forum haben nun ein einheitliches Erscheinungsbild, das sich grafisch an die ATARI XL Peripherie und ihr markantes Design orientiert. Die Arbeiten sind noch nicht gänzlich abgeschlossen. Besonders die bestehenden Inhalte, die zunächst eins zu eins aus dem alten System übernommen wurden, bauen noch auf Tabellen­layouts auf und erfahren nach und nach ein inhaltliches und designtechnisches Review. Das neue CMS und das Layout sind jedoch eine gute Ausgangsbasis.

Seit der Jahreshauptversammlung des Vereins im Oktober gehöre ich offiziell dem ABBUC Webmaster Team an.

Das Titelthema war der Spielhallen Klassiker „Space Harrier“, der 1985 von SEGA veröffentlich und nun für den ATARI XL/XE portiert wurde.

Referenzen und Konzept

Bei der Umsetzung der Titelseite galt es, dicht am ursprünglichen Artwork zu bleiben, um eine hohe Wiedererkennung zu erreichen. Die Google Bildersuche half mir bei der Suche nach Referenzmaterial in Form von Screenshots und Game Packages, die zu ersten Ideen und Scribbles führten.

Als Motiv entschied ich mich für eine Szene aus dem Spiel, wie sie auch in verschiedenen Screenshots zu sehen ist. Markante Bildelemente sind hierbei der schwebende Held und die schachbrettartige Planetenoberfläche, die so genannte „Fantasy Zone“.

Die Umsetzung sollte in Form eines 2D Digital Paintings auf Basis eines 3D Modells erfolgen.

„Paint it black“

Im ersten Schritt erstellte ich ein einfaches 3D Modell der gewünschten Szene in Blender. Dadurch war es leicht möglich, verschiedene Kameraperspektiven und Lichtverhältnisse auszuprobieren. Zu diesem Zeitpunkt verzichtete ich noch auf Details oder Farben und konzentrierte mich auf grundsätzliche Formen und die Komposition.

Damit der Held eine möglich realistische Pose einnahm, griff ich auf das Bildarchiv von Pose Maniacs zurück und formte den Heldenkörper entsprechend. Die Skyline besteht im wesentlichen aus einfachen 3D Primitiven, wie Quader und Zylinder. Für die Raumschiffe setzte ich eine freie Bibliothek für Raumschiffsteile ein.

Um das Kolorieren in der 2D Bildbearbeitung zu vereinfachen, teilte ich die Szene auf verschiedene Ebenen auf und renderte sie getrennt: Hintergrund, City Skyline, Planeten­oberfläche, Gegner, Held. Dies war auch bei späteren Änderungen, beispielsweise der Skalierung der Skyline und Hinzufügen weiterer Details hilfreich, da nur die geänderten Bereiche neu berechnet werden mussten.

Die Ausgabegröße setzte ich auf 4.000 x 4.000 Pixel fest. Dies ermöglicht das Arbeit auch mit kleineren Details, ohne die spätere Dateigröße unnötig aufzublähen.

Digital Painting

Zunächst fügte ich in die City Skyline mit Inkscape einige Fenster hinzu. Inkscape bot sich hierbei an, da die Fenster aus einfachen Rechtecken bestehen, die mehrfach geklont und für die sichtbaren Häuserwände perspektivisch verzerrt wurden.

In der Bildbearbeitung GIMP setzte ich die einzelnen Ebenen wieder zusammen und fügte nach und nach Farben und Details hinzu.

Die Skyline und Bereiche der Planeten­oberfläche wurden von mir weich gezeichnet und vermitteln den Eindruck von Tiefe. Für die Felsenmonster ließ ich mich durch die „Moai“, die Steinstatuen der Osterinseln, inspirieren. Der Anzug des Helden bekam einige Lichteffekte und Falten, die ihn plastischer wirken lassen. Explosionen und Laserstrahlen sorgen für Dramatik.

Das nachfolgende Bild zeigt das ursprüngliche 3D Rendering und das finale Motiv.

„Druck machen“

Mit der Ausgabe #107 hat sich nun auch meine Prozesskette bezüglich der Druckvorlagen geändert. Bisher wurden die Layouts für die Titelseiten und Disketten Labels mit Inkscape erstellt und in das TIF Format übertragen. Nun werden mit der Open Source DTP Software Scribus direkt druckfähige PDF Dateien erzeugt, was sich in der Druckqualität bemerkbar macht. Ich verwende Scribus schon eine ganz Weile und erstelle damit beispielsweise die ABBUC Flyer und Zeitschriften­anzeigen.

„Darf es ein bisschen mehr sein?“

Der Artikel beschreibt nur die grundsätzliche Technik und geht nicht ins Detail. Bei entsprechendem Interesse bin ich jedoch bereit, interessante Aspekte nochmals deutlicher zu beleuchten. Bitte hier einfach einen entsprechenden Kommentar hinterlassen.

Das Problem

Bereits beim Laden der Webseite und damit auch der „Social Media“ Buttons werden Daten an den Betreiber des jeweiligen Netzwerkes übertragen. Diese Verbindungsdaten enthalten u.A. die IP Adresse des Besuchers und die aktuelle URL. Ist der Besucher Mitglied eines der sozialen Netzwerke, so wird auch eine eindeutige Kennung übertragen, die mit dem Benutzerkonto verknüpft ist.

Mit diesen Daten lassen sich Nutzerprofile erstellen, die nicht mit dem deutschen Datenschutz vereinbar sind. Erschwerend kommt hinzu, dass die Netzwerkbetreiber zumeist ihren Sitz in den USA haben.

Die Lösung

Auch der Heise Zeitschriften Verlag war auf seinen Nachrichtenseiten mit dem Problem konfrontiert und hat eine Lösung erarbeitet: 2 Klicks für mehr Datenschutz.

Die Lösung besteht darin, dass die „Social Media“ Buttons standardmäßig nur deaktiviert eingebunden werden und keine Verbindung zu jeweiligen Netzwerk aufbauen. Erst wenn der Besucher willentlich die Buttons aktiviert, wird die ursprüngliche Funktionalität und damit die Verbindung zu den Servern von Facebook, Twitter und Google hergestellt. Der Besucher erteilt also seine Zustimmung, dass die Verbindungsdaten an die jeweiligen Netzwerkbetreiber übertragen werden.

Auch ich nehme den Datenschutz ernst und setze die 2-Klick Lösung auf meinem Blog ein. Die Einwilligung zur Datenübertragung kann für jeden Artikel einzeln oder global für die ganze Website vorgenommen werden.

Sondermagazin #45

Das Sondermagazin behandelt das Atari 8-bit Programm „Interlace Character Editor“ (ICE), einen Beitrag zum diesjährigen ABBUC Software Wettbewerb.

Die Buchstaben und das Stahlgerüst wurden mit der 3D Software Blender erstellt. Die Arbeiter stammen aus dem morgueFile Bildarchiv und wurden in der Bildbearbeitung Gimp freigestellt und in das Rendering übertragen. Abschließend erfolgt die Kolorierung und das Einbinden in die Titelvorlage.

Magazin #106

Aus dem 106. ABBUC Magazin habe ich mir den Spieletest zu „Mashed Turtles“ für den Titel ausgesucht. Bei dem Multiplayer Spiel geht es darum, möglichst viele Schildkröten über einen stark befahrenden Highway zu retten. Das Spielprinzip erinnert an die bekannten Titel Frogger und Freeway.

Das Motiv wurde, mit Ausnahme der Texturen, vollständig in Blender erstellt. Die Schildkröte und die Fahrzeuge (ohne Fahrer) stammen aus dem Blend Swap Model Repository und stehen unter einer freien Lizenz (CC0, PD). Die Fahrzeuge wurden durch einfache Fahrer ergänzt und unterschiedlich koloriert. Zusammen mit der Schildkröte wurden sie auf dem Highway in Szene gesetzt.

Gestern Abend habe ich den statischen Teaser auf meiner Startseite durch einen Slider ersetzt. Für diesen suchte ich noch nach interessanten Inhalten aus meinem Portfolio. Parallel dazu fragte mich mein Sohn nach einer blauen Version des Computer Virus.

Da der Virus Charakter als Vektorgrafik (Inkscape) vorlag, war es unproblematisch, ihn in verschiedenen Farben darzustellen. Die so erzeugten Jungs bettete ich in ein Wallpaper ein.

Das Wallpaper trug zu Beginn den internen Projektnamen Angry Marbles. Allerdings war der Titel dem Computer Spiel Angry Birds doch zu ähnlich und ich änderte ihn. Beim neuen Titel und der Tagline wurde ich durch eine Marketingaktion inspiriert, die derzeit ein großer Discounter zur Kundentreue/-bindung durchführt.

Schickt mir doch einfach mal ein paar Screenshots von Eurem Desktop mit den Jungs.

Google hat seine Bildersuche erweitert und erlaubt nun auch das Suchen anhand von Referenzbildern. Ich bin dadurch wieder einmal auf verschiedene Websites gestoßen, die meine Arbeiten ohne einen entsprechenden Quellenhinweis nutzen. Ich hatte in einem vergangenen Beitrag bereits die Creative Commons Spielregeln, die hier zu tragen kommen, erläutert.

Vorspiel

Nachfolgend habe ich einen ganz besonders negativen Fall. Es handelt sich um eine US Firma, die Schutzhüllen für Chipkarten vertreibt, die das Auslesen von RFID Chips verhindern sollen. Sie verwenden mein Wallpaper Linux Kernel Panic als Bestandteil ihres Corporate Designs in Form von Webbannern, Facebook Profilbildern und Badges.

Mein Standardverfahren in solchen Fällen ist eine freundliche Email mit der Bitte, die Quellangabe nachzupflegen. Das erwähnte US Unternehmen war jedoch nicht sonderlich kooperativ und die ganze Geschichte eskalierte.

Hier erhaltet Ihr nun Einblick in den Nachrichtenverkehr. Die Emails sind nicht gekürzt oder bearbeitet. Lediglich den Firmennamen habe ich gestrichen.

Erster Akt

Von: Oliver
An: Unternehmen
Datum: 07.07.2011 22:58

Dear ladies and gentlemen,

thank you for using my image "Linux Kernel Panic" as an essential part of your corporate identity (facebook profile and website). Maybe you just forgot to mention the source of the image.

The work is licensed under Creative Commons BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)

Please add a link to my website http://des-or-mad.net at a prominent place.

Image origin: http://des-or-mad.net/portfolio/projekte/linux-kernel- panic.html

Kind regards,

Oliver Rapp

Ich gehe erst einmal davon aus, dass das Unternehmen in Unwissenheit gehandelt hat und bitte sie, den Link nachzuholen.

Von: Unternehmen
An: Oliver
Datum: 08.07.2011 01:12

With all due respect, you are the fifth or sixth person who has claimed ownership to some kind of image associated with our website. Two of these so-called "owners" of images ended up being associated with our competition. Quite frankly, we've long grown tired of the games people play on the internet and will not be roped into any part of it any longer.

And, the other issue is the person who designed the website for us informed us he paid for use of all images he used (that were not his own) through online image/photo websites he subscribes to. Unless you are able to prove who you are (not just a faceless typed name in an email or website), and prove you are not motivated by or paid to harass us by our competitors, and prove you are in fact the person who created any image we might be using (although we are not sure what image you are referring to) and prove it beyond a shadow of a doubt, and prove we did not pay for use of the image through a third party, we will ask you to cease contacting us. If you continue to contact us for any reason other than to give us the information we've asked you to provide, you will be reported for harassment.

Sincerely,

[Name entfernt]

Nun, diese Reaktion ist ja durchaus verständlich und die Argumente sind nachvollziehbar. Zu diesem Zeitpunkt war ich noch optimistisch, auch wenn der letzte Satz doch leicht bitter aufstößt.

Zweiter Akt

Von: Oliver
An: Unternehmen
Datum: 08.07.2011 12:30

Okay,

I understand your arguments and that you need some kind of prove of origin.

First I've to say, that all my works are licensed under Creative Commons BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/) and given away for FREE. If you paid any fee on a stock library for the image, it's not authorized by me or associated in any way with me. I'm also not associated with your competitors.

The image we are talking about is the greenish eye you're using in your web banner and your Facebook profile. It's filed in my portfolio under the name "Linux Kernel Panic" and a wallpaper I designed 2003 for a dual display setup.

Reference: http://des-or-mad.net/portfolio/projekte/linux-kernel-panic.html

Even though your mail is very harsh and unfriendly I don't think you or your web designer acted in bad faith. Maybe your designer got the image from a dubious library without knowledge of the original source.

To make it clear: You are allowed to use my image under the conditions of the Creative Commons license. I don't want your money. Just put a back link to my portfolio on your website.

Greetings from Germany,
Oliver Rapp

Eigentlich möchte ich nichts Böses vom Unternehmen. Das Bild taucht in verschiedenen Galerien auf und nicht immer ist der Ursprung klar.

Von: Unternehmen
An: Oliver
Datum: 08.07.2011 16:41

I can tell you I can be even more unfriendly if I find you're lying. I may be a spiritual man but I don't like liars, which is what I've been dealing with for months now. How do we know you are the person who originally created the green eye? How do we know you did not steal the image from someone else and then post it to des-or-mad.net and say it is yours? You still have not proven you created the green eye. You have only proven you posted a page to the website des-or-mad.net claiming you created it. And, I can't read anything on the website, it's not in English, so it's of little help to me.

Tief durchatmen. So langsam wird die Geschichte doch ein wenig lächerlich.

Dritter Akt

Von: Oliver
An: Unternehmen
Datum: 08.07.2011 20:16

Huh,

please take a breath and calm down. This is ridiculous and I hope this is not the way you communicate with your customers.

I'm a graphics designer and software developer from Germany and for example responsible for the cover artworks of the world wide larges ATARI community magazine. Why should I lie to you? For what benefit?

Of course I could hand over you my project files with all layers and unedited images. But for what reason? Maybe you want to steal my work again and declare it as your own work. I would like to remind you that YOU are stealing my work. If you reread carefully my emails without that paranoid mind you will see that I don't want to harm you or your business.

I don't want to sue you or any money from you. With every message you're becoming more impolite for no reason. But sill i want to settle the matter amicable with you.

Oliver Rapp

Natürlich bekommt er meine GIMP Projektdateien nicht. Es ist ein leichtes, darin mein Logo zu entfernen und ich stehe letztendlich ohne den entsprechenden Urheber­nachweis da. Sein Ton wird zwar zunehmend unhöflicher, aber ich bin weiter auf eine gütliche Einigung aus.

Von: Unternehmen
An: Oliver
Datum: 09.07.2011 22:54

YOU take a breath!

I will NOT expose my website visitors to ANYTHING associated with you or des-or-mad.net.

Do you really think I or anyone else would give visitors a link to a website we know nothing about?!!

You can be (and probably are) running a scam and if you know what's good for you, you will stop emailing us.

If we posted anything about you on our website it would be that you are harassing us and are possibly trying to scam people into linking to a website that will deposit a virus onto the visitor's computer once they get there.

Irgendwie läuft das in die falsche Richtung. Aus meinem Anspruch auf Quellenangabe wurde der Vorwurf, meine Website würde Scam (Massenmails) verbreiten. Ich gewinne den Eindruck, dass sich diese Person noch nicht einmal meine Website angesehen hat und sich die Fronten verhärtet haben.

Meine Stimmung schwankt nun zwischen "egal, dann ebend nicht" und "jetzt erst recht".

Vierter Akt

Von: Oliver
An: Unternehmen
Datum: 10.07.2011 01:11

Hello [Name entfernt],

this is not funny any more.

You make the assumption that my website is a scam site? My site is online for more than 10 years now. I've a complete vita and postal address online. Of course everything is in german because I'm german. It maybe shakes your view of the world but the world is a little bit larger than Oceanside, New York.

I absolutely understand that you've objections. But you make no effort to look behind my legal rights. Do you know google? They've a nice translation service for websites.

Try it with my vita:

http://translate.google.com/translate?js=n&prev=_t&hl=en&ie=UTF-8&layout=2&eotf=1&sl=de&tl=en&u=http%3A%2F%2Fdes-or-mad.net%2Fabout.html&act=url

I'm the copyright holder of the image you used on your website and i'm not afraid of you threats.

And again: I don't want to harm you or your business.

Oliver

Der Google Link übersetzt meine Über mich Seite ins Englische. Auf die Idee hätte er auch mal selber kommen können.

Bisher ist noch keine Antwort erfolgt.

Schlussakt?

Unwahrscheinlich. Aber ich bin auf die weiteren Schritte bereits gespannt.

Update 22.07.2011

Seit meiner letzten E-Mail sind nun einige Tage vergangen und weitere Schritte oder Reaktionen von ihm blieben aus. Um das Thema jedoch abzuschließen, habe ich eine letzte Nachricht verfasst, die mein Gegenüber darüber informiert, dass die gesamte Geschichte hier im Blog veröffentlicht wurde.

Von: Oliver
An: Unternehmen
Datum: 18.07.2011 01:11

Hello,

after a week with no response from you, I've decided to publish the entire story in my web blog.

I've removed your name and any connections to your company. I don't want to denounce you with it. Rather, the article is to inform that there are companies on the Internet, selling products against identity theft, but don't necessarily bother to copyright and licenses of other people.

The article also shows that it can be quite difficult to enforce its own demands. Especially when the opposite occurs in wild west manner.

Of course the article is again in German. Here is a link to the Google translation: http://goo.gl/CW68m

I've kindly asked you to respect my copyright claim. However, you have ignored this claim and even threatened to defame me and my website.

Keep the image. I've another story from this and thus significantly more traffic than through a link on your site.

Kind regards.
Oliver Rapp

Diese Nachricht liegt schon ein paar Tage zurück und auch hierauf erfolgte keine Reaktion. Da der goo.gl Link ebenfalls keinerlei Zugriffe verzeichnet, liegt die Vermutung nahe, dass meine E-Mail Adresse bereits einen Weg in seine Filterliste gefunden hat. Sei's drum ...

Kleine Notiz am Rande

Mein spezieller Freund hier hat nur eine seiner Nachricht mit Namen unterzeichnet. Dabei blieb ein kleiner Namensprefix von mir bisher unbeachtet: „Rev.“. Eine schnelle Suche bei Google bestätigte dann den Verdacht. Mein Wild West Cowboy ist ein Reverend. Heißt das nun „Euer Hochwürden“ oder „Euer Scheinheiligkeit“?

Der Anfang

Der Ablauf für die Erstellung der ABBUC Titel verläuft meistens sehr ähnlich. Es beginnt mit einer E-Mail von Wolfgang, dem Herausgeber des Magazins und Vereinsvorstand. Die Mail enthält eine Vorabversion des Magazins im PDF Format und eine kleine Anregung, was sich Wolfgang auf dem Titel vorstellen könnte.

Die PDF Version des Magazins ist wichtig, da die reinen Überschriften nicht immer den Inhalt der Artikel klar widerspiegeln. Außerdem bekomme ich beim Querlesen einen Eindruck davon, in welche Richtung sich ein Artikel entwickelt und wo der Schwerpunkt der Magazinausgabe liegt.

In der Regel benötigt ein Magazin von der E-Mail zum fertigen Titel eine Woche. Da die Titel in meiner Freizeit gestaltet werden, sind hierfür die Wochenenden und Nachtstunden die produktivste Zeit. Die Ausgabe 105, um die es in diesem Artikel geht, sollte jedoch sehr zügig umgesetzt werden, damit sie zeitnah in den Versand gehen kann. Als persönlichen Zeitrahmen hatte ich zwei Abende eingeplant.

Ideenfindung

Beim Durchsehen des Magazins suche ich mir ein, zwei Themen aus, die ein interessantes Titelmotiv abgeben würden. Dabei berücksichtige ich zwar Wolfgangs Anregungen, bin darauf jedoch nicht fixiert. So kann es auch schon mal sein, das ein relativ kleiner Artikel auf dem Titel landet, der jedoch ein reizvolles Motiv abgibt.

Die Ausgabe 105, die wir hier betrachten, hat sehr viele Themen rund um Hardware Bastellein. Spontan gefiel mir der Artikel „Der elektrische Atari“ und im Kopf formten sich die ersten Konzepte, die zu frühen Bleistiftkritzeleien führten.

Ausarbeitung des Konzepts

Die erste, grobe Skizze legt das Thema fest. Hier stimmen zwar weder Form, Proportionen oder die Perspektive, aber die Skizzen zeigen bereits sehr früh, ob das Thema visuell „funktioniert“.

Der selbstgesteckte Zeitrahmen war zwar recht knapp, dennoch wollte ich einen professionellen Titel erstellen. Um dies zu erreichen, plante ich die Verwendung meiner bereits bestehenden 3D Modelle. Die fehlenden Teile sollten sich schnell und einfach realisieren lassen.

Mein detailliertes Blender 3D Modell eines ATARI 800 XL, ist in der Entwicklung bereits sehr weit fort­ge­schritten und wurde in der Ver­gangenheit von mir auch schon in verschiedenen Titel verwendet. Für den „Logic Analyzer“ schaute ich mir im Internet einige Referenzfotos an, reduzierte die Bedienelemente auf markante Regler und Anzeigen und erstellte eine Skizze. Diese diente später als Referenz für die Erstellung des 3D Modells.

Da nun das wesentliche Design der Geräte fest stand, konnte im nächsten Schritt eine detaillierte Skizze erstellt werden, die auch dem finalen Layout sehr nahe kommt. In dieser Skizze wurde viel Wert auf die Perspektive und die Proportionen der verschiedenen Objekte zueinander gelegt. Ein feines Strahlenraster vereinfachte die Arbeit.

Es kommt Farbe ins Spiel

Ich hatte für das Motiv einen fotorealistischen, technischen Look im Hinterkopf. Die Farben des ATARI Computers stehen systembedingt bereits fest. Der Hintergrund sollte weiß bleiben, um mit dem Magazinkopf (der ABBUC Schriftzug und das Logo) zu korrespondieren. Für den „Logic Analyzer“ war ursprünglich eine weiße, fast klinische Farbgebung geplant. Um jedoch ein wenig mehr Kontrast zum Hintergrund zu erhalten, erhielt das Gerät eine leichte Beigefärbung.

Um schnell mit verschiedenen Farben experimentieren zu können, wurde die letzte Bleistiftskizze über einen Scanner auf den Rechner übertragen und dann mittels GIMP und meinem Wacom Grafiktablett koloriert. Ein paar einfache Pinselstriche in GIMP sind schneller erledigt, als die 3D Szene immer wieder neu zu rendern. Licht und Schatten werden nur angedeutet.

Make it real

Die 3D Objekte und ihre Farben standen nun fest und konnten als 3D Modell umgesetzt werden. Wie bereits erwähnt, war das Model des ATARI bereits ausreichend fertig und musste nicht geändert werden. Der „Logic Analyzer“ besteht aus einfachen Primitiven und Textobjekten. Um dem Gerät einen ATARI Bezug zu geben und die Realisierungszeit gering zu halten, stammen die Anschlussverbindungen ebenfalls aus dem ATARI Modell. Es handeln sich hierbei um SIO und DIN Buchsen, die sich sonst auf der Rückseite des Computergehäuses befinden.

Die Erstellung der Signalkabel war etwas aufwendiger. Um sie leicht ungeordnet und dynamischer wirken zu lassen, wurden sie einzeln aus Bezierkurve modelliert. Die Herausforderung hierbei war, das die Kabel nicht ineinander überlaufen oder sich kreuzen sollten.

Die Display Textur wurde mit Inkscape erstellt und besteht nur aus den einfachen Linienzügen, deren Farbe von den Signalkabeln übernommen wurden.

Einige herumliegenden ICs, die ebenfalls aus vergangenen Magazin Projekten stammen, lockern den Vordergrund etwas auf und runden das Bild dem Thema entsprechend ab.

Auf die Plätze, fertig, Druck!

Ein hoch­auflösendes Rendering wird in die vorbereitete Inkscape Vorlagen für Titel und Diskettenlabel importiert und der ent­sprechende Titeltext gesetzt. Per Skript werden aus den Dokumenten hoch­auf­lösende Bitmap Grafiken erzeugt, komprimiert und für den Mailversand vorbereitet. Zum Abschluss werden alle Projektdateien in die GIT Versionsverwaltung eingecheckt.

Vom Eingang der E-Mail bis zum fertigen Magazintitel sind nur 26 Stunden vergangen. Somit konnte die Herausforderung der zeit­nahen Realisierung absolut gemeistert werden und entspricht den selbst gesteckten Erwartungen an ein professionelles Titelmotiv.

Fazit und Ausblick

Ausgabe 105 war durch den Zeitdruck ein etwas speziellerer Fall, spiegelt aber im Wesentlichen den „üblichen“ Ablauf wieder. Für zukünftige Ausgaben wird es an einigen Stellen der Prozesskette Änderungen geben. Geplant ist es, die Inkscape Vorlage gegen ein entsprechendes Scribus Dokument auszutauschen und somit druckfertige PDF Dateien zu erzeugen.

Der Titel befindet sich noch nicht in meinem Portfolio, da das Magazin noch nicht erschienen ist. Sobald ich mein Exemplar in den Händen halte, wird dies zusammen mit einem Wallpaper des Titelmotivs nachgeholt.

Update 29. Juni 2011

Das ABBUC Magazin 105 lag heute in meinem Briefkasten und wie bereits angekündigt, findet es sich jetzt auch im Portfolio. Daneben gibt es das Titelmotiv auch als Wallpaper für Euren Desktop.

Die von mit erstellten Anzeigen basieren auf den bekannten Motiven der beiden ABBUC Poster zur Games Convention 2008. Der markante Hintergrund mit Farbverlauf und Strahlenkranz, sowie das farbige ABBUC Logo sorgen für einen hohen Wiedererkennungswert.

Die bereits bestehenden Grafikelemente, die mit Inkscape erstellt wurden, wurden mit dem Open Source Desktop Publishing Programm Scribus neu in Form gebracht.

Interessierte Blog-Leser, speziell ABBUC Mitglieder, können die Druckvorlagen bei mir als PDF Dateien anfordern, um sie in eigenen Projekten zu verwenden. Denkbar wäre hier beispielsweise der Einsatz der textlastigen Anzeige als Hintergrund für Präsentationen.

Das Thema „Facebook“ polarisiert die Netzgemeinde und das Unternehmen steht wegen Bedenken bzgl. des Datenschutzes in der Kritik. Bisher gehörte ich zum Lager derjenigen, die kein Facebook Konto hatten. Der Schutz meiner privaten Daten ist mir sehr wichtig und ich achte bewusst darauf, welche Informationen ich im Netz über mich preisgebe.

Jedoch, meine Bookmarks verwalte ich bei Delicious, meine News Feeds lesen ich über den Google Reader und unregelmäßig teile ich der Welt über Twitter mit, was mich gerade interessiert. Diese Einzeldaten jeweils für sich genommen verraten bereits eine Menge über mich und zusammen würden sie ein recht umfassendes Bild meiner On- und Offline Aktivitäten ergeben. Warum sollte man sich also auch noch bei Facebook anmelden und noch mehr Datenspuren hinterlassen?

Facebook: ja, nein, vielleicht

Facebook hat derzeit knapp 665 Millionen Benutzer; davon rund 18 Millionen allein in Deutschland (Stand April 2011, Quelle: Wikipedia). Das ist eine ganz beachtliche Masse an Menschen, die im Netz miteinander Informationen austauschen.

Ich sehe Facebook derzeit als weiteren Distributionskanal für die Inhalte meines Portfolios und des Blogs. Die Facebook Seite rundet das bisherige Angebot mit RSS Feed und Twitter Tweeds ab.

Natürlich bleiben etwaige Datenschutzbedenken weiter im Raum. Als „mündiger Bürger“ achte ich deshalb weiterhin darauf, welche Informationen ich mit der Netzgemeine „teile“.

Recht haben und Recht bekommen...

In solchen Fällen schreibe ich die Betreiber der Website oder des Blogs freundlich an, bedanke mich für die Nutzung meiner Werke und bitte um einen Link auf meine Website oder zumindest eine Namensnennung. Meistens reicht der dezente Hinweis auf die Creative Commons Lizenz aus und beide Seiten sind zufrieden.

Allerdings gestaltet sich die Kontaktaufnahme nicht immer ganz leicht, denn gerade in ausländischen Blogs fehlen häufig Informationen zum Betreiber und fremde Sprachen erschweren den Zugang. Auch ist nicht immer ganz eindeutig, ob es sich möglicherweise bei verschiedenen Blogs um Content-Diebe handelt, die sich fremde Inhalt angeeignet haben.

Da nicht allen die „Spielregeln“ für die Nutzung meiner Werke bekannt sind, beziehungsweise die von Creative Commons Inhalten allgemein, möchte ich im Folgendem auf einige Punkte eingehen. Zumindest erst einmal für die deutschsprachigen Leser.

Kopieren erlaubt

Ich bin großer Anhänger des Open Source Gedankens und beim Redesign meines Portfolios habe ich mich bewusst dazu entschlossen, alle Inhalte unter eine Creative Commons Lizenz zu stellen. Das Motto lautet also: Kopieren erlaubt!

Allerdings ist dies an einige Bedingungen gebunden.

Namensnennung

Je nach Projekt fließen in die Werke mehr oder minder viele Stunden ein. Damit dies auch anerkannt wird, muss bei Nutzung meiner Werke eine Namensnennung und falls möglich auch ein Link auf meine Website erfolgen. Das ist wahrscheinlich der wichtigste und auch der am meisten vernachlässigte Punkt.

Unter gleichen Bedingungen

Das Motto „Kopieren erlaubt“ geht bei mir sogar noch weiter. Ich erlaube jedem, meine Bilder zu ändern oder als Grundlage für eigene Werke zu verwenden. Diese Ableitungen müssen jedoch gemäß der Creative Commons Lizenz unter die gleichen Bedingungen gestellt werden, wie das ursprüngliche Werk.

Konkret bedeutet das, dass auch alle Ableitungen wieder frei zugänglich sein müssen und ebenfalls eine Weiterbearbeitung erlauben. Damit wird sichergestellt, dass auch andere oder ich selbst von den Änderungen profitieren und gegebenenfalls in die eigenen Werke einfließen lassen können.

Ausnahmen von der Regel

Ab und an möchte man vielleicht ein Creative Commons Werk nutzen, kann es aber beispielsweise nicht freigeben oder die Namensnennung gestaltet sich als schwierig (z.B. bei Druckmedien). In solchen Fällen können mit mir Sonderregelungen vereinbart werden. Nehmt einfach Kontakt auf und schildert mir Euer Projekt.

Wer mehr über das Thema Creative Commons erfahren möchte und wie er es für eigenen Projekte nutzen kann, dem lege ich die Creative Commons Website nahe.

Die BLUP BBS ist mein privates DFÜ Mailbox System, dass ich seit 1995 betreibe. Hierbei geht es jedoch nicht um den Anrufbeantworter eines Handys, sondern um ein klassisches Bulletin Board System (BBS), das über ein Computer Modem erreichbar ist.

Im Jahr 2010 stand der Fortbestand der BLUP wegen technischer Ausfälle und mangelnder Anrufer auf der Kippe und es war nicht ganz klar, ob es weiter gehen wird. In dem Jahresrückblick gibt es einige Details darüber, warum die Box trotz der Widrigkeiten weiter Bestand hat und wie das System auch zukünftig weiterentwickelt werden könnte.

Zur Jahreshauptversammlung (JHV), die am 23.10.2010 in Herten stattfand, wurden im Auftrag des Clubvorstandes von mir einige Projekte zu diesem Thema realisiert.

Wie auch schon zum 20. Jubiläum, gab es in diesem Jahr ein T-Shirt mit speziellem Logo.

Um auch großflächig auf das besondere Ereignis hinzuweisen, wurden zwei Aufsteller entworfen, die nun — wie auch schon die Poster zur Games Convention 2008 — bei verschiedenen Events aufgebaut werden.

Abgerundet wird das 25. Jubiläum um das Buch „25 Jahre ABBUC: Geschichte und Geschichten”, das einige wichtige Meilensteine in der bewegten Historie des Clubs markiert und dokumentiert.

Die Redaktion des 8-Bit Magazins RETURN, die in ihrer nächsten Ausgabe einen doppelseitigen Artikel zum 25. Jubiläums des ABBUC veröffentlichen, haben ebenfalls die Grafiken angefragt, um sie in ihr Layout einzubringen. Bei Erscheinen des Magazins wird es von mir einen entsprechenden Beitrag hier im Blog geben.

ImageMagick ist kein einzelnes Programm, sondern eine Sammlung mit spezialisierten Anwendungen für das Bearbeiten, Erstellen und Konvertieren von über 100 Dateiformaten. Natürlich können diese Aufgaben auch von einer Grafiksoftware, wie beispielsweise GIMP, erledigt werden, aber die ImageMagick Werkzeuge lassen sich vollständig über die Kommandozeile bedienen und bieten sich daher für automatisierte Prozesse und die Massenbearbeitung von Bilder an.

Ich selbst nutze auch nur einen kleinen Teil der Möglichkeiten und verwende es hauptsächlich für das Konvertieren und Verkleinern von Bildern. Im Folgenden stelle ich aus dem Paket drei Programme mit Beispielen vor, die bei mir regelmäßig im Einsatz sind: convert für das Konvertieren von Dateiformaten, identify zum Auslesen von Bildformat und Charakteristika und import für das schnelle Erstellen von Screenshots.

Convert

Convert ist das wohl wichtigste Werkzeug im Softwarepaket. Es ermöglicht das Konvertieren verschiedener Bilddateiformate und enthälte zahlreiche Filter zur Bildmanipulation.

Ich verwende es beispielweise um die Grafiken, die Inkscape standardmäßig ins verlustfreie PNG Format (Portable Network Graphics Format) exportiert in web-taugliche JPEGs zu wandeln. Ein typischer Anruf sieht dann folgendermaßen aus:

convert input.png output.jpg

Möchten wir zusätzlich noch die Qualität der JPEG Ausgabe beeinflussen, ergänzen wir den Aufruf um einen entsprechenden Parameter:

convert -quality 85 input.png output.jpg 

Vielleicht möchten wir für unsere web-taugliche JPEG auch gleich ein kleines Vorschaubild erzeugen:

convert -resize 80x80 input.png thumb-output.jpg

Natürlich können wir unserer convert Aufruf auch in ein Skript oder eine Batch Datei einbetten und beispielsweise für ein ganzes Verzeichnis durchlaufen lassen. Gerade in der Massenbearbeitung liegt die Stärke des ImageMagick Packets.

Identify

Ich schreibe meinen HTML Code von Hand in einem Editor oder in das Web Frontend meines CMS Systems. Dabei achte ich auch stets darauf, dass beispielsweise bei Grafiken immer die Pixeldimensionen mit angegeben werden. Für ein einzelnes Bild kann man hierfür zwar einen beliebigen Bildbetrachter heranziehen, da ich aber immer ein paar Konsolenfenster geöffnet habe, ist ein folgender Aufruf bedeutend schneller:

identify unknow-image.jpg

Als Ergebnis erhalten wir unter anderem die Pixelgröße und Farbtiefe:

unknow-image.jpg JPEG 1307x1743 1307x1743+0+0 8-bit
  DirectClass 310KB 0.000u 0:00.000

Import

Für das Redesign der BLUP BBS Website habe ich neue Screenshots der Mailbox erstellt. Die Screenshots sollten alle die gleiche Größe haben und es sollten direkt auch Vorschaubilder generiert werden.

Das ImageMagick Paket enthält hierfür genau das richtige Werkzeug in Form von import. Import ermöglicht das Erstellen von Screenshots einzelner Fenster oder des gesamten Desktops mit einem Kommandozeilenbefehl:

import -window 0xe00001 screenshot-01.png

Dieses Kommando speichert ein Screenshots vom Fenster mit der Window Id 0xe00001 in die Datei screenshot-01.png. Die Window Id läßt sich im X Window System z.B. mit dem Befehl xwinifo bestimmen. In Kombination mit dem oben beschriebenen convert kann der Prozess des Erstellens des Screenshots und der Web Vorschau z.B. in einem kleinen Skript zusammengefasst werden.

Damit bin ich auch schon am Ende meiner kleinen ImageMagick Vorstellung. Weitere anschauliche Anwendungsbeispiele finden sich auf der ImageMagick Website. Für Entwickler sind die zahlreichen Bindungen an verschiedene Programmiersprachen interessant. Damit können dynamisch Bilder erstellt und manipuliert werden. Bei vielen Web Hostern ist ImageMagick bereits vorinstalliert und kommt bei einigen Content Management Systemen (z.B. Typo3) im Backend zum Einsatz.

Web: http://www.imagemagick.org

In der letzten Woche hab ich Euch die Grafikprogramme vorgestellt, die ich bei meiner Projektarbeit einsetze. In der Artikelserie Werkzeugkiste werde ich nun nach und nach weitere Programme vorstellen, die ihre Arbeit hauptsächlich im Hintergrund erledigen und unterstützend zur Seite stehen. Den Anfang macht das Thema Versionsverwaltung.

Hintergrund

Bei all meinen Projekten kommt stets eine Versionsverwaltung zum Einsatz. Dieses erlaubt es mir, Änderungen nachzuvollziehen, zu dokumentieren und ggf. auch beliebig zwischen verschiedenen Revisionen hin und her zu wechseln. Gerade zu Beginn eines Projektes, bei dem die Richtung noch nicht ganz fest steht, ist es somit relativ einfach möglich, unterschiedliche Zweige anzulegen und zu entwickeln. Dabei macht es prinzipiell keinen Unterschied, ob Quelltexte oder Multimediadateien verwaltet werden.

Qual der Wahl

Das Angebot an Versionierungssystemen ist reichhaltig und jeder kann sich das System heraussuchen, das am besten zu seiner Arbeitsweise passt. Bei mir viel die Entscheidung auf das Source Code Management System Git, das von Linus Torvalds entwickelt wurde und auch bei der Entwicklung des Linux Kernels eingesetzt wird.

Git

Git ist ein verteiltes System, d.h. es benötigt kein zentrales Repository, sondern jede Arbeitskopie enthält sämtliche Revisionen. Dadurch können Änderungen auch eingechekt werden, wenn keine Verbindung zum Repository besteht, z.B. unterwegs. Da bei Git alle Operationen lokal durchgeführt werden ist das System außerdem hochperformant.

Ich verwende Git ausschließlich über die GNU/Linux Kommendozeile, aber die Community hat auch verschiedene grafische Schnitstellen für den leichteren Einsatz entwickelt.

Web: http://git-scm.com/

Tutorials

In meinen Delicious Bookmarks finden sich unter dem Tag git zahlreichen Links zu Tutorials, die den ersten Einstieg erleichtern.

Bei Interesse bin ich auch gerne Bereit einen kurzen Einführungsbeitrag zu verfassen. Hinterlasst einfach einen Kommentar.

In dem nachfolgenden Beitrag öffne ich meine Werkzeugkiste und stelle die Anwendungen kurz vor, die ich für die grafische Projektarbeit einsetze. Ich verwende die Programme zwar unter dem Betriebssystem GNU/Linux, aber es stehen auf den Websites der Projekte auch jeweils entsprechende Downloads für Windows und Mac bereit.

Inkscape

Inkscape ist ein freies Vektorgrafikprogramm, das heißt, die erstellten Bilder basieren nicht auf Pixeln, sondern auf geometrischen Primitiven, wie Linien, Kurven, Kreisen und Rechtecken. Dadurch lassen sich die Grafiken nahezu beliebig skalieren, ohne dass sie an Qualität verlieren.

Inkscape ist mein primäres Werkzeug für Erstellung von Illustrationen, Logos, Diagrammen, Flyern, Postern, Magazin-/Buchtiteln und dergleichen. Außerdem erstelle ich damit in der Regel auch die Prototypen und grafischen Elemente für neue Websites.

Das Programm legt seine Dateien im standardisierten SVG Format (Scaleable Vector Graphics) ab, kann jedoch auch zahlreiche andere Formate lesen und schreiben (beispielsweise PDF). Dadurch fügt es sich wunderbar in meine Werkzeugkiste ein und erlaubt einen (meist) unproblematischen Datenaustausch.

Web: http://inkscape.org

GIMP – The GNU Image Manipulation Program

GIMP gehört zu den High End Anwendungen wenn es um die Bildbearbeitung geht (z.B. das Manipulieren von Fotos) und ist stets meine erste Wahl für solche Aufgabenstellungen. Es bietet alle Werkzeuge, die für das Arbeiten mit Pixelbildern erforderlich sind. Ebenen, Pfade, zahlreiche Filter und eine schier unbegrenzte Erweiterbarkeit durch Skriptsprachen runden die Anwendung ab.

GIMP ist außerdem in der Lage, Pfade mit Inkscape auszutauschen. GIMP kann seine Pfade sowohl als SVG Dateien speichern, als mit Inkscape erstellte Dateien lesen.

Web: http://www.gimp.org

Blender

Blender ist eine freie 3D Rendering/ Raytracing und Animationssoftware und rundet meine Werkzeugkiste ab. Die Benutzeroberfläche (GUI) ist anfangs gewöhnungsbedürftig und wird häufig kritisiert. Nach einer Einarbeitungsphase mit einer steilen Lernkurve kommt man jedoch schnell zu überzeugenden Ergebnissen.

Durch Filmprojekte, wie Sintel, Big Bug Bunny und Elephants Dream wird die Entwicklung vorangetrieben und die Leistungsfähigkeit von Blender einem breiten Publikum bekannt gemacht.

Eine weitere Besonderheit von Blender ist die Game Engine, die die Entwicklung von 3D Spielen ermöglicht, beispielsweise YoFrankie.

Web: http://www.blender.org

Scribus

Scribus ist ein Open Source Desktop Publishing Programm (DTP) zur Erzeugung professioneller Seitenlayouts.

Bei meiner Projektarbeit kommt Scribus immer dann zum Einsatz, wenn etwas professionell und hochwertig gedruckt werden soll. Dazu gehören beispielsweise die ABBUC Magazin Titel und Poster.

Durch die Möglichkeit, neben diversen Bildformaten auch SVG Dateien zu importieren, ist es die ideale Ergänzung zum Vektorzeichenprogramm Inkscape.

Web: http://www.scribus.net

Nützliche Helfer

In der Regel kommt bei meinen Projekten nicht nur ein einzelnes Werkzeug zum Einsatz, sondern die oben genannten Anwendungen können jeweils ihre Stärken ausspielen um zu einem Gesamtergebnis zu gelangen. Hier spielen oft nützliche Helfer, wie eine gemeinsame Versionsverwaltung oder Werkzeuge zur Automatisierung, eine wichtige Rolle. Auf diese werde ich in der Aktikelserie Werkzeugkiste nach und nach eingehen.

Natürlich erhebt die Liste der Grafikprogramme keinen Anspruch auf Vollständigkeit und spiegelt nur meine eigene Werkzeugkiste wieder. Zu jeder Anwendung gibt es zahlreiche Alternativen, die auch einen Blick wert sind.

Feeds werden meist von den Betreibern von Nachrichtenseiten, Weblogs und Foren angeboten, um über neue Artikel und Beiträge auf dieser Website zu informieren. So kann der Besucher, auch ohne die Website explizit aufzusuchen, erkennen, ob für ihn interessante Beiträge vorliegen.

Quelle: Wikipedia

Um die Feeds nutzen zu können, wird entweder ein Feedreader oder ein moderner Browser benötigt. Firefox stellt RSS Feeds beispielsweise als dynamische Lesezeichen zur Verfügung, die automatisch aktualisiert werden. Einige Online Dienste bieten ebenfalls kostenlose Feedreader an. Exemplarisch sei hier der Google Reader erwähnt.

Ich persönlich nutze RSS Feeds erst seit einigen Tagen und habe bisher meine täglichen Websites manuell besucht und nach neuen Nachrichten und interessanten Links durchstöbert.

Die Ruhr-Emscher-Lippe-Arbeitsgemeinschaft (kurz RELAG) entstand in den 1980'er als Ruhrgebiets-Regionalgruppe des Atari Bit Byter User Club e.V. (ABBUC). Im Laufe der Zeit öffnete sie sich neben den reinen Atari 8 Bit Rechnern auch für andere Computersysteme und Videokonsolen. Die RELAG übernahm unter anderem die Messeauftritte des ABBUCs auf der Dortmunder Hobbytronic und veranstaltete mit der Old-Series auch eine eigene Messe.

Die RELAG Website gehört in die Gruppe der One Page Websites. Sie besteht nicht aus einer Unmenge an Seiten, sondern beschränken sich auf eine einzelne, die alle wesentlichen Fakten zusammenfasst.

Im neuen Facelift bekommt das bekannte RELAG Logo Tiefe und verleiht der Website mehr Dynamik. Die Inhalte wurden teilweise umformuliert und überlange Sätze verkürzt. Dadurch können Besucher die Information schneller und einfacher erfassen.

Die BLUP ist mein kleines Mailbox-System (BBS), das 1995 online ging und seit dem ohne größere Ausfälle im 24/7 Betrieb läuft. Die Website diente ur­sprünglich der Gewinnung neuer Besucher und liefert Hinter­grund­in­for­ma­tionen zur Entstehung der Box. Mit der zunehmenden Verbreitung des Internets gegen Ende der 90'er Jahr, wurden Mailboxen für viele Besucher eher uninteressant.

Die Website der BLUP BBS ist seit 1998 online und blieb bis heute inhaltlich und gestalterisch nahezu unverändert. Die HTML 3.2 Seiten waren statisch und wurden auf der Entwicklermaschine über GNU M4 Makros und Makefile erzeugt und auf den Webserver übertragen. Das Layout verwendete Frames und setzte für die Positionierung der Elemente auf stark verschachtelte Tabellen.

Die neue Site ist valide gemäß XHTML 1.0 Transitional und setzt im Backend auf das Content Management Framework modx, das auch schon bei der des-OR-mad Website zum Einsatz kommt.

Beim Design galt es, den gewissen Retro-Charm der ursprünglichen Website und der Mailbox an sich beizubehalten. Inspiriert wurde ich dabei durch die interessante Gehäuseform der ADM 3A Unix Workstation. Diese habe ich mittels Inkscape in eine Vektorgrafik übertragen und anschließend als Hintergrundgrafik eingesetzt. Passenderweise diente der eingebaute Monitor für die Ausgabe der Inhalte. Die Navigation, die sich im unteren Bereich der Webseiten findet, ist beim ADM 3A Modell nicht vorhaben und wurde entsprechend ergänzt.

Inhaltlich wurden die Texte alle überarbeitet und auf aktuellen Stand gebracht. Außerdem sind einige Bereiche (z.B. Downloads) weggefallen oder wurden in die verbleibenden Inhalte eingearbeitet. Die News (ehemals Changelog) werden nun detaillierter und erfolgen nicht mehr in einer einfachen langen Tabelle. Besucher haben die Möglichkeit, zu den News Kommentare zu hinterlassen. Hier sollen zukünftig auch verstärkt Beiträge auftauchen, die es bisher nur direkt in der Mailbox gab.

Design und Inhalte stehten unter der Creative Commons BY-ND 3.0 Lizenz.

Das Wallpaper wurde von mir unter der Creative Commons BY-SA freigegeben und so steht einer kostenlosen Verwendung nichts im Wege.

Ich bedanke mich für die freundliche E-Mail. Ein schönes Beispiel für Fair Use.

Update: 8. Oktober 2010

Heute fand sich ein Belegexemplar des Mousepads in der Post. Ist ganz ordentlich geworden. Ich bedanke mich.