<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" >

<channel><title><![CDATA[Teachable Moments - Lisa Stringfellow's E-Portfolio - Creative Computing Online: Design Notebook]]></title><link><![CDATA[http://www.lstringfellow.com/creative-computing-online-design-notebook]]></link><description><![CDATA[Creative Computing Online: Design Notebook]]></description><pubDate>Mon, 03 Aug 2026 22:17:46 -0400</pubDate><generator>Weebly</generator><item><title><![CDATA[Week 1 - 10 Block Project]]></title><link><![CDATA[http://www.lstringfellow.com/creative-computing-online-design-notebook/week-1-10-block-project]]></link><comments><![CDATA[http://www.lstringfellow.com/creative-computing-online-design-notebook/week-1-10-block-project#comments]]></comments><pubDate>Sun, 09 Jun 2013 23:58:20 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.lstringfellow.com/creative-computing-online-design-notebook/week-1-10-block-project</guid><description><![CDATA[ Here's the link to my 10 Block project for Week 1. &nbsp;I found this project very interesting. &nbsp;I watched Eric's project and looked at many that had been shared to the 10 Block Studio and was excited for the creative possibilities. &nbsp;I talked with my daughter and asked her what she would suggest I create and she suggested the horse theme. &nbsp;Well, we do live in Kentucky!I originally imagined I would have the Scratch cat call over a horse and then somehow get on board and ride off.  [...] ]]></description><content:encoded><![CDATA[<span class='imgPusher' style='float:left;height:0px'></span><span style='z-index:10;position:relative;float:left;;clear:left;margin-top:0px;*margin-top:0px'><a href='http://www.lstringfellow.com/uploads/7/7/0/5/7705676/9032708_orig.png?345' rel='lightbox' onclick='if (!lightboxLoaded) return false'><img src="http://www.lstringfellow.com/uploads/7/7/0/5/7705676/9032708.png?345" style="margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; border-width:1px;padding:3px;" alt="Picture" class="galleryImageBorder" /></a><span style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px; text-align: center;"></span></span> <div class="paragraph" style="text-align:left;display:block;">Here's the link to my <a href="http://scratch.mit.edu/projects/10744603/" target="_blank">10 Block project</a> for Week 1. &nbsp;I found this project very interesting. &nbsp;I watched <a href="http://youtu.be/Aw8MM527eY4" target="_blank" title="">Eric's project</a> and looked at many that had been shared to the <a href="http://scratch.mit.edu/studios/208595/" target="_blank" title="">10 Block Studio</a> and was excited for the creative possibilities. &nbsp;I talked with my daughter and asked her what she would suggest I create and she suggested the horse theme. &nbsp;Well, we do live in Kentucky!<br /><br />I originally imagined I would have the Scratch cat call over a horse and then somehow get on board and ride off. &nbsp;I went ahead and started looking for the pieces I needed first. &nbsp;I searched <a href="http://flickr.com" target="_blank" title="">Flickr</a> and found a Creative Commons licensed <a href="http://www.flickr.com/photos/rbglasson/3762877077/" target="_blank" title="">background</a> I liked and then used a website someone shared earlier this week, <a href="http://freesounds.org" target="_blank" title="">FreeSounds.org</a>, to look for the sounds I wanted. &nbsp;I had no trouble with any of that.<br /><span style="line-height: 1.5;"></span></div> <hr style="width:100%;clear:both;visibility:hidden;"></hr>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a href='http://www.clker.com/clipart-running-horse-2.html' target='_blank'> <img src="http://www.lstringfellow.com/uploads/7/7/0/5/7705676/9193245.png?166" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph" style="text-align:left;">What I did have trouble with at first was the horse. &nbsp;I found a free <a href="http://www.clker.com/clipart-running-horse-2.html" target="_blank">PNG</a> image on <a href="http://Clker.com" target="_blank" title="">Clker.com</a> but thought I would try to animate it with costumes to make it gallop. &nbsp;I realized that you can't upload a PNG file to the Sprite editor. &nbsp;It has to be saved as a vector image or (I found out later) a GIF. &nbsp;I spent some time looking for an online image editor that would allow you to create and save an image to GIF. &nbsp;I have Photoshop Elements, but in my classroom my students will be using Chromebooks and I wanted to try to use tools they would have access to also. &nbsp;I did find a nice site called&nbsp;<a href="http://www131.lunapic.com/" target="_blank" title="" style="">LunaPic</a>&nbsp;that did what I needed.<br /><br />I still wanted to animate the horse and decided to go ahead and use Photoshop to move the legs on my image. &nbsp;Here's where I ran into the limitations of the 10 block project. &nbsp;After getting started, I realized I couldn't use the block that changed costumes. &nbsp;So much for all that work! &nbsp;That began to be a running issue with some of the things I wanted to try. &nbsp;Again, I couldn't figure out how to make the cat get on the horse and ride off without the use of additional blocks. &nbsp;I also found that I wanted to make things happen based on another event (like the horse would come over automatically after the cat called to it) and I felt limited by the blocks I could use. &nbsp;Below is the code I used for the cat and the horse. &nbsp;As you can see, the horse was much more complicated because I wanted it to start off small and get bigger as it got closer.<br /><br /></div>  <div><div class="wsite-multicol"><div class='wsite-multicol-table-wrap' style='margin:0 -15px'> <table class='wsite-multicol-table'> <tbody class='wsite-multicol-tbody'> <tr class='wsite-multicol-tr'> <td class='wsite-multicol-col' style='width:50%;padding:0 15px'>  <div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a href='http://www.lstringfellow.com/uploads/7/7/0/5/7705676/8220210_orig.png' rel='lightbox' onclick='if (!lightboxLoaded) return false'> <img src="http://www.lstringfellow.com/uploads/7/7/0/5/7705676/8220210_orig.png" alt="Picture" style="width:100%;max-width:544px" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a href='http://www.lstringfellow.com/uploads/7/7/0/5/7705676/5135_orig.png' rel='lightbox' onclick='if (!lightboxLoaded) return false'> <img src="http://www.lstringfellow.com/uploads/7/7/0/5/7705676/5135_orig.png" alt="Picture" style="width:100%;max-width:543px" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  </td> <td class='wsite-multicol-col' style='width:50%;padding:0 15px'>  <div class="paragraph" style="text-align:left;"><span style="line-height: 1.5;">Here were the questions posed to us for this project:</span><br /><ul style=""><li style="">How did the constraint support your creative process?<br /></li><li style="">How did it support your learning of Scratch?<br /></li></ul><br />I felt that the project made really think about the 10 blocks we were given and imagine what you could do with only those tools. &nbsp;In that way, it was a great exercise in creativity. &nbsp;One look at the 10 Block Studio lets you see how everyone came up with different ideas for utilizing their blocks.<br /><br />On the other hand, I did find it limiting because I had to drop ideas I wanted to try because I couldn't use the blocks I would need. &nbsp;I think it is a good exercise in problem-solving and could definitely see using it as an introductory assignment with my students.<br /></div>  </td> </tr> </tbody> </table> </div></div></div>]]></content:encoded></item><item><title><![CDATA[Getting started with Scratch: Step by Step Intro]]></title><link><![CDATA[http://www.lstringfellow.com/creative-computing-online-design-notebook/getting-started-with-scratch-step-by-step-intro]]></link><comments><![CDATA[http://www.lstringfellow.com/creative-computing-online-design-notebook/getting-started-with-scratch-step-by-step-intro#comments]]></comments><pubDate>Thu, 06 Jun 2013 01:44:03 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.lstringfellow.com/creative-computing-online-design-notebook/getting-started-with-scratch-step-by-step-intro</guid><description><![CDATA[       As my first project in Scratch, I used the Step by Step intro to make a dancing Scratch cat. &nbsp;As I followed the directions, I found the screenshots really helpful in figuring out where each of the blocks that I needed were located.As I began snapping the blocks together, I learned some things about how you can manipulate elements in the script area. &nbsp;For example, pulling a block separates it from the block above, but also takes with you all the blocks connected underneath. &nbsp [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a href='http://www.lstringfellow.com/uploads/7/7/0/5/7705676/945585_orig.png' rel='lightbox' onclick='if (!lightboxLoaded) return false'> <img src="http://www.lstringfellow.com/uploads/7/7/0/5/7705676/945585_orig.png" alt="Picture" style="width:100%;max-width:982px" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph" style="text-align:left;">As my <a href="http://scratch.mit.edu/projects/10677041/" target="_blank" title="">first project</a> in Scratch, I used the Step by Step intro to make a dancing Scratch cat. &nbsp;As I followed the directions, I found the screenshots really helpful in figuring out where each of the blocks that I needed were located.<br /><br />As I began snapping the blocks together, I learned some things about how you can manipulate elements in the script area. &nbsp;For example, pulling a block separates it from the block above, but also takes with you all the blocks connected underneath. &nbsp;As I was playing, I sometimes wanted to pull a block from the middle of a group. I learned you had to reorganize the blocks by dragging the ones you wanted to keep up until the block you wanted to remove was on the bottom and could be separated. &nbsp;There might be an easier way to do this, but I haven't discovered it yet.<br /><br />Putting together the basic project was pretty quick, but then I wanted to explore sound and movements to see how I could customize my project. &nbsp;I found the sound blocks tricky. &nbsp;I wanted to have a drum machine repeat in a loop and at first used&nbsp;the block "play sound drum machine." &nbsp;This repeated the sound put wouldn't let it play until the end. &nbsp;I tried putting a "wait" block in and then adjusting the time but I couldn't get a smooth repeat. &nbsp;Then I noticed the "play sound drum until done" block. &nbsp;Duh! &nbsp;This let me play the sound to the end and then it would repeat. &nbsp;<br /></div>  <div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a href='http://www.lstringfellow.com/uploads/7/7/0/5/7705676/8669678_orig.png' rel='lightbox' onclick='if (!lightboxLoaded) return false'> <img src="http://www.lstringfellow.com/uploads/7/7/0/5/7705676/8669678_orig.png" alt="Picture" style="width:100%;max-width:991px" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph" style="text-align:left;">Next I played with trying to make my cat move across the screen. &nbsp;I used move, rotate, and glide blocks for different effects. &nbsp;Once, I make the cat spin off the screen and I had to figure out how to get him back! &nbsp;I finally ended up using a block to move him to specific coordinates and back. &nbsp;It's not exactly what I was looking for, but made it more interesting. &nbsp;<br /><br />At one point, when playing with my second sprite, the cat sprite wouldn't do the movements correctly. &nbsp;It would say "Watch me dance!" and then it wouldn't move. &nbsp;I'm not sure why that happened, but then I changed the movement blocks to something else and and that worked fine. &nbsp;I'm curious to keep exploring to see if that sort of thing happens often and learn what to do about it.</div>  <div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a href='http://www.lstringfellow.com/uploads/7/7/0/5/7705676/8008317_orig.png' rel='lightbox' onclick='if (!lightboxLoaded) return false'> <img src="http://www.lstringfellow.com/uploads/7/7/0/5/7705676/8008317_orig.png" alt="Picture" style="width:100%;max-width:1002px" /> </a> <div style="display:block;font-size:90%"></div> </div></div>]]></content:encoded></item></channel></rss>