Production Diary

Saturday 26^th of March I created and photographed the creations for my website, this allowed me to give visual aid to users of the website on how the audience would be able to make the objects.

Tuesday 27^th of March I created footer header and background on Adobe Photoshop CS5. I created the header to allow the audience of my website to clarify that the website they have accessed is Inspired, the footer was made to allow the user to see that the websites content is copyrighted and of the terms and conditions and terms of privacy.

Wednesday 30^th of March I wrote the stages down how I made the objects step by step. The step by step document would be put with the visual aid images to allow the website user to gain a far greater understanding of how to create the objects. I made the background to allow the website seem less boring and also to get the point across that the website is all about recycling and nature.

Thursday 31^th of March I set about improving the header and footer and made the foreground and navigation bar, I improved my header and footer because I didn’t feel that they were to a professional standard that a website should have. The foreground allowed my text and any other content to stand out much better than it would in comparison to what it would have looked like simply on the background itself. By creating I navigation bar it will allow the audience to navigate through the website quickly and easily.

Friday 1^st of April wrote up content for where to go web page. Where to go’s content was created to allow the audience of the website access to the locations website but also to give the audience on ideas where they would be able to visit.

Saturday 2^nd of April wrote up content for what to do web page. What to do’s content was created to allow the audience of the website to a quick and easy way to think of things that they would do if they got bored.

Monday 4^th of April  I used to edited the photographs to size so that they would be of a reasonable size to use on flash and be presented in a flash slideshow and attempt to put them into a slideshow on flash but flash crashed and I was unable to save the work that I had completed. Although I lost the work that I had done, I repeated the process to get the flash slideshows to work. I created the slideshow to allow the audience to watch as they made there creations, the slideshow would be accompanied by small thumbnails which would allow the audience to view one stage if they wished to do so.

Tuesday 5^th of April went over my work on Photoshop CS5 and edited out the some floors of the header and navigation bar due to sizing and unrecognized fonts.  After editing the two elements they looked much better and could be aligned on Dreamweaver properly.

Tuesday 26^th of April I resized the photographs that I had taken to allow the website to look less bland I resized the images using Adobe Photoshop CS5. Once I had altered the image sizes I was able to add a stroke this allowed the images to stand out and look less of an eyesore. I also added text to the Where to go and What to do pages on a blank copy of the foreground on Adobe Photoshop CS5. I had to add the text in the original foreground image because Adobe Dreamweaver CS5 would not allow me to add a table on top of an image, this was due to layers causing websites problems with their layouts. 

Tuesday 3^rd and Wednesday 4^th of May I began the process of creating the slideshows of the creations I had made which would be put on the creations page this was done within Adobe Photoshop CS5, this was due to the fact that the original videos which were created could not be placed onto of the foreground gif. The slideshow animations were created to allow the audience access to see how the creations were made.

Friday 6^th and Monday 9^th of May the websites content was fully completed and cleared of any issues, this allowed to me to work on adding all the hot spot links to the website which allowed the audience to navigate form one page of the site to the other. The final task for the website was to create a form so that I would be able to do research on which people used my website for the demographic and also for the geo-demographic for the website.   

I completed my website on the 9^th of May and will test my website on more than one computer to make sure that the website will still work even if it is on another piece of hardware. Whilst undergoing the creation of my website I have learnt numerous skills within Adobe Dreamweaver CS5, skills that I have learnt include creating forms, making the website pages, linking images to other locations within the website and to other websites as well as using hot spots to link to other pages. Although I didn’t use any of the Adobe Flash CS5 slideshows I created due to technical difficulties I did still learn how to make a basic slideshow. Overall I am pleased with my websites outcome, this is due to the fact that all the content and links were complete and working within the website. Although I am pleased with my overall outcome of the website I could have made it much better by organising myself better and using my time much more effectively. When making my website I did encounter a few issues such as items for within the website not opening and Dreamweaver not opening at all as well as Dreamweaver by the end of the making of the website not showing the content, but apart from the issues everything else all went well to my knowledge.  

Tuesday 10^th of April I received written feedback from all member present within group, once I had received the feedback I know exactly what other members thought to my website and it also put me at ease and allowed me to see what I had done right and what I had done wrong. I also gave feedback to all members of the group I hope that the feedback I gave was helpful or reassuring. On the 9^th I had my website also and beta testing which allowed me to see whether it worked by it being tested by another member of the group, this allowed me to know whether the website was suitable and ready for use.

Friday the 13^th of May I started writing up my website evaluation which covered my views on how my website went and also how I felt about the completed product, I also had to write about and justify why I chose to do things the way that I did things and also if it was still appropriate for my target audience.  
On the 16th I had to redo several pieces of written work as I had lost them this included the CSS and HTML question sheets, the W3C analysis and the CSS example website document.

Diary

Before I could start making my website I had to go through a number of written documents and watch PowerPoint presentations. The first task that I did was to watch and listen to the web authoring PowerPoint presentation this allowed me to gain an understanding of how websites are created and formed using meta-tags and mark-up language. Once the PowerPoint was finished I had to do a worksheet about web authoring this involved questions which were related to the PowerPoint to allow me to answer and make sure that I had learnt what was important about the PowerPoint. The next stage was to watch a PowerPoint presentation on web accessibility this gave me a much better knowledge and understanding how the web can be accessed and what it can be accessed on as well as what the web allows its users to do.

 Once I had moved on from web accessibility I had to make a blog, this allowed me to see how blogs are structured and what blogs allow their users to do. The blog was created to allow me to put my work online to be shared with others and also could be used as an online portfolio of my work. Following on from making my blog I was to make two mind maps the mind maps were based upon web authoring and accessibility, the reason for the two mind maps to be created was because it was a quick and simple way to write down important information which could then be looked at afterward to gain any forgotten information quickly and simply. The next stage was to Write out five initial ideas in a mind map format this allowed me to come up with five ideas of my own and to put my ideas onto paper, shortly after making the mind map of my ideas the group gave me feedback this was to allow me to find out which Ideas are the mostly popular and also which idea was least used and would be better to make a to gain a larger audience for the website.

Once I was given feedback I was to make a proposal sheet which contained how I would manage my time the idea for the website and other important information, the proposal could also develop the idea which I liked the most and which was most popular with the entire group. The next stage was to make the wireframes for my chosen website idea this allowed me to see what I wanted my website to look like initially and also allowed me to gain a basic idea to follow whilst making the actual website. Website design was the next stage this covered how website are design and what they are designed using this gave me a vast knowledge on how I should make my website in consideration to colour scheme, layout and so on. Once we had seen and learnt about what a website with few videos, images, navigation bars and so on we studied websites which contained plenty of media forms this allowed me to see that websites with more forms of media seemed to be much better but some with too many seemed uneasy on the eyes and made it hard to focus. Once we had seen and researched media rich websites I moved onto the fireworks tutorial this allowed me to gain a far greater knowledge of what could be done within fireworks as well as how it was done.

Legal and Ethical Constraints

Web Accessibility

“Web accessibility refers to the practice of making websites usable by people of all abilities and disabilities. When sites are correctly designed, developed and edited, all users can have equal access to information and functionality.” Web accessibility is whether anyone with disabilities whether these disabilities are physical or mental can use websites things that are accessible to people with disabilities can be perceiving, navigation, understanding and interaction with the internet and can people with disabilities contribute to the web. Web accessibility can also help the elderly whilst using the web due to some loses in their abilities down to aging. Examples of web accessibility: People who are visually impaired will need text which is clear and can be read easily, People who are colour blind need colour sheets to view websites the same as people without the disability and people with dyslexia may need coloured sheets to go on top of their monitors and would need the webs font to stand out from the background due to when people with dyslexia have been looking at text for too long the words can flash or disappear momentarily.

Disability Discrimination 

Disability discrimination is “Treating someone with a disability less favourably because of his or her disability act.” If people who have disabilities mental or physical were using a website the people who run and maintain the website have no right to say that people with disabilities are not allowed to use their website, this is because it would breach the disability discrimination act. An example that breached the disability discrimination act was when a company took on an employer who had a prosthetic arm but due to her clothing that she was wearing when she was employed the company didn’t know then after her first day of work the company noticed her prosthetic arm and fired her the same day. Another example of a breach of disability on the internet could be that a website is being used by a blind person and the creators who made the website tell the blind user that because they are blind they cannot use or access the website.

Data Protection

“Data protection act regulates how personal information is used and protects against misuse of personal details.” The data protection act was put in place to protect people’s personal information from being misused by other people, the data protection act also controls how people’s information is used.  The act was started in 1998 this was mainly because of the misuse and use of peoples information before the act was introduced. A fairly recent example of a violation of the data protection act was the hacking of numerous people’s phones and selling the story on to news papers, which was a misuse of other people’s information. An example of a violation of the data protection act might be that someone had hacked into someone’s email or the person’s online bank access point and used the information for their own uses or passed the information on to others.

Computer Misuse

“The computer misuse act of 1990 is an act which makes it a criminal offence to access or attempt to access computer material without proper authority.” The computer misuse act was put into position to make sure that computer are not used to create inappropriate material, but also to make sure that material on computer are only used with the correct authority to do so. Another area that the computer misuse act of 1990 cover and regulates is to modifications of computer materials whilst being unauthorized to do so. An example of a breech on the computer misuse act on the web can be seen from when one individual was fired form their work place, the ex-employee then went on to use their computer to send their ex-boss five million emails. Another breach of computer misuse was when a computer maintenance worker was paid to fix a company’s computer but as they were doing so they deleted the company’s files.

Obscene Publications

“The obscene publications act of 1964 is an act to strengthen the law for preventing the publications for gain of obscene matter and the publications of things intended for publication of obscene matter.” The obscene publication act is put in action to make sure that any materials of an obscene nature which may offend a vast amount of people should not be used, also the obscene publication act regulates any product which may be used within any obscene publications as well as when a product uses obscene contents for publications. An example of obscene publications acts which recently came up in the press, this was when a well known comedian spoke of another celebrities partner and one of the said celebrities children in an obscene manner. An example of obscene publications on the web could be the use of a website to offend other people who they know or speech of public icons in an obscene context.

Web protocols and principal

The website that I am looking at is Shcuch.co.uk. The reasons I am investigating this website is because I often access the website in my own time and I also believe that it is a good example of a website due to its layout and has good assets such as its font families and colour scheme.

Schuh’s Applications

Schuh’s website appears as mainly a marketing application, as it allows Schuh’s consumers to look at their current stock, sales and projects professionalism throughout. With the website being sales based it also brings the consumer gratification because it is allowing the consumer to view shoes that they might at the end of the day purchase to enlighten their mood.  The website is also competitive, this is because it tries to keep ahead of other competing stores such as Office, Scotts and Barrats to gain consumers by showing that it has better prices, more brands and an overall better layout than the other Competitors.

Schuh’s Assets and content

The assets that make up Schuh’s website consist of relevant images. The images that Shcuh uses are of the shoes from almost every angle and what some of the shoes look like when they are being worn. Schuh also uses Graphics in its website the graphics which are the most helpful are the shoe’s branded logos which are found at the bottom of the homepage, this can allow the website user to find the brand they are looking for more easily and can be helpful if the website user doesn’t already know the brands name but does know what the brands logo looks like.  Another one of Schuh’s assets is its animation even though the link is simple it is also eye catching and effective, the animation that Schuh uses is a rollover link which is activated as the web user hovers over an image with their cursor. Another form of animation that Schuh uses is very similar it is found on the main page and it allows users to hover over images near the bottom of the website as they do this the chosen image will not alter but the images which are not relevant darken to allow the user to focus on the image they wish to look at. The text that Schuh uses is mostly the san-serif font Arial, this font is easy to read and is bold, they also use a serif font within small link banners this connotes to the website having sophistication and class.  The font is readable which can be an issue with some serif fonts being more difficult to read. 

Schuh’s Interactivity and Controls

Schuh uses numerous interactive products and controls. One example of transitions is the product display images which change as the cursor is hovering on the image, this makes the website look professional but it is also good for their marketing due to the fact that the user is allowed to see another view without even having to go where the product information and products images from all angles location. Schuh’s website also uses many hotspots one for navigational button which displays text saying sale but unlike the other buttons it is red rather than a black to white gradient, this draws the user’s eyes towards this button due to it standing out from the other navigators. Buttons are used throughout Schuh’s website one consistent use of buttons is the brands, men’s, women’s etc the buttons either allow the user to click on the button for all the relevant products that come under that category, but the buttons at the top also give the user a dropdown box which appears as the user hovers over the button this then allows the user to look at and chose a specific category if they wish.  Events and actions scripting Schuh.co.uk use is the alteration of the mouse as the audience hover over a link, when the user is hovering over a link the mouse will change to show the audience that what they are hovering over is a link and that it will take them to the relevant location on their website.

 Schuh’s Audience

Schuh’s website is very simplistic this makes it easy for the audience to use leaving it with only the basic computer knowledge such as typing, clicking and scrolling on the site so computer experience isn’t much of an issue on Schuh’s website. I believe that the targeted age group is around thirteen years old ranging to in some cases fifty years old, this is mainly due to the generations of the people with younger generations branded products have more appeal as well as the style of products are more aesthetically pleasing to the audience. Where as older generations share the same views as younger generations and prefer there shoes and accessories to simplistic and suitable for everyday occurrence, another consideration with older users is the computing abilities and accessibility that they posses. The accessibility of Shcuh.co.uk Is also not an issue due to factors such as the websites name and that the audience doesn’t have to sign up, due to these two factors the audience is not stop as they enter the website letting the users get straight to what they wish to do also because the website name is short and simple the audience doesn’t have to waste their time typing a longer website name. The language throughout Schuh.co.uk is formal and uses sophisticated wording this allows the audience to receive a feel of professionalism from Schuh.co.uk this make Schuh feel more trustworthy as well, Schuh.co.uk use terminology which relate to the specific way in which their product where made such as the style of stitch work, the material and what type of soles the shoe has. 

Schuh’s Semiotics

Schuh.co.uk uses colour semiotics One example of this is the websites background colour which is white, the colour white connotes a light and clean feel this allows the website to be easy on the eyes also white is the colour of perfection which is what Schuh would like to make their audience believe. Another colour semiotic is the use of a singular red button which has sale written on it, red as a colour is often used to draw attention to something as is its purpose on Schuh’s website this makes the website subtle with grabbing the audiences attention rather than using animation which might make the website look less professional and more tacky. Logo semiotics although the majority of shoe logos are simply the companies names in their signature fonts one brand in particular differs from the rest that are on Schuh.co.uk, the brand which differs is DCshoes which uses a logo which relates to the brand but not with the actual wording but people that know of the brand will know exactly what the logo stands for and means.   

Schuh’s Visual Cues

Schuh.co.uk uses several visual cues. Highlighted text is one of one of the visual cues used, a particular highlighted text visual cue is the drop down boxes which are near the top of their website the boxes start with a white text on a black background but as the user hovers over the box it opens the drop down box and displays the background as white and changes the colour of the text this draws the attention of the audience also within the drop down box the subtitles are displayed as the colour which the font of dropdown box has changed to the also draws the audience’s attention and gives clarity to the audience. Shcuh.co.uk uses a handful of visual cues attracting attention just one of these being the sale dropdown box which is red unlike any other dropdown box, because the dropdown box is red it connotes and represents that something should follow after it is viewed so in this case it is showing that they click on the dropdown box also red is a very bold colour which makes it stand out more so than a lighter colour red is also the colour which is used by most company to represent a sale and will use a red font to do so. Identifying and prioritising are also used in Schuh’s website with the sale symbol in the top left corner of the website, which allows the user to indentify that there is a sale also because the word sale is in a different font it draws attention towards it more.

Schuh’s Form

Schuh.co.uk has a well structured and well laid out, this is down to it firstly being uncluttered I believe that Schuh.co.uk keeps its pages neat and doesn’t have images, text or any other assets which seem out of place. Secondly Schuh use a very consistent layout the consistency can be seen with both its navigators and its display pages, the consistency make the website feel very professional with the display pages they barely change apart from the information which is given on the left hand side about what products come under the brand in regards to the navigators which are displayed near the top never change this allows the audience to easily find their way around Schuh.co.uk. The amount of text and priority of text is to a good standard, for example for each pair of shoes has its on paragraph and the paragraph only consist of relevant text which tells the audience what the shoes of made of and also with some the techniques used to make them.

 Schuh’s Navigation

Schuh use several navigational tools these being buttons, rollover links and hyperlinks. Schuh use rollover links for the shoe display pages, I believe that this is a good navigator due to the fact that it isn’t too flashy and annoying but gives another view point which grabs the audience’s attention subtly and makes the website look more professional. Hyperlinks on Schuh only serve the purpose is to take the audience from one location to another location on the website and does not link to other websites. Although the majority of the site allows the consumer to get where they want to be within three clicks, but if the audience do not know the product name they can be searching through numerous pages to find what they are looking for. Even though the audience might be searching through numerous pages to find a specific product this can be verified, this is because Schuh.co.uk do not fill their product pages with too many images this is due to the fact that don’t want to make the pages have too big a file space which might cause for the audience

 to be waiting for a longer amount of time than they might want to spend searching for products.

Schuh's Usability

Schuh.co.uk uses a simple but effective layout. This is due to factors such as its basic and friendly background and buttons both of which show that it isn’t in the audiences face, also because the majority of the website is white any differently coloured text stands out which is very effective even though it is such a simple process. The format is so simple, easy on the eye and efficient which makes Schuch.co.uk appealing to all the age groups and generations of which Schuh target their website towards

Schuh’s limitations 

Schuh.co.uk is limited in many of its areas, Schuh’s limitations consist of their file sizes, loading time and formats and whether the user will need to install plug-ins. The main limitation for Schuh.co.uk is their file sizes the file sizes can be an issue due to the factor that Schuh.co.uk use many images on their website pages, which store a large amount of memory when the images are all put together on the page. Although Schuh has a decent loading speed it can become slower if Schuh were to add more content like graphic, images, text and navigators to the website, if the website was to become slower at loading the audience might wish to leave the website rather than wait for it to load which would not help Schuh’s marketing or reputation. The final limitation which might effect the audience is the file format and whether the audience will have to download plug-ins, plug-ins can be off putting due to the fact that some web users don’t like to download software when they might be able to get what they want somewhere else with out having to do the download.