PNG 32 Websites

PNG is useful because it allows you to alter the alpha key which is a key added to the Red, Green and Blue keys. The alpha key allows you to edit the opacity from 0 - 255. And this can allows things to be invisable or massively clear.7

For the Narnia page they used a lot of PNG 32. The process would have been
1. Take photo of the cast
2. Edit them appriately.
3. Edit them into a PNG 32 format from Photoshop or Fireworks. While they do that they would elimeinate the backgroudn and make it transparent.

4. After doing this they would set the commands for the home pafe as for timings, sounds when clicked on and extra links.



For the Spiderwick they have some of the following.


They have visual feedback with the book. They did this by incorperating a movie clip on a button on the "over" state. So when you are about to select it then you will go to the page. This is why its visual feedback. The actually graphic would have been created in photoshop or use of traditional media. All the graphics are PNG except the background part of the website. The White Space.

Videos with Relevance

I am going to show a few videos and comment on the relevance and the accessibility of each video

The JCB song "I'm flying in my JCB with with Bruce lee" The relevance is clear if you put your mind to it.

Firstly its a notepad which gives it a school setting. Secondly it's about a dreaming fantasy. How do I know? Well the fact that a tractor can fly and be chased by a transformer give's it away.

Thirdly theirs some doodles around it for the menu to change to which is releavant for a noteboom feel.

The accesibilty of it is the following;

Well firstly when it has 3 simple buttons at the top right corner which are very clear.

However when the screen goes black. They nearly go invisable. Their should be a code in that tells it to go into a invert colour on the movie clip so that the viewer can see it at all times.

The doodles on the around it are links which are faily accesible but not if you should have bad eye sight.

Screen Saver

Here's your screen saver

Tuesday Morning Comparison

I am going to blog what I remeber in the 2 hours of tuesday morning on all the presentations by comparing a terrible website with bbc website.


The first one is http://www.havenworks.com/



AESTHETIC APPEAL - None what so ever, No constrasting colours, No intresting text used, no use of intresting pictures.


BLACK, WHITE, GREY, SPACE - About 10% is white space about 70% is grey space and 20% is black space.


COLOUR WHEEL - There are too many colours, no thinking for colours with meaning so no yellow for happyness or black for power. No use of oposite colour contrast. Simply terrible.


PRIORITISING - Absolutely not the most important story is not highlighted at the top, it should be but it isn't. Their isn't a synopises. Theirs nothing to draw you in to a particular article.

The second one is http://news.bbc.co.uk/

AESTHETIC APPEAL - It very nice looking, it got good contrasting colours

BALENCE - It is well balenced it uses the rules of 3rds. I know because the colums take a third the large info in the middle takes roughly a third and theirs another colum on the right whihc takes another 3rd.

BLACK, WHITE, GREY, SPACE - Yes good use of it. About 3rd each theirs about 50% of White Space, about 35% of grey space and the last 15% is black.

COLOUR WHEEL - The colours are well contrasting. Its mainly blue's and whites but with a bit of red and they all work well. Its quite a cool atmosphere whihc works well in my opinion with websites.

PRIORITISING - Yes it does prioritise very well. It has the largest picture at the top with a snaposes of the miost important news case of the day then like an upside christmas tree its gets smaller as it becomes less inportant. So there is a very gooduse of prioritising.

2 Terrible Interfaces and the BBC

The first one is http://homepage.mac.com/bradster/iarchitect/shame.htm


USABILITY - Well it certainly isn't simple. All the links aren't in certain place like the top of the page or the Left hand as a column. Instead their all scattered in a random formation like a load of shells fired from an artillery strike. The text is written as if it is a report copied on with no thought of making it simple but to the point.


LANGUAGE AND TERMINOLOGY - Well thankfully its English but that all Ive got in its defense. Theirs a lot of cheek in this website and not enough "we here for you" Theirs also a lot of long words and not necessary the right words. For example peruse which means to look at (Yes I had to ask someone what it meant which makes comment more heavy) A better word in the interest of the public is View or Watch.


DESIGN (Colour, Images, Constituency, Typography) - Well for colour THERE IS NO COLOUR just black and white with images and links, As for images their all scattered and not the best use of semantics used. I.e. Design section has a pin which is irrelevant to Design. A pencil and ruler is but a pin isn't. The page on a whole has the same consistency which is bad in this case because who ever is on this will realise that their still on the same rubbish website. The typography on this is very simple with no interest with even titling it or underlining it. Generally this website is very boring and is one of the those websites with no creativity or interest to the public.


EFFECTIVE USE OF LAYOUTS - Afraid not. its all in a clusters ted state and is quite random. It also fails to have a section for links and so its therefore all over the place. It also isn't very interesting to the public. You will forget it when you leave it. Something that businesses don't want to see.


IDENTIFICATION WITH THE USERS. - Absolutely not, theirs no indication that theirs a message that's trying to be brought across. Its just all random.


USE OF NAVIGATION Theirs no use of primary, secondary or territory navigation. Its just random. Theirs no sign that the links will lead you to the same look a like page.

The second one is http://www.havenworks.com/

USABILITY - How can you use it? where to start? Where to finish? how much of it is relevant? How much is confusion? how much of it is random? All these questions are what the public will be thinking so therefore the idea of it being useful is something this website is seriously failing on. Why? There's no clear organisation. No place for the links, pictures, text and videos. Their should be a deliberate thoughtful place for this. Without this how can it be useful.


LANGUAGE AND TERMINOLOGY - Well its basically a news website so you can't complain about that because that the target audience. However the fact theirs a lot of long words used, theirs hardly any short simple snappy words. Plus I've read it and theirs a lot of rant.


DESIGN (Colour, Images, Constituency, Typography) - As Simon Carroll would say "Worse Design layout ever" He couldn't be more right. The design is random, badly contrasted and it makes you feel sick with the fact that theirs too much text, not enough pictures, theirs no good place for the links. It all in a random mess.


EFFECTIVE USE OF LAYOUTS - Well I've mentioned it before, but its basically a terrible mess. No clear place for the links, their are loads of titles when their should be a one big one and a few subheadings. The text is boring, no desire for creativity in this.


IDENTIFICATION WITH THE USERS. - Well is trying to communicate the news but honestly I think people will just leave and treat it as nonsense. So no identification with the users.


USE OF NAVIGATION - Definitely not no primary, secondary and tertiary navigation. And when you go an link it takes you to a page that was randomly done and doesn't seem to have any relevance to it. So that makes the navigation even worse in this case.



Comparing BBC news with the latter site.


USABILITY - Well the BBC website has a clear heading, clear logos, it has a search engine, its obvious which are links and which aren't. It has short descriptions and has a nice of balance of logos.


LANGUAGE AND TERMINOLOGY - Well a lot of it is snappy headlines used in it. It's words which are simple but accurate as well. It also likes to keep it short so you stay interested.


DESIGN (Colour, Images, Consistency, Typography) - It has a white background but with different coloured links and pictures. So therefore its well contrasted and well thought out.


EFFECTIVE USE OF LAYOUTS - Brilliant use due to the fact that theirs columns used which stay in the same place so theirs primary, secondary and tertiary used, they have the most important news at the top with big pictures and bold headlines with some description, it has the less interesting details at the bottom. At the top it has the logo and the main title at the top as well as a search engine. So it's organised in a brilliant way.

IDENTIFICATION WITH THE USERS - Yes definitely, it keeps it short and snappy with the synopsis. It has a search engine which can be helpful to the users and it prioritises the important news at the top.


USE OF NAVIGATION - It does have primary, secondary and tertiary links. The links are organised in a clear way. The pages that lead from it are relevant as in the colours used. And it really simple but effective.

Legal and Effical Constraints

IDENTIFY CONSTRAINTS

Legal Constraints

1. Checking intellectual property rights (Copyright, Design Rights, Moral and Paternal rights, Trademarks, Patents)


2. Obtaining permissions


3. Libel


4. Race Relations Act


5. Obscene Publications Act


6. Computer Misuse Act


7. Data Protection Act


8. Accessibility


9. Contracts

Ethical Constraints

1. Authorship and ownership issues


2. Representation (Race, Gender, Age)


3. Blasphemy


4. Appropriateness to audience

FULLY EXPLAIN THEM WITH EXAMPLES (Some have none and some have loads so please bear that in mind when marking please Dan. Cheers)

Legal Constraints

1. Checking intellectual property rights (Copyright, Design Rights, Moral and Paternal rights, Trademarks, Patents) - If an artist/designer has created the final piece or multiple final pieces then he/she can copyright his/her work. The copyright fee is £200 pounds so it essential to make the final piece suitable for your target audience and for the business should you be in one otherwise your wasting money. Reason's why you can copyright more then one is because you may have loads of different versions. Take Mickey Mouse theirs different version of the character, so to stop people trying to closely copy it you keep on copyrighting. Another example would be Power rangers. Theirs 5 character but the only difference is the colour code. When you copyright something it automatically becomes trademarked. Trademark is incredibly accurate, accurate in the sense that if another designer produces something similar you can not sue them. An example is where Orange tried to sue Easy Jet because Easy Jet used orange on their phones. However Orange lost the case because Easy Jet used a different shade of orange. So its that specific.


2. Obtaining permissions - This is where a company may want to borrow or duplicate or develop a copyrighted piece of their own. However the company which they would got permission from would agree on a certain percentage of money which the company borrowed the copyrighted image off. So for example if I drew a picture better than the Mona Lisa and I named it Mona Jack and then a business called Painters R Us (with my permission) used the Mona Jack and developed into the Mona R Us the money they would get would mean I would get 20%-40% of there profits because its my idea that getting the business money, so I deserve my share. A real life example (Can't think of any Art and Design examples) would be where bands produce music then another band covers the song and gets money of it. The original artist deserves a percentage of the profit.


3. Libel - This is where a company takes a product any gives out a message of the product. What its says needs to be completely accurate and not in a manner of trying to put of people in another company or comparing on something apparently rubbish if it exists. (This counts even it is rubbish) Also any statements made on anyone should not be defamatory, libelous or slanderous.


4. Race Relations Act - This is basically making sure that one race of people are left aside of used as abuse. If you do any of the following of the two then your breaking the Race Relations Act and example of this is Neighbours where 99% of the cast is White and not black.


5. Obscene Publications Act - This is where a piece of Multimedia, ie poster, advert etc (Something which the whole public would see with no deliberate intention) and if its got something Obscene ie. Someone being raped, murdered or use of necciphiria then this can be baned. I say can be because this is one of those laws the comes down to opinion. So for example people may have a problem with one advert but totally fine with another. A small example which is relevant to some degree is the business with Andrew Sachs daughter. If no one complained then Jonathon Ross wouldn't be suspended and Russel Brand didn't needed to leave due to the pressure. A more related example would be where the Chanel advert was baned because the actress was dead in it. The penalty's are that if your part of a small company then you can face jail however if its larger companies then it can be 6 months if you downloaded it 2 years if you produced it and 3 years if your the manager of it.


6. Computer Misuse Act - This is also known as the CMA this is is the Act which says downloading, copying, duplicating, defacing and piracy is illegal because any of the 5 results in the business losing reputation or losing money. Doing any of this can result in a 5 year penalty.


7. Data Protection Act - Every single person in Britain whether you like it or not (Outrage if you ask me) has their bank accounts info, email address info, house address. In Simple words everything to do with you life in numbers. It also has anything you might have copyrighted on it like the Mona Jack. So if someone uses it without Obtaining Permission then they can be facing fines. This could be anything, Music, movies, pictures of illegal websites. So unless you pay for it or you have Obtained permission with the product then you are a unknown criminal to the Data Protection Act.


8. Accessibility - This is a the Disability relations act kicking in. Any building or multimedia without considering people whom are disabled are failing this act. Examples of following it are walkways to get in a building by a wheelchair, a poster being lower down so its readable by a person on a wheelchair.


9. Contracts - This is simply the evidence of obtaining permission or buying a product or selling a product. The rules are that the agreement must be completely accurate and be have no open ended sentences. When its signed then theirs no going back. If if you made any unknown mistakes then could can't redeem it unless you do another contract saying that you are ending the first. Mistakes on contacts can get you to lose court cases.
   

Ethical Constraints

1. Authorship and ownership issues - This is quite simply owning the product and the proceedings of the product along with the product. Evidence of this is signed by a contract. This contract has to follow all the act otherwise theirs a chance of being prosecuted.


2. Representation (Race, Gender, Age) - If your someone with a good reputation in the working industry then your more likely going to get more work then someone with a bad reputation. Same with this. When producing a poster or advert then you have to get people believing that you will not disrespect the opposite race or you won't be sexist and you will take the age into account. In simple terms your not narrowing down your target audience so you won't be accused of being racist or sexist.


3. Blasphemy Same idea as Representation. You can't be offending people's belief in the process. For example Marks and Spencer's can't say "buy these 5 oranges and get another 1 free. Allah said its all right." You can imagine what would happen their would be rebellion from the Muslim community. A similar thing happened with the Jeromy Springer Show. About 4000 letters were complaining for the disrespect of the christian belief. This example would also go into the Obscene Publications Act.


4. Appropriateness to audience - This one is essentially a more general version of Representation and Blasphemy basically do your best to make sure the audience doesn't complain. Example would be a horror show on cbbc with the most gruesome effects used. You just simply need to think of your target audience and try not to disappoint them.

Laws in the Art Industry

DATA PROTECTION ACT - Its a storage of data on a website which is info about each person. If you buy it, sell it copy it without permission you are breaking the coding which can have penalties of fines.


OBSCENE OBJECTION - Corrupt and disabuse stuff which is horrible images or multimedia vile stuff. An example is the Chanel advert who had a dead actress on it. The penalty's are 6 months for downloading it, 2 years if you produced it and 3 years if your the manager of the materials.


COMPUTER MISUSE ACT - Known as the CMA This is copying, piracy, downloads. Stuff which you didn't pay money for. The Penalty can be up to 5 years.


INTELLECTUAL PROPERTIES - When a final piece is produced it's automatically copyrighted to the recorder. Trademarked is incredibly specific and is anything creatable ie. Word, symbol, recipe.


DISABILITY DISCRIMINATION - If you make a website or a poster or anything for the target audience (which nearly always people who are disable or with different skin colours) and it doesn't offend people with skin colours. Also if it doesn't allow the disabled to view it in the same light then you are discriminating them.