INTERACTIVE DESIGN - FINAL PROJECT
1/11/2018 - 22/11/2018 ( Week 10 - Week 13 )
Chong Siong Loong Ron
Interactive Design
Final Project - Design, Exploration and Application
INSTRUCTIONS
01/11/2018 ( Week 10 )
From the start we created slides for each other to be clear on what we want our partner to do for us. So this slides was prepared by Allen where we wants me to Create a website to promoted about his talent skills, the main goal for this website will be sharing informations about himself and the use of this website is to work as a e-portfolio for talent agency application, we wants to put in his music and dance performance that he is done or performed before.
After I got the slides I came out with sketches to show Allen and ask where is the sketches ok its a rough idea of his website.
Wireframe sketches
Main Colour pallet for Allen's website
15/11/2018 ( Week 12 )
We was allowed to use online templates for this project. But with a rules that we only can use the layout other than the layout we have to change everything for examples like colour, font, images and etc.
Examples templates : https://bootstrapmade.com/page/6/
After the templates is chosen, I start editing the content and images that was given by Allen. My target for this week is to finish 3 pages of the final website to show the lecturers as a process and to see whether is the layout ok.
HOME PAGE
Process of final project " html "
Process of final project " split view "
Process of final project " css "
Home page layout
ABOUT PAGE
Process of final project " html "
Process of final project " css "
Process of final project " split view "
About page layout
CONTACT PAGE
Process of final project " html "
Process of final project " css "
Process of final project " split view "
Contact page layout
22/11/2018 ( Week 13 )
Mr Shamsul said that it was good that I final a few pages to show progress and to check whether is the website, colour , font used and generally its was good and I can proceed to the rest of the pages on the website
TALENT'S PAGE
Process of final project " html "
Process of final project " css "
Process of final project " spilt view "
Talent's page layout
Talent's page layout " individual ERHU page "
Talent's page layout " individual DANCING page "
Talent's page layout " individual VIOLIN page "
PERFORMANCE PAGE
Process of final project " html "
Process of final project " css "
Process of final project " spilt view "
Performance page layout
Performance page layout " individual ERHU page "
Performance page layout " individual VIOLIN page "
Performance page layout " individual DANCING page "
29/11/2018 ( Week 14 )
Submission : https://ronchong-0415.000webhostapp.com
FEEDBACK
01/11/2018 ( Week 10 )
Specific Feedback : Mr Shamsul said that its was good that I did a few slides on what approach do I want for my partner where it will be more clear for him to understand, its was good that I tent to do a blog for applying jobs in the interior field where is much more interesting that others where they only do blogs. generally its was a good idea and the idea can proceed.
08/11/2018 ( Week 11 )
E-learning week
15/11/2018 ( Week 12 )
No feedback
22/11/2018 ( Week 13 )
Specific Feedback : I showed 3 pages of the final project to the lecturer where its relatively good and where mr shamus forget that I showed him the slides at week 10 where he said the slides does not only help my partner to be clear on what I want him to do and it also help the lecturer to understand better on what is this website all about.
29/11/2018 ( Week 14 )
Specific Feedback : Mr Shamsul said that my website is good and consistent the only thing is some of my pictures does not have caption where its hard for the audience to know what is the picture about, besides adding in caption everything is ok and I can hand in my final project.
Specific Feedback : Mr Shamsul said that its was good that I did a few slides on what approach do I want for my partner where it will be more clear for him to understand, its was good that I tent to do a blog for applying jobs in the interior field where is much more interesting that others where they only do blogs. generally its was a good idea and the idea can proceed.
08/11/2018 ( Week 11 )
E-learning week
15/11/2018 ( Week 12 )
No feedback
22/11/2018 ( Week 13 )
Specific Feedback : I showed 3 pages of the final project to the lecturer where its relatively good and where mr shamus forget that I showed him the slides at week 10 where he said the slides does not only help my partner to be clear on what I want him to do and it also help the lecturer to understand better on what is this website all about.
29/11/2018 ( Week 14 )
Specific Feedback : Mr Shamsul said that my website is good and consistent the only thing is some of my pictures does not have caption where its hard for the audience to know what is the picture about, besides adding in caption everything is ok and I can hand in my final project.
REFLECTION
EXPERIENCE
01/11/2018 ( Week 10 )
For this week we have to make up our mind on what do we want our partner to do for us and we have to know what kind of audience that we want to target on. We have to tell and show what do we want our partner to do for us and on the spot we was instructed to do a wire frame sketches and show it to our partner and lecturer to get approval.
08/11/2018 ( Week 11 )
It's e-learning week but we still have to continue on our final project where we have to come out with a colour palette for the website and sitemap after both of the things is out we can start on our website.
15/11/2018 ( Week 12 )
Mr lun teach us on how to use java script snd showed us a few examples and how java script works.
22/11/2018 ( Week 13 )
For this week we have to show what we have done for the final project, I showed 3 bag of my final project which is home page, about page and contact page.
29/11/2018 ( Week 14 )
its the final week for this semester its was definitely not easy to go through the 14 weeks where coding was totally a new baby for me, at 1st I was lost in the big ocean where till the end I felt that coding was not that hard after all but its not easy neither its some where ion the middle.
OBSERVATIONS
01/11/2018 ( Week 10 )
I observed that we have to categories out clearly for our partner so it will not confuse him on the content that is needed to put in to the website and its important that we have to plan properly on our wire frame where we have take into consideration that the website must be consistent, responsive and effective
08/11/2018 ( Week 11 )
Where I observed that is the planning will look consistent but after putting in images and texts where some image and text will not match with each other.
15/11/2018 ( Week 12 )
I observed that by adding in java script in to the final project we have more animation on our website.
22/11/2018 ( Week 13 )
We have to make sure that we test our website on different browser it may look different in each different browser.
29/11/2018 ( Week 14 )
I observed that interactive design was after all not too hard to learn where
FINDINGS
01/11/2018 ( Week 10 )I found out that we have too sure on kind on concept we are going to approach so that is easier to think of the colour palette we want. It's very important where we have to make it clear on what kind of concept, audience and content that we are going to approach for our website.
08/11/2018 ( Week 11 )
Its hard to keep its consistency where images we put in may not look or appear as the same kind os colour pallets where we have to edit it in photoshop to get the consistency.
15/11/2018 ( Week 12 )
After adding in java script to the website its makes our layout more interesting.
22/11/2018 ( Week 13 )
I found out that our website will look different in every different browser. the picture and text may look different in every each browser.
FURTHER READING
https://designmodo.com/svg-images/
Colors are important and play a vital role; everyone wants to have colors in one’s life. If you agree, please proceed to read further as I am going to discuss aspects of images that bring your websites alive.
Have you ever thought of a website without any image? Well, you might not have… because whenever we imagine something, first of all we put color in them. Many of you might try imagining something without colors and pictures after reading this; believe me it will be as boring as your history classes when you were in school. Jokes apart, I feel image formats are as much important for a website as water and air for us to stay alive.
You can gain the popularity by advertising your firm. But, for any website to become famous, just advertisements alone are not going to work. You need to have a pleasant looking website and great content to retain your visitors. A website looks very good when you add photos related to the contents you are posting on the site. Web designers always need to put new images on the webpages. Now the most asked question is – how does a designer decide the format of an image file? Actually, selection of the type of image also has its own importance. There are mainly four types of image formats that are often used in website designing. Jpeg image format, PNG image format, GIF image forma
Jpeg image format
Full form of Jpeg is joint photographic experts group; it is the name of the organization which founded the jpeg format. When lots of different colors are used, jpeg image format is preferred. It is a basic format for any kind of photograph. However, it has some limitations too. You are advised not to use this format if you want to make a picture that contains any kind of words.
PNG image format
It is a bitmap image format, and uses .png as a file extension. It is mainly made to replace the GIF image format. You can also find advanced slide option in PNG format as compared to the GIF format. This format of image is also not supported by some of the browsers. In web designing PNG format is used to give transparency to the image.
GIF image format
The graphical interchange or GIF format was first used by CompuServe in the year 1987. It can be recognized by .gif file extension. Hope you got some idea about the different image formats and will be able to work with these, especially with SVG format. Some of the other formats used are highlighted in the image below:
For any business to get success, the businessman must have to gather all necessary information. If you have the knowledge about your business then you can make your business successful and can take it to the new height. From the above provided information you will be able to work with the SVG image format for web designing. Though SVG image format is versatile and user friendly, we must not forget that there is always a room for improvement; so, keep exploring your dream websites with these image formats.
Comments
Post a Comment