Sunday, December 10, 2023

Create With Code Using TurtleStitch - Getting Started

During Computer Science Education Week 2023, I challenged myself to learn to code with Turtle Stitch - a coding environment that allows you to generate code that can be embroidered with an embroidery machine!  This fits right into my belief that Creating Code You Can Touch is a highly motivating way to introduce computer science.  Today's post will include some getting started tips for beginners when using TurtleStitch for the first time. 

If you have used Scratch, Snap, or other block coding environments before,  you will notice that the layout to TurtleStitch includes 3 main areas.  

On the left you will find a library of CODE BLOCKS, on the right you will find a STAGE with a TURTLE sprite (or actor) and in the middle is where you  write your CODE to control the Turtle.


Let's get started by dragging out some Code Block to see if we can make the Turtle draw a Square.




Tip 1: Start each program with a RESET. This clears the screen and returns the turtle to the HOME position and points it in the 90 degree direction.  Then add a Stitch Type code by dragging out the Running Stitch Code.   If you don't do this, Turtle Stitch will give you a warning that your stitches are too long for the embroidery machine.   Putting both of these under a WHEN GREEN Flag block is a great way to make sure these commands are run at the beginning of every program.




Tip 2: I like to drag out an EVENT code that allows me to run part of my design when I press a key on my computer. In this case, I chose WHEN S KEY PRESSED (since we are drawing a square) then I attach code blocks that will tell the Turtle to Draw a Square. 




Tip 3:  Take some time to understand the X,Y Coordinates 


One way to do this is to have TurtleStitch display the X,Y coordinates of your mouse pointer on the stage as well as the X,Y coordinates of the Turtle.  I, also, like to display the direction that the Turtle is pointing.
To do this Find and  "Click on  "CHECKBOXES" for  each of the following in the CODE BLOCK area. 



Check these in the SENSING Category

When you do this, your Stage area will display location of your pointer and your turtle.
Moving the pointer around on the stage and watching the location info change can help you  place your design elements in the correct elements on the stage. (Hint, You might have to drag  the information blocks around the stage if they are stacked  behind each other)




Tip 4:  If you prefer to work in inches, change the Display Setting to inches. 
Keep the size of your design small enough to fit into the 4 X 4 inch  or the capacity for your embroidery machine

 
The maximum image size for the Turtlestitch stage area is approximately
 3 1/2 inches in height x 4 1/2 inches in width
You can see the size of your image below the stage.
I found that 127 steps created a 1 inch square




Tip 5:  Try this fun challenge to better understand the X,Y positions of your grid and the size limitations of  TurtleStitch graphics.


Create a design that draws and labels   the XY Coordinate grid  on the stage. Make it about 4 X 4 inch in size. 



Use the code blocks we have learned along with these code blocks. 



Here is the approach I took to do this. 
When GREEN FLAG pressed, reset and set a running stitch 


When X pressed, draw the X axis and label it


When Y pressed, draw the Y axis and label it












When H pressed (move the turtle back home)






Bonus Challenge:  Draw a one inch square in each of the 4 coordinates! `

Hope the following Tips prove to be helpful as you start your Turtle Stitch Journey.

I'm just learning too, so I welcome any advice as I share my journey in the next few posts.





Friday, December 8, 2023

Code You Can Touch using Turtle Stitch

Each year I challenge myself to learn something new and reflect on the process of that learning experience.   I believe that taking off my teacher hat, and replacing it with a student hat, is one of the best professional development experiences a teacher can engage in. 

 
What better time to learn something new than  Computer Science  Education Week!  This week, I pulled out the embroidery machine that I bought during the pandemic, and started to imagine a new Create with Code You Can Touch project. 


I developed an interest in TurtleStitch  when I saw Twitter posts about this platform that allowed you to CODE an embroidery design.  This year, I decided that I would find a project that would allow me to create confidence with TurtleStitch so that I can include an embroidery machine in my Code You Can Touch experiences.  I'm not quite finished my project, but here is what I have done so far, along with a reflection on what I'm learning along the way.



I like to approach learning through creating and making with four types of questions
(What? How? Why? and Who?).






WHY would anyone use TurtleStich to create an embroidered design? 
WHO might TurtleStich invite and empower?


First of all, I must say you would NOT use TurtleStitch if your intention was to easily embroider a specific graphic.  Many embroidery machine come with libraries of designs and fonts you can pick from.  You can purchase embroidery designs on platforms like Etsy for a few bucks.     You can, also, draw your own designs with  embroidery design software or vector graphic software.   Here's an example, where I used  the free Inkstitch plugin to Inkscape to embroider the Create Make Learn logo.

But if your WHY is to learn to code  through physical computing - then TurtleStitch fits the bill.  
If you enjoy block coding using Scratch of Snap, then TurtleStitch provides another block coding platform for you to play with. 

It's accessible and can be used to create fun colorful designs on something you can TOUCH and KEEP! Giving birth to a physical object creates a feeling of pride and produces a reminder of the HARD FUN experience of learning to code! 


Working with textiles can inspire  under-represented populations to learn computer science.  Students who are drawn to color, textile, or artistic expression might be more inspired to learn to code if the results was a physical product they could wear or display. 


Inspired by my WHY and WHO questions, I was ready to move into the WHAT and HOW questions.

WHAT do you need to create an embroidery project with code?

Hardware - Obviously you will need access to an embroidery machine. I chose the Brother 525 for the following reasons.: 




1) Price 
Embroidery machines are expensive.  My goal was NOT to start an embroidery business, so I really did not need an expensive high end machine.  I wanted something school makerspaces might find affordable. The Brother 525 (under $400) seemed to fit the bit.  

2) Stand Alone machine. 
 In my research, I kept seeing that combo machines (ones that sew and embroider) were less desirable and perhaps more prone to problems.  I don't have personal experience with this, but it sounded reasonable, so I ruled out combo-machines.

3) Repair
I would suggest looking around for a sewing machine repair shop near you to see what brands they will service.  Embroidery machines perform a lot of mechanical movements, so I suspect that they might need to be serviced at some point. 

4) USB port
You will need to import your coded design into the machine, so you'll need a machine with a USB port. 


Software


Since my goal was to create with code, my intention was to use Turtle Stitch software. It is cloud based so it works on Chromebooks and its free to use. It is based on SNAP block code, so the interface seemed familiar. 

Code! .. Draw! .. Stitch!

I also checked into embroidery software so I could embroider 'non coded' designs. 
I experienced sticker shock when I saw the price of embroidery software.  Even the price of software plug-ins for vector programs like Adobe Illustrator seemed out of reach.  After some research I noticed that I could use an Inkscape plug in called Inkstitch plugin to convert svg designs into a file format that my embroidery machine can use. 


Supplies

It was obvious that I would need embroidery thread, but a few supplies were less obvious.

Embroidery Thread

I ordered this box to have a nice selection of colors available.  Extra bobbins were also recommended, so I bought a box of these.








Extra Needles

Yes,  even experienced sewers break needles, but a newbie like me broke a needle the first time I used my machine.  I also learned that there are different needles for different fabrics and that you should replace your needles when they become blunt.

Hoops

Make sure you have the right embroidery hoop for your machine.  This maximum embroidery size for my machine was 4" X 4" so I didn't really need the 3 pack with different sizes I bought.  


Stabilizer

I tried my first design without stabilizer and it didn't work out so well. I had never heard of stabilizer before this project, but quickly learned that I would need both Tear away and Water soluble stabilizer depending on the type of project I had in mind. As the name implies, the water soluble stabilizer can be washed away with water and is useful for projects where the back of your project is exposed. 

Tear-away Stabilizer


Water Soluble Stabilizer

Fabric

Having some scrap fabric that you can experiment on is important.  You want to give yourself permission to experiment first! I used an old muslin shopping bag from Waby Parker to experiment with.


Since I  didn't have  quick access to a fabric store, so I purchased some flour sack tea towels for my first project. And since I was in the Christmas spirit, I also picked up some printed tea towels to use in my first project. 


Sewing supplies

You'll also want some basic sewing supplies like scissors, rulers or  tape measures, seam rippers, straight pins, a pin cushion, and an iron/ironing board.  


HOW to get started? 


The first step is to learn the basics of threading and operating your machine. For this I followed the instructions that came with my machine with one of the simple built in designs.  I also found this video very helpful. 


Finally it was time to CODE my own design. 

These TurtleStitch Tutorial videos and these Lesson Plans/Cards were very helpful, especially this one




When it came time to code my own design, I wanted to start with something seasonal, but simple.  A simple Christmas Tree proved to be the perfect design for me to get comfortable with the basics of TurtleStitch without feeling overwhelmed.  The seasonal nature made it especially relevant and motivating to learn.  It allowed me to become familiar with the ESSENTIAL setup code that every project needs.  The design  provided the perfect opportunity to review angles - a very important skill for coding embroidery designs. 

I found that using an Event such as "When I press '__' to draw different parts of my design was helpful for troubleshooting.

I also learned that moving the turtle to a specific XY coordinate and resetting the direction that your turtle points to was key to predictable results. 

In the next blog post on this topic, I'll break down the HOW TO steps with a more detailed tutorial for this project, and other starter projects than can help you and your students create confidence with code using TurtleStitch.












My experience has me re-thinking how and where I might use TurtleStitch in my physical computing approach to coding.  There was a lot more 'non coding' pre-learning needed than I expected -- but I guess that would be true with any new medium.  I'm definitely going to keep playing, and have the perfect holiday project in mind to motivate me to keep on learning through creating, making, and coding. 
 Stay tuned! 

























Wednesday, November 1, 2023

Create Vector Graphics

CREATE VECTOR GRAPHICS

Graphics are used everywhere - from logos and icons to photographs and illustrations. Understanding the difference between vector and raster will help students choose the right format for their needs.  As more tools for creating and making (such as laser cutters, electronic cutters, 3D printers, etc)  become part of our educational. landscape, there is a need for learners to understand the difference between vector graphics and raster graphics. 




What are Vector Graphics? 

Vector graphics are made up of lines and curves defined by mathematical formulas rather than pixels - Common vector graphic formats  include SVG, EPS, AI, PDF 

.Vector Graphics are resolution independent; they can scale to any size without losing quality.  They have a very small file size and load quickly on websites.  They contain mathematical data that can be used to fabricate physical objects with laser cutters, electronic cutting machines,  CNC machines, and 3D printer.

What are Raster Graphic?

Raster graphics are made up of a grid of pixels.  Common raster formats include JPEG, PNG, GIF. They are very common and great for photo-realistic images.  You can engrave raster images, but raster files cannot be cut.


Here is an example of raster and vector graphics


Professional software used to create Vector Graphics, such as Adobe Illustrator and Corel Draw, is often not availableto K12 students and teachers who want to create their own designs with maker tools. 

Most schools needs design tools that  

1) are affordable

2) work on Chromebooks

3) have a signed student data privacy agreement


Here are some options that can work for learners who want to design vector graphics that can be used in projects that use electronic cutters (i.e. Cricut or Silhouette), laser cutters,  3D printers,  or large format printers.

Option 1:  Search for and download an SVG graphic from the web.

 Download an  SVG file from web collection of  vector graphic. My favorite is  The Noun Project.     If you create a login you can download SVG files and use them with attribution. 
They have a paid option with teacher discounts for those who would like to use the files without attribution.  





Option 2:  Use an SVG converstion site to convert raster graphics into Vector Graphics.

 Design or find a graphic file using one of many common tools that can save as a PNG or JPG.  Upload it to a site such as PICSVG.org and convert the file to an SVG.   




Option 3:  Use  Google Slides or Google Draw to create a SIMPLE SVG graphic.

UseWord Art and Shapes to create a simple SVG Graphic.  (Unfortunately you cannot merge overlapping shapes, but there is a lot you can create with simple shapes and many fonts you can use with Word Art)

Use the instructions in Slides 19 -33 to complete Challenge 1 below


Combine Options 1, 2, 3 above

Use Slides 34 - 61 to complete Challenge 2 Below.  



Option 4:  Use  a cloud based vector design program like Cuttle.xyz 



Try creating an artifact using Cuttle.xyz using parts of this slide deck


Play with some Cuttle Templates such as this SnowFlake Name Template


Option 5:  Use an AI Text to SVG generator 

 AI Text to SVG generators are starting to evolve. 
GlowForge Subscription model has one built in.

 Here are a couple I've tried (see me - if you want to try it during my session)




https://www.kittl.com/feature/ai-text-to-vector




https://neosvg.com/










Full STEAM ahead at Vermontfest 2023


Did you see all the STEAM related events at VermontFest.

If you know anyone who is involved with Science, Tech, Engineering, Art, Mathematics or STEAM in any way at your school - have them check out the lineup   of STEAM related sessions at Vermontfest

AOE will share their NEW STEAM Framework
followed by a round table session filled with educators who are interested in networking around STEAM or makerspaces

And lots of STEAM related sessions featuring robotics - from using  LEGO Spike  robots with young learners to  playing with Edison Robots to advanced HS robotics 

and for those of you who like hands on sessions - check out the six Make and Take experiences - where the room will be set up with six centers for self -exploration and a series of 30 minute guided experiences in each of the STEAM disciplines + computer science.

and of course, AI and computer science sessions fall in line with the STEAM theme.


And don't forget the STEAM coming from Vermont's best outdoor hot tub experience! 

Vermontfest 2023 is going to be a stellar event for anyone interested in Science, Tech, Engineering, Arts, and Mathematics!.



Thursday November 2, 2023

10:00 Make Math Move: Extending Lego Robotic lessons to incorporate math skills. (Spike Essential/Spike Prime Kits)  with Faith Horton


11:30 STEAM: AOE Framework Introduced with Lisa Bresler 


1:30 STEAM Educators RoundTable with Christina Smith and Lucie deLaBruere

2:30 The Power of Play; Letting student explore and play with Edison Robots with Jess VanOrman


Friday November 3, 2023


8:00 Make and Take STEAM Experience (1 of 3) - Science and Engineering  with Kathy Fechter and Meredith Wade


8:00 Robotics are STEAMing their way into the classroom and afterschool programs! (Tags: STEAM)

Scott McCalla


9:00 FIRST Robotics Exposition with Scott McCalla


9:00 Make and Take STEAM Experience (2 of 3) - Math and Computer Science 

Lucie deLaBruere & Christine Smith


10:30 Enhancing Education with Artificial Intelligence Image Creation with Rodney Batchelet


11:30 Make and Take STEAM Experience (3 of 3) - Arts and Technology Lucie deLaBruere &
Christina Smith




Saturday, October 7, 2023

STEAM and Literacy at Bethel Elementary School



Listen to this Create Make Learn podcast series created in collaboration with  Ms. Kathy Fechter and students from Bethel Elementary School

Bethel Elementary Students

Design Thinking Podcast



Episode 1

Episode 2

Episode 3 











Bethel Elementary Students

Design Thinking Podcast Episode 3 coming soon.



Show Notes / Blog Post

When you think about STEAM projects in school, it's easy to imagine Science, Technology, Engineering and Mathematics; and in many STEAM projects, you'll find Art in the Mix.  But at Bethel Elementary School, ELA teacher, Ms. Kathy Fechter, and her students used their STEAM projects to practice and grow proficiency in skills from their Language Arts curriculum. 

Ms. Fechter was introduced to the Stanford d.school  Design Thinking Process at Create Make Learn Summer Institute and knew she wanted to teach her students how to use design thinking  to become proficient with creative and practical problem solving one of 5 Transferable Skills from the Vermont Agency of Education).




Ms. Fechter adapted  this Create an Eating Tool Challenge for her 4th and 5th grade students which proved to be an engaging way to introduce students to Design Thinking.    Not only did the process integrate science and engineering standards, it also integrated English Language Arts skills such as writing, speaking and listening.  

The Empathy stage of Design Thinking provided opportunities for students to practice active listening as they interviewed a partner to learn more about their favorite foods and challenges that occur when eating this food.   The students used the information they gathered to Define the problem they wanted to solve based on the user's needs. 





The students began to Ideate by sketching 3-4 possible ideas for an invention that would address the challenge.  










In the next stage of Design Thinking, Bethel students used cardboard, tape, and recyclables to create a Prototype for an invention that would meet the needs of their user.  


During the Test stage the students got feedback from their partner and others and reflected on how to improve their invention.





Finally it was time to Reflect on the process of  learning design thinking  by writing and collaborating on podcast episodes.  








Listen to the first  two episode of their podcast here, and stay tuned for more episodes next week along with more information about how we collaborated to create the podcast. 


Bethel Elementary Students

Design Thinking Podcast

Episode 1

Episode 2







Bethel Elementary Students

Design Thinking Podcast Episode 3 coming soon.



Can you identify the Vermont Transferrable Skills that 
these Bethel Elementary students practiced during their project?

  • I can demonstrate organized and purposeful communication.
  • Use evidence and logic appropriately in communication.
  • Integrate information gathered from active speaking and listening.
  • Adjust communication based on the audience, context, and purpose.
  • Demonstrate effective expressions and receptive communication, including oral, written, multi-media, and performance.
  • Use technology to further enhance and disseminate communication. 
  • Collaborate effectively and respectfully.


  
  • Observe and evaluate situations in order to define problems. 
  • Frame questions, make predictions, and design data collection and analysis strategies.  
  • Identify patterns, trends, and relationships that apply to solutions.  
  • Analyze, evaluate, and synthesize evidence, arguments, claims, and beliefs.  
  • Generate a variety of solutions, use evidence to build a case for best responses, critically evaluate the effectiveness of responses, and repeat that process to generate alternate solutions.  
  • Identify opportunities for innovation and collaboration.  
  • Use a range of tools, including technology, to solve problems. 
  • Persist in solving challenging problems and learn from failure.