Monday, January 16, 2017

Disney Movie Data Set


In order to convert my raw data into a data visualization, I decided to use only certain parts of the data that will break down the information in a good manner. I decided to represent the disney movie data set by representing only the average rating of women vs the average rating of men. I decided to do this because in this way I will be comparing the average rates of both genders, female and male. Next, I had to choose which data visualization I thought would represent the data the simplest. Thus, I decided to use a scatter plot because in this way the audience will be able to interpret and easily see who's average rating was higher, the women or males. Now it was time to tell a story with the data visualization. With this data visualization it can be assumed that the average rating of women is higher than the average rating of men for the disney movies that have a female protagonist and the disney movies that have a male as the protagonist has a higher average rating for men than for women. 













Thursday, January 5, 2017

Unit 2:Lesson 11 Making Data Visualizations

For this lesson we used either Google Sheets or excel to create good visualizations of data. At times data sets have numerous numbers that can confuse the audience. At times we cannot use all the data from a data set because it can confuse an audience just as much as they get confused interpreting a data set full of numbers. For this data set we first practiced creating a scatter plot that showed age vs the average rating. Next, I created a line graph in which we compared the average rating of women and the average rating of men. Finally, we created a bar graph comparing the number of women vs the number of men. In my opinion, I found scatter plots easier to interpret. However, it also depends the situation or data set you are trying to represent. At times scatter plots are useful and sometimes line graphs are better.






Tuesday, January 3, 2017

LB8-Favicon

           In this lab we used Neocities to create a webpage for lab 8. For lab 8, I was required to create a logo and use this logo as a favicon so it can be displayed in my websites address bar. In order to create the logo we had to use code.org to create the logo. The logo we were required to make had to have a widht and height of 16. (16x16). In addition, we had to use 12 bits per pixel. For this logo, I decided to create a bear. I decided to create this logo because I have a dog and my dog looks like a bear cub. Since my dog means so much to me and is a part of my identity, I decided to create a bear. Creating the favicon was not hard but I was worried that my design was not going to be seen as clearly since a favicon is pretty small. Thus, I decided to make my logo as big as possible to cover up the 16x16 pixel image. Once I finished creating my favicon, it was time for me to put it into my website. In order for me to this I had to use the tage link rel= and I had to put information about the image so my website can recognize the favicon.I had fun creating the favicon especially because now I know the tag which will allow me to add a favicon to my website. At first I was having a hard time understand how bits per pixel work because I was absent the previous day however with research and code.org I was able to complete this lab and understand the importance of bits per pixel.
            Upon creating my favicon, I learned many things such as the relationship between bits and pixels. A bit is the smallest unit of data in a computer that can be represented by two possible values, either of the binary digits 0 or 1. A pixel is the basic unit of programmable color on a computer display or in a computer image in which its physicla size on a screen depends on how an individual sets the resolution for the display screen. The term bits per pixel (bpp) refers to the number of bits per pixel that affects the number of different colors an individual can use to display an image. The more bits the more shade of colors an individual is able to use to color in a pixel of an image because there are more combinations of 0's and 1's available. In an image, a pixel is given its color through the three primary colors, red, green and blue (RGB). Each primary color is called a channel, and the shade of a certain primary color can be changed by making the bit value to go higher or lower. The smaller the value, the darker the shade and the higher the value the brigjter the shade. Since bits per channel only refers tpo the bits per primary color, bits per pixel refers to the sum of the bits of all three primary colors.



Favicon

Website

Monday, December 12, 2016

Hackathon at Galvanize

Waking up on a Saturday can be a tiring. However, at times waking up early must be done. On December 3rd, 2016 a hackathon at Galvanize was hosted. This was my first ever hackathon! When finding out that we had to come to this hackathon, i was scared and nervous because I never attended a hackothon nor did I know what you do at a hackathon. Upon arriving I found myself not only in a room full of classmates I already knew but with other students who I have never met before. We were made to form groups of 3-5. We were given a mentor to help us and we werealso given a time at which our bias website or application was due. Since I was intimidated and scared of making new friends, I was in a group of people I already knew. I thought by forming a group with classmates I already knew, it would be easier to communicate with one another. However, it was much more work. At first me and my group (Lesli,Edder, Sebastain and Tasnia) were having trouble picking a bias idea. As due time was approaching we felt very tensed and were having a hard time communicating with one another. This event made us realize that teamwork is more than helping one another but to make sure to communicate with each other very often. Even if we assign each other tasks, it is crucial to check up on each other and make sure if anyone needs help in completing the work by the deadline.

This seminar/ webinar made us work in teams and design website within a restricted number of hours. For instance, by four o clock we had to submit the website that had to be designed with any form of coding language that we know. Since we just began started learning about code our website mostly consisted of html and css. With the help of our mentor, she was able to teach us a little bit of javascript by teaching us how to create a carousel slideshow fro our website. Attending this event helped us realize that when creating a website we first have to brainstorm first such as making wireframes. In addition, we learned to manage our time and know how it feels like to have deadlines. We already knew a little about coding but after seeing other peoples projects it made me want to learn more about javascript because other people used javascript in their website or app and it was very interactive. I wish to make my websites more interactive in the future because when entering a website it is important that the user feels like they are at home, that they can navigate through the website. Overall, it was nice meeting new people from different schools.




AP CP- Unit 2:Lesson 3 Encoding B&W Images

Binary is not just a system with a bunch of 0's and 1's. Binary can be used to encode images. In order to understand the meaning translating a images into a bit-level encoding. In this lesson we began by learning that digital images are broken into small squares on a monitor called pixels. We first started off by encoding black and white images. When encoding black and white images, we use binary coding in which 0's= off (black) and 1's=(white). In black and white images, each pixel can be turned on (made white) or turned off (made black). not only do we represent images by a single bit but in order to encode an image we must also contain other data such as the width and height of an image. To represent the width and height of an image we use binary as well, the height and weight are represented in the first two lines of code. Encoding larger images can be harder and require much more work and patience. When creating an image, we found out that we can use this image as a falcon. A falcon is the image that appears next to the websites URL.




Wednesday, November 30, 2016

CSP Unit 2- Stage 1 #2

Question: Shakespeare's complete works have approximately 3.5 million characters. Which is bigger in file size:Shakespeare's complete works stored in plain ASCII text or a 4 minute song on mp3? how much bigger? Why?

Answer: If Shakespeare's complete work has approximately 3.5 million characters then it must have 3.5 million bytes. If a minute of a song on mp3 equals 720KB which equals 720000 bytes then 720000 times 4 is 2,880,000 bites. Therefore, Shakespeare's complete work would be bigger in file size. Shakespeare's work would have 6,200,000 more bytes than the 4 minute mp3 song.

Wednesday, November 16, 2016

WBL: Discovering your DNA

         On November 14th,  we had a WBL workshop in which we were given a packet full of tests that would help us discover our career DNA. When conducting these tests, I kept getting the DNA Code ASR (Artistic, Social, Realistic) or ASI (Artistic, Social, Investigative). When taking these tests I was sure I was going to get Artistic. Prior to this WBL workshop, I sort of had an idea of a future career I want to intake. The career I want to pursue is Fashion Design. I know as a fashion designer, you must be creative and imaginative with the designs. I feel like this career really suits me. However, I was sort of doubting myself because I thought that there are much more many people who are more creative then me. I felt like I was an Investigative person more than I was Artistic. Once I took the test, I was happy with my results because it gave me the confidence of pursing a career in the Fashion Industry. If in the future I do not pursue a career in Fashion Design I know I would like to pursue a career that will require the use of creativity. Even though I am in web design, I know the skills I learn in this class can relate to fashion design because in the fashion design industry, technology is also used. I would love to pursue fashion along with a minor in some technology field. I would like this because it could help me develop more skills. Overall, this WBL workshop helped me a lot because it boosted my confidence and allowed me to discover more things about myself.