<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-4308056754494358482</id><updated>2012-02-16T17:34:09.319Z</updated><category term='Artefacts'/><category term='football manager'/><category term='Client Project'/><category term='news'/><category term='esearch'/><category term='3d'/><category term='avatar'/><category term='development'/><category term='mind map'/><category term='hosting'/><category term='alignment'/><category term='brainstorm'/><category term='print design'/><category term='newjack'/><category term='portfolio and design service'/><category term='graphic design website design portfolio'/><category term='dan saffer'/><category term='multimedia practitioner'/><category term='second life'/><category term='css'/><category term='proximity'/><category term='greetings card design'/><category term='joel schafer'/><category term='actionscript'/><category term='xhtml'/><category term='interactive room'/><category term='website design'/><category term='avatars'/><category term='creative zen'/><category term='mysql'/><category term='client work'/><category term='deviant art'/><category term='repetition'/><category term='interactive showcase'/><category term='mutt ink'/><category term='digital piracy'/><category term='CRAP design'/><category term='game'/><category term='Simulated client project'/><category term='contrast'/><category term='ideas'/><category term='website review'/><category term='logo design'/><category term='design snack'/><category term='logo moose'/><category term='compatibility'/><category term='the maze'/><category term='design'/><category term='blog template'/><category term='testing'/><category term='planing'/><category term='identities'/><category term='shape'/><category term='web design'/><category term='cancer research'/><category term='interaction design'/><category term='javascript'/><category term='junior bulls'/><category term='one shot film'/><category term='3ds max'/><category term='moodboard'/><category term='logo'/><category term='live4life'/><category term='pixilation'/><category term='creativity'/><category term='hereford united'/><category term='portfolio'/><category term='typography'/><category term='graphic design'/><category term='charity'/><category term='world cup'/><category term='personal website'/><category term='Online News Business Models'/><category term='modelling'/><category term='layout'/><category term='image'/><category term='my identity'/><category term='PRP'/><category term='rule of thirds'/><category term='research'/><category term='php'/><category term='photography'/><category term='radfords'/><category term='box showcase'/><category term='music'/><category term='questionnaire'/><category term='adobe flash'/><category term='databases'/><category term='spp'/><category term='character design'/><category term='jquery'/><category term='ipod'/><category term='interactive narrative'/><category term='film'/><category term='audiovisual'/><category term='media publishing'/><category term='adobe photoshop'/><category term='poster design'/><category term='website project'/><category term='the meeting'/><title type='text'>The Ste Blog</title><subtitle type='html'>A design blog detailing my work, Uni related and otherwise.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>91</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8722631412080356809</id><published>2011-05-08T11:27:00.000+01:00</published><updated>2011-05-10T11:53:49.280+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Artefact 6 Evaluation</title><content type='html'>&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-GB&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;ZH-CN&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:enableopentypekerning/&gt;    &lt;w:dontflipmirrorindents/&gt;    &lt;w:overridetablestylehps/&gt;   &lt;/w:Compatibility&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable  {mso-style-name:"Table Normal";  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-parent:"";  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;  mso-para-margin-top:0cm;  mso-para-margin-right:0cm;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0cm;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:"Calibri","sans-serif";  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:"Times New Roman";  mso-bidi-theme-font:minor-bidi;  mso-fareast-language:EN-US;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="line-height: 115%;"&gt;Artefact Description&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;The sixth artefact was a non-functional prototype of a ‘professional news website’ with a unique selling point that users can upload media content to the articles. Participants then answered a questionnaire about the mock-up.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="line-height: 115%;"&gt;Artefact Analysis and Evaluation&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;My previous artefacts found that infotainment is becoming more and more expected to accompany news articles, putting pressure on news organisations to deliver. I also found that citizen journalism is becoming more and more prolific due to the availability of blogs, and their freedom to create more conversational content has put pressure on professional news sites to ensure they still have the interest of their consumers.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Subsequently, for this artefact I wanted to test a theory that a combination of citizen journalism and infotainment could pressure the online news industry into reshaping their business models to allow contribution of media content from the public, to assist articles that would otherwise be text based. I built a non-functional mock-up of a professional news website that allowed users to upload media content to articles and asked participants to look at the design and get a good idea of how the site might operate. Finally, participants (who were experienced/enthusiastic web users) answered a questionnaire, providing contextualised answers. This allowed me to acquire informed and educated qualitative data.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Firstly, 100% of participants said they would rather read the article in the mock-up if it included media content, strengthening the findings from my earlier artefacts.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Additionally, participants were cautiously positive that a scheme like the one in my prototype could be successful on the website of a large news organisation, but showed awareness of the possible pro’s and con’s.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Furthermore I found that generally, participants thought that it would be difficult to maintain credibility when utilising such a scheme; however, as long it was carefully regulated, this issue should remain minimal.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;To conclude, responses suggest that citizen journalism contribution to professional news websites will only increase in significance, through more prioritised discussion areas and through the need to supply consumers with actual event footage.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8722631412080356809?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8722631412080356809/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8722631412080356809' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8722631412080356809'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8722631412080356809'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/05/artefact-6-evaluation.html' title='Artefact 6 Evaluation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4843516003031912908</id><published>2011-05-03T11:18:00.001+01:00</published><updated>2011-05-10T11:29:28.148+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Artefact 6</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Following on from my previous place, I have come up with what I feel to be an appropriate solution in order to tie everything together and reach some logical conclusions.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I have a built a non-functional mock-up of a hypothetical, professional news website, which has a unique selling point that it allows and encourages its users to upload media content for possible inclusion in the articles.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" href="http://stephengreig.co.uk/artefact-six/images/news-time.jpg"&gt;View the mock-up&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The &lt;/span&gt;&lt;a style="font-family: arial;" href="http://stephengreig.co.uk/artefact-six/"&gt;actual artefact&lt;/a&gt;&lt;span style="font-family:arial;"&gt; asks participants to take a good look at the mock-up and try to get an idea of how the site might operate.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;It then asks participants to answer a few questions, which each ask for reasoned responses, so I could gain contextual answers and useful qualitative data.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;From this artefact, I ultimately want to get an idea of whether these factors are reshaping the news media industry's business models and how they are having to reshape them.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4843516003031912908?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4843516003031912908/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4843516003031912908' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4843516003031912908'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4843516003031912908'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/05/artefact-6.html' title='Artefact 6'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1393307462915654983</id><published>2011-05-01T10:40:00.000+01:00</published><updated>2011-05-10T11:01:38.901+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Planning for Artefact 6</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Artefact six represents the last time I will be looking to acquire first hand research into my personal research project. I want to use this opportunity to tie everything together that I have looked at previously, and attempt to compile actual conclusions that will go some way to answering my original research question.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-style: italic;font-family:georgia;" &gt;"What are the pressures that are reshaping the contemporary news media publishing industry, as it adapts to opportunities made available by online platforms?&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-family:georgia;"&gt;"&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;In order to achieve my aforementioned aim, I looked back at my previous artefacts and assessed my conclusions and the progression I made along with the reasons for that progression.&lt;br /&gt;&lt;br /&gt;Firstly, I had already gained evidence to suggest that 'infotainment' (news in the form of video/audio/images) is becoming more and more of an expectancy with consumers, as the Internet has matured and connections have improved. This has put an increasing amount of pressure on news organisations to deliver news in a variety of formats in addition to just text.&lt;br /&gt;&lt;br /&gt;I also found that Citizen Journalism (amateur/untrained footage) has become more prolific with the growth of the Internet, due to the availability of web space (namely, blos). Additionally, the freedom they enjoy to write more subjective and conversational content has put pressure on the professional news organisations to ensure they can still provoke similar or greater levels of interest with their consumers.&lt;br /&gt;&lt;br /&gt;So, with the above points at the forefront of my mind, I felt that a logical progression for my final artefact would be to address whether a combination of infotainment and citizen journalism could really pressure the online news industry into reshaping their business models in order to allow public contribution of media content to assist news stories that would otherwise be text based.&lt;br /&gt;&lt;br /&gt;With a firm foundation in place for my final research artefact, it's time to start planning the actual thing!&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1393307462915654983?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1393307462915654983/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1393307462915654983' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1393307462915654983'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1393307462915654983'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/05/planning-for-artefact-6.html' title='Planning for Artefact 6'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5968845348327354361</id><published>2011-04-10T11:15:00.002+01:00</published><updated>2011-05-10T11:17:37.065+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Artefact 5 Evaluation</title><content type='html'>&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-GB&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;ZH-CN&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:enableopentypekerning/&gt;    &lt;w:dontflipmirrorindents/&gt;    &lt;w:overridetablestylehps/&gt;   &lt;/w:Compatibility&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable  {mso-style-name:"Table Normal";  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-parent:"";  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;  mso-para-margin-top:0cm;  mso-para-margin-right:0cm;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0cm;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:"Calibri","sans-serif";  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:"Times New Roman";  mso-bidi-theme-font:minor-bidi;  mso-fareast-language:EN-US;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;p style="font-weight: bold;font-family:arial;" class="MsoNormal" &gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;Artefact Description&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;The fifth artefact gathered 3 professional news websites and 3 citizen journalist websites and provided a screenshot and short description for each. Participants then had to answer a questionnaire about the trustworthiness and credibility of each site.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt; &lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;/span&gt; &lt;p style="font-weight: bold;font-family:arial;" class="MsoNormal" &gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;Artefact Analysis and Evaluation&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;The previous artefact looked at Citizen Journalism on a small scale, reporting on a particular subject. The results showed that citizen journalist sites can be successful alongside their official counterparts, largely due to the freedom they have to post opinionated articles. I wanted to further my citizen journalist research by looking at its consumer perception.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;I provided participants with screenshots and a description of three well known, professional news websites (BBC News, The Independent, The Sun) as well as 3 of the most renowned citizen journalist websites (WikiNews, Drudge Report, OhMyNews), before asking questions about their awareness of the sites and how trustworthy/credible they thought each site was.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;I used this method in order to provide a snapshot of each of the websites, without showing any bias. In terms of awareness, nearly all participants had heard of the professional news websites, whereas the only citizen journalist site participants were aware of was WikiNews, with nearly half being aware of it.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;However, the results showed that awareness doesn’t guarantee users, with only 2/29 and 4/30 saying they actively use The Independent’s and The Sun’s website respectively.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Regarding consumer perception, BBC News and The Independent scored very highly for trustworthiness and credibility, whereas all of the citizen journalist websites scored relatively low. Some reasons given for this included less educated contributors, the fact that anyone can contribute and poor aesthetics in the case of Drudge Report. Interestingly, The Sun also scored very low for trustworthiness, proving that being well established doesn’t necessarily guarantee trust; something which my last artefact’s results suggested.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;In conclusion, Drudge Report proves that unappealing aesthetics can directly affect how credible a news website is perceived. I also found that consumers will doubt the credibility of a citizen journalist website as they assume that their contributors are less educated.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5968845348327354361?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5968845348327354361/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5968845348327354361' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5968845348327354361'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5968845348327354361'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/05/artefact-5-evaluation.html' title='Artefact 5 Evaluation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-2410594455239145980</id><published>2011-04-05T11:03:00.003+01:00</published><updated>2011-05-10T11:15:31.723+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Planning for Artefact 5</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;I found my previous artefact to be very useful in my current research into citizen journalism, drawing sveral conclusions from it.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;For my fifth artefact, I want to move on slightly to look at consumer perception of citizen journalism in terms of trustworthiness and credibility.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;My plan involves gathering a selction of news websites; half of which will be professional news websites and half of which will be citizen journalist websites. I will present participants with a 'snapshot' of each of the websites, including a screenshot and a brief description.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I will then ask participants questions about the various sites, such as how they would rate each of them for trustworthiness and credibility based on their experiences and/or the snapshots I provided.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;My intention is for this artefact to provide an understanding of the general perception of citizen journalist websites compared to professional news websites.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-2410594455239145980?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/2410594455239145980/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=2410594455239145980' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2410594455239145980'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2410594455239145980'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/04/planning-for-artefact-5.html' title='Planning for Artefact 5'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4189552077562146466</id><published>2011-03-30T23:32:00.005+01:00</published><updated>2011-03-30T23:35:58.803+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Artefact 4 Evaluation</title><content type='html'>&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-GB&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;X-NONE&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:dontvertaligncellwithsp/&gt;    &lt;w:dontbreakconstrainedforcedtables/&gt;    &lt;w:dontvertalignintxbx/&gt;    &lt;w:word11kerningpairs/&gt;    &lt;w:cachedcolbalance/&gt;   &lt;/w:Compatibility&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable  {mso-style-name:"Table Normal";  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:"";  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;  mso-para-margin-top:0cm;  mso-para-margin-right:0cm;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0cm;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:"Calibri","sans-serif";  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:"Times New Roman";  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:"Times New Roman";  mso-bidi-theme-font:minor-bidi;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="line-height: 115%;"&gt;Artefact Description&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;The fourth artefact was a Case Study on Citizen Journalism based on data gained from expert interviews with 2 people that run an Official news website and a citizen journalism website respectively. The Case Study was also based on traffic figures and observation of the two websites.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="line-height: 115%;"&gt;Artefact Analysis and Evaluation&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;My third artefact suggested that consumers find infotainment news articles more enjoyable and informative than text-based articles. For my next artefact I wanted to discover the effect of Citizen Journalism and whether it’s as enjoyable, informative and credible as news content from official organisations.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;I interviewed the person who runs the Official news website for a football club and the person who runs a successful Citizen Journalist blog (Bulls News), also on the football club. I asked about the type of content they produce in terms of factuality and subjectivity. Interviewing both parties allowed me to make comparisons and gauge their understanding of what they do.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;I discovered that the Official website was 100% factual, allowing no room for opinion and they are restricted to publishing only the official word. Bulls News however, admitted to often adding their own slant to their stories and reporting on rumours and speculation. They believe this is one of the reasons for their success as when official news has been lacking, they can speculate or ponder, which is more enjoyable for their consumers.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;The research suggested that Official organisations achieve instant credibility with their consumers whereas Citizen Journalists have to work hard to establish themselves and credit their sources to achieve credibility.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;I also concluded that Citizen Journalists lack financial motivation which can cause their websites to stagnate, whereas Official organisations have the financial drive to improve.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Ultimately we can conclude that Citizen Journalism can compete with Official organisations due to the ease and freedom they enjoy. And if the Official site wasn’t as organised as the one in this case study, then a Citizen Journalist website could easily be capable of surpassing its official competitor. So yes, Citizen Journalism is a genuine pressure that the news media industry must be aware of.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4189552077562146466?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4189552077562146466/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4189552077562146466' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4189552077562146466'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4189552077562146466'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/03/artefact-4-evaluation.html' title='Artefact 4 Evaluation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-3594158715421996755</id><published>2011-02-27T22:02:00.003Z</published><updated>2011-02-27T22:05:24.938Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Artefact 3 Evaluation</title><content type='html'>&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-GB&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;X-NONE&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:dontvertaligncellwithsp/&gt;    &lt;w:dontbreakconstrainedforcedtables/&gt;    &lt;w:dontvertalignintxbx/&gt;    &lt;w:word11kerningpairs/&gt;    &lt;w:cachedcolbalance/&gt;   &lt;/w:Compatibility&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable  {mso-style-name:"Table Normal";  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:"";  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;  mso-para-margin-top:0cm;  mso-para-margin-right:0cm;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0cm;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:"Calibri","sans-serif";  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:"Times New Roman";  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:"Times New Roman";  mso-bidi-theme-font:minor-bidi;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;I put together two web pages, both featuring the same news article; however one also included a video and pictures. I then sent the two versions to 2 sets of 10 people, who then filled out 1 of 2 questionnaires (depending on which article they read) to indicate how they rated various aspects of the article they read.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Conducting the experiment in this way allowed me to make direct comparisons between the 2 article versions and identify whether there were any clear and consistent differences between them.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;The majority of the questions on both questionnaires were the same so I could make direct comparisons as previously stated. However, I also added more questions specific to each article which I believed were relevant. For example, for the text based article questionnaire, I asked what would improve the article. This allowed me to see whether people felt elements such as video or pictures would improve a standard, text-based news article.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Interestingly, 80% of those that read the text only article felt that pictures would have been beneficial to the article and 50% thought that a video would also have improved it.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Another article specific question asked whether those that read the infotainment article felt that the video benefitted the article. 70% stated that it did, suggesting that they found it useful and enjoyed receiving news in this format.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;Generally the results slightly favoured the infotainment article, as it rated 7.8 out of 10 for enjoyment compared to 6.1 for the text based article. The infotainment article also rated 8.2 for how informative it was compared to 7.1 for the text based article. These results show a slight preference for news in the form of infotainment but the results were only marginal and hardly conclusive.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-3594158715421996755?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/3594158715421996755/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=3594158715421996755' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3594158715421996755'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3594158715421996755'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/artefact-3-evaluation_27.html' title='Artefact 3 Evaluation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6718946122571982229</id><published>2011-02-21T03:11:00.005Z</published><updated>2011-02-21T03:26:58.545Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Third Artefact</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;For my third artefact I decided to explore consumer preferences in terms of news content, in order to determine whether they prefer their news in the form of 'infotainment' (pictures and videos etc.) or static, text-based news content.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I did this by making 2 different articles for the same news story. The first simply had text content:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" href="http://stephengreig.co.uk/xperia-part-one/"&gt;http://stephengreig.co.uk/xperia-part-one/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The second had text content plus pictures and a video:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" href="http://stephengreig.co.uk/xperia-part-two/"&gt;http://stephengreig.co.uk/xperia-part-two/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The participants then completed 1 of 2 surveys (depending on which article they read) to indicate how they rated various aspects of the article they read.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I have made an infographic to show the results and conclusions of my 3rd artefact:&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;(Click to enlarge)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://fc06.deviantart.net/fs71/f/2011/051/0/6/research_artefact_infographic_by_ste68-d3a1104.jpg"&gt;&lt;img style="cursor: pointer; width: 62px; height: 200px;" src="http://3.bp.blogspot.com/-5XK_5r1nfIc/TWHZKaraDoI/AAAAAAAAAdE/vXJHaZR0y7g/s200/Infographic.jpg" alt="" id="BLOGGER_PHOTO_ID_5575976586644688514" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6718946122571982229?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6718946122571982229/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6718946122571982229' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6718946122571982229'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6718946122571982229'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/third-artefact.html' title='Third Artefact'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-5XK_5r1nfIc/TWHZKaraDoI/AAAAAAAAAdE/vXJHaZR0y7g/s72-c/Infographic.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7416983177661671050</id><published>2011-02-12T02:00:00.002Z</published><updated>2011-02-12T02:01:29.805Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Second Artefact Analysis and Evaluation</title><content type='html'>&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-GB&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;X-NONE&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:dontvertaligncellwithsp/&gt;    &lt;w:dontbreakconstrainedforcedtables/&gt;    &lt;w:dontvertalignintxbx/&gt;    &lt;w:word11kerningpairs/&gt;    &lt;w:cachedcolbalance/&gt;   &lt;/w:Compatibility&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable  {mso-style-name:"Table Normal";  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:"";  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;  mso-para-margin-top:0cm;  mso-para-margin-right:0cm;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0cm;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:"Calibri","sans-serif";  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:"Times New Roman";  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:"Times New Roman";  mso-bidi-theme-font:minor-bidi;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;p  style="font-weight: bold; font-family: arial;font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;Artefact Description&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;The second artefact was a mini website which aimed to discover whether consumers are more willing to click on links to news articles with videos.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  style="font-weight: bold; font-family: arial;font-family:arial;" class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;Artefact Analysis and Evaluation&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;The results of this experiment were recorded using ClickHeat, an open source heatmap that allowed me to see how many times each link was clicked. This proved very useful as I could see visually, which links were getting the most clicks throughout the experiment rather than only at the end. A disadvantage of using this method was the accuracy of the results, as I had to manually count the number of clicks on each link, which could have led to marginal inaccuracies in the numbers recorded.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;The eight article links were laid out side by side in three rows. I feel that it is possible the placement of the links may have affected the results; for example, the first article link (which didn’t include a video) on the page received the most amount of clicks by a clear distance with 37 clicks. This particular result appeared to be an anomaly, as it was not in keeping with the general trend produced by the other results.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;The other results consistently displayed a slightly greater number of clicks for the article links containing videos. Although the video links generally seemed to record better numbers, this conclusion is questioned by the one non-video link that recorded the most clicks of all. As previously stated, this may be because it was the first link on the page. Alternatively, it may have been the subject matter of this particular news story that attracted clicks, regardless of whether or not it had a video. This points out a possible flaw in my research methodology, as the reliability of the results must be questioned due to the fact that the subject matter of the articles may be the sole reason that people clicked on them, not necessarily due to it containing a video.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;I feel that this artefact shows, if only slightly, that news articles with videos attract more clicks, suggesting that ‘&lt;i style=""&gt;infotainment&lt;/i&gt;’ is one of the pressures that is reshaping the news media industry. However, this artefact is far from proof and I would like to explore this area further.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7416983177661671050?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7416983177661671050/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7416983177661671050' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7416983177661671050'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7416983177661671050'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/second-artefact-analysis-and-evaluation.html' title='Second Artefact Analysis and Evaluation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8209655734690062513</id><published>2011-02-11T22:21:00.002Z</published><updated>2011-02-11T22:25:28.947Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>News Time - Second Artefact Presentation</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;Here are the slides for my presentation of my 2nd artefact which I have dubbed 'News Time'. The presentation outlines my rationale for doing this artefact, the results I recorded and the conclusions I have come to.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-dON8b-1BocI/TVW3LqNz8pI/AAAAAAAAAc8/gvvi5W0vil8/s1600/Slide1.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://1.bp.blogspot.com/-dON8b-1BocI/TVW3LqNz8pI/AAAAAAAAAc8/gvvi5W0vil8/s200/Slide1.JPG" alt="" id="BLOGGER_PHOTO_ID_5572561524879520402" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-qya_G4zZ-zA/TVW3Ltsx3qI/AAAAAAAAAc0/LryDvo7qphA/s1600/Slide2.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/-qya_G4zZ-zA/TVW3Ltsx3qI/AAAAAAAAAc0/LryDvo7qphA/s200/Slide2.JPG" alt="" id="BLOGGER_PHOTO_ID_5572561525814714018" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-0YocAuIZ3G8/TVW3LHDFGMI/AAAAAAAAAcs/58IokyhEegY/s1600/Slide3.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://1.bp.blogspot.com/-0YocAuIZ3G8/TVW3LHDFGMI/AAAAAAAAAcs/58IokyhEegY/s200/Slide3.JPG" alt="" id="BLOGGER_PHOTO_ID_5572561515439265986" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-bZ_Z3gSY1QY/TVW3K5MravI/AAAAAAAAAck/6ecPfhw26sw/s1600/Slide4.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/-bZ_Z3gSY1QY/TVW3K5MravI/AAAAAAAAAck/6ecPfhw26sw/s200/Slide4.JPG" alt="" id="BLOGGER_PHOTO_ID_5572561511721429746" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/-i66v3eDvecI/TVW3Kpi5goI/AAAAAAAAAcc/2cICv_tQ7mI/s1600/Slide5.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/-i66v3eDvecI/TVW3Kpi5goI/AAAAAAAAAcc/2cICv_tQ7mI/s200/Slide5.JPG" alt="" id="BLOGGER_PHOTO_ID_5572561507519660674" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8209655734690062513?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8209655734690062513/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8209655734690062513' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8209655734690062513'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8209655734690062513'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/news-time-second-artefact-presentation.html' title='News Time - Second Artefact Presentation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-dON8b-1BocI/TVW3LqNz8pI/AAAAAAAAAc8/gvvi5W0vil8/s72-c/Slide1.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8197231144733104885</id><published>2011-02-08T03:12:00.005Z</published><updated>2011-02-08T03:22:54.311Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Artefact Two - News Time</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I have now completed my second artefact, which I have dubbed 'News Time'. My first artefact was inconclusive as to whether people would be more willing to read a news article if it included a video. Despite this I believe that in a more covert study that the majority of people will click on news stories with videos, as I feel it is more of a sub-conscious decision.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;So this artefact is a mini-website featuring links to 8 news stories, 4 with videos and 4 without, which are clearly indicated. I will then measure the amount of clicks that each news story gets using a piece of software called 'ClickHeat'. ClickHeat is free to download and all I had to do was include the files in my root folder of my website and insert a few lines of JavaScript into my code.&lt;br /&gt;&lt;br /&gt;Ultimately, this artefact will go some way to identifying whether '&lt;span style="font-style: italic;"&gt;infotainment&lt;/span&gt;' is a real pressure that is reshaping the news media industry.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;font-size:100%;"  &gt;You can view my second artefact my clicking the image below:&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://stephengreig.co.uk/news-time/"&gt;&lt;img style="cursor: pointer; width: 200px; height: 108px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/TVC1I_4--nI/AAAAAAAAAcM/ecSSG8J414U/s200/news-time.jpg" alt="" id="BLOGGER_PHOTO_ID_5571151905251326578" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8197231144733104885?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8197231144733104885/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8197231144733104885' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8197231144733104885'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8197231144733104885'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/artefact-two-news-time.html' title='Artefact Two - News Time'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/TVC1I_4--nI/AAAAAAAAAcM/ecSSG8J414U/s72-c/news-time.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8155109443427596511</id><published>2011-02-08T03:06:00.003Z</published><updated>2011-02-08T03:10:40.443Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='Client Project'/><title type='text'>Client Project Pages and Courses</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;Back before I started the project, my client SPS sent me 2 Excel Spreadsheets; one a fairly basic list of pages for the website; the other a much more complex document detailing all of the courses and their categories and sub-categories. Here are a couple of screenshots of the spreadsheets:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial; font-weight: bold;"&gt;Pages&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/TVCz6ujU6sI/AAAAAAAAAb8/_E1Qe6QcMEo/s1600/sps-6.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 108px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/TVCz6ujU6sI/AAAAAAAAAb8/_E1Qe6QcMEo/s200/sps-6.jpg" alt="" id="BLOGGER_PHOTO_ID_5571150560567290562" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial; font-weight: bold;"&gt;Courses&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/TVCz7bKYvRI/AAAAAAAAAcE/vzFoxcP9KKY/s1600/sps-5.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 108px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/TVCz7bKYvRI/AAAAAAAAAcE/vzFoxcP9KKY/s200/sps-5.jpg" alt="" id="BLOGGER_PHOTO_ID_5571150572542278930" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8155109443427596511?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8155109443427596511/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8155109443427596511' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8155109443427596511'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8155109443427596511'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/client-project-pages-and-courses.html' title='Client Project Pages and Courses'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/TVCz6ujU6sI/AAAAAAAAAb8/_E1Qe6QcMEo/s72-c/sps-6.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-2208202120992122272</id><published>2011-02-08T02:41:00.003Z</published><updated>2011-02-08T02:54:47.270Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='Client Project'/><title type='text'>Client Project Progress</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;I am still in the design stage of my client project website design, but have made a lot progress since my last update. I have designed the look of the internal pages and made ammendments to the basic template as requested by the client, whom I have been in regular contact with via phone and email. They client, SPS, have had a new logo professionally designed with my website design in mind, which I have subsequently added to the site.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/TVCuICSK_kI/AAAAAAAAAb0/E2K9QXjoULs/s1600/sps-1.jpg"&gt;&lt;img style="cursor: pointer; width: 129px; height: 200px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/TVCuICSK_kI/AAAAAAAAAb0/E2K9QXjoULs/s200/sps-1.jpg" alt="" id="BLOGGER_PHOTO_ID_5571144192132578882" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The above is how the course list pages will look. The courses have been split into 3 categories which all feature in the main nav menu and which all have their own sub-categories. In order to simplify this multi-level hier-archy of courses, I plan to implement a jQuery dropdown menu on each of the course list pages. In the above shot you can see the sub-category menu; when one of these is clicked, the actual course page links will slide down below.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/TVCuHtwtiCI/AAAAAAAAAbs/xRo02Pc2Qt8/s1600/sps-2.jpg"&gt;&lt;img style="cursor: pointer; width: 129px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/TVCuHtwtiCI/AAAAAAAAAbs/xRo02Pc2Qt8/s200/sps-2.jpg" alt="" id="BLOGGER_PHOTO_ID_5571144186623526946" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The above screenshot is how the sub-category menu will look when an option has been clicked on and it is expanded.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/TVCuHa9wlTI/AAAAAAAAAbk/K5Axa6pCoYc/s1600/sps-3.jpg"&gt;&lt;img style="cursor: pointer; width: 129px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/TVCuHa9wlTI/AAAAAAAAAbk/K5Axa6pCoYc/s200/sps-3.jpg" alt="" id="BLOGGER_PHOTO_ID_5571144181577979186" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;This screenshot above is an rough design of how the actual course pages will look. They will all feature sections such as location, duration, description and so on.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/TVCuHFZrKHI/AAAAAAAAAbc/J2xkiwuKkys/s1600/sps-4.jpg"&gt;&lt;img style="cursor: pointer; width: 129px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/TVCuHFZrKHI/AAAAAAAAAbc/J2xkiwuKkys/s200/sps-4.jpg" alt="" id="BLOGGER_PHOTO_ID_5571144175789484146" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;This is the design I have done for the contact page. I have organised all of the necessary of the content, so the company's contact details are instantly visible as well as the contact form.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-2208202120992122272?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/2208202120992122272/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=2208202120992122272' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2208202120992122272'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2208202120992122272'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/client-project-progress.html' title='Client Project Progress'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/TVCuICSK_kI/AAAAAAAAAb0/E2K9QXjoULs/s72-c/sps-1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7561955568908255245</id><published>2011-02-01T00:47:00.002Z</published><updated>2011-02-01T01:21:02.701Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='questionnaire'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>First Artefact Analysis and Evaluation</title><content type='html'>&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-GB&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;X-NONE&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:dontvertaligncellwithsp/&gt;    &lt;w:dontbreakconstrainedforcedtables/&gt;    &lt;w:dontvertalignintxbx/&gt;    &lt;w:word11kerningpairs/&gt;    &lt;w:cachedcolbalance/&gt;   &lt;/w:Compatibility&gt;   &lt;w:browserlevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable  {mso-style-name:"Table Normal";  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:"";  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;  mso-para-margin-top:0cm;  mso-para-margin-right:0cm;  mso-para-margin-bottom:10.0pt;  mso-para-margin-left:0cm;  line-height:115%;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:"Calibri","sans-serif";  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:"Times New Roman";  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:"Times New Roman";  mso-bidi-theme-font:minor-bidi;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="line-height: 115%;"&gt;Artefact Description&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;The first artefact was an online questionnaire which aimed to find out how people access news as well as other general news consumption habits.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;b style=""&gt;&lt;span style="line-height: 115%;"&gt;Artefact Analysis and Evaluation&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="font-family: arial;font-family:arial;"  class="MsoNormal"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;&lt;span style=""&gt;            &lt;/span&gt;My online survey was completed by 78 people and highlighted several interesting points; some of which confirmed my expectations and others that surprised me.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="text-indent: 36pt; font-family: arial;font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;The majority of people indicated that they use a TV to access news (65 of 78) but only 20% of these people identified it as their primary source of news, whereas 43% of desktop computer users and 41% of laptop users claim that these mediums are their main ways of accessing news. The mobile phone also proved a popular way of accessing news (45 of 78), but only 10 of these 45 people said it was their main news source, suggesting that it is used for convenience when other, more preferable mediums are not available.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="text-indent: 36pt; font-family: arial;font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;Surprisingly, 47% of the people surveyed still access news via newspapers; however only 1 of these people said it was their main news source. This is further proof that online news consumers are the primary audience, which needs to be reflected in the business models of news organisations.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="text-indent: 36pt; font-family: arial;font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;The survey also pointed out that consumers are selective in their consumption as 59% access news via specific interest news websites; however it appears that this is not &lt;i style=""&gt;instead of &lt;/i&gt;but &lt;i style=""&gt;as well as&lt;/i&gt; accessing general news, as 80% claimed to access news via general news websites as well.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="text-indent: 36pt; font-family: arial;font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;Interestingly, despite 87% of people claiming to access news daily or even more frequently, only 2 of the 78 people surveyed claim to purchase a newspaper daily. In addition to this, a 57% majority indicated that they never purchase a newspaper at all. These findings strongly highlight the need for news organisations to utilise sustainable online business models, as my survey indicates that the printed market is losing numbers.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="text-indent: 36pt; font-family: arial;font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;A huge 73% majority stated that they would not be willing to pay for online news content, which suggests that the subscription-based online business model would not be effective in generating revenue or sustaining a customer base.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="text-indent: 36pt; font-family: arial;font-family:arial;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="line-height: 115%;"&gt;Finally, my survey was inconclusive as to whether news content is being forced to become ‘&lt;i&gt;infotainment&lt;/i&gt;’ in order to maintain consumer numbers, as the results were very even when asked if they would rather read an article with an accompanying video. I still feel that in a more covert study, more people would read a news article if accompanied by a video as I believe it is more of a &lt;span style=""&gt;sub-conscious decision&lt;b&gt; &lt;/b&gt;&lt;/span&gt;rather than a rationally thought out decision.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7561955568908255245?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7561955568908255245/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7561955568908255245' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7561955568908255245'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7561955568908255245'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/02/first-artefact-analysis-and-evaluation.html' title='First Artefact Analysis and Evaluation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8830258768713753736</id><published>2011-01-31T01:19:00.006Z</published><updated>2011-02-10T18:21:21.290Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>How do you Access News? First Artefact Presentation</title><content type='html'>&lt;span style="font-family:arial;"&gt;Here are the slides for my presentation of my first artefact; a  questionnaire which attempts to identify peoples general news  consumption habits.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/TUYPeS7EkUI/AAAAAAAAAbQ/97THp2jG-ok/s1600/Slide1.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/TUYPeS7EkUI/AAAAAAAAAbQ/97THp2jG-ok/s200/Slide1.JPG" alt="" id="BLOGGER_PHOTO_ID_5568155002440290626" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/TUYPeMYmWgI/AAAAAAAAAbI/1xhCD_YPCbU/s1600/Slide2.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/TUYPeMYmWgI/AAAAAAAAAbI/1xhCD_YPCbU/s200/Slide2.JPG" alt="" id="BLOGGER_PHOTO_ID_5568155000685091330" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/TUYPXmIeM2I/AAAAAAAAAbA/BiTkCU3GIBI/s1600/Slide3.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/TUYPXmIeM2I/AAAAAAAAAbA/BiTkCU3GIBI/s200/Slide3.JPG" alt="" id="BLOGGER_PHOTO_ID_5568154887337685858" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/TUYPVzs_NDI/AAAAAAAAAa4/QjSFBWU3iEs/s1600/Slide4.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/TUYPVzs_NDI/AAAAAAAAAa4/QjSFBWU3iEs/s200/Slide4.JPG" alt="" id="BLOGGER_PHOTO_ID_5568154856620766258" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/TUYPV4ZS7jI/AAAAAAAAAaw/LlX89G9YQ8A/s1600/Slide5.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/TUYPV4ZS7jI/AAAAAAAAAaw/LlX89G9YQ8A/s200/Slide5.JPG" alt="" id="BLOGGER_PHOTO_ID_5568154857880350258" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/TUYPVC1wmyI/AAAAAAAAAao/xKBp_hKSyIM/s1600/Slide6.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/TUYPVC1wmyI/AAAAAAAAAao/xKBp_hKSyIM/s200/Slide6.JPG" alt="" id="BLOGGER_PHOTO_ID_5568154843504220962" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-Ebe1XnBvveE/TVQseIbyq0I/AAAAAAAAAcU/cWqMoYoxgYY/s1600/Slide7.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://1.bp.blogspot.com/-Ebe1XnBvveE/TVQseIbyq0I/AAAAAAAAAcU/cWqMoYoxgYY/s200/Slide7.jpg" alt="" id="BLOGGER_PHOTO_ID_5572127535135894338" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/TUYPUxz_NEI/AAAAAAAAAag/BKQ565CZlRs/s1600/Slide7.JPG"&gt;&lt;br /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8830258768713753736?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8830258768713753736/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8830258768713753736' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8830258768713753736'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8830258768713753736'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/01/how-do-you-access-news-first-artefact.html' title='How do you Access News? First Artefact Presentation'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/TUYPeS7EkUI/AAAAAAAAAbQ/97THp2jG-ok/s72-c/Slide1.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-187288625880208030</id><published>2011-01-30T12:24:00.004Z</published><updated>2011-01-30T12:36:45.117Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='Client Project'/><title type='text'>Initial Client Project Designs</title><content type='html'>&lt;span style="font-family:arial;"&gt;I have completed a couple of initial designs for my client, SPS - just click on them to see the full size images.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/TUVZbIwopMI/AAAAAAAAAaQ/kN8q-7LAcUM/s1600/sps-1.jpg"&gt;&lt;img style="cursor: pointer; width: 116px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/TUVZbIwopMI/AAAAAAAAAaQ/kN8q-7LAcUM/s200/sps-1.jpg" alt="" id="BLOGGER_PHOTO_ID_5567954837056300226" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;In terms of the colour scheme, the client wanted the site to be recognisable and loosely in keeping with their brand colours. I therefore strongly implemented their green colour throughout the design but in order to maintain that propfessional, corporate feel, the primary colours I've used in both designs are whites/greys and blacks/dark greys.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/TUVZbYgm4fI/AAAAAAAAAaY/DXgeTnFTC38/s1600/sps-2.jpg"&gt;&lt;img style="cursor: pointer; width: 126px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/TUVZbYgm4fI/AAAAAAAAAaY/DXgeTnFTC38/s200/sps-2.jpg" alt="" id="BLOGGER_PHOTO_ID_5567954841284043250" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This design has a tabbed box near the top of the page which will operate as a jQuery slider. I like the concept of this feature as it encourages user interactivity and allows me to include more information on the homepage without causing it to be too cluttered.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I like the two designs, but I believe the one I will be progressing with is the second design with the darker colour scheme. I think this design is more appropriate and has a lot more scope to fit in the vast amount of data I have to include.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-187288625880208030?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/187288625880208030/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=187288625880208030' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/187288625880208030'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/187288625880208030'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/01/initial-client-project-designs.html' title='Initial Client Project Designs'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/TUVZbIwopMI/AAAAAAAAAaQ/kN8q-7LAcUM/s72-c/sps-1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4771160118399624001</id><published>2011-01-30T03:13:00.003Z</published><updated>2011-01-30T03:27:45.322Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='spp'/><title type='text'>SPP Update</title><content type='html'>&lt;span style="font-family: arial;"&gt;The SPP deadline is fast approaching which includes the submission of:&lt;/span&gt;&lt;br /&gt;&lt;ul style="font-family: arial;"&gt;&lt;li&gt;Job Application Forms (if applicable)&lt;/li&gt;&lt;li&gt;Job Cover Letter&lt;/li&gt;&lt;li&gt;4 Job Descriptions&lt;/li&gt;&lt;li&gt;CV&lt;/li&gt;&lt;li&gt;Post Grad Course App Forms (if applicable)&lt;/li&gt;&lt;li&gt;Post Grad Course Cover Letter&lt;/li&gt;&lt;li&gt;4 Post Grad Course Descriptions&lt;/li&gt;&lt;li&gt;1000 word rationale&lt;/li&gt;&lt;li&gt;Portfolio Website&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-family: arial;"&gt;In terms of the job application, I recently applied for a Web Designer position at a local Web Design agency in Nottingham, which was successful. So I am using the application I put together for that with some tweaks here and there to tidy it up a bit.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I've found 4 suitable post graduate courses but I haven't yet completed the cover letter and there are no application forms to complete.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I have also refined my CV which I had previously designed and compiled.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;My new portfolio website was a very large project which I have been working on for months; it is now nearing completion and will be ready for submission shortly.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Finally, that leaves the 1000 word rationale which I still have left to do as well.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4771160118399624001?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4771160118399624001/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4771160118399624001' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4771160118399624001'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4771160118399624001'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/01/spp-update.html' title='SPP Update'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5036876799050287253</id><published>2011-01-28T00:54:00.004Z</published><updated>2011-01-30T01:19:10.090Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='questionnaire'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>First Artefact</title><content type='html'>&lt;span style="font-family: arial;"&gt;My last post (regarding my plans for the artefacts) appears to have turned out to be rather naive. The idea, which I misunderstood, is to investigate one area that seems the most interesting or that holds the most potential in terms of useful findings. Whereas the artefacts I had planned investigate many different aspects of my research topic.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Therefore, for my first artefact I am doing a questionnaire which I hope will provide context and an insight into the habits of todays news consumers. Then I can look at those results and decide which area would be best to look further into before planning my second artefact.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The questionnaire can be found here: &lt;a href="http://www.surveymonkey.com/s/WQ7FYBM"&gt;http://www.surveymonkey.com/s/WQ7FYBM&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5036876799050287253?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5036876799050287253/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5036876799050287253' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5036876799050287253'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5036876799050287253'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/01/first-artefact.html' title='First Artefact'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4100726742795070429</id><published>2010-12-05T00:39:00.000Z</published><updated>2011-01-30T01:17:34.170Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='Client Project'/><title type='text'>Client Info</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.safetyproblemsolutions.com/images/imgcontent/news-images/sps-logo.jpg"&gt;&lt;img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 187px; height: 132px;" src="http://www.safetyproblemsolutions.com/images/imgcontent/news-images/sps-logo.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;My client for my Live Client Project is a training company based in Nottingham called Safety Problem Solutions Ltd. They offer hundreds of courses and qualifications in driving, construction, safety and many more areas.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;All of these courses will need to be presented on the website, making the project a very large scale prospect. I will need to create and populate a database system in order to handle the sheer amount of data that needs to be presented on the site. A dynamic system will make the project easier to handle and will ensure the site is much easier to maintain in the future. I also propose to develop a Content Management System which will allow me and/or the client to add, edit and delete data from the database via a customly designed interface.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4100726742795070429?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4100726742795070429/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4100726742795070429' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4100726742795070429'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4100726742795070429'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/01/client-info.html' title='Client Info'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4618079217740374025</id><published>2010-12-01T00:11:00.003Z</published><updated>2010-12-01T00:31:40.006Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='media publishing'/><category scheme='http://www.blogger.com/atom/ns#' term='Artefacts'/><title type='text'>Outline of Artefacts</title><content type='html'>&lt;span style="font-family: arial;"&gt;This post outlines the artefacts I intend to create in term two. As of now, I have planned 5 of my artefacts, leaving just one more.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Artefact One&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic; font-family: arial;"&gt;Twitter Based New Aggregator&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;What?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt; For this artefact, I will be creating a Twitter based news aggregator which will contain tweets reporting news, each with a link to the full story. I will then measure the number of people who view the tweets only and those who also click on the links to the full news story.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Why?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt; This artefact will attempt to identify the value of Twitter and other social networks as a news provider in their own right or whether they only act as 'taster' services and require backup from further reading.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Artefact Two&lt;/span&gt;&lt;br /&gt; &lt;span style="font-style: italic; font-family: arial;"&gt;Subscriptions Mini-site&lt;/span&gt;&lt;br /&gt; &lt;span style="font-weight: bold; font-family: arial;"&gt;What?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt;  For this artefact, I will be creating a small and to the point, promotional website for &lt;span style="font-style: italic;"&gt;The Times&lt;/span&gt; website (the only major UK newspaper to charge for online content). The site will feature an option to proceed if you want to know more about subscribing and an option to decline proceeding any further.&lt;/span&gt;&lt;br /&gt; &lt;span style="font-weight: bold; font-family: arial;"&gt;Why?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt;  This artefact will help to see if a subscription-only business model is a feasible model for the future of online news content.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Artefact Three&lt;/span&gt;&lt;br /&gt;  &lt;span style="font-style: italic; font-family: arial;"&gt;Questionnaire&lt;/span&gt;&lt;br /&gt;  &lt;span style="font-weight: bold; font-family: arial;"&gt;What?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt;  This artefact will be a paper-based questionnaire featuring general questions regarding the way in which people access their news today.&lt;/span&gt;&lt;br /&gt;  &lt;span style="font-weight: bold; font-family: arial;"&gt;Why?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt;  This artefact will help provide context and is likely to demonstrate the variety of different mediums being used to access news in todays age.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Artefact Four&lt;/span&gt;&lt;br /&gt;   &lt;span style="font-style: italic; font-family: arial;"&gt;Selective Consumption Mini-site&lt;/span&gt;&lt;br /&gt;   &lt;span style="font-weight: bold; font-family: arial;"&gt;What?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt;  This artefact will be a small website with large clear links to BBC Home/BBC Sport/BBC Entertainment etc. It will prompt people to click on the BBC Home link if they want a general collection of todays news, or the BBC Sport link if they just want todays sports headlines and so on.&lt;/span&gt;&lt;br /&gt;   &lt;span style="font-weight: bold; font-family: arial;"&gt;Why?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt;  This artefact will help to measure how selective consumers have become today.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Artefact Five&lt;/span&gt;&lt;br /&gt;    &lt;span style="font-style: italic; font-family: arial;"&gt;Expert Interview&lt;/span&gt;&lt;br /&gt;    &lt;span style="font-weight: bold; font-family: arial;"&gt;What?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt; This artefact will be an interview with an industry professional; more specifically, an employee of a news company who distribute their news through both print and online channels.&lt;/span&gt;&lt;br /&gt;    &lt;span style="font-weight: bold; font-family: arial;"&gt;Why?:&lt;/span&gt;&lt;span style="font-family: arial;"&gt;  This artefact will provide reliable, qualitative research on the current state of the newspaper market and help to measure the level of success of online news.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Artefact Six&lt;/span&gt;&lt;br /&gt;     &lt;span style="font-style: italic; font-family: arial;"&gt;?&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4618079217740374025?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4618079217740374025/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4618079217740374025' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4618079217740374025'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4618079217740374025'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/12/outline-of-artefacts.html' title='Outline of Artefacts'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1095828034979558885</id><published>2010-11-30T23:53:00.003Z</published><updated>2010-12-01T00:05:59.120Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='media publishing'/><title type='text'>Personal Research Paper</title><content type='html'>&lt;span style="font-family:arial;"&gt;So, over the last 4/5 weeks I've put a lot of work into my PRP module. Originally, I had planned to explore the areas of CSS3 and HTML5, as these are the cutting edge technologies of my area of interest; web design. However, after discussion with my tutor we agreed that this topic did not have enough scope or background research.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;After much thought I moved onto the effect that Internet has had on the business world. This was refined to concentrate on the media publishing industry and the final refinement was to specifically look at the news media publishing industry. So my final research question is as follows:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;br /&gt;&lt;span style="font-style: italic; font-weight: bold;font-family:arial;" &gt;What are the pressures that continue to shape the contemporary news media publishing industry as it adapts to new opportunities made available by online platforms?&lt;/span&gt;&lt;/blockquote&gt;&lt;span style="font-style: italic; font-weight: bold;font-family:arial;" &gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I read the relevant chapters of several pieces of literature during my research and noted down all quotes that I thought may be of use to me as well as all the terms that I thought may be interesting to talk about in my paper. I ended up with 16 pages worth of quotes and research notes which made subsequent work regarding my PRP a lot easier to handle.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;After having done my research I planned each section of the document down to each point so I knew everything that I wanted to discuss in the paper, meaning all I had to do then was articulate the points I had noted down. I have since submitted my first draft and received largely positive comments from my tutor.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;To provide a summary of my research document, here is my abstract taken from my first draft:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-GB&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;X-NONE&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:dontvertaligncellwithsp/&gt;    &lt;w:dontbreakconstrainedforcedtables/&gt;    &lt;w:dontvertalignintxbx/&gt;    &lt;w:word11kerningpairs/&gt;    &lt;w:cachedcolbalance/&gt;   &lt;/w:Compatibility&gt;   &lt;w:browserlevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable  {mso-style-name:"Table Normal";  mso-tstyle-rowband-size:0;  mso-tstyle-colband-size:0;  mso-style-noshow:yes;  mso-style-priority:99;  mso-style-qformat:yes;  mso-style-parent:"";  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;  mso-para-margin:0cm;  mso-para-margin-bottom:.0001pt;  mso-pagination:widow-orphan;  font-size:11.0pt;  font-family:"Calibri","sans-serif";  mso-ascii-font-family:Calibri;  mso-ascii-theme-font:minor-latin;  mso-fareast-font-family:"Times New Roman";  mso-fareast-theme-font:minor-fareast;  mso-hansi-font-family:Calibri;  mso-hansi-theme-font:minor-latin;  mso-bidi-font-family:"Times New Roman";  mso-bidi-theme-font:minor-bidi;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;p class="spAuthor" style="margin-right: -7.4pt; text-align: left; line-height: 150%; font-family: arial;" align="left"&gt;&lt;/p&gt;&lt;blockquote&gt;&lt;p class="spAuthor" style="margin-right: -7.4pt; text-align: left; line-height: 150%; font-family: arial;" align="left"&gt;This research paper aims to identify the pressures that are continuing to shape the news media publishing business as it adapts to opportunities made available by online opoortunities. The Internet is at the heart of the challenge to the industry (Ward, 1998) so I will be examining the impact it has had and the challenges it has brought with it.&lt;/p&gt;    &lt;p class="spAuthor" style="margin-right: -7.4pt; text-align: left; line-height: 150%; font-family: arial;" align="left"&gt;Declining newspaper readership, accelerated by the emergence of the Internet, underlines just how important it is for the industry to adapt to online opportunities, as revenue from physical sales dries up. The internets gigantic range of free to access sources has triggered a transition in power from the news provider to the consumer, who can now afford to be “selective in [their] consumption of information” (Stephens, 2007).&lt;/p&gt;    &lt;p class="spAuthor" style="margin-right: -7.4pt; text-align: left; line-height: 150%; font-family: arial;" align="left"&gt;The Internet has also triggered other trends into motion such as citizen journalism (amateur/untrained journalism), which could be a reason for the perceived decrease in credibility of news content today. Furthermore, a new trend of ‘infotainment’ has emerged, with the ever increasing use of videos and audio podcasts to accompany news articles, raising the question; is the printed newspaper still enough to satisfy our entertainment needs?&lt;/p&gt;    &lt;p class="spAuthor" style="margin-right: -7.4pt; text-align: left; line-height: 150%; font-family: arial;" align="left"&gt;News media publishing businesses will have to adapt their business models in order to take advantage of opportunities made available by online platforms. Models involving pay-per-click advertising, donation systems and subscription-based viewing are some of the main business models in use at this time. It has been argued that “Adaption to digital media is not an option, but a strategic necessity” (Birkenshaw, 2002).&lt;/p&gt;    &lt;p class="spAuthor" style="margin-right: -7.4pt; text-align: left; line-height: 150%; font-family: arial;" align="left"&gt;It is fair to conclude that targeting will be utilised in a major way in the coming years in order to maximise revenue generated from online advertising. Additionally, selective consumption habbits may accelerate the demise of the newspaper, but ultimately, it can be concluded that if news media publishing businesses do not embrace the digital age, it is likely they will not be able to compete in the industry.&lt;/p&gt;&lt;/blockquote&gt;&lt;p class="spAuthor" style="margin-right: -7.4pt; text-align: left; line-height: 150%; font-family: arial;" align="left"&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1095828034979558885?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1095828034979558885/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1095828034979558885' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1095828034979558885'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1095828034979558885'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/11/personal-research-paper.html' title='Personal Research Paper'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-938866309796454197</id><published>2010-11-20T01:38:00.000Z</published><updated>2011-01-30T02:11:37.981Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='research'/><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Online News Business Models'/><title type='text'>Donations Online News Business Model</title><content type='html'>&lt;span style="font-family:arial;"&gt;In contrast to the previous business models I have discussed for the monetising of online news content, the donations system relies on the reader for revenue, which involves the reader donating a sum of their choosing to the provider. Such a model can be hard to manage as income levels would vary due to the lack of control the news provider has. However, it could be argued that this model provides the greatest control over their income, as donation levels would be directly affected by the perceived quality of the news content provided. In this sense, the news provider has great control over the level of income they are likely to receive.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Wikipedia (although news is not their primary service) operates on a donations business model, relying on user donations to pay the bills. Recently Wikipedia have introduced a very large banner at the top of the page throughout their website, urging users to donate to keep the site ad-free.&lt;br /&gt;&lt;br /&gt;Personally, I feel that if they need to produce huge banners to push users to donate, is it really any more beneficial than implementing ads on the site? These ads might discourage some from viewing the website due to their intrusive nature; but there are few adverts that would be more intrusive than the huge banner Wikipedia have temporary installed to encourage donations!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-938866309796454197?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/938866309796454197/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=938866309796454197' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/938866309796454197'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/938866309796454197'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2011/01/donations-online-news-business-model.html' title='Donations Online News Business Model'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4045254518528655224</id><published>2010-11-13T01:20:00.002Z</published><updated>2011-01-30T01:38:07.770Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='esearch'/><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='research'/><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Online News Business Models'/><title type='text'>Another Online News Business Model (Ads)</title><content type='html'>&lt;span style="font-family:arial;"&gt;My previous post discussed The Times website and it's move to make all of its online news content viewable on a subscription only basis. This business model is strongly supported by The Times owner, Rupert Murdoch who believes that the viewing of all online news content should be paid for&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;"&gt;As The Times website has shown, this business model can be devasting in terms of website traffic leading other newspaper providers to choose other business models for the distribution of their online content.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Sun and The Daily Mail web&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.nmauk.co.uk/nma/downloads/The_Sun.jpg"&gt;&lt;img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 205px; height: 69px;" src="http://www.nmauk.co.uk/nma/downloads/The_Sun.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;sites have opted to display adverts on their websites as a way of generating income through their online content. These ads can generate revenue through charging a fixed rate to display a particular sized advert banner. Alternatively, sites can recieve income based on the number of clicks an advert has received.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This method allows the newspaper websites to present their news content online free of charge; however these ads can also be rather intrusive and could actually distract or deter the reader from reading the news content.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4045254518528655224?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4045254518528655224/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4045254518528655224' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4045254518528655224'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4045254518528655224'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/10/more-online-news-business-models.html' title='Another Online News Business Model (Ads)'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8031269012773610935</id><published>2010-11-10T23:06:00.001Z</published><updated>2011-01-30T01:37:41.014Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='news'/><category scheme='http://www.blogger.com/atom/ns#' term='research'/><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><category scheme='http://www.blogger.com/atom/ns#' term='Online News Business Models'/><title type='text'>Brave Times</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_BiI-2MW3yyY/TPAS2r96QAI/AAAAAAAAADQ/ewsf4i6Yubw/s1600/TheTimes-logo.jpg"&gt;&lt;img style="cursor: pointer; width: 379px; height: 115px;" src="http://4.bp.blogspot.com/_BiI-2MW3yyY/TPAS2r96QAI/AAAAAAAAADQ/ewsf4i6Yubw/s1600/TheTimes-logo.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I have recently been concentrating on research for my Personal Research Product within which I am focusing on the News Media Publishing industry and how it has been effected by the Internet and the challenges brought with it.&lt;br /&gt;&lt;br /&gt;After some brief research into online business models for news organisations, I soon came accross Rupert Murdoch's strong views on the availability of online news content. His ideal web involves news platforms that are viewable on a subscription only basis; his main obstacle being the BBC who are &lt;span style="font-style: italic;"&gt;obliged&lt;/span&gt; to deliver free online content.&lt;br /&gt;&lt;br /&gt;However, determined to change the outlook for online news content, Rupert Murdoch's &lt;span style="font-style: italic;"&gt;News Corp&lt;/span&gt; made a very brave decision in July of this year by making their website for &lt;span style="font-style: italic;"&gt;The Times&lt;/span&gt; newspaper viewable to users on a subscription only basis.&lt;br /&gt;&lt;br /&gt;I thought this was very interesting and helpful to my research into a news media publishing industry that is constantly being re-shaped. It has made me think; is this the mainstream birth of a widely adopted business model for online news? Or will it simply fail to hold water in an age where there are endless free alternatives?&lt;br /&gt;&lt;br /&gt;Early signs are inconclusive. Four months after the 'paywall' went up, &lt;span style="font-weight: bold;"&gt;100,000 people&lt;/span&gt; have paid to use their website in addition to a further 100,000 who are given free access as they subscribe to the printed version. However, website visits have &lt;span style="font-weight: bold;"&gt;decreased by 87%&lt;/span&gt; from 21 million unique users per month to just 2.7 million. Having said that, The Times themselves actually admitted that they &lt;span style="font-weight: bold;"&gt;"fully expected at least 90% of the audience to depart"&lt;/span&gt;. So having lost 87%, can the move be deemed a success?&lt;br /&gt;&lt;br /&gt;I suppose time will tell!&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8031269012773610935?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8031269012773610935/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8031269012773610935' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8031269012773610935'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8031269012773610935'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/11/brave-times.html' title='Brave Times'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_BiI-2MW3yyY/TPAS2r96QAI/AAAAAAAAADQ/ewsf4i6Yubw/s72-c/TheTimes-logo.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7077706148613434429</id><published>2010-11-01T00:30:00.000Z</published><updated>2011-01-28T00:35:34.402Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='PRP'/><title type='text'>My Personal Research Project</title><content type='html'>&lt;span style="font-family:arial;"&gt;This is just a quick post regarding my progress with the Personal Research Project. After many [terrible] ideas, I have finally settled on a Research Question for my paper! So here it is:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic; font-weight: bold;font-family:arial;" &gt;What  are the pressures that continue to shape the contemporary news media  publishing industry as it adapts to new opportunities made available by  online platforms?&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;"&gt;I can finally crack on with some actual research now!&lt;br /&gt;&lt;br /&gt;I hope to look at how news organisations have been pressured into altering their business models in order to take advantage of new online platforms, as the newspaper's value decreases due to the sheer volume of cheaper/more practical&lt;/span&gt; alternatives.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7077706148613434429?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7077706148613434429/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7077706148613434429' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7077706148613434429'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7077706148613434429'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/10/my-personal-research-project.html' title='My Personal Research Project'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1405580457146143605</id><published>2010-10-20T01:32:00.000+01:00</published><updated>2011-01-28T00:04:59.370Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='digital piracy'/><category scheme='http://www.blogger.com/atom/ns#' term='Simulated client project'/><title type='text'>Digital Piracy - The Facts and Figures</title><content type='html'>&lt;span style="font-family:arial;"&gt;I have completed my Simulated Client Project on digital piracy and I am really pleased with the final output.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I put a huge amount of work into the visual design and presenting all of the facts and statistics in a format that people would enjoy viewing.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;The Final Product&lt;/span&gt;&lt;br /&gt;&lt;a href="http://stephengreig.co.uk/digital-piracy-facts-figures/"&gt;&lt;span style="font-family:arial;"&gt;http://stephengreig.co.uk/digital-piracy-facts-figures/&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;If I were to do the project again, I would design it so the rulers at the top and bottom only go up to the number of sections there are, as I believe the way I have designed it may cause the user to think that there are more than 9 sections.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1405580457146143605?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1405580457146143605/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1405580457146143605' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1405580457146143605'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1405580457146143605'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/11/digital-piracy-facts-and-figures.html' title='Digital Piracy - The Facts and Figures'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4124892581420656225</id><published>2010-10-20T01:15:00.000+01:00</published><updated>2011-01-28T00:04:28.647Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='digital piracy'/><category scheme='http://www.blogger.com/atom/ns#' term='Simulated client project'/><category scheme='http://www.blogger.com/atom/ns#' term='jquery'/><title type='text'>Almost forgot I had this thing...</title><content type='html'>&lt;span style="font-family:arial;"&gt;I'm well into the 1st term of my final year at uni now, but due to a couple months of internet troubles I haven't given my blog the attention that I probably should have done at this stage. So here's an update on my progress so far.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;Simulated Client Project&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The first project of the year was the Simulated Client Project which was a short warm-up project, lasting 3 weeks; the brief being to create a piece of work that informs about digital piracy. My idea for the project came whilst doing some initial research and only being able to find large blocks of text on the subject which I really didn't want to read. So I decided to put the emphasis on presenting the information in a way that people would enjoy reading. I soon came up with the idea of creating an infographic, which - due to the amount of different info I wanted to display - became an interactive infographic, with the help of some jQuery.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;To keep the infographic interesting and engaging, I designed each of the different sections uniquely, each with their own colour scheme, typhography and shapes. I believe this strategy increases the chances of the user viewing the piece of work right through to the end, rather than leaving after the first couple of sections.&lt;br /&gt;&lt;br /&gt;The final product can be seen in my next blog post.&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4124892581420656225?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4124892581420656225/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4124892581420656225' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4124892581420656225'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4124892581420656225'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/11/almost-forgot-i-had-this-thing.html' title='Almost forgot I had this thing...'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-702135079772788334</id><published>2010-04-20T21:14:00.014+01:00</published><updated>2010-04-20T23:40:12.987+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='logo design'/><category scheme='http://www.blogger.com/atom/ns#' term='poster design'/><category scheme='http://www.blogger.com/atom/ns#' term='graphic design'/><category scheme='http://www.blogger.com/atom/ns#' term='world cup'/><title type='text'>World Cup Art</title><content type='html'>&lt;span style="font-size:130%;"&gt;&lt;span style="font-family:arial;"&gt;With the World Cup fast approaching, it seems like a good time to reflect on one of the biggest events in the world in terms of design.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Since the first tournement in 1930 the World Cup has taken place every four years (excluding 1942 and 1946 due to WWII), with each event delivering it's own style and flare in the design. Such a timescale allows us to view any transitions in design trends, any timeless works of art that wouldn't look out of place in todays world, as well as the designs that errm... I'm sure were good at the time.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1930 - Uruguay&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84aHzybeUI/AAAAAAAAAVk/PFQrRG4VsEY/s1600/1930.jpg"&gt;&lt;img style="cursor: pointer; width: 101px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84aHzybeUI/AAAAAAAAAVk/PFQrRG4VsEY/s200/1930.jpg" alt="" id="BLOGGER_PHOTO_ID_5462332119510120770" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1934 - Italy&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84aIVxSJ_I/AAAAAAAAAVs/LEXXkI6GtXU/s1600/1934.jpg"&gt;&lt;img style="cursor: pointer; width: 140px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84aIVxSJ_I/AAAAAAAAAVs/LEXXkI6GtXU/s200/1934.jpg" alt="" id="BLOGGER_PHOTO_ID_5462332128632121330" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1938 - France&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84aIribtqI/AAAAAAAAAV0/8Fa-F4YsYUQ/s1600/1938.jpg"&gt;&lt;img style="cursor: pointer; width: 139px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84aIribtqI/AAAAAAAAAV0/8Fa-F4YsYUQ/s200/1938.jpg" alt="" id="BLOGGER_PHOTO_ID_5462332134475413154" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;&lt;br /&gt;&lt;br /&gt;1950 - Brazil&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84aI3JUm-I/AAAAAAAAAV8/mvZJHSN-clk/s1600/1950.jpg"&gt;&lt;img style="cursor: pointer; width: 132px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84aI3JUm-I/AAAAAAAAAV8/mvZJHSN-clk/s200/1950.jpg" alt="" id="BLOGGER_PHOTO_ID_5462332137591315426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1954 - Switzerland&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84aJd2O-gI/AAAAAAAAAWE/zJ9D3WJn1ak/s1600/1954.jpg"&gt;&lt;img style="cursor: pointer; width: 139px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84aJd2O-gI/AAAAAAAAAWE/zJ9D3WJn1ak/s200/1954.jpg" alt="" id="BLOGGER_PHOTO_ID_5462332147980237314" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84ef0MGL_I/AAAAAAAAAYs/UxyFPwtGRbQ/s1600/1954.jpg"&gt;&lt;img style="cursor: pointer; width: 150px; height: 140px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84ef0MGL_I/AAAAAAAAAYs/UxyFPwtGRbQ/s200/1954.jpg" alt="" id="BLOGGER_PHOTO_ID_5462336929981149170" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1958 - Sweden&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84bLYAJIkI/AAAAAAAAAWU/FzJCSlf7fys/s1600/1958.jpg"&gt;&lt;img style="cursor: pointer; width: 142px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84bLYAJIkI/AAAAAAAAAWU/FzJCSlf7fys/s200/1958.jpg" alt="" id="BLOGGER_PHOTO_ID_5462333280282550850" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84egMpHPZI/AAAAAAAAAY0/qO-eZNjaO2c/s1600/1958.jpg"&gt;&lt;img style="cursor: pointer; width: 145px; height: 150px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84egMpHPZI/AAAAAAAAAY0/qO-eZNjaO2c/s200/1958.jpg" alt="" id="BLOGGER_PHOTO_ID_5462336936545303954" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1962 - Chile&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84bLpo1t9I/AAAAAAAAAWc/kgmMtVZz18g/s1600/1962.jpg"&gt;&lt;img style="cursor: pointer; width: 142px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84bLpo1t9I/AAAAAAAAAWc/kgmMtVZz18g/s200/1962.jpg" alt="" id="BLOGGER_PHOTO_ID_5462333285016647634" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84egejxWzI/AAAAAAAAAY8/37cbtwC9PRA/s1600/1962.jpg"&gt;&lt;img style="cursor: pointer; width: 150px; height: 140px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84egejxWzI/AAAAAAAAAY8/37cbtwC9PRA/s200/1962.jpg" alt="" id="BLOGGER_PHOTO_ID_5462336941354736434" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1966 - England&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S84bL_PpKGI/AAAAAAAAAWk/WHsY-OA7VpM/s1600/1966.jpg"&gt;&lt;img style="cursor: pointer; width: 140px; height: 200px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S84bL_PpKGI/AAAAAAAAAWk/WHsY-OA7VpM/s200/1966.jpg" alt="" id="BLOGGER_PHOTO_ID_5462333290816546914" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84gn7V6JpI/AAAAAAAAAZ8/xkLyKPYuSg0/s1600/1966.jpg"&gt;&lt;img style="cursor: pointer; width: 150px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84gn7V6JpI/AAAAAAAAAZ8/xkLyKPYuSg0/s200/1966.jpg" alt="" id="BLOGGER_PHOTO_ID_5462339268363560594" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;&lt;br /&gt;&lt;br /&gt;1970 - Mexico&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84bMEG6kQI/AAAAAAAAAWs/qUjTBf37unE/s1600/1970.jpg"&gt;&lt;img style="cursor: pointer; width: 134px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84bMEG6kQI/AAAAAAAAAWs/qUjTBf37unE/s200/1970.jpg" alt="" id="BLOGGER_PHOTO_ID_5462333292122116354" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84egveDIeI/AAAAAAAAAZE/oeyfDtW3zEQ/s1600/1970.gif"&gt;&lt;img style="cursor: pointer; width: 143px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84egveDIeI/AAAAAAAAAZE/oeyfDtW3zEQ/s200/1970.gif" alt="" id="BLOGGER_PHOTO_ID_5462336945894138338" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1974 - West Germany&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84bMCEvj-I/AAAAAAAAAW0/x3fiqJ_oKsY/s1600/1974.jpg"&gt;&lt;img style="cursor: pointer; width: 120px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84bMCEvj-I/AAAAAAAAAW0/x3fiqJ_oKsY/s200/1974.jpg" alt="" id="BLOGGER_PHOTO_ID_5462333291576135650" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84dqssYlKI/AAAAAAAAAYM/jukM0ysrxRQ/s1600/1974.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84dqssYlKI/AAAAAAAAAYM/jukM0ysrxRQ/s200/1974.gif" alt="" id="BLOGGER_PHOTO_ID_5462336017436021922" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1978 - Argentina&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84b1c-JUxI/AAAAAAAAAW8/aJHUSAbDsTA/s1600/1978.jpg"&gt;&lt;img style="cursor: pointer; width: 140px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84b1c-JUxI/AAAAAAAAAW8/aJHUSAbDsTA/s200/1978.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334003170857746" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84dq_9gryI/AAAAAAAAAYU/W-T1XkZbsrg/s1600/1978.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84dq_9gryI/AAAAAAAAAYU/W-T1XkZbsrg/s200/1978.gif" alt="" id="BLOGGER_PHOTO_ID_5462336022608129826" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1982 - Spain&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S84b1muWMwI/AAAAAAAAAXE/M7VDkdwJVOk/s1600/1982.jpg"&gt;&lt;img style="cursor: pointer; width: 136px; height: 200px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S84b1muWMwI/AAAAAAAAAXE/M7VDkdwJVOk/s200/1982.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334005788947202" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84drO5By2I/AAAAAAAAAYc/nYube7R2ufs/s1600/1982.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84drO5By2I/AAAAAAAAAYc/nYube7R2ufs/s200/1982.gif" alt="" id="BLOGGER_PHOTO_ID_5462336026615860066" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1986 - Mexico&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84b13NH35I/AAAAAAAAAXM/8A5qSFKWp-o/s1600/1986.jpg"&gt;&lt;img style="cursor: pointer; width: 142px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84b13NH35I/AAAAAAAAAXM/8A5qSFKWp-o/s200/1986.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334010212999058" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S84drdirBkI/AAAAAAAAAYk/tiBpIe_sKgM/s1600/1986.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S84drdirBkI/AAAAAAAAAYk/tiBpIe_sKgM/s200/1986.gif" alt="" id="BLOGGER_PHOTO_ID_5462336030548624962" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;&lt;br /&gt;&lt;br /&gt;1990 - Italy&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84b2CEJMjI/AAAAAAAAAXU/lYn7-wgY2LY/s1600/1990.jpg"&gt;&lt;img style="cursor: pointer; width: 139px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84b2CEJMjI/AAAAAAAAAXU/lYn7-wgY2LY/s200/1990.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334013128127026" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84enma4SWI/AAAAAAAAAZM/b_jKxMuRVZA/s1600/1990.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84enma4SWI/AAAAAAAAAZM/b_jKxMuRVZA/s200/1990.gif" alt="" id="BLOGGER_PHOTO_ID_5462337063724009826" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1994 - USA&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84b2bOo6vI/AAAAAAAAAXc/s7K5R2CBuUI/s1600/1994.jpg"&gt;&lt;img style="cursor: pointer; width: 132px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84b2bOo6vI/AAAAAAAAAXc/s7K5R2CBuUI/s200/1994.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334019883035378" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84en5pQGSI/AAAAAAAAAZU/IKFD1xFTowk/s1600/1994.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84en5pQGSI/AAAAAAAAAZU/IKFD1xFTowk/s200/1994.gif" alt="" id="BLOGGER_PHOTO_ID_5462337068884564258" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;1998 - France&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84clk2nFJI/AAAAAAAAAXk/X1cNHH5vCjg/s1600/1998.jpg"&gt;&lt;img style="cursor: pointer; width: 147px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84clk2nFJI/AAAAAAAAAXk/X1cNHH5vCjg/s200/1998.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334829920457874" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84eoL2xYvI/AAAAAAAAAZc/gRUeVjQBQns/s1600/1998.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84eoL2xYvI/AAAAAAAAAZc/gRUeVjQBQns/s200/1998.gif" alt="" id="BLOGGER_PHOTO_ID_5462337073773110002" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;2002 - Korea Republic &amp;amp; Japan&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S84cl-IkwXI/AAAAAAAAAXs/HXBOyOwLCYw/s1600/2002.jpg"&gt;&lt;img style="cursor: pointer; width: 140px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S84cl-IkwXI/AAAAAAAAAXs/HXBOyOwLCYw/s200/2002.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334836706689394" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S84eoXg3eJI/AAAAAAAAAZk/FLOJapvXjKU/s1600/2002.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S84eoXg3eJI/AAAAAAAAAZk/FLOJapvXjKU/s200/2002.gif" alt="" id="BLOGGER_PHOTO_ID_5462337076902459538" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;2006 - Germany&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S84cmGDBcOI/AAAAAAAAAX0/qcF1lEUWip0/s1600/2006.jpg"&gt;&lt;img style="cursor: pointer; width: 157px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S84cmGDBcOI/AAAAAAAAAX0/qcF1lEUWip0/s200/2006.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334838830887138" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84eomPUm2I/AAAAAAAAAZs/VHEGUq33Lxk/s1600/2006.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84eomPUm2I/AAAAAAAAAZs/VHEGUq33Lxk/s200/2006.gif" alt="" id="BLOGGER_PHOTO_ID_5462337080855403362" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;2010 - South Africa&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S84cmcqVliI/AAAAAAAAAX8/77pZi_UtZdA/s1600/2010.jpg"&gt;&lt;img style="cursor: pointer; width: 141px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S84cmcqVliI/AAAAAAAAAX8/77pZi_UtZdA/s200/2010.jpg" alt="" id="BLOGGER_PHOTO_ID_5462334844901365282" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S84esQuDfQI/AAAAAAAAAZ0/N17fr2cMW9M/s1600/2010.gif"&gt;&lt;img style="cursor: pointer; width: 150px; height: 100px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S84esQuDfQI/AAAAAAAAAZ0/N17fr2cMW9M/s200/2010.gif" alt="" id="BLOGGER_PHOTO_ID_5462337143798201602" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial; font-weight: bold;"&gt;My View&lt;/span&gt;&lt;br /&gt;This collection of World Cup art provides an excellent range of designs.&lt;br /&gt;&lt;br /&gt;I was particularly impressed with the &lt;span style="font-weight: bold;"&gt;logo&lt;/span&gt; and &lt;span style="font-weight: bold;"&gt;poster&lt;/span&gt; designs from &lt;span style="font-weight: bold;"&gt;Mexico '70&lt;/span&gt;. I love the simplified football which provides a big, bold focal point of the poster which also complements the stylish text below it. The basic colours used round off the design to create a very simple, yet effective design, very reminiscent of design trends 40 years on. Truly a timeless design.&lt;br /&gt;&lt;br /&gt;Another &lt;span style="font-weight: bold;"&gt;poster&lt;/span&gt; design worthy of a mention is from &lt;span style="font-weight: bold;"&gt;Argentina '78&lt;/span&gt;. This is another poster design that wouldn't look out of place in todays industry, notably thanks to the bold, striking typography which reads vertically on the left hand side in an attractive and simple font.&lt;br /&gt;&lt;br /&gt;This years &lt;span style="font-weight: bold;"&gt;poster&lt;/span&gt; for &lt;span style="font-weight: bold;"&gt;South Africa 2010&lt;/span&gt; is another of my favourites, with a really nice use of colour, all of which complement each other very nicely, creating a warm feel to the design. Adding to its appeal is a very clever and creative use of the continent's shape, linking it to football extremely elegantly.&lt;br /&gt;&lt;br /&gt;My favourite &lt;span style="font-weight: bold;"&gt;logo&lt;/span&gt; by quite a distance is from &lt;span style="font-weight: bold;"&gt;Japan and Korea 2002&lt;/span&gt;. Clearly inspired by the Fifa World Cup Trophy, it has been beautifully smplified to create an easy on the eye, elegant composition. It seems this design has cemented itself as the official world cup stamp, as an incarnation of the design has featured in both logo designs of the two World Cups since 2002.&lt;br /&gt;&lt;br /&gt;The &lt;span style="font-weight: bold; font-style: italic;"&gt;I'm sure they were good at the time&lt;/span&gt; designs:&lt;br /&gt;Spain '82 (Poster).&lt;br /&gt;Mexico '86 (Poster).&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;To sum up&lt;/span&gt;, I believe there has been an evident forward movement in terms of design since the turn of the century, with an improvement in most areas of technical design such as use of colour, placement, creativity and simplicity. Having said that, some of the designs from 60-80 years ago are really quite impressive considering the limited set of tools they would have had to work with compared to today.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-702135079772788334?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/702135079772788334/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=702135079772788334' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/702135079772788334'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/702135079772788334'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/04/world-cup-art.html' title='World Cup Art'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/S84aHzybeUI/AAAAAAAAAVk/PFQrRG4VsEY/s72-c/1930.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-13275627231728597</id><published>2010-03-17T21:13:00.005Z</published><updated>2010-03-17T21:45:31.918Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='databases'/><category scheme='http://www.blogger.com/atom/ns#' term='mysql'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe flash'/><category scheme='http://www.blogger.com/atom/ns#' term='music'/><category scheme='http://www.blogger.com/atom/ns#' term='actionscript'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><title type='text'>NewJack Website - Flash MP3 Player with PHP/MYSQL</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;After having created my Flash MP3 player (&lt;/span&gt;&lt;a style="font-family: arial;" href="http://www.stephengreig.co.uk/newjack/music.php"&gt;link&lt;/a&gt;&lt;span style="font-family:arial;"&gt;), the tracks in it could be edited by editing the XML file that is linked to in the Player's ActionScript code. I thought this was fine as it would save you from having to dive into the FLA file every time you wanted to make a change. Then I had a brain wave in terms of how I could take this one step further. I've got more and more confident with PHP and MYSQL as this project has progressed and I thought there must be a way to populate the XML file using PHP and MYSQL.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;So after a few google searches I found that I could create a very simple PHP script that creates an XML file that stores the media player's track data.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S6FMfQNj6xI/AAAAAAAAAVc/EgRaQRZ22c0/s1600-h/5.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 34px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S6FMfQNj6xI/AAAAAAAAAVc/EgRaQRZ22c0/s200/5.png" alt="" id="BLOGGER_PHOTO_ID_5449721123906513682" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I started by creating the MYSQL table that will hold the track data - this will be used by the PHP script to populate the XML file.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;My next step was to create the PHP file. The script can be seen in the image below.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S6FMe1WKVVI/AAAAAAAAAVU/dZjI8DDfVN8/s1600-h/6.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 112px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S6FMe1WKVVI/AAAAAAAAAVU/dZjI8DDfVN8/s200/6.png" alt="" id="BLOGGER_PHOTO_ID_5449721116694828370" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Firstly, the SQL query gets the data from the music table and the ORDER BY keyword ensures that the latest track entered into the database appears at the top of the list in the mp3 player.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Then using PHP I have constructed the XML document, within which I have used a while loop in order to get the track name and file path from the database and insert them into the XML file.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Finally, in the MP3 Players ActionScript, where it previously linked to the XML document I have simply changed this to link to the php file.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;After completing these steps I could then create a simple HTML form and accompanying PHP script so the admin can upload a new track to the MP3 player without having to edit an XML file and upload it back to the server.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S6FMea1qEYI/AAAAAAAAAVM/6-vSMIRp69w/s1600-h/7.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 165px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S6FMea1qEYI/AAAAAAAAAVM/6-vSMIRp69w/s200/7.png" alt="" id="BLOGGER_PHOTO_ID_5449721109579174274" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I have also added a delete track form which simply deletes the record from the database where the name = the name typed in by the admin into the form.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S6FMd9vyOEI/AAAAAAAAAVE/GZVyoWHl2ZE/s1600-h/8.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 124px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S6FMd9vyOEI/AAAAAAAAAVE/GZVyoWHl2ZE/s200/8.png" alt="" id="BLOGGER_PHOTO_ID_5449721101769914434" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-13275627231728597?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/13275627231728597/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=13275627231728597' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/13275627231728597'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/13275627231728597'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/03/newjack-website-flash-mp3-player-with.html' title='NewJack Website - Flash MP3 Player with PHP/MYSQL'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/S6FMfQNj6xI/AAAAAAAAAVc/EgRaQRZ22c0/s72-c/5.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1950600443705277737</id><published>2010-03-17T18:04:00.006Z</published><updated>2010-03-17T19:48:52.865Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='mysql'/><category scheme='http://www.blogger.com/atom/ns#' term='newjack'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><title type='text'>NewJack Website - Edit/Delete Blog Posts</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;Since my last post I have made the blog posts so they can be edited or deleted so I am going to exlain how I have achieved this.&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt; I will also briefly go over the gigs page which I have also made into a dynamic php page populated by a MYSQL database.&lt;/span&gt;&lt;br /&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Delete Blog Post&lt;/span&gt;&lt;br /&gt;Firstly, I needed the blog page to display edit and delete buttons on each post but only whilst the admin is logged in. So within the php I wrote the html for the buttons in the blog post loop in &lt;span style="color: rgb(153, 0, 0);"&gt;blog.php&lt;/span&gt; - the pseudo code is basically if user is logged in, display these buttons. I wrapped the buttons in a form so I could use the &lt;span style="color: rgb(153, 0, 0);"&gt;method="post"&lt;/span&gt; attribute to provide information to the php script. The form includes a hidden input type, the value of which contains the &lt;span style="color: rgb(153, 0, 0);"&gt;$id&lt;/span&gt; variable of the post you want to delete. When the delete button is clicked it runs &lt;span style="color: rgb(153, 0, 0);"&gt;deletepost.php&lt;/span&gt; which simply executes an SQL query to delete the record from the table where the &lt;span style="color: rgb(153, 0, 0);"&gt;id=$id&lt;/span&gt; ($id is the variable which holds the id of the post you want to delete).&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S6Eo-cbv3gI/AAAAAAAAAUk/MdX6epseOAo/s1600-h/1.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 114px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S6Eo-cbv3gI/AAAAAAAAAUk/MdX6epseOAo/s200/1.png" alt="" id="BLOGGER_PHOTO_ID_5449682077344587266" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;You can see on the image above that when logged in, there are options to logout, edit or delete in the head of each blog post.&lt;/span&gt; &lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;Edit Blog Post&lt;/span&gt;&lt;br /&gt;The edit button works in much the same way although the process is slightly different. When clicked, the edit button takes the user to &lt;span style="color: rgb(153, 0, 0);"&gt;editpost.php&lt;/span&gt; which features an html form reminiscent of the blog post form in the admin area. However this form is already filled in with the appropriate content by setting the field values to variables that contain data taken from the blog post you want to edit. This way, the form fields already have the existing blog post content ready for it to be edited by the user. When this form is submited, it then runs &lt;span style="color: rgb(153, 0, 0);"&gt;edit.php&lt;/span&gt; which executes an SQL query to update this particular record in the table with the new data.&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S6Eo-5wIu1I/AAAAAAAAAUs/C_7K3VNWDXg/s1600-h/2.png"&gt;&lt;img style="cursor: pointer; width: 198px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S6Eo-5wIu1I/AAAAAAAAAUs/C_7K3VNWDXg/s200/2.png" alt="" id="BLOGGER_PHOTO_ID_5449682085214731090" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;In the image above you can see that when the edit button is clicked, it takes the user to the edit blog post page which features a form that is already populated with the existing blog post content ready to be edited.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;Gigs Page&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I have made the gigs page editable with PHP and MYSQL in exactly the same way as the blog page. The image below shows what the gigs page looks like when the admin is logged in.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S6EtQsvIfrI/AAAAAAAAAU8/sMkEFEEgmGk/s1600-h/3.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 127px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S6EtQsvIfrI/AAAAAAAAAU8/sMkEFEEgmGk/s200/3.png" alt="" id="BLOGGER_PHOTO_ID_5449686789005016754" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The edit and delete options work in exactly the same way as I described for the blog.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The image below is the admin area page which fetaures forms to make a blog post and to add a gig.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S6EtQOue2AI/AAAAAAAAAU0/xlsIBCTkXv4/s1600-h/4.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 148px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S6EtQOue2AI/AAAAAAAAAU0/xlsIBCTkXv4/s200/4.png" alt="" id="BLOGGER_PHOTO_ID_5449686780949223426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;Upload a File with Blog Post&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The admin has the option to upload a file with their blog post. If they choose to do so, the file is uploaded to the /blogfiles directory and the file name (image.png or audio.mp3) is inserted into the database. Then in the blog post php script, the script reads; if the file name contains 'jpg', 'png', 'gif' or 'jpeg' then wrap it in &lt;"img"&gt; tags. If the file name contains 'mp3' then wrap it in &lt;"a"&gt; &lt;a&gt; tags and show mp3image.png - when this image is clicked it goes to the audio file so it can be listened to.&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;a&gt;&lt;br /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1950600443705277737?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1950600443705277737/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1950600443705277737' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1950600443705277737'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1950600443705277737'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/03/newjack-website-editdelete-blog-posts.html' title='NewJack Website - Edit/Delete Blog Posts'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/S6Eo-cbv3gI/AAAAAAAAAUk/MdX6epseOAo/s72-c/1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1490604330226174711</id><published>2010-03-15T01:10:00.004Z</published><updated>2010-03-15T01:52:43.152Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='mysql'/><category scheme='http://www.blogger.com/atom/ns#' term='newjack'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><title type='text'>NewJack Website Progress - Post a Blog and Login</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;In this post I am going to explain how I have created a form that allows a user to post a blog with the option of also uploading an image. I will also explain how I have created a login system so only the site admin can access the admin area and post a blog.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Posting a Blog&lt;/span&gt;&lt;br /&gt;Firstly, I created a page with a simple html form, with fields for the blog's title, content and an upload file field. When submitted, the form runs insert.php which uses SQL to insert the form contents into the appropriate fields in the blog database table. If the user selects an image to upload, the insert.php file also uploads this image to a directory named /blogimages on the server. So if the user uploads an image called img.png, the file will be uploaded to &lt;span style="color: rgb(102, 0, 0);"&gt;stephengreig.co.uk/newjack/blogimages/img.png&lt;/span&gt;. The text img.png will be inserted into the image field in the MYSQL database table.&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S52MrNCCUiI/AAAAAAAAAUc/6uuvF8oDy68/s1600-h/postblog.jpg"&gt;&lt;img style="cursor: pointer; width: 161px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S52MrNCCUiI/AAAAAAAAAUc/6uuvF8oDy68/s200/postblog.jpg" alt="" id="BLOGGER_PHOTO_ID_5448665798048633378" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;When the form is submitted, the form content is inserted into the blog database table as shown in the image below.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S52Mq9yvTpI/AAAAAAAAAUU/C-tQ-eJfjy0/s1600-h/postblogdb.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 48px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S52Mq9yvTpI/AAAAAAAAAUU/C-tQ-eJfjy0/s200/postblogdb.jpg" alt="" id="BLOGGER_PHOTO_ID_5448665793957940882" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Now the data is in the database, the blog.php is updated with the new blog post.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;Login System&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Obviously, we don't want any random user to be able to add blog posts to the blog, so I have made the admin area page require the user to be logged in. There is a button on the blog page which reads 'admin area', which when clicked takes the user to adminlogin.php. This page simply features a html form (with username and password fields) which when submitted runs login.php.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The login.php file then checks to see if the username and password entered are in the members database table; if they aren't the user is redirected to a page which reads login failed; if the username and password entered are in the members database table then the user is redirected to the admin area page where they can then add a blog post.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;It is important to note that the admin area page also features some php code that says the page requires auth.php in order for it to be displayed. The auth.php file basically checks to see if the user is logged in or not.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Also in the admin area page is a logout link which when clicked runs logout.php. This file ends the user session and redirects them to a page which tells them they have been logged out.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial; font-weight: bold;"&gt;Remaining Tasks&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;ul&gt;&lt;li style="font-family: arial; font-weight: bold;"&gt;&lt;span style="font-size:100%;"&gt;Make user able to edit blog posts&lt;/span&gt;&lt;/li&gt;&lt;li style="font-family: arial; font-weight: bold;"&gt;&lt;span style="font-size:100%;"&gt;Make user able to delete blog posts&lt;/span&gt;&lt;/li&gt;&lt;li style="font-family: arial; font-weight: bold;"&gt;&lt;span style="font-size:100%;"&gt;Make file upload in post blog form accept image AND mp3 files&lt;/span&gt;&lt;/li&gt;&lt;li style="font-family: arial; font-weight: bold;"&gt;&lt;span style="font-size:100%;"&gt;Make gigs page so it is populated using a MYSQL database&lt;/span&gt;&lt;/li&gt;&lt;li style="font-family: arial; font-weight: bold;"&gt;&lt;span style="font-size:100%;"&gt;Make add/edit/delete gigs form in admin area&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;&lt;span style="font-family: arial;"&gt;Make PHP contact form&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1490604330226174711?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1490604330226174711/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1490604330226174711' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1490604330226174711'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1490604330226174711'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/03/newjack-website-progress-post-blog-and.html' title='NewJack Website Progress - Post a Blog and Login'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/S52MrNCCUiI/AAAAAAAAAUc/6uuvF8oDy68/s72-c/postblog.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4923285206529264281</id><published>2010-03-14T21:09:00.009Z</published><updated>2010-03-15T01:07:59.490Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='databases'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='mysql'/><category scheme='http://www.blogger.com/atom/ns#' term='newjack'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>NewJack Website Progress - MySQL and PHP</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;I've come a long way since my last blog post where I explained that all I had left to do was the PHP/MYSQL elements of the website.&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;A bit of a Moan&lt;/span&gt;&lt;br /&gt;I started the project with no experience of using data driven content in a website so I've had to learn a lot in the past couple of weeks. A bit of a moan here but most of what I've learnt has come from online resources after many, many Google searches as opposed to learning through my seminars. Some PHP learning material was provided but I felt the way in which it was delivered was not particularly ideal for learning. For example being &lt;span style="font-style: italic;"&gt;made&lt;/span&gt; to complete pointless exercises instead of applying what we'd learnt to our projects was particularly annoying. Last week I didn't attend a seminar so I could actually do work on my project at home instead of wasting time in a seminar applying what I'd learnt to a pointless exercise! These exercises are good hypothetic scenarios to use to learn IF WE NEED THEM but if not, I don't expect to be MADE to complete them. It's like being back at school.&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;MYSQL Database for Blog&lt;/span&gt;&lt;br /&gt;This is what my database table looks like for the blog/news feed.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S51v8V983HI/AAAAAAAAATc/-6cL68NQNno/s1600-h/newsd.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 48px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S51v8V983HI/AAAAAAAAATc/-6cL68NQNno/s200/newsd.jpg" alt="" id="BLOGGER_PHOTO_ID_5448634206667988082" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;The table is pretty self-explanitory; there is a field for the news posts id, date, title, content and there is also a field incase the user uploads an image (this field simply stores the image's path rather than the image itself).&lt;br /&gt;Below we can see the current data that the table is holding.&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S51v8NWC4NI/AAAAAAAAATU/PqQvEzRlcJ0/s1600-h/news+db+contents.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 42px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S51v8NWC4NI/AAAAAAAAATU/PqQvEzRlcJ0/s200/news+db+contents.jpg" alt="" id="BLOGGER_PHOTO_ID_5448634204353126610" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;The blog.php page is populated using this data. After wrapping certain php variables in html tags in order for a heavy styling session with css, the blog page currently appears as show below.  &lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S510B_jeZWI/AAAAAAAAATs/LjcddQzH6ao/s1600-h/blogpage.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 126px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S510B_jeZWI/AAAAAAAAATs/LjcddQzH6ao/s200/blogpage.jpg" alt="" id="BLOGGER_PHOTO_ID_5448638701777085794" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;MYSQL Database for blog comments&lt;/span&gt;&lt;br /&gt;The blog I have created makes use of a commenting system. When the 'comments' link is clicked on the blog post, the page displays a single post view which shows the blog post, the comments and an add comment form - as shown below.&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S51_xMev0CI/AAAAAAAAAUM/kVuiKhDsSMk/s1600-h/blogcomments.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 126px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S51_xMev0CI/AAAAAAAAAUM/kVuiKhDsSMk/s200/blogcomments.jpg" alt="" id="BLOGGER_PHOTO_ID_5448651607328673826" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;When the user enters information into the form and clicks submit, the data is inputted into the database. It is inserted into a separate table from the blog table and it is assigned to the appropriate blog post with the news_id field. This table is solely for storing comments.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S51_wyDMcwI/AAAAAAAAAUE/ySAQrUkFYfI/s1600-h/commentsdb.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 36px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S51_wyDMcwI/AAAAAAAAAUE/ySAQrUkFYfI/s200/commentsdb.jpg" alt="" id="BLOGGER_PHOTO_ID_5448651600233788162" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;    &lt;span style=";font-family:arial;font-size:100%;"  &gt; &lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;In my next post:&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;In my next blog post I will show how I have created a form to post a new blog post as well as upload an image.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;I will also show how I have created a login system so the admin area can be viewed only when a user is logged in.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4923285206529264281?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4923285206529264281/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4923285206529264281' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4923285206529264281'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4923285206529264281'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/03/newjack-website-progress-mysql-and-php.html' title='NewJack Website Progress - MySQL and PHP'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/S51v8V983HI/AAAAAAAAATc/-6cL68NQNno/s72-c/newsd.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-2673574905223439235</id><published>2010-02-25T00:31:00.007Z</published><updated>2010-02-25T00:40:51.257Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe flash'/><category scheme='http://www.blogger.com/atom/ns#' term='newjack'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>New Jack Website Project</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Since starting the design process on Saturday night I have since coded the main part of the website and created the 3 Flash elements. This leaves only the blog/journal (with php and mysql) page to do, as I am pretty much clueless on how to go about that at the moment so I thought it would be a good idea to leave myself a lot of time for it.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The unfinished website can be viewed at &lt;/span&gt;&lt;a style="font-family: arial;" href="http://stephengreig.co.uk/newjack/"&gt;http://stephengreig.co.uk/newjack/&lt;/a&gt;  &lt;span style="font-family:arial;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S4XGcKE_qmI/AAAAAAAAATM/6amupArFAvs/s1600-h/NewJack+home+firefox.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S4XGcKE_qmI/AAAAAAAAATM/6amupArFAvs/s200/NewJack+home+firefox.png" alt="" id="BLOGGER_PHOTO_ID_5441973911791053410" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;The 3&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt; flash elements&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt; are:&lt;/span&gt;&lt;/span&gt;&lt;ol&gt;&lt;li style="font-family: arial;font-family:arial;" &gt;&lt;span style="font-size:100%;"&gt;Music player/sound bar animation in the header on the home page which plays automatically when the user enters the site. The sound bar animation stops when the music is stopped and restarts if the user restarts the music.&lt;/span&gt;&lt;/li&gt;&lt;li style="font-family: arial;font-family:arial;" &gt;&lt;span style="font-size:100%;"&gt;The banner animation on the home page featuring 3 promotional banners linking to relevant music websites in the scene.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-family: arial;"&gt;A user controlled music player featuring te&lt;/span&gt;n tracks that can be played/paused/stopped/muted as well as featuring volume controls and a seek bar.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ol&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-2673574905223439235?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/2673574905223439235/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=2673574905223439235' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2673574905223439235'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2673574905223439235'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/02/new-jack-website-project.html' title='New Jack Website Project'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/S4XGcKE_qmI/AAAAAAAAATM/6amupArFAvs/s72-c/NewJack+home+firefox.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8798477889205296838</id><published>2010-02-25T00:08:00.005Z</published><updated>2010-02-25T00:28:34.941Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe photoshop'/><category scheme='http://www.blogger.com/atom/ns#' term='music'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><category scheme='http://www.blogger.com/atom/ns#' term='newjack'/><title type='text'>Website Project for 'Artist'</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;I've been working hard the last few days on our new project. My client is a musician, a friend of mine from near Mansfield.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I started doing a few rough sketches last Saturday before transferring my ideas to Photoshop in order to create a suitable design. The first design I did is shown below.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S4XBU22L5oI/AAAAAAAAAS8/lwDXbv5mVbA/s1600-h/New+Jack1.png"&gt;&lt;img style="cursor: pointer; width: 154px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S4XBU22L5oI/AAAAAAAAAS8/lwDXbv5mVbA/s200/New+Jack1.png" alt="" id="BLOGGER_PHOTO_ID_5441968288811443842" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I liked the general look of this design but there was something about it that I thought didn't make it entirely suitable. I thought I could definitely come up with a better, more exciting design. So I started from scratch and produced the design below...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S4XDmPTSyhI/AAAAAAAAATE/WpOYpQFolKk/s1600-h/NewJack2.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 178px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S4XDmPTSyhI/AAAAAAAAATE/WpOYpQFolKk/s200/NewJack2.png" alt="" id="BLOGGER_PHOTO_ID_5441970786457012754" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I was very happy with this design and thought it made my initial design look rather bland and uninteresting in comparison. I think it creates the appropriate feel for the theme of the website and all of the colours complement each other well.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8798477889205296838?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8798477889205296838/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8798477889205296838' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8798477889205296838'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8798477889205296838'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/02/website-project-for-artist.html' title='Website Project for &apos;Artist&apos;'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/S4XBU22L5oI/AAAAAAAAAS8/lwDXbv5mVbA/s72-c/New+Jack1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5424101761850902599</id><published>2010-02-05T10:08:00.005Z</published><updated>2010-02-05T11:20:10.510Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='website review'/><category scheme='http://www.blogger.com/atom/ns#' term='mutt ink'/><title type='text'>Website Review: Mutt Ink</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Mutt Ink immediately portrays a specific feel to the user, with its spacious design and use of subtle, light and neutral colours. The designer, Jeremy Holmes also makes very good use of textures and his own doodles/illustrations which very much define the designers style. The background also features subtle ink splodges which ties in well with the brand name, showing good brand identity from the designer. However, the background used is a very large image which makes for a rigid layout with no room for flexibility. In addition to this, the type used, although it is attractive, may be too small for many users and those who wish to increase the size of the text will be limited by the rigidness of the background. The text may also be seen to lack contrast against the background which could it make it very difficuly for visually impaired users who find it hard to distinguish similar colours.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S2vwOq0N4PI/AAAAAAAAASc/ZW76K4-uO3I/s1600-h/m1.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 104px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S2vwOq0N4PI/AAAAAAAAASc/ZW76K4-uO3I/s200/m1.png" alt="" id="BLOGGER_PHOTO_ID_5434701510154772722" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The above screenshot shows how the opening page appears. The design is very subtle and un-obtrusive, allowing the important content to jump out and grab the user's attention. The navigation options are clear and consistent in terms of placement increasing ease of use. There are also clear buttons provided which provide easy access to Mutt Ink's social network pages.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S2vwPCnJEEI/AAAAAAAAASk/HxaH54RQhWc/s1600-h/m2.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 104px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S2vwPCnJEEI/AAAAAAAAASk/HxaH54RQhWc/s200/m2.png" alt="" id="BLOGGER_PHOTO_ID_5434701516542382146" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Jeremy Holmes' portfolio, featured above, shows that the website's design very much compliments his style of work, capturing a similar feel and displaying great brand identity.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S2vwPtxrj-I/AAAAAAAAAS0/Dhx7IQ5RhF0/s1600-h/m4.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 104px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S2vwPtxrj-I/AAAAAAAAAS0/Dhx7IQ5RhF0/s200/m4.png" alt="" id="BLOGGER_PHOTO_ID_5434701528129310690" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The above screenshot shows how the placement of the page elements and the formatting of the text ensures a clear presentation of the content to the user. The layout and content presentation used is kept consistent throughout all pages.&lt;br /&gt;&lt;br /&gt;The design fits many of the web 2.0 design standards, such as a spacious design, the subtle textures and the content is communicated as a priority. However it also lacks many key points of web 2.0 design, as the layout is completely rigid and provides no flexibility to those who may wish to increase the font size.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5424101761850902599?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5424101761850902599/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5424101761850902599' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5424101761850902599'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5424101761850902599'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/02/website-review-mutt-ink.html' title='Website Review: Mutt Ink'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/S2vwOq0N4PI/AAAAAAAAASc/ZW76K4-uO3I/s72-c/m1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7689165931740345991</id><published>2010-02-04T11:29:00.004Z</published><updated>2010-02-04T11:38:21.799Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe photoshop'/><category scheme='http://www.blogger.com/atom/ns#' term='the maze'/><title type='text'>The Maze Website Project: Final Design</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;The Finished site can be viewed at: &lt;/span&gt;&lt;a style="font-family: arial;" href="http://stephengreig.co.uk/themaze/"&gt;http://stephengreig.co.uk/themaze/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Enter Page&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxEFkfhAI/AAAAAAAAARs/svXWwniM4_A/s1600-h/1.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 124px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxEFkfhAI/AAAAAAAAARs/svXWwniM4_A/s200/1.png" alt="" id="BLOGGER_PHOTO_ID_5434350584148755458" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Home Page&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S2qxEXEnKAI/AAAAAAAAAR0/ga6RyRBejto/s1600-h/2.png"&gt;&lt;img style="cursor: pointer; width: 170px; height: 200px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S2qxEXEnKAI/AAAAAAAAAR0/ga6RyRBejto/s200/2.png" alt="" id="BLOGGER_PHOTO_ID_5434350588846876674" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Shows Page&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S2qxE0a2RzI/AAAAAAAAAR8/YOlE92E5z1E/s1600-h/3.png"&gt;&lt;img style="cursor: pointer; width: 170px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S2qxE0a2RzI/AAAAAAAAAR8/YOlE92E5z1E/s200/3.png" alt="" id="BLOGGER_PHOTO_ID_5434350596724770610" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;About Page&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxFQdu1AI/AAAAAAAAASE/kzNfsNNY2gQ/s1600-h/4.png"&gt;&lt;img style="cursor: pointer; width: 170px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxFQdu1AI/AAAAAAAAASE/kzNfsNNY2gQ/s200/4.png" alt="" id="BLOGGER_PHOTO_ID_5434350604253058050" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Drinks Page&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxFrZVqeI/AAAAAAAAASM/IdIjg_N3J60/s1600-h/5.png"&gt;&lt;img style="cursor: pointer; width: 170px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxFrZVqeI/AAAAAAAAASM/IdIjg_N3J60/s200/5.png" alt="" id="BLOGGER_PHOTO_ID_5434350611482388962" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Contact Page&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxI7Q8qPI/AAAAAAAAASU/ooLkdNwfeV0/s1600-h/6.png"&gt;&lt;img style="cursor: pointer; width: 170px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxI7Q8qPI/AAAAAAAAASU/ooLkdNwfeV0/s200/6.png" alt="" id="BLOGGER_PHOTO_ID_5434350667281770738" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7689165931740345991?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7689165931740345991/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7689165931740345991' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7689165931740345991'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7689165931740345991'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/02/maze-website-project-final-design.html' title='The Maze Website Project: Final Design'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/S2qxEFkfhAI/AAAAAAAAARs/svXWwniM4_A/s72-c/1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5666849690414332332</id><published>2010-02-04T11:19:00.005Z</published><updated>2010-02-04T11:28:36.571Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe photoshop'/><category scheme='http://www.blogger.com/atom/ns#' term='the maze'/><title type='text'>New Designs for The Maze</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;After showing my original finished website for The Maze to Shaun, he pointed out it's flaws and downfalls. He thought the design was too dark and perhaps didn't portray the appropriate feel of the venue to the user. I certainly agree with this on reflection, although I do feel that the darkness is emphasised on the large monitors at uni due to the extra background space.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Anyway, Shaun asked for 2 new designs to be done in the next week which I have now completed.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S2quZsz6D5I/AAAAAAAAARk/rdYAFjQuXio/s1600-h/The+Maze+Home.png"&gt;&lt;img style="cursor: pointer; width: 183px; height: 200px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S2quZsz6D5I/AAAAAAAAARk/rdYAFjQuXio/s200/The+Maze+Home.png" alt="" id="BLOGGER_PHOTO_ID_5434347656924762002" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S2quZPKRrlI/AAAAAAAAARU/T3eZwckg7DQ/s1600-h/The+Maze+Enter.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 159px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S2quZPKRrlI/AAAAAAAAARU/T3eZwckg7DQ/s200/The+Maze+Enter.png" alt="" id="BLOGGER_PHOTO_ID_5434347648965520978" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S2quZQRKNqI/AAAAAAAAARc/kEuTb2yxbz8/s1600-h/The+Maze+Home.png"&gt;&lt;img style="cursor: pointer; width: 164px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S2quZQRKNqI/AAAAAAAAARc/kEuTb2yxbz8/s200/The+Maze+Home.png" alt="" id="BLOGGER_PHOTO_ID_5434347649262827170" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The first design I feel is aesthetically pleasing, bold and grabs the users attention. However I think it lacks in suitability for purpose as it doesn't portray the appropriate feel of the venue to the user.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I much prefer the second design, as it is pleasing to the eye, it's funky and most importantly it captures the feel of the music associated with The Maze venue. I have fully coded this design to valid XHTML 1.0 Strict and will post the screens/web address in my next blog.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5666849690414332332?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5666849690414332332/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5666849690414332332' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5666849690414332332'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5666849690414332332'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/02/new-designs-for-maze.html' title='New Designs for The Maze'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/S2quZsz6D5I/AAAAAAAAARk/rdYAFjQuXio/s72-c/The+Maze+Home.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1041859318419312922</id><published>2010-01-22T22:18:00.005Z</published><updated>2010-01-22T22:33:03.013Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe photoshop'/><category scheme='http://www.blogger.com/atom/ns#' term='the maze'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>The Maze Website Progress</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I have completed the basic design for The Maze website. Below are the 'Home' and Shows' pages that I have designed using Adobe Photoshop. It is worth noting that the images have been slightly darkened upon saving.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/S1om8jzzxCI/AAAAAAAAARM/p1qK5KtNRHU/s1600-h/home.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/S1om8jzzxCI/AAAAAAAAARM/p1qK5KtNRHU/s200/home.png" alt="" id="BLOGGER_PHOTO_ID_5429695122595103778" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/S1om8CEQ_SI/AAAAAAAAARE/oFP-0y0x6r4/s1600-h/shows.png"&gt;&lt;img style="cursor: pointer; width: 148px; height: 200px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/S1om8CEQ_SI/AAAAAAAAARE/oFP-0y0x6r4/s200/shows.png" alt="" id="BLOGGER_PHOTO_ID_5429695113537322274" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I have decided to go for a modern, clean and simple approach putting the emphasis on the actual content. I have tried to make it pleasing to the eye whilst still ensuring the information on the page is transmitted to the user easily.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1041859318419312922?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1041859318419312922/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1041859318419312922' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1041859318419312922'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1041859318419312922'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/01/maze-website-progress.html' title='The Maze Website Progress'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/S1om8jzzxCI/AAAAAAAAARM/p1qK5KtNRHU/s72-c/home.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6550169725422467467</id><published>2010-01-22T21:58:00.006Z</published><updated>2010-01-22T22:16:08.756Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe photoshop'/><category scheme='http://www.blogger.com/atom/ns#' term='the maze'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Initial Sketches for The Maze website</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I began by scanning through several website designs in search of inspiration, looking for something to spark an idea in my head. Eventually I had enough ideas to sketch out a few very basic designs so I had something to work from.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/S1ogDug8crI/AAAAAAAAAQk/lat7dq4ZY44/s1600-h/initial+sketches.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 151px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/S1ogDug8crI/AAAAAAAAAQk/lat7dq4ZY44/s200/initial+sketches.png" alt="" id="BLOGGER_PHOTO_ID_5429687549146460850" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I decided to use design number 5 to develop further. Below is the start of the design using Photoshop.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/S1oiWx5k7TI/AAAAAAAAAQs/CeJSTz2_Iqw/s1600-h/themaze.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 196px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/S1oiWx5k7TI/AAAAAAAAAQs/CeJSTz2_Iqw/s200/themaze.png" alt="" id="BLOGGER_PHOTO_ID_5429690075495853362" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;After reaching this stage I felt that the design that was emerging didn't quite feel right. The colour scheme is all over the place with the decorative header not really complementing the logo it surrounds. So I decided to scrap this design and start from scratch.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I have since further developed design number 6 from the sketches which I feel is looking good so far. I will upload my progress with this design soon.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6550169725422467467?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6550169725422467467/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6550169725422467467' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6550169725422467467'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6550169725422467467'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/01/initial-sketches-for-maze-website.html' title='Initial Sketches for The Maze website'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/S1ogDug8crI/AAAAAAAAAQk/lat7dq4ZY44/s72-c/initial+sketches.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-644627796382375743</id><published>2010-01-18T23:22:00.003Z</published><updated>2010-01-19T02:34:26.566Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='the maze'/><title type='text'>Website Project - Trading Retail Establishment</title><content type='html'>&lt;span style="font-family: arial;font-size:100%;" &gt;I considered a number of appropriate establishments for my project, focusing on places that mean something to me rather than picking something at random.&lt;br /&gt;&lt;br /&gt;I finally decided on a local music venue called The Maze, which is one of the only local venues that caters to my own personal music tastes.&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.themazerocks.com/assets/templates/themaze/images/logo.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 282px;" src="http://www.themazerocks.com/assets/templates/themaze/images/logo.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The venue does currently have a website which will be useful to gain necessary information from. I have completed a few pencil designs for the site which I will upload soon.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-644627796382375743?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/644627796382375743/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=644627796382375743' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/644627796382375743'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/644627796382375743'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2010/01/website-project-trading-retail.html' title='Website Project - Trading Retail Establishment'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-8857718496605393014</id><published>2009-12-07T00:17:00.012Z</published><updated>2009-12-07T01:07:01.513Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='radfords'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='compatibility'/><category scheme='http://www.blogger.com/atom/ns#' term='testing'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Testing/Final Touch-ups</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;I hosted the finished Radfords site on my domain and posted it on my Facebook in order to gain some feedback.&lt;br /&gt;&lt;br /&gt;[The finished site can be viewed here: &lt;a href="http://www.stephengreig.com/radfords.html"&gt;http://www.stephengreig.com/radfords.html&lt;/a&gt;]&lt;br /&gt;&lt;br /&gt;Most of the feedback was positive but someone with a widescreen monitor (1600x900) pointed out that some text on the home page appeared in the wrong place; as can be seen below.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SxxP_-idA1I/AAAAAAAAAQM/P9ic9qBTh24/s1600-h/widescreen+problem.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SxxP_-idA1I/AAAAAAAAAQM/P9ic9qBTh24/s200/widescreen+problem.png" alt="" id="BLOGGER_PHOTO_ID_5412288812730352466" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;However I only needed to make a relatively small change to the CSS and the problem was fixed. I changed the positioning of this text to &lt;/span&gt;&lt;span style="color: rgb(153, 0, 0);font-family:arial;font-size:100%;"  &gt;absolute&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt; so the text would appear in the correct place in all browsers/screen sizes. I used &lt;a href="http://browsershots.org/"&gt;http://browsershots.org/&lt;/a&gt; to test my edits. This site allows you to view a screen shot of a web page in any browser and at any screen resolution.&lt;br /&gt;&lt;br /&gt;Also, I created a new style sheet for versions of IE that are 6.0 or lower. Firstly I used a 'conditional comment' which is an XHTML comment that is only registered by Internet Explorer. You can then specify certain versions of IE; you can see how it's done by looking at the conditional comment I used for my IE7 stylesheet:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SxxSX5a-ZPI/AAAAAAAAAQU/RPqy9c6Q5Ew/s1600-h/ifie.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 31px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SxxSX5a-ZPI/AAAAAAAAAQU/RPqy9c6Q5Ew/s200/ifie.jpg" alt="" id="BLOGGER_PHOTO_ID_5412291422696924402" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The style sheet I used for IE6 involved setting all of the pages id's/classes to &lt;/span&gt;&lt;span style="color: rgb(153, 0, 0);font-family:arial;font-size:100%;"  &gt;display:none&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;. Then, back in the HTML, within the conditional comment tags I entered the text I wanted to be displayed. I then used the browser shots website again to test my site in IE6; the result can be seen below:&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SxxS9w_IXNI/AAAAAAAAAQc/o6E-2ga8w6U/s1600-h/ie6.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SxxS9w_IXNI/AAAAAAAAAQc/o6E-2ga8w6U/s200/ie6.png" alt="" id="BLOGGER_PHOTO_ID_5412292073267682514" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The message delivered is that their browser is out of date and links are provided for the user to update. I have chosen to do this as only a small percentage of Internet users now use IE6 and I feel it is our responsibility as Web Developers to keep the world up to date.&lt;br /&gt;&lt;br /&gt;After the final touch ups I tested all of the pages with the W3C Validator to ensure all of the code was still valid. All pages still validated to 1.0 XHTML Strict.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-8857718496605393014?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/8857718496605393014/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=8857718496605393014' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8857718496605393014'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/8857718496605393014'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/12/testingfinal-touch-ups.html' title='Testing/Final Touch-ups'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SxxP_-idA1I/AAAAAAAAAQM/P9ic9qBTh24/s72-c/widescreen+problem.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4664041101100225900</id><published>2009-12-03T00:45:00.009Z</published><updated>2009-12-03T00:58:01.192Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='radfords'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Finished Website</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I have completed the website for &lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic;font-family:arial;font-size:100%;"  &gt;Radfords Function Suite and Match Bar&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;. Below are some screenshots of the completed site, all taken from Mozilla Firefox.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SxcKikN0ZBI/AAAAAAAAAPU/3F-az7Bnltg/s1600-h/1.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 149px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SxcKikN0ZBI/AAAAAAAAAPU/3F-az7Bnltg/s200/1.png" alt="" id="BLOGGER_PHOTO_ID_5410805066262406162" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Home Page&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SxcKi8SWfGI/AAAAAAAAAPc/5RNFOckxLW8/s1600-h/2.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 149px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SxcKi8SWfGI/AAAAAAAAAPc/5RNFOckxLW8/s200/2.png" alt="" id="BLOGGER_PHOTO_ID_5410805072723868770" border="0" /&gt;&lt;/a&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SxcKjN8bfoI/AAAAAAAAAPk/tuTfsw37YZs/s1600-h/3.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 148px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SxcKjN8bfoI/AAAAAAAAAPk/tuTfsw37YZs/s200/3.png" alt="" id="BLOGGER_PHOTO_ID_5410805077463760514" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Events page. I have used Javascript to show more information about each event. I have also used Javascript on this page to make the text bigger for those who are visually impaired.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SxcKjdAPjRI/AAAAAAAAAPs/NfosX3vfV6Q/s1600-h/4.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 149px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SxcKjdAPjRI/AAAAAAAAAPs/NfosX3vfV6Q/s200/4.png" alt="" id="BLOGGER_PHOTO_ID_5410805081506286866" border="0" /&gt;&lt;/a&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SxcLF8U0zII/AAAAAAAAAQE/0W3F1K8sHYc/s1600-h/4a.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 149px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SxcLF8U0zII/AAAAAAAAAQE/0W3F1K8sHYc/s200/4a.png" alt="" id="BLOGGER_PHOTO_ID_5410805674029665410" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Food and Drinks page. The drinks/prices are presented in a pub board style and Javascript has been used to show the snacks board when snacks button is clicked.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SxcKjrcDpsI/AAAAAAAAAP0/YilPzFvdUF8/s1600-h/5.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 149px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SxcKjrcDpsI/AAAAAAAAAP0/YilPzFvdUF8/s200/5.png" alt="" id="BLOGGER_PHOTO_ID_5410805085381043906" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Gallery page. I have used Javascript to make this gallery function; when the thumbnails are clicked it shows them in the main image frame. Also, when the main image is clicked it moves onto the next image.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SxcKnUq7vZI/AAAAAAAAAP8/4CFg7LVq1Ao/s1600-h/6.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 149px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SxcKnUq7vZI/AAAAAAAAAP8/4CFg7LVq1Ao/s200/6.png" alt="" id="BLOGGER_PHOTO_ID_5410805147988901266" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Contact page. This page uses a mailto action which sends the content of the form via email when the submit button is clicked.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;All of the pages validate against XHTML 1.0 Strict and the CSS also validates. All of the pages also work in all of the major browsers (Firefox, Internet Explorer, Safari, Opera and Chrome).&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The only thing left which I had planned to do is make a separate style sheet for Internet Explorer 6.0 or lower. This style sheet will just show a message to the user informing them that their browser is out of date and will give appropriate links so the user can update.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4664041101100225900?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4664041101100225900/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4664041101100225900' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4664041101100225900'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4664041101100225900'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/12/finished-website.html' title='Finished Website'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SxcKikN0ZBI/AAAAAAAAAPU/3F-az7Bnltg/s72-c/1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6444780532944511828</id><published>2009-12-02T21:32:00.005Z</published><updated>2009-12-02T21:47:37.653Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='radfords'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Gallery</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I've included a gallery page on the Radfords website I'm making, making use of appropriate Javascript code.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Here is how the page appears in Mozilla Firefox.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SxbdmV_LMhI/AAAAAAAAAO8/JwFNiLkgdP8/s1600-h/gal.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 148px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SxbdmV_LMhI/AAAAAAAAAO8/JwFNiLkgdP8/s200/gal.jpg" alt="" id="BLOGGER_PHOTO_ID_5410755653139116562" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;When each thumbnail image is clicked, the larger version appears in the main frame. Also, when the main image is clicked, it moves onto the larger version of the next thumbnail.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Here are the images in the XHTML code. The &lt;span style="color: rgb(153, 0, 0);"&gt;onclick&lt;/span&gt; event calls the appropriate Javascript function. For example, the function required for the first image is &lt;span style="color: rgb(153, 0, 0);"&gt;gal1&lt;/span&gt;.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/Sxbem5LkLUI/AAAAAAAAAPE/IFf9e7k8K_o/s1600-h/galjs.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 20px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/Sxbem5LkLUI/AAAAAAAAAPE/IFf9e7k8K_o/s200/galjs.jpg" alt="" id="BLOGGER_PHOTO_ID_5410756762097954114" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This is the Javascript that makes the gallery work. When the first thumbnail image is clicked it calls the &lt;span style="color: rgb(153, 0, 0);"&gt;gal1&lt;/span&gt; function. This function shows the element with the id &lt;span style="color: rgb(153, 0, 0);"&gt;g1&lt;/span&gt;, which is an img (the larger version of the thumb) and hides all of the other large img tags.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SxbenCZDf-I/AAAAAAAAAPM/oICj3A732VU/s1600-h/galjs2.jpg"&gt;&lt;img style="cursor: pointer; width: 180px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SxbenCZDf-I/AAAAAAAAAPM/oICj3A732VU/s200/galjs2.jpg" alt="" id="BLOGGER_PHOTO_ID_5410756764570451938" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6444780532944511828?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6444780532944511828/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6444780532944511828' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6444780532944511828'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6444780532944511828'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/12/gallery.html' title='Gallery'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/SxbdmV_LMhI/AAAAAAAAAO8/JwFNiLkgdP8/s72-c/gal.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1289236388630350552</id><published>2009-11-27T23:53:00.009Z</published><updated>2009-11-28T01:03:46.977Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='radfords'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><category scheme='http://www.blogger.com/atom/ns#' term='hereford united'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Website Progress</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Since my previous progress update I have done a bit more design work in Photoshop, but I have also started writing the code for the website, which has taken the majority of my time.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I always try to ensure that the XHTML and CSS I am writing is valid, so I have constantly checked my code using the W3C Validator to identify any errors early and stop them from accumulating. Additionally, what good is valid code if it isn't compatible with your browser? I have tested my code very regularly in all of the major browsers; Mozilla Firefox, Internet Explorer (7.0), Google Chrome, Safari and Opera. I am not aware of a way to have two different versions of IE on my computer at one time so I am using 7.0 for IE testing initially and will hope that if it works in an earlier version, it should be OK in a later version!&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;There have been a few issues when testing my site with IE7, all style related, so I have created a separate style sheet that IE 7 will use. I will also make 1 more style sheet for any versions of IE that are 6.0 or lower. However, this will just show a message to the user telling them that their browser is out of date and they need to update (links will be provided).&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SxBwftpRxxI/AAAAAAAAAOc/xx2XDAMWRf8/s1600/ifie.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 31px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SxBwftpRxxI/AAAAAAAAAOc/xx2XDAMWRf8/s200/ifie.jpg" alt="" id="BLOGGER_PHOTO_ID_5408946842602948370" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The above code features HTML that &lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic;font-family:arial;font-size:100%;"  &gt;only&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt; IE will respond to. Within these tags I have linked to a style sheet meant only for IE 7.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SxByu_HsdZI/AAAAAAAAAOs/6Cp6suSHpUY/s1600/raddrinks.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SxByu_HsdZI/AAAAAAAAAOs/6Cp6suSHpUY/s200/raddrinks.jpg" alt="" id="BLOGGER_PHOTO_ID_5408949304015222162" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="text-decoration: underline;font-family:arial;font-size:100%;"  &gt; &lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SxByupDah5I/AAAAAAAAAOk/ouM538_iPss/s1600/snackshighlighted.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SxByupDah5I/AAAAAAAAAOk/ouM538_iPss/s200/snackshighlighted.jpg" alt="" id="BLOGGER_PHOTO_ID_5408949298091689874" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The above two screenshots both occur in the same web page. I have used Javascript to replace the drinks board with the snacks board. The Javascript basically replaces all of the content from one div with all of the content from another div when a button is pressed. This prevents an extra web page having to load unnecessarily. I have highlighted all of the 2nd screenshot to show how I put it together. Each 'element' of the design is a separate image, so each image can have their own appropriate alternate text for the search engines to feed off. I feel this is important in a web page with practically zero actual text.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SxB0RAtq0kI/AAAAAAAAAO0/amjol-EDuRY/s1600/radevents.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SxB0RAtq0kI/AAAAAAAAAO0/amjol-EDuRY/s200/radevents.jpg" alt="" id="BLOGGER_PHOTO_ID_5408950988070113858" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The above screenshot is the events page (un-finished). This makes use of Javascript that shows more information about each type of event in an expand/collapse style. This increases organisation and ease of use, as the user can easily access the particular information they are looking for.&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;&lt;br /&gt;&lt;br /&gt;All of my pages successfully validate as XHTML 1.0 Strict and they all appear correctly in each of the major browsers.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1289236388630350552?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1289236388630350552/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1289236388630350552' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1289236388630350552'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1289236388630350552'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/11/websie-progress.html' title='Website Progress'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/SxBwftpRxxI/AAAAAAAAAOc/xx2XDAMWRf8/s72-c/ifie.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-3819961220619317951</id><published>2009-11-27T23:22:00.007Z</published><updated>2009-11-27T23:46:21.079Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='game'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>More Simple Javascript</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I created another game using Javascript, this time with a bit more substance to it. The Javascript code is still very simple, although I suspect not as simple as it should be - and not without it's drawbacks.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SxBgzJKogdI/AAAAAAAAAOM/kVif0wvWQ9E/s1600/guessground.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 198px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SxBgzJKogdI/AAAAAAAAAOM/kVif0wvWQ9E/s200/guessground.jpg" alt="" id="BLOGGER_PHOTO_ID_5408929584222077394" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The game (interface shown above) shows images of football grounds and presents the user with a text box. The user can then type the name of the ground into the text box and click the 'Check Answer' button. If the answer is correct/incorrect, an alert will appear to confirm this.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Here's the code:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SxBhy9E1GsI/AAAAAAAAAOU/yQsyUXq8Wts/s1600/guessgroundcode.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 130px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SxBhy9E1GsI/AAAAAAAAAOU/yQsyUXq8Wts/s200/guessgroundcode.jpg" alt="" id="BLOGGER_PHOTO_ID_5408930680488139458" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;To begin with, the HTML is a simple &lt;/span&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;img&lt;/span&gt;&lt;span style="font-family:arial;"&gt;, a text field &lt;/span&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;input&lt;/span&gt; and a button &lt;/span&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="color: rgb(153, 0, 0);"&gt;input&lt;/span&gt;. The text field has an &lt;span style="color: rgb(153, 0, 0);"&gt;id&lt;/span&gt; property so it can be referenced in the Javscript Function. The Button has an &lt;/span&gt;&lt;span style="color: rgb(153, 0, 0);font-family:arial;" &gt;onlick&lt;/span&gt; property&lt;span style="font-family:arial;"&gt;, so it can call the function when clicked upon.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The actual function is quite basic. It calls the value from the text field (that the user has entered), then states that if this value is 'Anfield' an alert should appear informing the user that this answer is correct. I tried to use a simple 'or' (&lt;/span&gt;&lt;span style="color: rgb(153, 0, 0);font-family:arial;" &gt;||&lt;/span&gt;&lt;span style="font-family:arial;"&gt;) operator to state other possible answers, but this stopped the program from running. So instead I used an &lt;/span&gt;&lt;span style="color: rgb(153, 0, 0);font-family:arial;" &gt;else if&lt;/span&gt;&lt;span style="font-family:arial;"&gt; statement to state another possible correct answer. Then, anything else would show as incorrect due to the final &lt;/span&gt;&lt;span style="color: rgb(153, 0, 0);font-family:arial;" &gt;else&lt;/span&gt; statement I used.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-3819961220619317951?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/3819961220619317951/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=3819961220619317951' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3819961220619317951'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3819961220619317951'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/11/more-simple-javascript.html' title='More Simple Javascript'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SxBgzJKogdI/AAAAAAAAAOM/kVif0wvWQ9E/s72-c/guessground.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6124356020024624016</id><published>2009-11-20T14:51:00.005Z</published><updated>2009-11-20T15:12:19.440Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='xhtml'/><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='game'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Simple JavaScript Game</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;After being set a task to plan and create a game using Javascript, I considered my knowledge of the language; which is fairly limited.&lt;br /&gt;&lt;br /&gt;I had recently learnt how to generate random numbers and I thought this code may be a good basis for a game. After some thought I decided to create a dice game; the aim being to roll either a 2 or a 6 in order to win. Very simple stuff.&lt;br /&gt;&lt;br /&gt;Here is the code, including the XHTML framework, the CSS formatting and the Javascript to bring the game to life.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/Swau6JRXOiI/AAAAAAAAANs/kBgg9Vdqxeg/s1600/dicecode.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 187px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/Swau6JRXOiI/AAAAAAAAANs/kBgg9Vdqxeg/s200/dicecode.jpg" alt="" id="BLOGGER_PHOTO_ID_5406200716649249314" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0); font-family: arial;"&gt;The &lt;/span&gt;&lt;span style="font-style: italic; color: rgb(204, 0, 0); font-family: arial;"&gt;die=Math.ceil(Math.random()*6);&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0); font-family: arial;"&gt; &lt;/span&gt;&lt;span style="color: rgb(0, 0, 0); font-family: arial;"&gt;code generates a random number between 0 and 1, then multiplies it by 6, so we have a random number between 0 and 5.999. The &lt;span style="font-style: italic; color: rgb(204, 0, 0);"&gt;Match.ceil&lt;/span&gt; part rounds this number up, so we have a random number between 1 and 6.&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0); font-family: arial;font-size:100%;" &gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0); font-family: arial;font-family:arial;font-size:100%;"  &gt;I then use an &lt;span style="font-style: italic; color: rgb(204, 0, 0);"&gt;if&lt;/span&gt; statement to give the game different outcomes. So if the user rolls a 2 or a 6, they receive feedback telling them they have won. Otherwise, they are given the feedback 'sorry, try again'.&lt;br /&gt;&lt;br /&gt;The try again text is a link, which also uses some Javascript. This &lt;span style="font-style: italic; color: rgb(204, 0, 0);"&gt;javascript:location.reload(true)&lt;/span&gt; refreshes the page when clicked, so as to begin the whole cycle again.&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0); font-family: arial;font-size:100%;" &gt;&lt;br /&gt;&lt;br /&gt;The following screeshots show the sequence of the game.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SwaxJBPMtgI/AAAAAAAAAOE/4pGUzX9haEw/s1600/dice1.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 128px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SwaxJBPMtgI/AAAAAAAAAOE/4pGUzX9haEw/s200/dice1.jpg" alt="" id="BLOGGER_PHOTO_ID_5406203171213981186" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SwaxI0G4YQI/AAAAAAAAAN8/GJnfMZrH478/s1600/dice2.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 128px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SwaxI0G4YQI/AAAAAAAAAN8/GJnfMZrH478/s200/dice2.jpg" alt="" id="BLOGGER_PHOTO_ID_5406203167689433346" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SwaxIWGP00I/AAAAAAAAAN0/TXJBU5C_BjU/s1600/dice3.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 128px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SwaxIWGP00I/AAAAAAAAAN0/TXJBU5C_BjU/s200/dice3.jpg" alt="" id="BLOGGER_PHOTO_ID_5406203159633711938" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6124356020024624016?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6124356020024624016/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6124356020024624016' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6124356020024624016'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6124356020024624016'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/11/simple-javascript-game.html' title='Simple JavaScript Game'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/Swau6JRXOiI/AAAAAAAAANs/kBgg9Vdqxeg/s72-c/dicecode.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4892632822000108603</id><published>2009-11-12T00:01:00.004Z</published><updated>2009-11-12T00:14:25.851Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='radfords'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='adobe photoshop'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><title type='text'>Website Progress</title><content type='html'>&lt;span style="font-family: arial;font-size:100%;" &gt;I'm currently in the process of designing the look of the website I'm developing for the &lt;span style="font-style: italic;"&gt;Radfords &lt;/span&gt;bar. I'm using Adobe Photoshop for this part of the design process as I am comfortable within this software and familiar with all the tools. I have many papers full of sketches of many different design ideas which I will scan and upload at a later date.  So far I have designed the look of the &lt;span style="font-style: italic;"&gt;Enter&lt;/span&gt; page, the &lt;span style="font-style: italic;"&gt;Home&lt;/span&gt; page and the &lt;span style="font-style: italic;"&gt;Food &amp;amp; Drink&lt;/span&gt; page.&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SvtRztG8roI/AAAAAAAAANM/OGs-Qlhsy1I/s1600-h/Enter+Page.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 125px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SvtRztG8roI/AAAAAAAAANM/OGs-Qlhsy1I/s200/Enter+Page.png" alt="" id="BLOGGER_PHOTO_ID_5403002126684958338" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Enter Page&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SvtRz8U_xGI/AAAAAAAAANU/zNE9-7hld_s/s1600-h/homepage.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 196px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SvtRz8U_xGI/AAAAAAAAANU/zNE9-7hld_s/s200/homepage.png" alt="" id="BLOGGER_PHOTO_ID_5403002130770412642" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Home Page&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SvtR0GibVlI/AAAAAAAAANc/dNcA5zYFABU/s1600-h/Drinks+page.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 196px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SvtR0GibVlI/AAAAAAAAANc/dNcA5zYFABU/s200/Drinks+page.png" alt="" id="BLOGGER_PHOTO_ID_5403002133511099986" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Food &amp;amp; Drinks Page - Drinks&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SvtR0amn6eI/AAAAAAAAANk/PXF-fSxDskI/s1600-h/Snacks+page.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 196px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SvtR0amn6eI/AAAAAAAAANk/PXF-fSxDskI/s200/Snacks+page.png" alt="" id="BLOGGER_PHOTO_ID_5403002138897410530" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Food &amp;amp; Drinks page - Snacks&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I got in contact with the bar's Landlord to get an idea of content for the site and he provided a few bits of information, such as the local ale they serve and the sort of events they hold.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I hope to use Javascript for a Calendar feature on the Events page, the Gallery and the Food &amp;amp; Drinks page. Although I feel the interactive calendar I have in mind may prove too challening for my level of Javascript knowledge... but I will see what I can come up with.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4892632822000108603?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4892632822000108603/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4892632822000108603' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4892632822000108603'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4892632822000108603'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/11/website-progress.html' title='Website Progress'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SvtRztG8roI/AAAAAAAAANM/OGs-Qlhsy1I/s72-c/Enter+Page.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1953272497308919022</id><published>2009-11-03T22:31:00.004Z</published><updated>2009-11-03T22:51:20.447Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='radfords'/><category scheme='http://www.blogger.com/atom/ns#' term='website project'/><category scheme='http://www.blogger.com/atom/ns#' term='hereford united'/><title type='text'>Website Project</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;Our project for the first term is to choose a 'building, structure or environment' to create a website for. The site must have a minimum of 5 pages and 3 interactive javascript features.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I have chosen to create a website for &lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic; font-family: arial;font-size:100%;" &gt;Radfords&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;, the match bar at Hereford United's Edgar Street stadium. The bars main purpose is to serve the Hereford United fans on a match day with drinks and snacks, although the bar can also serve a number of other events, such as meetings and functions.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The bar has recently undergone a huge refurbishment as well as a name change which has given it a new lease of life among Hereford supporters.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SvCyZL5N1SI/AAAAAAAAAMs/G7gyClMGvyo/s1600-h/Radford1.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SvCyZL5N1SI/AAAAAAAAAMs/G7gyClMGvyo/s200/Radford1.jpg" alt="" id="BLOGGER_PHOTO_ID_5400012098976470306" border="0" /&gt;&lt;/a&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SvCyZQ2KXXI/AAAAAAAAAM0/UvqI2NtJyw4/s1600-h/Radford2.jpg"&gt; &lt;/a&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SvCyaDYa4eI/AAAAAAAAANE/ex237I-MqBY/s1600-h/Radford4.jpg"&gt; &lt;img style="cursor: pointer; width: 200px; height: 134px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SvCyaDYa4eI/AAAAAAAAANE/ex237I-MqBY/s200/Radford4.jpg" alt="" id="BLOGGER_PHOTO_ID_5400012113871299042" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SvCyZQ2KXXI/AAAAAAAAAM0/UvqI2NtJyw4/s1600-h/Radford2.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 134px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SvCyZQ2KXXI/AAAAAAAAAM0/UvqI2NtJyw4/s200/Radford2.jpg" alt="" id="BLOGGER_PHOTO_ID_5400012100305837426" border="0" /&gt;&lt;/a&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SvCyZ9pN8yI/AAAAAAAAAM8/KXhT1SmZyPg/s1600-h/Radford3.jpg"&gt; &lt;img style="cursor: pointer; width: 200px; height: 118px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SvCyZ9pN8yI/AAAAAAAAAM8/KXhT1SmZyPg/s200/Radford3.jpg" alt="" id="BLOGGER_PHOTO_ID_5400012112331141922" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Thanks to my good relationship with Hereford's official photographer I can get hold of the necessary images relatively easily, although I do plan to get to the bar in the next month or so to gather my own material.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;At this early stage I would imagine the content of the site would be on the following lines; welcome page, up-coming events (maybe a calendar feature), book an event, food/drinks/offers, history, gallery and a contact page. This will more than likely change when I get further into my planning for this project. I do plan to contact the bar's landlord to gather some information and get his opinion on content for the site.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1953272497308919022?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1953272497308919022/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1953272497308919022' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1953272497308919022'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1953272497308919022'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/11/website-project.html' title='Website Project'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SvCyZL5N1SI/AAAAAAAAAMs/G7gyClMGvyo/s72-c/Radford1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7876273093010671047</id><published>2009-11-03T18:38:00.005Z</published><updated>2009-11-03T18:49:58.766Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='junior bulls'/><category scheme='http://www.blogger.com/atom/ns#' term='print design'/><category scheme='http://www.blogger.com/atom/ns#' term='greetings card design'/><category scheme='http://www.blogger.com/atom/ns#' term='hereford united'/><title type='text'>Junior Bulls Xmas Card Design</title><content type='html'>&lt;span style="font-family: arial;font-size:100%;" &gt;I've just finalised the design I've been working on for the Junior Bulls Supporters Club (of Hereford United) Christmas card. This design will be mass produced and all the players at HUFC will sign each card. The cards then get sent to each member of the Junior Bulls Supporters Club in time for Christmas.&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SvB6pff7w5I/AAAAAAAAAMk/GPKMtcNEZBE/s1600-h/Christmas+Card+small.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 141px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SvB6pff7w5I/AAAAAAAAAMk/GPKMtcNEZBE/s200/Christmas+Card+small.jpg" alt="" id="BLOGGER_PHOTO_ID_5399950806465889170" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The baubles each feature a player's face as does the fairy; this will be the basis of a competition where the members have to guess which player the fairy is. Everything in the card design was made from scratch including the xmas tree, the presents and the baubles.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7876273093010671047?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7876273093010671047/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7876273093010671047' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7876273093010671047'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7876273093010671047'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/11/junior-bulls-xmas-card-design.html' title='Junior Bulls Xmas Card Design'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SvB6pff7w5I/AAAAAAAAAMk/GPKMtcNEZBE/s72-c/Christmas+Card+small.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7059237153351758305</id><published>2009-10-25T16:45:00.006Z</published><updated>2009-10-25T17:18:44.390Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='logo design'/><category scheme='http://www.blogger.com/atom/ns#' term='deviant art'/><category scheme='http://www.blogger.com/atom/ns#' term='logo moose'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><category scheme='http://www.blogger.com/atom/ns#' term='design snack'/><title type='text'>User Generated Content</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;We have been asked to find and comment on three examples of websites with user generated content.&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;br /&gt;1. &lt;a href="http://www.deviantart.com/"&gt;DeviantArt&lt;/a&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt; &lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SuSD5LK9FEI/AAAAAAAAAME/GB-JLAZqltQ/s1600-h/da.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 116px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SuSD5LK9FEI/AAAAAAAAAME/GB-JLAZqltQ/s200/da.jpg" alt="" id="BLOGGER_PHOTO_ID_5396583271771214914" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;The first website I would like to discuss is DeviantArt, as I am an active member of this website, using it as a platform for my design work as well as to seek inspiration from. The main purpose of the site is for artists to upload their work for others to see. The site presents its art in several ways, including order of popularity, time of submission and categorically. There are browse/search features so the user can easily find what they are looking for, whether it be a user or a piece of art. User's can also create their own collections of their favourite pieces, so these collections can be easily accessed in future when looking for inspiration. The site is generally well organised and easy to use, although there are many areas of the site to explore which could be easy to miss for the casual user.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;2. &lt;a href="http://www.logomoose.com/"&gt;LogoMoose&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt; &lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SuSETvFNocI/AAAAAAAAAMM/TYp17owya98/s1600-h/lm.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 116px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SuSETvFNocI/AAAAAAAAAMM/TYp17owya98/s200/lm.jpg" alt="" id="BLOGGER_PHOTO_ID_5396583728087409090" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The second website I am going to comment on is LogoMoose. As the title suggests, this website is all about logo design. User's can upload their own logo design's and the very best are featured on the website's gallery. Only the best are featured as the website aims to be a source of real inspiration for logo design. The website also has features such as awards for the best logos and user's who require logo design can also submit job offers for the designers who use the site. LogoMoose is very well organised and all of the options are very clear; the site is extremely easy to use and navigate around.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;3. &lt;a href="http://www.designsnack.com/"&gt;Design Snack&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SuSGMdb5jEI/AAAAAAAAAMU/lRGU1fQX4Ek/s1600-h/ds.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 116px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SuSGMdb5jEI/AAAAAAAAAMU/lRGU1fQX4Ek/s200/ds.jpg" alt="" id="BLOGGER_PHOTO_ID_5396585802114894914" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;The final website for discussion is called Design Snack. The point of the website is for users to upload XHTML/CSS templates as well as Flash created website designs. This creates a designer showcase that the user controls. A user can then browse through the designs and rate, comment or favourite the designs. The site is well organised and has large fonts and distinctive sections increasing the site's ease of use and desirability.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7059237153351758305?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7059237153351758305/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7059237153351758305' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7059237153351758305'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7059237153351758305'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/10/user-generated-content.html' title='User Generated Content'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SuSD5LK9FEI/AAAAAAAAAME/GB-JLAZqltQ/s72-c/da.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5528421430850125155</id><published>2009-10-24T22:34:00.013+01:00</published><updated>2009-10-25T01:41:18.006Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='dan saffer'/><category scheme='http://www.blogger.com/atom/ns#' term='interaction design'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><category scheme='http://www.blogger.com/atom/ns#' term='joel schafer'/><title type='text'>Interaction Design and Website Design</title><content type='html'>&lt;span style="font-family: arial;font-family:arial;font-size:100%;"  &gt;We were asked to read and comment on two interviews with professional designers; the interviewees being Dan Saffer and Joel Schaffer. Primarily I'd like to say that I found the interviews very enlightening and extremely useful in terms of building the ideal mindset for a designer.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Interview 1 - Dan Saffer: 'Interaction Design is an Applied Art'&lt;/span&gt;&lt;br /&gt;The first point I'd like to touch upon involves the aspects of an interaction design that web designers apply a particular focus to during the creative process. Saffer is very specific when he lists that usefulness, usability and desirability are the most important elements of interaction design. He states that &lt;span style="font-style: italic;font-size:130%;" &gt;"If your design fills a need in people's lives, works well, and looks beautiful, you've got design gold."&lt;/span&gt; Although this statement probably over-simplifies the criteria for creating 'design gold', it clearly points out the three main principles of design that need to be considered during the creative process. If a designer can meet these three principles consistently then they should prove to be very succesful in the industry.&lt;br /&gt;&lt;br /&gt;Saffer goes on to discuss the common mistakes that those who are new to interaction design often make. He says that one of these mistakes is &lt;span style="font-style: italic;font-size:130%;" &gt;"&lt;/span&gt;&lt;span style="font-style: italic;font-size:130%;" &gt;not coming up with enough variations—or, more accurately, not being able to come up with more alternatives. Which is to say, falling in love with one direction and not being able to see others. Often, this direction is something familiar, that the designer is comfortable with."&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: arial;font-family:arial;font-size:100%;"  &gt; I think this is a trap that most designers, of all standards, have probably fallen into at some point or another; myself included. The designer's skillset and creative process can become somewhat one-dimensional as the designer takes a direction that they have used before and are comfortable with. This can lead to repitition in the designer's work and eventually cause their toolset to become very limited. I believe a designer needs to experiment and learn new things, which Saffer later touches on when he mentions the need to tinker.&lt;br /&gt;&lt;br /&gt;I would also like to briefly discuss Saffer's means of inspiration. He describes his desire for seeking inspiration in the interfaces of actual, physical machines. This is an area that I had never seriously considered as a source of inspiration for interaction design before reading this interview. I can now however, realise that sometimes it helps to think outside of the box when seeking inspiration.&lt;br /&gt;&lt;br /&gt;The final point of discussion is Saffer's irritations/distractions whilst working. His answer included the following quotation; &lt;span style="font-size:130%;"&gt;"&lt;/span&gt;&lt;span style="font-style: italic;font-size:130%;" &gt;My own ignorance, lack of skills, or inability to grasp new concepts. My own limitations are always more frustrating than almost anything external&lt;/span&gt;&lt;span style="font-size:130%;"&gt;."&lt;/span&gt; I can certainly relate to this statement as I have often found myself in a position where I have an idea in my head but I find the task of reflecting this idea onto a blank canvas very challenging. It is these limitations of my own that I find to cause me the most frustration during the creative process. A way to improve on these limitations is to divulge in as much relevant information as possible to broaden your view of design.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family: arial;font-family:arial;font-size:100%;"  &gt;&lt;span style="font-weight: bold;"&gt;Interview 2 - Joel Schafer: 'I'm into minimalistic, clean design'&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;font-family:arial;font-size:100%;"  &gt;When describing his own design process Schafer says &lt;span style="font-style: italic;font-size:130%;" &gt;"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic; font-family: arial;font-size:130%;" &gt;I always write down everything to paper before starting a software."&lt;/span&gt;&lt;span style="font-family: arial;"&gt; This is also where I start my own design process (after seeking inspiration). I find that it helps to make a few rough sketches of a website design in order to help organise the various page elements in your mind and to have something visual to work from when you move onto software.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;font-family:arial;" &gt;Schafer also states that a &lt;/span&gt;&lt;span style="font-family: arial; font-style: italic;font-family:arial;font-size:130%;"  &gt;&lt;span&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: arial; font-style: italic;font-family:arial;font-size:130%;"  &gt;good photographer is always good to know.&lt;/span&gt;&lt;span style="font-family: arial; font-style: italic;font-family:arial;font-size:130%;"  &gt;&lt;span&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: arial;font-family:arial;" &gt; This is a good example of how I could expand my own network in order to lessen my own design limitations.&lt;br /&gt;&lt;br /&gt;When listing the languages he uses for coding, he mentions &lt;span style="font-style: italic;font-size:130%;" &gt;&lt;span&gt;"&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: arial; font-style: italic;font-family:arial;font-size:130%;"  &gt;ActionScript, html, xml and sometimes php. These languages is all I need.&lt;/span&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-family: arial; font-style: italic;font-family:arial;font-size:130%;"  &gt;&lt;span&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-family: arial;"&gt; I think that this is a slightly short-sighted view as my belief is that you need to know whatever the client requests and this request may require coding knowledge outside of that bracket. Therefore to state that those languages are all he needs is, in my opinion, slightly ignorant as he has failed to consider that there are other posibilities.&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5528421430850125155?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5528421430850125155/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5528421430850125155' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5528421430850125155'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5528421430850125155'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/10/we-were-asked-to-read-and-comment-on.html' title='Interaction Design and Website Design'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-3972353437063476715</id><published>2009-10-24T17:06:00.005+01:00</published><updated>2009-10-24T17:22:21.925+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><category scheme='http://www.blogger.com/atom/ns#' term='personal website'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio and design service'/><title type='text'>Portfolio V2.0</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Portfolio v2.0: &lt;/span&gt;&lt;a style="font-family: arial;" href="http://www.stephengreig.com/"&gt;http://www.stephengreig.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;I soon got bored with my portfolio and design service website so I decided to re-design it. During the designing process I tried to consider organisation, professionality, simplicity and usability.&lt;br /&gt;&lt;br /&gt;The main difference between the previous design and v2.0 is the simplicity element. Previously, you would enter the 'work' area and have a list of categories to explore. The way the work was presented was 4 thumbnails to a page with next/back buttons to move onto the next/previous set of 4 thumbs. This format meant the work area contained several web pages which could have caused some confusion.&lt;br /&gt;For v2.0, the work area has been stripped to it's bare bones and it now consists of just 3 web pages, each with a very clear and organised gallery layout. There is a gallery for Client work, Other work and Graded work.&lt;br /&gt;&lt;br /&gt;The services area has also been massivly simplified. Previously there were many options to click on, such as logo design, website design etc etc. The &lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;services area for v2.0 is now just a single web page with very clear content detailing what I can offer to the client.&lt;br /&gt;&lt;br /&gt;I'm pleased with the new look and plan to use it for at least another 6 months before I get bored with it again and start on v3.0!&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SuMpS-Yt61I/AAAAAAAAAL8/7FVBGAuBm44/s1600-h/portfoliov2.jpg"&gt;&lt;img style="cursor: pointer; width: 99px; height: 200px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SuMpS-Yt61I/AAAAAAAAAL8/7FVBGAuBm44/s200/portfoliov2.jpg" alt="" id="BLOGGER_PHOTO_ID_5396202184481041234" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-3972353437063476715?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/3972353437063476715/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=3972353437063476715' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3972353437063476715'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3972353437063476715'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/10/portfolio-v20.html' title='Portfolio V2.0'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/SuMpS-Yt61I/AAAAAAAAAL8/7FVBGAuBm44/s72-c/portfoliov2.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5134869900932291520</id><published>2009-10-24T14:51:00.004+01:00</published><updated>2009-10-24T14:59:13.031+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='graphic design website design portfolio'/><title type='text'>What have I been doing?</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;Here's all the design work I've done since my last post in May.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SuMHjj1zxGI/AAAAAAAAAL0/y9hZqRpqcCM/s1600-h/portfoliov2.png"&gt;&lt;img style="cursor: pointer; width: 200px; height: 149px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SuMHjj1zxGI/AAAAAAAAAL0/y9hZqRpqcCM/s200/portfoliov2.png" alt="" id="BLOGGER_PHOTO_ID_5396165086017733730" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SuMHjDpGqAI/AAAAAAAAALs/5BaHTpX2nrE/s1600-h/flapyourwings.jpg"&gt;&lt;img style="cursor: pointer; width: 142px; height: 200px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SuMHjDpGqAI/AAAAAAAAALs/5BaHTpX2nrE/s200/flapyourwings.jpg" alt="" id="BLOGGER_PHOTO_ID_5396165077374511106" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SuMHiwnel1I/AAAAAAAAALk/qjx5IoR6hFU/s1600-h/Get+Back+in+the+Game.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 200px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SuMHiwnel1I/AAAAAAAAALk/qjx5IoR6hFU/s200/Get+Back+in+the+Game.jpg" alt="" id="BLOGGER_PHOTO_ID_5396165072267417426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SuMHiieM5BI/AAAAAAAAALc/dTQRv69cNAM/s1600-h/whereareyougoing.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SuMHiieM5BI/AAAAAAAAALc/dTQRv69cNAM/s200/whereareyougoing.jpg" alt="" id="BLOGGER_PHOTO_ID_5396165068470412306" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SuMHiXAYJXI/AAAAAAAAALU/Q5ArBGAA1LA/s1600-h/Confusion.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 192px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SuMHiXAYJXI/AAAAAAAAALU/Q5ArBGAA1LA/s200/Confusion.jpg" alt="" id="BLOGGER_PHOTO_ID_5396165065392530802" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5134869900932291520?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5134869900932291520/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5134869900932291520' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5134869900932291520'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5134869900932291520'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/10/what-have-i-been-doing.html' title='What have I been doing?'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SuMHjj1zxGI/AAAAAAAAAL0/y9hZqRpqcCM/s72-c/portfoliov2.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-434733654213666567</id><published>2009-10-24T03:45:00.004+01:00</published><updated>2009-10-24T04:05:16.877+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='blog template'/><title type='text'>New Year, New Blog Look</title><content type='html'>So we've started a new academic year... time to reinvent my blog which has been somewhat neglected over the summer. I wanted to design my own Blog template, but that's been put on the backburner until I have sufficient time to do it; so in the meantime I've found this nice, new template to do the job. I designed a header splash thing to try and give this skin more of a unique feel.&lt;br /&gt;&lt;br /&gt;In terms of the year ahead, I'm hoping to expand my knowledge of web development, particularly more complex coding languages which in turn will allow me to broaden the services which I can offer to clients.&lt;br /&gt;&lt;br /&gt;I will be updating my blog soon with all the design stuff I've done since my last post.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-434733654213666567?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/434733654213666567/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=434733654213666567' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/434733654213666567'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/434733654213666567'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/10/new-year-new-blog-look.html' title='New Year, New Blog Look'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5979538753813650856</id><published>2009-05-07T01:07:00.005+01:00</published><updated>2009-05-07T01:18:28.013+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='interactive room'/><category scheme='http://www.blogger.com/atom/ns#' term='box showcase'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive showcase'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Finished Interactive Showcase</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Finally finished it after months of working on this.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;You can view it here:&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.stephengreig.com/interactiveshowcase.html"&gt;&lt;span style="font-family:arial;"&gt;http://www.stephengreig.com/interactiveshowcase.html&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SgInYH23g5I/AAAAAAAAAKY/0lfUypF_NCo/s1600-h/33.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 114px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SgInYH23g5I/AAAAAAAAAKY/0lfUypF_NCo/s200/33.jpg" alt="" id="BLOGGER_PHOTO_ID_5332868204139611026" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SgInYeOXf1I/AAAAAAAAAKg/-aa3nJsSnfk/s1600-h/34.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 114px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SgInYeOXf1I/AAAAAAAAAKg/-aa3nJsSnfk/s200/34.jpg" alt="" id="BLOGGER_PHOTO_ID_5332868210143756114" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SgIntNArx9I/AAAAAAAAAKo/ny-5GHdS60M/s1600-h/35.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 115px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SgIntNArx9I/AAAAAAAAAKo/ny-5GHdS60M/s200/35.jpg" alt="" id="BLOGGER_PHOTO_ID_5332868566300215250" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;The room obviously includes my 5 identities elements but also includes many additional interactive features for the user to explore. A little disappointed with the quality of the images but overall I'm very pleased with it and glad everything seems to work ok.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;If anyone would be kind enough to provide some feedback it would be greatly appreciated.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Send to steve.greig1@ntlworld.com&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Ta.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5979538753813650856?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5979538753813650856/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5979538753813650856' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5979538753813650856'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5979538753813650856'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/05/finished-interactive-showcase.html' title='Finished Interactive Showcase'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SgInYH23g5I/AAAAAAAAAKY/0lfUypF_NCo/s72-c/33.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6687177413988015992</id><published>2009-04-29T00:33:00.011+01:00</published><updated>2009-04-29T00:51:36.578+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='typography'/><category scheme='http://www.blogger.com/atom/ns#' term='avatar'/><category scheme='http://www.blogger.com/atom/ns#' term='pixilation'/><category scheme='http://www.blogger.com/atom/ns#' term='audiovisual'/><category scheme='http://www.blogger.com/atom/ns#' term='logo'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive showcase'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><category scheme='http://www.blogger.com/atom/ns#' term='personal website'/><title type='text'>All Coming Together</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;Finally finished all of my identities elements as well as the design of my showcase. So all that is left to do now is to bring them all together in the final Flash showcase. Here's what I've done...&lt;br /&gt;&lt;br /&gt;1. Logo&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SfeTZIUF0WI/AAAAAAAAAJI/hG3-nMvYYjY/s1600-h/Logo+V3small.jpg"&gt;&lt;img style="cursor: pointer; width: 90px; height: 49px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SfeTZIUF0WI/AAAAAAAAAJI/hG3-nMvYYjY/s200/Logo+V3small.jpg" alt="" id="BLOGGER_PHOTO_ID_5329890743954035042" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;2. Audio-Visual (Pixilation - A Day in the Life of Stephen Greig)&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;a href="http://www.youtube.com/watch?v=ATxaVlBpxIo"&gt;http://www.youtube.com/watch?v=ATxaVlBpxIo&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;3. Avatar&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SfeTtS3y3DI/AAAAAAAAAJQ/f7vEojcro6s/s1600-h/steav.jpg"&gt;&lt;img style="cursor: pointer; width: 69px; height: 51px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SfeTtS3y3DI/AAAAAAAAAJQ/f7vEojcro6s/s200/steav.jpg" alt="" id="BLOGGER_PHOTO_ID_5329891090385525810" border="0" /&gt; &lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SfeTtZAxoeI/AAAAAAAAAJY/xYlCH6LmN1E/s1600-h/steav-s.jpg"&gt;&lt;img style="cursor: pointer; width: 68px; height: 51px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SfeTtZAxoeI/AAAAAAAAAJY/xYlCH6LmN1E/s200/steav-s.jpg" alt="" id="BLOGGER_PHOTO_ID_5329891092033806818" border="0" /&gt; &lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SfeTt6Y-y2I/AAAAAAAAAJg/QF9EBvIoZgg/s1600-h/steav-e.jpg"&gt;&lt;img style="cursor: pointer; width: 68px; height: 51px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SfeTt6Y-y2I/AAAAAAAAAJg/QF9EBvIoZgg/s200/steav-e.jpg" alt="" id="BLOGGER_PHOTO_ID_5329891100993702754" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;4. Portfolio and Design Service Website&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SfeUW5_qSBI/AAAAAAAAAJo/lM7VUvqfzfo/s1600-h/home.jpg"&gt;&lt;img style="cursor: pointer; width: 175px; height: 118px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SfeUW5_qSBI/AAAAAAAAAJo/lM7VUvqfzfo/s200/home.jpg" alt="" id="BLOGGER_PHOTO_ID_5329891805262137362" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;a href="http://www.stephengreig.com/"&gt;http://www.stephengreig.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;5. My World (Graphic Design - Typography)&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SfeUqf0iiiI/AAAAAAAAAJw/72H2q6RXtZA/s1600-h/myworld.jpg"&gt;&lt;img style="cursor: pointer; width: 156px; height: 117px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SfeUqf0iiiI/AAAAAAAAAJw/72H2q6RXtZA/s200/myworld.jpg" alt="" id="BLOGGER_PHOTO_ID_5329892141833554466" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;Interactive Showcase - Completed Design&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SfeU7NN2N8I/AAAAAAAAAJ4/dxcUpdAeYCo/s1600-h/32.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SfeU7NN2N8I/AAAAAAAAAJ4/dxcUpdAeYCo/s200/32.jpg" alt="" id="BLOGGER_PHOTO_ID_5329892428897204162" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SfeV9PSfEvI/AAAAAAAAAKA/DCRHIkaeYJ0/s1600-h/30.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SfeV9PSfEvI/AAAAAAAAAKA/DCRHIkaeYJ0/s200/30.jpg" alt="" id="BLOGGER_PHOTO_ID_5329893563324895986" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;This gives me about 2 weeks for my essay and an extra few days to make my showcase interactive, which I'm hoping will be enough time!&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6687177413988015992?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6687177413988015992/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6687177413988015992' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6687177413988015992'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6687177413988015992'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/04/all-coming-together.html' title='All Coming Together'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SfeTZIUF0WI/AAAAAAAAAJI/hG3-nMvYYjY/s72-c/Logo+V3small.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5818682412437203803</id><published>2009-04-28T19:00:00.004+01:00</published><updated>2009-04-28T19:07:33.013+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='typography'/><category scheme='http://www.blogger.com/atom/ns#' term='my identity'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Final Element - My World (typography)</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;I've known since the start of the module that I was doing a logo, avatar, pixilation and a website for 4 of my 5 identity projects, but I've only decided on my 5th element in the last couple of days.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;For a while I've been trying to think of ideas that would really display my personality and not just things I like etc. I wanted to really spell it out... so I thought I could do just that. Last night I got some friends and family to contribute words that they think describe me. Then, last night and today I have used those words to form my world - according to those who know me best. And this is the result;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SfdFX6AZyfI/AAAAAAAAAJA/d3k9JEipWKI/s1600-h/myworld.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SfdFX6AZyfI/AAAAAAAAAJA/d3k9JEipWKI/s200/myworld.jpg" alt="" id="BLOGGER_PHOTO_ID_5329804961026525682" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;I was given a mass of words from all different types of people in my life, which lead to a variety of descriptive words... many contradictory, but then that's just part of who I am. Sometimes I am quite, sometimes I am loud etc. etc.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5818682412437203803?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5818682412437203803/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5818682412437203803' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5818682412437203803'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5818682412437203803'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/04/final-element-my-world-typography.html' title='Final Element - My World (typography)'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/SfdFX6AZyfI/AAAAAAAAAJA/d3k9JEipWKI/s72-c/myworld.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-4418254038413126213</id><published>2009-04-27T00:06:00.006+01:00</published><updated>2009-04-27T00:40:37.198+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='avatar'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Avatar...</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Originally, I wanted to create an avatar that reflected my own appearance. Then I realised how damn hard that is. I did try - numerous times, but I found it very difficult to create a shape that looks like a human, let alone me! I've never been able to draw people and it seems it's no different with modelling. Fair play to everyone who's created an avatar that looks like them.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;So this presented a problem and I needed to think of a way around it. I thought if I can't show my appearance with my avatar, then I want to put the emphasis on displaying my personality. So this is the concept I've come up with...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;My avatar is my name [STE], with each letter showing a different aspect of my personality. The 'T' is the main body of the avatar, which holds the other letters in each hand. As it is the main body it shows the main part of my personality, which is my casual/laid back approach to life.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The 'S' shows that I like to go out and have a good night.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The 'E' shows that I can be a very hard worker when I need to be.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SfTuGgs3JlI/AAAAAAAAAIo/sRghNGVBtsg/s1600-h/steav.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 148px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SfTuGgs3JlI/AAAAAAAAAIo/sRghNGVBtsg/s200/steav.jpg" alt="" id="BLOGGER_PHOTO_ID_5329146054710863442" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Laid back.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SfTuGkbfB4I/AAAAAAAAAIw/YLFD2ctyIbc/s1600-h/steav-s.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SfTuGkbfB4I/AAAAAAAAAIw/YLFD2ctyIbc/s200/steav-s.jpg" alt="" id="BLOGGER_PHOTO_ID_5329146055711721346" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Party time.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SfTuGvpr1RI/AAAAAAAAAI4/52WrZUqebn0/s1600-h/steav-e.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SfTuGvpr1RI/AAAAAAAAAI4/52WrZUqebn0/s200/steav-e.jpg" alt="" id="BLOGGER_PHOTO_ID_5329146058724070674" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Hard worker - like to get things done.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Three major parts of my personality.&lt;br /&gt;I dont tend to wear party hats when I go out, I don't usually wear shades, and I don't wear ties when I'm working, but this isn't based on my appearance, it's based on showing the different sides to my personality and I feel these features emphasise this.&lt;br /&gt;&lt;br /&gt;I realise it isn't great quality, but I like the concept and feel it's a decent compromise for my lack of 3D modelling skills.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-4418254038413126213?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/4418254038413126213/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=4418254038413126213' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4418254038413126213'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/4418254038413126213'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/04/avatar.html' title='Avatar...'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SfTuGgs3JlI/AAAAAAAAAIo/sRghNGVBtsg/s72-c/steav.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6705610920773057357</id><published>2009-04-26T19:30:00.006+01:00</published><updated>2009-04-26T19:46:01.539+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='logo'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>More Logo Work (and finished AV)</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;So I decided my first logo wasn't really suitable. I liked the concept and thought it looked ok, but it doesn't really meet the criteria for a good logo.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;All the logo's I've done so far;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;1.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SfSpKwDDQnI/AAAAAAAAAH4/Bp8R8Wfy_II/s1600-h/logofinal.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 174px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SfSpKwDDQnI/AAAAAAAAAH4/Bp8R8Wfy_II/s200/logofinal.jpg" alt="" id="BLOGGER_PHOTO_ID_5329070261247623794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;2.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SfSpniXXCOI/AAAAAAAAAIg/MI6MHrmaUfA/s1600-h/Logo+V2small.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 107px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SfSpniXXCOI/AAAAAAAAAIg/MI6MHrmaUfA/s200/Logo+V2small.jpg" alt="" id="BLOGGER_PHOTO_ID_5329070755790915810" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;3.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SfSpLNH95HI/AAAAAAAAAII/ZUpiQ3dqJOw/s1600-h/Logo+V2asmall.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 120px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SfSpLNH95HI/AAAAAAAAAII/ZUpiQ3dqJOw/s200/Logo+V2asmall.jpg" alt="" id="BLOGGER_PHOTO_ID_5329070269052871794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;4.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SfSpLIWww3I/AAAAAAAAAIQ/wetdgZKxHiA/s1600-h/Logo+V3small.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 110px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SfSpLIWww3I/AAAAAAAAAIQ/wetdgZKxHiA/s200/Logo+V3small.jpg" alt="" id="BLOGGER_PHOTO_ID_5329070267772748658" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;5.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SfSpLUE9WTI/AAAAAAAAAIY/vQV7ZtAhnoQ/s1600-h/Logo+V3asmall.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 110px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SfSpLUE9WTI/AAAAAAAAAIY/vQV7ZtAhnoQ/s200/Logo+V3asmall.jpg" alt="" id="BLOGGER_PHOTO_ID_5329070270919301426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Like I said for the first one, I think it looks alright, but when you reduce the size it's hard to make out the shapes.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I think I prefer number 4 as the full logo and I can then use number 3 as a sort of sub logo.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;In addition, I have completed my Audio-Visual piece which is a pixilation entitled 'A Day in the Life of Stephen Greig' - &lt;a href="http://www.youtube.com/watch?v=ATxaVlBpxIo"&gt;watch&lt;/a&gt;.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6705610920773057357?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6705610920773057357/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6705610920773057357' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6705610920773057357'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6705610920773057357'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/04/more-logo-work.html' title='More Logo Work (and finished AV)'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/SfSpKwDDQnI/AAAAAAAAAH4/Bp8R8Wfy_II/s72-c/logofinal.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5420985782882665822</id><published>2009-03-12T01:42:00.005Z</published><updated>2009-03-12T02:00:25.342Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='pixilation'/><category scheme='http://www.blogger.com/atom/ns#' term='audiovisual'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Audiovisual Element</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;Just a quick update of my progress. I decided straight away to do a pixilation for my audiovisual element as I enjoyed the pixilation project from the Narratives module and I'm not really into filming.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I had a few ideas but none of them really said a lot about me, so I racked my brains until I thought of something that would say a hell of a lot about me. My pixilation will be a day in the life of me. I've already shot the pictures with the help of a mate (and my mum!) a couple of weeks ago and will start the editing process during or after Easter.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The basic structure is divided into scenes which are:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Waking up&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Take the car for a spin&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Game time&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Design time&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Eat and Drink&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Getting ready to go out&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;--Clock speeds from 9pm-4am--&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Get home&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Here are a couple of the shots...&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SbhsA3HVSpI/AAAAAAAAAHw/eXSMPEQi1Cg/s1600-h/0147.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 160px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SbhsA3HVSpI/AAAAAAAAAHw/eXSMPEQi1Cg/s200/0147.jpg" alt="" id="BLOGGER_PHOTO_ID_5312114522534005394" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Car Scene&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SbhsAddW9mI/AAAAAAAAAHg/dE4xHiOkPaU/s1600-h/0584.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 160px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SbhsAddW9mI/AAAAAAAAAHg/dE4xHiOkPaU/s200/0584.jpg" alt="" id="BLOGGER_PHOTO_ID_5312114515647067746" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Drinks scene&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SbhsA_-ymgI/AAAAAAAAAHo/kpBGXaTqafw/s1600-h/0758.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 160px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SbhsA_-ymgI/AAAAAAAAAHo/kpBGXaTqafw/s200/0758.jpg" alt="" id="BLOGGER_PHOTO_ID_5312114524914096642" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Getting ready scene&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5420985782882665822?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5420985782882665822/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5420985782882665822' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5420985782882665822'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5420985782882665822'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/03/audiovisual-element.html' title='Audiovisual Element'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SbhsA3HVSpI/AAAAAAAAAHw/eXSMPEQi1Cg/s72-c/0147.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-1566821170425652945</id><published>2009-03-04T13:13:00.006Z</published><updated>2009-03-05T08:06:07.604Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='live4life'/><category scheme='http://www.blogger.com/atom/ns#' term='charity'/><category scheme='http://www.blogger.com/atom/ns#' term='client work'/><category scheme='http://www.blogger.com/atom/ns#' term='cancer research'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Identity Package</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I've done a fair bit of design work in the past couple of days, but none of it course related. Although it is highly relevant! My brother in law is setting up a fun run to take place in the summer in aid of cancer research and I have offered to de&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;sign it's 'identity' by creating a clear house style for multiple documents. This is a&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt; very convenient client project considering my current Identities module and it could benefit my final outcome in the module. I will also be developing a website for the charity, which I have already designed graphically. So far I have done designs for an A3 poster, a letter template, sponsor form, flyer, advert/business card, website and the logo;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/Sa5_a8m3-AI/AAAAAAAAAHA/oc90Ghn8qMA/s1600-h/live4life+package.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 164px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/Sa5_a8m3-AI/AAAAAAAAAHA/oc90Ghn8qMA/s200/live4life+package.jpg" alt="" id="BLOGGER_PHOTO_ID_5309321111638898690" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;There may be a few tweaks here and there but otherwise these designs are final.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/Sa-H3h30wbI/AAAAAAAAAHY/9HnwGfLFJXc/s1600-h/design.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/Sa-H3h30wbI/AAAAAAAAAHY/9HnwGfLFJXc/s200/design.jpg" alt="" id="BLOGGER_PHOTO_ID_5309611873748173234" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;This is the website I have designed for the event which I hope to code soon.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-1566821170425652945?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/1566821170425652945/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=1566821170425652945' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1566821170425652945'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/1566821170425652945'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/03/identity-package.html' title='Identity Package'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/Sa5_a8m3-AI/AAAAAAAAAHA/oc90Ghn8qMA/s72-c/live4life+package.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7281759425051235156</id><published>2009-02-26T22:10:00.003Z</published><updated>2009-02-26T22:19:02.408Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='3ds max'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><category scheme='http://www.blogger.com/atom/ns#' term='shape'/><title type='text'>Me... as a shape?</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SacTjMkEm_I/AAAAAAAAAGw/yICwn8QEru8/s1600-h/shape.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SacTjMkEm_I/AAAAAAAAAGw/yICwn8QEru8/s200/shape.jpg" alt="" id="BLOGGER_PHOTO_ID_5307232181268290546" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;This is the shape that I believe represents me. I think. I'd had a look at some people's blogs and a lot of people had done sphere's, cone's and other rounded objects and I liked the reasoning behind it, so I wanted to be round as well. But then I thought that I needed sides - and a lot of them - because there are many sides to my personality. So I am round because I'm an all round kinda person and I like to just kick back and roll with the flow of things; but I also have several sides to my personality, which I think is what allows me to get on with so many different groups of people.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;However, I'm a little disappointed with the outcome of this task as, although I like what I've put above and believe it, I don't really like the look of my shape. I like it's description and how it relates to me as a person, but aesthetically it's not smooth or shiny enough to suit my taste. And I'm all about aesthetics. So this shape's only half successful.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7281759425051235156?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7281759425051235156/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7281759425051235156' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7281759425051235156'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7281759425051235156'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/me-as-shape.html' title='Me... as a shape?'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/SacTjMkEm_I/AAAAAAAAAGw/yICwn8QEru8/s72-c/shape.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7252813882958050630</id><published>2009-02-26T18:19:00.004Z</published><updated>2009-02-26T18:26:04.125Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='hosting'/><category scheme='http://www.blogger.com/atom/ns#' term='personal website'/><title type='text'>...following on from my last entry</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;As I expected, I got an email today from my hosting company saying I'd made the top 10 and I have qualified for their platinum service blah blah blah. The benefit of this is that I 'get' to pay £97 a year for their platinum service instead of £300 odd. Errrrm, thanks but no thanks.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Would still like to think the whole top 10 website thing is genuine though... although I highly doubt it!&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7252813882958050630?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7252813882958050630/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7252813882958050630' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7252813882958050630'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7252813882958050630'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/following-on-from-my-last-blog.html' title='...following on from my last entry'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-3667071422305554340</id><published>2009-02-26T07:56:00.004Z</published><updated>2009-02-26T08:13:05.509Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='portfolio'/><category scheme='http://www.blogger.com/atom/ns#' term='personal website'/><title type='text'>Promise on the Website Front</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.stephengreig.com"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 177px; height: 119px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SaZO9ENZ5RI/AAAAAAAAAGo/m3325bXtlq0/s200/homepage.jpg" alt="" id="BLOGGER_PHOTO_ID_5307016021911659794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;I got an email from the hosting company that &lt;a href="http://www.stephengreig.com/"&gt;my website's&lt;/a&gt; hosted with explaining that each month, they pick the 'best' 50 new websites and then the best 10 to offer their platinum service to and mine was in that initial group of 50. It doesn't sound all that great but when you consider that they have 10,000 new websites each month, it's a lot more impressive! That's like coming 1st out of 200... which can't be too bad. The top 10 will be picked in the next 10 days.&lt;br /&gt;&lt;br /&gt;Part of the email read;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;"Once a month myself and our marketing manger look through all of&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;our new  accounts and select 50 websites which we believe have&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;future potential based  on their design, page layout, initiative,&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;and development quality.&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-style: italic;font-family:arial;" &gt;"&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-style: italic;font-family:arial;font-size:100%;"  &gt;"Your website was actually a favourite of mine which I put through&lt;br /&gt;personally,  so congratulations Stephen Greig and I wish you the best of&lt;br /&gt;luck over the  next few days!&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-style: italic;font-family:arial;" &gt;"&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;That's all good, but there's a part of me that suspects it's a mass email sent to every user in a coy to 'offer' them their platinum service before saying... "oh by the way, it's another tenner a month!".&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Maybe it's genuine though and hopefully, it will fulfill that 'potential'!&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-3667071422305554340?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/3667071422305554340/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=3667071422305554340' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3667071422305554340'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/3667071422305554340'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/promise-on-website-front.html' title='Promise on the Website Front'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/SaZO9ENZ5RI/AAAAAAAAAGo/m3325bXtlq0/s72-c/homepage.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-2436077029101505203</id><published>2009-02-23T23:10:00.004Z</published><updated>2009-02-24T07:49:08.085Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='spp'/><category scheme='http://www.blogger.com/atom/ns#' term='creativity'/><category scheme='http://www.blogger.com/atom/ns#' term='research'/><title type='text'>Writing Task: Creativity and Research</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;What has my creativity been for in the past few years? Well, after rolling this question around in my head for a short while I have managed to determine three categories for which I 'create' for; &lt;span style="font-weight: bold;"&gt;school&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;clients&lt;/span&gt; and just for &lt;span style="font-weight: bold;"&gt;me&lt;/span&gt;. Then I realised that was &lt;span style="font-style: italic;"&gt;who&lt;/span&gt; I created for. So &lt;span style="font-style: italic;"&gt;what&lt;/span&gt; did I create for?&lt;br /&gt;&lt;br /&gt;In terms of school, I used my creative abilities in order to gain the best grade I could in the creative courses I took, such as GCSE Art and A-Level ICT. I created according to a brief, which took the form of a mark scheme, trying to tick all of the boxes that this mark scheme included.&lt;br /&gt;With regards to clients, I began by creating graphics just to help people out whilst also having something else to add to my portfolio. More recently, I have created graphics and websites for clients with the added incentive of a financial reward - which is always nice.&lt;br /&gt;However, a big chunk of my creativity in the past few years has been for my own benefit (mostly graphic images made on Photoshop); having the freedom to make whatever I wanted, being able to incorporate my own interests into my creative output and most of all, the satisfaction of seeing something that I have created myself that I like and that I can show to other people.&lt;br /&gt;&lt;br /&gt;To sum all of that up, I'd say that my creativity in the past few years has been in order to see/have something that I have made that I like and that other people like.&lt;br /&gt;&lt;br /&gt;I created for school because I was told to - or at least that's how each project started. I had/still have a tendency to turn a school based project into a personal project. For example, if I have created something that meets a certain aspect of the mark scheme perfectly, but is not something I particularly like or am satisfied with, I go back and refine this aspect of the piece until it is something I am happy with, regardless of what the mark scheme says. This was probably my downfall with certain projects, but it meant I was happy with my creation and proud to feature it in my portfolio.&lt;br /&gt;I have created for clients because they asked me to. This was the result of creating for my own benefit, as this work got noticed by various people and I was therefore presented with another reason to create.&lt;br /&gt;So why did I start making graphics for my own benefit? This was down to a mate who had started making some pretty cool stuff on Photoshop; I just said, 'hey that's pretty cool, how'd you do that?' So he showed me the basics and I went from there. I enjoyed having a blank canvas on my screen and an amazing picture in my head, and the challenge of transferring that amazing picture from my head to the blank canvas on my screen. The satisfaction of doing so formed a desire to create - so I did - not for any particular purpose.&lt;br /&gt;&lt;br /&gt;Like any normal being, in the future, I want to use any creative skills I may have picked up in exchange for monetary reward. However, if I have the time I would love to continue to create things - any things - just for me, that I like and that are interesting to me. And anything else I make I want money for!&lt;br /&gt;&lt;br /&gt;Research can most certainly help me get to a point where I can offer my services for regular financial gain. For example, I currently have a new personal website which offers my services, but I don't get a steady flow of requests. Why? Because properly conducted research, the key ingredient, was missing from the creative process. Research into how to market yourself and advertise such a website would go a long way to increasing the amount of users that stumble upon the site. The research starting point that would be most beneficial in this instance is '&lt;span style="font-weight: bold;"&gt;for&lt;/span&gt;', as this involves researching what is happening in other related disciplines. This allows you to understand how other, similar services have made themselves known and how they are sustaining that interest.&lt;br /&gt;&lt;br /&gt;With regards to creativity in general, I feel most drawn to the '&lt;span style="font-weight: bold;"&gt;In front of&lt;/span&gt;' research starting point, as I feel creativity is all about meeting some kind of goal; whether it be a brief set by someone else or just a picture in your head. People's reactions to the work measure how well that goal has been met and the work can the be revised in order to meet it better, resulting in a better final piece.&lt;br /&gt;&lt;br /&gt;I feel there is a place for all of the research starting points in certain situations, but the one which I feel is most irrelevant is the '&lt;span style="font-weight: bold;"&gt;In through&lt;/span&gt;' research starting point. This is because I feel the creative output is the only really important thing. Excluding obvious practical factors such as time and expense, if two people produce the same output, then their various processes to reach that output are irrelevant.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-2436077029101505203?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/2436077029101505203/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=2436077029101505203' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2436077029101505203'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2436077029101505203'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/writing-task-creativity-and-research.html' title='Writing Task: Creativity and Research'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-2612981280187969281</id><published>2009-02-16T18:53:00.008Z</published><updated>2009-02-17T18:09:19.271Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='logo'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Logo</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Started work on my logo today and the process has been pretty quick and easy. I began by thinking of the things that make me, me, by referring to the brainstorm I did at the start of the module. I then did some very crappy drawings to give an idea to work from.&lt;/span&gt;   &lt;span style="font-family:arial;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SZm6ghr-acI/AAAAAAAAAGQ/mn1m7sWjfhw/s1600-h/logo+sketches.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 130px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SZm6ghr-acI/AAAAAAAAAGQ/mn1m7sWjfhw/s200/logo+sketches.jpg" alt="" id="BLOGGER_PHOTO_ID_5303475104166865346" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;&lt;br /&gt;Once I had a solid idea I was happy with I began designing the logo on Photoshop.&lt;br /&gt;&lt;/span&gt; &lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SZm4FVS3nKI/AAAAAAAAAF4/_CThlWv-IDQ/s1600-h/Logo1.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 154px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SZm4FVS3nKI/AAAAAAAAAF4/_CThlWv-IDQ/s200/Logo1.jpg" alt="" id="BLOGGER_PHOTO_ID_5303472437960613026" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SZm4FabnMXI/AAAAAAAAAGA/ghbWge65oXs/s1600-h/logocolour.jpg"&gt; &lt;img style="cursor: pointer; width: 149px; height: 129px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SZm4FabnMXI/AAAAAAAAAGA/ghbWge65oXs/s200/logocolour.jpg" alt="" id="BLOGGER_PHOTO_ID_5303472439339463026" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SZm4FbnJASI/AAAAAAAAAGI/_MLUlCM-hP0/s1600-h/logo2.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 174px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SZm4FbnJASI/AAAAAAAAAGI/_MLUlCM-hP0/s200/logo2.jpg" alt="" id="BLOGGER_PHOTO_ID_5303472439656251682" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt; Final logo.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;"&gt;My two main passions in life are music and football, so I'm really pleased that I was able to portray this clearly in my logo. To ensure it wasn't &lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic;font-family:arial;font-size:100%;"  &gt;too&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt; bland I added a tint of blue as blue is my favourite colour and I like working with it. However, I realise the lack of colour/contrast may still be an aspect of the logo I have to work on. But as of now, I'm happy with this design as my final piece.&lt;br /&gt;&lt;br /&gt;I feel it pretty much sums me up. Music + football = me.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-2612981280187969281?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/2612981280187969281/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=2612981280187969281' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2612981280187969281'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2612981280187969281'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/logo.html' title='Logo'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SZm6ghr-acI/AAAAAAAAAGQ/mn1m7sWjfhw/s72-c/logo+sketches.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7099217780975659374</id><published>2009-02-16T00:42:00.004Z</published><updated>2009-02-16T00:50:50.386Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='3ds max'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive room'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive showcase'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Another Showcase Update</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;Since my last post I have modeled some CD, DVD and Xbox 360 cases so I could add some of my personal preferences to the room. It was hard only trying to pick a few so I ended up with 20 CD's, 18 DVD's and 8 360 games. My plan is to use these in an extra interactive feature in the room; you will be able to click on the area to close in on the cases and then hover over each case to view the front cover and game/film title/music artist.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZi37IBgWZI/AAAAAAAAAFg/xP6_ZO5XFgo/s1600-h/23.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 188px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZi37IBgWZI/AAAAAAAAAFg/xP6_ZO5XFgo/s200/23.jpg" alt="" id="BLOGGER_PHOTO_ID_5303190787622721938" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SZi37PSt6iI/AAAAAAAAAFo/t4XxvSZ9sp0/s1600-h/25.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 188px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SZi37PSt6iI/AAAAAAAAAFo/t4XxvSZ9sp0/s200/25.jpg" alt="" id="BLOGGER_PHOTO_ID_5303190789573962274" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZi37CXUo3I/AAAAAAAAAFw/D1HmRS1-M4w/s1600-h/26.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 188px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZi37CXUo3I/AAAAAAAAAFw/D1HmRS1-M4w/s200/26.jpg" alt="" id="BLOGGER_PHOTO_ID_5303190786103616370" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7099217780975659374?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7099217780975659374/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7099217780975659374' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7099217780975659374'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7099217780975659374'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/another-showcase-update.html' title='Another Showcase Update'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SZi37IBgWZI/AAAAAAAAAFg/xP6_ZO5XFgo/s72-c/23.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-2188503612864328232</id><published>2009-02-12T02:13:00.006Z</published><updated>2009-02-12T02:39:37.914Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='3ds max'/><category scheme='http://www.blogger.com/atom/ns#' term='modelling'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive room'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive showcase'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>2nd Interactive Showcase Update: Design Stage</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;The last time I posted I had the main design of the room completed plus some of the smaller objects such as the computer/lamp etc. I have since continued creating the objects that give the room a bit of life and that make it look like it is being lived in. I've added a PC keyboard, an Xbox 360 and a CD player which were all very tricky to model with my limited knowledge of the software. Here are the render screen shots.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SZOHleonghI/AAAAAAAAAEw/wPICsqZQric/s1600-h/14.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SZOHleonghI/AAAAAAAAAEw/wPICsqZQric/s200/14.jpg" alt="" id="BLOGGER_PHOTO_ID_5301730264293540370" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZOHlnKziEI/AAAAAAAAAE4/Px5B3XRY4J4/s1600-h/15.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZOHlnKziEI/AAAAAAAAAE4/Px5B3XRY4J4/s200/15.jpg" alt="" id="BLOGGER_PHOTO_ID_5301730266584418370" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SZOHl7P8oKI/AAAAAAAAAFA/QVUjhcm_4NE/s1600-h/17.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SZOHl7P8oKI/AAAAAAAAAFA/QVUjhcm_4NE/s200/17.jpg" alt="" id="BLOGGER_PHOTO_ID_5301730271974695074" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SZOHl2NoGCI/AAAAAAAAAFI/2CphHJ8r0Pg/s1600-h/18.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SZOHl2NoGCI/AAAAAAAAAFI/2CphHJ8r0Pg/s200/18.jpg" alt="" id="BLOGGER_PHOTO_ID_5301730270622783522" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SZOHmMcHxRI/AAAAAAAAAFQ/t1pEyfa4Uwo/s1600-h/19.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 145px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SZOHmMcHxRI/AAAAAAAAAFQ/t1pEyfa4Uwo/s200/19.jpg" alt="" id="BLOGGER_PHOTO_ID_5301730276589159698" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZOIbxs62JI/AAAAAAAAAFY/OxsSnLV7SJM/s1600-h/20.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZOIbxs62JI/AAAAAAAAAFY/OxsSnLV7SJM/s200/20.jpg" alt="" id="BLOGGER_PHOTO_ID_5301731197124794514" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I'm really pleased&lt;/span&gt;&lt;/span&gt;&lt;span style=";font-family:arial;font-size:100%;"  &gt; with how the keyboard turned out as it's probably the most realistic thing I've done on 3DS Max so far. It was actually pretty simple to model; it was just a very repetitive and tedious process.  It's a shame you can't see any of the detail in the room as it's so far away, but maybe i'll find another use for it.&lt;br /&gt;I left out a lot of detail and generally modelled the Xbox pretty badly, but I figured it would be sufficient due to its position in the room&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;, as it would have been hard to make out the detail anyway. Same goes for the CD player really.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;All in all, I'm really pleased with how the room looks and I'm glad I decided to learn how to use the software properly. All that remains is to add some CD's to the shelf and model some kind of computer chair. However, I daresay there might be a few more additions before it is properly finished.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-2188503612864328232?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/2188503612864328232/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=2188503612864328232' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2188503612864328232'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/2188503612864328232'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/interactive-showcase-update-design.html' title='2nd Interactive Showcase Update: Design Stage'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/SZOHleonghI/AAAAAAAAAEw/wPICsqZQric/s72-c/14.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-547495986746908109</id><published>2009-02-10T00:07:00.012Z</published><updated>2009-02-10T00:36:55.782Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='3ds max'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive room'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive showcase'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Interactive Showcase Update: Design Stage</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I've had a very productive week in terms of work for the module, despite not making it to my lectures/seminars on Thursday and Friday!&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I've been working tirelessly on my 3D room (my interactive showcase). The room is now taking shape as I've done a lot of modeling with the help of Google and some online tutorials. My skills with the software are progressing at a very decent rate, which has allowed me to create whatever I have wanted to create and make things look like I want them to look.&lt;br /&gt;&lt;br /&gt;I've been recording my progress by taking screenshots of the 3D room render after I completed each model and added it to the room.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIRHskfOI/AAAAAAAAADI/P4-A4GBg8Jk/s1600-h/1.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIRHskfOI/AAAAAAAAADI/P4-A4GBg8Jk/s200/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5300956957864393954" border="0" /&gt;&lt;/a&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SZDIRB4C8bI/AAAAAAAAADQ/KPg7ilDSI8w/s1600-h/2.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SZDIRB4C8bI/AAAAAAAAADQ/KPg7ilDSI8w/s200/2.jpg" alt="" id="BLOGGER_PHOTO_ID_5300956956301914546" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SZDIRU8uryI/AAAAAAAAADY/Jh9rM3EeR5E/s1600-h/3.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SZDIRU8uryI/AAAAAAAAADY/Jh9rM3EeR5E/s200/3.jpg" alt="" id="BLOGGER_PHOTO_ID_5300956961421831970" border="0" /&gt;&lt;/a&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIRZSTMrI/AAAAAAAAADg/YNwbm9PFtmg/s1600-h/4.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIRZSTMrI/AAAAAAAAADg/YNwbm9PFtmg/s200/4.jpg" alt="" id="BLOGGER_PHOTO_ID_5300956962586047154" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SZDIRRFUm7I/AAAAAAAAADo/OIxqS5_D7ro/s1600-h/5.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SZDIRRFUm7I/AAAAAAAAADo/OIxqS5_D7ro/s200/5.jpg" alt="" id="BLOGGER_PHOTO_ID_5300956960384129970" border="0" /&gt;&lt;/a&gt;&lt;a style="font-weight: bold; font-style: italic;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SZDIxqDjeTI/AAAAAAAAADw/FAaCsNgyK1c/s1600-h/6.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SZDIxqDjeTI/AAAAAAAAADw/FAaCsNgyK1c/s200/6.jpg" alt="" id="BLOGGER_PHOTO_ID_5300957516843415858" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIxkUu85I/AAAAAAAAAD4/1XxEkTnJTqg/s1600-h/7.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIxkUu85I/AAAAAAAAAD4/1XxEkTnJTqg/s200/7.jpg" alt="" id="BLOGGER_PHOTO_ID_5300957515304858514" border="0" /&gt;&lt;/a&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIxzldq_I/AAAAAAAAAEA/MKnbFHTPIx0/s1600-h/8.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIxzldq_I/AAAAAAAAAEA/MKnbFHTPIx0/s200/8.jpg" alt="" id="BLOGGER_PHOTO_ID_5300957519401561074" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SZDIyFfnpeI/AAAAAAAAAEI/UXaKkTVTpBY/s1600-h/9.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SZDIyFfnpeI/AAAAAAAAAEI/UXaKkTVTpBY/s200/9.jpg" alt="" id="BLOGGER_PHOTO_ID_5300957524208887266" border="0" /&gt;&lt;/a&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SZDIyFBGDAI/AAAAAAAAAEQ/_DIMhdP64io/s1600-h/10.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SZDIyFBGDAI/AAAAAAAAAEQ/_DIMhdP64io/s200/10.jpg" alt="" id="BLOGGER_PHOTO_ID_5300957524080856066" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDJJV5HSXI/AAAAAAAAAEg/MiiiVfp2Mw8/s1600-h/12.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDJJV5HSXI/AAAAAAAAAEg/MiiiVfp2Mw8/s200/12.jpg" alt="" id="BLOGGER_PHOTO_ID_5300957923747776882" border="0" /&gt;&lt;/a&gt;&lt;a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDJJW4LCXI/AAAAAAAAAEo/7Z7Cuo46lMY/s1600-h/13.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SZDJJW4LCXI/AAAAAAAAAEo/7Z7Cuo46lMY/s200/13.jpg" alt="" id="BLOGGER_PHOTO_ID_5300957924012263794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I followed tutorials to create the bed, the pc monitor, part of the computer tower, the drawers and the lamp. I was able to use the skills I'd learnt from these tutorials to create the desk, cupboards, tv, shelf, mouse and the computer speakers.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;All that remain are the small, fiddly things like a CD player and an Xbox 360, which I imagine will be the most testing things I would have attempted to model. However, I aim to finish the room design by the end of the week so then I can actually start the module projects and eventually make the room design interactive.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-547495986746908109?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/547495986746908109/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=547495986746908109' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/547495986746908109'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/547495986746908109'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/showcase-update-design-stage.html' title='Interactive Showcase Update: Design Stage'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SZDIRHskfOI/AAAAAAAAADI/P4-A4GBg8Jk/s72-c/1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6717015981242776613</id><published>2009-02-06T17:01:00.005Z</published><updated>2009-02-06T17:19:03.163Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='planing'/><category scheme='http://www.blogger.com/atom/ns#' term='interactive room'/><category scheme='http://www.blogger.com/atom/ns#' term='box showcase'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Interactive Showcase</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family: arial;"&gt;I've been working on ideas for my interactive 'box' that will showcase the 5 pieces of work I have to produce throughout the Identities module.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I tried to think outside of the box - so to speak - and after considering many options I have decided to attempt to create an interactive room to present my 5 projects.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I have a habit of making more work for myself than is entirely necessary and this appears no different. I want to model the room using 3DS Max in order to produce the most realistic, professional looking piece possible. It is based upon my actual room although certain aspects will be modified considerably for practicality.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I have produced a couple of sketches of my room design. The first design is just a very rough representation of my own room and is of a  pretty awful standard, but you get the idea.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SYxu6vZDKyI/AAAAAAAAAC4/hmmua2j_F14/s1600-h/roughroomsketch.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 166px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SYxu6vZDKyI/AAAAAAAAAC4/hmmua2j_F14/s200/roughroomsketch.jpg" alt="" id="BLOGGER_PHOTO_ID_5299732816941230882" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;At this stage, I was planning to design the room graphically, using Adobe Photoshop. I then considered using 3DS Max, which I thought would mean a hell of a lot of work and an extremely steep learning curve to start climbing, but I decided the potential output of using 3DS Max was too good not to attempt. So I completed another, more detailed sketch of my room in a more practical perspective that I plan to adopt during the room's actual creation. All of the features are labelled so you can see how exactly I plan to feature my 5 Identities projects in the interactive room.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SYxv1hX11MI/AAAAAAAAADA/21d9gPMru0E/s1600-h/annotatedroomsketch.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 109px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SYxv1hX11MI/AAAAAAAAADA/21d9gPMru0E/s200/annotatedroomsketch.jpg" alt="" id="BLOGGER_PHOTO_ID_5299733826790347970" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;The ideas are not set in stone, but the general concept is clear. I still don't even know what I am doing for my 5th Identities project, but if possible I would like to attempt a game of sorts, so this could be an interactive feature for the xbox in the room.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;I have since made a start on modelling my room in 3Ds Max and so far have a floor, walls and the drawers finished. I realise my plan will require a lot of work but I'm prepared to persist and hopefully the final output will be as good as the picture I have in my head.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6717015981242776613?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6717015981242776613/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6717015981242776613' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6717015981242776613'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6717015981242776613'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/interactive-showcase.html' title='Interactive Showcase'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_-HrheaWGJdw/SYxu6vZDKyI/AAAAAAAAAC4/hmmua2j_F14/s72-c/roughroomsketch.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6322383346956394783</id><published>2009-02-06T00:42:00.002Z</published><updated>2009-02-06T00:45:36.293Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='moodboard'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Moodboard</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;My moodboard for the identities module. Just a simple collection of images of things I like.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-HrheaWGJdw/SYuH8PfkuZI/AAAAAAAAACw/JoTliYZqTdg/s1600-h/moodboard.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://2.bp.blogspot.com/_-HrheaWGJdw/SYuH8PfkuZI/AAAAAAAAACw/JoTliYZqTdg/s200/moodboard.jpg" alt="" id="BLOGGER_PHOTO_ID_5299478855552383378" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-6322383346956394783?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/6322383346956394783/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=6322383346956394783' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6322383346956394783'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/6322383346956394783'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/02/moodboard.html' title='Moodboard'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_-HrheaWGJdw/SYuH8PfkuZI/AAAAAAAAACw/JoTliYZqTdg/s72-c/moodboard.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-7975993266434655108</id><published>2009-01-28T20:27:00.010Z</published><updated>2009-01-28T21:05:40.821Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='spp'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='development'/><category scheme='http://www.blogger.com/atom/ns#' term='multimedia practitioner'/><title type='text'>What am I doing to develop myself as a multimedia practitioner?</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;The pathway I plan to take next year is Online Environments, as the area of multimedia I specialise in is web design. My main strength is graphic design and this can also be put to good use within an online environment, so I feel this is the perfect route to take in order to enhance my existing skills.&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;I have been designing websites for a couple of years, often relying on my graphic design skills rather than my coding skills, as I tended to use WYSIWYG (what you see is what you get) software, such as Adobe Dreamweaver to put the HTML web pages together. This produces messy and sometimes out-dated code, which makes it difficult to maintain and update and can also cause problems in future. I also created my html layouts using tables, a technique which I have read is an old and out-dated technique and there are now far better alternatives.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I decided I needed to c&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;ean up my knowledge of html and css and be able to code a website by hand, without the use of WYSIWYG software. I purcased a massive book, which details what you can do with xhtml and css and how to create good looking websites with clean and valid xhtml code. The book also goes on to discuss other programming languages such as PHP and javascript, which I plan to read at some point.&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;After reading about how to produce css based layouts and valid xhtml code, I set about creating my own personal website. I designed the entire website in Adobe Photoshop, ensuring I put my graphic design strengths to full use, before coding the website from scratch using a text editor. I constantly checked that my code was 100% correct and valid, using an online code validator.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;My website can be found here; &lt;a href="http://www.stephengreig.com/"&gt;www.stephengreig.com&lt;/a&gt; however I intend to modify the site further, mostly in terms of content.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-HrheaWGJdw/SYDG4zwvx-I/AAAAAAAAACo/oFbTh2aEvqc/s1600-h/layoutdesign.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 143px;" src="http://1.bp.blogspot.com/_-HrheaWGJdw/SYDG4zwvx-I/AAAAAAAAACo/oFbTh2aEvqc/s200/layoutdesign.jpg" alt="" id="BLOGGER_PHOTO_ID_5296451841057343458" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I also attracted the attention of a new, American based website design company and have signed a contract with them to produce websites on request. This should hopefully provide some insight into how professional web design companies operate and what standards are expected in the industry. &lt;a href="http://www.vertigocreations.com/"&gt;www.vertigocreations.com&lt;/a&gt; (I designed the basic website before it as manipulated to meet the owner's specific needs). Other websites I have made via this company;&lt;br /&gt;&lt;a href="http://www.tier-10.com/"&gt;www.tier-10.com&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.neumodemedia.com/"&gt;www.neumodemedia.com&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;So that's what I'm doing to develop myself as a web designer; I've read a book, made my own website and signed a contract with a web design company.&lt;br /&gt;&lt;br /&gt;Oh, also, in terms of graphic design, I designed many pages (including front/back cover) for a recently published Hereford United book;&lt;br /&gt;&lt;a href="http://www.stephengreig.com/wagu.html"&gt;http://www.stephengreig.com/wagu.html&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.herefordunited.co.uk/buy/2288613/The-Whites-Are-Going-Up"&gt;http://www.herefordunited.co.uk/buy/2288613/The-Whites-Are-Going-Up&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-7975993266434655108?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/7975993266434655108/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=7975993266434655108' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7975993266434655108'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/7975993266434655108'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/01/what-am-i-doing-to-develop-myself-as.html' title='What am I doing to develop myself as a multimedia practitioner?'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_-HrheaWGJdw/SYDG4zwvx-I/AAAAAAAAACo/oFbTh2aEvqc/s72-c/layoutdesign.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-9022647979158167291</id><published>2009-01-22T16:47:00.003Z</published><updated>2009-01-22T17:27:02.859Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='ideas'/><category scheme='http://www.blogger.com/atom/ns#' term='3d'/><category scheme='http://www.blogger.com/atom/ns#' term='avatars'/><category scheme='http://www.blogger.com/atom/ns#' term='character design'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Avatar Ideas</title><content type='html'>&lt;span style=";font-family:arial;font-size:100%;"  &gt;Today we had our first lecture on the Identities module; the topic of which was the 3D avatars that we are required to create. I found the lecture more useful than I anticipated as it gave me a much clearer idea of how to create a digital incarnation of myself that shows who I am as a person.&lt;br /&gt;&lt;/span&gt;&lt;ul style="font-family: arial;font-family:arial;" &gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Preferences&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul style="font-family: arial;font-family:arial;" &gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Possessions&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul style="font-family: arial;font-family:arial;" &gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Passions&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;The above points are the '3 P's' that were presented to us in the lecture. If these points are used as a guide, we shouldn't have much trouble trying to show ourselves in the avatars we create.&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-weight: bold;"&gt;Preferences:&lt;/span&gt; I assume this point to mean your own personal preferences in terms of things such as clothes for example that can obviously be easily shown on your avatar.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-weight: bold;"&gt;Possessions:&lt;/span&gt; Your favorite possessions could be evident on your avatar. For example, if you cherish your headphones or you can't live without your phone, these could be easily included in your avatar creation. Alternatively, if there is one particular item that sums you up as a person, your avatar could simply be a modified version of this object. We were shown some impressive examples of this in the lecture; one for example being a little ketchup bottle character.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SXir3vOmANI/AAAAAAAAACg/MfE8cWIZmoI/s1600-h/ketchup+character.jpg"&gt;&lt;img style="cursor: pointer; width: 100px; height: 163px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SXir3vOmANI/AAAAAAAAACg/MfE8cWIZmoI/s200/ketchup+character.jpg" alt="" id="BLOGGER_PHOTO_ID_5294170336032850130" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-weight: bold;"&gt;Passions:&lt;/span&gt; If you are passionate about something then it is likely to be a big part of who you are and you'd probably want to show this in your avatar. If you are passionate about art for example, your avatar could be holding a paint brush and colour palette or something similar.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;My ideas:&lt;/span&gt;&lt;br /&gt;My two main passions in life are Hereford United (football) and music. I intend to show my passion for Hereford United by having my character wear a Hereford shirt or perhaps a scarf.&lt;br /&gt;In order to show my love for music, I think I will have my character sporting some headphones or an I-Pod or something similar.&lt;br /&gt;My character's attire will display my personal preference in terms of clothing, and obviously the Hereford shirt/scarf will show my preference in terms of football teams.&lt;br /&gt;With regards to appearance, at this stage, I plan to work with my actual appearance as opposed to something enitrely different like an object. I would like to create my avatar with a big smile as I feel this will reflect my personality somewhat - and the fact that I smile a lot!&lt;br /&gt;I'm glad I did the mind map of myself yesterday as I think this helped a lot with these thought processes.&lt;br /&gt;&lt;br /&gt;I'm looking forward to starting the 3D avatars and I'm hoping I can create a good quality, digital version of myself that shows who I am. I'm also hoping there's not too much drawing involved! I did actually get an A in art at GCSE but I can't draw characters for shit.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-9022647979158167291?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/9022647979158167291/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=9022647979158167291' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/9022647979158167291'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/9022647979158167291'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/01/avatar-ideas.html' title='Avatar Ideas'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SXir3vOmANI/AAAAAAAAACg/MfE8cWIZmoI/s72-c/ketchup+character.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-5778336603014387168</id><published>2009-01-21T16:22:00.004Z</published><updated>2009-01-21T16:35:59.333Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='my identity'/><category scheme='http://www.blogger.com/atom/ns#' term='brainstorm'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><category scheme='http://www.blogger.com/atom/ns#' term='mind map'/><title type='text'>Identities - My Identity</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;The identities module is all about creating things that represent ourselves. Logos, avatars, pixilations etc. etc. that show a part of who we are. This got me to thinking about who I actually am and how I could show myself in my work. So I decided to create a mind map for myself, to organise everything I know about myself. I'm hoping this will help me with this module, in terms of having a clear idea of my identity.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-HrheaWGJdw/SXdN-uPbXiI/AAAAAAAAACY/pBycI-XEi9k/s1600-h/me.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_-HrheaWGJdw/SXdN-uPbXiI/AAAAAAAAACY/pBycI-XEi9k/s200/me.jpg" alt="" id="BLOGGER_PHOTO_ID_5293785626957274658" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4308056754494358482-5778336603014387168?l=stesntublog.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://stesntublog.blogspot.com/feeds/5778336603014387168/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4308056754494358482&amp;postID=5778336603014387168' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5778336603014387168'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4308056754494358482/posts/default/5778336603014387168'/><link rel='alternate' type='text/html' href='http://stesntublog.blogspot.com/2009/01/identities.html' title='Identities - My Identity'/><author><name>Ste</name><uri>http://www.blogger.com/profile/14196403128040869842</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='19' src='http://2.bp.blogspot.com/_-HrheaWGJdw/SuJpCE0pQ7I/AAAAAAAAAK0/ACOBENDBv48/S220/Logo+V2asmall.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_-HrheaWGJdw/SXdN-uPbXiI/AAAAAAAAACY/pBycI-XEi9k/s72-c/me.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4308056754494358482.post-6038131198507550571</id><published>2009-01-20T23:10:00.013Z</published><updated>2009-01-21T15:19:00.266Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='second life'/><category scheme='http://www.blogger.com/atom/ns#' term='avatars'/><category scheme='http://www.blogger.com/atom/ns#' term='identities'/><title type='text'>Online Environments - Diary Entry 1</title><content type='html'>&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:arial;"&gt;As an introduction to the Identities module I have been exploring the world of 3D avatars, as we will eventually be developing our own to represent ourselves.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The 3D online environment I have been exploring is known as 'Second Life', which allows 3D avatars to move around 3d surroundings freely and talk to other avatars. The concept is based on a standard text-based chat room but has been developed into a virtual world within which you can create a visual representation of yourself and literally live a second life.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The site is very easy to sign up to and the software is quick to download; however, the first real negative I discovered was the lack of flexibility in terms of your avatar's appearance as well as the character names available.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I found the movement controls easy to adapt to and I was impressed with the freedom the program allows, as you can fly all around your current environment and instantly teleport to different locations, which was pretty fun at first. I found the novelty soon wore off though and I was soon bored with the apparent lack of things to do. Nothing fun is free... not far off the real world!&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I decided to explore Second Life by searching for various famous landmarks and visiting them. Here are the holiday snaps...&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SXZedV46ewI/AAAAAAAAABw/jnw4FEKbjBI/s1600-h/eiffel+tower+1.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SXZedV46ewI/AAAAAAAAABw/jnw4FEKbjBI/s200/eiffel+tower+1.jpg" alt="" id="BLOGGER_PHOTO_ID_5293522270205672194" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This is me flying around the Eiffel Tower&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-HrheaWGJdw/SXZeuR9Ck0I/AAAAAAAAAB4/Aky0jgap51U/s1600-h/oval+office.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 144px;" src="http://4.bp.blogspot.com/_-HrheaWGJdw/SXZeuR9Ck0I/AAAAAAAAAB4/Aky0jgap51U/s200/oval+office.jpg" alt="" id="BLOGGER_PHOTO_ID_5293522561207014210" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Me in t
