Saturday, 25 June 2016

Week 6 Consultation With Mervin

Note of discussion

  • User experience (Explain the detail flow at how the website can be worked)
  • Moodboard 
  • Flow chart 
  • WebGL - Does there any web programming have the same function for wenGL?
  • Sound cloud- Add to playlist, Copy link and apply to the website 
Agreed Action
  • The user experience is not really detail. Need to add in more scenario. For example: What will happen when the user is sad? Design the structure.
  • Start exploring the design/ typo that want to apply in this website.
  • Study three js. Get more info and skill from it. Explore more about particles.
  • Make some analysis based on 2D and 3D design. Does it necessary to use 3D?



Wednesday, 22 June 2016

Week 6 Preparation for SOI document (Part 2)

For the SOI document, there still left user experience and some important information.

User experience
















Detail information :

1)The first page of the website with title and start button.

2) After the start button, user will went in all black situations and the name of the user is needed.

3) A small welcome introduction will show to user and allow user to have a better understanding for this website.

4) After the introduction, user can start to play with some interaction in this website. The heart will start to break when the user click on it and it will turn into a small glass particle with little message that write by others user.

5) The way to connect the particle back is to combine the particle with a light. It will have some sound when the light is going through the particle.

6) Finally, the heart is connected. The reason that I use this way is because I want to show the symptoms about no matter how hurt you are, there will have people that willing to connect with you.

The user can write a message in this web and help to spread the love. Besides, user can also share the website at other social platform.


Flowchart 






















Moodboard 
















Gantt chart













The following design concept and information have added in the SOI document.

Tuesday, 21 June 2016

Week 6 Preparation for SOI Submission (Part 1)

Issues
Nowadays, people especially adults have faced for the mental illness problem. It is serious because it will cause some serious crime. For example: Commit suicide, in-drug, unconscious and etc. Based on the articles from Malaysia Digest, 10% of Malaysians to suffer from some form of mental illness come 2020.The World Health Organisation (WHO) predicts that depression (a mental illness) will be the second form of health problem affecting those aged 50 and above after heart disease.
Key Idea
The most important aim in this website is to share the message of encouragement to the people that having depression and spread the message through global. To show that you are not alone and you are connected. The website isn’t just share the message but it also need to user to interact with it. Different interaction will have different meaning behind the scene.

Project Goals


  • Searching back true-self 

Most of the people that suffer from the mental illness problem are living in darkness. Although they live as a NORMAL person in daily life, but that are not their true self. One of the aims from this project is help to find back the real identity from the mental disaster.

  • You are connected 
"You are not alone” that is the message that I wanted to show out to the mental disaster. Although they have this problem, but they are still connected with each other through the network.

Project Genre
Social Awareness 

Project Form 
Interactive Website 

Target Audience (Behaviour )
People with mental illness
Adult around age 20-24 Mental illness-this illness can affect the person's thinking, feeling or mood and may affect his or her ability to relate to others and function on a daily basis. The type of mental illness that I choose for my target audience is depression. The people that having depression is having same symptoms of anxiety. They will lose interest with the job that should be done and feel low mood all the time.

Target Audience (Persona&Profile )
The people that suffer with depression can be seen as a normal person in life. But, they will often lose confident andfeel depressed when they are alone. Sometimes, they will cry and feel to disappear when alone at night. Some of them still can communicate and laugh normally with other people. But, they are very sensitive to the conversation with the people.Besides, the most serious mental illness people will need to take drug to control the illness they suffer.



Detail information :


1) The first page of the website with title and start button.

2) After the start button, user will went in all black situations and the name of the user is needed.

3) A small welcome introduction will show to user and allow user to have a better understanding for this website.

4) After the introduction, user can start to play with some interaction in this website. The heart will start to break when the user click on it and it will turn into a small glass particle with little message that write by others user.

5) The way to connect the particle back is to combine the particle with a light. It will have some sound when the light is going through the particle.

6) Finally, the heart is connected. The reason that I use this way is because I want to show the symptoms about no matter how hurt you are, there will have people that willing to connect with you.

7) The user can write a message in this web and help to spread the love. Besides, user can also share the website at other social platform.


Project Duration 
Around 2-3 minutes 

Project Specification 
  • Hardware 

Normal CPU with mouse and keyboard
  • Software:
Adobe Software
Blender

How it related to Multimedia Industry?
The project is related in interactive multimedia industry because this is a website that can help to spread message through global. Nowadays, there are many different kind of website that is made by different web company. Some of the interaction that creates in the website is interesting and inspired.

Key Research Questions 
  • How can the spread through global by using the website?
  • What is the feeling of the users when they look through the website?
Key inspiration 
  • Light (http://lights.helloenjoy.com/)
“Ligths” is an amazing website by using music demo coming from the Ellie Goulding and made by HelloEnjoy, this demo is showing how Web-gl can be our future win amp animation plugin. The sync between the music and the animation is well done and the different scenes keep you awake all the time.
  • VOO (https://www.thiswaslouisesphone.com/ )
As an internet and mobile provider, VOO is more concerned about the terrible sequences of cyber bulling. With the collaboration with the Federal Police, VOO is committed to doing whatever to put a stop to this dangerous threat. Sixteen year old Louise took her own
life after having to tolerate the hate of the numerous bullies behind the scenes. In the internet world, there are still have victims that end up become Louise. Many teenagers feel ashamed to talk about it. However, it is important to tell how you feel in order to search for help. VOO is aware that it will be difficult to put a complete stop to the complex phenomenon. Therefore, the company decided to create out this website and allow the user to aware how is the feel of cyber bully.
  • OMM experiment (http://ommexperience.com/)
OMM is an Interactive Audio Visual Experience exploring different phases of creativity. Made possible by Three.js.

Skills needed
  • Design
-Adobe After Effect
-Adobe Photoshop
-Adobe Illustrator
  •  Technical
-Adobe Dreamweaver

Risk Assessment
There are plenty of problem that I worried in this final project.

Problem:

1) Music Copyright Problem
There will also include sound interaction in this website. The risk that I might face for this copyright problem. There will have problem in choosing the original soundtrack or the non-original soundtrack.
2) Negative message
The other issue that I worried is the negative message that spread on this website. This is the issues that I
cannot prevent because different user has different opinions.
3) Coding Error
There will still need some times to develop the suitable coding that need to apply in this website. Besides, there will be taking long time to do some testing to the coding and keep delay the process of this project.

Solution:

1) Citation
I have asked suggestion from the guest lecturer, Mervin. He stated that it is possible to get the music through online and is not necessary to create ourselves. The sound can be getting from Sound Cloud. Another way is the sound need to be cited.
2) Honour Message
For the issues of negative message, Mervin has suggested that I can use some honour message.
For example: “Be nice, I am preventing bad words.”
3) Prototype
To prevent the problem of coding error, I decided make some prototype based on the different coding that I decided apply in this website. I also will try to manage my time well and prevent the waste of time in this website.

How this project relate to your existing skill and knowledge?
I am familiar to some of the coding like CSS, JavaScript, PHP & HTML. Before that, I have learned to code and design a website by using Adobe Dreamweaver. To be honest, I am still a basic learner and have a little knowledge for those codes.

How this project address new skill and learning?
In this final project, I decided to try and apply new coding like web GL & Jquery. I want to challenge myself to learn a new kind of coding.

How this project relates to your degree essay?
The topic that I choose for the final degree essay is somehow related with my final project. That is about web technology. To shorten the topic, I decided to write the history of web programming and developing the language of the internet. Besides, I also keen to write on the relationship between web designer and web programmer. The reason that I choose for those topic is I am curious on the way that how the different of web programming can produce an interesting website on a global network.

Saturday, 11 June 2016

Week 4 Consultation with Mervin

Today, I am having consultation with Mervin again.There are some websites that I show to him in this consultation.

Notes of discussion

  • Three inspiration idea.


1) OMM Website

OMM is an Interactive Audio Visual Experience exploring different phases of creativity. Made possible by Three.js.
2) Light Website
“Ligths” is an amazing website  by using music demo coming from the Ellie Goulding and made by HelloEnjoy, this demo is showing how Webgl can be our future win amp animation plugin. The sync between the music and the animation is well done and the different scenes keep you awake all the time.

3) This is Louise Phone 

As an internet and mobile provider, VOO is more concerned about the terrible sequences of cyber bulling. With the collaboration with the Federal Police, VOO is committed to doing whatever to put a stop to this dangerous threat. Sixteen year old Louise took her own life after having to tolerate the hate of the numerous bullies behind the scenes. In the internet world, there are still have victims that end up become Louise. Many teenagers feel ashamed to talk about it. However, it is important to tell how you feel in order to search for help. VOO is aware that it will be difficult to put a complete stop to the complex phenomenon. Therefore, the company decided to create out this website and allow the user to aware how is the feel of cyber bully.


  • What should be done if someone post a negative message?
  • Original music to apply in the website?
  • wefeelfine.org

Solution
  • Music example take from Sound Cloud
  • Try to apply honor message "Please be Fine " to avoid negative message 
  • Need detail explanation in the project
  • Decide a user journey 
  • Look for some example coding.




Saturday, 4 June 2016

Week 3 Meet up with Specialist (Mervin)

Between the two idea that I have thought about, I have decided to choose the interactive website as the main idea that I wish to go through for the final degree idea.

Reasearch

There are some research that I did for this idea.

1) Wildflower
     http://wildflower.resn.co.nz/


(Description)

2) Light- Ellie Golding Interactive Website
    http://lights.helloenjoy.com/


Another Amazing Music demo with “Ligths”. Coming from the Ellie Goulding website and made by HelloEnjoy, this demo is showing how Webgl can be our future winamp animation plugin (for those who don’t know what I mean… you are too young, and for the others…well… you are not too old). The sync between the music and the animation is well done and the different scenes keep you awake all the time.

Meeting with specialist (Mervin)

Feedback:

1)Develop idea make more sense
2)Research more on the example that relevant to the idea.
3)Think about more specific questions: What is the special part of this website that the user want to explore to it?
4)This idea not necessary need to be a website.
5)Explore more on the feeling of the people instead of the technologies.

Thursday, 2 June 2016

Week 3 User Persona Analysis

Constructing an Audience Profile Representing the Audience Considering the Market

User Persona

Mental illness-this illness can affect the person's thinking, feeling or mood and may affect his or her ability to relate to others and function on a daily basis. Besides, illness can change how the people think, feel or act. Sometimes, it will be harder to do the things that they wanna to do. Mental illnesses are still feared and misunderstood by many people. Conversation and communication can at times become challenging when carers feel that their relative is not ‘hearing’ what they have said. They will also experience anger and bitterness due to the mental illness that affecting them. Furthermore, they also quite sensitive in the criticism and the comments of other. They also feel rejected from friends and relatives when they isolate them.

Target Audience: Adult around age 20-24
From my research, the suicide rate was 12.8 per 100,000 young adults, with seven times as many deaths among men as among women from age 20 to 24.

How to help mental illness people?
Helping them have a more positive outlook in life can also show him/her your support and may further assist those who feel that they are ‘burdening’ the family as a result of mental illness.

What we must do
-Provide more encouragement.
-Understanding their problems.

What we must not do
-Teasing at the patient
-No provide supportation

Day in the life storyboard.


The people that suffer with mental illness can be seen as a normal person in life. But, they will often lost confident and feel depressed when they are alone. Sometimes, they will cry and feel to disappear when alone at night. Some of them still can communicate and laugh normally with other people. But, they are very sensitive to the conversation with the people. Besides, the most serious mental illness people will need to take drug to control the illness they suffer.

Aura Diagram