Aus einem PDF kurzerhand eine Projektseite erstellen
Freie Beitragsnutzung mit einem Unidigital-Zugang
Mit der Funktion „Sites“ lassen sich innerhalb von ChatGPT Webseiten auf der Grundlage von HTML erstellen, die von OpenAI langfristig gehostet werden. So kann ich zum Beispiel aus einem PDF eine gut designte Projektseite veröffentlichen, die innerhalb von ChatGPT über einen öffentlichen Link frei zugänglich ist. Diese lässt sich jederzeit anpassen, um die Seite aktuell zu halten.
Als Wissensgrundlage dient das PDF des Werkstattberichts der Universität Bamberg, in dem die Entwickler der Hochschule mithilfe des Tools Claude Code ein komplettes Studienportal bauten, das allen Beteiligten auch ohne KI zur Seite steht und gezielt Informationen bereithält. Das hochgeladene PDF kann gemäß der Lizenz CC BY 4.0 verwendet werden.
Die Idee: Da die Publikation recht umfangreich ist und über 30 Seiten beinhaltet, ließe sich das PDF kompakt mit wenigen Unterseiten und mit dem Schwerpunkt auf der technischen Umsetzung in eine Website überführen. So könnte ich den Bericht zeiteffizient zusammenfassen, ohne dabei jede Folie einzeln durchzugehen.
Der untere Screenshot zeigt die aktive Site-Funktion im Work-Modus. Das Feature lässt sich links in der Navigation über „Mehr“ und „Sites“ aufrufen. Anschließend wurde das PDF über die Upload-Funktion hochgeladen und mit einem kurz beschreibenden Prompt ergänzt. Nach einem Klick auf Enter kann es einige Minuten dauern, bis der Programmiervorgang mit dem Tool Codex abgeschlossen ist.
Prompt:
Übertrage den Werkstattbericht (PDF) auf eine Webseite, die die technische Umsetzung des Projektes erklärt. Es handelt sich hierbei um eine Projektwebseite mit UnterseitenIst die Webseite fertig generiert, so lohnt sich eine Kontrolle der Inhalte und des Designs. Ich bin hierbei nicht jede einzelne Kennzahl aus dem Werkstattbericht durchgegangen. Wird ein Fehler erkannt, so lässt sich dieser gezielt über einen Folgeprompt beheben. Entweder wird der Fehler genau beschrieben oder anhand eines Screenshots dokumentiert, der direkt in ChatGPT hochgeladen wird.. Das Sprachmodell analysiert anschließend das Bild und nimmt entsprechende Änderungen vor.
Die beispielhafte Projektseite mit der Bezeichnung „Studienportal – Technische Projektdokumentation“ verfügt über insgesamt vier Unterseiten, die sich oben im Menü auswählen lassen. Rechts daneben ist zusätzlich über das Feld „Portal“ mit einem Pfeil eine externe Verlinkung zum offiziellen Studienportal der Universität Bamberg eingefügt. Außerdem sind gezielt Abbildungen und interaktive Elemente eingebaut, die das Design abwechslungsreicher gestalten. Super!
Autor
