{"id":504,"date":"2025-10-01T18:43:33","date_gmt":"2025-10-01T18:43:33","guid":{"rendered":"https:\/\/fabian.djfarel.ch\/?page_id=504"},"modified":"2025-10-05T08:54:08","modified_gmt":"2025-10-05T08:54:08","slug":"tippspiel","status":"publish","type":"page","link":"https:\/\/fabian.djfarel.ch\/index.php\/tippspiel\/","title":{"rendered":"EM 2024 Tippspiel"},"content":{"rendered":"\n
\"\"<\/span>
\n
\n

EM 2024 Tippspiel<\/h1>\n<\/div>\n<\/div><\/div>\n\n\n\n

Zusammenfassung: Aus einer Schnappsidee wurde es pl\u00f6tzlich sehr konkret. Schon als kleiner Junge tr\u00e4umte ich von einem eigenen Tippspiel, da ich an jeder EM und WM teilnehme. Fr\u00fcher war es einen unglaubw\u00fcrdigen Traum, dieses Jahr wurde es wahr. <\/p>\n\n\n\n

PROJEKTAUFTRAG<\/summary>\n

Im Rahmen des Studium und unserem Modul \u201eKonvergentes Produzieren\u201c haben wir ein Semester lang Zeit, selbst\u00e4ndig f\u00fcr einen gewissen Zeitaufwand ein multimediales Projekt umzusetzen. In einem Semester davon entschied ich mich f\u00fcr ein eigenes Tippspiel.<\/p>\n<\/details>\n\n\n\n

PLANUNG<\/summary>\n

Mir war klar: Es sollte nicht einfach nur ein weiteres Tippspiel werden. Also fragte ich mich, wie ich etwas baue, das Aufmerksamkeit erzeugt und Anmeldungen bringt. Die L\u00f6sung: ein Tippspiel mit Quiz. Heisst: Man tippt wie gewohnt, kann aber an jedem EM-Tag zus\u00e4tzlich ein Quiz absolvieren. So sammelt man Extra-Punkte und auch weniger fussballaffine Teilnehmende haben echte Chancen zu gewinnen.<\/p>\n\n\n\n

Klingt gross? War es auch. Also definierte ich zuerst das Corporate Design, schrieb Sponsoring-Vertr\u00e4ge f\u00fcr die Preise, registrierte Domain & Hosting und setzte Backend sowie Frontend auf.<\/p>\n<\/details>\n\n\n\n

UMSETZUNG<\/summary>\n

Es gibt grunds\u00e4tzlich zwei Ans\u00e4tze: erst das Design, dann die Technik oder umgekehrt. Weil ich bei der technischen Umsetzung unsicher war, begann ich damit. Zuerst entwickelte ich den Login- und Registrierungsprozess inklusive \u00abPasswort vergessen\u00bb. Nach dem Login landet man auf der pers\u00f6nlichen \u00dcbersichtsseite mit Tipps, Quiz, Rangliste, Tippgruppen und Regeln.<\/p>\n\n\n\n

Anschliessend setzte ich die Tippseite um. Wichtigste Anforderung: Nach Anpfiff darf ein Tipp nicht mehr ge\u00e4ndert werden, sonst verliert das Spiel seinen Sinn. Das l\u00f6ste ich serverseitig via API und verbindlicher Zeitzone, sodass weder am Handy noch am Laptop durch manuelles Verstellen der Uhr getrickst werden konnte. Danach folgten Punktevergabe, Rangliste, Tippgruppen und weitere Logik.<\/p>\n\n\n\n

Zum \u00abSchluss\u00bb kam das Quiz, fast aufw\u00e4ndiger als das Tippspiel selbst. Pro Frage gab es 10 Sekunden Antwortzeit, zudem zwei Modi: einfach und schwierig (mit h\u00f6herer Punkteausbeute). Allein das Definieren der Fragen inklusive vier Antwortoptionen h\u00e4tte ein eigenes Projekt verdient, mehr dazu in der Reflexion.<\/p>\n\n\n\n

Ehrlich: Beim Schreiben klingt es gar nicht so komplex, gef\u00fchlt war vor allem der Anfang hart. Kaum war ein Teil gel\u00f6st, hakte pl\u00f6tzlich etwas anderes. Wechselt man den Rechner und vergisst in Visual Studio Code zuerst zu pullen, arbeitet man schnell auf altem Stand weiter und \u00fcberschreibt beim n\u00e4chsten Speichern die neuesten \u00c4nderungen. Trotzdem: Am Ende lief es.<\/p>\n\n\n\n

Die Teilnehmerzahl ist ausbauf\u00e4hig. Ich merkte, dass ich mit den Preisen zu sp\u00e4t dran war. Die Idee kam im Februar, also vier Monate vor Start, da hatte kaum noch jemand aktiv Interesse. Beim n\u00e4chsten Mal plane ich Sponsoring und Promotion deutlich fr\u00fcher ein.<\/p>\n\n\n\n

Leider habe ich die Domain aktuell pausiert, daher sind keine Bilder vom Tippspiel ersichtlich.<\/p>\n<\/details>\n\n\n\n

REFLEXION<\/summary>\n

Ein Herzensprojekt, das ich erfolgreich realisiert habe und auf das ich sehr stolz bin. Es gab etliche Abende, ja fast N\u00e4chte, die mich an den Rand der Verzweiflung brachten. Doch ich hielt daran fest und am Ende spielten \u00fcber 80 Personen mit. Jede einzelne Komponente, Tippseite, Tippgruppen und Quiz, w\u00e4re f\u00fcr sich genommen schon ein eigenes Projekt mit betr\u00e4chtlichem Stundenaufwand. Nach jedem abgeschlossenen Abschnitt f\u00fchlte es sich an, als beginne der n\u00e4chste wieder bei null: alles neu, anders und zeitintensiv, aber genau das machte den Reiz aus.<\/p>\n\n\n\n

Und wer weiss, vielleicht sieht man sich am Tippspiel f\u00fcr die WM 2026.<\/p>\n<\/details>\n\n\n\n

\"\"<\/span>
\n
\n
\n
ZUM ESC TURQUOISE CARPET<\/a><\/div>\n<\/div>\n\n\n\n

ZUR\u00dcCK ZUM PORTFOLIO<\/a><\/h1>\n<\/div>\n<\/div><\/div>\n\n\n\n

<\/h2>\n","protected":false},"excerpt":{"rendered":"

Zusammenfassung: Aus einer Schnappsidee wurde es pl\u00f6tzlich sehr konkret. Schon als kleiner Junge tr\u00e4umte ich von einem eigenen Tippspiel, da […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-504","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/pages\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":7,"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/pages\/504\/revisions"}],"predecessor-version":[{"id":580,"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/pages\/504\/revisions\/580"}],"wp:attachment":[{"href":"https:\/\/fabian.djfarel.ch\/index.php\/wp-json\/wp\/v2\/media?parent=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}