feat: uitlegvideo bij elke handleiding (schermafbeeldingen, Nederlandse stem, ondertitels)
- video-script.md, video-*.mp4 en .srt in de acht mappen - README-sectie Video's en CHANGELOG Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,516 @@
|
||||
1
|
||||
00:00:00,000 --> 00:00:05,739
|
||||
Welkom bij de eerste handleiding van de reeks AI Agents met Dify voor school.
|
||||
|
||||
2
|
||||
00:00:05,789 --> 00:00:07,619
|
||||
Je bouwt Tekst op niveau:
|
||||
|
||||
3
|
||||
00:00:07,669 --> 00:00:14,611
|
||||
een app die een tekst herschrijft voor een gekozen niveau en er drie begripsvragen bij maakt.
|
||||
|
||||
4
|
||||
00:00:14,661 --> 00:00:21,002
|
||||
Twee denkstappen achter elkaar, gepubliceerd als webpagina die zonder inloggen werkt.
|
||||
|
||||
5
|
||||
00:00:21,052 --> 00:00:25,287
|
||||
Het is de kleinste app uit de reeks, en de belangrijkste:
|
||||
|
||||
6
|
||||
00:00:25,337 --> 00:00:27,769
|
||||
hier leer je wat een workflow is.
|
||||
|
||||
7
|
||||
00:00:27,819 --> 00:00:32,856
|
||||
Vaste stappen, één invoer, één uitvoer, en jij bepaalt de volgorde.
|
||||
|
||||
8
|
||||
00:00:33,656 --> 00:00:38,447
|
||||
Je hebt een gratis account nodig op cloud punt dify punt ai.
|
||||
|
||||
9
|
||||
00:00:38,497 --> 00:00:39,899
|
||||
Dat is de sandbox:
|
||||
|
||||
10
|
||||
00:00:39,949 --> 00:00:42,562
|
||||
tweehonderd credits en vijf apps.
|
||||
|
||||
11
|
||||
00:00:42,612 --> 00:00:48,371
|
||||
Die credits zijn eenmalig, niet per maand, dus we gaan er zuinig mee om.
|
||||
|
||||
12
|
||||
00:00:48,421 --> 00:00:53,858
|
||||
De menu's staan in het Nederlands, de knoppen in de app zijn Engels.
|
||||
|
||||
13
|
||||
00:00:53,908 --> 00:00:58,184
|
||||
Ik noem de Engelse namen zoals ze op je scherm staan.
|
||||
|
||||
14
|
||||
00:00:58,984 --> 00:00:59,558
|
||||
Log in.
|
||||
|
||||
15
|
||||
00:00:59,608 --> 00:01:01,787
|
||||
Je komt binnen in Studio:
|
||||
|
||||
16
|
||||
00:01:01,837 --> 00:01:04,104
|
||||
het overzicht van je apps.
|
||||
|
||||
17
|
||||
00:01:04,154 --> 00:01:10,840
|
||||
Linksboven staat je werkruimte met het label Sandbox en het aantal credits.
|
||||
|
||||
18
|
||||
00:01:11,640 --> 00:01:15,967
|
||||
Klik rechtsboven op Create en kies Create from Blank.
|
||||
|
||||
19
|
||||
00:01:16,017 --> 00:01:18,197
|
||||
Je ziet eerst twee soorten:
|
||||
|
||||
20
|
||||
00:01:18,247 --> 00:01:19,931
|
||||
Workflow en Chatflow.
|
||||
|
||||
21
|
||||
00:01:19,981 --> 00:01:26,704
|
||||
Klik op More basic app types; nu verschijnen ook Chatbot, Agent en Text Generator.
|
||||
|
||||
22
|
||||
00:01:26,754 --> 00:01:31,494
|
||||
Dit is de knop die iedereen mist die een agent wil bouwen.
|
||||
|
||||
23
|
||||
00:01:31,544 --> 00:01:33,724
|
||||
Vandaag kiezen we Workflow:
|
||||
|
||||
24
|
||||
00:01:33,774 --> 00:01:36,912
|
||||
vaste stappen van invoer naar uitvoer.
|
||||
|
||||
25
|
||||
00:01:37,712 --> 00:01:39,454
|
||||
Vul de naam in:
|
||||
|
||||
26
|
||||
00:01:39,504 --> 00:01:41,366
|
||||
Tekst op niveau.
|
||||
|
||||
27
|
||||
00:01:41,416 --> 00:01:43,208
|
||||
Klik op Create.
|
||||
|
||||
28
|
||||
00:01:44,008 --> 00:01:46,517
|
||||
Een workflow begint niet vanzelf.
|
||||
|
||||
29
|
||||
00:01:46,567 --> 00:01:50,162
|
||||
In het rechterpaneel kies je wat hem activeert.
|
||||
|
||||
30
|
||||
00:01:50,212 --> 00:01:51,636
|
||||
Klik op User Input.
|
||||
|
||||
31
|
||||
00:01:51,686 --> 00:01:57,530
|
||||
De node staat nu op het canvas, en rechts zie je Input Field met een plusje:
|
||||
|
||||
32
|
||||
00:01:57,580 --> 00:02:01,768
|
||||
daar maak je de velden die de gebruiker straks invult.
|
||||
|
||||
33
|
||||
00:02:02,568 --> 00:02:07,359
|
||||
Klik op het plusje bij Input Field en klap Field Type open.
|
||||
|
||||
34
|
||||
00:02:07,409 --> 00:02:08,590
|
||||
Kies Paragraph.
|
||||
|
||||
35
|
||||
00:02:08,640 --> 00:02:09,165
|
||||
Vul in:
|
||||
|
||||
36
|
||||
00:02:09,215 --> 00:02:14,334
|
||||
Variable Name tekst, Label Name De tekst die je wilt aanpassen.
|
||||
|
||||
37
|
||||
00:02:14,384 --> 00:02:14,908
|
||||
Let op:
|
||||
|
||||
38
|
||||
00:02:14,958 --> 00:02:22,047
|
||||
zodra je de variabelenaam typt, vult Dify het labelveld automatisch met diezelfde naam.
|
||||
|
||||
39
|
||||
00:02:22,097 --> 00:02:30,827
|
||||
Maak dat veld eerst leeg voordat je je eigen label typt, anders krijg je tekst en label aan elkaar geplakt.
|
||||
|
||||
40
|
||||
00:02:30,877 --> 00:02:31,944
|
||||
Klik op Save.
|
||||
|
||||
41
|
||||
00:02:32,744 --> 00:02:35,050
|
||||
Klik opnieuw op het plusje.
|
||||
|
||||
42
|
||||
00:02:35,100 --> 00:02:37,232
|
||||
Zet Field Type op Select.
|
||||
|
||||
43
|
||||
00:02:37,282 --> 00:02:41,595
|
||||
Variable Name niveau, Label Name Voor welk niveau.
|
||||
|
||||
44
|
||||
00:02:41,645 --> 00:02:46,482
|
||||
Klik vier keer op Add option en typ per vakje een optie:
|
||||
|
||||
45
|
||||
00:02:46,532 --> 00:02:49,362
|
||||
groep 7, brugklas, 3 havo, 5 vwo.
|
||||
|
||||
46
|
||||
00:02:49,412 --> 00:02:55,122
|
||||
Klik na elke nieuwe regel eerst in het lege vakje voordat je typt.
|
||||
|
||||
47
|
||||
00:02:55,172 --> 00:02:59,136
|
||||
Doe je dat niet, dan belandt je tekst nergens.
|
||||
|
||||
48
|
||||
00:02:59,186 --> 00:03:02,278
|
||||
Die vier niveaus zijn een voorbeeld.
|
||||
|
||||
49
|
||||
00:03:02,328 --> 00:03:05,943
|
||||
Zet er de niveaus in die jij voor je hebt:
|
||||
|
||||
50
|
||||
00:03:05,993 --> 00:03:12,488
|
||||
vmbo-basis 2, NT2 A2, of iets heel anders zoals collega, ouder, bestuurder.
|
||||
|
||||
51
|
||||
00:03:12,538 --> 00:03:18,560
|
||||
De optie is straks letterlijk het woord dat in de prompt terechtkomt.
|
||||
|
||||
52
|
||||
00:03:19,360 --> 00:03:20,775
|
||||
Klik op Save.
|
||||
|
||||
53
|
||||
00:03:20,825 --> 00:03:24,544
|
||||
Beide velden staan nu in de node.
|
||||
|
||||
54
|
||||
00:03:25,344 --> 00:03:30,762
|
||||
Klik rechts onder Next Step op Select Next Step en kies LLM.
|
||||
|
||||
55
|
||||
00:03:30,812 --> 00:03:32,493
|
||||
Dat is de denkstap.
|
||||
|
||||
56
|
||||
00:03:32,543 --> 00:03:34,862
|
||||
Zet meteen het model goed.
|
||||
|
||||
57
|
||||
00:03:34,912 --> 00:03:41,423
|
||||
De node staat standaard op gpt-5, en dat kost vijf credits per antwoord.
|
||||
|
||||
58
|
||||
00:03:41,473 --> 00:03:43,519
|
||||
gpt-5-mini kost er één.
|
||||
|
||||
59
|
||||
00:03:43,569 --> 00:03:51,265
|
||||
Met tweehonderd credits is dat het verschil tussen veertig en tweehonderd antwoorden.
|
||||
|
||||
60
|
||||
00:03:51,315 --> 00:03:54,960
|
||||
Klik op de modelnaam en kies gpt-5-mini.
|
||||
|
||||
61
|
||||
00:03:55,760 --> 00:03:59,476
|
||||
Klik in het veld System en typ de instructie:
|
||||
|
||||
62
|
||||
00:03:59,526 --> 00:04:06,254
|
||||
herschrijf de onderstaande tekst zodat een leerling van dit niveau hem kan lezen.
|
||||
|
||||
63
|
||||
00:04:06,304 --> 00:04:09,266
|
||||
Behoud alle inhoudelijke informatie.
|
||||
|
||||
64
|
||||
00:04:09,316 --> 00:04:14,120
|
||||
Verander geen vakbegrippen, maar leg ze uit in een bijzin.
|
||||
|
||||
65
|
||||
00:04:14,170 --> 00:04:15,877
|
||||
Schrijf korte zinnen.
|
||||
|
||||
66
|
||||
00:04:15,927 --> 00:04:17,635
|
||||
Dan een nieuwe regel:
|
||||
|
||||
67
|
||||
00:04:17,685 --> 00:04:19,392
|
||||
Niveau, dubbele punt.
|
||||
|
||||
68
|
||||
00:04:19,442 --> 00:04:22,823
|
||||
En nu het belangrijkste kunstje van Dify:
|
||||
|
||||
69
|
||||
00:04:22,873 --> 00:04:24,748
|
||||
typ een schuine streep.
|
||||
|
||||
70
|
||||
00:04:24,798 --> 00:04:28,430
|
||||
Er verschijnt een lijst met je invoervelden.
|
||||
|
||||
71
|
||||
00:04:28,480 --> 00:04:29,434
|
||||
Kies niveau.
|
||||
|
||||
72
|
||||
00:04:29,484 --> 00:04:34,455
|
||||
Accolades typen hoeft niet; Dify zet de variabele zelf neer.
|
||||
|
||||
73
|
||||
00:04:34,505 --> 00:04:35,626
|
||||
Nog een regel:
|
||||
|
||||
74
|
||||
00:04:35,676 --> 00:04:39,944
|
||||
Tekst, dubbele punt, schuine streep, en kies tekst.
|
||||
|
||||
75
|
||||
00:04:40,744 --> 00:04:42,420
|
||||
De prompt is compleet.
|
||||
|
||||
76
|
||||
00:04:42,470 --> 00:04:45,324
|
||||
Die instructie is de kern van je app.
|
||||
|
||||
77
|
||||
00:04:45,374 --> 00:04:52,858
|
||||
Wil je dat de tekst ook korter wordt, of dat moeilijke woorden vet worden en onderaan uitgelegd?
|
||||
|
||||
78
|
||||
00:04:52,908 --> 00:04:54,349
|
||||
Zeg dat letterlijk.
|
||||
|
||||
79
|
||||
00:04:54,399 --> 00:05:00,520
|
||||
Verander één ding per keer en test opnieuw; dan weet je wat welk effect heeft.
|
||||
|
||||
80
|
||||
00:05:01,320 --> 00:05:08,648
|
||||
Scroll in het rechterpaneel naar beneden, klik op Select Next Step en kies opnieuw LLM.
|
||||
|
||||
81
|
||||
00:05:08,698 --> 00:05:10,768
|
||||
Model weer op gpt-5-mini.
|
||||
|
||||
82
|
||||
00:05:10,818 --> 00:05:11,955
|
||||
Typ in System:
|
||||
|
||||
83
|
||||
00:05:12,005 --> 00:05:16,196
|
||||
maak drie begripsvragen bij de onderstaande tekst.
|
||||
|
||||
84
|
||||
00:05:16,246 --> 00:05:24,167
|
||||
Vraag 1 over een feit, vraag 2 over de hoofdgedachte, vraag 3 laat de leerling iets toepassen.
|
||||
|
||||
85
|
||||
00:05:24,217 --> 00:05:25,948
|
||||
Geef geen antwoorden.
|
||||
|
||||
86
|
||||
00:05:25,998 --> 00:05:30,188
|
||||
Nieuwe regel, Tekst, dubbele punt, schuine streep.
|
||||
|
||||
87
|
||||
00:05:30,238 --> 00:05:33,580
|
||||
Nu staan er meer variabelen in de lijst:
|
||||
|
||||
88
|
||||
00:05:33,630 --> 00:05:41,722
|
||||
bovenaan de uitvoer van LLM 2, de node waar je in zit, en daaronder die van LLM, de vorige node.
|
||||
|
||||
89
|
||||
00:05:41,772 --> 00:05:43,418
|
||||
Kies text onder LLM.
|
||||
|
||||
90
|
||||
00:05:43,468 --> 00:05:45,792
|
||||
Dat is de herschreven tekst.
|
||||
|
||||
91
|
||||
00:05:45,842 --> 00:05:46,386
|
||||
Let op:
|
||||
|
||||
92
|
||||
00:05:46,436 --> 00:05:55,799
|
||||
kies je text onder LLM 2, dan maakt hij vragen bij de oorspronkelijke tekst, en dat merk je pas bij het testen.
|
||||
|
||||
93
|
||||
00:05:55,849 --> 00:05:59,191
|
||||
Hier zie je waar een workflow om draait:
|
||||
|
||||
94
|
||||
00:05:59,241 --> 00:06:03,686
|
||||
de tweede stap werkt met wat de eerste heeft gemaakt.
|
||||
|
||||
95
|
||||
00:06:03,736 --> 00:06:05,856
|
||||
Jij bepaalt die volgorde.
|
||||
|
||||
96
|
||||
00:06:06,656 --> 00:06:10,066
|
||||
Klik op Select Next Step en kies Output.
|
||||
|
||||
97
|
||||
00:06:10,116 --> 00:06:16,121
|
||||
Klik op het plusje bij Output Variable en maak twee uitvoervariabelen:
|
||||
|
||||
98
|
||||
00:06:16,171 --> 00:06:22,832
|
||||
herschreven tekst, met als bron LLM text, en vragen, met als bron LLM 2 text.
|
||||
|
||||
99
|
||||
00:06:23,632 --> 00:06:25,870
|
||||
Klik rechtsboven op Test Run.
|
||||
|
||||
100
|
||||
00:06:25,920 --> 00:06:30,209
|
||||
Rechts verschijnt een paneel met je eigen invoervelden.
|
||||
|
||||
101
|
||||
00:06:30,259 --> 00:06:39,568
|
||||
Plak een stuk tekst, bijvoorbeeld de alinea over fotosynthese uit de handleiding, kies brugklas, en klik op Start Run.
|
||||
|
||||
102
|
||||
00:06:40,368 --> 00:06:43,344
|
||||
Je ziet de nodes een voor een oplichten.
|
||||
|
||||
103
|
||||
00:06:43,394 --> 00:06:45,689
|
||||
Onder Result staat de uitkomst:
|
||||
|
||||
104
|
||||
00:06:45,739 --> 00:06:48,639
|
||||
de herschreven tekst en de drie vragen.
|
||||
|
||||
105
|
||||
00:06:48,689 --> 00:06:54,816
|
||||
Onder Detail en Tracing zie je per stap wat er gebeurd is en hoe lang het duurde.
|
||||
|
||||
106
|
||||
00:06:55,616 --> 00:07:00,490
|
||||
Zolang je niet publiceert, bestaat je app alleen voor jezelf.
|
||||
|
||||
107
|
||||
00:07:00,540 --> 00:07:05,979
|
||||
Klik rechtsboven op Publish, en in het menu nog een keer op Publish.
|
||||
|
||||
108
|
||||
00:07:06,029 --> 00:07:08,320
|
||||
Bovenaan verandert de status.
|
||||
|
||||
109
|
||||
00:07:08,370 --> 00:07:10,096
|
||||
Open het menu opnieuw:
|
||||
|
||||
110
|
||||
00:07:10,146 --> 00:07:14,939
|
||||
nu staat er Publish Update, en de grijze opties zijn actief.
|
||||
|
||||
111
|
||||
00:07:14,989 --> 00:07:15,908
|
||||
Onthoud dit:
|
||||
|
||||
112
|
||||
00:07:15,958 --> 00:07:22,527
|
||||
elke wijziging die je hierna maakt, moet je opnieuw publiceren met Publish Update.
|
||||
|
||||
113
|
||||
00:07:22,577 --> 00:07:26,048
|
||||
Anders blijft de link de oude versie tonen.
|
||||
|
||||
114
|
||||
00:07:26,848 --> 00:07:28,664
|
||||
Klik op Webapp openen.
|
||||
|
||||
115
|
||||
00:07:28,714 --> 00:07:33,246
|
||||
Je app opent als gewone webpagina met een eigen adres.
|
||||
|
||||
116
|
||||
00:07:33,296 --> 00:07:37,657
|
||||
Die link werkt zonder inloggen, ook op een telefoon.
|
||||
|
||||
117
|
||||
00:07:37,707 --> 00:07:41,440
|
||||
Dat is de link die je aan een collega geeft.
|
||||
|
||||
118
|
||||
00:07:42,240 --> 00:07:43,641
|
||||
De controlelijst.
|
||||
|
||||
119
|
||||
00:07:43,691 --> 00:07:45,177
|
||||
Twee invoervelden?
|
||||
|
||||
120
|
||||
00:07:45,227 --> 00:07:47,908
|
||||
Beide denkstappen op gpt-5-mini?
|
||||
|
||||
121
|
||||
00:07:47,958 --> 00:07:52,089
|
||||
Gebruikt de tweede stap de uitvoer van de eerste?
|
||||
|
||||
122
|
||||
00:07:52,139 --> 00:07:54,906
|
||||
Geeft Test Run tekst plus vragen?
|
||||
|
||||
123
|
||||
00:07:54,956 --> 00:08:00,880
|
||||
En werkt de link in een privévenster, dus zonder dat je ingelogd bent?
|
||||
|
||||
124
|
||||
00:08:00,930 --> 00:08:06,171
|
||||
Gaat er iets mis, dan is het bijna altijd een van drie dingen:
|
||||
|
||||
125
|
||||
00:08:06,221 --> 00:08:15,096
|
||||
de variabele getypt in plaats van via de schuine streep gekozen, Publish vergeten, of gpt-5 laten staan.
|
||||
|
||||
126
|
||||
00:08:15,896 --> 00:08:23,331
|
||||
De handleiding en de beelden staan in de repository; de app zelf staat live op udify punt app.
|
||||
|
||||
127
|
||||
00:08:23,381 --> 00:08:28,586
|
||||
In de volgende video bouwen we een agent met een eigen kennisbank:
|
||||
|
||||
128
|
||||
00:08:28,636 --> 00:08:30,497
|
||||
de Schoolgids-assistent.
|
||||
|
||||
129
|
||||
00:08:30,547 --> 00:08:31,184
|
||||
Tot dan.
|
||||
|
||||
Reference in New Issue
Block a user