Code is Poetry Final Project

https://docs.google.com/document/d/1jy2ZKRImj-WH2AuwXJA96p1ib2MovcWMutJNr5aQhR0/edit?usp=sharing  

Name:

Alicia Gallagher

Email:

aliciamarie831@gmail.com

 

Date

Procedural Notes

Describe frankly what you read/viewed and then tried programming

Errors

Copy the exact error message. Then, describe your thinking as you attempt to “debug” the error

Week of

2/ 22

Hour of Code

 
  1. My first task in processor was to draw an eclipse, that you see below. This was an easy task and guided me to learn the foundational skills for Processor.  

image

 

2. As suggested, I changed the numbers around to see what would happen. I played around with a few and eventually got a new smaller circle :)

image

I noticed that to make a complete circle, the first two numbers needed to be the same and the last two needed to be the same too.

3. After reading about the Processing Reference, I was reminded of when I used to create websites as a kid with dolls, song lyrics and moving objects. I had no idea back then that I was programming and creating something so complex but to me seemed so easy because I had a reference sheet, similar to the one provided below.

image

4. Next, I tried adding another shape ...success!

 

image

5.Next, I created the same sketch but added some color and adjusted the size. image

 

 

I did not have any error

 messages but I noticed that i often would have typos as I was working and I became more mindful of them since everything is case sensitive.

 

Reflection | Think about everything you know about how human languages and communication work. What are important differences and similarities between computational and human languages?

 

A major difference between computational and human language is how the content is being communicated. As humans, when we communicated we do not say certain things unless we want to have a really awkward conversation. When giving a computer instructions, it is essential to give the computer each and every command in a clear and logical order to complete the task at hand. In the human language there are not as many rules as computational linguistics.

3/1

 
  1. This week I decided to try some of the pretty basic tutorials since last week was very guided and I feel like I could definitely use some more practice with programming.

 

2. I started the tutorial calling functions and this was the first step. For some reason I was expecting this shape to be much bigger than size (500,300);

 

image

3. Next, I tried the same idea as above with a filled in shape but with 4 circles AND no error message! Woo!

image

 

4. If you see my error messages you’ll see my mis-proportioned eyes and for some reason I wasn’t able to come up with a solution to get them both symmetrical.

Here is my final product for this tutorial

image









 

Error Messages

image

My first error message was that I was missing my semicolon when playing around with some codes before start the tutorial. I appreciated the reminder!

image

In the tutorial it asks you to make a smiley face. I just had to share my process! When I clicked the arrow to check my work, I chuckled a bit at this mis-proportioned face!


 

Reflection | Think about everything you know about how human languages and communication work. What are important differences and similarities between computational and human languages?

 

This week I realized once again how important it is to pay attention to each detail when creating a code in the processing program. When thinking about the similarities and differences of computational and human language, I’d have to admit that human language is a lot let complex ( as long as you are not communicating with someone who makes you read between the lines- that can get complicated). Computational linguistics is complicated, complex and extremely detailed. In order to create a simple smiley face, you must give the computer colors, numbers, calculations and words.


 

3/8

  1. This week I worked on the “Using Variables” tutorial. I found it interesting when the article described computers to calculators. In the below example, I tested out using math symbols in a code that they provide in the tutorial:

ellipse(10+40, 300-225, 3*10, 40/2);

The above code made me think of how this tutorial could be a good resource to show teachers how they can use this program in math lessons.

2. The next part of the tutorial focuses on creating a code that includes things that were learned in the previous tutorials such as circles and adding color.

image

3. Increasing the size of the window was interesting. I hope to use this code when creating my final part of this project so that I could create a larger window. image



 

I tested out a few numbers and I think size(800, 650); would work for my final project window size.

4. In the last part of the tutorial I read about variables and how they can be used in Processor and why they are the “better way.”

 

By using this way of forming the target symbol, you only have to change the first line of the code to change the parameters of the window.

 

image


 

In this weeks tutorial I did not receive any error messages since I really was working from the dimensions that the article provided. I spent a lot of time getting familiar with the numbers and x, y, height and width of the window.

Reflection | Think about everything you know about how human languages and communication work. What are important differences and similarities between computational and human languages?

 

I played around with the numbers a bit more and began to think about my final creation but I am having trouble thinking of an idea. I’d like to include an theme or idea that would inspire my Kinder students ( even though this format is too challenging for them). I’d still like to show them since they are now masters at coding in Kodable.

 

3/15

This week I decided to work through the next tutorial which is called creating functions. This tutorial is a combination of the previous weeks tutorials.

 
  1. I first started by typing in voided lines that looked like this...image

 
  1. Next, I learned how to add movement to processing by using the draw () loop code. I had no idea that when I was moving my mouse with the below function, Processing was drawing a gray background and then creating an ellipse, it’s really mind blowing once you stop to think about it.

image

 
  1. Next, I was able to redraw the target from last weeks tutorial and will work in the next step to make it move around like the ellipse above.

image

  1. Next, I tried drawing multiple targets:image

 

Reflection | Think about everything you know about how human languages and communication work. What are important differences and similarities between computational and human languages?

 

This week I struggled to add new code to each line of code without getting a error message. Once again it made be realize the importance of every single input of code into the processing platform. I think that at no matter what age, when one is learning programming they have to take a step back to think about basic directions or instructions. This past week after working with Dr. Ardito with several 11th graders using mBlock for the first time, I felt confident in teaching them block programming, in fact I felt very comfortable because I was teaching them something that was very basic to show what can then be done to create something even more complex. It reminded me of teaching my kindergartners because the students that I was working with at the Robot Camp did not have any background with coding.

Final Reflection | After reviewing your work over the past few weeks, what are you learning about what it means to learn a new language? How might your experiences learning a computational language inform your teaching practice? (350-500 words).

 

Link to Jing where you can see my final project(s):

https://www.screencast.com/t/3Skq5hGA

 

Colors Code:

size (640,360);

background(300,200,450,89);

 

 

stroke(0,0,150); // r,g, b, (blue color)

fill(241, 244, 66); // r,g,b (yellow color)

ellipse(600,150,50,35); // x,y, w,h

 

stroke(0,0,150); // r,g, b, (blue color)

fill(255,0,0); // r,g,b (red color)

ellipse(500,150,50,35); // x,y, w,h

 

stroke(0,0,150); // r,g, b, (blue color)

fill(0,0,255); // r,g,b (blue color)

ellipse(200,150,50,35); // x,y, w,h

 

stroke(0,0,150); // r,g, b, (blue color)

fill(0,255,0); // r,g,b (green color)

ellipse(100,150,50,35); // x,y, w,h

 

stroke(0,0,150); // r,g, b, (blue color)

fill(255,200,200); // r,g,b (pink color)

ellipse(300,150,50,35); // x,y, w,h

 

stroke(0,0,150); // r,g, b, (blue color)

fill(60,0,90); // r,g,b (purple color)

ellipse(400,150,50,35); // x,y, w,h

 

Touch and Count Code:

 

float previousX;

float previousY;

float previousHeight;

 

void setup() {

 size(400, 450);

 background (255);

}

void draw() {

}

void mousePressed() {

 

 float nextX = mouseX;

 float nextY = mouseY;

 float nextWidth = random (50, 50);

 float nextHeight = random (25, 25);

 

strokeWeight(0);

 fill(random(0, 0), random(0, 255), 0);

 stroke (0);

 ellipse(nextX, nextY, nextWidth, nextHeight);

 ellipse(nextX, nextY, nextWidth*.5, nextHeight);

 ellipse(nextX, nextY, nextWidth*.5, nextHeight);

 ellipse(nextX, nextY, nextWidth* .5, nextHeight);

 

  strokeWeight(0);

 fill(random(0, 0), random(0, 0), 0);

 ellipse(nextX, nextY, nextWidth, nextHeight);

 ellipse(nextX, nextY, nextWidth*.75, nextHeight);

 ellipse(nextX, nextY, nextWidth*.5, nextHeight);

 ellipse(nextX, nextY, nextWidth*.25, nextHeight);

 

 noFill();

 stroke(0, random(0, 0), 0, 100);

 strokeWeight(random(5 ));

 

 bezier(previousX, previousY - previousHeight/2,

previousX + random(100, 100), previousY - previousHeight*2,

nextX + random(-100, 100), nextY - nextHeight*2,

nextX, nextY - nextHeight/2);

 

 previousX = nextX;

 previousY = nextY;

 previousHeight = nextHeight;

}

 

 

After reviewing your work over the past few weeks, what are you learning about what it means to learn a new language?

 

Over the last few weeks, I have worked to try and understand the new program of Processing. I watched and worked through many different tutorials that were assigned and found some really great ones on Youtube. Many videos were older and showed the older versions of processing and I was happy to know that we were working with the newest version. My favorite thing about this new version of processing is the CTRL SHIFT feature where you can get a pop down menu of code to put into your sketch. I found this to be very helpful instead of always having to jump back to the reference page. Another great feature of this newer version was the error and debugging messages. I found it very helpful to have the program tell you exactly what line you made an error in instead of having to rewrite the entire code. Below I attached an error message that appeared when I was missing a semicolon. I thought that it was great that this project was a part of a unit because I felt that it forced me to really independently learn what this program was all about in a sufficient. To learn a new language, it is frustrating. I still was not successful in the project that I wanted to complete but I am still motivated to work through whatever code I am missing. Learning this new language made me think of my kindergarten students as they work through their first year of school learning all of their letters, numbers and sounds.

image

 

How might your experiences learning a computational language inform your teaching practice?

My experiences with learning a computational language helps me think of my students who are being exposed to learning to read and write English at 5 years old. Many of them take different steps to reach whatever task they need to be completed but I think that modifying work for students who need it is essential. It is definitely not easy to be able to learn a whole new language. It also makes me think of my ELL students who sometimes come to our school knowing no English. We usually scaffold and support these students through many visuals. I think what really helped me learn processing is the videos and tutorials. I still need to learn more to continue my project to get it to where I want it. I enjoyed learning about processing and look forward to learning more.

 
















 

 

 

 

    • Gerald Ardito
      Gerald Ardito

      Alicia,

      Your work on this project is exemplary. I also really appreciated how you were able to articulate your network of experiences - coding in general, coding with Processing in particular, responding to errors and debugging, and yourself as a student (which resources and tools were useful to you).

      I have learned a great deal by sharing your process (with Processing).

    Latest comments