Monday 3 March 2008

Extra Links

My assets list and proof of copyright emails are now uploaded in PDF format.

Assets list
Copyright evidence

Saturday 1 March 2008

Evaluation

To learn a new skill is difficult in it's self, but to learn a new skills on your own is even more difficult. However although I had very little experience of PHP to begin with, I feel it did give me a very slight advantage going into this assignment.

Having a basic idea of the way in which PHP works allowed me to be able to make sense of tutorials and example code more easily which allowed me to pick things up easier and more quickly. One thing I did learn about my self whilst learning PHP is that I learn much better by doing rather than reading a book.

I think this is because I found it difficult to be at a computer screen and follow a tutorial from a book whilst trying to repeat the same process on screen. I also found it much easier to find more exact code examples of what I was trying to learn as apposed to in a book which was obviously a lot more limited than the internet

This became very important during the creation of my website as I found did not work as expected and so I had to find others rather quickly.

I think that this was due to my research skills which is something I need to improve on. For example, in the initial research stage I found a tutorial which allowed a user to login to my database using a hard coded login name and password. This I thought would be fine until I soon realised that it posed both a large security threat but also a rather large impracticality in the sense that only one member would be able to use the site.

For this reason I looked on the same site for a tutorial which pulled users from a database only to spend hours trying to learn/implement the code to find once again the tutorial was incorrect and didn't actually work and so I had to find yet another.

Another example of this was that my login form tutorial also didn't tell me how users could register their details so they were uploaded to the database.

Both these reasons severely set me back in the development stages of my site and could have being avoided easily with a little more thought and thorough research in the initial stages.

On the whole however I feel that my learning of a new skill went very well. I managed to learn all of the skills I set out to learn and more. Some aspects of PHP I learnt I decided not to use (I.e the use of the date function) as I thought it was unneeded and was a case of using it for using it's sake. On reflection however I think that using it in my guestbook would have being a good idea as it could have been used to show what day and time posts were made.

Were I do to this same assignment again I would try and push my self a lot more and try to learn more advanced skills rather than playing it safe which I feel I may have done a little with this assignment.

I think I would also try and think about the security aspects of PHP more too as currently it is something I haven't taken in to consideration much and is obviously quite important.

Friday 29 February 2008

Completed Site

My website is now completed and can be seen at www.craig-allington.co.uk/thesubways

Friday 22 February 2008

Final Design

My final design is now uploaded.

Any feedback is once again appreciated.

Monday 18 February 2008

Designs

Below are my initial designs. I've not experimented with colours yet and so the designs are purely requiring layout feedback at present.

Design 1
Design 2
Design 3

Wednesday 30 January 2008

Web Plan - Completed

The web plan so far is is now available in PDF format.

Web Plan (PDF - 120Kb)

Web Plan - Delivery Requirements

XHTML
XHTML (eXtensive Hyper Text Markup Language) will be used as the starting point for building the web site and lays out the structure of the site. XHTML will be used for each page of the site.


CSS
CSS (Cascading Style Sheets) will be used to add style to the pages. This will be in many forms including laying out the site, adding background colours and setting the font.
CSS is also good for improving search engine ranking’s which would be good in a commercial situation.


PHP
PHP is an open source scripting language that can be embedded into HTML coding. A PHP script is executed on the server and returns the page on the browser as plain HTML. For this reason PHP will be combined with MySQL to create the web site and make the pages dynamic.


MySQL
Owned by a single for-profit firm (MySQL AB) MySQL is an open source database using SQL (the most popular language for adding, accessing and processing databases). Because the software is open source it means that it can be downloaded by anyone and altered or tweaked to meet their needs (in accordance with the licence). For this reason MySQL will be combined with PHP to create the web site and make the pages dynamic.

Web Plan - Competitive Analysis

www.thesubways.net
The official site is obviously going to be my biggest ‘competitor’ so to speak and seemed like a good place to look. The site has recently had a remake so you would expect it to be quite up to date both in it’s information and it’s style.

What really gets my attention about the site straight away is the distinct lack of colour. The background of the web site is pure white with the main body of the text being black. Even the sites header is mainly black and white.

This theme seems to run throughout the whole site with photos on the site being black and white (and even a section devoted to the gallery for black and white photos).

The navigation I find quite interesting. As The and Subways are on two lines there would normally be a lot of negative space left but the navigation actually fits in with the title to take away this fact. I personally think it is quite a clever idea as not only does it use up the negative space but it also reduces the space needed for the navigation, and with 11 links this is quite a good thing. This is of course at the cost of accessibility as the navigation is actually a series of images. Anyone viewing the site in a browser which doesn’t support images would not be able to navigate the site at all.

The site is very simple to use, the navigation is obvious and at the top of the page at all times. Perhaps the most confusing aspect of the site is the fact that there is a ‘live’ page which contains identical information on the home page. For people who immediately look at the navigation however this is probably a good thing.

Overall I think the site is quite plain and in some ways quite boring. The idea of trying to keep the site black and white is effective but it seems like very little has being done with the rest of the site so to fit in with this style.

www.myspace.com/thesubways
The first site I looked at is The Subways ‘official’ web site. Presently this is their MySpace page and so perhaps not as accurate as I would of liked but it is a good place to start non the less.

The first thing I notice about the site is that they have a large image used at the top of their page which pushes the rest of the web site down. Although this is quite an effective picture it seems almost like a ‘splash page’ as it takes up nearly the whole of the screen (and perhaps on smaller screens would do) and forces the user to scroll immediately.

Once scrolled past the large and somewhat pointless picture you see a list of what is coming up on the tour and some songs which you can listen to. The list of songs is very useful as it allows people who may not have heard of the band to listen to them, and the tour list is good for people wishing to find out when they are next playing near them.

After this is a blog section which is really just some news and a bit about the band.

The design of the web site isn’t the best. It is just a plain black background with a slight gradient type edge fading into white. Though the black is effective, as it makes everything else stand out. it is very basic and boring. As well as this there are numerous flash banners throughout the site which can be a bit annoying but at the same time do catch your eye. Perhaps if they were just a little bit smaller they wouldn’t be as bad.

www.the-metropolitans.tk
This site starts off with a very annoying splash page which brings very little (if anything) to the site. Once in the site there is a very crude picture at the top of the page which is very badly compressed and appears to cut off at one side. There is also a pattern on the image which doesn’t match up with the background pattern.

The first thing you really notice however is the navigation at the top of the page. It is clear and is obviously divided from the rest of the content. The worst thing about this navigation is that there is no differentiation in states from the standard link, a hovered link or even a visited link. If there was some differentiation it would improve the navigation even more.

Other than this there is not really that much more to say about this site. The text is centered which makes it difficult to read, some of the images need more spacing around them, some need less, some need a combination of both.

www.the-subways-fans.de
This site is completely different to the other 2 I looked at. There is very little colour on this website (very pale greys and white) where as the previous 2, although still lacking in colour, used very bold, dark colours (blacks and browns) which stood out from the page and the rest of the content.

The second thing I really notice about this site is that there appears to be two parts to the navigation which can confuse the user. Especially when there are 2 links for ‘home’, this just seems pointless too.

I think the fact that the navigation is divided with sub sections is quite a good idea as there is quite a long list of links. By clicking on ‘The Band’ and it then giving you links for the individual band members for example helps reduce the navigational list.

Once more the text is centered which makes it very difficult to read at times, and again some of the images could do with a little more padding added to them.

The final thing I notice about the site is that there is quite a lot of scrolling to be done on some of the pages which could really be shortened or divided up more but this may once again add to the list of links in the navigation.

Web Plan - Target Audience

Billy is 18 years old. He enjoys listening to music, playing his guitar, going to gigs with his friends. His favourite band is The Subways. He is studying music at college and so spends a lot of his spare time practicing the guitar and so doesn’t get much chance to be online. Whenever he is online he is usually looking for tabs for new songs or streaming music from the internet. Because of this he uses a relatively quick broadband speed (approximately 5Mbps) and the latest Internet Explorer browser.

Charlotte is 25 years old. She enjoys listening to music, playing the bass and going to gigs with her boyfriend. Her favourite band is also The Subways. She works in a office where she spends much of her time using the internet. She is allowed to use the internet for personal use in her lunch hour which is when she mainly uses it. Her company has high speed broadband (8Mbps) which she takes advantage of by watching videos on sites such as YouTube. Her company uses Internet Explorer 6 but Charlotte has Firefox 2 installed at her home although she only uses this on weekends along with a approximate 512Kbps broadband speed.

Josh is 30 years old. He enjoys listening to music, playing the drums and going to gigs (though his family life means he doesn’t get to as much as he would like). His favourite band is once again The Subways. He works part time so that he can look after the children when the finish school whilst his wife is at work and so spends a lot of time using the internet on a afternoon. He solely uses a Mac and so uses solely Firefox 2 to access the internet with his approximately 8Mbps connection. He spends a lot of time downloading music through various sites and software whilst also streaming radio stations in the hope of hearing new music.

Web Plan - Goals of the Website

• To implement new PHP skills learnt
• To be valid XHTML Strict 1.0 and CSS Level 2.1
• To be conformance level ‘A’ (www.w3.org/TR/WAI-WEBCONTENT/#Conformance)

Wednesday 23 January 2008

Skills Learnt Through Tutorials

The following are examples of skills I have currently learnt through following online tutorials.

Feedback form - This tutorial was done at W3Schools.
Login form - This tutorial was done at PHP MySQL Tutorial.
Guestbook - This tutorial was done at PHP Easystep but also involved some of my previous PHP knowledge to try and end up with the correct solution.
Date - This 'tutorial' was done at PHP.net

These tutorials also allowed me to learn how to use 'if' and 'else' statements.

Using comments in PHP appears to be relatively simple. To comment out a single line of code it is simply a case of using // before the text I wish to edit out. To comment out a block of text is the same as using CSS comments by using /* and */.

This information was gained from Tiztag.

Assesment of Current PHP Skill Level

My current level of PHP knowledge is very limited as is my prior experiences of it.

The only times I have actually used PHP was for our previous 'On the Job' team assignment where I explored PHP and the possibilities of creating my own content management system. During this time I did a few PHP tutorials and looked through 'PHP & MySQL For Dummies' as a reference point.

During this assignment I created a rather crude login page which redirected the user to another page on succesful login, and also created a feedback form which used PHP coding to send the form to the designated email address. However, both of these tasks I do not believe I would be able to perform again without some sort of notes or tutorial.

For this reason I believe that my current PHP skill level is beginner and will therefore try and learn some of the basics of PHP to a level where I do not need to rely on notes or tutorials.

Skills I will try and learn throughout this assignment:
  • Create forms using PHP
  • Create a login form which uses sessions
  • Make use of if statments
  • Make use of else statements
  • Create a simple PHP guestbook
  • Use the PHP Date() function to display an accurate date on the homepage

Other aspects of PHP I will learn:

  • How to use comments in PHP coding