Project 2- Cartoon Website using CSS

          When creating this website, I first had to pick my favorite cartoon character. For this project we were required to choose a cartoon character and then create a website for it using CSS. In this case I decided to pick Sailor Moon. Since I chose Sailor Moon I had to pick an image of Sailor Moon and I had to find a background. Since Sailor Moon is a superhero who fights super villains at night, I decided to use a starry night background. When creating this website we needed a homepage, and another two pages that must include a biography of my character and the process made throughout this project. For both my biography and process webpage, I decided to put the text inside a textarea scroll box. Project 1 allowed me to create the texture element since I learned this element when doing project 1I decided to use Sailor Moons transformation brooch as my huttons. This way I was able to connect my web pages to my main homepage, my chracters biography, my process website, my blog and my web design portfolio. I used another Sailor Moon brooch as my copyright button as well. In order to fill in the space I decided to insert images of sailormoon.
        My Sailor Moon based website was mostly made using css. I used elements such as margin left, margin top, position, dispaly, in order to instruct where I wanted to place my images in my web page. I had to used these elemnts in order to position them in places other than left, right or in the center.  mostly used html to link my webpages together through the use of buttons and I used css to organize and style my webpage.I had fun while doing this project because I have always loved sailor moon and creating a website that is sailor moon themed was really exciting and fun to make. However, I did have trouble placing my images on the right place and I had a difficult time completing this project because since it was my first time using dreamweaver I still need practice. In addition, trying to find the right elements and the right position was hard.

Lab 9- My Plan for the AP PT Exam

          In this lab, this was the first time I experienced using dreamweaver. I thought it was easier but I was kind of having a hard time trying to connect to the server. However, I did love my first experience with dreamweaver because it suggests certain elements. My experience this time was different though. After learning html and creating websites in html, we now began using dreamweaver to create an html file along with a CSS file. This was the first time we had to complete a lab by creating an html file and then linking it to a CSS file. Before this lab I was confused because i thought CSS was a better version of html but I was wrong. People use CSS and use it to style their websites made in html in order to style their webpage in a readable, organized and easier manner. However, in order to style an html file by using a css file, you must connect the both files together. In order to link an html file and css film you must use the tag element, <link rel="stylesheet" type="text/css" href="_name of file_".

Career and College Fair

        A college and career fair was hosted at my school during 3 period. A few colleges as well as the army and navy came to the school to provide us with information about possible careers we will wish to to pursue in the future. Since it was early in the morning I did not get the chance to see all the colleges. However, although I was only given a period to interact I tried to talk to schools whose programs interested me. There were not many schools that interested me but I did try to ask about some academics I was interested in. Many colleges that went I never heard of. Therefore, when i first saw them I was not as interested because I never heard of them before. Some colleges were big others were small.For instance some colleges that went were Colleges like SUNY Polytechnic Institute, BMCC, Minorit Science Engineering Improvement Program, Hunter College, and a music college. There was also a program called ASAP that told us they can help students financially. But as I started to walk around i noticed that they were not as bad. I was still hoping that some school would have the academic I am interested in which is either fashion design or advertising/marketing. I found this college and career fair a good way to show us how a college fair is like. I have been to previous college fairs but I liked this one because even though we were in a small space, it felt more comfortable talking to colleges and asking them questions. Since it was a smaller environment there was more time to ask questions and explore. I liked this college fair but I just wished schools like FIT went because thats a college I am very interested in.

AP Central CollegeBaord Summary

      The AP Computer Science Principles Exam is an exam that consists of two parts, the performance tasks and the end-of-course AP Exam. The Performance tasks are due on April 30th,2017 and the exam day is on Friday, May 5th at 12 noon. Students are given two hours on the exam day. The performance task is composed of 2 tasks,t he first task requires students to identify a computing innovation, explore its impact, and create a related computational artifact and the second task focuses specifically on the creation of a computer program through the collaborative and iterative process of programming. Within these tasks students will create digital artifacts such as programs, digital art, or a video, accompanied by a written response. Once finished students must submit their final tasks through their AP Digital Portfolio. This will be the only way in where the test can be graded by teachers. Unlike the performance task, the end of course exam is a paper and pencil written exam. his test will include will include 74 multiple-choice questions, presented as either discrete questions or in sets. The exam has two types of multiple-choice questions. One type is called Ssngle-select multiple choice, where students select 1 answer from among 4 options. The other type is called multiple-select multiple choice, where students select 2 answers from among 4 option. As a result students will receive a final exam score of 1-5, based on their performance on both the course assessment and the end-of-course exam.The two performance tasks have an impact of 40% on the overall AP score in which the explore section is 16% (8 hours are given for this exam) and the create section is 24% (12 hours are given). On the other hand, the end of course exam, has a impact of 60percent on the overall AP score and only two hours are given.

WBL workshop #3 Child Labor Laws and Workplace Safety

        When wanting to work, students sometimes only think the money they will earn but do not realize some of the things they do are safe for them.For instance, minors (under 18) can do anything except farm work,newspaper carrier and street trades. If students do work during school hours they may only work 4 hours on days preceding school and 8 hours on Fridays' Saturdays and Sundays and on holidays. But there maximum number of hours they can work is 28 hours a week. Students cannot work during school hours.Students who work during school hours may only work 4 hours after school.  In addition, a student should know when there work can be dangerous if they are made to slice meat or bread, use power tools, work on a roof,manufacture brick or tile, or drive a four wheel vechile. It is important to know the amount of hours that can be worked and which activities people should exclude from because due to a report over 200,00 young workers get hurt during their job this year. Many students should not only care about the amount they are going to get payed. Students should be aware and told about the rights they have, no boss should take advantage of a student. If a students boss is taking advantage of a person, they must alert their teacher or guidance because a students safety comes first. However, students may work more hours during school break.

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. 

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.

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