Audiostory

This is a story about Thomas Barnes, a student at Olathe Northwest, who's taking his music to a whole to level.

Ways of Colors

4 different way of making color words

HTMl 1: 

In this project we used body styles to create font-families and color words to create a website that had a color for text and a background color to make the text and the background color to blend well.  When you code in Dreamweaver you have to have no space in your color words or then they will not function.

For example:

And here's what it looks like when it's finished...

Hexadecimal Color Sampler: 

In this project we used a ton of div styles with different background colors to make the colors of the rainbow and the different shades of black and gray. With all the different div styles you had to change the color codes to make the certain colors by using the RRGGBB scale. 

For example:

Here's the finished product....

RGB and RGBA: 

In this project we used RGBA color samplers to adjust colors to having a lot of transparency to no transparency. By using RGBA's we used the code in Dreamweaver to tell the levels of transparency. .2 being most and .8 being opague.

Here's the final....

In conclusion there are multiple ways of making colors and they can depend on how you use them to make your creations. From going to the colors of the rainbow to the families to the RGBA's they all have a lot in common.

TBL and Color Sampler Websites

These our samples of the first 2 web pages that I made. What I learned in both is that you have to adjust your code to whatever works for you and not the example, because sometimes the computer doesn't register the same as others.

In the Tim Berners-Lee webpage I learned how to insert an image and how to adjust the height and width. In the color sampler webpage was a little harder and you had to be more creative because there are many different shades of color and so everyone will not have the same color code as you. In this one, we used a lot of div's and we learned about the &nbsp's which are a little confusing but those you have to have or the color won't show up. Overall this was fun to make and it's very fun trying to figure out how much red, blue, or green is needed to make a certain color appear.

Procedures Video

This a video on how to get your lunch at ONW.  This is a 30 second video of a person sitting in class and their teacher tells them it's time to go to lunch.  This is a huge basic procedure because lunch time is really the only free time you have but you have to know what you'll need to do in order to make your time more smooth.

Professional Project Review

The story is about this girl named Michaela who is a gymnast and she is a power lifter who competes not only girls but guys.  In this video the shots are very well done and it has a good story that flows very well together.

The story starts out with her and her mom in the kitchen and she explains how she helps her mom out on one side but is strong and trains with her dad on the other side. I would definitely would apply more variety of shots in my own work because they did a very good job of showing her picking up the weights and lifting them. I already know the 1/3 rule and I have been applying it to my videos.

The creator of this video did a really good job of editing and not having many shots last for more than   4 seconds and the amount of gnat noise because you don't want to bore the audience and you want to make it realistic as much as possible.  The could improve on the lighting better if they can because some shots seemed very dark and some were hurting my eyes so if they don't have that sort of glare then it will be better.

Overall, this was a very good story and that she works very hard and it pays off in the end, and that she never gave up. Also it's amazing how much she can lift.

The WayBack Machine

For this project I used the WayBack Machine to find 3 different websites and how they have changed over the years. This is ESPN's website from then to now (left to right).  ESPN has made a whole new website especially since the colors of the old one were very dull, but they one now stands out a little bit more and tells you what you are on. The logo has still stayed the same throughout the years but now there is more videos now then before because all they used back then was pictures.

 Above is the code for the old ESPN (top) and the new ESPN (bottom). There is a big difference in the codes because the old one only uses images and less code, but the new one uses a ton of videos and images and it's one long piece of code. Also there are hovers on the new one and there is no hovers on the old one.

The next site I chose was the Olathe School District's Webpage. Once again, there is a huge difference between the two. Back then Olathe wasn't as big as it is now, and there wasn't as many schools. Now in the old one there are not as many colors as the new one, there isn't as many links and hovers, and there's more images.

Now in the codes the new one uses a lot of href's and the old one used a lot of td's and tf's. Also the new code's text is all green and the old one is red and blue. There is about the same amount of code between both but the old one used a little more. Overall, the website has improved by standing out with many colors.

The final one is Wikipedia. Now when you look right away you can tell there's a lot of differences. The one today has a search bar, and has a logo of a puzzle, while the old website uses only text and has a logo of scribbles. The font is also way different. The old one just only used 1 font and the new one uses many fonts. Including some in different languages.

In the coding in the old Wikipedia they used a lot of var's and in the new Wikipedia they used a lot of td's and tables. Also there is a lot more code in the new one then the old and the old one used more links then today's. Overall all of these websites have changed a lot over time and web designers have gotten more creative over time.

The purpose of the WayBack Machine is to show how websites have changed over the years and how creative people have gotten. They are archiving the videos or links to make them very smooth. Something I found interesting was that it has a library and there are so many different links to go to. 

Final Reflection (individual work)

What was the Scope of this project?

This project was our final project we did as a team of four. The idea of this project was to think of an idea of a product and try to advertise and sell this product that we created. Our group was struggling at first to come up with ideas since most of us don't like to talk much.  But I thought to myself, how can I make the environment better?  I remembered that I hate mowing the lawn all the time, so I offered the group of an idea of an automatic lawn mower that can mow all by itself without you having to do it yourself.

The Process

Now was the question of how we were going to design it. Well I wasn't good with animation or graphics but luckily we had 2 people in our group that were and the worked on that part. Once we had our design, we had to create a website, commercial and logo and present it to our hour. So we divided up rolls to who was doing what and went from there. The hard part was making the commercial because there was really no way that we could film at school, so we had to film outside of school. We learned that the technology was very tough to use to make this and we did surprisingly well working as a team and all got along. Our presentation went well but after hearing our feedback we had to fix a few things like a script and being more convincing,

What we would do next time

Next time we will probably create a product that doesn't have much hassle of filming and designing and probably make something simpler like a writing utensil. What we would do the same is probably keep the same team because we seem to understand each other and can build off of what we did wrong the first time. This was a good experience because it final made me work as a team to get a huge project done and it made me connect with others. When I get assigned to my next big project I will already be experienced with team projects that I will know what to do and hopefully make it easy

What did I do in this project

Well what I did in this project was a lot than I even imagined. The first thing was make the commercial (top). Now each of us in our team had to make their own commercial and then we pick the best of the four and go with that one. The second thing I did was the remote control and that was not too complicated but it was an animation that I did using Google Sketch-Up. It has a power button, two control sticks, an up arrow and down arrow to adjust the height and a speed up and slow down button to adjust the speed you want. The final thing I did was the website where all the content and things our group made that went in there (below). This took the longest because I had to come with content and decide our color schemes and get everything working correctly.  My meyers-brigg was ESFJ and I am very easy-going and like talking to people and that's how I contribute to teams. Overall, this was a complicated, yet fun thing we did, and I can't wait to do e-comm next year as a sophomore.