Application Design II - Exercises
Chiquita Johanna R
0336747
Application Design 2
Exercises
LECTURES
Lecture 1: Introduction to the module
Week 1
This week we were briefed about the module. Mr.Razif explained what we should do for this module. For our first exercise, we were asked to make a personal website of ourselves to recap our HTML and CSS knowledge.
Lecture 2:-
No lecture this week.
Lecture 3:-
No lecture this week.
Lecture 4:-
No lecture this week.
Lecture 5:-
No lecture this week.
Lecture 5:-
Week 5
We learned to use jQuery Mobile in Dreamweaver, this might be usefule for our next exercise and final project.
We were also given a link to tutorials and demo about jQuery Mobile:
Week 6
We continued learning more about jQuery Mobile HTML. We learned how to use layout grids and place footer for a navigation bar.
Example of Layout grids
Footer navigation bar
Lecture 7: CSS Styling within HTML
Week 6
We presented our progress of our app design exercise and received feedback.
Lecture 8: Introduction to Interaction & Micro Interactions
Week 7
Lecture 9: Gsap Function Animation
Lecture 10: Onclick & onComplete Function
We presented our completed app design exercise to Mr. Razif. We introduced to interaction & micro interactions. Here's some websites that uses interaction.
Lecture 9: Gsap Function Animation
Week 8
Mr. Razif taught on how to use simple GSAP animation for our mobile app.
Lecture 10: Onclick & onComplete Function
Week 8
We learn how to use the onClick to trigger for the animation when a button is clicked.
Lecture 11: Onclick & onComplete Function
Lecture 11: Onclick & onComplete Function
Week 9
We learned how to add a javascript animation to replay the animation in a screen.
Exercises
Week 1 : HTML/CSS
For our first exercise, we were asked to make a personal website of ourselves to recap our HTML and CSS knowledge. We have to make at least 3-5 pages. The website should be responsive in our phone size.
For our first exercise, we were asked to make a personal website of ourselves to recap our HTML and CSS knowledge. We have to make at least 3-5 pages. The website should be responsive in our phone size.
I have 5 different pages:
1. Home
2. About
3. Hobbies & Interests
4. Portfolio
5. Contact Me
Here's the final outcome of my first exercise: 
Exercise 2: Mobile App Layout
Week 5 - Week 7
I made a simple furniture store app with three main pages: home, shop, designers & news.
Here's how my app looks like:
File link:
Feedback
Week 3
Mr.Razif said that I must be spent a lot of time with the layout because it looks neat.
Week 6
Mr. Razif said that i need to put more stuff for him to see the grids.
Week 7
Mr. Razif said my app is fine and I can submit the zip file.
Week 8
Mr.Razif said my animation is good.
Comments
Post a Comment