Math and Science

Science and Math Report: MAST Photojournalism Website
This project is to design and make a website showing all aspects, photographically, of the Marine Academy of Science and Technology for public view. This school is very unique and has no form of publication to show anyone what it’s all about. People such as incoming freshman, current students, alumni, faculty, family and friends would all benefit from being able to view a site that shows what it is all about here at MAST and what life is like on a daily basis. The website will be a photojournal, complete with slideshows of all the pictures. The site has been redesigned many times to portray the school better, to be better organized, and to be aesthetically better. The idea of the final website is shown in the developmental work.
Engineering and Manufacturing
This project originally did not fit into Systems Engineering II at all, but was changed to at least somewhat fit in. It is still not a standard Systems project but because of it’s technological side, does partially fit in. This project is a photojournal website and therefore is an innovation. Both photojournals and websites exist but not for MAST. It is an open system because the website is editable, it is able to be changed if needed and is informational because it provides anyone who views it with information about MAST. The only type of engineering used to create this project is infotech (information technology). It is a technological view of information. The website is a custom design, all HTML written by hand and all photos taken by the website’s designer. No other type of manufacturing is used for it. No manufacturing categories are involved in this design.
Science Concepts
The website is artistic, and therefore the concepts used for it are design principles and color effects. The elements of design include line, color, shape, form, value, size, texture, illusion of motion and illusion of space. The principles of design include unity, balance, harmony, contrast, repetition, variety and emphasis. Color effects deals with the effects that colors can have on a person, whether it calms them or excites them or if the color scheme is harmonious. My website is mainly for photographs, and because I want them to be the focus of my site, I have decided to keep the rest of the pages simple besides the photos that I include on them, in order to keep them from distracting from the photos. Color effects deal with how a color make you feel when viewing it, for my website this was important. MAST is a strong and unique school, because of this a color such as pink or yellow would be inappropriate for the color scheme. Instead of using a solid color, an opaque photo relating to the page will be used as a background with navy blue font and links. Navy blue is appropriate not only because it is one of our school colors but also because it appeals to both men and women, and is associated with importance, confidence, power and authority. All these traits relate to MAST and therefore navy blue was the font color chosen. The principles of design are much more involved with this project. The website must have unity, if each page looks like a separate item from the others it will look dissonant. In this website each page is balanced, symmetrical, so that they do not give a feeling of being confused or scattered. In the photos there is not a set balance that is attempted.

[1-1]
Symmetrically Balanced


[1-2]
Asymmetrically Balanaced

When a photo is cropped a symmetry is not usually created, such as in figure 1-2 because much of the time the focal point does not belong in the center, this becomes boring and monotonous to view. If every photo was symmetrical like figure 1-1 the slideshows would have no variety. Harmony is important to a website, each page shares similarities with every other page, therefore they are more appealing as a whole and look like they do belong together.

[1-3]
Color Contrast

In the photos contrast is a main element. Color wise it is what gives the photo depth and clarity between elements. In figure 1-3 the bright colors of the trees contrast the light blue sky and dark colors of the people, therefore they pop out creating a striking image. The textures in the photos are also contrasting which makes them much more interesting. Because each photograph is very different and each shows different people in different situations, no two are alike, there is a great variety. In no slideshow is there any bit of monotony.


[1-4]
Focal Point Off Center


[1-5]
Focal Point Off Center

One of the main things to decide or figure out in a photo is the focal point. This is the point of the photo where a viewers eyes land. For instance, in figure 1-5 the viewers eyes go directly to his face, making it the focal point. Inexperienced photographers usually believe that the focal point must be in the middle or must be what would be assumed (such as a face). Straying away from this belief makes your photos much more fascinating and edgy, if the focal point of figure 1-4 was in the center the photo would lose some interest that having it to the right gives it.
Technology

[2-1]
Photoshop

Creating this website requires the use of HTML coding and Photoshop (CS4). Each page was written in Notepad using HTML. The HTML for the slideshows were created using SimpleViewer (http://www.airtightinteractive.com/simpleviewer/) which is uploaded to Photoshop and from there will automate the script for the slideshows. Photoshop is used for that as well as editing each photo that is being used (ex. increasing contrast, cropping, fixing colors and dodging/burning).


Math

[3-1, 3-2]
Original Photo and Faded for Background Image

The only mathematical computation involved in this project is changing the opacity of a photo for the background of the category pages. The opacity of the photo above was changed from 100% to 50% in order to create a faded image that the words and links will be visible on top of. It had to be faded 50% so that the colors are not bright enough to distract from the photos placed on top.

Conclusion
This project, although not engineering based, does involve science and math. It is an innovation, an open system and uses infotech engineering. This MAST website will provide information and photos to viewers in the following format. The design principles and color theory are important concepts involved in this project, determining which photos will be used and how they will be edited, as well as how the website is designed. This website will exhibit a side of MAST that is not shown by other Systems projects.

Calendar MP 2

November 17-21
Bid Process, shoot: boat trip, NHS inductions and info session
November 24-28
Choose and edit photos
December 1-5
Shoot some club meetings, begin html template
December 8-12
Html template, choose and edit photos
December 15-19
Html, start slideshows, shoot: winter ball, club meetings
December 22-26
Edit photos
December 29- January 2
No school
January 5-9
Templates, developmental work, math and science report
January 12-16
Developmental work due, math and science report due, work on midterm
January 19-23
Presentation and midterm

Logs MP1

9/9/08
I have began to fix everything I did this summer that was incorrect of needs improving.

9/12/08
For the past week I have fixed everything wrong with my summer work. I have also not had a computer that reads my hard drive so instead of working on my photos I have been looking at photo websites to get ideas for mine.

9/16/08
I have started to choose pictures to use from what I have shot so far. I also began editing them in photoshop. There is not much else to do yet.

9/19/08
I am still editing and choosing photos. It is starting to seem that my plans for this marking period were not accurate and although I am getting a lot done, my calendar is not what I will actually be doing.

9/23/08
My calendar states that I would be working on choosing pictures for a full week and then begin work on my model. I have finished choosing from the pictures that I have taken so far, and instead of starting on my model, I edited them all in Photoshop. Since I finished editing all my photos I have, I also started to create the image I'll be using as my homepage.
Now, I have to register my domain name in order to start building my website and html.

10/3/08
Since the last log I worked on my model. I completed it but because it did not look professional or neat or clear I started it again and will complete it today or tomorrow.
My calendar says that I would get my domain name and began building my website this week but instead of doing that I have done my model.
Since I have gotten a lot done, just in a different order than I had planned, my progress is going well.

10/7/08
I have gone over all my photos with my mentor, and also edited the flow of my website. We changed the design a little bit in order to connect all pages together better.
My model is complete for now. It is a flow chart of my website, showing how all pages connect to each other.
Soon I will start to create the site and design pages.

10/10/08
It turns out that my alternate solutions were really just brainstorming so I have been redoing them.

10/14/08
I created my outline for my presentation and worked on my model more. Since my last post I have also been redoing my alternate solutions more.

10/17/08
The presentations were this week and I was asked in many ways and for a long time, what is MAST?
I know that this is something that I have to figure out but to be asked it that many times was pretty bad. I'm now looking at pictures to find ones that I really think exemplify MAST, so that next time I don't have to stand up in front of my class being asked the same question so many times.
I was also asked how my photos are different than the yearbook snapshots. The more I think about this the more reasons I think of. I'm using a professional camera and shooting in an artistic way, taking good photos and portraying the emotion and action of each even that I shoot. On the other hand the yearbook pictures are snapshots, not showing what this school actually is and just showing groups of friends.
For my next presentation I know how I can answer what I'm asked and stick up for myself instead of just saying "I don't know."

10/21/08
My model was completed yesterday so I'm currently working on photoshopping photos and my alternate solutions.

10/24/08
This week i finished my model, continued choosing pictures to use, photoshopped my chosen pictures, shot the crop walk and beach sweep and athletic b schedule, and tried to make a list of everything that i have to shoot this year. It was a productive week.

10/28/08
Today I figured out what MAST is. Although I'm sure that that still won't be enough for my presentation.
Also, last class while holding my model I was asked "is that it?" although it was exactly what I was told to do. I haven't presented my model yet and I'm not sure how that will go but at least now I know what MAST is...somewhat.

10/31/08
Yesterday was my presentation. I did well, covering everything necessary although I did forget to go over my process of selection/rejection since it was in a different post.
The questions were different this time, instead of being asked about how my photos would be different than the yearbook and what is MAST? I was asked how my alternate solutions are creative and professional, which I cannot explain anymore than I did. Then I was critiqued on why I'm including my portfolio in the website. Again, I'm including my own portfolio in my website because it is my senior project and I want whoever views it to see my own personal work. Although I do really love the pictures I've been taking for the project, they are not me as a photographer for the most part and that is just another thing I want people to get out of viewing my site. Although the site is not "about me" or "for me" I want my portfolio on it for public view and whether it fits into the homepage or not is a matter of opinion. There are other ways to include it in the site, and maybe I'll modify that but no matter what, it will be included.

Slideshow

http://www.airtightinteractive.com/simpleviewer/examples/lores/

This is what I will use to display my photos, the background will be a faded photo that continues from page to page in that category.

What Is MAST?

The question I keep getting asked is What Is MAST? and although I currently am not able to describe in words what MAST is (especially when standing in front of my class getting questioned), here are some pictures that exemplify parts of our school.

Alternate Solutions

Homepages:






Category Pages:



Subcategory (Picture) Pages:

What I'll Be Shooting

I. NJROTC
a. Drill: competitions, practive
b. B Schedules: promotion, AMI, 1st day of school, PT B
II. Daily Life
a. General: classes, lunch, weather
b. Boat: trawling, water chem., bridge
c. Beachwalks
III. Grade Level Projects
a. Freshmen: trade fair, regatta, tech
b. Sophomores: CAD projects
c. Juniors: systems projects
d. Seniors: senior projects
IV. Sandy Hook: bay, ocean, nature, MAST
V. Events/Activities
a. Naval/Winter Balls
b. Beach parties and picnics
c. Rude awakening
d. Other
VI. Clubs
a. Languages: Spanish, French, Latin
b. Beacon, Tradewinds, Creative Arts
c. Academic Team, TSA, Skills, Honor Society
d. Key Club
e. Other: scuba, GLAD, NAMES, Environ-thon, mock trial, etc.