Wednesday 26 May 2010

Validated Website


Our website validated, we had difficulty with javascript but overcame it.

Entity Relationship Diagram

Here is the Entity Relationship Diagram for Yumi's gallery...

WC3 validation standards

6 errors to go....

Website hotspots

Why have we chosen our final design layout? How does it work?

  • We wanted to created a dynamic page that catches peoples attention on their first impression so we have done a page that you don't have to scroll down (to save their time).
  • We have designed it to have all of the major elements on the areas that people generally look at on a page to give them quick, informative information.

Tuesday 25 May 2010




As we have developed the game we have taken it in stages to develop the games sophistication. We began by labelling and using as3 for 2 of the ice cream scoops to get it working which has turned out fine but once we started using an array to make all of the movie clips be scooped and move with the key board.

Tuesday 18 May 2010

Game Screenshot


This is a screenshot of hte game that we have been working on. The idea is that the user selectsfrom the ice cream down the left hand side of the page and it appears in the ice crream scoop. The user then moves the ice cream to above the sundae bowl to drop it in. Once the ice cream has been made it can be printed off in a voucher to take into the shop and get made.
When the mouse hovers over the different Ice cream colours text will apear telling the user what flavour they are selecting.

Monday 10 May 2010

Basic Website Structure

So far I have managed to create a basic structure for Yumis ice cream parlour. I am still having problems with using fixed boxes with older browsers (the annoying IE6!!!!) but i am trying to find a solution, but i am having no luck. Below is a screenshot of what the structure looks like in Dreamweaver.

Friday 7 May 2010

Sizing up the website

Before I put the design into Dreamweaver I have drawn up a basic frame with Box (Div) sizes.

Accessibilities issues

Due to the colourful nature of our website design. I have been looking at accessibility issues that reoccur within website design. This site would be a good chance for us to test our boundaries of using javascript to help the client as he is trying to attract as many people as possible. As it is a family orientated place he would also send out a good, welcoming message tot he public with he welcomes all 'walks of life'.

http://www.cardiff.ac.uk/accessibility/keyaccessibilityissues/visionimpairments/index.html

Vision impairment seems to affect more people that any thing else. So I am planning to use a text enlarger, text colour change and a background colour change so that the audience can choose what settings help them the most.

Voucher Research























This is some research I have done for the voucher attched to the website. The voucher that our Client wants is 15% off Ice cream at the Yumi shop. The voucher will need to include the Yumi Logo, I wil experiment with the Nottingham Illustrations that we are putting on the website to keep the theme that Yumi is the only ice cream parlour in Nottingham.

Thursday 6 May 2010

Yumi Gallery

Below is a list of possible options for the Yumis gallery.




Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

FancyBox

http://fancybox.net/



FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats over the top of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses.

Shadowbox
http://www.shadowbox-js.com/index.html


Shadowbox is a web-based media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.



Zoomy is a Prototype class that allows you to easily create image gallery: the script make simple magnification of images with customizable options, as popup and overlaying boxes. Also you can drag the boxes and position them anywhere on the screen.

Final Design, Finally!!!

Here is our final mock up design

Tuesday 4 May 2010

Client website inspiration

The below sites are a few of the clients favourite websites that could be related to his business.

This site could be a good one to look at as it is about people enjoying the product, which the client wants. It has bright colours that accentuate the site and draw your attention to certain areas in a subtle way. The use of people means that the audience has some one to relate to.
Bright colours and character attracts the audience.

New Action plan

Today we all met up as a group to discuss some trouble we are having with our client. We are finding that we are running out of time because we have had to spend a lot of time coming up with mock-ups of which the client hasn't been entirely happy with. He has had very specific ideas that are not achievable, such as 3D rotating ice-cream, a two player ice cream flash game with different levels and more. He has also changed his theme with each set of mock-ups, he's gone from 50's American diner to the concept that YUMi is the only ice cream parlour in Nottingham and is about the people (eat ice cream for daily happiness).

Problem's with the Mock-ups (from his point of view):
  • The concept isn't literal enough. He wants people sharing and enjoying ice cream together
  • He wants iconic buildings of Nottingham to be made out of ice cream to show that YUMI is the only ice cream parlour in Nottingham.
Want we need to do:
  • Go back to the requirement stage and ask ourselves what is this site for?
  • Build the site based on one of our designs and test the functionality
The above diagram is based on the development cycle we need to go around a few times to see if our site is user friendly and not to heavily based on how pretty it look, which is the way the the client is seeing it from. We are doing one last mock-up and and making him choose for the project and the building on it after the deadline so his needs don't get in the way of the time scale.

Also we have assigned ourselves different roles so that we can develop our personal professional practice

ERD Diagram- Nick
Gallery-Nick
Build in Dreamweaver- Nick
Project management/client liaison- Gayr
Javascript to change background design- Gayr
FB link/ widget- Emma/Gayr
Voucher design- Emma
Flash game-Will
Photo up loader (PHP)- Will