AI Personal Learning
und praktische Anleitung

Erstellung von Flussdiagrammen und Mind Maps

Das Dokument verwendet die ChatGPT Demonstration, Code zur Dokumentenerstellung Bitte passen Sie die Software an, um das Bild selbst zu exportieren.
Das Flussdiagramm zur Generierung von Prompt-Wörtern bietet eine schnelle visuelle Zusammenfassung der mühsamen Arbeit und ermöglicht es, die Generierung von Artikeln mit benutzerfreundlicheren grafischen Elementen zu versehen.

Verwandte Tools.


1) Mermaid ist eine JavaScript-Bibliothek zur Erstellung von Flussdiagrammen, Zeitdiagrammen, Klassendiagrammen und mehr.

2 Mindmap ist ein Werkzeug zur Erstellung von konzeptionellen Diagrammen, die häufig in Mindmapping-, Mindmapping- und Brainmapping-Szenarien verwendet werden.

3. graphvizDOT ist ein Werkzeug zur Erstellung von Flussdiagrammen, Zustandsübergangsdiagrammen, Organisationsdiagrammen, Zeitdiagrammen und mehr, das Knoten und Kanten zur Darstellung von Beziehungen und reichhaltige Layout-Optionen zur Steuerung des Erscheinungsbildes des Diagramms verwendet.

 

Flussdiagramm generieren

 

Hinweis

 

Nixe

Tortendiagramme: Verwenden Sie das Schlüsselwort pie, das später noch ausführlicher behandelt wird.

Flussdiagramm: Verwenden Sie das Schlüsselwort graph, auf das später noch näher eingegangen wird.

Sequenzdiagramme: Verwendung des Schlüsselworts sequenceDiagram

Gantt-Diagramm: Verwendung des Schlüsselworts gantt

Klassendiagramme: Verwenden Sie das Schlüsselwort classDiagram

Zustandsdiagramme: Verwendung des Schlüsselworts stateDiagram

User Journey Mapping: Verwendung des Schlüsselworts Journey

 

Erste Schritte Beispiel

 

#### Wie man Mermaid-Plot-Ausdrücke mit chatGPT erzeugt
Das Kernstück ist ein zweistufiger Prozess, bei dem zum einen die benötigte Prozessbeschreibung aus der Eingabeaufforderung und zum anderen der Prozessnixenausdruck aus der Eingabeaufforderung generiert wird.
Allgemeiner Tipp:
Rolle: Sie sind Experte für `***'
Aufgabe 1: `***`-Szenario, wie läuft der gesamte Prozess ab, geben Sie einen konkreten Interaktionsablauf an
Aufgabe 2: Schreiben Sie den obigen Prozess erneut in der Mermaid-Syntax

#### z.B. Flussdiagramme mit Diagrammen
Öffnen Sie diagrams.net (https://app.diagrams.net/) Kopieren Sie den Mermaid-Syntax-Flussdiagramm-Code in Advanced, um das Flussdiagramm zu erstellen.

 

Flussdiagramm generieren

 

Nixe
Grafik TD.
A[Benutzer] --> B[Browser].
B --> C [DNS-Server].
C --> D [lokaler Cache].
D --> |cache misses| E[DNS-Auflösung].
E --> F [DNS-Server].
F --> G [IP-Adresse ermitteln].
B --> H [Webserver].
H --> I[TCP-Verbindungsanfrage].
I --> J [Webserver].
J --> K [HTTP-Anfrage].
K --> L[Anfragemethode, Anfragekopf, Anfragekörper].
J --> M [Bearbeitung der Anfrage].
M --> |vorhandene Ressource| N [Antwortnachricht];
N --> O[Antwortstatuscode, Antwortkopf, Antwortkörper].
B --> P[Browser parst gerenderte Seite];
O --> P.
M --> |Keine Ressource vorhanden| Q [return 404 status code].
Q --> O.
P --> R [Ressourcen herunterladen].
R --> S [Zugang zu Ressourcen].
H --> T [Bearbeitung von Ressourcenanforderungen].
T --> |vorhandene Ressource| U[Antwortnachricht der Ressource];
U --> V[Statuscode der Ressource, Antwortkopf, Antwortkörper].
R --> P.
T --> |Keine Ressource vorhanden| W [return 404 status code].
W --> U.
```

 

 

Wie man schnell nach Szenen zeichnet

 

1) Sequenzdiagramm des Browser-URL-Interaktionsflusses, Import von Meerjungfrauen-Ausdrücken in diagrams.net

Nixe
sequenceDiagram
Teilnehmer-Browser
Teilnehmer DNS-Server
Teilnehmer-Webserver

Browser->>DNS Server: DNS-Abfrage der IP-Adresse des Domainnamens der Website
DNS-Server -->> Browser: Rückgabe der IP-Adresse

Browser->>Webserver: Initiiert eine HTTP-Anfrage
Webserver -->> Browser: Rückgabe der HTTP-Antwort (HTML-Inhalt)

Browser->>Webserver: Anforderung von in HTML eingebetteten Ressourcen (Bilder, Stile, JS usw.)
Webserver -->> Browser: Zurück zum Ressourceninhalt

Browser -->> Browser: Analysiert HTML und Ressourcen, rendert Webseiten.
Browser-->>Benutzer: Seite anzeigen

Benutzer->>Browser: interagiert mit der Webseite, erzeugt neue Anfragen
Browser->>Webserver: Initiiert eine HTTP-Anfrage
Webserver -->> Browser: HTTP-Antwort zurückgeben
```

2. die Interaktionssequenz eines Benutzers, der auf die WeChat-App zugreift und Meerjungfrauenausdrücke in diagrams.net importiert

Nixe
sequenceDiagram
Teilnehmer-Benutzer
Teilnehmer wechat app
Teilnehmer Lokaler VPN-Server
Teilnehmer wechat server

Benutzer->>WeChat APP: Klicken Sie auf das WeChat APP Symbol
WeChat APP->>WeChat Server: HTTPS-Anfrage senden
WeChat Server-->>WeChat APP: HTTP-Antwort zurückgeben
WeChat APP->>WeChat Server: Analysieren der Antwortnachricht

Hinweis an den Benutzer: Nachfolgend wird die Vorgehensweise zum Aufbau einer VPN-Verbindung beschrieben
alt network ist nicht von microsoft services abgedeckt
WeChat APP->>Lokaler VPN-Server: VPN-Verbindungsanfrage senden
Lokaler VPN-Server->>WeChat-Server: VPN-Verbindung aufbauen
Ende
```

3) Flussdiagramm der Interaktion eines Benutzers, der auf die WeChat-App zugreift, Import von Meerjungfrauenausdrücken in diagrams.net
Mermaid-Syntax in der aktuellen Textumgebung kann nicht richtig geparst werden, kann geändert werden, um mit dem Markdown-Format kompatibel zu sein.

Nixe
Untergraph Kunde
klicken[WeChat APP-Symbol anklicken] --> Anfrage[WeChat APP sendet HTTPS-Anfrage an WeChat-Server]
Ende

Untergraf Lokaler VPN-Server
judge[Ermitteln, ob sich das Netzwerk innerhalb des WeChat-Dienstbereichs befindet] -->|not in| establish[WeChat APP sendet Verbindungsanfrage an lokalen VPN-Server, um VPN-Verbindung aufzubauen]
Ende

subgraph wechat server side
request --> authenticate [microsoft server authentication und authentication of request]
authenticate -->|request is legitimate| response [WeChat-Server sendet HTTP-Antwortnachricht an WeChat APP]
Antwort --> parse[microsoft app parse response message]
Ende

parse -->|erforderlich| request_more [WeChat APP zur Initiierung weiterer Anfragen und Interaktionen mit dem WeChat Server]
```

Beachten Sie, dass in Mermaid-Ausdrücken keine Klammern () in der Beschreibung vorkommen dürfen; Interpunktionsausdrücke, die im englischen Format sein müssen, z. B. Doppelpunkte, Kommas.

 

 

Erstellen einer Mind Map

 

Hinweis

 

Mindmap

 

Erste Schritte Beispiel

 

Stichwort Wort:
Der Prozess des Besuchs der Acht Großen Orte, die Kombination mit einer Mindmap, die Erstellung der Mindmap-Auszeichnungssprache

Ausgangscode:

Der Prozess des Spielens in Badaqi

- beabsichtigen
- Bestimmen Sie das Datum der Exkursion
- Kauf von Fahrkarten
- Prüfen Sie die Wettervorhersage
- Bereiten Sie Wasser, Snacks, Sonnenschutzmittel usw. vor.

- Ankunft in Badaqi
- Anreise mit dem Bus/Fahrzeug
- Suche nach einem Parkplatz/Kauf eines Parkscheins
- Betreten des landschaftlich reizvollen Gebiets

- Sightseeing
- Besuch des Jade-Buddha-Tempels
- Besuchen Sie die Dreizehn Gräber
- In den Qinglong-See
- Besteigen Sie den Tausend-Fuß-Felsen.
- Erleben Sie die Landschaft des Tals der Wölfe
- Besichtigung des Botanischen Gartens
- Ice World spielen
- Treffen Sie die aufregenden Autoscooter

- Essen
- Auswahl eines Restaurants
- Essen bestellen
- Essen

- ruhend
- Pause
- Trinkwasser für Energie

- Fortsetzung der Tour
- Die Herausforderung der Seilrutsche
- Versuchen Sie Klettern.
- Erleben Sie den Nervenkitzel des Raftings
- Treffen Sie das Karussell

- Kauf von Souvenirs
- Auswahl an Souvenirläden
- Kauf von Souvenirs
- Bezahlung

- Verlassen Sie Badaqi.
- Zu Fuß gehen/den Bus nach Hause nehmen
- Organisieren Sie Ihr persönliches Hab und Gut
- Ende eines angenehmen Tages

Code-Beispiel:

Der Prozess des Spielens in Badaqi

- beabsichtigen
- Bestimmen Sie das Datum der Exkursion
- Kauf von Fahrkarten
- Prüfen Sie die Wettervorhersage
- Bereiten Sie Wasser, Snacks, Sonnenschutzmittel usw. vor.

- Ankunft in Badaqi
- Anreise mit dem Bus/Fahrzeug
- Suche nach einem Parkplatz/Kauf eines Parkscheins
- Betreten des landschaftlich reizvollen Gebiets

- Sightseeing
- Besuch des Jade-Buddha-Tempels
- Besuchen Sie die Dreizehn Gräber
- In den Qinglong-See
- Besteigen Sie den Tausend-Fuß-Felsen.
- Erleben Sie die Landschaft des Tals der Wölfe
- Besichtigung des Botanischen Gartens
- Ice World spielen
- Treffen Sie die aufregenden Autoscooter

- Essen
- Auswahl eines Restaurants
- Essen bestellen
- Essen

- ruhend
- Pause
- Trinkwasser für Energie

- Fortsetzung der Tour
- Die Herausforderung der Seilrutsche
- Versuchen Sie Klettern.
- Erleben Sie den Nervenkitzel des Raftings
- Treffen Sie das Karussell

- Kauf von Souvenirs
- Auswahl an Souvenirläden
- Kauf von Souvenirs
- Bezahlung

- Verlassen Sie Badaqi.
- Zu Fuß gehen/den Bus nach Hause nehmen
- Organisieren Sie Ihr persönliches Hab und Gut
- Ende eines angenehmen Tages

>Der obige Code kann nicht direkt in den Notizen ausgeführt werden. Klicken Sie auf [Mind Map generieren] (https://markmap.js.org/repl), der Code wird hineinkopiert und Sie können das Originalbild direkt herunterladen.

 

Komplexe Flussdiagramme generieren

 

Hinweis

 

GraphvizDOT

 

Erste Schritte Beispiel

 

Stichwort Wort:
Ich möchte, dass Sie als Graphviz DOT-Generator fungieren, als Experte für die Erstellung aussagekräftiger Diagramme. Helfen Sie mir, ein Wasserzyklus-Diagramm zu erstellen. Der Inhalt des Codes ist auf Chinesisch.

Ausgangscode:

Digraph G {
rankdir=LR.
node[shape=circle, fontname="Arial"];
edge[fontname="Arial", fontsize=12].

// Definieren Sie den Knoten
Erde [label="Erde"].
Seen [label="Seen"].
Meere [label="Meere"].
Sonne [label="Sonne"].
Atmosphäre [label="Atmosphere"].
Wolken [label="Clouds"].
Regen [label="Regen"].
Eis und Schnee [label="Eis und Schnee"].
Flüsse [label="Flüsse"].
Vegetation [label="Vegetation"].

// Definieren Sie die Kanten
Sonne -> Atmosphäre [label="Strahlung"].
Atmosphäre -> Erde [label="Strahlung"].
Erde -> Seen [label="Grundwasseranreicherung"].
Erde -> Ozeane [label="River Replenishment"].
Seen -> Flüsse [label="Ströme"].
Ozeane -> Atmosphäre [label="Verdunstung"].
Atmosphäre -> Wolken [label="Kondenswasser"].
Wolken -> Regen [label="Niederschlag"].
Niederschlag -> Seen [label="Abfluss"].
Niederschlag -> Bäche [label="Abfluss"].
Eis -> Seen [label="Schmelzen"];;
Eis und Schnee -> Fluss [label="Schmelzen"].
Vegetation -> Atmosphäre [label="Transpiration"].
Vegetation -> Erde [label="Bodenfeuchtigkeit"].
}

 

Fortgeschrittene Beispiele

 

Stichwort Wort:
Ich möchte, dass Sie als Graphviz DOT-Generator agieren, als Experte für die Erstellung sinnvoller Graphen. Der Graph sollte mindestens n Knoten haben (ich gebe n in meiner Eingabe an, indem ich [n] schreibe, 10 ist der Standard) und eine genaue und komplexe Darstellung der gegebenen Eingabe sein. Jeder Knoten wird durch eine Zahl indiziert, um die Größe der Ausgabe zu reduzieren, sollte keine Stile enthalten und mit layout=neato, overlap=false, node [shape=rectangle] parametrisiert sein. Der Code sollte gültig und fehlerfrei sein und in einer Zeile ohne jegliche Erklärung zurückgegeben werden. Liefern Sie klare und übersichtliche Diagramme, die Beziehungen zwischen den Knoten müssen für einen Experten auf diesem Gebiet einen Sinn ergeben. Mein erstes Diagramm ist: "Wasserkreislauf [8]".
> Dieses Beispiel verstärkt die Rollen, bringt n als Variable ein, abstrahiert den Code, die Stilanforderungen, die Parameterbenennung, verbessert die Gültigkeit des Codes und reduziert redundanten Code. Dieses Beispiel bietet mehr Möglichkeiten.

 

Ausgangscode:

Digraph {
layout=neato; overlap=false; node [shape=rectangle];
0[label="Verdampfung"];
1[label="Atmosphäre"].
2[label="Kondenswasser"].
3[label="Niederschlag"].
4[label="Land"].
5[label="Grundwasser"].
6[label="Oberflächenabfluss"].
7[label="Ozeane"].
0 -> 1;
1 -> 2;
2 -> 3.
3 -> 4.
3 -> 5.
3 -> 6.
3 -> 7.
}

 

erDiagramm
USERS ||--o{ USER_ROLES }o--|| ROLES : "Benutzer-Rollen"

MAPS }o--|| LEVELS : level
LEVELS ||--o{ OBJECTIVES } : Ziel

Benutzer {
uuid benutzer_id
Text-E-Mail
Textdatum
int Anfragen_Zahl
user_id *--1 user
}

chats {
uuid chat_id
uuid benutzer_id
Zeitstempel creation_time
json-Geschichte
text chat_name
}

chat_history {
uuid nachricht_id
uuid chat_id
text user_message
Textassistent
Zeitstempel message_time
}

Vektoren {
uuid id
Textinhalt
jsonb-Metadaten
Vektor(1536) Einbettung
}

stats {
Zeitstempel Zeit
boolescher Chat
boolesche Einbettung
Textdetails
jsonb-Metadaten
Seriennummer
}

Zusammenfassungen {
Großseriennummer
uuid dokument_id
Textinhalt
jsonb-Metadaten
Vektor(1536) Einbettung
}

api_keys {
uuid schlüssel_id
uuid benutzer_id
text api_key
Zeitstempel creation_time
Zeitstempel deleted_time
boolean is_active
}

Gehirne {
uuid brain_id
Textname
Textstatus
Textmodell
text max_tokens
Schwimmertemperatur
}

brains_users {
uuid brain_id
uuid benutzer_id
varchar Rechte
boolean default_brain
}

brains_vectors {
uuid brain_id
uuid vector_id
text datei_sha1
}

brain_subscription_invitations {
uuid brain_id
varchar E-Mail
varchar Rechte
}

Migrationen {
varchar name
timestamptz ausgeführt_am
}

AI Leichtes Lernen

Der Leitfaden für Laien zum Einstieg in die KI

Hilft Ihnen, die Nutzung von KI-Tools kostengünstig und von Null an zu erlernen.KI ist, wie Bürosoftware, eine wesentliche Fähigkeit für jeden. Die Beherrschung von KI verschafft Ihnen einen Vorteil bei der Stellensuche und die Hälfte des Aufwands bei Ihrer zukünftigen Arbeit und Ihrem Studium.

Details ansehen>
Darf nicht ohne Genehmigung vervielfältigt werden:Chef-KI-Austauschkreis " Erstellung von Flussdiagrammen und Mind Maps

Chef-KI-Austauschkreis

Der Chief AI Sharing Circle konzentriert sich auf das KI-Lernen und bietet umfassende KI-Lerninhalte, KI-Tools und praktische Anleitungen. Unser Ziel ist es, den Nutzern dabei zu helfen, die KI-Technologie zu beherrschen und gemeinsam das unbegrenzte Potenzial der KI durch hochwertige Inhalte und den Austausch praktischer Erfahrungen zu erkunden. Egal, ob Sie ein KI-Anfänger oder ein erfahrener Experte sind, dies ist der ideale Ort für Sie, um Wissen zu erwerben, Ihre Fähigkeiten zu verbessern und Innovationen zu verwirklichen.

Kontaktieren Sie uns
de_DE_formalDeutsch (Sie)