Interactive Design - Project 2

15/10/2019 (Week 8)
Vun Wan Min (0334263)
Interactive Design
Project 2

---

LECTURE NOTES

Lecture 8
15/8/2019 (Week 8)




Lecture 9
22/10/2019 (Week 9)

No lecture was conducted.

Lecture 10
29/10/2019 (Week 10)

No lecture was conducted.

---

INSTRUCTION

---

Project 2

Week 8

Fig. 1: Bootstrap

Link for bootstrap:
https://getbootstrap.com/

Fig. 2: Wireframe Sketch

Week 9

Elements that I used: 

Fig. 3.1.1: Logo

Fig. 3.1.2: Logo (Clearer)

Sin the logo was too small to see, I made a clearer version of the typeface.

Fig. 3.2: Element 2

Fig. 3.3: Element 3

Fig. 3.4: Element 4 

Fig. 3.5: Element 5

Fig. 3.6: Element 6

Fig. 3.7: Element 7

Fig. 3.8: Element 8

Fig. 3.9: Element 9

Fig. 4: First Attempt

My first attempt was failure because the container expand. So I tried again and made another.

Fig. 5: Microsite

Week 10

Fig. 6: Header 3 (Speakers)

I drew a simple doodle of the speakers.

Fig. 7.1: Speaker 1 (Lew Pik Svonn)

Fig. 7.2: Speaker 2 (Ezrena Mohd.)

Fig. 7.3: Speaker 3 (Suzy Sulaiman)

Fig. 7.4: Speaker 4 (Muthu Neduraman)

Fig. 7.5: Speaker 5 (Fahmi Reza)

Fig. 7.6: Speaker 6 (Fahmi Fadzil)

Fig. 8: Microsite (Final)

Link to microsite:
https://interactiveproject2.netlify.com/

---

FEEDBACK

Week 8: No feedback.

Week 9: No feedback

Week 10: Mr Shamsul said that my logo was too small, reduce the height of my carousals so that my text is higher to see the button in one page, the contrast of  colour on the header was not strong enough and I should add images of the speakers with their information. After revising it and showing it to Mr Shamsul, the microsite looks better and he said good job.

---

REFLECTION

Experience:

I have never think that hard in finding the right code to correct them. Bootstrap was not that easy to use because I am not used to it yet. However, it made coding easier.

Observation:

I observed that columns code made the sizing of container easier to use. The bootstrap "Carousal" was a bit hard to change because of the images were used in CSS and I have not get used to it yet.

Findings:

I found that bootstrap is easier to use after a lot of trials and errors and patience.