Simulated Client Project

Just realised that the previous link I gave for my piracy project is no longer working. Crappy free webhosts randomly deleting content...

It can be accessed here http://maeda.ads.ntu.ac.uk/~n0237873/piracy/ but only from within the university network.

Piracy Final

Located at: http://jennoe.x10.mx/piracy/1/myths.html

Working Version

Here is a working version of the site how it look at the moment: http://jennoe.x10.mx/piracy/1/myths.html

I think I like it!

I seriously need to get some reliable web hosting!

More Progress

This is how the website is looking at the moment. The jQuery extender is there but at the moment I haven't really worked out how I'm going to match the right text up to it's respective myth. Hmm.

Browser Compatibility

Google Chrome -

Firefox -

Internet Explorer -

You can't really tell in much detail here, but it looks better in Chrome and Firefox rather than IE, mainly because IE doesn't support the text-shadow property, and also has a fit trying to run a simple piece of JavaScript.

Can be seen live here: http://jennoefur.comyr.com/piracy/myths.html

Pretty styles!

So we start off with a line of text yeah?

Add a bit of CSS styling and... bam!

I was originally trying to embed some webfonts with @font-face but it doesn't seem to like working within JavaScript so I've decided to go with one of my favourite classic fonts; Century Gothic. I think it looks pretty smart with some styles thrown all over it. I have used the CSS3 property 'text-shadow' though, which requires a webkit browser.

Close-up -

JavaScript Array

In order to make my piracy myths appear randomly on the webpage I have used JavaScript to create a function. An array has been created containing all the myths then the floor() and random() methods of the Math object are used to pick one out at random. The code for this is demonstrated below -

function getMyth()
{
var piMyths = new Array();
piMyths[0] = "Pirates only want things for free.";
piMyths[1] = "Downloading music damages the artist.";
piMyths[2] = "No artists support piracy.";
piMyths[3] = "Piracy is stealing.";
piMyths[4] = "Piracy will kill creative arts.";
piMyths[5] = "Digital piracy costs the industy billions.";
piMyths[6] = "Piracy is illegal, and therefore wrong.";
piMyths[7] = "Pirates are all young people who don't really understand how society works.";
piMyths[8] = "Using pay services is so much easier.";
piMyths[9] = "It isn't expensive to just pay for stuff anyway.";
piMyths[10] = "You don't support the band by pirating their music.";
var randValue = Math.floor(Math.random() * piMyths.length);
document.write(piMyths[randValue]);
}

By using an array more information can be added quickly and easily by just editing this one piece of JavaScript. I have placed this script in an external .js document that can be linked to from any of my HTML pages. Then all I have to do is call upon the JavaScript function in the body of my HTML document in order to make the random quotes show up.

This can be see in action at http://jennoefur.comyr.com/piracy/arraydemo.html. Refreshing the page will bring up one of the randomly selected quotes.

Designs

I've been making some mock ups in Photoshop for this project, and I think this is more helpful that creating wireframes. I prefer the second design here, and think I'm going to have a fairly dark colour scheme, with big emphasis on the typography.

Wireframes

Not too sure how useful these really are for this project, as it's mostly based on the aesthetics the wireframes just look empty.

here's a pirate

First of all, here's a pirate. I don't think it really has anything to do with anything but there you go. I think he's cute.

Progress..

I think my piracy project is going quite well so far.

I will post some of my development work shortly.

Piracy Myths

Okay so here is a list of the myths I intend to bust:

• Pirates only want free stuff
• Downloading music damages the artist
• No artists support piracy
• Piracy is stealing
• Piracy will kill the creative arts
• Digital piracy costs the industry billions
• Piracy is illegal, and therefore wrong
• Pirates are all young people who don't understand how society really works
• Using pay services is much easier anyway
• It isn't expensive to just pay for stuff
• You don't support the band by pirating their music

Most of these statements are claims made by anti-piracy groups, or are just common misconceptions. All that stuff about you wouldn't steal a handbag, and it's not even stealing...

Schedule

Here is a Gantt Chart showing my schedule for the Simulated Client project.

Simulated Client Project

The Brief:

Produce a short multimedia piece that informs about or illustrates Digital Piracy.

Proposal:

To answer this brief I propose to create a pro-piracy website informing about myths within anti-piracy campaigns. It will mostly focus around digital piracy within the music industry, but also touching upon the film industry.Through research of digital piracy I have discovered that there are many points argued by anti-piracy groups that can be disputed and sometimes proven wrong. Some examples are –

• Digital piracy costs the industry billions every year
• Piracy is stealing
• Pirates are all young people who don’t understand how society really works
• No artists support piracy
• You don’t support bands by pirating their music

I intend the website to be very simple but also focused on aesthetic design, with a clean, modern look conforming to current design trends. It will be created using HTML and CSS, with JavaScript being used for certain elements.

I have taken inspiration from the website' WTF Should I Make For Dinner?' with regards to how my piracy website will work.

On this website a link to a different recipe is displayed each time the page is refreshed or the user clicks the link to display a new one. I would like my piracy website to work in the same way, with a different myth displayed on each page. Using large type to state the myth, I will then give the user the option to read more information using a link. When clicked, I plan on having more text appear explaining why it is untrue. There are examples below demonstrating this.

Piracy