Turnier- Baum

zokker13 · Apr 11, 2009

Hallo ihr Technik Begabten!
Ich habe da mal eine Frage, und zwar:
Ich habe grade ein Turnier am laufen, jedoch habe ich keine Lust, die Excel Dateien zu "Druck" ´(en) und immer als JPEG auf unsere HP zuladen.
Ich wollte es irgendwie hinbekommen, die Ergebnisse direkt mit sammt dem Baum auf die HP zuladen und dort direkt zu bearbeiten.
Schlicht wie bei F7C Turnieren, ESL und noch mehr.
Also keine JPEG Bilder mehr uploaden.
Ich hoffe einer von euch kann mir helfen.
MfG
zokka

Osbes · Apr 11, 2009

Es ist mir leider nicht wirklich ersichtlich, was du genau willst.
Benötigst du den HTML Code eines SE Turnierbaum ?

-^conChun_ · Apr 11, 2009

Ich denke ma das er nen scribt sucht wo er da nur noch namen eintragen muss...
so wie ich das sehe .und nicht immer sein pds oder jpg datei ändern muss und es wieder neu hochfahren.
Gebrauchen könnte ich sowas auch.
Welche Möglichkeiten gibt es denn für solche Sachen?
Und dann noch ne frage.Wie ist das mit den Replays gibt es da ne möglichkeit die auch auf der eigenen Page im Forum Hochzufahren das mir die Statistiken + Maps und Spieler angezeigt werden?Also wie hier im UF von TW/KW oder auch RA3?

zokker13 · Apr 11, 2009

Also ich schreibe es mal detaillierter auf:
Ich veranstalte ein kleines Turnier (Spiel ect. tut jetzt nicht zur Sache)
Es soll ein Turnierbaum im DE (Double Elimination) Modus sein. Es wird Bo3 gespielt.
Nun, ich möchte das Ganze auf eine Homepage uploaden, da ich es langsam satt habe, durch zwei Turniere so ca. 14 JPEG Bilder zumachen (Als Aktualesierungs Ersatz).
Es ist ganz einfach die Bequemlichkeit und die Neugier von mir, zu wissen/ erfahren wie soetwas geht.
Bei der UF Qualie konnte man z.B. die Ergebnisse in deinen Baum eintragen, der sich auf einer speziellen Seite befand (oder auf einer Sub-Seite sich befand), und nicht als JPEG gespeichert war.
Ich möchte nur wissen wie soetwas geht und ob mir geholfen werden kann. ^^
Ich hoffe nun um etwas mehr Verständlichkeit meines Problems.
MfG
zokka

Apocalypso · Apr 12, 2009

www.bracketmaker.com

zokker13 · Apr 12, 2009

Apocalypso said:
www.bracketmaker.com

Wird nicht angezeigt...

z0ra^ · Apr 14, 2009

Du kannst die Excel Datei bei "Speichern unter.." als Webseite .html Datei abspeichern und diese samt der entstandenen Ordner nochladen. Dann die .html im Browser aufrufen und fertich

Allerdings kannst Du sie dann nicht online bearbeiten.

Ein automatisches Script hab ich schon ewig gesucht aber noch kein brauchbares gefunden.

Osbes · Apr 14, 2009

Dies im Detail zu erklären ist etwas aufwendig, da ich dein Vorwissen nicht kenne, aber ich werde es einmal versuchen.

Layout
Ich gehe hierbei davon aus, dass man sich für (X)HTML und CSS entschieden hat.

Zunächst steht man vor der Wahl, ob man es DIV- oder TABLE-basiert gestalten will.

TABLE
Der Vorteil bei TABLE liegt klar auf der Hand, man kann es recht einfach gestalten und sehr leicht strukturieren.
Der Nachteil ist jedoch, dass TABLE Zeilenorientiert ist, jedoch Turnierbäume i.d.R Spaltenorientiert sind, womit gerade Änderungen oder besondere Anpassungen im Layout sehr aufwendig sind.

Des Weiteren ist eine Tabelle hierbei semantisch falsch, da Bäume keine Tabellen sind. Eine semantisch korrekte Struktur für Bäume gibt es in HTML aber auch nicht - daher ist dies nicht so wichtig.

Ein Beispielbaum für 4 Spieler könnte so aussehen (ohne CSS Gestaltung):

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Turnierbaum</title>
</head>
<body>
<table>
	<tr>
		<td colspan="3" rowspan="2" />
		<td>#</td>
		<td>
			Runde 1 - Spieler 1
		</td>
		<td>#</td>
		<td colspan="3" rowspan="2" />
	</tr>
	<tr>
		<td>#</td>
		<td>
			Runde 1 - Spieler 2
		</td>
		<td>#</td>
	</tr>
	<tr>
		<td>
			LB Final - Spieler 1
		</td>
		<td>#</td>
		<td>
			LB Runde 1 - Spieler 1
		</td>
		<td>#</td>
		<td rowspan="2" />
		<td>#</td>
		<td>
			WB Final 1 - Spieler 1
		</td>
		<td>#</td>
		<td>
			Overall Final - Spieler 1
		</td>
	</tr>
	<tr>
		<td>
			LB Final - Spieler 2
		</td>
		<td>#</td>
		<td>
			LB Runde 1 - Spieler 2
		</td>
		<td>#</td>
		<td>#</td>
		<td>
			WB Final 1 - Spieler 2
		</td>
		<td>#</td>
		<td>
			Overall Final - Spieler 2
		</td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2" />
		<td>#</td>
		<td>
			Runde 2 - Spieler 1
		</td>
		<td>#</td>
		<td colspan="3" rowspan="2" />
	</tr>
	<tr>
		<td>#</td>
		<td>
			Runde 2 - Spieler 2
		</td>
		<td>#</td>
	</tr>
</table>
</body>
</html>

Das Beispiel ist auch soweit optimiert, dass leere Gebiete zusammengefasst sind.

DIV
Die Stärke von DIV liegt hier darin, dass man es Spaltenorientiert gestalten kann, in dem jeweils ein Div eine Spalte darstellt.
Ich könnte hier jetzt auch anmerken, dass es schwieriger ist einen Turnierbaum mit DIVs zu erstellen, jedoch halte ich es für keine zu große Hürde.
Ein Beispielbaum für 4 Spieler könnte so aussehen (mit notwendiger CSS Gestaltung):

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Turnierbaum</title>
</head>
<body>
<div>
	<div style="float:left;margin: 8px 0;">
		LB Final
	</div>
	<div style="float:left;margin: 8px 0;">
		#
	</div>
	<div style="float:left;margin: 8px 0;">
		LB Runde 1 - Match 1
	</div>
	<div style="float:left;">
		#<br />
		#
	</div>
	<div style="float:left;">
		<div>
			Runde 1 - Match 1
		</div>
		<div>
			Runde 1 - Match 2
		</div>
	</div>
	<div style="float:left;">
		#<br />
		#
	</div>
	<div style="float:left;margin: 8px 0;">
		WB Final
	</div>
	<div style="float:left;margin: 8px 0;">
		#
	</div>
	<div style="float:left;margin: 8px 0;">
		Overall Final
	</div>
</div>
</body>
</html>

Das Beispiel ist auch soweit optimiert, dass keine <div><div>[...]</div></div> Strukturen entstehen, sondern dies Zusammengefasst wurde.

Nachdem man sich für eine Variante entschieden hat steht man vor der Frage, ob zunächst ein von Hand ausgearbeiteter Turnierbaum ausreicht, oder man z.B. mit PHP beliebige Turnierbäume der Größe 2^n erzeugen will.
Das neue UF Turniersystem benutzt übrigens ein DIV-Layout
Solltest du dich für dyn. Turnierbäume entscheiden, so werde ich mit PHP und MySQL weitermachen, d.h. du solltest dann auch dem entsprechend ausreichendes Vorwissen bzgl. PHP und MySQL mitbringen, wenn du es nicht von Hand basteln willst.
Für die Beispiele habe ich übrigens ~ 5min. + Tee trinken benötigt, dass ist also kein zu goßer Aufwand.
Wobei man natürlich für ein paar hübsche Turnierbäume etwas mehr Zeit investieren sollte.
Und nicht vergessen: Eine gute Struktur (also Zeilenumbrüche / Einrücken) erleichtert später das Bearbeiten, da es die Übersichtlichkeit erhöht.

zokker13 · Apr 16, 2009

Osbes said:
Dies im Detail zu erklären ist etwas aufwendig, da ich dein Vorwissen nicht kenne, aber ich werde es einmal versuchen.

Layout
Ich gehe hierbei davon aus, dass man sich für (X)HTML und CSS entschieden hat.

Zunächst steht man vor der Wahl, ob man es DIV- oder TABLE-basiert gestalten will.

TABLE
Der Vorteil bei TABLE liegt klar auf der Hand, man kann es recht einfach gestalten und sehr leicht strukturieren.
Der Nachteil ist jedoch, dass TABLE Zeilenorientiert ist, jedoch Turnierbäume i.d.R Spaltenorientiert sind, womit gerade Änderungen oder besondere Anpassungen im Layout sehr aufwendig sind.

Des Weiteren ist eine Tabelle hierbei semantisch falsch, da Bäume keine Tabellen sind. Eine semantisch korrekte Struktur für Bäume gibt es in HTML aber auch nicht - daher ist dies nicht so wichtig.
Ein Beispielbaum für 4 Spieler könnte so aussehen (ohne CSS Gestaltung):

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Turnierbaum</title> </head> <body> <table> <tr> <td colspan="3" rowspan="2" /> <td>#</td> <td> Runde 1 - Spieler 1 </td> <td>#</td> <td colspan="3" rowspan="2" /> </tr> <tr> <td>#</td> <td> Runde 1 - Spieler 2 </td> <td>#</td> </tr> <tr> <td> LB Final - Spieler 1 </td> <td>#</td> <td> LB Runde 1 - Spieler 1 </td> <td>#</td> <td rowspan="2" /> <td>#</td> <td> WB Final 1 - Spieler 1 </td> <td>#</td> <td> Overall Final - Spieler 1 </td> </tr> <tr> <td> LB Final - Spieler 2 </td> <td>#</td> <td> LB Runde 1 - Spieler 2 </td> <td>#</td> <td>#</td> <td> WB Final 1 - Spieler 2 </td> <td>#</td> <td> Overall Final - Spieler 2 </td> </tr> <tr> <td colspan="3" rowspan="2" /> <td>#</td> <td> Runde 2 - Spieler 1 </td> <td>#</td> <td colspan="3" rowspan="2" /> </tr> <tr> <td>#</td> <td> Runde 2 - Spieler 2 </td> <td>#</td> </tr> </table> </body> </html>

Das Beispiel ist auch soweit optimiert, dass leere Gebiete zusammengefasst sind.

DIV
Die Stärke von DIV liegt hier darin, dass man es Spaltenorientiert gestalten kann, in dem jeweils ein Div eine Spalte darstellt.
Ich könnte hier jetzt auch anmerken, dass es schwieriger ist einen Turnierbaum mit DIVs zu erstellen, jedoch halte ich es für keine zu große Hürde.
Ein Beispielbaum für 4 Spieler könnte so aussehen (mit notwendiger CSS Gestaltung):

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Turnierbaum</title> </head> <body> <div> <div style="float:left;margin: 8px 0;"> LB Final </div> <div style="float:left;margin: 8px 0;"> # </div> <div style="float:left;margin: 8px 0;"> LB Runde 1 - Match 1 </div> <div style="float:left;"> #<br /> # </div> <div style="float:left;"> <div> Runde 1 - Match 1 </div> <div> Runde 1 - Match 2 </div> </div> <div style="float:left;"> #<br /> # </div> <div style="float:left;margin: 8px 0;"> WB Final </div> <div style="float:left;margin: 8px 0;"> # </div> <div style="float:left;margin: 8px 0;"> Overall Final </div> </div> </body> </html>

Das Beispiel ist auch soweit optimiert, dass keine <div><div>[...]</div></div> Strukturen entstehen, sondern dies Zusammengefasst wurde.

Nachdem man sich für eine Variante entschieden hat steht man vor der Frage, ob zunächst ein von Hand ausgearbeiteter Turnierbaum ausreicht, oder man z.B. mit PHP beliebige Turnierbäume der Größe 2^n erzeugen will.
Das neue UF Turniersystem benutzt übrigens ein DIV-Layout
Solltest du dich für dyn. Turnierbäume entscheiden, so werde ich mit PHP und MySQL weitermachen, d.h. du solltest dann auch dem entsprechend ausreichendes Vorwissen bzgl. PHP und MySQL mitbringen, wenn du es nicht von Hand basteln willst.
Für die Beispiele habe ich übrigens ~ 5min. + Tee trinken benötigt, dass ist also kein zu goßer Aufwand.
Wobei man natürlich für ein paar hübsche Turnierbäume etwas mehr Zeit investieren sollte.
Und nicht vergessen: Eine gute Struktur (also Zeilenumbrüche / Einrücken) erleichtert später das Bearbeiten, da es die Übersichtlichkeit erhöht.

Ähm, nett, dass du dir soviel Mühe gemacht hast, jedoch ist mein Vorwissen auf 0, demnach kann ich damit nicht viel anfangen. (Ich sollte sowas wirklich mal lernen!)
Naja, ich werde es mal mit der Version von zOra versuchen, erscheint mir doch viel leichter.
Aber immernoch danke!

Habs jetzt mal versucht, jedoch werde ich nicht richtig schlau raus.
Ich habe hier mal den Ordner hochgeladen hab jedoch kein Grid.
http://tcerid.tc.funpic.de/Turnierg...ouble Eliminatiob Turnier 16ner Grid-Dateien/
Hier habe ich auch mal die Excel Datei, normal. Ich geb euch mal den Excel "Roling":
http://tcerid.tc.funpic.de/16ner Grid/

Hoffe ihr könnt mir helfen, ich hab echt kp.

Turnier- Baum

Similar threads