Wiki source code of CodedEmbroidery

Last modified by urakkatja on 2020/10/24 06:31
Show last authors
1 (% class="row" %)
2 (((
3 (% class="col-xs-12 col-sm-6" %)
4 (((
5 (% style="text-align:center" %)
6 [[image:final_logo-cns_mint-lila.png||queryString="width=200" height="auto" width="200"]]
7 )))
8
9 (% class="col-xs-12 col-sm-6" %)
10 (((
11 (% class="box" %)
12 (((
13 **Content:**
14
15 {{toc depth="2"/}}
16 )))
17 )))
18 )))
19
20 (% class="box infomessage" %)
21 (((
22 **Please note that this activity is currently limited to Android phones, but we are also working on an iOS version which will be released in the near future. In order to stitch your design on your clothes (or any other fabrics), you need access to a programmable embroidery machine. If you want to learn more about how to stitch your design, please read the [[Frequently Asked Questions>>doc:||anchor="HFrequentlyAskedQuestions"]] section.**
23 )))
24
25 (% class="row" %)
26 (((
27 (% class="col-xs-12 col-sm-8" %)
28 (((
29 (% class="box" %)
30 (((
31 = **Programming and stitching** =
32
33
34 Have you ever wanted to be creative and learn to program in a playful way? Do you also like to create things that you can touch and admire in reality when they're ready-made?
35
36 With Embroidery Designer, a programming app for smartphones, you have got the perfect package. With the app you can, without any prior experience, program an embroidery machine, that will automatically embroider your design on a t-shirt, bag, gym bag or even on your shoes. Basically on everything that is made of fabric. Give free rein to your imagination and creativity.
37
38 In addition, there is the possibility to sew LEDs on your design and make it glow!
39
40 Are you curious and all of this applies to you?
41
42 Then grab your smartphone right away and download Embroidery Designer from the Play Store.
43
44 The Embroidery Designer is currently **only** available for **Android** phones. We are working very hard on an iOS version.
45
46 [[[[image:GooglePlay.png||queryString="width=200" height="auto" style="float:left" width="200"]]>>https://catrob.at/ED]]
47 )))
48 )))
49
50 (% class="col-xs-12 col-sm-4" %)
51 (((
52 [[[[image:1.1.png||queryString="width=500" class="img-rounded" height="auto" width="500"]]>>doc:Education.Embroidery.Rainbow.WebHome]]
53
54 [[You can find the tutorial here ~>~>>>doc:Education.Embroidery.Rainbow.WebHome]]
55 )))
56 )))
57
58
59 (% class="row" %)
60 (((
61 (% class="col-xs-12 col-sm-4" %)
62 (((
63 [[[[image:3.1.png||queryString="width=500" class="img-rounded"]]>>doc:Education.Embroidery.Paperplane.WebHome]]
64
65 [[You can find the tutorial here ~>~>>>doc:Education.Embroidery.Paperplane.WebHome]]
66 )))
67
68 (% class="col-xs-12 col-sm-8" %)
69 (((
70 (% class="box" %)
71 (((
72 = **First steps** =
73
74
75 **You want to learn how to create your own designs?**
76
77 To learn how to create your own designs follow [[this link>>doc:.Create Your Own Design.WebHome]]. There you will find a step by step tutorial on how to start coding, additionally there will be two challenges to solve. At the end of the page you can find a HOW - TO - MY OWN DESIGN, which helps you designing and coding your own design.
78
79
80 **You want to teach coding embroidery designs at school?**
81
82 If you visit this page as a teacher look at our [[lesson plan>>doc:.Lesson Plan.WebHome]]. It provides 6 fully prepared 50min-lessons on how to teach programming embroidery designs.
83
84
85 **You have finished a project?**
86
87 If you finished a project look at the [[sitiching tips for professional projects>>doc:Education.Embroidery.Introduction To The World Of Embroidery.WebHome]], to make sure your design is programmed well. We also provided a short [[checklist for creating designs>>doc:||anchor="HChecklistEmbroideryTips"]] with the most important information.
88
89
90 **Want to let your design shine?**
91
92 After you have already programmed some projects and acquired some skills, take a look at the [[Special Embroidery Designs: Electronics to shine>>doc:Education.Embroidery.Special Embroidery Designs\: Electronics to shine.WebHome]]. There you learn how to sew LEDs onto your design, which makes your design even more awesome.
93
94
95 **You want to code preprogrammed designs?**
96
97 If you want to code already preprogrammed designs there are tutorials for complete designs too. Under [[Activities >>doc:||anchor="HActivities"]]you find 6 designs for the Hour of Code. Addtionally you can find some more designs [[here>>doc:Education.Embroidery.WebHome]].
98
99
100 )))
101 )))
102 )))
103
104 (% class="row" %)
105 (((
106 (% class="col-xs-12 col-sm-8" %)
107 (((
108 (% class="box" %)
109 (((
110 >**I can do that too!**
111
112 Basically, if you click on designs that you like on this page, you are taken to the tutorial sites, which show you how you can code them yourself, directly.
113
114 >**That’s how I like it!**
115
116 The great thing is, that you can change and adapt the code as you like it, as you assess it being coolest. You can also choose the colours of your design yourself.
117
118 >**I can stitch!**
119
120 If you have little idea about embroidery itself, you can find information [[here>>doc:Education.Embroidery.Introduction To The World Of Embroidery.WebHome]]. Be sure to read it trough to understand what is happening.
121 )))
122 )))
123
124 (% class="col-xs-12 col-sm-4" %)
125 (((
126 [[[[image:2.1.png||queryString="width=500" class="img-rounded"]]>>doc:Education.Embroidery.Bird Introduction.WebHome]]
127
128 [[You can find the tutorial here ~>~>>>doc:Education.Embroidery.Bird Introduction.WebHome]]
129 )))
130 )))
131
132 (% class="row" %)
133 (((
134 (% class="col-xs-12 col-sm-4" %)
135 (((
136 [[[[image:4.1.png||queryString="width=500" class="img-rounded"]]>>doc:Education.Embroidery.Cat.WebHome]]
137
138 [[You can find the tutorial here ~>~>>>doc:Education.Embroidery.Cat.WebHome]]
139 )))
140
141 (% class="col-xs-12 col-sm-8" %)
142 (((
143 (% class="box" %)
144 (((
145 = **What is possible?** =
146
147
148 Basically you can program **any design **you can imagine. However, the more complicated it is, the longer it will take. It is best to **start with simple designs**. After a while, you will notice, what is possible in a certain amount of time.
149
150
151 **Practice makes perfect!**
152
153 Of course, you will also get faster through practice! Do not get discouraged. It is only important that the pattern can be divided into geometrical forms! Otherwise, you will be overworked quickly. 😊
154
155
156 **Do you lack ideas?**
157
158 If you don't have that many ideas about what you could do, stick to the [[tutorials for finished patterns>>doc:Education.Embroidery.WebHome]] first and try programming them to see how it works.
159 )))
160 )))
161 )))
162
163 (% class="row" %)
164 (((
165 (% class="col-xs-12 col-sm-12" %)
166 (((
167 (% class="box" %)
168 (((
169 = **Activities** =
170
171
172 === [[Design your own program>>https://wiki.catrobat.org/bin/view/Education/CodedEmbroidery/Create%20Your%20Own%20Design/]] ===
173
174
175 In this section, you can find six activities for code.org. Please note that each activity has a different level of difficulty. Start with the first activity, which is the easiest before proceeding with more difficult activities. It is highly recommended to read through this page, especially the [[First steps >>doc:||anchor="HFirststeps"]]section, before starting with the activities. Have fun and happy coding!
176
177 (% class="row" %)
178 (((
179 (% class="col-xs-6 col-md-4" %)
180 (((
181 (% style="text-align:center" %)
182 [[[[image:Paperplain.png||queryString="width=200&height=200" alt="5.1.png" class="img-rounded"]]>>doc:Education.Embroidery.Paperplane.WebHome]]
183 1: [[Paper Plane>>doc:Education.Embroidery.Paperplane.WebHome]]
184 )))
185
186 (% class="col-xs-6 col-md-4" %)
187 (((
188 (% style="text-align:center" %)
189 [[[[image:Rainbow1.png||queryString="width=192" alt="Rainbow copy.png" class="img-rounded" width="192"]]>>doc:Education.Embroidery.Rainbow.WebHome]]
190 2: [[Rainbow>>doc:Education.Embroidery.Rainbow.WebHome]]
191 )))
192
193 (% class="col-xs-6 col-md-4" %)
194 (((
195 (% style="text-align:center" %)
196 [[[[image:Cat.png||queryString="width=200" alt="Cat" class="img-rounded" width="200"]]>>doc:Education.Embroidery.Cat.WebHome]]
197 3: [[Cat>>doc:Education.Embroidery.Cat.WebHome]]
198 )))
199
200 (% class="col-xs-6 col-md-4" %)
201 (((
202 (% style="text-align:center" %)
203 [[[[image:5.1.png||queryString="width=200&height=200" class="img-rounded" width="194"]]>>doc:Education.Embroidery.Blossom.WebHome]]
204 4: [[Blossom>>doc:Education.Embroidery.Blossom.WebHome]]
205 )))
206
207 (% class="col-xs-6 col-md-4" %)
208 (((
209 (% style="text-align:center" %)
210 [[[[image:Clef.png||queryString="width=200&height=200" alt="Bird" class="img-rounded" width="200"]]>>doc:Education.Embroidery.Clef.WebHome]]
211 5: [[Clef>>doc:Education.Embroidery.Clef.WebHome]]
212 )))
213
214 (% class="col-xs-6 col-md-4" %)
215 (((
216 (% style="text-align:center" %)
217 [[[[image:Bird1.png||queryString="width=200&height=200" alt="Bird" class="img-rounded" width="200"]]>>doc:Education.Embroidery.Bird Introduction.WebHome]]
218 6: [[Bird>>doc:Education.Embroidery.Bird Introduction.WebHome]]
219 )))
220 )))
221 )))
222 )))
223
224 (% class="row" %)
225 (((
226 (% class="col-xs-12 col-sm-8" %)
227 (((
228 (% class="box" %)
229 (((
230 = **Checklist Embroidery Tips** =
231
232
233 (% style="list-style-type:square" %)
234 * (((
235 For the running and triple stitch, you best choose a length between 5 and 20.
236 )))
237 * (((
238 Everywhere you want a beautiful, dense line to be stitched, a length of 1 for the zigzag stitch is recommended.
239 )))
240 * (((
241 For the zigzag's width, it is suggested to choose a number between 8 and 22.
242 )))
243 * (((
244 If you want to go to another position without wanting to stitch there, you will have to stop the current stitch before changing position.
245 )))
246 * (((
247 Sew up every time that means before and after changing position without stitching there. Therefore, read the "sew-up" tutorial. You can find it** **[[here>>doc:Education.Embroidery.Sew Up.WebHome]].
248 )))
249 * (((
250 Ensure that your design is not bigger than the size of the embroidery hoop. You can look upon [[this page>>doc:Education.Embroidery.Introduction To The World Of Embroidery.WebHome]], to identify its size.
251 )))
252
253 If you want to know why you have to consider all of this, check the page [[Get To Know The World Of Embroidery>>doc:Education.Embroidery.Introduction To The World Of Embroidery.WebHome]].
254 )))
255 )))
256
257 (% class="col-xs-12 col-sm-4" %)
258 (((
259 [[[[image:5.1.png||queryString="width=400" class="img-rounded"]]>>doc:Education.Embroidery.Blossom.WebHome]]
260
261 [[You can find the tutorial here ~>~>>>doc:Education.Embroidery.Blossom.WebHome]]
262 )))
263 )))
264
265 (% class="row" %)
266 (((
267 (% class="col-xs-12 col-sm-3" %)
268 (((
269 [[[[image:Violinschlüssel_stitched.png||alt="Violinschlüssel" class="img-rounded"]]>>doc:Education.Embroidery.Clef.WebHome]]
270
271 [[You can find the tutorial here ~>~>>>doc:Education.Embroidery.Clef.WebHome]]
272 )))
273
274 (% class="col-xs-12 col-sm-9" %)
275 (((
276 (% class="box" %)
277 (((
278 = **Frequently Asked Questions** =
279
280
281 **What is "Embroidery Designer"?**
282
283 Embroidery Designer is a free visual programming app for smartphones. It enables you, without any prior knowledge, to create your own embroidery designs with easy to use bricks directly on your device. Do you want to know more about it? Visit [[https:~~/~~/wiki.catrobat.org/bin/view/Education/Embroidery/>>url:https://wiki.catrobat.org/bin/view/Education/Embroidery/]].
284
285
286 **Is it for free?**
287
288 Embroidery Designer is available for free on the Google Play Store and neither includes any ads nor any in-app purchases or other costs. Have fun with Embroidery Designer!
289
290
291 **How can I stitch my embroidery design?**
292
293 To stitch your embroidery design on fabrics, you will need to have access to a programmable embroidery machine. It is likely that there is a FabLab or an embroidery store in your nearby area which allows you to stitch your design on your clothes or any other arbitrary fabrics of your choice. However, our Embroidery Designer will enable you to export your created design in the DST file format, so you can make use of it on any machine which supports this file format. To learn more about supported, programmable embroidery machines, have a look at [[this page>>doc:Education.EmbroideryMachines.WebHome]].
294
295
296 **Who is behind Embroidery Designer?**
297
298 Embroidery Designer is developed by the non-profit "International Catrobat Association". More than 1000 people have already contributed to this Free Open Source Software project and thus helped to make coding as easy as possible. Get more information about Catrobat on [[catrobat.org>>https://www.catrobat.org]].
299
300
301 **How can I get in touch with you?**
302
303 If you have any further questions, or just want to write to us, please use the Social Media or Contact links at the social media section of this page!
304
305
306 **How can I support you?**
307
308 To make this project as popular as possible, please share it with your friends, family, or social media contacts.
309
310 If you want to get even more actively involved, e.g., by helping to translate our web pages, apps, or the poster in your language, please get in touch with us directly!
311
312
313 **How can I promote this project in my community?**
314
315 You are very welcome to share this website and reshare our social media postings!
316 )))
317 )))
318 )))
319
320
321 (% class="row" %)
322 (((
323 (% class="col-xs-12 col-sm-12" %)
324 (((
325 (% class="box" %)
326 Follow us on Social Media:
327 \\[[[[image:facebook.png]]>>https://www.facebook.com/CatrobatPocketCode]] [[[[image:twitter.png]]>>https://twitter.com/Pocket_Code]] [[[[image:87390.png]]>>https://www.instagram.com/_embroiderydesigner_/]] [[[[image:discord.png]]>>https://discord.com/invite/TerG3jf]]
328 )))
329 )))
330 )))