Projekt WordPress Plugin für Fußball WM mit KI Agenten
Ich war auf der Suche nach einem neuen Projekt um zu testen wie schnell ich mit KI Agenten etwas entwickeln kann, das ich noch nie gemacht habe. Da kam die Idee, da einige in meiner Familie Fußball sehr mögen, ein Dashboard als WordPress PlugIn für die kommende Fußball-WM zu erstellen. Nach kurzer Recherche mit Hilfe von KI (Copilot) hat sich auch noch herausgestellt, dass ich die dafür notwendigen Programmiersprachen schon ungefähr 10 Jahre nicht mehr verwendet habe und sich auch da einiges weiterentwickelt hat. Super, hier kann ich meine Wissen also auch auffrischen. Weiters habe ich geprüft ob es im Internet kostenlos Daten gibt die man Abfragen kann von den WM Spielen und bin auf football-data.org gestoßen. Da gibt es auch aktuelle Daten für die ChampionsLeague die gratis sind. Ideal, damit lässt sich das Dashboard dann gleich testen.
ber kurz zurück zum Dashboard. Dashboards stellen Informationen und Daten auf einer anschaulichen Seite dar. Der Benutzer kann aus den angezeigten Daten seine Schlüsse ziehen und Entscheidungen treffen. Dank dem Dashboard in kurzer Zeit und oft sogar mit Livedaten. Dashboards können Daten aus internen Programmen, Messungen, Kundendatenbanken, Ticketingsystemen, Verkehrssystemen und allen anderen denkbaren Bereichen in denen Daten anfallen beziehen. Dies kann lokal oder über das Internet sein. Dashboards werden mittlerweile überall eingesetzt. Denke doch einmal an deine e-Bankingseite oder App. Ich habe also ein Dashboard spezifiert das folgendes können soll. Anzeigen der Tabellen und der dazugehörigen Gruppenspiele. Darstellung der KO-Phase in schönen Spalten darunter und Darstellung der Torschützenliste. Das sollte mit den kostenlos verfügbaren Daten möglich sein. Weiters soll auf einer Administrationsseite es möglich sein, den API Key für football-org zu speichern um den Datenabruf zu ermöglich, sowie 2 Turniere einzustellen von denen die Daten stündlich geholt werden und in eine saubere normalisierte Datenbankstruktur mit mehreren verknüpften Datenbanken auf meinem Server übertragen werden. Es soll möglich sein für Championsleague (zum Testen) die Ligaphase mit Tabelle darzustellen und dann die PlayOffs, sowie die KO-Phase. Um eine bessere Übersicht zu erhalten, soll für die Championsleague die Darstellung untereinander sein, mit Möglichkeit Phasen auszublenden und direkt zu einer gewollten Phase zu springen. Weiters soll das Dashboard moderne Farben und ein modernes Design haben, passend zu den Turnierfarben und auch auf mobilen Devices gut aussehen. Die einzelnen Bereiche, Gruppenphase, KO-Phase und Torschützenliste soll mittels Shortcode in eine z.B. Divi Text eingebaut werden können.
Ich habe diese Anforderungen an die KI übergeben und hatte dann sehr schnell einen Vorschlag wie das ganze PlugIn aufgebaut wird. Also Ordner- und Dateistruktur, sowie Backend mit Jobs zum Daten holen am Server, sowie Frontend und UI. Alles schön sauber getrennt und in einzelnen Files und Funktionen um möglichst sauberen Code zu erhalten. Die KI hat rückgefragt wie es in WordPress als PlugIn installiert und deinstalliert werden soll. So ging es ein wenig hin und her, bis dann alles geklärt war, bzw. ich dachte es ist alles geklärt und mittels KI eine erste Version berechnet wurde. Dies dauerte ein paar Minuten. In Summe hatte ich zu dem Zeitpunkt zirka 2 Stunden investiert. Leider hat die erste Version noch Bugs gehabt. Ich habe das PlugIn installiert und die dabei auftauchenden Fehlermeldungen der KI gegeben, die damit den Code optimierte. Nach 2,5 Stunden hatte ich dann eine lauffähige erste Version. Fast unglaublich für mich. Es sah noch nicht toll aus, aber ich konnte sehen das Daten geladen wurden und sie am Dashboard dargestellt wurden. Soweit so gut.
Danach wurde es sehr spannend. Meine Tests zeigten das alles da ist aber die Benutzerfreundlichkeit quasi nicht existiert. Es ging also ans Feintuning und das hinzufügen von fehlenden Funktionen. Die Championsleaguetabelle war zum Beispiel leer. Also fragte ich die KI was wir da machen können. Die Antwort war überraschend logisch. Wir können aus den bekannten Partien der Ligaphase die Tabelle selber berechnen und siehe 5 Minuten später war der Code fertig und die Tabelle da. Wow. So ging es dann weiter. Es wäre sicher alles noch schneller gegangen wenn ich mir nicht immer den Code angesehen hätte. Das tat ich um mich in den Code einzulernen. PHP kannte ich zwar schon, es war aber sehr lange her das ich es aktiv programmierte. So konnte ich neben Nutzung der KI für Softwareentwicklung auch die Programmiersprache sowie css für die Stylesheets wieder auffrischen und lernen.
Ich bin happy und hatte Spaß bei dem Projekt und bin gespannt was uns KI-Agenten in Zukunft alles ermöglichen werden. Da kommt sicher sehr viel auf uns zu. Das Dashboard für die Championsleague findet ihr im Menü der Homepage, das für die WM wird jetzt noch richtig nice gemacht und kommt dann wenn es soweit ist. Das WordPress-PlugIn werde ich auch soweit erstellen, dass man es releasen könnte. Ich denke eventuell kann es ja sonst jemand brauchen und es ist eine gute Übung und wer weiß, wozu ich das Wissen noch brauche.