Interactive Design: Exercises

-

xx/x/2022 - xx/x/2022 / Week 1 - Week ?

Seojeong Kim (Lova) / 0350085

Interactive Design / Bachelor of Design in Creative Media





LECTURES

Week 1 (30/3/2022)

- Mr. Shamsul gave a brief overview of the exercises and projects in this module. He also explained the basics of the website. What we gonna learn, what we gonna have.


- This week we have to browse awwwards and webbyawards, and find 4 good and bad websites. We have to write the description and site according to the given sheet.

Week 2 (6/4/2022)


WEB STANDARDS

1. In the early days of the Web, everyone access the Web using a keyboard, mouse, and monitor.

2. Today, there is much more variety in the ways people access the Web.

3. Many people do so on their phones or other pocket mobile devices. Many people do so on tablet computers with touch screen interfaces instead of keyboards and mice.

4. Some people access the web through audible interfaces (they talk to the computer, or they listen to the computer talk to them, or both).

5. Many people who are blind depend on speech output, and people who are unable to use their hands depend on speech input.

HTML

- Is made up of characters that live inside angled brackets < > (called HTML elements)
- Elements are usually made up of two tags: opening and closing tag
- Start with <!DOCTYPE html>

<head>

- Before the <body> element you will often see <head> element. Contains information about the page. You will usually find a <title> element inside the <head> element.

<body>

- Everything inside this element is shown inside main browser window

<title>

- Content are either shown in the top of the browser

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body></body>
</html>


Week 3 (13/4/2022)




INSTRUCTIONS




EXERCISE

Week 1 (30/3/2022)



EXERCISE 2

Week 2

- Based on the content given in class, the first web document must be completed and the form of the document must be followed exactly as provided.

https://exercise1-seojeongkim.netlify.app/

EXERCISE 3

Week 3

- Just like the first web document, you must create a web document based on the given content and follow the document format exactly. It is composed of skills that are more difficult than the first web document.

https://exercise2-seojeongkim.netlify.app/

EXERCISE 4

Week 4

http://layout-exercie-seojeongkim.netlify.app/

- Create a web document based on the given content and follow the provided document format exactly. All the formats you've learned so far are provided, and there are skills to differentiate pages in different ways.



REFLECTION

- I was very confused at the first start of class. It felt very difficult for the content that was clearly different from what I had learned so far. However, I was able to learn the basics of coding by taking advantage of the many exercises and watching the class tutorials.



Comments

Post a Comment

Popular posts from this blog

Typography / Task 2: Typographic Exploration and Communication

-
Image
10.01.2021 - 10.08.2021 (Week 6 - Week 7) Seojeong Kim / 0350085 Typography Bachelor of Design in Creative Media / Taylor’s University Task 2: Typographic Exploration & Communication (Text Expression & Formatting) Lectures Week 6: Mr. Vinod said that, It is important to take some notes from our classes, if I do not understand with my e-blog, just go and look at your senior's blog to check what I need to do. Also, if you do not understand anything in class, just ask the questions to understand it. He will be always stand behind us. - Typo_Task2_Process Demo - Introduction Exercise - Task 2: Text Formatting & Expression - 1. Layout Research - I looked up several layout examples, and all of them were really imaginative and attractive layouts. It was used for layout by putting small letters in large letters, or using various large and small models. 2. Sketches - I tried many layout sketches. It was a very good experience to know where to put the headline and how to lay...
Read more

Illustration and Visual Narrative: Final Compilation and Reflection

-
Image
26/8/2021 - 3/12/2021 (Week 1 - Week 15) Seojeong Kim / 0350085 Bachelor of Design (Hons) in Creative Media Illustration and Visual Narrative Final Compilation and Reflection  INSTRUCTIONS Links: Illustration & Visual Narrative / Task 1 Illustration & Visual Narrative / Task 2 Illustration & Visual Narrative / Final Project: Webtoon & Motion Comic SUBMISSION Task 1: Exercises 26/8/2021 - 16/9/2021 (Week 1 - Week  4) (12 - 16 hours ) Exercise 1: Vormator Challenge  Final character vector illustration in JPG Final character vector illustration in PDF Exercise 2: Vector Illustration (Game card design) Final game card layout design (Back) in JPG Final game card layout design (Front 1) in JPG Final game card layout design (Front 2) in JPG Final game card layout design (Front) in JPG Final game card layout design (Back) in JPG Task 2: Decisive Moment 16/9/2021 - 14/9/2021 (Week 4 - Week 8) (15 ~ 20 hours ) Final Decisive Moment Poster in JPG Final Decisive Momen...
Read more

Design Research Methodology: Critical Review

-
Image
28/4/2022 - 19/5/2022 / Week 4 - Week 7 Seojeong Kim / 0350085 Design Research Methodology / Bachelor of Design (Hons) in Creative Media Critical Review Instruction Critical Review - In this assignment, I was tasked with searching for 5 research papers related to my topic and writing a critical review. For the 5 research papers, you must select reference papers related to the topic of your choice. You have to do your research accurately based on what is published in Google Classroom. When writing this paper, you should analyze your methodology and have sufficient evidence to support your answer based on reliable information. Final Critical Review: Reflection - I had already decided on my topic and was working on a project, but after my topic changed, I had to rewrite a critical review. So I had to spend a lot of time writing critical reviews. However, through this work, I learned critical thinking skills, learned how to read papers, and learned forms and writing skills necessary fo...
Read more