Diagramme und Schätzungen wie ein Profi mit Claude und Draw.io mit Gantt-Diagrammen erstellen | David Armendariz | Skillshare

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Diagramme und Schätzungen wie ein Profi mit Claude und Draw.io mit Gantt-Diagrammen erstellen

teacher avatar David Armendariz

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:41

    • 2.

      Wie arbeitet Claude mit Draw.io zusammen?

      2:33

    • 3.

      Aktivieren von Draw.io MCP

      1:14

    • 4.

      Claude zum Architekturdiagramm auffordern

      8:26

    • 5.

      Verfeinern der Architektur

      4:33

    • 6.

      Extrahieren der Aufgabenliste

      2:46

    • 7.

      Erstellen des Gantt-Diagramms

      6:02

    • 8.

      Das Ergebnis infrage stellen

      2:33

    • 9.

      Fazit

      1:24

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

21

Teilnehmer:innen

1

Projekt

Über diesen Kurs

In diesem Kurs lernen Sie, wie Sie die MCP-Integration von Claude AI mit Draw.io nutzen, um eine Systemidee in wenigen Minuten in ein produktionsfähiges Architekturdiagramm umzuwandeln – und diese Architektur anschließend mit einem Gantt-Diagramm in eine echte Projektschätzung umzuwandeln. Keine Erfahrung im Erstellen von Diagrammen erforderlich. Bringen Sie einfach eine Projektidee mit und verlassen Sie sich mit einem wiederholbaren Workflow, den Sie bei jedem Kickoff verwenden können.

Lernziele

  • So verbinden Sie Claude AI mit Draw.io mithilfe des MCP-Tools
  • Schreiben von Eingabeaufforderungen, die Layered Architecture Diagramme aus einfacher Sprache erzeugen
  • Wiederholen und Verfeinern von Diagrammen mit nachfolgenden Aufforderungen
  • Aufschlüsselung einer Architektur in Phasen und Aufgaben
  • So erstellen Sie ein Gantt-Diagramm mit realistischen Zeitachsen und Abhängigkeiten
  • So validieren Sie eine Schätzung und erkennen Sie Lücken vor Projektbeginn

Warum Sie diesen Kurs besuchen sollten

Projektmanager und technische Leiter verbringen zu viel Zeit mit Tools und zu wenig Zeit mit Nachdenken. Die Kombination von Claude AI und Draw.io ändert dies – Sie können eine komplexe Architektur in einem Gespräch skizzieren und innerhalb von Minuten ein visuelles, shareable Diagramm erstellen. Dieser Kurs bietet Ihnen einen Workflow, den Sie in realen Projekten und nicht nur in Übungen verwenden können.

Dein Kursprojekt

Sie entwerfen die komplette Architektur und den Projektplan für eine Web-App für den Einzelhandel für den Einzelhandel – ein System, das Sie tatsächlich bei der Arbeit erstellen würden. Am Ende reichen Sie ein Architekturdiagramm mit mindestens drei Ebenen und einer externen Integration sowie ein Gantt-Diagramm mit Abhängigkeiten in mindestens drei Phasen ein. Beide wurden mit Claude + Draw.io erstellt.

Triff deine:n Kursleiter:in

Teacher Profile Image

David Armendariz

Kursleiter:in

Hi! My name is David Armendariz. I am from Ecuador.

I studied mathematics at USFQ (Universidad San Francisco de Quito). However, I love coding and that's why I transitioned to the software industry. I love to share my knowledge here in Skillshare.

I hope you enjoy my courses as much as I enjoy doing them and remember: never stop learning!

Vollständiges Profil ansehen

Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hallo, und willkommen zu diesem Kursdiagramm und Schätzung Like a P mit Glot und Zeilenpunkt IO Ich bin David Armen Daris. Ich bin technischer Leiter und Softwarearchitekt und habe Jahre damit verbracht, Projekt-Kickofs bei denen der schwierige Teil nicht die Arbeit selbst war Es ging darum, alle darauf abzustimmen, was wir eigentlich bauen und wie lange es dauern wird Ich bin auch der Gründer und CTO von Delta Witz, einer Softwareberatung, die sich auf technische Exzellenz konzentriert In diesem Kurs lernen Sie, wie Sie Clot und Draw IO zusammen verwenden Clot und Draw IO zusammen um innerhalb von Minuten von einem leeren Canvas zu einem vollständigen Architekturdiagramm zu gelangen Minuten von einem leeren Canvas zu einem vollständigen Architekturdiagramm und diese Architektur dann in ein GAT-Diagramm mit echten Schätzungen und Abhängigkeiten umzuwandeln ein GAT-Diagramm mit echten Schätzungen und Wir werden vier Dinge behandeln. Einrichtung der Clots MCP-Integration mit Draw IO, sodass Clot Architekturdiagramme generiert und verfeinert, Ihre Architektur in Aufgaben und Phasen unterteilt und ein Gan-Diagramm generiert und validiert Dieser Kurs richtet sich an Projektmanager und technische Projektmanager Jeder, der komplexe Systeme klar kommunizieren und glaubwürdige Schätzungen vornehmen muss . Sie benötigen keine Programmiererfahrung, einen Clot-Account und Ratio, die beide kostenlos sind. Wenn Sie schon einmal zu Beginn eines Projekts mit einem leeren Spiegelbrett begonnen haben und nicht wussten, wo Sie anfangen sollen, ist dieser Kurs genau das Richtige für Lass uns das beheben und wir sehen uns in der ersten Lektion. 2. Wie arbeitet Claude mit Draw.io zusammen?: In meiner Firma Delta Wt haben wir einen Kunden, der eine Trading-Web-App benötigt Also werden wir das als praktisches Szenario verwenden. Das Problem wird so beschrieben. Eine Einzelhandelskette benötigt eine Web-App in der Kunden gebrauchte Geräte einbringen, das Personal sie bewertet und das System Preise und Inventar verwaltet Wir haben hier also vier Komponenten. Wir haben ein Frontend , in dem wir das Kundenportal und das Mitarbeiter-Dashboard haben Kundenportal und das Mitarbeiter-Dashboard Wir haben die Backend-Services, die Authentifizierung, Evaluierungs-Engine, die Inventarverwaltung und dann haben wir die Datenbankebene, die aus persistenten Speichern für Gerätedatensätze, Preise und Benutzer besteht , und wir haben externe Integrationen wie ein Zahlungsgateway oder einen Benachrichtigungsdienst Was ist also die alte Methode im Vergleich zur neuen Art im Vergleich zur neuen Art Jede Stunde, die Sie damit verbringen, manuell Diagramme oder Schätzungen von Gut Fill aus zu erstellen, ist eine Stunde, die Sie nicht Heute verfügen wir über Cloud- und andere KI-Tools, um schneller zu bauen Warum also nicht diese KI-Tools nutzen , um auch schneller Diagramme und Schätzungen zu erstellen? Also hier ist, was sich mit diesem Workflow ändert. In der alten Art hatten wir manuelles Diagramm Hours of Dragon Drop, in der neuen Art geben wir nur Eingabeaufforderung ein und das Diagramm ist in wenigen Minuten gerendert. Bei der alten Methode haben wir Schätzungen nur aus dem Bauchgefühl und den Erfahrungen der Vergangenheit gemacht. Bei der neuen Methode werden Gantt-Diagramme aus realen Architekturkomponenten abgeleitet Auf die alte Art bearbeiten wir alles, wenn sich die Architektur ändert, aber auf eine neue Art können wir mit Glut sofort per Follow-up-Prompt iterieren Glut sofort per Follow-up-Prompt Clot spricht also von Haus aus Draw Dio. Wir haben MCP, was für Model Context Protocol steht. Dabei handelt es sich um die Brücke , über die Clot direkt auf deine Draw Dio Canvas schreiben Sie brauchen kein Kopieren und Einfügen und kein manuelles Schreiben aus der Dose, weil Clot XML generiert So kann es eine Struktur schreiben, sofort XML zeichnen und dann dieses Diagramm zum Leben erwecken Sie müssen nur in einfacher Sprache beschreiben, was Sie benötigen, und dann können Sie es mit Bond verfeinern. Jede Iteration dauert Sekunden, sodass Sie auf dem Laufenden bleiben können Claude kümmert sich um das Markup und den schwierigen Teil. Ich hoffe es gefällt dir. Wir sehen uns in der nächsten Lektion. 3. Aktivieren von Draw.io MCP: Okay, jetzt werden wir den Draw-AO-MCP-Anschluss aktivieren . Also das ist sehr, sehr einfach. Sobald Sie in der Clot-Desktop-App sind, gehen Sie hier hin und klicken auf Einstellungen Dann gehst du zu den Anschlüssen, und ich habe das schon konfiguriert Aber lass mich es entfernen und es von Grund auf neu machen. Klicken Sie einfach auf diese Schaltfläche namens Custom Connector. Sie können es benennen, wie Sie wollen, und dann müssen Sie die URL des Remote-MCP-Servers eingeben Und es ist dieser HTTPs MCPW Punkt IO Slash MCP. Dadurch kann Clot auf das MCP DRO zugreifen und Aktionen Also fügen wir das hinzu und los geht's. Das ist das einzige, was Sie tun müssen, um das MCP von IO aus zu aktivieren 4. Claude zum Architekturdiagramm auffordern: Nachdem wir das MCP aktiviert haben, beginnen wir mit dem ersten Der erste Schritt besteht darin, Clot zur Erstellung eines Systemdiagramms aufzufordern. Wir werden also das Handelssystem im Klartext beschreiben , und Clot generiert ein geschichtetes Architekturdiagramm direkt in Profi-Tipp. Machen Sie genaue Angaben zu den Ebenen, den Akteuren und den Datenflüssen. Je mehr strukturelle Details Sie angeben, desto genauer ist die Ausgabe. Wir können das also als eine Reihe von Schritten betrachten. Der erste Schritt besteht darin, eine Aufforderung zu schreiben. Wir werden das System, die Komponenten, die Benutzer und die Datenflüsse beschreiben . Wir werden so genau wie möglich sein. Dann generiert Cloud das Diagramm, und dann können wir es verfeinern. Also lass uns zu Cloud gehen und lass uns hierher gehen. Und nur der Ordnung halber werden wir ein neues Projekt erstellen. Dieses Projekt wird Trading Web App heißen. Was versuchst du zu erreichen? Ein Architekturdiagramm und ein Gantentabular oder ein Handel mit dem Internet. Okay, großartig. Hier können Sie optional Anweisungen hinzufügen, wie sich die KI verhalten soll. Sie können Dateien hinzufügen, um mehr Kontext zu schaffen, aber wir benötigen nicht zu viel Kontext. Wir werden das von Grund auf neu machen. Also werde ich die Aufforderung hier schreiben. Ich muss ein Systemarchitekturdiagramm für ein Webo im Einzelhandel entwerfen für ein Webo im Einzelhandel Bitte erstellen Sie eine Ebene, erstellen Sie ein Layer-Architekturdiagramm in Drawdo mit Schauspieler, die Schauspieler werden also der Kunde sein, der ein externer Akteur ist, das Ladenpersonal, das ein interner Akteur ist Das sind also die Leute, die unsere Web-App benutzen, richtig? Und die Schichten. Was sind die Schichten? Nun, wir werden ein Frontend haben, das Kundenportal, das Mitarbeiter-Dashboard. Oh, ich werde damit aufhören. Ich bin noch nicht fertig. Zweitens werden wir ein API-Gateway haben. Welches wird ein einziger Einstiegspunkt für alle Kunden sein. Wir werden einige Backend-Services anbieten, den AT-Service, die Bewertungsmaschine, den Inventarservice. Wir werden eine Datenschicht haben. Also POSCRS, wir werden die POSCRS-Skull-Datenbank haben, den Lese-Cache, falls wir einen benötigen einen Also wahrscheinlich ein Zahlungsgateway, wir wollen eines, und einen Benachrichtigungsdienst, zum Beispiel Es folgen Daten, die zeigen, dass der Kunde zum Kundenportal, zum API-Gateway, zur Bewertungsmaschine und zum Zahlungsgateway gehen soll Was wir den Mitarbeitern sonst noch zeigen wollen, geht zum Mitarbeiter-Dashboard, das zum API-Gateway führt, das zum Inventarservice führt Der OT-Service befindet sich zwischen dem API-Gateway und allen AACN-Diensten Farbe, um die einzelnen Ebenen und Gruppen innerhalb der Dienste voneinander zu unterscheiden und Gruppen innerhalb der Dienste voneinander zu In einem Container mit der Bezeichnung Interne Dienste. Also auch bei dieser Aufforderung können Sie die Hilfe von KI verwenden , um diese Aufforderung zu generieren. Wenn Sie weitere Informationen haben , geben Sie diese Informationen hier ein. Wenn Sie noch nicht wissen welche Dinge Sie benötigen werden, können Sie die Hilfe von KI nutzen. Da es sich um einen sehr, sehr generischen Anwendungsfall handelt, habe ich KI verwendet, um diese Aufforderung ebenfalls zu generieren. Okay. Lassen Sie uns das jetzt entfernen und Sie können sofort sehen, dass Claude das Diagramm bereits aus Draw Dot IO erstellen möchte. Sie können sehen, dass es bereits versucht, das XML zu erstellen , das ich erwähnt habe. Klicken wir auf Immer zulassen. Wie Sie sehen können, erstellt Claude das Diagramm bereits. Jetzt haben wir also ein interaktives Diagramm in dem wir die Schauspieler haben, den externen Kunden, das Ladenpersonal, was ein internes ist. Beide durchlaufen also diese Frontend-Ebene, in wir das Kundenportal und das Mitarbeiter-Dashboard haben, und all diese stellen Anfragen an die API-Gateway-Ebene, wo wir den zentralen Einstiegspunkt für alle Kunden haben. In diesem Fall werden die Kunden also die Web-App für das Kundenportal und die Web-App für das Mitarbeiter-Dashboard sein. Das Backend, nun ja, wir haben die internen Dienste, das sind die Off-Service. Es kann also JWT, JSON Lap Token oder O of 2.0 sein, wir haben die Bewertungsmaschine die die Handelspreise festlegt, und wir haben den Inventarservice, für die Lagerverwaltung nützlich ist Und Sie können auch die Datenschicht sehen, die Posgrs als primäre Datenbank und einen Lesecache für die Sitzungen oder jede andere Art von Cache hat und einen Lesecache für die Sitzungen oder jede andere Art von Cache die Sitzungen oder jede andere Art Und diese Bewertungsmaschine ist, wie Sie sehen können, mit dem Zahlungsgateway verbunden Es kann Stripe oder Brain Tree sein. Das hängt, nun ja, den Zahlungsabwicklern ab, die Sie in Ihrem Land zur Verfügung haben, und der Inventarservice ist, tut mir leid, mit dem Benachrichtigungsservice verbunden . Wie Sie sehen können, sind die Pfeile ein wenig durcheinander. Sie haben jedoch die Möglichkeit, zu Open Indo Dot IO zu wechseln. Sie öffnen also die Tinte und hier können Sie dieses Diagramm manuell bearbeiten Im Moment haben die Diagramme diese Probleme, bei denen die Pfeile speziell diese Probleme haben , wenn Sie sie manuell verschieben müssen, aber das ist erst, nachdem Sie die Iteration Ich empfehle Ihnen also, zuerst die Iteration durchzuführen und dann all diese Pfeile so zu verschieben , dass sie sich nicht überlappen oder dass diese Dinge vielleicht besser aussehen, All diese Details können also nach der Iteration erledigt werden. Genau das werden wir als Nächstes tun , die verfeinerte Phase 5. Verfeinern der Architektur: Okay, wir können es jetzt verfeinern, ohne von vorne zu beginnen. Jede Folgeaufforderung führt zu einer Änderung des Schwerpunkts, sodass Sie keine Neuerstellung von Grund auf benötigen Einige Beispiele für eine Komponente, einen Dienst zur Betrugserkennung zwischen der Bewertungsmaschine und dem Zahlungsgateway Wir können auch sagen, die Struktur neu organisieren, die Backend-Services in einem VPC-Container gruppieren und wir können auch sagen: Hey, etwas Styling anwenden, einige AWS-Symbole für die Infrastrukturebene verwenden Eine Aufforderung bedeutet eine Änderung des Schwerpunkts. Dies ist die beste Vorgehensweise. Halten Sie also den Umfang der Eingabeaufforderungen so, dass sie zu saubereren und vorhersehbareren Ergebnissen führen können Gehen wir zur Blutgerinnung und machen wir tatsächlich eines davon Fügen Sie einen Dienst zur Betrugserkennung zwischen der Bewertungsmaschine und dem Zahlungsgateway Gehen wir also zu einem Betrugserkennungssystem zwischen der Bewertungsmaschine und was war es Das Zahlungsgateway und das Zahlungsgateway. Okay. Mal sehen, was das Gerinnsel bewirken wird. Clot wird also ein neues Diagramm erstellen. Das ist derzeit also eine der Einschränkungen beim MCP. Es wird nicht aktualisiert. Es gibt kein Aktualisierungsdiagramm. Es hat ein Diagramm erstellen. Wir können uns auch sicher sein, ob wir zu den Einstellungen gehen , vielleicht zu dieser. Hier können Sie in den Konnektoren sehen , dass es Diagramme erstellt und Formen gesucht hat. Das sind also die einzigen zwei Dinge, die das NCP bietet. Das sind also die Tools , über die die NCP verfügt. Es gibt also kein Diagramm aktualisieren oder Diagramm löschen. Ich werde ein neues Diagramm von Grund auf neu erstellen. Deshalb habe ich dir in der letzten Lektion gesagt, dass, okay, neu anordnen die Pfeile neu anordnen und all diese Dinge, wenn du dir der endgültigen Struktur sicher bist In diesem Fall haben wir jetzt also die Risikobewertung bei der Betrugserkennung Okay. Und ja, das ist ein bisschen durcheinander Aber auch hier kannst du das in Dryo öffnen und es für die endgültige Architektur verschieben Das ist das einzige, was Sie einige Zeit in Anspruch nehmen wird Sie einige Zeit in Anspruch nehmen Das ist die einzige zeitaufwändige Aufgabe, sicherzustellen, dass sich diese Pfeile im Grunde nicht überlappen, denn im Moment versucht es , sein Bestes zu geben, um das gesamte Diagramm an einem Ort zu haben. Deshalb überlappen sich die Pfeile. Und vielleicht auch die Blöcke. Okay, der Betrugserkennungsdienst wurde dem Container für interne Dienste mit drei neuen Verbindungen hinzugefügt . Die Bewertungsmaschine zur Betrugserkennung, die als Risikocheck für die Transaktion bezeichnet Risikocheck für die Transaktion wird bewertet, bevor ein Zahlungsversuch unternommen wird. Die Betrugserkennung an das Zahlungsgateway mit der Bezeichnung „ Genehmigt“ wird nur gelöscht, wenn die Risikoprüfung bestanden wurde und die Betrugserkennung an den Benachrichtigungsdienst Alert TRO löst eine E-Mail- und SMS-Benachrichtigung aus, wenn eine Transaktion markiert wird Okay. Und es heißt auch, dass die Betrugserkennung aufgrund von Lesevorgängen immer Das ist typisch für das schnelle Nachschlagen von Bloglisten, Ratenlimits und jüngsten Transaktionshistorie bei der Risikobewertung So iterieren wir also. Ich hoffe es gefällt dir. Versuche dasselbe zu tun. Aber zum Beispiel die Struktur erkennen oder das Styling anwenden und sehen, was die Ergebnisse sind. Aber denken Sie immer an eine Aufforderung, eine Änderung des Schwerpunkts. 6. Extrahieren der Aufgabenliste: Jetzt, wo Sie Ihr Architekturdiagramm haben, werden wir Claude bitten, die Architektur zu lesen Sie katalogisieren die Architektur also nicht manuell, sondern bitten Cloud, dies zu tun. Eine Aufforderung verwandelt Ihr fertiges Diagramm in strukturelle Aufgabenliste, die bereit ist , in den Gent zu passen. Was ist also die Bridge-Eingabeaufforderung? Es bedeutet, dass wir auf der Grundlage des Architekturdiagramms einfach alle Schlüsselkomponenten erstellen, identifizieren und sie in Bauphasen gruppieren. Listen Sie für jede Phase die Hauptaufgabe auf und legen Sie fest, welche Aufgaben von anderen blockiert werden. Es wird also das Komponenteninventar ausgegeben. Für jeden Service und jedes Modul aus dem Diagramm wird es also wird es eine Aufschlüsselung der einzelnen Phasen geben, in der Sie die Entdeckung, das Design, den Build, das Q und die Markteinführung durchführen. Wir werden sehen, ob Cloud dazu in der Lage ist. Und wir werden diese Abhängigkeiten ändern, die Aufgaben so lange beginnen können, bis andere erledigt sind. Profi-Tipp: Diese Ausgabe wird zur direkten Eingabe für Ihre Gant-Eingabeaufforderung in Lektion vier, sodass keine Formatierung erforderlich ist Beachten Sie jedoch Folgendes: Wenn wir diese Eingabeaufforderung kopieren und in Clot einfügen, versucht Clot, das Diagramm in DrawIO zu erstellen Aber ich denke, DrawIO ist dafür nicht das richtige Tool. In Lektion 4 werden wir es also mit einem anderen Tool vergleichen, das Meerjungfrau heißt Aber ich habe die Eingabeaufforderung hier bereits kopiert und eingefügt, und Sie können sehen, dass es versucht, das Diagramm selbst zu erstellen Eins, Phase zwei, Phase drei, Phase vier, und die erste Phase umfasst die Einrichtung von Poscres, die fertige Einrichtung, das Service-API-Gateway, und dann haben wir die Kerndienste, die Integrationen und das Hardening Das ist es also, was es generiert hat, weil es dachte : Hey, ich mache Diagramme Wahrscheinlich wollen wir noch ein Diagramm, das ein Riesendiagramm ist, oder? Aber was wir eigentlich für Lektion vier wollen, ich meine, wenn Sie mit diesem Diagramm einverstanden sind, dann fahren Sie fort Du kannst es benutzen. Aber was ich verwenden möchte, ist das, die Phase eins, die Phase zwei, die Phase drei und die Phase vier. Also werden wir eine weitere Eingabeaufforderung verwenden, um dies mit einem bestimmten Format zu generieren dies mit einem bestimmten Format , um es an Mermaid anzupassen 7. Erstellen des Gantt-Diagramms: Bisher tolle Arbeit. Jetzt haben wir ein grundlegendes Gantt-Diagramm, aber wir möchten es verbessern Also werden wir Clot auffordern, ein Gantt-Diagramm zu erstellen, das jedoch spezifisch für jedoch spezifisch Wir nehmen also die Strukturaufgabenliste , die Gerinnsel in der letzten Lektion erstellt hat, und fügen sie direkt wieder ein Clot wird also das Mermaid JS-Gantt-Diagramm verwenden , bei dem Abhängigkeiten von der Dauer und die Reihenfolge Die Beispielaufforderung, die Sie verwenden können, besteht also darin, die Phasen- und Aufgabenaufschlüsselung zu verwenden, die Sie mir gerade gegeben haben, ein GAN-Diagramm im Mermaid JS-Format zu erstellen, einer Zeitleiste von zehn Wochen auszugehen und alle Abhängigkeiten zwischen Aufgaben anzuzeigen darin, die Phasen- und Aufgabenaufschlüsselung zu verwenden, die Sie mir gerade gegeben haben, ein GAN-Diagramm im Mermaid JS-Format zu erstellen, von einer Zeitleiste von zehn Wochen auszugehen und alle Abhängigkeiten zwischen Aufgaben anzuzeigen . Okay. Nachdem wir das gemacht haben, rendern wir den Code, den Clot für uns generieren wird, und das ist Mermid-Code Also können wir das in Mermaid Live oder ein anderes unterstütztes Tool integrieren und dann die Feinabstimmung vornehmen, wenn sich Das sind also die Schritte die Gerinnsel-Ausgabe zurückgeben, den Mermid-Code abrufen und diesen Code rendern Gehen wir also zu Clot und fügen wir die Eingabeaufforderung ein. Also werde ich das einfach kopieren und hier einfügen. Wie Sie sehen können, versucht es immer noch, ein Draw-IO-Diagramm zu erstellen. Es ist also besessen davon, Dinge in Draw Dot IO zu tun. Aber ich werde es sagen, gib mir stattdessen den Code der Meerjungfrau. Also lass uns sehen, ob Claude es jetzt besser macht. Oh, okay. Also lass uns das kopieren. Und lass uns zu Mermaid gehen und es hier codieren. Im Moment haben wir also einen Syntaxfehler. Wenn Sie ein Konto haben, können Sie diesen KI-Bericht erstellen. Aber lassen Sie uns diesen Fehler kopieren und wieder auf Stoff einfügen. Weil ich denke, dass es das nicht war, es hat diesen Preisnachlass Gehen wir also zurück und kopieren den Code. Ich wollte eigentlich nur den Code. Also hier ist er. Hier ist das Gantt-Diagramm, aber das ist besser, oder? Lassen Sie uns es also erweitern. Und lassen Sie uns sehen, dass Postgres noch eingerichtet ist, das fertige Setup und der OT-Service Das wird am 26. April beginnen, oder? Und das können unabhängige Aufgaben sein. Dann können Sie das API Gateway-Skelett verwenden und die Bewertungsmaschine und den Inventarservice parallel ausführen. Aber nachdem Sie die Bewertungsmaschine erstellt haben, können Sie das Kundenportal einrichten. Nachdem Sie den Inventarservice eingerichtet haben, können Sie das Mitarbeiter-Dashboard erstellen. Und ja, Sie können den Benachrichtigungsdienst parallel nutzen. Parallel zum Kundenportal können Sie den Betrugserkennungsdienst und nach dem Betrugserkennungsdienst den Zahlungsgateway nutzen. Und parallel zum Kundenportal und zur Betrugserkennung können Sie sicherstellen , können Sie sicherstellen alles durch Authentifizierung geschützt wird, und parallel zum Zahlungsgateway können Sie die Betrugsregeln anpassen. Und nachdem Sie hier alles erledigt haben, können Sie die End-to-End-Flow-Tests durchführen. Und letztendlich können Sie die Belastungstests und die Skalierung durchführen. Und Sie können hier sehen , dass Sie die Daten haben. Es reicht vom 26. April bis 7. Juni. Dies ist also ein zehnwöchiger Buildplan für diese Web-App für den Einzelhandel. Das ist also großartig. Offensichtlich musst du das überprüfen. KI ist nur ein Copilot. Sie haben bereits gesehen, dass es einige Fehler gemacht hat. Es hat mir das gegeben. Ich habe versucht, das mit Markdown zu rendern. Aber es ist gescheitert. Nun, es ist nicht gescheitert. Es ist nur so, dass es nicht so schön aussieht wie in The Merman That Live Editor Also sage ich es, Hey ist der Fehler. Gib mir im Grunde einfach den Code und wir rendern ihn selbst. Es hat immer noch versucht, das Diagramm zu erstellen. Es hat immer noch versucht, dieses Tool aufzurufen. Also ja. Wir haben es gerade gesagt, hey, gib mir einfach die Meerjungfrau, den Jazz-Code Ich habe versucht , das im Markdown zu rendern, dann gib mir einfach den Code Und mit diesem Code konnten wir Gantt-Diagramm rendern Das ist es also. Ich hoffe es gefällt dir. Ich sehe mir die nächste Lektion an. 8. Das Ergebnis infrage stellen: Sobald Sie das Gantt-Diagramm haben, denken Sie daran, dass dies nur eine Schätzung ist , dass KI Fehler machen kann Ein Gantt-Diagramm von Claude ist nur ein Ausgangspunkt, kein Evangelium Verwenden Sie diese Checkliste, um Drucktest zu unterziehen, bevor Sie sie mit allen Beteiligten teilen Kritischer Pfad. Führt die Reihenfolge der blockierenden Aufgaben logischerweise zum Start Also, wenn wir das Diagramm sehen, ja, es macht sehr viel Sinn Zum Beispiel ist der Belastungstest am Ende. Es ist also sehr sinnvoll , dass zum Beispiel der Lasttest vor allem anderen steht. Das macht sehr viel Sinn. Abhängigkeiten, keine Aufgaben beginnen bevor der Vorgänger abgeschlossen ist. Sie können beispielsweise sehen, Kundenportal der Bewertungsmaschine nachempfunden ist. Macht das für dich Sinn? Nun, je nach Team kann es für Sie Sinn machen. Ihr Frontend-Techniker kann beispielsweise schon zu Beginn des Projekts damit beginnen und Daten verspotten, damit beginnen und Daten verspotten um Fortschritte zu erzielen Wenn Sie also sehr effizient arbeiten möchten, müssen Sie die Bewertungsmaschine nicht vor dem Kundenportal fertig Kunden- und Mitarbeiter-Dashboard, sie können erledigt werden, bevor jede freie Dienstleistung abgeschlossen ist Aber auch das hängt von der Größe Ihres Teams ab. Wenn nur eine Person an diesem Projekt arbeitet, dann ist das wahrscheinlich, ja, sinnvoller. Das ist also der vierte Punkt. Teamannahmen, Teamgröße und Verfügbarkeit werden angegeben, nicht impliziert Wenn wir Claude vielleicht sagen würden: „Hey, wir haben einen Endtechniker, wir haben einen Frontend-Ingenieur“, dann hätte sich diese Tabelle wahrscheinlich geändert, um dem Rechnung zu tragen, aber es wurde davon ausgegangen, dass wir wahrscheinlich nur eine Person haben, ich weiß es nicht Pufferzeit, expliziter Puffer ist vor dem Startmeilenstein enthalten. Also ja, du musst berücksichtigen, dass die Fehler passieren. Vieles kann schief gehen. Vielleicht haben Sie keinen Zugang zur Infrastruktur. In jedem Projekt können viele Dinge passieren, also müssen Sie das berücksichtigen. Profi-Tipp: Verwenden Sie das Gantt-Diagramm, um Annahmen in Frage zu stellen , und dokumentieren Sie sie nicht nur 9. Fazit: Wir nähern uns dem Ende dieses Kurses. Für das Klassenprojekt müssen Sie eine beliebige Idee aufgreifen, Cloud verwenden und diese I/O zeichnen, um zwei Ergebnisse zu erstellen. Sie müssen vollständig mit Cloud generiert werden und das I/O-MCP zeichnen Das erste Ergebnis wird ein Architekturdiagramm sein, mindestens drei Ebenen und eine externe Integration hat und ein Diagramm mit mindestens drei Phasen mit Abhängigkeit und der Ausgabe als Mermaid Dot JS beginnt und in einem Mermaid Viewer wie Mermaid Dot Live gerendert einem Mermaid Viewer wie Also, was können Sie jetzt tun? Sie haben einen Workflow entwickelt , der stundenlange Planungen in einer einzigen Fokussitzung Sie können jetzt schnell Diagramme erstellen. Sie können eine verbale Beschreibung in strukturierte Diagrammprotokolle umwandeln. Sie können problemlos iterieren, Architektur mithilfe von Eingabeaufforderungen verfeinern, ohne dass Änderungen per Drag-and-Drop vorgenommen Sie können von Anfang bis Ende planen, von der Architektur über die Aufgabenleiste bis hin zum Gant gehen , Diagramme in nur einer Sitzung erstellen und diese Schätzungen sichtbar machen So können Sie Annahmen an die Oberfläche bringen , sodass das gesamte Team sie hinterfragen kann Im nächsten Schritt wenden Sie diesen Workflow auf Ihren nächsten echten Projekt-Kickoff vor der Whiteboard-Sitzung an, Ich hoffe, Ihnen gefällt dieser Kurs und wir sehen uns im nächsten Kurs. Tschüss.