Application Design 2 - Task 1

25 / 09 / 2024 — 16 / 10 / 2024 (Week 01 — Week 04)

Jordan Axel / 0354894

DST 61004/ / Application Design 2 / Bachelor of Design (Hons) in Creative Media / Taylor's University






INSTRUCTIONS


Week 1: NO CLASS

Our lecturer assigned us to reflect on and evaluate our previous Application Design I projects to improve our app designs. I chose to design a new app instead of refining my previous AP1 project because I wanted to explore a fresh design approach. Before move into design I prepared a proposal about the new app.

App Design Proposal
Kumpool Redesign Proposal by Jordan Axel

BEFORE AFTER



Week 2: HTML CSS recap

We are given a figma file with an app UI and we have to replicate it in Dreamweaver or we code it our self. 
fig 1.0 figma sample

fig 1.1 Dreamweaver
I was struggling because I have forgotten a few things even forgot how to start because it has been a year since I last code. I research on how to do and ask Mr. Shamsul for guidance.


Final outcome

fig 1.2 Outcome



Week 3

We are given a lecture on what is DOM or Document object model. DOM is a Programming interface provided by browsers that allows developers to interact with and manipulate HTML documents. That can be easily modified using programming languages, such as JavaScript.
fig 2.0 html example

fig 2.1 DOM example

We are asked to make a to do list in Dreamweaver using html. We followed the direction on how to make for html before going to java script
fig 2.2 html for To do list


fig 2.3 HTML + CSS result



JAVASCRIPT
fig 2.4 JavaScript Coding

We learned by follow the tutorial given by the lecturer to make the To Do List using Dreamweaver. We made the html code first after that we link the java script to the html.

Final Outcome 

fig 2.5 Outcome of the java script


fig 2.6 demo




fig 2.7 demo for new design




Week 4

NO CLASS

Task 1

Figma link

Presentation


Reflection

In Task 1, I decided to reuse my design for my app. While working with HTML and CSS, which required relearning some basics I'm struggling with Dreamweaver initially pushed me to research and seek guidance, which ultimately enhanced my problem-solving abilities. The hands-on coding exercises, particularly working with the DOM and JavaScript, deepened my understanding of dynamic web interactions.

Comments

Post a Comment

Popular posts from this blog

Minor Project

Image
27 / 09 / 2024 — 20 / 12 / 2024 (Week 01 — Week 14) Jordan Axel / 0354894 Minor Project / Bachelor of Design (Hons) in Creative Media / Taylor's University Week 1 We are introduced on what is going to happen for this module and explained the MIB. After that we are shown the clients and we can choose on our own. We must form a group of 5-7 with maximum of 3 individuals with the same specialization. I choose Expedio Design with their new innovative whiteboard called "X-board". I ended up part ways with my friends and picked a group that wants Expedio.  Week 2 We had a couple meetings before our second week class. We use google meet and we discuss on who is going to research on what. I researched on the indirect competitors of X-board such as Miro and Interactive white board(IWB). For the second meeting we discussed on what que...
Read more

Major Project 1

Image
 04  / 02 / 2025 — 19 / 03 / 2025 (Week 01 — Week 07) Jordan Axel / 0354894 Major Project 1/ Bachelor of Design (Hons) in Creative Media / Taylor's University INSTRUCTION Figjam Link Week 1 This week, our batch gathered in the lecture theatre for the major project 1 briefing. Our lecturer, Mr. Kamal explained the project and told us that we needed to work with a team of 4. I decided to group up with Michael, Nathan, and Ian. Also, our group got Mr. Shamsul as our supervisor and we use Figma Jam for brainstorming platform. I was picked as the group leader by Mr. Shamsul. After the briefing, we brainstormed on what are we going to do. Each of us give 1 idea to propose, I put on an app that can connect gamers with the same personality to play together or in short tinder for gamers.  Week 2 We went to consult with Mr. Shamsul and he went through all our ideas. Michael got He...
Read more

Experiential Design - Task 3

Image
28 / 10 / 2024 — 02/ 12 / 2024 (Week 08 — Week 10) Jordan Axel / 0354894 MMD 60204 / Experiential Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Week 9 In this week we still have tutorial on Unity where we create a animation that is triggered if its pointed with the camera. Final Outcome   Week 10 N/A I was under the weather. Week 11 this week's tutorial is about how to change between color and models in unity.  Task 3 fig 1.0 unity Firstly, I put in the UI all in the unity one by one. After that I insert buttons and make the scripts. fig 1.1 scripts From the button script to loading screen script and also the transition. ...
Read more