Eine sich oft wiederholende Aufgabe in der Softwareentwicklung ist das Erstellen von Eingabeformularen. Zuerst das Designen eines Mockups, dann die Umsetzung des Formulars in einer Programmiersprache.
Wir wollen uns ansehen, wie Künstliche Intelligenz diesen Prozess vereinfachen und beschleunigen kann. Folgende 2 Tools werden wir verwenden:
Schritt 1: Mockup durch KI generieren lassen
Als erstes wollen wir das Mockup rein durch Beschreibung der Eingabefelder generieren lassen. Hierzu gehen wir zum AI Form Builder und geben in das Textfeld die Beschreibung ein:
personal information form with the fields firstname, lastname, street, zip, city, interested in (should be a multi checkbox to select one of these: "sports", "sience", "computer" or "music")
Mit Klick auf „Generate form“ versucht das Tool, ein Eingabeformular aus den Angaben zu generieren. Dieses kann noch weiter bearbeitet werden bis man mit dem Ergebnis zufrieden ist. Von dem Formular können wir einen Screenshot machen, welchen wir im nächsten Schritt verwenden werden.
Schritt 2: Aus einem Mockup den Formular-Code generieren
Mit dem Mockup als Bilddatei gehen wir nun zu blackbox.ai. Dort hat man die Möglichkeit eine Datei hochzuladen, indem man auf den +-Button klickt:
Wir laden unser Mockup hoch und geben in den Eingabeprompt z.B. folgendes ein:
give me code from this user interface in primeng
PrimeNG ist in unserem Fall die Komponenten-Library unserer Wahl. Blackbox.ai generiert nun für uns sowohl das Template-File (.html) als auch das Typescript-File (.ts), sodaß wir diese nur mehr in unser Angular Projekt einbinden müssen und damit arbeiten können.
Fazit
Es gibt mittlerweile eine Vielzahl an KI-Tools welche SoftwareentwicklerInnen bei ihrer Arbeit unterstützen können. Der hier gezeigte Workflow ist nur ein Beispiel um einen Arbeitsschritt, welcher immer wieder vorkommt und meistens relativ langweilig ist, von einer KI erledigen zu lassen, nämlich das Erstellen von Eingabeformularen.
Der hier gezeigte Weg ist sicher nur einer von vielen, und falls ihr dazu bessere Lösungsmöglichkeiten gefunden habt, lasst es mich gerne wissen!