Kunstrasenprojekt/Crowdfunding - Hilfe zur Umsetzung
 

Hallo. Bei einem Projekt stehe ich vor einer Aufgabe, die ich alleine nicht lösen kann. Vielleicht kann mir hier jemand einen Hinweis geben…?

Es geht um folgendes: Der Sportverein versucht über eine Art Crowdfunding die Erstellung eines Kunstrasens zu finanzieren und möchte dazu symbolisch jeden einzelnen Quadratmeter des neuen Kunstrasens gegen eine Spende von 10,- Euro „verkaufen“. Zur Visualisierung soll das Spielfeld auf einer Internetseite zu sehen sein, unterteilt in die über 10.000 qm (jeder davon etwa 10x10px). Wenn man mit der Maus über das Spielfeld fährt, soll der darunterliegende Teilbereich vergrößert dargestellt werden, so dass die Auswahl eines bestimmten Quadratmeters leichter fällt. Bei Mausklick auf einen Quadratmeter soll dieser dann vergrößert werden und den Namen des Käufers/Sponsors beinhalten. Gesponsorte Quadratmeter sollen farblich markiert werden können, damit man noch freie von schon vergebenen Flächen unterscheiden kann.

Hat jemand eine Idee, wie man das umsetzen kann. Gibt es vielleicht ein passendes Skript für so eine Aufgabe. Oder lässt sich das mit HTML und CSS so oder so ähnlich umsetzen. Ich erwarte natürlich keine fertige Lösung, aber Hinweise, in welche Richtung ich denken sollte, wären willkommen. (OK, fertige Lösungen würde ich auch nicht verschmähen… :D)

Vieleb Dank an alle, die helfen wollen! :)

Du hast ins Grafikforum gepostet, also gehe ich davon aus, dass du Hilfe bei der Erstellung der Grafik benötigst. Ich würde dir vorschlagen, ein Schachbrett als Ausgangsgrafik zu nehmen und dieses dann so oft zu vervielfältigen wie notwendig.

Zugegeben, dass mit dem Grafikforum ist vielleicht etwas irreführend. Ich war mir nicht sicher, wo das Thema am Besten aufgehoben ist.

Jedenfalls macht mir die Grafik am wenigsten Sorgen. Was mich umtreibt, ist eher die Frage nach der Umsetzung: Wie kann ich die Zoomfuktion hinbekommen und die Anzeige der Spender/Sponsoren etc.

Trotzdem Danke für den Hinweis! :)

Dann poste konkrete Fragen in das konkrete Board. Du wirst JS, HTML, CSS, PHP dafür brauchen. Um zu sagen, wie die Zoomfunktion umzusetzen ist, muss einmal definiert werden, wie das ganze überhaupt aussehen soll. So wie du es jetzt hier stehen hast, kann man nur sagen, dass du dafür dann JS brauchst. Außer, du möchtest die zoombaren Bereiche auch verlinken, dann brauchst du auch HTML/CSS/PHP dazu.
Also fange an und bei konkreten Fragen eröffne einen Thread oder beauftrage jemanden, dir das umzusetzen.

Was für ein System nutzt du? Arbeitest du mit einem CMS?

Willst du den Effekt etwa so:
References | SUB DIVO

Das Schachbrett wäre auch mein erster Gedanken gewesen..
Aber welches CMS..?