INTERACTIVE DESIGN - FINAL PROJECT

1/11/18 - 22/11/18 (Week 10 - Week 13)

Linda Oktaviani ( 0333152)

Interactive Design

Final Project - Design, Exploration, and Application

______________________________________

INSTRUCTION

________________________

1/11/18 (Week 10)

For the final project, we should design a website and it could be either a portfolio, small business website, informational site or anything that the client wants. we are required to be a pair and choose one of our friends (as a client) that we will be designing their website. For this project, I'll be designing Jennifer's website and Jennifer will be designing my website. So, We decide to discuss first the color, content etc. before we designing a website.

8/11/18 (Week 11)

This week we don't have class, so this week, I asked Jennifer to send all the content that I wanted to put on her website.

1.1 Jennifer's Artwork

1.2 Embaded PDF for Content #1

1.3 Embaded PDF for Content #2

1.4 Colour Pallete for Website

22/11/18 (Week 12)

To start this project, I try to find a template that I'll edit and used for my final project.

1.5 https://www.tooplate.com/free-templates/2

1.6 https://templated.co/

1.7 Chosen theme

1.8 Choose theme

After I get the template for Jennifer's website, I started to change the color and the content.  I have to create different pages and linked them together.

2/11/18 (Week 13)

This week, I change all the color in CSS, I change the home page and picture, also the Education section in Adobe Dreamweaver.

2.1  Process of coding in Dreamweaver

2.2 Process of coding in Dreamweaver

2.3 View of Coding for Home Page

2.4 Process of Coding In Dreamweaver

after we done with our website in Dreamweaver we have to upload it in www..000webhost.com but then I have some trouble and it keeps saying " Error" so I told Mr. Shamsul and keep upload it.

and Finally I can upload it, here's the link https://ungraceful-signal.000webhostapp.com/About.html

______________________________

FEEDBACK 

22/11/18 (Week 13)

Specific feedback: I have to make sure that everything changed like Colors, Image as well as the icon. Mr. Shamsul said that Image resolution that I used is too big so I have to resize the Image. 

______________________________

REFLECTION

EXPERIENCE

1/11/18 (Week 10)
I got to see and do some research about the personal website so I got an idea of what should I put on my client website

8/11/18 (Week 11)
I have to collect all the artwork and manage all the content that I wanted to add on.

22/11/18 (Week 12)
I got to know how to use a template and change all that I wanted to change, and also learn how to fix the "error" message

22/11/18 (Week 13)

I've learned how to separate the website into multiple websites and link all the website together

OBSERVATION

1/11/18 (Week 10)
I realized that it's important to do some research before we doing our work to get more ideas and while we are looking at someone website we can critique and make a betterment for our website.

8/11/18 (Week 11)
I observed that we have to be clear with all the content to the website.

22/11/18 (Week 12)
I observe that we have to check and save everything because sometimes the software isn't working so we have to quit Dreamweaver. Also, we have to make sure that there's no wrong with the coding.

22/11/18 (Week 13)
I realized that it's important to put everything in one folder because coding can be tricky. will be more organize and manage it all because it is easier for us while we are doing our work. Further, The images size can't be too big it will take a lot of times to load the page.

FINDING

1/11/18 (Week 10)
doing research or looking at another website can give more reference in our mind and it can give better works.

8/11/18 (Week 11)
I found that this project kind of challenge where we have to follows what my friends want.

22/11/18 (Week 12)
I found that I was really confused with all my files because everything is not organized well and I can't move an image to another file if I already used it on Dreamweaver because it can be error message/file missing.

22/11/18 (Week 13)
I found that we have to be patient while we doing coding, because when there's something wrong like  < > , : ; , . this symbol the website can be error and it kinda hard to find fix it. Further, I got to know that HTML is not that hard when we know the basic and HTML is very tricky so we have to use our logic. If we can understand how HTML/CSS works it will be easy for us to do coding.