Skip to main content

Application Design - 202003

Application Design - 202003

04.16.2020
Joseph (0336620)
Application Design
Exercises and Projects

Exercises

HTML AND CSS RECAP

Our first exercise was recapping on our HTML and CSS skills, this was too get us to warm up on what is to be expected from the upcoming exercises. For this exercise I made a very mini personal website, nothing to crazy.

Fig 1.1 Page 1

Fig 1.2 Page 2


Jquery Mobile

For this exercise we are to learn jquery mobile codes and minor gsap animation to build this website,  we also learn some minor Javascript coding for this exercise.





Project 1-2-Final Project

This is a continuous project, for this project we are to make our app that we designed during our last semester. For my app, I decided to make an News Reading with an alarm clock in it. However that idea was cut short and I only made a News Reading App, and its called ReadMeUp. This idea was made with the idea of having a less complicated UI and focused more on Minimalism. Other applications such as Flipboard or Infact have complicated UI that looks and feels really cluttered and heavy.

So for my design I wanted to focus more on the minimalist style of things. So here are the design of the application layout that was intended. 











 

Those are the intended design, however due to limitations from Jquery Mobile, some of the design ideas have to be scrapped out.

Sign in Page

Due to the limitations in Jquery Mobile, the input form has its own styling from Jquery Mobile and the only that can be changed is the background of the Input form.


Home Page

There was a thought of making smaller boxes in the For You section, but I figured it would be easy for the eyes if it was the same giant boxes.



Labels:

Comments

Post a Comment

Popular posts from this blog

Advanced Typography - Exercise and Lecture

Advanced Typography - Exercises 26.09.2019 Joseph (0332260) Advanced Typography Exercises  LECTURE (26.09.19) This is the start of what I can say a very stressful course to go through again but no worries its not Taylor's University or any University if it's not hard. For our first week, we start the course by being introduced to the MIB (Module Information Booklet). We were explained by Mr. Vinod what are the assignments going to be like and what are the projects going to be like. After that, we continued on by making presentations and explaining the lecture to the lecturers. We learned about the 8 Typographical Systems, we have :" Axial, Radial, Dilatational, Random, Grid, Modular, Transitional, and Bilateral. These are the slides of presentation that each of our group makes. INSTRUCTIONS EXERCISE Week 2 (02.09.2019) For our first exercise, we were asked to make 2 art designs based on the presentation that we did for the first week. The...
Post a Comment
Read more

TYPOGRAPHY - EXERCISE

29.08.2019 Joseph (336620) Typography Exercises LECTURES Lecture 1 : Introduction to Typography We started the semester off with an introduction to the module and what to expect in the coming weeks. We are then expected to create a blogger account or an e-portfolio as people call it to insert or showcase our future projects and exercises throughout the semester, to make things easier for new semester students, a sample was given as a guideline for us to follow  Mr. Vinod has also inform us of the materials that is needed for the upcoming activities and task that is to be done before the next meeting or the next class - A4 graph papers and 3.0 Artline Drawing Pen. However before that, Mr. Vinod began with power pointed introduction to Typography. Due to my undersstanding, typography is a step or procedure of  arranging type or processing data and printing from it, a way to make writings readable and eligible for looking and writing. Due to its course and journey ...
Post a Comment
Read more