How about video?

I personally like to watch video, but how to insert video in too?

Beside insert a video in, I also put a button for play and pause for the video for the exercise in class.

Different pages with different things

I now know how to make simple interactive website. How about a website with few pages?

This is an exercise I did in class where there is home page, page 1, page 2, and also page 3.

Bounce bounce, Point before it fly back up!!

To make a website with adobe edge animation, of cause I will need to learn how to use it first.

This is one of the exercise I did in class where the circles will drop down when we open the page and will go back up when we point on the last circle, and then drop back down if we point on the first circle again. This is an example of interactive things to do in a website as they can play with the circles.

My so called “adventure” in university...

What does a university student usually do in everyday life? Drink hard, party hard, and play hard? Well, there is students that are like that, but not me. Everyone can know what I would do usually just by looking at me. Eat, sleep, do work and watch Korean dramas. Why should i still do a parallax website about it you ask me?Well, Why not? :)

Here are some sketches for my parallax website:

Inspiration...

My website is going to be a flat design. It also will be landscape as it's going to be view in computer screen. Images below are some design that inspire me.

http://shibui.me/web/scroll/index.html#top

http://nasaprospect.com/

http://everylastdrop.co.uk/

Parallax website

Parallax website is a very interesting and can be an interactive website too. It is a special scrolling technique in computer graphic where the background images move slower than the foreground images, creating an illusion of depth in a 2D video game and adding to the immersion.

Example of parallax scrolling website:

http://uk.rimmellondon.com/

http://makeyourmoneymatter.org/

After comparing all the exercise and research I've did. I've chosen to do a parallax website as it interested me more. After I decided which one to do, I started to do more research and also look for more example of parallax scrolling website. I've found a lot interesting parallax scrolling storytelling website and it really inspire me to do one for myself too. 

http://nasaprospect.com/

This is an adventure of 2 robots that both think they are human in space.

They had an adventure in space so why not i do about an adventure of me in my university i thought. :)

-To Be Continue-

Metaio Creator

Metaio Creator is a really interesting software. we can either do a vector ( black & white/greyscale [prefer]) and then put either 3D model(s), picture(s), audio(s), YouTube link or some other things on it. Then when we scan it with phone or tablet, the 3D models (or other) will appear. If we put link, the phone or tablet will jump to browser and open the link.

Metaio Creator

This is how the Metaio Creator look like (in Mac).

Click on the "+" on Trackable

You can choose either Images or Extended Image or Object or Environment or Face Tracking. We have tried Image Tracking and Object Tracking. For Image Tracking, It's the one that you create a vector, put 3D model or pictures or links. For Object Tracking, it have more steps to do.

First, we download the app in our phone called "Toolbox" (Metaio Toolbox). Then in the app, we click "3D Maps" and we start scanning the object we want. We scan around the object to make sure it is able to track the whole 3D view of it. After that, we go back to "File Management" and share the file. We can e-mail it to ourselves and then open the mail in our computer and save it.

Then we open the Creator and click on the Trackables and then click the Object Tracking. Choose the file that we save and it will be in the screen. Then we click on the 3D models in "Resource" and import the model we want.

The red dots are the model that we scanned.
The images around it is showing the view of the model.
The man model is the 3D model I've choose.

Then we scan the object in an app called "Jenaio". That is an example. The images and video below will show the result of what we have done.