Visual Design Journal by Dayanna Arias

For this Project, our group members were selected at random. This was to simulate the real world work environment where you don't know who you’re going to be working with until an assignment is given. The first thing we, as a group, had to do was to choose a company name. Second, each group had to create an invention/ idea that would solve one of the 17 major world wide problems. The 17 international problems is sanctioned under the United Nations: ( https://www.un.org/sustainabledevelopment/sustainable-development-goals/ ).  After each group had established what there company was about, all the groups took turns interviewing each other, the reason for this was because teams would be assigned at random. For example, group 1 interviewed groups 2-10 because they didn't know which group they would be assigned. After all that, each team was given another team to have to create a webpage for. Again, you were given a random team to do to simulate the natura...

On October 26th, 2019 at Columbia university a CS4ALL event was held in honor of Hispanic Heritage Month. This event was for hands-on workshops and soul-sustaining talks. This event had guests Ron Summers, Christy Crawford, Jose Olivares, Amy Henderson, Amy Hobson, Kevin Sukloo, Renae Williams, Dami Agheda, Angela Lozano, Felix Alberto, Tunisha Mitchell, Valerie Brock, Melissa Mijias Parker, Vincent Deas, Patrick G. Willamson, and David Pena. The workshop I took while I was there taught me how to incorporate Virtual Reality into an HTML file.    

For lab 6 we had to use what we learned in lab 4 to animate a box in the same way. I t was basically like a redo of lab 5 but with a stop button included. Although, in this lab we had to include a “stop” button which, when pressed, will stop the animation currently in progress. For example, if you clicked on the move animation, originally, the box would move from its initial position to wherever it’s ending position is. With the stop button you can stop the animation halfway through so the box only moves halfway to were it was supposed to be. The set up for this is the same to the lab 4. First, we create the stop button in HTML whilst giving it an ID so that we can call it with a JQuery selector. In your javascript file you add an event listener to the stop button. Then if the button is pressed you use the built in JQuery function “.stop()” which stops the animations.

For Lab 5 we were required to create 5 buttons using HTML, each button triggers a unique animation that we would animate using JQuery. I first started by giving the element that I would be animating, which for me was a box, an ID so that I can call it. In a new javascript file, we used a JQuery selector to than select that ID for the object of animation to animate it. Although, before we can trigger it we must go back into the HTML and create the 5 buttons, each with a unique ID name, so that we can create an event listener for each button to check if the user had clicked any of them. The code would work like this, the moment the user clicked on a button a specific animation would play unique to that button.  

For this lab, I had to pick my own ninja and then create a button that would allow anyone to create a background for that ninja. They would be able to give them a name and where they're from. Afterwards, a screen with buttons that show what the ninja could do shows up. The ninja can punch, kick and dodge. All the noises that can be heard when pressing on the buttons are customized meaning that it's me making those sound effects.