tisdag 1 juni 2010

Projektutvärdering

Nu har jag gjort klar min webbsida och lagt ut den på internet.

Två personer som skulle vara typiska besökare på webbsidan fick besöka den och därefter bli intervjuade. Jag frågade om vad de tyckte om webbplatsen, jag frågade bland annat om design, navigering, fotografier och om de skulle kunna tänka sig att gå in på denna webbsida igen och titta på fotografierna om den fortsatte att uppdateras med nya bilder. Jag fick bra respons från båda personerna som tyckte att webbsidan så bra ut och var lätt att ta sig runt på. En av de intervjuade säger att han först tyckte att han ville läsa mer om bilderna (mer text), men sa sedan att han kom på att han inte alls ville det. Det är ju bilderna som ska tala, sa han. Båda tycker att sidan är smakfull och stilren. Jag fick fram det jag ville att sida skulle visa upp och slutprodukten blev lik grundtanken om hur jag ville ha sidan. I efterhand kan jag säga att jag inte riktigt hade tänkt igenom alla små detaljer riktigt utan fick göra det under tiden, men det gjorde inte arbetet svårare alls. Det gick väldigt smidigt.

Själv är jag inte helt nöjd med webbsidan eftersom det på flera ställen finns saker som jag troligen skulle ha gjort annorlunda om jag skulle gjort om sidan. Exempel på det är att bilderna i ”mapparna” ligger åt olika håll, blandat med vågräta och lodräta bilder. Detta tycker jag inte är jättesnyggt, men det duger för tillfället. Om jag ska fortsätta med webbsidan ska jag nog ändra det. Dessutom kan jag tycka att Thickboxen kan vara lite jobbig när (den lilla) nextknappen flyttar på sig när man byter mellan bilderna och att det därför inte går snabbt att bläddra igenom bilderna. Fast på samma gång så är det inte meningen att man ska göra det heller, så jag är nöjd med det med.

Syftet med sidan var att visa upp Fotograf Dan Wiklunds bilder. Båda de intervjuade tycker att bilderna är roliga att titta på. Den ena säger bland annat: (om motiven på fotografierna) De är skiftande och fotografierna har många intressanta vinklar och motiv.

För att folk ska hitta till sidan har jag bett de två intervjuade att berätta det vidare till sina vänner och jag har även gjort ”reklam” på Facebook. Efter detta har jag fått några kommentarer på sidan.

En sak som dök upp nu i slutet var att hemsidan inte var anpassad till Firefox. Eftersom det, vad jag kunde se, inte stod något om Firefox på kurshemsidan och på uppgiftssidan visste jag inte om detta. Det gjorde att det blev problem med CSS-mallen och Thickbox som inte ville koppla till sidan och att det därför inte såg ut så som det var tänkt. Jag tycker att det är väldigt svårt att lösa detta eftersom det inte står någonstans om hur man gör och därför att jag inte har anpassat det speciellt för Explorer (jag har bara följt kurslitteraturen när jag har skrivit koder). Jag frågade om hjälp till Jonathan Wahlström och testade runt. När jag testade att flytta in css-koderna in i dokumentet fungerade utseendet som det skulle, dock fungerade inte Thickbox då. Men Jonathan hjälpte mig att ändra till formatet utf-8 och då fungerade allt med css-mallen. För att sidans å, ä, ö skulle synas och inte vara ”krumelutter” var jag också tvungen att ändra charset=utf-8 i koderna.

Genom att göra denna webbsida har jag lärt mig nya saker som jag inte kunde innan.

måndag 10 maj 2010

Projektrealisering

Nu har till stor del gjort färdigt mitt arbete och byggt upp min webbsida. Det har gått väldigt smidigt, fast några knepiga saker som jag har funderat över har uppstått.

Jag började bygga upp sidan i PSPad, där jag skrev grunderna. Jag gjorde Index-sidan, med layouten så som jag ville ha den. Den blev ganska lik den sidan jag gjorde en mockup på. Jag använde mig av samma vita bakgrund, med träd på sidorna. Dock har jag gjort lite småändringar med mellanrum och linjer. Jag tycker att den här bilden är lite rörig, vilket är en skillnad från webbsidan eftersom jag där har mer vitt mellan grenarna på sidan och bilderna. Dessutom har jag bara gjort sex bildmappar.

Jag tycker att målgruppen för sidan passar designen eftersom den är enkel och vuxen, och samtidigt lite konstnärlig vilket passar en fotograferande besökare. Man kanske kan tycka att rubriken känns lite feminin eftersom det är skrivstil, men jag tycker att det passade bra på sidan eftersom man får en mer personlig känsla av att det just är Fotograf Dan Wiklund som visar upp bilderna. Det ser då ut som en signatur. Jag tror att min persona Lars tycker att det är bra att det ser ljust och positivt ut. Dessutom passar bilderna i mapparna Lars eftersom han är en nyfiken människa som gillar att resa och upptäcka nya platser.

Olika svårigheter jag har haft under arbetets gång:
En sak som jag i början var lite osäker på hur jag skulle få till rätt var att sätta mapp-bilderna på rätt ställe. Jag fick hjälp av boken Kom igång med CSS med detta. Jag satte bilderna då i ”div-boxar”. För att man lätt ska kunna hitta så gjorde jag både bilden och texten under till länkar.

Ett annat litet problem som kom upp var att jag inte kom på hur jag skulle få till bakgrunden på rätt sätt. Jag ville att sidmönstren skulle sitta lagom långt ifrån varandra och att bakgrunden skulle sätta sig mitt på ”skärmen”. Jag funderade hur brett jag hade satt bildmapparna och bilderna i mapparna och tog därför och mätte för att få lite större mellanrum mellan sidmönstren (jag skapade bakgrunden i Photoshop). Det blev bra och sedan var det svåra att få in bakgrunden så att den satt i mitten. Det var inte svårt egentligen och det visste jag, men jag lyckades inte få till det till en början. Det var ju bara att skriva så här: background-image:url(images/d.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center;. Väldigt lätt när det väl blir rätt.

Sedan skulle jag också få in bild-boxarna i mitten av bakgrunden. Jag frågade jag på forumet och sedan förstod jag hur jag skulle göra. Jag skrev så här:
div.allt1 { border: 0; margin: 0 auto; width: 740px; }
div.allt { border: 0; margin: 0 auto; width: 800px; }

Andra problem som jag har haft har varit att vissa å, ä eller ö inte har synts, utan att det har blivit någon konstig ”krumelutt” i stället. Det konstiga var att vissa av å,ä,ö såg bra ut medans andra inte gjorde det. Jag testade att ändra formatet från UTF-8 till ISO 8859-2. Då blev det mycket bättre, fast fortfarande fanns det på något ställe ett å, ä, ö som inte visades. Jag funderade om det var för att det inte var inställt på svenska, men det står i html-dokumentens html-kod: lang="sv-se", vilket jag tror betyder att det är svensk språkinställning. Jag testade att byta till olika format och upptäckte när jag valde UTF-16BE att det då såg bra ut och blev rätt.

När man ska titta på bilderna kommer de upp så att man får titta på dem i thickbox. Jag lärde mig hur man använder thickbox under kursen och tyckte att det var fint, därför bestämde jag mig för att ha det på min webbsida. Den lilla bilden man trycker på kommer upp och visar sig i större format. Jag tycker att det som är negativt med thickbox är att de olika bilderna är olika roterade, dvs vissa är horisontella och andra lodräta. Detta gör att man inte snabbt kan klicka sig fram mellan de stora bilderna, eftersom ”next-knappen” flyttar sig. Men jag har funderat på detta och kommit fram till att jag ändå vill använda mig av thickbox. Detta för att jag tycker att det ser snyggt ut när just en bild kommer fram och får fokus. Dessutom är det meningen att man inte ska bläddra förbi bilderna för snabbt utan att titta på dem. Eftersom det inte är många bilder i en och samma mapp behöver man inte heller tappa tålamodet.

När jag hade gjort klart min sida till stor del kontrollerade jag så att den validerade XHTML. Detta gjorde jag på sidan: http://validator.w3.org/. Till en början fanns det en del fel som jag fick rätta och det kändes till en början lite krångligt, eftersom jag inte riktigt fattade vad de menade var fel. Men jag testade och ändrade och sedan validerade det som XHTML.

Jag tycker att webbsidan passar till mitt syfte och hur jag tänkte att den skulle vara, fungera och se ut.

lördag 24 april 2010

Projektuppstart

Målet med webbplatsen:
Målet med webbplatsen är att visa upp fotografen Dans bilder för andra fotointresserade människor som gärna vill få inspiration eller analysera och komma med åsikter om bilderna.

Målgruppen:
Jag har gjort en utförligare beskrivning av både målgrupp och en intervjubaserad persona som förberedelseuppgifter, och därför kan man läsa mer där om man vill veta mer. Målgruppen som sidan ska passa till är människor i medelåldern som för tillfället inte har t.ex. småbarn att ta hand om eftersom det tar tid och ork. Det är människor som gillar att fotografera som kommer att vilja gå in på webbplatsen eftersom de kan titta noggrant på fotografierna och analyser utan att behöva mer underhållning av sidan. En typisk person är en person som gillar att se och uppleva nya platser och föremål och vilja föreviga dem på bilder. Samtidigt som de vill koppla färg, form och vinklar till bilden för att det ska bli en fin och intressant bild. Genom att vara nyfiken och testande vill personen ta nya sorters bilder och går därför ut på Internet för att söka efter andras bilder som de kan få inspiration från.

Genre:
Det är svårt att sätta en viss bestämd genre som man gör inom t.ex. litteratur. Men man kan i stort sätt säga att genren är fotografering och därmed en informationswebbplats. Om man ska ta ut ett visst motiv som fotografierna ska visa upp så är det platser, människor och föremål som beskrivs på ett intressant sätt, t.ex. exotiskt eller typiskt för det samhälle som vi i Sverige lever i.

Teknik:
Jag väljer att själv bygga upp webbplatsen med koder med redigeringsprogrammet PSPad. Detta gör jag för att kunna bygga upp sidan med den layout som jag vill ha istället för att använda mig av bloggsystem som Wordpress eller blogg.se eller CMS Joomla. Jag har testat dessa tre men tycker att det blir för svårt att skapa den layout som jag vill ha. I ett bloggsystem handlar det om inlägg i tidsordning och att det kategoriseras efter tid, månad, år. Jag tycker då inte att jag kan bygga upp denna webbplats om fotografier på ett sätt som passar. Joomla tycker jag var svårt att förstå sig på, vilket skulle försvåra arbetets gång. Joomla är säkert inte lika bloggliknande som ett bloggsystem, men jag fick det ändå inte att se ut så som jag ville. Efter att ha provat en mängd olika program och hjälpmedel, kom jag fram till att jag helt enkelt skapar sidan själv med koder. Med hjälp av PSPad får man hjälp med att ha sidorna mer samlade och visar tydligt med färg i koderna, vilket gör att det blir smidigt och lättare att arbeta.

Utseende:
Jag har gjort en mockup på hur jag vill att min sida ska se ut. Jag vill att den ska vara ganska enkel och ren till utseendet. Rubriken ska synas tydligt och sedan ska fotografierna ligga i olika kategorier i och med de olika motiven. Sedan ska man trycka på länkar vid de olika bilderna för att komma till de bilderna man vill titta på. Jag blev inspirerad av sidan: http://www.sofiafernandes.com/ och utgår därför lite ifrån den när jag ska bygga upp min sida. En stor skillnad mot den sidan är att min kommer att vara ljus i färgerna, för att bilderna tydligt ska stå i fokus. För att få en känsla över hur webbsidan kan se ut testade jag lite i Photoshop. Så här blev ett exempel:



OBS! Sidan kommer inte exakt att se ut så här. Det var mest ett sätt för mig att få inspiration och idéer.


Navigation:
För att man enkelt ska hitta på webbplatsen finns det länkar från den gruppen av fotografier som man vill titta på. När man kommer till fotografierna finns det länkar som leder tillbaka till startsidan så att man lätt vet att man hela tiden utgår från startsidan. Webbplatsen är ganska enkel eftersom man börjar på startsidan och klickar in på en annan sida. För att titta på andra saker på webbplatsen måste man klicka tillbaka sig till startsidan. Det finns därför inte många sidor under varandra som gör det förvirrande och jobbigt att ta sig fram på sidan. Dessutom finns det en menyrad längst upp på sidan där man kan hitta information om sidan och fotografen, kontaktuppgifter och gästbok.

Motivation av designidé utifrån målgrupp/persona:
Sidan går ut på att visa bilderna och det är de som ska tala på sidan. Eftersom det är en medelåldersman som har tagit bilderna och syftet med sidan är att han ska visa upp bilderna så utgår jag från det. Jag antar att motiven och själva tankarna från fotografen går ut till besökarna. Jag vill göra sidan snygg och modern ur fotografiernas intressanta och vackra vinklar. Rubriken ska ha ett snirkligt typsnitt som både är snyggt och vackert, men samtidigt känns ”uppvuxet” och moget. Genom att sidan är enkel passar det även de personer som inte är så datorvana. (Dock har jag utgått från att den typiska besökaren på min webbsida har viss datorvana.)

Förberedelseuppgift 1 - Mockup av projektsajten

Jag har funderat hur jag vill att min sida ska se ut och försökt att skissa ner en bild över den. Först ritade jag upp lite enkelt på ett papper hur jag ville ha sidan. Jag fick inspiration från sidan: http://www.sofiafernandes.com/. Själva framsidan/förstasidan på webbplatsen ska bestå av ett fotografi från varje bildgrupp. Bildgrupperna är sorterade efter tema och plats. Jag vill att de små bilderna ska synas och skapa intresse inför bilderna som ligger under dessa rubriker.

Så här såg min idé grovt ut från början:









För att jag skulle känna efter lite extra över hur jag ville ha den gjorde jag även några varianter i Photoshop:



OBS! Detta är inte exakt så jag förväntar att min webbplats ska se ut, utan jag gjorde bilderna eftersom jag ville få en känsla av hur jag kunde göra webbplatsen.

Jag ska ha en ganska ljus bakgrund som på bilden ovan, för att bilderna ska komma fram. Bilderna ska stå i fokus. För att man lätt ska kunna hitta bilderna man vill titta på så ska man kunna klicka på bilderna/länken under bilderna för att komma till just den gruppen av bilder. I raden längst upp på sidan finns länkar som inte går till bilder, utan länkar om vad det är för webbplats, vem som har tagit bilderna, kontaktuppgifter och gästbok, ifall man vill kommentera bilderna och sidan.

Om man tittar på Sofia Fernandes webbsida och jämför den mot hur jag vill att min sida ska se ut, kan man först och främst se skillnad på färgerna. Jag vill att min sida ska var ljus, nästan vit, med kanske något mönster som är ganska neutralt i bakgrunden. Orsaken till detta är därför att bildernas färger ska stå ut och synas. Fernandes har fyra huvudbilder på sin första sida, medan jag vill ha minst sex bilder, för att i framtiden kunna utöka antalet bilder. På Photoshop-bilden ovan är det nio bilder, men jag ska istället börja med att ha sex bilder eftersom det för tillfället passar till de grupper av bilder som ska visas upp. Jag har även en länklista/meny överst på sidan, vilket inte Fernandes har.



Det ska finnas något konstnärligt över webbplatsen så att den inte blir tråkig. Besökarna som ska titta på sidan är troligen sådana som gillar färg och form och intressanta fotografier och sidan måste då passa dem genom att visa upp detta på ett bra sätt. Eftersom det inte behövs en lång lista tänkte jag att menyn skulle ligga i överkanten av sidan, detta för att direkt kunna hitta information om sidan och för att det inte skulle stå ut så mycket som en lodrätt, rak lista.

För att webbsidan ska passa den typiska personen som jag beskrev i min förberedelseuppgift om personalia, ska den vara enkel men ändå ge en personlig ”touch” av fotografen. Rubriken ska vara i ett snirkligt typsnitt eftersom det är både snyggt och ”uppvuxet” och jag anser därmed att det skulle passa en mognare ”publik”.

onsdag 14 april 2010

Förberedelseuppgift 4 - Målgrupp

Jag har tidigare gjort uppgiften om en Intervjubaserad persona. I den uppgiften valde jag att intervjua D, som har tagit bilderna som ska vara med på webbplatsen. Jag har även intervjuat P som gillar att fotografera och som liksom D är en hobbyfotograf. Jag tar dessa två intervjuer i åtanke även när jag gör den här uppgiften om målgrupp eftersom jag tycker att man får reda på vilka som passar till detta ämne.

1. Vem ska använda Internettjänsten?
De personer som jag tror och vill ska använda den här webbplatsen är fotointresserade människor eller människor som gillar bilder. Fotografierna som kommer att visas upp kommer att vara på olika sorters miljöer och saker. Webbplatser kommer troligen att användas av människor som gillar att hobbyfota själv. Jag tror att webbplatsen kommer att passa människor i olika åldrar. Men huvudgruppen som jag satsar på att ska använda min sida är människor i medelåldern, eftersom fotografierna är tagna av en man på 50 och att bilderna därför troligen passar andra personer i den gruppen.

2. På vilket sätt är användaren tänkt att använda Internettjänsten?
Motiven på fotografierna kommer bland annat att föreställa olika platser, tex tagna från semesterresor kanske från Venedig eller liknande. Därför kan människor som just vill titta på bilder från ”kända” platser kunna hitta det på sidan. Därför fungerar sidan för de flesta. Eftersom webbplatsen främst handlar om att titta på vackra bilder, tror jag att det måste vara vuxna som har ett intresse av just fina bilder för att ha tålamod att just befinna sig på sidan. På webbplatsen ska besökaren på något sätt kunna kommentera bilderna för att alla (dvs. både fotografen och besökarna) ska få ett utbyte av åsikter angående fotografering. Webbplasten är till för att visa upp bilder och ge inspiration till andra. Det är ju sagt att en bild säger mer än 1000 ord och det gör att den här webbplatsen kommer att bli som en sorts blogg fast som mestadels består av bilder (men även en del ord).

3. I vilken eller vilka situationer ska tjänsten kunna användas?
Webbplatsen är inte till för att ge olika tjänster vid specifika situationer. De situationer jag kan tänka mig att webbsidan kan användas av en besökare är när man sitter i lugn och ro, kanske i hemmet och (som tidigare nämnt) när man vill få inspiration.

4. Varför vill användaren använda tjänsten?
Som jag tidigare har sagt vill användaren använda tjänsten eftersom den har intresset för bilder. Det kanske är en fotograf som tittar på hur bilderna är tagna eller bara någon som gillar att titta på bilder. Liksom andra vill läsa bloggar och lyssna på tankar, åsikter, upplevelser och intressen i form av ord som finns där är den här sidan uppbyggd av samma saker fast i fotografier.

I mina två intervjuer frågade jag om de gillar att titta på andras bilder och de svarade att de gör de ibland och att orsaken till detta var att få inspiration och tips om motiv till de egna bilderna. En skriver att han gillar färg, form, motiv, människor och att beundra fina bilder. Detta tror jag är viktigt inom fotokonst och därför tror jag att min webbplats kan få besökare.

Förberedelseuppgift 3 - Intervjubaserad persona

Jag har gjort två intervjuer med personer som jag anser passa som besökare på min webbplats om fotografier. Den ena personen jag intervjuade var en man på 38 år, som jag intervjuade på distans eftersom han bor i Göteborg. Han fick då skriftligen svara på frågorna. Den andra var en man på 50 år, som jag intervjuade med samma frågor fast muntligt. Båda dessa personer är fotointresserade och gillar att fotografera på sin fritid. Jag frågade bland annat om deras intressen och varför de gillar fotografering. Eftersom jag känner båda personerna bra vet jag vilka sorters personer de är och kan därmed mer avgöra vilken typ av person som passar som ”personen” i denna persona. De säger att de gillar att titta på andras bilder för att få inspiration. Det passar till vad jag vill att man ska tycka om man går in på min webbplats.

Den typiska personen som skulle besöka min webbplats är en person som är fotointresserad framför allt. Han heter Lars och är 45 år gammal. Han är gift och har barn i tonåren vilket gör att de inte kräver så mycket av hans uppmärksamhet som de gjorde när de var mindre. Därför kan han sitta efter jobbet och slappna av genom att titta runt på fotosidor. En av orsakerna till att han började fotografera var på grund av barnen, eftersom han ville dokumentera deras uppväxt. Lars bor med sin familj i ett hus och är en medelklassman. Han har lagom gott ställt och gillar att lägga ner lite pengar på sin kamera. Lars är ganska nyfiken på att upptäcka och se nya platser, och att kunna frysa tiden genom bilder för att behålla en plats eller ett motiv i minnet. Ett intresse för form, färg och vinklar gör att Lars njuter av att få bilderna fina och intressanta. Genom att på fotosidor på Internet titta på andras bilder får han inspiration till hur man kan ta sina egna bilder. Han får hjälp med olika motiv och hur man fotar en bild på ett intressant och vackert sätt. Lars har ett intresse för teknik och gillar bland annat att hålla på med datorer och kamerans teknik; hur man använder bländare, slutartid och objektiv på bästa sätt. Målet i livet är att uppleva händelser, då bilder är orsaken till att minnas de lyckliga stunderna. Därmed mår han bra när han tittar på fotografier eftersom de visar människors upplevelser och minnen. Lars har en tolkande sida i och med att man tolkar fotografierna och kan därmed få en bild av hur personen som har tagit bilden ser ut och är. Efter att han har kommit hem från jobbet och kvällen kommer så sätter han sig vid datorn för att vila ut och surfa lite på internet. Då tittar han gärna på fotosidor och blir glad och avslappnad av att titta på bilder.

Min persona handlar om Lars som är en man, men det menas inte att han tvunget måste vara en man. Jag tror dock att det är vanligt, eftersom många kvinnor kanske inte har samma tålamod med att ta bilder på ett så allvarligt sätt. Självklart är även kvinnor lika intresserade av att titta på fina bilder som män, om inte mer.

tisdag 30 mars 2010

Redovisning av Webboration 5

Under 5-6 dagar har jag nu skrivit blogginlägg på min blogg och sedan anmält inläggen till portaler. De portaler jag använde mig av var bloggportalen.se, nyligen.se och bloggtoppen.se. Jag anmälde mig till Google Analytics för att kunna se hur många som går in på min blogg. Där kunde jag se att antalet ökade.

Jag anmälde mig på bloggportalen för att kunna pinga mina inlägg varje dag. På bilden kan man se hur bloggen finns på bloggportalen.

På nyligen.se behövde jag inte anmäla mig för att pinga. På denna bild kan man se min blogg på listan (Iza "The Dog", långt upp).

Vad jag uppfattade av bloggtoppen pingar man inte sina inlägg där, utan bara lägger upp sin blogg. Jag gjorde detta och väntade på att den skulle bli godkänd. Dagen efter att den hade blivit godkänd hade det varit två inne på min blogg genom bloggtoppen, vilket visar att jag har fått besökare därifrån.

På Google Analytics kan man se att besökarantalet ökar för varje dag som går.

Datum och antalet besökare from 27 feb tom:
21 mars - 11
22 mars - 22
23 mars - 32
24 mars - 36
25 mars - 39
26 mars - ?
27 mars - 55

Jag har även lagt ut länkar för bloggen/inläggen på Facebook, vilket jag tror har gett resultat. Det var några som kommenterade mina inlägg, men eftersom det stod att de var anonyma vet jag inte säkert vilka det är som har gett kommentarerna.

Jag tror att bloggfenomenet har blivit så populärt eftersom det är ett sätt för människor att uttrycka sina åsikter och visa sina intressen. Bloggar går ut på att människor ska skapa egna sidor och skriva vad de vill därpå, för att kunna uttrycka sig och få ut vad som är viktigt för dem. Om man tänker efter så finns det inte många andra sätt (på Internet) att uttrycka sig och sin personlighet lika bra som genom en blogg. Själv tycker jag att det är bra att de som gillar att blogga får göra det. Det är bra att människor får chansen att skriva om vad de tycker och kunna kritisera. Dock är jag lite trött på bloggfenomenet, eftersom jag tycker att det känns som om många antingen skriver om mode och dagens outfit eller om allt som bloggaren har gjort under dagen, dvs skryter om saker som man inte vill veta. Jag tycker att många skriver för mycket om sig själva. När man hör eller ser någon som skriver om mode kan jag inte låta bli att tänka att det känns lite töntigt. Det känns som om det är en till i mängden som försöker vara ”cool” och visa upp sig på ett visst sätt. Det är inte så att jag är emot mode eller inte själv skulle vilja skriva om vilken stil jag tycker om. Det är mest det att jag tycker att det blir ytligt och enformigt när många ska göra samma sak.

Företag kan använda sig av bloggar för att göra reklam för företaget på olika sätt. Dels kan företaget ha en egen blogg där de skriver in vad som händer och kanske hur det går till på företaget. Det tycker jag verkar bra eftersom människor då kan läsa, följa och kommentera vad som händer. Ett annat sätt som företagen kan utnyttja bloggar är att de gör reklam på andras bloggar. Det kan vara bra för bloggaren om personen vill tjäna pengar och väljer att ha reklam på sin blogg.

Om man tittar rent estetiskt kan det se både bra och dåligt ut med reklam. Reklam kan givetvis förstöra utseendet på bloggen genom blinkande bilder med mycket färg. Men reklam kan istället också förhöja bloggen genom att den ser proffsigare ut pga att den har reklam på sig.

För att ett företag ska kunna använda sig av en blogg för att locka läsare och kunder krävs det engagemang från företaget. Bloggaren måste uppdatera och hålla igång med ny text och nya ämnen för att det inte ska bli tråkigt. Det får exempel inte synas att bloggaren har semester, utan ersättare. Dessutom måste bloggaren vara duktig på att skriva intressant så att läsarna inte tycker att det är tråkigt och stelt.


http://izathedog.blogspot.com/

tisdag 16 mars 2010

Reflektion 2: Webbplatser med starka sociala inslag

I den här reflektionen ska jag ta upp tre webbplatser som går ut på att människor ska kommunicera med varandra av något slag. Dessa tre är facebook.com, bilddagboken.se och twitter.com.

Facebook är en webbplats som har blivit väldigt populär i mina kretsar. Där registrerar man sig som användare och får därefter en profil. Genom att söka efter sina kompisar genom namn, nätverk eller e-mailadress mm skapar man sig en kompiskrets. Genom att lägga in inlägg (status) om vad man tex har gjort eller ska göra kommunicerar man med kompisarna. De kan kommentera och gilla inläggen. Bilder och video lägger man enkelt upp och man kan även tagga (länka) personerna som är med i bilderna så att man kommer till deras sida om man klickar på deras namn. Det finns grupper som man kan vara medlem i eller skapa och sidor som man kan vara fan av eller även där skapa. Man kan välja hur offentlig man vill att ens profil om sig själv ska vara, dvs om man vill att även sådana som inte är ens kompis ska se den eller om den är begränsad till kompisarna. Designen är anpassad för vuxna med en enkel layout och med en blå rand längst upp vid kanten. Jag tycker att det visar att de vill rikta sig till vuxna och inte bara vara en webbplats för ungdomar. Enligt min uppfattning om användarna av Facebook känns det som om det är populärast hos unga vuxna (och tonåringar), men man ser även många som är äldre. Det känns som om fler och fler föräldrar till ungdomar börjar skaffa Facebook.

Jag tycker att Facebook är en bra webbplats och passar mig bra. Den hjälper mig att hålla kontakten med mina vänner och det som händer. Genom kommentarer kan man lätt få kontakt med personer som man bara känner lite eller inte alls. Det som är bra med Facebook är att det är många som använder det. Det gör att man lätt kan hitta sina vänner, vilket gör att man hellre vill logga in och titta vad som händer. Facebook går runt på grund av att det är så många som använder platsen. Om det bara skulle vara ett fåtal skulle det inte vara lika lockande att logga in och kommunicera om det inte skulle finnas några att bli vänner med. Nackdelar med denna stora mängd människor och det offentliga kommunicerandet är att människor som man inte vill ska se ändå ser vad man gör och skriver. Facebooks tekniska lösning med att ha en startsida där alla de senaste inläggen ligger och en profil där mina egna inlägg ligger, tycker jag är en bra lösning på uppbyggnaden av platsen. Det gör det tydligt och bra.

Bilddagboken är en webbplats där man lägger in bilder i datumordning. Genom att leta upp sina vänner och blir vänner på Bilddagboken kan de kommunicera med varandra genom att kommentera bilderna och skicka meddelanden till varandra. Man behöver inte vara vänner för att titta på varandras bilder, men genom att även här ställa in hur offentlig man vill att ens dagbok ska vara kan man begränsa läsarnas/tittarnas tillträde till ens dagbok. Designen för bilddagboken är ganska neutral egentligen och visar inte att det är typiskt ungdomligt enligt mig. Men på förstasidan visas en mängd bilder från användarna vilket gör att det känns som målgruppen för platsen är ungdomar. Om man tittar lite extra kan man se de olika symbolerna som är länkar till de olika funktionerna som finns på Bilddagboken (tex textmeddelanden, gästboksinlägg), dessa piggar upp sidan på ett lite ungdomligt sätt.

Min åsikt om sidan är att den fungerar bra om man vill lägga upp bilder och har många kompisar att visa upp bilderna för. För några år sedan använde jag mig väldigt mycket av Bilddagboken, men idag har jag (och även mina kompisar) gått över till att använda Facebook. Det visar att Bilddagboken inte är riktigt tillräcklig enligt oss. Idag tycker jag att bilddagboken känns lite enformig pga att den bara går ut på att visa upp fotografier. Den orsak som det främst beror på att jag har slutat att använda Bilddagboken är på grund av att alla som jag en gång kommunicerade med på det sättet har gått över till Facebook. Fördelarna med att många använder webbplatsen är att människor håller sig kvar där, men nu kan jag se att många går över till facebook bara för att det inte längre finns några av ens kompisar kvar på platsen. En nackdel som har funnits tidigare på Bilddagboken är att det går trögt att ladda upp bilder och ta sig runt på grund av att det var så många online för tillfället. En sak som jag tycker var tekniskt smart med sidan var att dagboken var upplagd som en kalender och att bilderna låg samlade under de datum så man tog eller lade in bilderna.

Twitter är den webbplats som jag har minst koll på av dessa tre platserna. På den här platsen skapar man även här ett användarkonto där det går ut på att man ska skaffa sig vänner som man kan kommunicera med. Här skriver man korta inlägg om vad man gör eller gjort mm och visar upp dem offentligt för alla Twitteranvändare. Man visar upp hur man känner sig och vad som är viktigt för en och Twitter går dels ut på att människor ska ta del av vad de personer som intresserar dem tänker och tycker, men också att man ska diskutera med varandra. Designen för Twitter tycker jag är ganska enkel, men ändå ganska ungdomlig. Twitter riktar sig för målgruppen unga vuxna/vuxna, eftersom designen är anpassad för en vid krets av användare av olika åldrar.

Jag har aldrig riktigt använt mig av Twitter vilket gör att jag inte riktigt vet hur det passar mig. Men det som verkar bra är att man kan dela tankar med personer som man inte känner genom att följa personer som man tycker är intressanta. Som jag tidigare nämnde om Facebook påverkas tjänsten av antalet användare. Om det inte skulle vara några som använde tjänsten skulle det inte heller finns lika stort utbud av olika tankar och åsikter, vilket skulle göra webbplatsen onödig.

När man jämför de här tre sidorna kan man se många likheter. Alla tre erbjuder användarna ett sätt att skicka meddelanden till varandra. De går ut på att man ska berätta om sig själv och att andra ska kommentera. Facebook och Twitter är lika i och med att man skriver inlägg om vad som händer. Det gör man även på Bilddagboken fast där måste man även ha en bild till det man skriver. Även på Facebook kan man lägga in bilder men där är det enklare eftersom man inte behöver göra det. Nackdelen med Twitter i jämförelse med Facebook är att man endast kan skriva korta inlägg. Men det som istället kan vara positivt med Twitter är att man kan kommunicera och dela tankar med personer som man inte känner. På Facebook så blir man kompis med sådana man känner och flyktiga bekanta, och det gör att man inte kommunicerar lika offentligt som på Twitter. På Twitter kan företag skapa sidor för att försöka att nå ut till sina användare, inte på samma sätt som Facebook. På Bildagboken fungerar det inte alls eftersom platsen är mer för kompisar till kompisar.

torsdag 11 mars 2010

Reflektion 1: Olika typer av webbpublikationer

Upplägget för hur en webbplats kan se olika ut beroende på vad skaparen vill visa med sidan. I den här texten ska jag jämföra två nättidningar, expressen.se och corren.se, med två företagssajter, ikea.com/se och systembolaget.se och vilka likheter och skillnader som finns.

Det man först kan se skiljer sig åt mellan nättidningarna och företagssajterna är att de innehåller olika sorts saker. Nättidningarna visar upp nyheter i en mängd olika ämnen för att ”underhålla” läsaren. Både allvarliga händelser och nöjesnyheter tas upp i tidningarna och grunden för underlaget av sidan är aldrig fast eftersom det hela tiden kommer nya nyheter och sidan uppdateras. De försöker att få med så mycket som möjligt för att läsarna ska få läsa just det som de är intresserade av. På företagssajterna är det viktigt att visa upp tydligt vad det är som företagen säljer så att läsaren lätt kan hitta det som han eller hon är ute efter. Här handlar det om att på ett bra sätt visa upp en produkt så att läsaren får lust att köpa just den produkten. Underlaget för sidan är fast, dvs Ikeas hemsida går hela tiden ut på att visa upp sina möbler och systembolaget visar alltid upp sina olika drycker.

Sidornas layout ser också olika ut. Nättidningarna har långa sidor, som gör att man måste skrolla mycket för att ta sig neråt och se alla nyheter. Nättidningarna har rörliga och färgglada annonser från andra företag och sidor, vilket inte företagssajterna har. Företagssajterna är uppbyggda så att man inte behöver skrolla lika mycket, utan kan se allt innehåll på sidan på en och samma gång, vilket gör det tydligare. Här måste det vara tydligt eftersom läsaren kommer för att leta efter en speciell sak. Det är trevligare att titta på designen och layouten av Ikeas och Systembolagets sajter på grund av att det inte är lika rörigt och färgerna är mjukare. En sak som är lika på alla fyra sidorna är att de har en menyrad för att läsaren lätt ska kunna hitta på sidan.

Som jag har nämnt tidigare måste nättidningarna uppdateras med nyheter ofta, flera gånger per dag, till skillnad från företagssajterna. Självklart måste även företagssajterna uppdateras med nya produkter och nya bilder/ny design, men inte i lika stor omfattning som nättidningarna.

På båda dessa nättidningar använder de sig mycket av bilder, ljud och video. Det finns även skillnader mellan Expressen och Corren. Corren är en lokal tidning för en del av Östergötland och tar ofta upp andra sorters nyheter än Expressen.
Om man istället tittar på skillnaden mellan de två företagssajterna kan man se att Ikea.com/se inte bara visar upp sina varor utan också erbjuder kunderna en tjänst genom att man där också kan handla deras varor. Det här visar då en likhet med nättidningarna eftersom även de erbjuder tjänster. Expressen har många olika tjänster och en av dem, som även Corren har som tjänst, är att man kan göra reklam hos dem med annonser. Expressen har även tjänster som hjälper läsarna med jobb, pengar, lån och försäkringar.

I jämförelsen mellan dessa två olika sorters webbpublikationer kan man se att de både har likheter och skillnader. Alla fyra ger information av något slag, och vissa erbjuder även tjänster till läsarna.

Redovisning av Webboration 4

Jag valde att skapa min blogg på blogger.com. Jag har tidigare gjort bloggar i Wordpress.org och blogg.se så jag kände för att testa på någon annan sida än dessa. Jag tycker att blogger.com är en enkel sida för att skapa en blogg som man kan ändra i.

Jag tittade på de bloggar som var föreslagna på sidan för webboration 4. Jag kom fram till att jag ville ha en ganska ljus sida fast med en viss stark huvudfärg (grönt) eftersom det passade till sidans innehåll om en glad hund. En mörk blogg tycker jag kan vara mycket svårare att läsa eftersom det inte är så inbjudande för ögat (ex. http://miljonar.blogspot.com/). Blondinbellas blogg (http://blondinbella.se/) tycker jag är fin (man ser ju att den är mer avancerad och påkostad än andra), men en sak jag kom att tänka på när jag såg sidan var att jag tyckte att allt var så stort. Annonserna och bilderna är stora vilket gör att det blir rörigt.

För att starta upp bloggen valde jag mallen ”Rounders” som fanns färdigt på blogger.com. Jag försökte tolka uppgiften till webboration 4, eftersom jag inte riktigt förstod hur det menades att man skulle göra. Det jag undrade var om man var tvungen att ändra färg och form i bloggens HTML även om man kunde göra det i bloggens inställningar. Måste man ändra själva uppställandet av sidan genom att redigera i HTML, dvs själva spalterna, när det stod att man ska ändra layouten av sidan? Jag frågade mig vad som menades med layout, bakgrund? ”Rutor”? Text? Men senare hittade jag sidan: http://www.ehow.com/how_4526593_change-layout-blogger.html (som nu i efterhand inte verkar finnas på den adressen). Men på den sidan var det i alla fall en tjej som gav tips på att man på en annan Internetsida kunde hämta bättre mallar och sedan lägga in dem i sin blogg. Jag använde mig inte av det tipset som stod där om layouter eftersom jag inte tyckte att det var snyggare eller bättre än den jag redan hade.

För att ändra bakgrunden lade jag in en bild på mitt konto på IDA, med denna adress: http://www-und.ida.liu.se/~marvi169/webboration4/iza3.jpg. Då kunde jag redigera HTML i bloggen på det sättet att jag skrev i body: background:url(http://www-und.ida.liu.se/~marvi169/webboration4/iza3.jpg); background-repeat: no-repeat;. Orsaken till att jag gjorde så här var att jag gjorde så med en tidigare blogg/hemsida i Wordpress. Tyvärr ligger inte den sidan från Wordpress ute på Internet så att jag kan länka till den. Detta pga att den var med i en tävling (2009) och låg på deras server. Men här är länken till den tävling vi var med i: http://www.webbstjärnan.se/

Det jag har funderat på är om jag ska ändra bakgrundsbilden. På den här datorn som jag har skapat denna layout har jag en bred skärm och ser därför bloggen på ett annat sätt än om man tittar på bloggen med en smalare skärm. Jag tycker att bloggen ser okej ut även igenom en smal skärm, men snyggast bli det i en bred skärm då bilden syns mer och bloggens uttseende blir mindre rörigt.

Bilden som ligger under rubriken kunde man enkelt lägga dit genom att bloggen hade inställningen att kunna lägga in en bild just där. Innan hade jag även anpassat bildens utformning i Photoshop så att den skulle se ut så som jag ville. Även typsnittet på texten och färgschemat på bloggen kunde man ändra i bloggens inställningar. Från början var färgtemat på mallen grön-blått (se bild ovan), vilket jag ändrade till vit bakgrund (med bild) och gröna rubriker (huvudrubrik och inläggrubrik). Jag ändrade till dessa färger eftersom det skulle passa bra till bilden under huvudrubriken. Kant runt rubrikbild och ruta till menyn är grå för att det inte ska vara så utstickande och att det inte ska bli för rörigt med många olika färger. Typsnittet bytte jag från Trebuchet till Georgia, eftersom jag tyckte att det var fint. Jag ändrade färgen på "inläggsfoten" från grön (ursprungliga mallfärgen) till grå (#E6E6E6) genom att gå in i HTML och leta fram .post-footer {background #ded; och byta ut #ded mot #E6E6E6. Likadant gjorde jag när jag ändrade färgen till länkarna i "inläggsfoten" eftersom inte det gick att ändra på i bloggens inställningar. Då ändrade jag färgen blå (ursprungliga färgen) till grålila (#341473, #666699, #47476B).

Webboration 4:http://izathedog.blogspot.com/

Redovisning av Webboration 3

Den här webborationen handlar om Javascript och jag valde att jobba med Thickbox för att jag tyckte att det skulle bli snyggt. Jag började med att välja ut vilka bilder jag ville ha med för att sedan starta med att bygga upp sidan enkelt. Till en början förstod jag inte riktigt vad som menades med Javascript och hur det kopplades till bilderna, för att det skulle bli snyggare. Därför gjorde jag från början en egen css-fil. Senare lade jag till mina "css-tillägg" för att sidan skulle få en snyggare layout i den redan gjorda, typiska, thickbox.css. Jag testade fram och tillbaka hur man skulle göra med att kopiera de speciella thickboxfilerna och koppla dem till varandra. Det verkade inte fungera, men felet var att jag inte hade tillåtit det för den gula "raden" uppe på sidan. När jag gjorde det så fungerade det.

Bilderna valde jag eftersom de är fina och nytagna. Det är min pappa som har tagit dem på Gran Canaria där vi var för bara några veckor sedan. Backgrunden är samma bild som "bild 1" på sidan, jag har bara ändrat kontrasten på bakgrundsbilden för att själva innehållet på sidan skulle komma fram tydligare. Till rubriken använde jag typsnittet Bell Gothic Std Light eftersom jag tycker att det var snyggt och tydligt.

Sidor jag använde mig av för att göra denna webboration var framför allt:

http://www.w3schools.com/js/default.asp
-Här lärde jag mig vad Javascript är och hur det fungerar på ett övergripande sätt.



http://www.webreference.com/programming/javascript/Thickbox/
-Den här sidan gjorde att jag kunde göra en Thickbox. Jag tycker att den var relativt lätt att följa, eftersom det står tydligt vad man ska göra. Dock behövde jag läsa igenom detta många gånger eftersom jag inte till en början verkade få till det (fast det hade att göra med att jag inte hade tillåtit Javascript på det gula raden i överkanten av sidan).

http://jquery.com/demo/thickbox/
-Här började jag att försöka lära mig om Thickbox och hur man gör för att använda sig av det. Nu, efteråt, tycker jag att sidan är ganska tydlig och jag förstår den ganska bra, men i början fastnade jag någonstans och det var då jag bestämde mig för att det var lättare att följa den tidigare nämnda sidan (webreference.com). Jag tyckte att den här sidan var mörkt grå och tråkig och att den därför blev svårläslig fast den egentligen inte var det.


Bilder tagna av Dan Wiklund, februari 2010.

Sida gjord av Maria Wiklund.

Webboration 3

Redovisning av Webboration 2

För att göra denna webboration började jag med att tänka på vad jag ville skriva om. Jag kom på att V var ett
roligt ämne, eftersom jag nu på senare tid har blivit påmind om serien. Jag började med att tänka på vad jag ville
skulle vara med på sidan; rubrik, länkmeny, text och bild.

Jag tittade på en gammal hemsida som jag hade gjort och
började direkt att försöka efterlikna den med olika rutor och tabeller. Det fungerade okej till en början men sen
blev något fel och det började bli lite rörigt och svårt. Jag bestämde mig därför för att börja om helt från början med uppbyggnaden av sidan.

Jag tycker om att göra hemsidor fina, med färg och form, och därför är jag inte riktigt helt nöjd med denna
webbplats. Men eftersom snygghet och design inte var ett krav så tog jag lite lättare på det. Jag tänkte först (efter att
jag började om) att jag inte skulle krångla till det, men jag vet inte om jag ändå har gjort mer än vad som behövs.

Tabell använde jag när jag skulle lista skådespelarna med deras roller för att det skulle vara tydligt.

Färg till bakgrunden tog jag från:
http://www.w3schools.com/Html/html_colors.asp


http://www.w3schools.com/
använde jag mig mycket av för att läsa om XHTML.



För att se så att sidorna validerade XHTML använde jag mig av
http://validator.w3.org/ och http://jigsaw.w3.org/css-validator//


Som hjälp hade jag också böckerna:
Komma igång med CSS av Russ Weakley
Webbdesign av Irene Friberg


Webboration 2