1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < title > Training von KI-Systemen</ title >
6+ < style >
7+ /* From extension vscode.github */
8+ /*---------------------------------------------------------------------------------------------
9+ * Copyright (c) Microsoft Corporation. All rights reserved.
10+ * Licensed under the MIT License. See License.txt in the project root for license information.
11+ *--------------------------------------------------------------------------------------------*/
12+
13+ .vscode-dark img [src $= \#gh- light- mode-only ],
14+ .vscode-light img [src $= \#gh- dark- mode-only ],
15+ .vscode-high-contrast : not (.vscode-high-contrast-light ) img [src $= \#gh- light- mode-only ],
16+ .vscode-high-contrast-light img [src $= \#gh- dark- mode-only ] {
17+ display : none;
18+ }
19+
20+ </ style >
21+
22+ < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css ">
23+ < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css ">
24+ < style >
25+ body {
26+ font-family : -apple-system, BlinkMacSystemFont, 'Segoe WPC' , 'Segoe UI' , system-ui, 'Ubuntu' , 'Droid Sans' , sans-serif;
27+ font-size : 14px ;
28+ line-height : 1.6 ;
29+ }
30+ </ style >
31+ < style >
32+ .task-list-item {
33+ list-style-type : none;
34+ }
35+
36+ .task-list-item-checkbox {
37+ margin-left : -20px ;
38+ vertical-align : middle;
39+ pointer-events : none;
40+ }
41+ </ style >
42+ < style >
43+ : root {
44+ --color-note : # 0969da ;
45+ --color-tip : # 1a7f37 ;
46+ --color-warning : # 9a6700 ;
47+ --color-severe : # bc4c00 ;
48+ --color-caution : # d1242f ;
49+ --color-important : # 8250df ;
50+ }
51+
52+ </ style >
53+ < style >
54+ @media (prefers-color-scheme : dark) {
55+ : root {
56+ --color-note : # 2f81f7 ;
57+ --color-tip : # 3fb950 ;
58+ --color-warning : # d29922 ;
59+ --color-severe : # db6d28 ;
60+ --color-caution : # f85149 ;
61+ --color-important : # a371f7 ;
62+ }
63+ }
64+
65+ </ style >
66+ < style >
67+ .markdown-alert {
68+ padding : 0.5rem 1rem ;
69+ margin-bottom : 16px ;
70+ color : inherit;
71+ border-left : .25em solid # 888 ;
72+ }
73+
74+ .markdown-alert > : first-child {
75+ margin-top : 0
76+ }
77+
78+ .markdown-alert > : last-child {
79+ margin-bottom : 0
80+ }
81+
82+ .markdown-alert .markdown-alert-title {
83+ display : flex;
84+ font-weight : 500 ;
85+ align-items : center;
86+ line-height : 1
87+ }
88+
89+ .markdown-alert .markdown-alert-title .octicon {
90+ margin-right : 0.5rem ;
91+ display : inline-block;
92+ overflow : visible !important ;
93+ vertical-align : text-bottom;
94+ fill : currentColor;
95+ }
96+
97+ .markdown-alert .markdown-alert-note {
98+ border-left-color : var (--color-note );
99+ }
100+
101+ .markdown-alert .markdown-alert-note .markdown-alert-title {
102+ color : var (--color-note );
103+ }
104+
105+ .markdown-alert .markdown-alert-important {
106+ border-left-color : var (--color-important );
107+ }
108+
109+ .markdown-alert .markdown-alert-important .markdown-alert-title {
110+ color : var (--color-important );
111+ }
112+
113+ .markdown-alert .markdown-alert-warning {
114+ border-left-color : var (--color-warning );
115+ }
116+
117+ .markdown-alert .markdown-alert-warning .markdown-alert-title {
118+ color : var (--color-warning );
119+ }
120+
121+ .markdown-alert .markdown-alert-tip {
122+ border-left-color : var (--color-tip );
123+ }
124+
125+ .markdown-alert .markdown-alert-tip .markdown-alert-title {
126+ color : var (--color-tip );
127+ }
128+
129+ .markdown-alert .markdown-alert-caution {
130+ border-left-color : var (--color-caution );
131+ }
132+
133+ .markdown-alert .markdown-alert-caution .markdown-alert-title {
134+ color : var (--color-caution );
135+ }
136+
137+ </ style >
138+
139+ </ head >
140+ < body class ="vscode-body vscode-light ">
141+ < h1 id ="training-von-ki-systemen "> Training von KI-Systemen</ h1 >
142+ < ol >
143+ < li > Klicke auf den Play-Button</ li >
144+ < li > Erstelle durch Mausklicks im oberen Bereich des Vorschaubereiches Daten mit dem Label A.</ li >
145+ < li > Tippe < strong > b</ strong > auf der Tastatur.</ li >
146+ < li > Erstelle jetzt durch Mausklicks im unteren Bereich Daten mit dem Label B.</ li >
147+ < li > Tippe < strong > t</ strong > um das Training des KI-Systems mit den Daten zu starten.< br >
148+ Die Daten durchlaufen das Traininge 200 mal - das entspricht 200 Epochen.< br >
149+ Im Diagramm wird die Fehlerrate gegen die Epochenzahl angezeigt.</ li >
150+ < li > Klicke in die Fläche, um das System zu testen.</ li >
151+ </ ol >
152+ < iframe
153+ src ="https://editor.p5js.org/Hi72/sketches/lPjJ7YQ2C "
154+ style ="width: 100%; height: 70vh; border: 0; "
155+ title ="p5.js Sketch "
156+ loading ="lazy "
157+ allowfullscreen
158+ referrerpolicy ="no-referrer-when-downgrade ">
159+ </ iframe >
160+
161+
162+ </ body >
163+ </ html >
0 commit comments