Hacking the City
16. Juli – 26. September 2010

Hacking the City ist ein experimentelles Ausstellungsprojekt des Museum Folkwang, dessen künstlerische Aktionen und Präsentationen im öffentlichen Raum der Stadt Essen und im Internet stattfinden. Im Museum Folkwang wird während der Laufzeit ein Projektraum eingerichtet, in dem die Aktionen dokumentiert und zahlreiche weitere künstlerische Projekte vorgestellt werden.

Hacking the City ist Teil der mehrteiligen Ausstellung Mapping the Region der RuhrKunstMuseen und damit Teil des Programms der Kulturhauptstadt Europas RUHR. 2010.

• Layout & CI: V2A
• Realisiert mit WordPress
• PHP, HTML, CSS & jQuery
• Automatische Bildergalerien mit Fancybox
• Flash-Slideshows mit JW Image Rotator
• Leichte Einbindung von Multimedia-Inhalten (Videos, MP3, etc.)
• jQuery-Akkordeon-Menü
• Kontakt- & Kommentar-Formulare
• Zweispaltige Layoutmöglichkeit
• Suchmaschinenoptimierung (SEO)

Projektvoraussetzung war, dass die Mitarbeiter des Folkwang-Museums die Inhalte der Webseite selbst eingepflegen und diese in einem zweispaltigen Layout ohne Programmierkenntnisse anordnen können. Weiterhin besteht die Möglichkeit, dass Webseitenbesucher aktiv durch Kommentare und eigene Beiträge am Projekt mitwirken können.

Projektstart: 2010

Webseiten-Links:

• http://www.hackingthecity.org/
• http://www.hackingthecity.com/
• http://www.hackingthecity.eu/
• http://www.hackingthecity.de/
• http://www.hacking-the-city.com/
• http://www.hacking-the-city.org/
• http://www.hacking-the-city.de/

Presse:

• Kunst-Guerrilleros bei Hacking the City
  WAZ Kultur 15.07.2010

Zweck des Vereins ist die Bekanntmachung und Förderung von Kunst und Kultur. Die Webseiten bieten gesammelte Veranstaltungshinweise über Kunst, Musik, Theater, Tanz, Literatur und Wissenschaft im Großraum von Essen-Kettwig. Die Inhalte der Website werden automatisch durch RSS-Feeds und Mailings an Mitglieder und Interessenten publiziert. Der Verein stellt seinen Mitgliedern und Freunden günstige Übernachtungsmöglichkeiten, z. B. zum Besuch der empfohlenen Veranstaltungen, in seinen angemieteten Räumlichkeiten zur Verfügung.

• Realisiert mit WordPress
• PHP, HTML & CSS
• Automatische Bildergalerien durch Fancybox
• Kontakt- & Kommentar-Formulare
• Facebook-Integration
• Feedburner: Newsletterabonnement des RSS-Feeds
• Benutzerverwaltung für verschiedene Autoren
• Layout online bearbeitbar

Die Inhalte der Vereinswebseiten können von verschiedenen Mitgliedern selbstständig eingepflegt werden, und Webseitenbesucher können dies kommentieren. Es werden verschiedene Plug-Ins benutzt, so dass Veranstaltungstermine automatisch per Newsletter, RSS-Feed und auf Facebook veröffentlicht werden. Durch die Verwendung des “Atahualpa”-Themes für WordPress, ist das Layout der Webseite zwar sehr schlicht und aufgeräumt, kann aber komplett im Backend von WordPress administriert werden. Es ist kein externer HTML-Editor oder sonstige Software nötig, um Inhalte und Layout der Webseiten zu bearbeiten.

Projektstart: 2010

Webseiten-Link: http://www.kukvk.de

Steuerberatung & Wirtschaftsprüfung in Essen

Renate Holzke – Ihre Steuerberaterin im Essener Nord-Westen (Dellwig). Neben den Kernaufgaben einer Steuerberatung liegt Frau Holzke vor allem die individuelle Beratung ihrer Mandanten am Herzen.

• Gestaltung und Konzept: mach ma
• Programmierung mit Adobe Dreamweaver® und Photoshop®
• XHTML, PHP & CSS
• Kontakt-Formular
• Passwortgeschützter Log-In Bereich mit Mandanten-Informationen
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart: 2010

Webseite: http://www.stb-holzke.de/

Patrizia GmbH
Öl - Essig - Spirituosen

Patrizia GmbH ist ein traditionsreicher Familienbetrieb aus Grafschaft-Gelsdorf, der ein reichhaltiges Sortiment an italienisch hochwertigen Produkten anbietet. Patrizia GmbH ist Hersteller für ökologisch angebautes Olivenöl mit eigenen Plantagen auf Sizilien.

• Realisiert mit Dreamweaver® und Photoshop®
• HTML & CSS
• SSI-Klappmenü
• Java-Script-Bildergalerie
• PHP-Kontakt-Formular
• Google-Maps-Anfahrtskarte 
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart: 2010

Website-Link:

• http://www.patrizia.de

Ralf Alfred Heinrich Thonemann

Private Homepage über die Familien-Historie und die Stadt Düsseldorf.

• Eine bereits vorhandene Webseite wurde zu einem CMS auf WordPress-Grundlage umprogrammiert.
• Das Layout wurde kostengünstig mit Artisteer erstellt.
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart: 2010

Webseite: http://ralf.thonemann.name

Rechtsanwaltskanzlei Stolle Düsseldorf

• Realisiert mit Dreamweaver® und Photoshop®
• 2 Einzel-Projekte
  • Kanzlei Transportrecht
  • Kanzlei Bußgeld
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Webseiten:

• http://www.kanzlei-transportrecht.de
• http://www.kanzlei-bussgeld.de

Projektstart: 2010

Zahnarztpraxis Dr. med. dent. D. Abazari & Dr. med. dent. G. John

• Realisiert mit Dreamweaver® und Photoshop®
• HTML & CSS
• CSS-Klappmenü
• Bildergalerie mit Lightbox 2
• PHP-Kontakt-Formular
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart: 2010

Website-Links:

• http://www.abazari.de
• http://www.zahnarzt-abazari.de
• http://www.fortuna-zahnarzt.de
• http://www.fortunazahnarzt.de

Das Forum Kunst & Architektur zeigt monatlich wechselnde Ausstellungen aus dem Bereich Kunst und Architektur. Zum Teil sind die Ausstellenden Vereinsmitglieder, hinzu kommen Gäste, die zur Präsentation ihrer Kunst eingeladen werden. Außerdem werden Austauschprojekte mit anderen Städten organisiert. Ausstellungen und weitere Veranstaltungen machen das Forum zur Diskussionsstätte für Kreative und interessierte Bürger.

• Programmierung mit Adobe Dreamweaver® und Photoshop®
• HTML & CSS
• Kontakt-Formular
• Bildergalerien mit Lightbox 
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart: 2010

Webseiten:

• http://www.forumkunstarchitektur.de
• http://www.forum-kunst-architektur.de

Sonderseiten von artscenico e. V. zum Kulturhauptstadtjahr “Ruhr 2010″.

• Bewußt chaotische Gestaltung: Rolf Dennemann
• 2sprachiges Projekt: Deutsch und Englisch
• Realisiert mit Dreamweaver® und Photoshop®
• HTML & CSS
• Videos mit Flash® Video Encoder
• Bildergalerie Lightbox
• Gästebuch
• Suchmaschinenoptimierung (SEO)

Projektstart: 2010

Webseite: http://www.artscenico-media.eu/

Philipp Hilfer liefert grafische, illustrative und konzeptionelle Lösungen in den Bereichen Grafikdesign, Werbung und Web.

• Layout und Konzept der Webseiten wurden als Adobe Photoshop®-Daten von Philipp Hilfer selbst geliefert, wie auch die kategorieabhängigen Flash-Header.
• Die HTML- & CSS-Programmierung erfolgte durch mich mit Adobe Dreamweaver®.
• Ein Klappmenü wurde durch CSS-Ebenen-Ein- und -Ausblendungen realisiert, und für die Texte wurde ein Jalousie-Effekt mit Java-Script verwendet.
• Der HTML- & CSS-Aufbau wurde so weit vereinfacht und größtenteils durch Dreamweaver-Templates automatisiert, dass die Seiten sehr leicht von jedem erweitert und editiert werden können.
• Die Größe der einzelnen Grafikelemente wurde bewusst hoch gewählt, damit die Seiten auf hochauflösenden Bilschirmen wirken können, die in der Grafik-Branche mittlerweile üblich sind. Für die Ansicht auf kleineren Bildschirmen wird eine Ansicht von 75% der Größe empfohlen.

Projektstart: 2009

Webseite: http://www.philipphilfer.de

Dr. med. Ingrid Benzino
Dr. med. Udo Meckenstock-Benzino

Qualifizierte Arbeitsmedizinische Betreuung in Ingolstadt und Umgebung auf der gesetzlichen Grundlage des Arbeits- und Gesundheitsschutzes.

• WordPress wurde als CMS benutzt, damit die Kunden die Inhalte Ihrer Webseite selbst pflegen können.
• Das Layout wurde kostengünstig durch Artisteer mit nur wenigen Mausklicks erstellt.
• Der Backend-Bereich der Webseite wurde durch CSS-Style’s so erweitert, dass auch Laien, schnell neuen Inhalt im persönlichen Look publizieren können.

Projektstart: 2009

Website: http://www.arbeitsmediziningolstadt.de/

Familie Thonemann
Ein altes Patrizier-Geschlecht aus Warburg/Westfalen von 1275 bis heute

• Projektpflege mit Hilfe von Dreamweaver® & Photoshop®

Projektstart: 2009

Website: http://www.thonemann.name/

45127 – Quartier in Essen

• WordPress
• Layout: mach ma

Bei diesem Projekt dreht sich alles um den Stadtkern von Essen mit der Postleitzahl 45127.

Es werden sich hier demnächst ansässige Firmen und Dienstleister präsentieren, es wird Termin- und Veranstaltungstipps geben und es werden die schönsten Plätze des Stadtkerns gezeigt.

Die Webseite befindet sich derzeit erst im Aufbau. Der Inhalt der Webseite wird vom Kunden selbst eingepflegt.

Projektstart: 2009

Websites: http://www.quartier-in-essen.de/

tablo – türkisch essen
Türkisches Restaurant in Essen

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®

Projektstart: 2009

Website: http://www.tablo-restaurant.de/

Institut für Chirurgische Epithetik & Prothetik
Désireé-Denise Abazari

• Wunsch der Kundin: Schlichte Webseite basierend auf Layout einer Visitenkarte
• Realisiert mit Dreamweaver® und Photoshop®
• HTML & CSS
• Bildergalerie mit Lightbox 2

Projektstart: 2009

Website: http://www.abazari-epithetik.de/

Dr. med. Ingrid Benzino

Metabolic-balance® ist ein seit vielen Jahren erfolgreich eingesetztes Ernährungsprogramm zur individuell abgestimmten Stoffwechselregulierung. Frau Dr. Benzino bietet dieses kontrollierte Programm im Umkreis von Ingolstadt an.

• WordPress 2.7.1 mit umgestaltetem dkret3-Template wurde als CMS benutzt
• Der Backend-Bereich der Webseite wurde durch CSS-Style’s so erweitert, dass auch Laien, schnell neuen Inhalt im persönlichen Look publizieren können.
• Benutzte Techniken: HTML, PHP, MySQL, CSS per Browser und Dreamweaver®

Projektstart: 2009

Website: http://www.metabolic-ingolstadt.de/

Schamberger & Schneider GbR

• Layout & Flash® Philipp Hilfer
• HTML- & CSS-Programmierung mit Dreamweaver® und Photoshop®

Projektlaufzeit: 2008-2010

Wolfgang Franken
Controlling

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®

Projektstart: 2008

Website: http://www.franken-controlling.de/

David R. Scott
Flugbegleiter … oder so!?

• Projekt erstellt durch mach ma
• Formular-Programmierung Kontakt-Seite
• HTML, CGI & Java-Script
• WordPress Audio-Player Standalone

Projektstart: 2008

Website: http://www.david-r-scott.de/

Christian Weise
Schlagzeuger

• Die Website wurde von Christian Weise selbst in Photoshop® erstellt.
• Die Grafiken wurden dann durch mich gesliced und weboptimiert und mittels Dreamweaver® in HTML eingebettet.
• Auf Grund des Vollgrafikdesigns, musste die Seite zusätzlich mit HTML für Suchmaschinen optimiert werden.

Projektstart: 2008

Website: http://www.christianweise.com/

Pre Press-Print Production

• Projektpflege mit Hilfe von Dreamweaver® & Photoshop®
• Erstellt wurde die Webseite ursprünglich von “active value”
• HTML & CSS
• Suchmaschinenoptimierung (SEO)
• XHTML 1.0 & CSS validiert durch W3C

Projektstart: 2008

Website: http://www.aquadrat-print.de

Florian Königer
Close-Up Magic

• Vorlage war ein Powerpoint-Enwurf von Florian Königer selbst
• 1:1 wurde die Webseite mit Photoshop® und Dreamweaver® in Deutsch und Englisch aufgebaut

Projektstart: 2007

Website: http://www.floriankoeniger.de/

XIDER

Computer-Games-Label der bhv Distribution GmbH

• Produktpräsentation
• Internationale Plattform (Englisch, Deutsch, Niederländisch, Italienisch & Spanisch)
• Realisiert mit Photoshop®, Dreamweaver® und Flash®

Projektlaufzeit: 2007-2009

Webseite: http://www.xider.de/

Die Webseiten sind 2009 offiziell offline gegangen, die deutsche Version kann HIER aber dennoch weiterhin aufgerufen werden. Eine Aktualisierung findet nicht mehr statt.

Computerspiel*

Spiel-Serie der bhv Distribution GmbH

• Projektpflege mit Hilfe von Dreamweaver® & Photoshop®
• Erstellt wurde die Webseite von Stefanie Schrader
• HTML & CSS

Projektlaufzeit: 2007-2009

* Der Name des Computerspiels wurde entfernt, da es nicht mehr existiert.

Naturschutz Jugend Essen/Mülheim e.V.

• Grafiken und Farbgebung wurden vom Naturschutz Bund zu Vefügung gestellt 
• Aufbau für Essen/Mülheim mit Photoshop® und Dreamweaver®
• HTML, CSS und Klappmenüs durch Ebenen

Projektstart: 2006

Websites:

• http://www.naju-essen.de/
• http://www.naju-muelheim.de/

Ehlert
Engineering & Management

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®

Projektstart: 2006

Website: http://www.dehl-pmo.de/

Die vorherige Version der Webseiten, die von 2006 bis 2008 online stand:

Website: http://www.dehl-pmo.de/2006/

Ramon Menger

Tanz, Gesang und Musical

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®

Projektlaufzeit: 2006-2007

Philipp Luzay
Zauberer

• Layout Photoshop®
• HTML Dreamweaver®

Projektstart: 2006-2010

Kunstverein Ruhr e.V. in Essen

• Realisiert mit Photoshop® und Dreamweaver®
• HTML, CSS, Navigationen durch Server-Side-Includes
• Jahresgaben-Pflege ADKV.de

Projektstart: 2005

Webseite: http://www.kunstvereinruhr.de/

Werbeagentur*

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®
• Klappmenü durch Ebenen

Projektlaufzeit: 2005-2006

* Der Name der Agentur wurde entfernt, da sie nicht mehr existiert.

Die magischen 2

Stand-Up – Comdey – Zaubererei

• Projekt erstellt durch mach ma
• Formular-Programmierung Kontakt-Seite
• Bildergalerie realisiert mit Lightbox
• HTML & CGI

Projektstart: 2005

Website: http://www.die-magischen-2.de/

Institut für Zweiradsicherheit e.V.

• Realisiert mit Dreamweaver® und Photoshop®
• HTML, CSS, Java Klappmenüs, xsuche V2.5
• Zweisprachig Deutsch und Englisch
• Das Projekt wurde mit Grundinhalt erstellt und durch Templates so eingerichtet, daß der Kunde selbst die Webseite pflegen und verwalten kann.
• Mittlerweile sind die farbigen Klappmenüs und diverse andere Elemente durch den Kunden selbst ausgetauscht worden.

Projektstart: 2006

Website: http://www.ifz.de/

Oliver Henke
Magic in Man – Zauberei in neuer Form

• Layout Photoshop®
• HTML Dreamweaver®
• Inline Frames
• Foto-Galerie “Lightbox JS v2.04″
• PHP-Kontakt-Formular
• 2sprachig deutsch und englisch

Projektlaufzeit: 2005-2009

nikewomen’s Gym Attack 2004

Aerobic-Marathon des Veranstalters Convention & more in Zusammenarbeit mit NIKE im November 2004 in Düsseldorf

• Layout Photoshop®
• HTML & CSS Dreamweaver®

Projektlaufzeit: 2004

Rechtsanwaltskanzlei Frank Stolle Leipzig

• Realisiert mit Dreamweaver® und Photoshop®
• 3 Einzel-Projekte
  • Kanzlei Frank Stolle
  • Bußgeld prüfen
  • Transportrecht

Projektstart: 2004

Webseiten:

• http://www.kanzlei-stolle.de/  
• http://www.bussgeld-pruefen.de/
• http://www.transportrecht-aktuell.de/

Stubba
Immobilien Verwaltungsgesellschaft GmbH

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®
• Monatliche Aktualisierung der Miet-und Kauf-Angebote
• Kontakt-Seite mit einem besonderen Schmankerl
• Suchmaschinenoptimierung (SEO)
• HTML & CSS validiert durch W3C

Projektstart: 2004

Website: http://www.stubba.de/

Emety AG

Innovative Produkte aus den Bereichen Sports, Tools und Merchandising

• Layout Photoshop®
• HTML Dreamweaver®
• Größenteils Zweisprachig Deutsch & Englisch

Projektlaufzeit: 2004-2005

Website damals: http://www.emety.de/
Webseite noch erreichbar unter: http://www.emety.de/emety-ag/

Zauberer Mike

• Realisiert mit Dreamweaver® und Photoshop®
• Shopbereich mit xaranshop® V2.0

Projektstart: 2004

Website: http://ww.zauberermike.com/
Shop: http://www.practicalmagicstore.de/

X-OOM
digital lifestyle. without limits.

Software-Label der bhv Distribution GmbH

• Produktpräsentation, Shop und Presse-Bereich
• Internationale Plattform
  (USA, UK, Deutschland, Frankreich, Spanien, Italien, Niederlande)
• Realisiert mit Photoshop® und Dreamweaver®
• Software-Kauf per Download in Zusammenarbeit mit der asknet AG

Projektlaufzeit: 2003-2009

Webseite: http://www.x-oom.com/
Presse-Bereich: http://www.x-oom.com/press/

2009 sind die Webseiten von X-OOM offiziell offline gegangen, können HIER aber dennoch aufgerufen werden. Die Webseite wird nicht mehr aktualisiert und die Produkte werden derzeit nur über den Online-Shop von Globell vertrieben.

nikewomen’s Gym Attack 2003

Aerobic-Marathon des Veranstalters Convention & more in Zusammenarbeit mit NIKE im November 2003 in Düsseldorf

• Layout Photoshop®
• HTML & CSS Dreamweaver®

Projektlaufzeit: 2003 

Hansen & Reinders GmbH & Co. KG
Explosions- und Brandschutz

• Gestaltung und Konzept: mach ma
• Programmierung mit Dreamweaver® und Photoshop®

Projektstart: 2003-2009

Schilder & Stempel Pickard

• Layout Photoshop®
• HTML & CSS Dreamweaver®

Projektstart: 2003

Websites:

• http://www.schilder-stempel-pickard.de/
• http://www.schilderbestellen.de

mk-zwei-Shop

• Web-Shop mit diversen Artikel-Gruppen
  • bhv Distribution GmbH, Xider Games, Ulead Software, X-OOM-Software
  • bhv Buch, Finanzbuchverlag, mvg Verlag, mitp, Redline Wirtschaft, Riva
  • Eastpack Rucksäcke
  • Schnäppchenecke
• Verwaltung durch ASP-Backend “e-comm by Shoppersworld” und größtenteils Dreamweaver®
• Grafiken Photoshop®

Projektstart: 2002

Website: http://www.mk-zwei-shop.de/

Magic Factory, Essen
Fachgeschäft für Zauberkunst

• osCommerce-Web-Shop
• über 2.000 Artikel
• Deutsch und Englisch
• Hunderte animierte GIFs und Produktvideos zur Produktpräsentation und für ein besseres Trickverständnis
• Wöchentliche Newsletter-Promotion
• Monatliche Erstellung eines PDF-Katalogs sämtlicher Artikel

Projektstart: 2001

Websites:

• http://www.magic-factory.de/ 
• http://www.magic-factory-shop.de/

Artscenico e.V.

Artscenico e.V. ist ein Verein zur Förderung internationaler kultureller Begegnungen – ist ein Zusammenschluss von Kunst- und Kulturschaffenden aus NRW. artscenico ist seit 1991 im In- und Ausland tätig. Der Verein ist gemeinnützig. Die Arbeit des Vereins konzentriert sich auf Aktivitäten, die Bereiche der Darstellenden Kunst miteinander zu konfrontieren und in einen neuen Kontext zu stellen, und den theatralischen Dialog zu internationalisieren.

• 2sprachiges Projekt: Deutsch und Englisch
• Realisiert mit Dreamweaver® und Photoshop®
• HTML & CSS
• Videos mit Flash® Video Encoder
• Bildergalerie Lightbox
• Gestaltung: Rolf Dennemann

Projektstart: 2001

Website: http://www.artscenico.de/

Der alte Web-Auftritt war bis 2005 online:

Projektlaufzeit: 2001-2005

Aerobic-Marathon

Aerobic-Marathon-Veranstaltungen Aerobic-Marathon des Veranstalters Convention & more in diversen deutschen Städten wie Düsseldorf, Erfurt, Frankfurt, Hamburg, Krefeld, Leipzig, München, Münster und vielen anderen … 

Insgesamt wurden über 100 Veranstaltungsseiten zwischen 2002 und 2005 erstellt. Eine Veranstaltung bestand meist aus je 9 Einzel-Seiten. Startseite, Presenter, Stundenplan, Preise, Anmeldung, Specials, Aussteller, Wegbeschreibung und Fotos. Der Grundaufbau der Webseiten war fast immer identisch. Lediglich die Layoutfarben waren in jeder Stadt unterschiedlich.

• Layout Photoshop® und Swish
• HTML & CSS Dreamweaver®

Projektlaufzeit: 2001-2005