Digital Design by AN

The final portfolio was worked on throughout my junior year. It is an accumilation of the labs, projects, and other work.

In honor of teacher appreciation week, I had to create a webpage about my favorite teacher at my school: Mr. Giambalvo. The actual grade for this project was not based off the content of the web page, it was based off the design and the CSS we used. However, in order for there to be any content at all, we had to interview our teacher. Although I did not physically interview my teacher due to our colliding schedules, we did communicate online where I asked him questions and he gave me information. My webpage contains information about his background, career, and the impact he has had on me as a teacher. The CSS was in an external file and was the same for each webpage. This was the first time we had to create a new website with only one intended purpose and it really gave me an idea of the designing and creation process that comes with creating websites for clients. These skills will definitely be helpful in the future when I design different websites.

For this trip, I got to take a tour of the Google office here in New York. It was very exciting for the class because we got an insight of how it will be like working for a tech company and the life of being a technology employee. My first impression walking into the office was that it looked very modern and had a lot of art incorporated into the design. I remember that on the floors we visited that on the walls there would be these glass lines whose length represented the percentage of people with internet availability. There was also food stations on every floor and more than one for each floor. One thing that I found surprising was that a google worker could basically live in the office because it has everything: a gym, spa, eating area, lounge area, arcade games around the office, and food. Although it was very distracting, it was reassuring to see the workers being focused and working diligently. At the end of the tour, the class got the chance to ask employees questions related

For this lab we had to use the three types of alert boxes: alert, confirm, and prompt.   First it will ask your name and then give a record of the exercise you did. Then a pop up would ask you if you would like to take a walk or go outside. If you choose to go outside it will generate a random number of miles you walked , but if you chose to stay inside then it will just say you didn't walk. This was all to try out all the different alert boxes. This lab was similar to the previous as it had the use of If-else statements, except it added alert boxes to it. The first alert box was a confirm box, the next was a alert, and the final one was a prompt box. These skills could be used in other scenarios such as creating a game or making a survey/quiz.

This lab was essentially a guessing game. In this game the player has to guess a number between 1 and 50. If the number is too low a message will appear telling the user to guess a higher number. If the number is too high a message will appear telling the user to guess a lower number. If the correct number is guessed then the game will end. To complete this lab Boolean expression were required. It would compare the inputted number with the target number and determine if the statements such as if it was higher were true or not. Depending on the results then the message will be different. This lab wasn't as complex or difficult as others because I was already introduced to Boolean expression in previous labs and on code.org. I could use the skills learned in this lab to generate an algorithm.

For this lab, we were instructed to create a web paged designed to validate personal information. This was the first time we had to implement javascript into out web pages . It used the else and if statements to check if certain elements fit a criteria, like if the values are a certain length or can only be a certain value. While there were many personal information needed to be filled in, only the zip code, phone#, and credit card number values are checked. The others are only checked if it is blank or not. If the input values did not meet the criteria a little note would appear in red that would tell the user if its valid or invalid. To check I placed a button at the bottom if the user wanted to verify the information. The button triggered a function that would check if the input information met all the requirements.     I used Dreamweaver to complete this lab. This lab was definitely the most difficult lab so far  because the requirements were very specific and we had no idea how t