Exercises

27/8/2019 -
Eunice Lo Set Tze ( 0334512 )
Interactive Design
Exercises

---

Lecture

Week 1
For this week's class, we were briefed on our module outline and we were given an exercise to differentiate contents of a good website and a bad one.

Week 2
We learnt about User Experience (UX) and User Interface which is (UI). UX is a process of enhancing or designing a product and it focuses more on structure and layout which are contents, navigation and interaction. UI is a series of buttons and how they look. It focuses on anticipating users on what are needed to do and the must have elements are accessibility, can be understandable and facilitates actions.

Here are the lecture slides :





Week 4
No lecture for this week as Mr. Shamsul was teaching us on the htmls


Week 5



Week 6

---

Instructions

---

Exercises

3 Good and Bad Websites ( Week 1 )


Good Websites

Website 1.1 : http://jovaconstruction.com/

Website 1.2 : https://loveiko.com/

Website 1.3 : https://merch.gunsberg.in/ 

Bad Websites

Website 2.1 : https://www.thisisbeyond.com/

Website 2.2 : http://www.studiorotate.com/

Website 2.3 : http://3kvc.com/

Here attached is our findings and what we think are the pros and cons of the websites :



Week 2
For this week's class, we were told to design a User Interface for our university's interactive information kiosk. Our target audience are for parents, new students and visitors.

Here are some of our photos that were taken during the process

This was out entire layout, we used Ipad Pro as an inspiration to start our layout

Close up of a few

Next, close up

This was when we were making and drawing our design while discussing

Week 4
We learnt about htmls and Mr.Shamsul taught us on creating the htmls into the website, so, like the basics, we did about ourselves.

htmls

website

Then, as our assignment, we have to create 4 sections about anything.

htmls

the web

Week 5

For this week's lesson, we learned how to link the unlisted list to our sections and change our fonts using Google fonts. We also learned on how to change the colours and add underlines.

Week 6

I wasn't around for this week's class but I managed to ask my classmate for guidance and she taught me what has been taught during class.

Learned back how to make the basics

Learned about CSS being the part where you type out all the html for editing and html for basic

CSS

Slowly, typing out all of the basic parts and further continue the CSS

What looks like after typing out

Then, I typed out everything in CSS

Finishing it with the Footer

Then, after that, it looks like this

Final look of what I learned and did

Here's the link :
https://dimsumwebsite.000webhostapp.com/CSS%20w6/HTML%20W6.html


Next, Mr Shamsul told us to do a homework exercise based on what we had learned. So, he gave us examples on what we should do :

https://photoshopworkspace.000webhostapp.com/

https://competent-wescoff-c2cb54.netlify.com/

He gave us instructions on what we should add and do, and also he gave us the photos needed in the website that we are going to do using the htmls that we had learned.



Then I typed out all of my htmls to create basic sections before going into CSS for further adjustments.

HTML:

CSS:

Here's the link to the website :

https://dimsumwebsite.000webhostapp.com/layout/Photoshop%20html.html

---

Further Readings