Final Blog Post- Web Design

Index Page: 

My index page includes links to my most profound websites. It also features different links to websites that are important to Olathe Northwest and the eComm program. I am very proud of the websites I have made this year, and glad I can share my hard work with others. You can visit my index page http://eravensonline.net/students/129emb10/

Favorite Project

My favorite project this semester had to have been when we made the family div. I really enjoyed finding different backgrounds that described each of my family members personality. I also enjoyed making the different slides fade in and fade out. The biggest reason on why its my favorite project has to be watching the members of my family see the website for the first time. Visit my Family apDiv! http://eravensonline.net/students/129emb10/ApDiv/family.html

Summer

Some plans for Summer 2015 are surprising my cousin in Colorado at his graduation next week. My parents also surprised my family with a trip to Aruba, and a trip to California to visit my brother. I plan to follow Photo Composition rules while taking a ton of pictures on vacation! The biggest thing that is happening to me this summer, is getting cleared to play soccer. I tore my ACL last August and since then I have been rehabbing from surgery for 9 months. June 1st is the day I hope to get cleared to play! I pan on hanging out with my sister a lot this summer because next fall she will be attending University of Arkansas. 

eComm 2015-2016

Convergence Journalism is the focus I chose to go into for my junior year. I was drawn into this area because I was really successful when we did this unit in video class. I can also take my creative writing skills and tell a story that has a meaning: a beginning, middle, and end. I look forward to next years eComm class, and will still continue to make websites and short films. Hopefully, all my eComm skills will help me in the future, and I am excited to carry on in the eCommunications program.

Responsive Web Design

Definitions

Responsive web design: An approach that suggests the design and development should respond to the user's behavior and environment based on screen size, platform and orientation.

Why has responsive web design become so important? Responsive web design has became very important because it makes navigating through websites simple on any device, and allows the viewer to see the whole web site instead of zooming in and out.

Media Queries: It allows content rendering to adapt to conditions such as screen resolution.

Breakpoints: The point at which your sites content will respond to provide the user with the best possible layout to consume the information.

Responsive Websites

 On the wide responsive website, there is a sidebar with a column with 5 drop down options. The main message is centered on the web site with a gif of someone on an iPad working the website.  (desktop)

                 
 The medium responsive site brought the drop down menu to the bottom of the page and turned it into 5 different rows. The size of the main message gets bigger and the gif of the person on the iPad turns into a solid picture. (tablet)

The small responsive website pushed the menu 

further down the page, and shrunk the main 

picture. More news is posted the more the viewer

scrolls down. 

Desktop vs Mobile

Definitions/ ONW website data: 

A bounce rate the percentage of visitors to a particular website who navigate away from the site after viewing only one page.

The mobile bounce rate of the Olathe Northwest web site is the highest percentage out of mobile, desktop, and tablet. Page rate session shows the desktop and tablet percentage is consistently higher. The average session rate shows that desktop percentage is higher but decreasing throughout the year.

When looking at something on my phone I am most likely looking for an email or an address/ phone number. When on a desktop I spend more time looking at articles and browsing for different things. 

Comparing Data:

According to Rebecca Murtagh, Internet usage on mobile devices exceeded PC desktop usage. In another article by Sarah Perez, a chart is picture which shows from March 2013 to June 2014 desktop usage has decreased by 13%. During those years mobile usage as increased by 13%.  Another article by Peter Peckarsky, shows us that mobile usage is increasing at a high rate while desktop usage is decreasing at a low rate, and mobile will soon pass desktop on most used internet devise. Our data from the ONW website shows a steady increase rate of mobile devises and a decrease rate on desktops which supports all three articles that I viewed.

Links:

http://searchenginewatch.com/sew/opinion/2353616/mobile-now-exceeds-pc-the-biggest-shift-since-the-internet-began

http://techcrunch.com/2014/08/21/majority-of-digital-media-consumption-now-takes-place-in-mobile-apps/

http://www.engeniusweb.com/blog/mobile-exceeds-desktop-internet-usage/

Growing, inspiring, singing: A Music World

Believe: A Whale Tail

Response: 

 I thought that this was a good challenge and experience trying to edit, and put together a story in 1 hour and 30 minutes. It was good practice using the J and L cuts, and making sure that I used them correctly. This story had to tell a beginning, middle, and end. The beginning of my story told how incredible the show is because of the whale. The middle explained how well whales move and beautiful they are. Finally in the end a trainer told us how incredible their job is.

  Throughout the whole video the whales are jumping and swimming. This truly shows how strong, and powerful the whales are. The song I used relates to the name of the show which is "Believe" it says "reach for your dreams" which is essentially what the whales are doing when they jump out of the water.

 This whole semester has been a good learning experience. We learned the 6 shot sequence, how to color correct, nat noise, audio edits and J and L edits. I used all of these in this project trying to make it as professional as possible. Overall I think this video was a success, the most difficult part was making sure it told a story that flowed together.

Reminiscing Childhood Memories: Lego Day

Video:

  

Response: 

  Backpack Journalism is much more different then regular film. There is not a lot of pre-planning involved before filming backpack journalism. There is no need to make a story board because you don't know the story of the actor will have. However, thinking about different questions that are general will help, such as; What are you doing? what are you going to do?

  In this backpack journalism I filmed Diego who hasn't played with legos since he was a child, and even as a child he didn't have many to play with. Along with a regular video backpack journalism still has to tell a story. The theme on this day helped tell the story of Diego who was struggling to build legos because of the lack of building them as a child. 

 It was very different writing a script for voiceovers that tells a story. In the future some good advise to use is making each voice over as short as possible but still gets to the point. Backpack journalism is also filmed without a tripod, so when filming it is necessary to hold the camera as still as possible, so the movement doesn't distract the viewer. Backpack journalism definitely opened my eyes on how to tell a good story while getting to the point quickly. 

Fifteen Music Video Short

Re-editing the music video and making it shorter was definitely challenging because I had to cut some clips out and make all them all shorter. When I went back I color corrected a lot of my clips to make them lighter or darker. The most difficult thing about editing the video down is making sure the point of you music video gets across to the audience. Using the markers in final cut pro definitely helped me know when I should transition into different clips, but some of them wouldn’t line up. Using markers next film will improve it to be way better because it will flow with the song and it won’t just jump to the next clip. I think group presentations need to way better next time around and even for me personally I will talk more confidently and look right at the client. Over all I thought it was a fun project and I would do it again.

Website Biography- Project 8

Home Page

Link Page

                                 

The picture above is a screenshot of my home web page and Link page. I used CARP in this by changing the font of the title and the font of the text to be different. I also change the color of my background so it contrasts with my red text. The purpose of the "wrapper div" is to group things together. It also seperates headings and body paragraphs from side bars, headers, and footers. The new way we included the CSS is by making a whole new page for just css and deleted it from our home page and link page. We then attached the CSS page in the code in both the link page and home page. For our photo we cut out our photo in photoshop by using the pen tool. We also color corrected it by changing how light or dark sections in our picture were. For making our seamless background we opened it in photo shop and began using the clone stamp and smudge tool to make it look seamless. We also changed the color of the photo to our own personal style.