Final Portfolio

             Its finally the time of the year when we must create a portfolio consisting of all the work done this school year. Last year I did the visual design portfolio but this year we must create a website that shows all the work I did during my Digital Design year. When creating our portfolio we must include our blog link, our teachers blog link, our link to our lab index page, our link to our projects lab index page and a link to our biography page. For this portfolio I decided to add a theme of a starry night since I have always loved looking at stars as a little girl. For my index page I wanted to do something different. Thus, I made a sky scenery with stars and within the stars I decided to add rotating stars and add links to them to send people to my blog, teachers blog and my biography. At the bottom of my webpage I wanted to add two buttons, one to direct people to my labs and another to direct them to my project. I left some space in between because I wanted to add something later on. I then worked on my labs and projects index page. I wanted to show a small description of what each lab or project I made was about. Thus, I decided to make a page transition up the page when hovered on. Therefore, revealing the description I made for each lab or project. I also decided to add my recent lab and project o the top of the page. Since we needed to add javascript I decided to make a navigation bar that opens from the right. Since we must keep a constant design throughout our website, I used the same starry background and the same blue and lavender colors and indie flower font I used in my homepage index. I tried to put much thought and make my portfolio simple to follow so the user does not get lost.
            I would say my favorite part of making my portfolio was the javascript I added in the beginning which made a box appear asking the individual to type their name and then to type any color they wanted. I decided to ask the user to input any desired color they want because when typing the color they want, when entering my website at the bottom middle of the page, the users name will appear in the color they desired to choose. This was my favorite part of the website as it make the user feel more welcomed in my perspective. I also found making the descriptions for my labs and projects hard because since the decoration is hidden until the lab or project image is hovered on, it would bot work at first. Although, its a lot of work I really enjoyed doing this because I was able to reflect on the work I have done and i was able to see how much I progressed.

Upon entering website

Homepage

index Homepage

Project Homepage

Lab 17

         This lab consisted of using learning how to display a confirm box when an individual clicks on a button. When creating a confirm box we also had to understand and learn about if and else statements. An if statement will allow a specific block of code to be executed if the indicated condition is true. An else statement will allow a specific bock of code to be executed if the indicated condition is false. A condition is an expression that evaluates to be true or false. In this lab since a confirm box displays a dial box with a specified message along with an OK and a Cancel, we will use the if and else statements so when a person clicks ok something will happen and if a person clicks cancel another thing will occur. Since I used the confirm () method, when an individual clicks ok, it returns true (if statement)  and in any case when an individual clicks cancel, it returns false. However, before creating the confirm box, I had to create a form asking the user to inout two values. which is something I learned back in lab 12. Then I created the confirm box which asked the individual "Do you want to add these two values?" When clicked ok, then it will add the two values, if clicked cancel then it will not.
         This lab was sort of difficult for me since we had to use if and else statements. I had to read articles to learn about if and else statements. I was scared of this lab because during our APCSP create task I had a hard time doing if and else statements. However, after this lab I was able to understand the process of an if and else statements. Most of the components such as creating a form was a skill learned in previous labs. Therefore, it was already easy creating a form. I was really excited to do this lab because before joining the web design academy I would see these confirm boxes in websites but I would not know who people were bale to make them. However, after this lab I realized it isn't so hard to create a confirm box as I thought. I hope in future labs I will see components I see in other websites online.  I know this lab will help me in the future because I can use confirm boxes in my portfolio or in any other project.

Layout of Lab 17

When Confirm Box Appears

     

Result After Clicking "OK" in Confirm Box

 

WBL Reflection Journal

          In the WBL workshop made by Mr. Franck, we learned about the importance of learning how to create good habits as it will help us save money rather than waste it ineffectively. We learned and were given tips from Mr.Franck to understood how we should set our priorities straight. A great way to start the presentation was by mentioning a term I never heard of before, Financial literacy. Financial literacy is the ability to understand how money works, how to manage it, how to earn it, and how to invest it. As a teenager all one can think of is making money. However, we get so excited by the idea of earning money that once we have it we tend to waste it all in less than a week. We go overboard buying unnecessary things and then a split second we have no money on us. Therefore, Mr.Franck. told us to create good habits. Some good habits are
 * Don't waste your money buying unnecessary things or too expensive things
 *Do not waste time on social media. Do something productive.
 *Surround yourself with people who have the same goals as you.
 *Create goals maybe not long term goals but small term goals are a great way to start
You won't see results really soon but sticking to these habits are a great way to start saving and spend less wasting. As a teenager these may seem like a waste of time but this will just help us not only save money but create good habits for the future. As Franck, said "Time is Money". We cannot waste our time taking selfies and posting them in social media, we should find what our interests are and try to explore them.

         One of my favorite parts of the workshop was when Mr.Franck told us that we should become a learner instead of one who looks to be entertained. He told us that risk comes from not knowing. Thus, we should become readers, talk to ourselves, keep a journal, find what our interests and goals are, and explore them. Many say we never have time to do such things but thats when we should keep in mind the importance of time. In web design our teacher is always telling us how we met use our time wisely. This saying should not only be applied to one class but to everything we do because if we don't then we can never do what we want to do like hobbies we like. When thinking of managing time we should think about Asset vs Liability. Assets are your mind, reputation, physical and mental skills and our ability to adapt to changes while liability is when you lack of time management, your obsession of making friends. In addition to learning how to learn to save money we also learned the importance of knowing ourselves and creating good habits. This is what I liked about this workshop as it linked to create important components into one.