Wiki source code of For Teachers

Last modified by Michael Jagoutz on 2021/03/23 18:28
Show last authors
1 {{box cssClass="floatinginfobox" title="**Inhalt**"}}
2 {{toc /}}
3 {{/box}}
4
5 (% style="text-align:center" %)
6 [[image:final_code-n-stitch_logo-schrift.png||queryString="width=191&height=234" height="306" width="250"]]
7
8 (% class="box infomessage" id="HUnit0-Muster2FDesignErstellung28fFCrLehrpersonen29" %)
9 (((
10 **Goal: **This tutorial shows the things you have to consider when creating your own stick designs.
11 )))
12
13 (% class="row" %)
14 (((
15 (% class="col-xs-12 col-sm-6" %)
16 (((
17 (% class="box" %)
18 (((
19 **But what is Embroidery Designer anyway?**
20
21 {{video url="https://www.youtube.com/watch?v=NdzeyXWx7nA"/}}
22
23 )))
24 )))
25
26 (% class="col-xs-12 col-sm-6" %)
27 (((
28 (% class="box" %)
29 (((
30 With the embroidery extension of [[Pocket Code>>https://play.google.com/store/apps/details?id=org.catrobat.catroid&hl=de_AT]] or [[Create@School>>https://play.google.com/store/apps/details?id=org.catrobat.catroid.createatschool&hl=de_AT]] (only available for Android) own embroidery patterns can be programmed. There are no limits to your imagination!
31
32 (% style="text-align:center" %)
33 [[image:9d-3.PNG||queryString="width=349&height=353" width="400"]]
34
35 (% class="wikigeneratedid" %)
36 **More photos and videos can be found on the Instagram page of [[Code’n’Stitch>>https://www.instagram.com/code_n_stitch/]].**
37 )))
38 )))
39 )))
40
41 = Getting Started =
42
43 (% class="box infomessage" %)
44 (((
45 **Goal: **Create a suitable environment.
46 )))
47
48 (% class="row" %)
49 (((
50 (% class="col-xs-12 col-sm-12" %)
51 (((
52 (% class="box" %)
53 (((
54 **Drawing of geometric patterns, simple line drawings, creative phase:**
55
56 * Required skills: none
57
58 * Environment conditions:
59 ** maybe Smartphone or PC for research
60 ** paper, pencils, ruler, compasses
61 ** Plaid paper or printout of the template [[template>>attach:Milimeter-Papier.pdf]]
62 )))
63 )))
64 )))
65
66 = Design Process =
67
68 (% class="box infomessage" %)
69 (((
70 **Goal:** From an idea to its realization.
71 )))
72
73 (% class="row" %)
74 (((
75 (% class="col-xs-12 col-sm-6" %)
76 (((
77 (% class="box" %)
78 (((
79 **01.Idea**
80
81 I want to embroider a bicycle.
82 Research on the Internet.
83
84 (% style="text-align:center" %)
85 [[image:fahrrad.0.jpg||width="300"]]
86 )))
87 )))
88
89 (% class="col-xs-12 col-sm-6" %)
90 (((
91 (% class="box" %)
92 (((
93 **02. Draw design**
94
95 The desired design is best drawn by hand on a plaid piece of paper. The students should consider which geometric shapes will be used.
96
97 (% style="text-align:center" %)
98 [[image:fahrrad-1.png||width="212"]]
99 )))
100 )))
101 )))
102
103 (% class="row" %)
104 (((
105 (% class="col-xs-12 col-sm-6" %)
106 (((
107 (% class="box" %)
108 (((
109 **03. Geometric shapes of the bicycle**
110
111 Bicycle example: Two circles are drawn, which are connected by straight lines. The angle between the lines should also be calculated.
112
113 (% style="text-align:center" %)
114 [[image:2fahrrad-1.png||width="300"]]
115 )))
116 )))
117
118 (% class="col-xs-12 col-sm-6" %)
119 (((
120 (% class="box" %)
121 (((
122 **04. Des embroidered bicycle designs**
123
124 After programming the embroidered design could look like this:
125
126 (% style="text-align:center" %)
127 [[image:fahrrad.3.jpg||width="350"]]
128 )))
129 )))
130 )))
131
132 = What are programmable designs? =
133
134 (% class="box warningmessage" %)
135 (((
136 **IMPORTANT: **It is very important to create realistic designs so that you will not be disappointed by the feasibility afterward!
137 )))
138
139 (% class="row" %)
140 (((
141 (% class="col-xs-12 col-sm-6" %)
142 (((
143 (% class="box" %)
144 (((
145 Here it is a matter of **abstraction** and **reduction**, i.e. to create patterns that are as schematic as possible.
146
147 * **What goes well:** straight lines, circles, semicircles, quarter circles
148 * **What does not go well:** curved lines, ovals, filled areas, too many individual objects
149 )))
150 )))
151
152 (% class="col-xs-12 col-sm-6" %)
153 (((
154 (% class="box" %)
155 (((
156 **Specification:**
157
158 * Maximum **15-20** single "strokes".
159 ** For example 9 lines and 2 circles
160 * Use only **lines**, **circles**, **half** or **quarter circles**
161 * Your design should be **simple** and contain few details. 
162 ** If there is still time, you can always program something in addition.
163 )))
164 )))
165 )))
166
167
168 (% class="row" %)
169 (((
170 (% class="col-xs-12 col-sm-6" %)
171 (((
172 (% class="box" %)
173 (((
174 **Realistic designs:**
175
176 Only lines, circles, not too complex
177
178 **[[image:1.png||class="img-rounded" width="232"]] [[image:2.png||class="img-rounded" width="186"]]**
179
180 [[image:3.png||class="img-rounded" width="200"]] [[image:33.jpg||alt="6.png" class="img-rounded" width="183"]]
181
182 [[image:4.png||class="img-rounded" width="112"]] [[image:5.jpg||class="img-rounded" width="206"]]
183 )))
184 )))
185
186 (% class="col-xs-12 col-sm-6" %)
187 (((
188 (% class="box" %)
189 (((
190 **Unrealistic designs:**
191
192 Indeed very beautiful, but difficult to implement.
193
194 Too complex, too many details, too many curves
195
196 [[image:7.png||class="img-rounded" height="290" width="117"]] [[image:8.png||class="img-rounded" width="272"]]
197
198 [[image:10.png||class="img-rounded"]]
199
200 [[image:11.png||class="img-rounded" width="159"]] [[image:12.png||class="img-rounded" width="171"]] [[image:9.png||class="img-rounded" width="163"]]
201 )))
202 )))
203 )))
204
205 = Then how is programming done? =
206
207 (% class="box infomessage" %)
208 (((
209 The programming is done with the smartphone app „[[Embroidery Designer>>https://play.google.com/store/apps/details?id=org.catrobat.catroid.embroiderydesigner&hl=en]]“, using a visual programming language. The actual programming is done with pre-defined building blocks, which control the embroidery machine.
210 )))
211
212 (% class="row" %)
213 (((
214 (% class="col-xs-12 col-sm-6" %)
215 (((
216 (% class="box" %)
217 (((
218 **Example relative rotation:**
219
220 line 5 cm, turn left 45°, line 2 cm, turn right 90°, line 2 cm, turn left 45°, line 5 cm
221
222 [[image:13.png||class="img-rounded" width="364"]]
223
224 [[image:14.png||class="img-rounded" width="225"]]
225 )))
226 )))
227
228 (% class="col-xs-12 col-sm-6" %)
229 (((
230 (% class="box" %)
231 (((
232 **The following program generates a star:**
233
234 [[image:Education.Embroidery.Star.WebHome@Screenshot_2020-03-03-11-59-07-930_org.catrobat.catroid.createatschool.png||alt="16.png" width="300"]] [[image:15.jpg||class="img-rounded" width="306"]]
235 )))
236 )))
237 )))
238
239
240 (% class="row" %)
241 (((
242 (% class="col-xs-12 col-sm-6" %)
243 (((
244 (% class="box" %)
245 (((
246 **Here is a video tutorial for beginners with the absolute rotation:**
247
248 {{video url="https://www.youtube.com/watch?v=7OthbBkoNuc"/}}
249
250
251
252
253
254
255
256
257
258
259
260
261
262 More videos are available on our [[Video-Tutorial-Seite>>doc:Education.Embroidery.Video Tutorials.WebHome||style="background-color: rgb(245, 245, 245);"]].
263 )))
264 )))
265
266 (((
267 (% class="box" %)
268 (((
269 **Helpful documents & downloads for printing**
270
271 * A lot of Tutorial Cards to print out with instructions for basic features of embroidery programming, as well as ready-made patterns, can be found in this [[document>>attach:Code'n'Stitch_Tutorial-Cards_deutsch.pdf]].
272
273 (% style="text-align:center" %)
274 [[image:Code'n'Stitch_Tutorial-Cards_heiligtümer-des-todes.png||width="332"]]
275
276 * Information and first steps in course card format for distribution to the children can be found [[here>>attach:Kurskarten Code´n´stitch din110_220_final.pdf]].
277
278 (% style="text-align:center" %)
279 [[image:kurskarten.PNG||width="364"]]
280
281
282 )))
283 )))
284 )))
285
286 = Sample designs =
287
288 (% class="box infomessage" %)
289 (((
290 Basically, there are no limits to creativity. You can also find more designs on [[Instagram>>https://www.instagram.com/code_n_stitch/]] or at our [[Embroider-Wiki>>doc:Education.Embroidery.WebHome]].
291 )))
292
293 (% class="row" %)
294 (((
295 (% class="col-xs-12 col-sm-6" %)
296 (((
297 (% class="box" %)
298 (((
299 **Geometric patterns:**
300
301 [[image:17.png||class="img-rounded" width="199"]] [[image:18.jpg||class="img-rounded" width="150"]] [[image:19.jpg||class="img-rounded" width="150"]]
302
303 [[image:22.jpg||class="img-rounded" width="150"]] [[image:20.jpg||class="img-rounded" width="266"]]
304 )))
305 )))
306
307 (% class="col-xs-12 col-sm-6" %)
308 (((
309 (% class="box" %)
310 (((
311 **Patterns of lines only:**
312
313 [[image:24.jpg||class="img-rounded" width="267"]]
314
315 [[image:26.jpg||class="img-rounded" width="246"]] [[image:25.jpg||class="img-rounded" width="150"]]
316 )))
317 )))
318 )))
319
320 = Embroidery textiles =
321
322 (% style="text-align:center" %)
323 [[image:apflbutzn.jpg||width="291"]]
324
325 (% class="box infomessage" %)
326 (((
327 In cooperation with the company, [[Apflbutzn>>https://www.apflbutzn.at/]] fair produced textiles are embroidered.
328 )))
329
330 (% class="row" %)
331 (((
332 (% class="col-xs-12 col-sm-6" %)
333 (((
334 (% class="box" %)
335 (((
336 **Waisted T-Shirts**
337
338 [[image:28.jpg||class="img-rounded" width="287"]] [[image:23.jpg||class="img-rounded" width="277"]]
339
340
341 )))
342 )))
343
344 (% class="col-xs-12 col-sm-6" %)
345 (((
346 (% class="box" %)
347 (((
348 **Straight T-Shirts**
349
350 [[image:29.jpg||class="img-rounded" width="293"]] [[image:32.PNG||class="img-rounded" width="212"]]
351
352
353 )))
354 )))
355 )))
356
357 (% class="row" %)
358 (((
359 (% class="col-xs-12 col-sm-6" %)
360 (((
361 (% class="box" %)
362 (((
363 **Bags**
364
365 [[image:30.jpg||width="249"]] [[image:34.jpg||class="img-rounded" width="225"]]
366
367
368 )))
369 )))
370 )))