Sunday 16 October 2011
Link to Youtube.
I have also uploaded my video to youtube just in case it plays a bit blurry on my blog. It plays fine on my laptop.
Sound for Video
I downloaded the music for my video from the following website:
http://www.soundjay.com/
This website provides free music downloads. I music I chose is called Midnight ride.
http://www.soundjay.com/
This website provides free music downloads. I music I chose is called Midnight ride.
Making my Video
To put my video together I downloaded a programme called VideoPad Video Editor. It allowed me to put together my flash files and videos I had taken together to create my video.
Making in Flash
For the parts of my video that are showing off my application I have decided to make them in flash. Here are a few screen shots of making each part in flash.
Video Change
After attending studio I realised that we weren't actually documenting the entire project. We were only focusing on our final application. So from now one my video will focus only on the application itself and the main features of it.
Monday 10 October 2011
Plan for Documentary Video
In my video I plan on having four main parts to it:
- Planning of my application
- Designing my application
- Making my application
- My final application
In each part I will go into detail of the main points I want to make for each one.
I am planning on making a stop motion video as I feel I could do a good job of documenting my project this way.
- Planning of my application
- Designing my application
- Making my application
- My final application
In each part I will go into detail of the main points I want to make for each one.
I am planning on making a stop motion video as I feel I could do a good job of documenting my project this way.
After Crit Feedback
After receiving feedback from my tutors at the crit I have made the following changes to my application:
- I have made the buttons bigger. This was an important change as the user has to be able to push the buttons easily.
Apart from this one change I have not made any others. I am happy with my final application and feel i have done it to my best ability.
I have decided not to make the light bulb flash as I felt it was distracting for the user to look at. It just didn't look right when it was playing so I decided to get rid of it completely.
- I have made the buttons bigger. This was an important change as the user has to be able to push the buttons easily.
Apart from this one change I have not made any others. I am happy with my final application and feel i have done it to my best ability.
I have decided not to make the light bulb flash as I felt it was distracting for the user to look at. It just didn't look right when it was playing so I decided to get rid of it completely.
Thursday 29 September 2011
FeedBack.
Once finished my application I had more students test it out at my hostel. I received positive feedback so overall I am happy with my application and how it has turned out.
Some of their feedback included:
"The layout was very easy to navigate and the information provided was clear and simple" - Emma Holmes.
"The colour theme was good and simple. Easy on the eyes and overall good to look at" - Robert Kani.
I was very pleased with the feedback I received from my peers. It made me feel reassured about the amount of time that I had put into making sure my application perfect. Apart from not being able to get my light bulb to flash, I am happy about the work that I have produced.
Some of their feedback included:
"The layout was very easy to navigate and the information provided was clear and simple" - Emma Holmes.
"The colour theme was good and simple. Easy on the eyes and overall good to look at" - Robert Kani.
I was very pleased with the feedback I received from my peers. It made me feel reassured about the amount of time that I had put into making sure my application perfect. Apart from not being able to get my light bulb to flash, I am happy about the work that I have produced.
Another change made to scene 4.
I am unable to make the light bulb flash when the user is looking at that particular scene. I have tried many different codes but it always comes up with many errors. I spent hours looking at tutorials online but for some reason I could not work it out.
I am quite disappointed that I couldn't add that one part in as it would have been very affective.
I am quite disappointed that I couldn't add that one part in as it would have been very affective.
Information going on scenes 9 - 12.
Scene 9 - Personal Profile:
This scene will have information such as name, address, power company, cost per kWh, size of household etc.
It will also have to goals of the user that they have set themselves.
Scene 10 - Contact Information:
Email: powersave@xtra.co.nz
Phone: 0800 (powersa)
Address: 7 Willis Street, Welling, New Zealand
Scene 11 - Share with facebook:
A statement that the user can post to their facebook wall stating that they are using powersave and their current ranking amongst their friends.
Scene 12 - Share with twitter:
A statement that the user can post to their twitter wall stating that they are using powersave and their current ranking amongst their friends.
This scene will have information such as name, address, power company, cost per kWh, size of household etc.
It will also have to goals of the user that they have set themselves.
Scene 10 - Contact Information:
Email: powersave@xtra.co.nz
Phone: 0800 (powersa)
Address: 7 Willis Street, Welling, New Zealand
Scene 11 - Share with facebook:
A statement that the user can post to their facebook wall stating that they are using powersave and their current ranking amongst their friends.
Scene 12 - Share with twitter:
A statement that the user can post to their twitter wall stating that they are using powersave and their current ranking amongst their friends.
Buttons
I originally has trouble trying to get buttons to work but once I had worked it out it was quite simple. I would do the following:
1. Convert the shape to a symbol > make it a button.
2. Give it an 'instance name'.
3. Add the following code to it in the actions panel -
savingtips.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame);
function fl_ClickToGoToAndStopAtFrame(event:MouseEvent):void
{
gotoAndStop(1, "Scene 2");
}
I decided to make my application using different scenes rather than frames as I personally found this easier.
1. Convert the shape to a symbol > make it a button.
2. Give it an 'instance name'.
3. Add the following code to it in the actions panel -
savingtips.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame);
function fl_ClickToGoToAndStopAtFrame(event:MouseEvent):void
{
gotoAndStop(1, "Scene 2");
}
I decided to make my application using different scenes rather than frames as I personally found this easier.
Information going on scenes 5 - 8.
Scene Five - Your Savings:
Since joining Power Save you have saved:
330 kWh = $83.16
That is equivalent to: 6 days worth of power.
5x 1kg blocks of cheese.
17 2Litre bottles of milk.
30 loaves of bread.
How much more can you save? Keep it up.
Scene Six - Your Weekly Readings:
These readings are taken from your homes Power Meter and shows the last 7 days readings.
Friday - 129164 kWh
Saturday - 129225 kWh
Sunday - 129284 kWh Your average Kwh
Monday - 129344 kWh used per day is
Tuesday - 129407 kWh 51.43 kWh.
Wednesday - 129463 kWh
Thursday - 129524 kWh
Can you save more in the next week? Remember to try your best to make New Zealands Top 5 Savers.
Scene Seven - Your Friends Leader Board:
This is will be similar to scene 3. It will contain 5 images / names of people and how much they have saved in the last week. It will be ranked from top to bottom.
Scene Eight - Your Power Save Friends:
Will contain picture of people with their names underneath. Will show between 10 - 15 friends, depending on how many I can fit.
- I had people from my hostel test what I had done so far on my application. They all gave me positive feedback. They felt that the information I was putting on each scene was easy to read and understand, the layout of my application was very easy to navigate and the colour choices I had used were appealing. They did notice a couple of spelling mistakes in which I fixed.
Names of those who tested it: Julie Russel, Maria Chan, Ryan Jones, Jarrod Dick.
Since joining Power Save you have saved:
330 kWh = $83.16
That is equivalent to: 6 days worth of power.
5x 1kg blocks of cheese.
17 2Litre bottles of milk.
30 loaves of bread.
How much more can you save? Keep it up.
Scene Six - Your Weekly Readings:
These readings are taken from your homes Power Meter and shows the last 7 days readings.
Friday - 129164 kWh
Saturday - 129225 kWh
Sunday - 129284 kWh Your average Kwh
Monday - 129344 kWh used per day is
Tuesday - 129407 kWh 51.43 kWh.
Wednesday - 129463 kWh
Thursday - 129524 kWh
Can you save more in the next week? Remember to try your best to make New Zealands Top 5 Savers.
Scene Seven - Your Friends Leader Board:
This is will be similar to scene 3. It will contain 5 images / names of people and how much they have saved in the last week. It will be ranked from top to bottom.
Scene Eight - Your Power Save Friends:
Will contain picture of people with their names underneath. Will show between 10 - 15 friends, depending on how many I can fit.
- I had people from my hostel test what I had done so far on my application. They all gave me positive feedback. They felt that the information I was putting on each scene was easy to read and understand, the layout of my application was very easy to navigate and the colour choices I had used were appealing. They did notice a couple of spelling mistakes in which I fixed.
Names of those who tested it: Julie Russel, Maria Chan, Ryan Jones, Jarrod Dick.
Change Made on Scene 4 - Profile
I have decided to get rid of the tab 'Past data' as I don't really see the point in having it as the application is about saving more than you did the day before so the user would only be thinking about completing this task. They would not need to look back at past data of theirs. Their focus would be on beating their friends and saving the most.
Information going on the first 4 scenes.
Scene One - About us: Power Save is an application that allows the user to interact with friends and family while competing against them to save the most power. The aim of the application is for the user to save more power than they did the day before and become the top saver amongst your friends over the week. Power Save also allows you to share your savings with Facebook and Twitter. ï¾
As an individual it may not feel like you are making much of a difference by saving small amounts of power, but as a nation we are capable of saving much more which will result in keeping our country beautiful. So do your bit and encourage your friends and family to join Power Save.
Scene Two - Saving Tips:
Is your monthly power bill high? Here is just a few simple tips on saving yourself a bit of extra money.
- Draw your curtains before sunset to keep warmth in the house.
- Swith to energy efficient light bulbs. They use 80% less power than standard bulbs.
- Use draft stoppers to keep the heat in a room quickly.
- Switch appliances off at the wall when you are not using them.
- Choose to buy energy efficient appliances. Look for products displaying the energy saving label.
- Use the sun to dry your clothes rather than a dryer.
- Turn off heaters and air conditioning in rooms or areas that aren’t occupied.
By using these simple saving tips you could really save a lot on your power bill.
Scene Three - NZ Top Savers:
For this scene I will have 5 images / names of people and the amount of kWh that they have saved over the last week. They will be ranked 1 to 5.
Scene Four - Profile:
This sceen will be the exact same to the prototype. Same tabs, layout etc.
As an individual it may not feel like you are making much of a difference by saving small amounts of power, but as a nation we are capable of saving much more which will result in keeping our country beautiful. So do your bit and encourage your friends and family to join Power Save.
Scene Two - Saving Tips:
Is your monthly power bill high? Here is just a few simple tips on saving yourself a bit of extra money.
- Draw your curtains before sunset to keep warmth in the house.
- Swith to energy efficient light bulbs. They use 80% less power than standard bulbs.
- Use draft stoppers to keep the heat in a room quickly.
- Switch appliances off at the wall when you are not using them.
- Choose to buy energy efficient appliances. Look for products displaying the energy saving label.
- Use the sun to dry your clothes rather than a dryer.
- Turn off heaters and air conditioning in rooms or areas that aren’t occupied.
By using these simple saving tips you could really save a lot on your power bill.
Scene Three - NZ Top Savers:
For this scene I will have 5 images / names of people and the amount of kWh that they have saved over the last week. They will be ranked 1 to 5.
Scene Four - Profile:
This sceen will be the exact same to the prototype. Same tabs, layout etc.
Wednesday 28 September 2011
Using Illustrator - Screen Shots
I have never used illustrator before so I have watched many tutorials in order to learn how to do specific things. Because I made my prototype hand-in in Microsoft Publisher, I have copied the file from publisher into illustrator.
Screen shots of illustrator files:
Getting the hang of using illustrator was quite difficult for me but once I started it became a lot simpler. As I was making the individual pages of my application I was copying them into Adobe Flash.
Screen shots of illustrator files:
Getting the hang of using illustrator was quite difficult for me but once I started it became a lot simpler. As I was making the individual pages of my application I was copying them into Adobe Flash.
Making my Prototype on Flash
Changes I am making so far:
Instead of having mine look like a website I am changing it to be more of an application. For example - instead of having to completely login with a username and password, the user will log in via facebook so all they will have to do is click on the button 'login with facebook' and it will immediately go to their profile.
Instead of having mine look like a website I am changing it to be more of an application. For example - instead of having to completely login with a username and password, the user will log in via facebook so all they will have to do is click on the button 'login with facebook' and it will immediately go to their profile.
Sunday 11 September 2011
Written Description Proposal
I plan on designing a social networking service that will encourage people to save on power as well as compete against their friends to be the top energy saver. The goal of my application is to save more power than you did the day before and each week it will reset itself. It will also show how the user how much money they have saved since joining the application, but the main incentive is to save more than your friends and be the top energy saver. They can also share their results via facebook and twitter.
My target audience is from anyone flatting to families. I have such a wide target audience because I feel anyone living in a household could use my application. I am going to have a simple design that is easy to navigate as there is nothing worse than not being able to find things you want. I have chosen to use a colour theme of blue, grey and white as they are simple colours yet appealing.
The technology I will be using is the programme adobe flash. I have used this programme before but will still use online tutorials to help my while making my application.
Final Idea Brainstorming
I want to design a social networking service that compares your energy usage to your friends.
The daily goal is to save more power than you did the day before - each week it resets itself.
There will be a light bulb which shows the user if they are using more or less energy that they were using at the same time the day before.
Inceptive is to beat your friends. Be the top saver amongst your friends then see where you stand in the countries ratings.
Will show you how much you are saving in money value, then compare that to daily things people buy. This will show them how much can be saved by putting in the effort.
The daily goal is to save more power than you did the day before - each week it resets itself.
There will be a light bulb which shows the user if they are using more or less energy that they were using at the same time the day before.
Inceptive is to beat your friends. Be the top saver amongst your friends then see where you stand in the countries ratings.
Will show you how much you are saving in money value, then compare that to daily things people buy. This will show them how much can be saved by putting in the effort.
Good Website Designing Tips
When designing my paper prototype I used Google to search for tips on designing a good web page. By doing this I thought it would help me to design the best possible prototype I could. One website that I found very helpful was: http://webdesign.about.com/od/webdesignbasics/tp/aa112497.htm
I found this one really helpful as all the tips are simple to understand and just generally really good. Choosing a simple colour theme has taken a lot of thinking as I don't want my page to be boring but I don't want it to be to busy either.
To design the best layout I will have to play around with different things on the computer until I get it perfect, which even then I will probably improve down the track.
I found this one really helpful as all the tips are simple to understand and just generally really good. Choosing a simple colour theme has taken a lot of thinking as I don't want my page to be boring but I don't want it to be to busy either.
To design the best layout I will have to play around with different things on the computer until I get it perfect, which even then I will probably improve down the track.
Research
When researching about New Zealands annual energy statistics, I came across the following website:
It is a Data file that was released on the 14th July 2011 showing the different types of supply, transmission and use of all types of fuel in New Zealand. One statistic that got me was that during 2010 the production of gas increased by 7%, which almost half of goes to generating electricity. This meant an overall 16% rise in the amount of gas used to generate energy, which clearly shows that the amount of power New Zealanders are using is increasing. As a country we need to work harder in saving power, in order to save fuels.
I also came across many websites that have tips on ways of saving power. If people took the time to look at these websites then I feel a lot could be saved.
The EECA EnergyWise website was probably the best. It had a simple layout, and was easy to navigate. It also had a lot of information about saving, why we should save, and about the different suppliers in New Zealand.
There are many different energy monitoring devices around that people can purchase. One website that shows all of these is: http://www.watthackers.com/wp/10-energy-saving-devices-to-put-your-house-on-a-diet/
Before researching, I never realised how many devices were out there for people to buy and use. However not many of them seem very easy to use and some are just not appealing to look at. With that aside, if people did install them into their homes then I’m sure people would become more curious as to how much energy and power they use.
For this project I could target many different groups.
· Children
· Students Flatting
· Businesses
· Family homes
· Adults
All of these groups would require different designs. Children would have to have a game based application that was colourful and fun, whereas students would require something easy to use and on a social networking basis.
Doing this different research about energy, its uses, and the devices we can use has really helped with deciding on what I want to do for this project. The research I did in class was also very helpful.
Monitoring my Power Usage
Unfortunately I could not work out how to use my electricity monitoring device. Once I thought I had the hang of it, I compared my readings to others and they were completely different. The readings for my laptop, tv and phone charger were extremely high and didn't make any sense.
Because I have no readings I am able to show, from trying this I have realized that the energy monitor devices are very difficult to use and navigate, and for this project I could maybe design something simpler for the public to use.
Because I have no readings I am able to show, from trying this I have realized that the energy monitor devices are very difficult to use and navigate, and for this project I could maybe design something simpler for the public to use.
Monday 5 September 2011
Studio Research
In studio I was given the topic 'Social Networks which compare power usage' to research. I found the following online:
- Consumer Power Switch gives the viewer tips on how to save power, compares price trends of main cities, includes a savings calculator and gives information about different power providers. Although it is not a social networking site, it contains very useful information about ways of saving.
- Wel Electricity is a social networking site where the user creates a profile, can invite friends/family and can set themselves goals. This website is also interlinked with facebook and twitter so the users can share all about their energy savings. The page compares your houses power consumption to others.
- EnergyWiz is a cellphone based application that the user connects to there smart meter at home. They can compare there results with friends, family and facebook. This application is available at your fingertips.
There were many other websites around but these three were the ones that seemed to have the best design to them. Some of the others were not appealing and just seemed to be difficult to navigate.
Project Two: Intelligent Energy Gadget
In this project you are asked to design an interactive application, service or tool that helps people to reduce their energy consumption. You can either decide to design the interface for an energy monitoring device for a certain user group, or you can design a social networking service that allows comparison of energy usage amongst specific users, or you can address the problem in a more visionary way and come up with your own ideas.
In this project you are asked to design an interactive application, service or tool that helps people to reduce their energy consumption. You can either decide to design the interface for an energy monitoring device for a certain user group, or you can design a social networking service that allows comparison of energy usage amongst specific users, or you can address the problem in a more visionary way and come up with your own ideas.
Wednesday 10 August 2011
Final Write up about my Object
My object is interactive for the touch sense. I have sort of created my own type of Braille (what the blind use to read by touching) for the user to touch. The user is unable to see what they are touching because of the box I have built. From here, they feel the different sets of cards and have to write down/draw/match up the cards. My object really tests a person’s ability to read a pattern/shape etc just by using their touch sense. As people, touch and sight generally go together when completing a task so to me it is very interesting to see how others do when just using touch. It certainly takes quite a bit of concentration.
The user gets to experience the feeling of only using their touch sense. My object gives the user a sense of what it is like to be blind and lets them experience the feeling of reading something by touching it, which is definitely something people are not use to. It is exciting to the user because they are experiencing something new and also because they will be trying their very best to get every shape/pattern correct.
Our fingers are very sensitive to touch and it is very interesting to see how others do when testing just the one sense.
Box Completely Finished
Here is an image of the box completely finished. I am very pleased with how everything has turned out. The box is nice and even, the cards all match there set, and the whiteboard is a great answering system. I have put a lot of thought into every detail of my object and I personally feel it has paid off.
Whiteboard
For writing the answers down I have used a whiteboard. I have ruled up a grid that allows an area for each card to have an answer written down / drawn / matched up. For the matching the pattern cards I have drawn up each pattern and glued a magnet on the back to allow the user to just match it up by placing their answer on the whiteboard.
I feel this was a very good idea as it makes the answering process so easy and simple. And I like the idea of the user only having to wipe down a small whiteboard for the nest user.
Photo:
I feel this was a very good idea as it makes the answering process so easy and simple. And I like the idea of the user only having to wipe down a small whiteboard for the nest user.
Photo:
Sets of Cards
Here is an individual photo of each set of cards:
Here is an image of the cards from the back. Each group has its own colour:
Here is an image of the cards from the back. Each group has its own colour:
Completed Lid and Instructions
I have made the lid out of 2mm thick card. To make it I simply cut out a rectangle that was large enough to fit over the box and left enough around the edge for making sides to the lid. I then cut it out, cut the little corners out, then folded the sides down and taped them together.
To let the user know what to do with each group of cards, I have glued instructions on the lid to explain what to do for each set. The lid is the best place to put the instructions as its the easiest place to read off while trying to feel the cards.
Here is a couple of photos of the lid:
To let the user know what to do with each group of cards, I have glued instructions on the lid to explain what to do for each set. The lid is the best place to put the instructions as its the easiest place to read off while trying to feel the cards.
Here is a couple of photos of the lid:
The Curtain
In order to make the user completely unable to see what they are touching, I have made a curtain to cover up the hand hole. I used just a thin cotton material and taped it above the gap. I cut a slit in the middle of the sheet so the user is able to get their hand through.
Curtain from inside the box.
Curtain from front of box.
Curtain from inside the box.
Curtain from front of box.
Tuesday 9 August 2011
Backing the Cards
I have decided to back the cards because I don't like the fact that you can see the stitching. To me it just looks messy and unfinished. I am going to back each set of cards with a different colour so it makes it clear to the user what cards are a set. It will also make the cards a lot stronger and help keep the stitching together, as I don't want the cards to begin to fall apart after a lot of use.
Changes from Original Proposal
Instead of using the lid as the sort of answering area for the user I have decided to either use a pad of paper or a whiteboard. I have a feeling the whiteboard would work best as it is so easy to just wipe off the answer and have the next person go.
I have also changed each set of cards from four to three. This makes the whole process of my object much quicker. It also means the user won't get sick of the object before they have finished.
To make my object more exciting and competitive I am considering adding timing into the object, turning it into a sort of game. The person who completes everything, in the quickest time and gets the most right would win.
I have also changed each set of cards from four to three. This makes the whole process of my object much quicker. It also means the user won't get sick of the object before they have finished.
To make my object more exciting and competitive I am considering adding timing into the object, turning it into a sort of game. The person who completes everything, in the quickest time and gets the most right would win.
The Box Finished
This is the box completely finished apart from the lid. From the outside it looks really good. Nice and even parts etc.
Inside the box showing the separate compartments.
A view of the box from above. Nice and even. Had to place to rods inside the box while gluing it to make it stronger.
Picture of the box with a set of the cards inside. Each card has a good amount of room around it and the little walls in between each card works well.
I'm still undecided about the lid. At this stage I am heading towards using material but I have a feeling that could make my object look messy.
Inside the box showing the separate compartments.
A view of the box from above. Nice and even. Had to place to rods inside the box while gluing it to make it stronger.
Picture of the box with a set of the cards inside. Each card has a good amount of room around it and the little walls in between each card works well.
I'm still undecided about the lid. At this stage I am heading towards using material but I have a feeling that could make my object look messy.
Plan for making Box.
For the box I have decided to use wood because I think it will look a lot nicer but also it is much stronger than cardboard. I will build the box so there is three separate areas inside it. This is to ensure the user is only touching one card at a time, otherwise it would ruin the point of my interactive object.
Materials I'm using:
More Testing of Cards
I made many testers to work out what patterns / shapes etc. would work the best. I tested each group of cards on 20 people around my hostel. The results are in the tally boxes. The way I marked if they were right or wrong is if they got at least 3 of the 4 cards right for each set. The ones circled in red are my final design choices as I think they give the user a good range or easier to harder.
Photos of Testers:
Subscribe to:
Posts (Atom)