Wireframe

Finalize Sketches for Tourism App

After doing so many sketches, then this is the finalize sketch which I am going to use it in my Tourism App.

Tourism App, Sketches

Here are the sketches that I have done for the assignment, Tourism App. I done my sketches using Adobe Illustrator.

 The sketches for main page.

 Sketches for "About Kelantan"

 Sketches for "Attraction"

Sketches for the content of "Restaurant"

End Product for "Sound for Silent Movie"

Sound for Silent Movie: After foley and editing

Click HERE.

Assignment 1: Drag and Drop sketches

After get approve from my lecturer, I start sketching out the character and the background that I want to use.

 Sketch for Kiko, the main character in this game.

Sketch for the in game scene and menu scene.

 Sketch for other foxes which only appear in introduction of the game.

Sketch of the background of one of the scene in introduction.

 Sketch for Kiko's friend, Cala.

Sketch for one of the background for introduction.

Assignment 1: Drag and Drop

Here comes our first assignment for game design. Before create a game, we will have to figure out one simple storyline.

This is the storyline:

Long time ago in a forest, there live five-tailed fox. Kiko is one of the five-tailed fox, and she used to live in forest with her family and friends. But human tends to hunt them down for their five tails, which can sell it at a good price. Due to the huge hunting of human, Kiko and her family and friends decide to move their home deep into the forest nearby mountain. But one day, Kiko’s friend Cala fall sick, so she wanted to pay her a visit. Before going to her friend’s place, she has to go through a human village, which the human will hunt her down.

Submission for walk cycle

This is the submission for the walk cycle.

Front view

Side view

Flowchart

After decide on what I want to do on the tourism app, I start create a flowchart for the app.

Create a tourism app

There is only one assignment throughout this whole semester, which is create a tourism app which will 5 pages of info/content.

And therefore, I choose to create a tourism app about my hometown, Kelantan!

So, first I start research about the layout or the design of an travelling app as a reference. So, these are the screen shot of an app called "The London Pass" that I was planning to use it as a reference.

When tap on "Attractions and Sights", it will go to the page below.

Sound Engine

Click HERE.

Drag and drop 3

Click HERE to go to the next link.

Click button

Click HERE to go to the next link. (Just keep clicking on the "change" button, and the square will keep changing colour.)

Drag and Drop 2

Click HERE for playing the drag and drop. (Click and drag the purple human and drop it at the red rectangle that is running at the bottom, then it will go together with the red rectangle.)

Scoring

Click HERE to proceed. (Once you proceed to another link, just click on the blue rectangle and there will be scores appear up)

Preview fro walk cycle assignment

For this walk cycle assignment, I choose jogging! So here are the preview of walk cycle before submission.

Front view

Perspective view

Side View

Submission for Self-reflection

These are the screen shot for the submission of this assignment, but I submit it in PDF form to my lecturer.

J Query Mobile

For this lesson, our lecturer give a tutorial on using JQuery Mobile to create an app or website.
The pictures below are the HTML that show in browser.

 The design for an app

 When click on the menu button, it will show another lists that pushes the other thing.

When click on the "Sign in" button, it will pop out a sign in box.

The pictures below shows when it was show in mobile.