Högskolan i Borås. Solveig Betnér Webbredaktörsprogrammet distans Projekt: webbplatsutveckling 15 hp V11 (31RPW1)

Storlek: px
Starta visningen från sidan:

Download "Högskolan i Borås. Solveig Betnér 820211-2028. Webbredaktörsprogrammet distans Projekt: webbplatsutveckling 15 hp V11 (31RPW1)"

Transkript

1 Högskolan i Borås Solveig Betnér Webbredaktörsprogrammet distans Projekt: webbplatsutveckling 15 hp V11 (31RPW1)

2 Innehållsförteckning Sammanfattning 4 Bakgrund 4 Kursen 4 Rapporten 5 Valet av projekt 5 Tjejjouren Juventas systrar 5 Min kontakt 6 Upplägg 6 Ambitionsnivå 6 Syfte 7 Uppdraget 7 Önskemål 7 Utseende 7 Funktioner 7 Sidor 8 Problemanalys 8 Walkthrough 8 Text och design 8 Länkning och url:er 9 Problem som ska lösas 9 Möjligheter och vägval 9 Konkurrenten 9 Skissering 10 Målgrupp 10 Tillvägagångssätt 10 Enkätsvar 11 Fritid 11 Intressen 11 Övrigt 12 Slutsats av enkäten 12 Analys 12 Människorna 12 Uppgifterna 13 Tekniken 13 Sociala aspekter 13 Persona 13 Malin 14 Scenario 15 Scenario 15 Grafisk profil 15 Nuvarande material 15 2

3 Färger 15 Färgschema 16 Typsnitt 16 Utformningen av webbplatsen 16 Funktioner 16 Enkät 17 Sociala medier 17 Tillänglighet 17 Design 17 Bilder 18 Navigationsmöjligheter 18 Tekniska lösningar 18 Programmering 19 Sökmotoroptimering 19 Validering 19 Trycksaken 20 Kommunikation med uppdragsgivaren 20 Vecka 1 20 Vecka 2 21 Vecka Vecka 5 21 Vecka Hur gick det? 22 Planeringen 22 Problem 22 Ambitionsnivån 23 Min roll som webbredaktör 23 Källförteckning 24 Bilagor

4 Sammanfattning Projektrapporten tar i början upp bakgrund kring kursen Projekt: webbplatsutveckling (15 hp) och information om organisationen jag utvecklat webbplatsen åt samt syfte. Önskemål från organisationens sida följs av en problemanalys av deras tidigare webbplats och rubriken Möjligheter och vägval. En utförlig del om målgruppen finns i rapporten och den delen innehåller bland annat persona och scenario. Avsnittet om organisationens grafiska profil följs av en beskrivning av hur webbplatsen utformades. Rubriken Trycksaken beskriver hur en folder utformades åt organisationen och efter den finns en del av kommunikationen med uppdragsgivaren beskriven. Sista avsnittet innehåller tankar kring hur projektet gick. Bakgrund Kursen Den sista kursen i Webbredaktörsprogrammet distans (120 hp) är Projekt: webbplatsutveckling (15 hp) som går ut på att skapa en riktig webbplats åt en riktig organisation. Även en trycksak skall skapas och en rapport skrivas. Detta är rapporten som redovisar och för en diskussion kring projektets alla delar. 4

5 Rapporten Denna rapport syftar till att redogöra och analysera genomfört projektarbete. Jag tänker mig också att min uppdragsgivare kan dra nytta av rapporten. Det är hon som kommer jobba mest med webbplatsen när mitt uppdrag är slutfört och kanske ser nya sätt att redigera innehållet. Jag tror att det kan vara bra för mig att kunna gå tillbaks till denna rapport vid funderingar i början av mitt yrkesliv inom webb. Valet av projekt Jag ville att mitt projektarbete skulle vara betydelsefullt. I mitt framtida yrkesliv önskar jag att jobba med sådant som känns moraliskt rätt. Jag vände mig därför till Volontärbyrån 1 i sökandet efter projektarbete. Där fann jag att tjejjouren Juventas systrar i Södertälje behöver en ny webbplats. Tjejjouren Juventas systrar Tjejjouren Juventas systrar är en ideell, partipolitiskt- och religiöst obunden verksamhet inom föreningen Brottsoffer- Kvinno- och Tjejjouren i Södertälje, Salem och Nykvarn. Syftet är att stärka tjejers självkänsla och på ett respektfullt sätt stötta och möta tjejerna. Tjejjourens mål är att få tjejer att känna att de är värdefulla och har en plats i samhället, att motarbeta våld mot tjejer och att få tjejer att lita på vuxenvärlden. Ytterligare mål är att förebygga psykisk ohälsa hos tjejer och arbeta med att medvetandegöra och förändra begränsande attityder hos ungdomar kring jämställdhetsfrågor. 1 5

6 Tjejjourens verksamhetsidé är att erbjuda stöd till tjejer som har funderingar eller problem som de behöver prata med någon om. De har också en utåtriktad verksamhet som erbjuder systerskap, gemenskap och andra sammanhang med syfte att stärka tjejer. Verksamheten utgår från de mänskliga rättigheterna och barnkonventionen och bedrivs till största delen av volontärer. Min kontakt Gabriella Nilsson är anställd som verksamhetsansvarig för Tjejjouren Juventas systrar. Det är henne jag haft kontakt med under arbetets gång. Gabriella har fört vidare idéer från volontärer som arbetar för tjejjouren till mig. De idéer jag skickat till Gabriella har hon även spridit till jourtjejerna som gett mig respons. Upplägg Arbetet delades upp i fem faser enligt Projektboken av Martalla & Karlsson (1999) och ett arbetsprocesschema (bilaga 1) arbetades fram innan det praktiska arbetet påbörjades. I vissa av rapportens delar hänvisar jag till en vecka följd av en siffra. I rapporten är veckorna numrerade från vecka 1 till 9. I arbetsprocesschemat finns denna siffra inom parentes under det riktiga veckonamnet. Ambitionsnivå Min ambition var att göra en bra webbplats åt tjejjouren Juventas systrar. Tiden jag valde att lägga ner utgår ifrån hur mycket tid jag faktiskt hade möjlighet att disponera på detta. I början fick projektet ganska lite tid på grund av eftersläpning i tidigare kurser med utökning av tid i senare skede. Jag skulle dock ändå säga att min ambitionsnivå var ganska hög då jag ville att uppdragsgivaren skulle bli helt nöjd. 6

7 Syfte Uppdraget Juventas systrar ville ha en ny mer modern webbplats som passar verksamhet och målgrupp. Gabriella vill att tjejjouren i Södertälje ska få bort stämpeln som något negativt. Den positiva och utåtriktade verksamheten ska lyftas fram. Mer interaktivitet önskas som Gabriella själv vill sköta. Därför läggs sajten i Wordpress som hon tidigare jobbat i. Då kan hon själv gå in och redigera innehållet utan att behöva gå in i koden. Uppdragsgivaren behövde en ny folder om tjejjouren. Den gamla foldern är inte enhetlig med den nya webbplatsen och innehåller inte webbadressen. Önskemål Utseende Tjejjouren önskade sig en ljus och positiv webbplats som känns ungdomlig och modern. Tjejer som besökt jouren har tillfrågats av den verksamhetsansvariga. Jag fick en lista på webbplatser de gillar som jag hämtade inspiration ifrån: Tjejjourens ansikte utåt är deras logotyp samt en affisch (bilaga 2) skapad av serietecknaren Lina Neidestam. De önskade att jag för över delar från affischen till webbplatsen. Funktioner Det ska vara lätt för den som arbetar på tjejjouren att redigera text på webbplatsen. De villa att den skulle läggas i Wordpress. Tillgänglighet för funktionshindrade ska finnas. Ett annat önskemål är en webbenkät. 7

8 Sidor Jag fick en lista över specifika önskemål över vilken typ av innehåll olika sidor ska ha. Här är förslag på rubriker från tjejjouren: Önskesida Sponsorsida Stöd och pepp Kurser hos oss Kalender Om oss Kontakt Månadens ord/pepp eller liknande Länkar Panik-knapp, dvs. att de kan lämna sidan snabbt. Problemanalys I Fas 1 sökte jag uppdragsgivarens problem. Jag gick igenom deras nuvarande webbplats, en så kallad Walkthrough. 2 Walkthrough Text och design Många texter skulle kunna förkortas utan att vara mindre informativa. Textstorleken är inte enhetlig. I Texten Om oss ändras storleken mitt i texten. På sidan Kontakta oss är viktig information placerad längst ned på sidan. Jag tror inte att den gamla webbplatsen talade till målgruppen. Jämför jag med andra tjejjourers webbplatser är det stor skillnad på färg, form och uttryck. Det kändes inte genomtänkt hur alla element var placerade. 2 Föreläsning: Maurin Söderholm & Lassi,

9 Länkning och url:er Länkning till sidans top fanns på varje sida, även de sidor med lite innehåll som man överblickade utan att behöva bläddra nedåt. När jag klickat mig vidare från startsidan till en annan sida och vill tillbaks till start fanns det ett alternativ bortsett från att klicka på webbläsarens bakåt-knapp. Längst ner i huvudmenyn fanns länken hem. Denna bör finnas högt upp. Många besökare förväntar sig också att man kommer tillbaks till start genom att klicka på logotypen (Van Duyne, Landay & Hong, 2007, s. 639). Undersidornas url:er var inte bra för sökmotoroptimeringen. Klickade du t.ex. på Systerskap såg url:en ut så här: Att ett ord förekommer i adressen kan ha betydelse för rankingen i en sökmotor. Dessutom ser besökaren vad sidan innehåller om man till exempel använder sidans titel i url:en (Wackå s.88). Problem som ska lösas Viktigt och bra innehåll fanns där men var överflödigt. Designen var inte målgruppsanpassad. Möjligheter och vägval Konkurrenten I Södertälje finns en till mötesplats för tjejer som kallar sig Tjejhuset. När Gabriella visade deras folder var det för att visa att så vill de inte att deras trycksak ska se ut. Jag ser den foldern som flickaktig och barnslig, inte riktad till ungdomar. Tjejhusets webbadress som finns på deras folder leder inte till något innehåll överhuvudtaget. Tjejhuset är nog inget större hot för Juventas systrar. 9

10 Skissering Den första skissen jag gjorde handlade om att få uppdraget. Jag tänkte att fler kanske hade anmält sitt intresse att göra tjejjourens webbplats och jag ville verkligen ha detta uppdrag. Efter att jag fått mail från Gabriella med länkar till webbplatser de gillar skissade jag spontant ett förslag (bilaga 3). Det blev en high-fidelity prototype (Van Duyne, Landay & Hong, 2007, s. 85) för att jag ville visa hur mina tankar rörde sig. Jag fick positiv respons. Jag förstod vad de var ute efter. Mer om det under rubriken Design. Min andra skiss är en bild över hur olika element skulle kunna placeras (bilaga 4). Jag valde att göra en medium-fidelity-prototype för att fokus inte skulle hamna på färg och formgivning. Tjejjouren var nöjd med denna skiss. Därför valde jag att utgå från denna och inte göra någon mer skiss utan att ett behov uppstod. Mina val av elementens placering förklaras under rubriken Utformningen av webbplatsen och underrubriken Design. Målgrupp Tillvägagångssätt För att lära känna besökarna av Juventas systrars webbplats behövde jag ta reda på vilka uppdrag de går dit för att utföra. Jag använde mig av egen erfarenhet, samt Gabriellas erfarenheter inom hennes uppdrag och en enkät som utförts av henne till unga kvinnor i Södertälje kommun. I Van Duyne, Landay & Hong (2007) s. 52 beskrivs fyra kategorier med olika frågor som kan hjälpa mig att lära känna de tänkta användarna av webbplatsen jag skapar. Dessa kategorier är människorna, uppgifterna, tekniken och sociala aspekter. Denna analys kan du läsa efter delen om enkätsvaren. 10

11 Enkätsvar Gabriella påbörjade en undersökning i våras. En enkät delades ut till tjejer i årskurs 8 och gymnasieår 1 i Södertälje kommun. I åttonde klass tillfrågades 80 tjejer och av gymnasieklasserna tillfrågades 16 stycken. Dessa enkätsvar samt Gabriellas beskrivning av tjejjourens målgrupp är underlag för mitt skapande av en persona. I stycket nedan har jag sammanställt det som jag anser mest relevant i skapande av persona. Fritid Den fritidsaktivitet som dominerar i hela tillfrågade gruppen är att lyssna på musik. Detta gör de flesta av tjejerna varje dag. Att surfa och chatta på Internet är också en vanlig aktivitet på fritiden bland denna grupp. Att umgås med vänner hör till de flesta av tjejernas vanliga aktiviteter. Övriga fritidsaktiviteter som många sysslar med är idrott, läxläsning och att hjälpa till hemma. Det som skiljer sig mest är att de äldre tjejerna hjälper till mer hemma än de yngre. En fråga i enkäten handlade om hur ofta de tillfrågade befinner sig i Södertälje centrum och vad de sysselsätter sig med där. De flesta av åttondeklasserna är i Södertälje centrum en till fyra gånger i månaden och det som dominerar är att shoppa, fika eller hälsa på vänner. Bland gymnasietjejernas svar är det samma aktiviteter som dominerar. De flesta av dem befinner sig dock i Södertälje centrum flera dagar i veckan. Intressen En fråga i enkäten handlade om vad tjejerna är intresserade av. Foto är ett stort intresse både bland åttondeklassarna och gymnasietjejerna. Bland de äldre dominerar idrottsutövning följt av att skriva och foto som tredje populäraste intresse. De som går i åttan har foto som största intresse på förstaplats, följt av idrott, dans samt rita och måla. 11

12 Övrigt Enkäten visar att en stor del av de tillfrågade önskar en biograf i Södertälje. Även andra ställen och arrangemang för ungdomar önskas. En stor del är dock nöjda med aktiviteterna som finns i Södertälje. Många har gett ett osäkert svar. Ungefär hälften av enkätens svaranden kände till Juventas systrar sedan tidigare. Mer än hälften av de tillfrågade kan tänka sig att vända sig med problem till tjejjouren. I gruppen med tjejer i åttonde klass vill de flesta ha stöd genom chatt eller mail. Många i den äldre gruppen vill också ha stöd på detta sätt men här är också personligt möte ett populärt alternativ. I gruppen med gymnasietjejer var svaren ganska varierande hur man ville ha kontakt med en tjejjour. Telefonkontakt var också ett vanligt svar. Vilka problem som tjejerna upplever var också en fråga i enkäten. Ångest/oro och deppigheter var de två vanligaste svaren här. Slutsats av enkäten Enkäten gav mig mycket hjälp till analysen som följer under nästa rubrik. Analys Människorna Besökaren av Juventas systrars webbplats identifierar sig som tjejer. Målgruppen är 13 till 21 år men de flesta som kontaktar jouren är 16 år. Den största delen är studerande. Populära intressen i gruppen är foto och idrott. När det gäller vad de gör på fritiden är det dock inte dessa intressen som dominerar. Det är mest Internetanvändande, att lyssna på musik och umgås med vänner som sysselsätter tjejerna. De är vana datoranvändare och är nog aktiva mobilsurfare. Den största delen av gruppen försörjer inte sig själva. De bor hemma med minst en förälder. En del av målgruppen hjälper till med hushållssysslor i hemmet ibland på fritiden. Jag tänker mig att det är Södertäljes smala utbud av fritidsaktiviteter som gör att intressen och fritidssysselsättningar skiljer sig åt. Tjejer med attityd, säger Gabriella om de som kontaktar tjejjouren. 12

13 Uppgifterna Målgruppens uppgifter i vardagen är att klara skolan och ha en betydelsefull fritid. Tjejerna besöker Juventas systrar för att få hjälp med något problem, prata med någon eller kolla om det är aktiviteter på gång. Tekniken Datorer och mobiltelefoner används flitigt av målgruppen. Sociala aspekter Det kan ju vara känsligt att besöka en tjejjour för att få hjälp med ett problem. Tjejerna tar hänsyn till vilka människor som rör sig runtomkring dem när de surfar på webbplatsen. Persona Min persona är skapad utifrån enkät, analys och verksamhetsansvariges beskrivning av målgruppen med utgångspunkt från hur Redish (2007) beskriver skapandet av en sådan på s

14 Malin Så fort jag är vid en dator kollar jag min Facebook. Man vill ju se vad folk gör o så. Malin Lundberg är 16 år och bor i Södertälje kommun. Hon avslutar snart sitt första år på gymnasiet. Studierna bedriver hon på ekonomiprogrammet. Det framtida yrkesvalet är hon osäker på men tror att det alltid är användbart att vara kunnig inom ekonomi. Malin, hennes mamma och mammans pojkvän bor tillsammans i en lägenhet. Malin bor hos sin far varannan helg. På fritiden träffar hon gärna vänner. De umgås gärna i Södertälje centrum där de ofta shoppar eller fikar. Vardagskvällarna ägnar Malin gärna framför datorn där hon mest chattar på Msn eller Facebook. Irritation kan uppstå när hon inte finner det hon söker snabbt på en webbplats. Ibland upplever Malin stress på grund av pressen att hänga med i sociala medier. Musik är viktigt för henne så hon har Spotify i sin Smartphone. Hon surfar även mycket på mobiltelefonen. Juventas systrar besökte Malins skola i höstas. Hon tycker det är bra att det finns en grupp som fokuserar på tjejer eftersom det alltid är killar som får mest uppmärksamhet. Malin har besökt tjejjourens webbplats för att ställa frågor som hon inte vill fråga någon annan om. Hon är också nyfiken på kursutbudet och vad tjejjouren gillar just nu. 14

15 Scenario För att testa om min uppbyggnad av webbplatsen fungerar fantiserar jag ihop scenarion för min persona. I mitt scenario utgår jag från personans egenskaper (Van Duyne, Landay & Hong, 2007, s. 54). Scenario Malin fick en folder av tjejjouren i skolan idag. Malin är nyfiken på vad en storasyster är eftersom hon inte har några syskon och känner sig ensam ibland. Hon är osäker på var hon ska klicka för att hitta den information hon vill ha. Hon väljer att klicka på Kontakt. Där finns inte så mycket information men det finns en länk att klicka sig vidare om man vill veta mer om kontakten med Juventas systrar. Där klickar Malin. Där kan hon läsa om vad det innebär att ha en storasyster hos tjejjouren. Hon vill dock fundera lite på saken innan hon mailar. Grafisk profil Nuvarande material Uppdragsgivarens grafiska profil bestod av en logotyp som är röd och svart (bilaga 6). De använder sig även av en affisch (bilaga) skapad av serietecknaren Lina Neidestam. Det är den de identifierar sig mest med just nu och ville att jag utgick ifrån den i jobbet med webbplatsen. Tjejjourens logotyp har fått en annan färg på affischen men Gabriellas önskan var att Logotypen är röd på webbplatsen. Färger Jag tycker det är ett problem att tjejjouren använt en annan färgskala till affischen än att utgå från deras logotyp. Det blev en diskussion kring vilken färg logotypen ska ha 15

16 på webbplatsen och om jag skulle ändra färg på bilderna så att det fungerar ihop. Den grafiska profilen känns spretig. Jag utgick från färgerna i tjejjourens affisch för det känns rätt att det är enhetligt. Då kunde inte logotypen vara röd. Det blir icke-funktionellt och mottagaren kan bli förvirrad av motstridiga färgsignaler (Bergström, 2007, s. 256). Färgschema Typsnitt En sans-serif bör används, alternativt en antikva som är anpassad för webb. Texten kan bli grötig när en antikva används för skärmanpassat material eftersom texten ofta är ganska liten (Bergström, 2007, s. 135). Typsnittet som används här i rapporten är en sans-serif. Efter diskussion med Gabriella väljer jag Arial för brödtexten på webbplatsen. Samma typsnitt använder jag i foldern för enhetlighetens skull. Till serierutor används typsnittet Comic sans för att det ska passa ihop med övriga serierutor. Utformningen av webbplatsen Funktioner Tjejjouren kan själva gå in och ändra i olika delar. Huvudinnehållet är lätt att ändra och styla. 16

17 Enkät Uppdragsgivaren önskade sig en enkät. Jag valde att inte bygga den själv utan använde mig av tjänsten SurveyMonkey för att spara tid. Användaren klickar sig vidare till den webbplatsen där enkäten finns för att svara på frågor. Sociala medier Jag anser att det bör vara självklart att länka till Facebook på webbplatser idag. Troligtvis använder målgruppen Facebook mycket. Juventas systrar har en Facebook-grupp och den är det tydligt länkat till. Tillänglighet Den största delen av den viktigaste texten är svart och mycket viktig information upprepas så tror jag att tillgängligheten är bra (Redish, 2007, s.152). I vissa delar är texten rosa mot vit bakgrund vilket inte är så bra eftersom det är viktigt med kontrast för läsbarheten, men som tidigare nämnts så upprepas mycket viktig information på olika ställen så det fungerar ändå. Webbplatsen bör finnas på flera språk, framförallt engelska. Detta hör dock inte till uppdragsgivarens prioriteringar därför får det ske i ett senare skede. Detta kan ju också tjejjouren själva göra. Användaren kan förstora texten genom att klicka ctrl och plustecken (pc) eller kringla och plustecken (mac). Alla kanske inte vet om det så det vore bra att ha en länk till att förstora texten tydligt på webbplatsen (Redish, 2007, s. 148). Design I placeringen av olika element på webbplatsen inspirerades jag mycket av tjejjouren.se. Det är snyggt och tydligt när olika innehåll är placerat i lådor med luft i mellan. Den stora tydliga rubriken på varje sida är placerad där många förväntas hitta det som användaren vill läsa först (Van Duyne, Landay & Hong, 2007, s. 641). 17

18 Bilder Jag arbetar fram en banner med logotyp och delar av affischen. Jag använder Adobes program Photoshop och Illustrator till detta. Navigationsmöjligheter De viktigaste delarna är placerade så att man inte behöver bläddra nedåt om man har en liten dataskärm. Här utgick jag från en 13 tums skärm. Klickar man på bannern kommer man tillbaks till start. I bannern finns logotypen och enligt undersökningar förväntar sig många att komma till startsidan när de klickar på logotypen (Van Duyne, Landay & Hong, 2007, s. 639). I övre delen av sidan är det också förväntat att man ser en huvudmeny som visar webbplatsens sidor. Tekniska lösningar Det blev mycket läsande om Wordpress på deras webbplats. Många problem löstes den vägen men också genom att hitta andra forum genom webbsökning. Under den 8:e veckan, två dagar innan projektet skulle lämnas in fick jag ett stort problem. Jag kunde inte logga in i Wordpress. Efter att ha mailat och skrivit i forum utan resultat efter ett dygn skaffade jag ett nytt wordpresskonto. Jag sparade phpfiler innan jag tog bort wordpress-filerna från min webbserver så det gick ganska smidigt trots att jag blev tvungen att göra om vissa moment. Många element på min webbplats visas frekvent på alla sidor, men några ska bara visas på vissa sidor. Att hitta en lösning på detta jobbade jag mycket med. Ett försök vara att göra en till stilmall som skulle användas på alla sidor utom start, men det lyckades jag inte med. I detta läge hade jag inte mycket tid att jobba med att få det att lyckas så jag lade specifika stilregler i en ny header. Jag hittade också php-kod för att hämta innehåll från specifika sidor i Wordpress. 18

19 Programmering Jag utgick från de filer som redan fanns i Wordpress när jag installerat det. Jag utgick från ett tema och redigerade några av filerna. Mycket innehåll som fanns från början har tagits bort. Vissa delar som tjejjouren själva ska kunna ändra ska inte vara placerade i content, den stora rutan i mitten, med huvudinnehållet för varje sida. Jag har använt en phpfunktion för att kalla på innehåll till olika element på webbplatsen. Jag har också använt custom fields i Wordpress som jag också kallat på med php-kod. Sökmotoroptimering Både sidans titel, taggad som <title> och sidans huvudrubrik, taggad som <h1> har stor betydelse för att lyckas i sökmotorer (Wackå, 2009, s ). Enligt Wackå (2009) är titeln den mest betydelsefulla delen i detta sammanhang. Först hade jag titeln Juventas systrar men ändrade det till Tjejjouren i Södertälje med tanke på att alla som söker efter dem troligtvis inte vet att de kallar sig Juventas systrar. Mellanrubrikerna, taggade med <h2> och <h3> har ju också betydelse (Wackå, 2009, s ). Url:en har betydelse för hur man hamnar i en sökmotor (Wackå, 2009, s. 83) men också beskrivningen av webbplatsen. Detta är enkelt för alla att tänka på i Wordpress. Validering Jag har en macintosh-dator och testade min webbplats i webbläsarna Firefox och Safari. Detta fungerade bra. Jag fick hjälp av en pc-användare att kontrollera sajten på en sådan dator i olika webbläsare. Jag blev tvungen att ändra på ord- 19

20 mellanrummet i menyraden från måttenheten em till px, samt lägga till en css-regel i filen header-other.php för att inte bottom-content skulle synas på alla sidor utom startsidan. Jag testar webbplatsen i w3c:s validator. Det blir 7 errors. Jag tror inte att dessa fel har betydelse för jag kan själv inte hitta dem och det syns inte i någon webbläsare. Trycksaken Jag beslutade mig för att göra en liten folder som är smidig att lägga i fickan. Gabriella tyckte att det var bra att den gamla foldern var så pass liten. I övrigt så är den gamla foldern inte enhetlig med webbplatsen och Linas affisch. En dubbelvikt folder valde jag dels för att Gabriella gillar den utformningen och det blir inte så mycket text så betraktaren tycker att det är för mycket. Här tänker jag som med webbtexterna, att det ska vara lätt att överblicka texten (Redish, 2007, s.191). För bilder, se bilaga 5. Tyvärr blev det ett tryckfel från tryckeriet. Kommunikation med uppdragsgivaren Min kontakt med tjejjouren skedde mestadels via e-mall med verksamhetsansvarige Gabriella Nilsson. Hon har i sin tur visat mina förslag för hennes medarbetare på tjejjouren. Diskussioner och beslut som kommunicerats mellan mig och Gabriella delar jag upp veckovis. Vecka 1 Efter min intresseanmälan till annonsen i Volontärbyrån fick jag ett mail med några önskemål. Ett möte bokades in mellan oss. Jag åker till Södertälje och träffar Gabriella tisdagen den 26 april. Det är projektets femte vecka. 20

21 Vi mailade en del fram och tillbaks angående färgerna i Linas affisch. Det kändes som att vi var överens om att det bästa vore att få Linas affisch i gråskala. Annars bör färgen i logotypen ändras så den passar ihop med Linas bilder alternativt använda andra bilder. Detta diskuteras men Lina verkar vara svår att få tag på. Vecka 2 En skiss på förslag till hur webbplatsens element kan byggas upp har mailats (se bilaga 4). Gabriella visade förslaget för sina medarbetare. De är nöjda med förslaget men vill få in en ruta med en enkät så att tjejerna lätt hittar den. Vecka 3-4 Här var det inte så mycket kontakt. Jag mailade några skisser och förslag och fick positiv respons. Vecka 5 Jag åkte till Södertälje för ett möte med Gabriella. Efter mötet fick jag med mig en del att jobba vidare med. Jag fick en liten folder som de vill förbättra. Detta blev min uppgift, att skapa denna trycksak. Eventuellt blir det fler trycksaker beroende på tid. Jag fick även en folder från en konkurrent till Juventas systrar och en folder från tjejjouren.se. Den sistnämnda ville de gärna att jag inspireras av och använder samma format. Jag gillar också tjejjouren.se:s folder och inspirerades även av deras webbplats i utvecklandet av Juventas systrars sajt. Gällande textproduktionen till webbplatsens innehåll mailade Gabriella mig kontinuerligt de texter som skulle visas på sajten. Texterna redigerades av mig. Gabriella önskade att webbplatsen ska vara mer interaktiv. Ett förslag från henne var att man ska kunna se vad tjejjouren gillar på startsidan, t.ex. ett You tube-klipp. Jouren är också på gång med en blogg och det bör finnas en länk till den på startsidan. 21

22 Vecka 6-8 Här handlade kontakten mycket om texterna till webbplatsen. Hur gick det? Planeringen Det blev lite brett uppdelat, att bestämma att en hel fas skulle vara klar åt gången. Detta med tanke på bland annat kommunikationen. Material som jag hade behov av var inte alltid tillgängligt i tid. Jag tycker ändå att det känns okej att de flesta delar i fas 1 var färdiga vid satt deadline. Att jag sedan gick tillbaks till vissa delar under arbetet med nästa fas kändes okej. Hade jag arbetat med fler än mig själv i webbplatsutvecklingen hade det nog varit bra att lagt upp fler deadlines och delat upp faserna i olika delar. Problem Den svåraste delen för mig var att arbeta i Wordpress. Mycket tid gick till att lösa problem. En annan del som tog upp mycket tid var bildredigering. Ett samarbete med illustratören som utformat bilderna jag arbetat med hade underlättat mycket. Förbättringar för webbplatsen Bakåtknappar Enkät där fler svar än 100 kan lämnas in Val av språk, först och främst engelska Klicka på en länk för att få större text Mobiltelefonanpassat Gul ruta med beskrivning kommer upp när man är över en länk Länka till oss. Bilder man kan ladda ner. Pressmaterial Drop-down-meny eller liknande för att minska text-innehållet på enskilda sidor. 22

23 Ambitionsnivån Jag tror att Juventas systrar är nöja med min prestation och därför anser jag mitt mål som uppnått. Däremot vill jag gärna jobba vidare med webbplatsen och lägga till de förbättringar jag listat ovan. Min roll som webbredaktör Jag har kunskap om hur man utvecklar en bra webbplats och borde varit mer bestämd. I min första kontakt med tjejjouren kunde jag ha gett mer konkreta riktlinjer om vilka uppgifter de måsta utföra själva och vilka tider som måste hållas. 23

24 Källförteckning Bergström, B. (2007). Effektiv visuell kommunikation : om nyheter, reklam och profilering i vår visuella kultur. Stockholm: Carlsson Marttala, A & Karlsson, Å. (1999). Projektboken: metod och styrning för lyckade projekt. Lund: Studentlitteratur Redish, J. (2007). Letting Go of the Words: Writing Web Content that Works. San Francisco: Morgan Kaufmann Van Duyne, D. K., Landay, J. A. & Hong, J.I. (2007). The Design of Sites: Patterns for Creating Winning Web Sites 2nd edition. Upper Saddle River: Prentice-Hall Wackå, F. (2009). Webbredaktörens handbok: skapa värdefullt innehåll för webb och intranät. Stockholm: No Digit Media AB Wedin, Å., Lundin, K., Westman, M. & Ehrenberg-Sundin, B. (2008). Att skriva bättre i jobbet: En basbok om brukstexter. Stockholm: Norstedts Juridik. Rapporten färdigställd:

25 Bilaga 1 25

26 Bilaga 2 26

27 Bilaga 3 Bilaga 4 27

28 Bilaga 5 Bilaga 6 28

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck Projektarbete Solveig Betnér Sammanfattning och syfte Företaget Solveig skapar textila handarbetade produkter

Läs mer

Användarmanual för Content tool version 7.5

Användarmanual för Content tool version 7.5 Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

Webbsida i Wordpress. Existens på webben och bli sökbar

Webbsida i Wordpress. Existens på webben och bli sökbar Webbsida i Wordpress Existens på webben och bli sökbar Om Susann Rickan Susann Rickan bor i Nora Byggt webbsidor i 16 år Eget företag sedan 2009. Hjälper företag med webb och foto. Tycker om att bygga

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Bloggdesign { ALEXANDRA 299:- 359:- Lilla Designpaketet. Designpaketet Mellan. Prislista: Designpaket

Bloggdesign { ALEXANDRA 299:- 359:- Lilla Designpaketet. Designpaketet Mellan. Prislista: Designpaket Bloggdesign Dessa designpaket är utformade för dig som bloggar och vill ha en ny, proffsigare och mer personlig design. Jag gör designer för blogg.se/webblogg.se/blo.gg. När du har bestämt dig för vilket

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Projektplan för Website Project Japan

Projektplan för Website Project Japan HT11 Mediateknik A Södertörns högskola 2011-12-15 Projektplan för Website Project Japan Publicering via Internet Interaktiva medier Belsam Djehiche Carina Johansson Kim Olsson Johansson Innehåll Projektet

Läs mer

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet är en praktisk handbok för dig som någon gång skriver text för webb, surfplattor och

Läs mer

Sammanfattning från Stormötet med skolorna 14 april

Sammanfattning från Stormötet med skolorna 14 april Sammanfattning från Stormötet med skolorna 14 april VIKTIGT ATT TÄNKA PÅ NAR VI BYGGER VÅR WEBBPLATS! Målgruppen. Vilken är din målgrupp? Vad vill de veta? Vad vill de göra? Layout och design Tänk på placeringen

Läs mer

Att skapa en webbplats

Att skapa en webbplats Att skapa en webbplats En introduktion till ämnet med vägledning, tips och råd Andreas Ellhar 2014 1 Innehållsförteckning 1. Syfte med webbplatsen s. 4 2. Domännamn s. 4-5 3. Webbhotell s. 5 4. Webbplatsens

Läs mer

Ungas internetvanor och intressen 2015

Ungas internetvanor och intressen 2015 Ungas internetvanor och intressen 2015 Rapport av Anna Falkerud Ung i Kungsbacka har gjort en enkätundersökning där 184 ungdomar i åldrarna 13 20 år deltagit. Undersökningen handlade om ungas internetvanor

Läs mer

Webbsidekurs för nybörjare

Webbsidekurs för nybörjare Webbsidekurs för nybörjare Hörselskadades distrikt i Stockholms län (www.distriktet.info) Inledande faktaruta Alla HRF föreningar erbjuds möjligheten att kostnadsfritt publicera information på en egen

Läs mer

Uppdateramera. Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB. 1 Krokedil Produktionsbyrå AB www.krokedil.se

Uppdateramera. Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB. 1 Krokedil Produktionsbyrå AB www.krokedil.se Uppdateramera Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB 1 Krokedil Produktionsbyrå AB www.krokedil.se Välkommen Här har vi samlat tio grundläggande tips som hjälper dig att skapa en effektivare,

Läs mer

Manual för nya hemsidan. Grundläggande funktioner för lagledare

Manual för nya hemsidan. Grundläggande funktioner för lagledare Manual för nya hemsidan Grundläggande funktioner för lagledare Inledning Detta dokument beskriver de grundläggande funktionerna på Onyx nya hemsida och hur Du: Lägger ut en nyhet på ditt lags hemsida Lägger

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

Riktlinjer och tips för facebookgrupper Erikshjälpen Second Hand

Riktlinjer och tips för facebookgrupper Erikshjälpen Second Hand Riktlinjer och tips för facebookgrupper Erikshjälpen Second Hand Varför Facebook? Facebook är ett socialt forum där det är enkelt att hålla kontakt, uppdatera medlemmar om aktuella händelser och så vidare.

Läs mer

PROJEKTRAPPORT GRUPP 10

PROJEKTRAPPORT GRUPP 10 PROJEKTRAPPORT GRUPP 10 AD/ID: Oskar Kiviniemi oskarkiviniemi@gmail.com Projektledare: Mikaela Olsson mikaela-olsson@live.se Teknik-/ljud-/bild-ansvarig: Filip Edde Martinsson filipeddemartinsson@gmail.com

Läs mer

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550 Del 1 och 2 HTML/CSS Vi har fått i uppgift att göra en hemsida av eget val! Jag har bestämt mig för att skapa en hemsida åt en påhittad restaurang här i Umeå som inriktar sig på exklusiv nyttig mat och

Läs mer

FÅR JAG GIFTA MIG MED VEM JAG VILL?

FÅR JAG GIFTA MIG MED VEM JAG VILL? FÅR JAG GIFTA MIG MED VEM JAG VILL? KÄNNER DU IGEN DIG? ÄR DU OROLIG ATT DU...... inte får gifta dig med vem du vill?... inte får vara kär i någon av samma kön?... inte kan skilja dig om du redan är gift?

Läs mer

Starta din försäljning med hjälp av sociala medier

Starta din försäljning med hjälp av sociala medier Starta din försäljning med hjälp av sociala medier Facebook Ett av de snabbaste sätten att sprida sin webbutik och få sin första beställning är att använda sig av Facebook. Det finns två olika sätt att

Läs mer

Kommunikationspolicy samt Grafisk profil för Kungsbacka Ridklubb

Kommunikationspolicy samt Grafisk profil för Kungsbacka Ridklubb Kommunikationspolicy samt Grafisk profil för Kungsbacka Ridklubb Den interna Kommunikationen skall ge kunskap om vad som sker inom och utom ridklubben, den skall också skapa motivation och delaktighet

Läs mer

Valet 2010 på facebook!

Valet 2010 på facebook! Ursäkta mig, hur kommer jag till Sosserian? Informationssidor från SAP it Helsingborg - 2010 Valet 2010 på facebook! Är det inte en valseger jag ser där borta? Informationssidor från SAP it Helsingborg

Läs mer

2012-10-09. Skapa Bufblogg

2012-10-09. Skapa Bufblogg Skapa Bufblogg Vill du skapa en blogg till klassen/avdelningen? Alla anställda inom BUF har möjlighet att skapa blogg på http://bufblogg.kristianstad.se. Elisabeth Banemark, Skoldatateket Sida 1 Innehåll

Läs mer

Wordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

Wordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg

Läs mer

[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner

[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner [Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner [Rune Tennesmed] [Göran Hultgren] Profil Kön Ålder Arbete/roll [Kund] [Man] [46 år] [Sågverksoperatör] Personlighet

Läs mer

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 2 Så här skapar du en ny sida. Mycket av informationen nedan kan tillämpas på skapandet av andra typer av innehåll, till exempel nyheter, blogginlägg,

Läs mer

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker 24 november 2009 Bakgrund Ålder: 20, 25 Kön: Kvinna, Kvinna Sysselsättning/utbildning: Marknadsföringsprogrammet, Engelska fristående kurs. Internetvana

Läs mer

Wordpress och Sociala medier av Sanna Ohlander 110308. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

Wordpress och Sociala medier av Sanna Ohlander 110308. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg

Läs mer

Snabbkurs i Wordpress för IOGT-NTO

Snabbkurs i Wordpress för IOGT-NTO Snabbkurs i Wordpress för IOGT-NTO Välkommen till din nya sida! Det här materialet är till för att ge en snabb genomgång av din nya sida och de olika funktionerna så att du snabbt kan komma igång och arbeta

Läs mer

Nya sundbyberg.se. Webbkoncept. v1.0, Sundbyberg där staden är som bäst

Nya sundbyberg.se. Webbkoncept. v1.0, Sundbyberg där staden är som bäst Nya sundbyberg.se Webbkoncept v1.0, 2012-04-04 Innehåll 1. Introduktion 2. Webbstrategi 3. Prioriteringar 4. Innehåll startsida 5. Tonalitet 6. Form 7. Interaktivitet och dialog 8. Sociala medier 9. Sökfunktion

Läs mer

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor Hemsida Lathund för medlemsföreningar 2015 10 13 Funktioner för medlemsföreningar på hemsidan Varje medlemsförening har en egen sektion på scuf.se Styrelsen kan redigera sin medlemsförenings sidor, skriva

Läs mer

Kom igång med FrontPage 2003

Kom igång med FrontPage 2003 Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker

Läs mer

Lathund för webbpublicering på Vi Ungas distriktswebbplatser

Lathund för webbpublicering på Vi Ungas distriktswebbplatser Lathund för webbpublicering på Vi Ungas distriktswebbplatser 1 1. Introduktion 3 2. Inloggning 3 3. Publicering av nyheter 4 4. Hantera nyheter 7 5. Snabblänkar 7 6. Sidor 8 7. Händelser 8 8. Distriktets

Läs mer

12 Webb och kurshemsidor

12 Webb och kurshemsidor 12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,

Läs mer

Att arbeta med. Müfit Kiper

Att arbeta med. Müfit Kiper Att arbeta med Müfit Kiper Att skriva nya inlägg Alla inlägg som är postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer visas först om inget annat angetts i temafilerna.

Läs mer

Gmail, kalendern och Google dokument. Här lär du dig att skicka

Gmail, kalendern och Google dokument. Här lär du dig att skicka e-post Gmail, kalendern och Google dokument. Här lär du dig att skicka och ta emot e-post. Du skickar och tar emot bilagor och hanterar adressboken. Gå till din webbmail och logga in... 2 Skriv e-post...

Läs mer

Frågor och svar Gränssnittsdesign/Webbutveckling

Frågor och svar Gränssnittsdesign/Webbutveckling Frågor och svar Gränssnittsdesign/Webbutveckling Bilder och optimering 1. Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi eller 96

Läs mer

Word-guide Introduktion

Word-guide Introduktion Word-guide Introduktion På det kognitionsvetenskapliga programmet kommer du läsa kurser inom flera olika vetenskapsområden och för varje vetenskapsområde finns ett speciellt sätt att utforma rapporter.

Läs mer

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering.

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering. Kom-igång-hjälp för hemsida & e-butik Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering. Ta reda på dina behov Skapa förutsättningar för att lyckas. Skriv ner en tydlig sidstruktur

Läs mer

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2) 1 Instruktioner Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 2. Logga in (SIDA 2) 3. Hem (SIDA 2) 4. Skapa/redigera sidor (SIDA 3) 41. Lägg till ny sida (SIDA 3) 42. Avancerat (SIDA 4) 5. Texteditor (SIDA

Läs mer

Blogga med wordpress. Lina Tannerfalk Wiberg

Blogga med wordpress. Lina Tannerfalk Wiberg Blogga med wordpress Lina Tannerfalk Wiberg Blogga med Wordpress Varför blogga i skolan? - öka antalet mottagare för elevernas arbete. - förmågan att kommunicera tränas och utvecklas. - otaliga användningsområden,

Läs mer

Scio. en liten användarguide. Skriven av: Josefine Siewertz

Scio. en liten användarguide. Skriven av: Josefine Siewertz Scio en liten användarguide Senast ändrad: 2011-03-18 (Korrigerat typsnitt samt information om kursplaner) Skriven av: Josefine Siewertz Innehåll Allmän information samt att logga in i Scio... 1 Strukturen

Läs mer

Handledning och checklista för klarspråk

Handledning och checklista för klarspråk Handledning och checklista för klarspråk i Brottsofferjouren 2015-02-24 Innehåll Vad är klarspråk?... 2 Varför ska vi skriva klarspråk?... 2 Hur du kan använda checklistan... 2 Innan du börjar skriva...

Läs mer

Projektplan Magasinet

Projektplan Magasinet Magasinet agnes.walmstedt@gmail.com juliask_y@hotmail.com ludvig93@live.se Bakgrund Projektets förutsättningar Detta projektarbete görs inom Medieteknik A på Södertörns högskola. Projektets syfte är att

Läs mer

Människa-Dator Interaktion

Människa-Dator Interaktion Människa-Dator Interaktion Uppgift 1, Datainsamling Utbildningsföretag vill ha programvara (Håkan Johansson) Produkter på marknaden: 3 st gratisprogram för elearning/webkonferans: Yugma Låter dig köra

Läs mer

Manual för Kalmar kommuns Nya intranät. piren.kalmar.se

Manual för Kalmar kommuns Nya intranät. piren.kalmar.se Manual för Kalmar kommuns Nya intranät piren.kalmar.se Innehåll Inloggning och aktivering av ditt konto... 3 Inställning vid första inloggning... 3 Arbetsytan på Piren... 4 Hjälp... 4 Dina profilinställningar...

Läs mer

HANDLEDARE: Jonny Pedersen Datum: (Detta skrevs i November 09)

HANDLEDARE: Jonny Pedersen Datum: (Detta skrevs i November 09) DOKUMENTATIONER IDÈSKISS ÄMNESOMRÅDE: Webbdesign och marknadsföring HANDLEDARE: Jonny Pedersen Datum: (Detta skrevs i November 09) Min idéskiss: Jag ska skapa en hemsida vars syfte är att tjäna pengar.

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

Läs mer

Valet 2010 på facebook!

Valet 2010 på facebook! Valet 2010 på facebook! Är det inte en valseger jag ser där borta? Tips från SAP:s IT grupp i Helsingborg Bakgrund Hösten 2009 bildade vi en arbetsgrupp där vi diskuterade hur IT kan gagna oss i valet

Läs mer

Definition av svarsalternativ i Barn-ULF

Definition av svarsalternativ i Barn-ULF STATISTISKA CENTRALBYRÅN 2011-06-09 1(29) Definition av svarsalternativ i Barn-ULF I nedanstående tabeller visas hur svaren på de olika frågorna i undersökningen av barns levnadsförhållanden har grupperats

Läs mer

Hur man lägger upp och redigerar dokument i Typo3.

Hur man lägger upp och redigerar dokument i Typo3. Hur man lägger upp och redigerar dokument i Typo3. Typo3 är ett så kallat CMS, Content Management System där du enkelt och smidigt kan lägga ut kursinformation och bilder. Detta verktyg är webbaserat vilket

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Värderingsövning -Var går gränsen?

Värderingsövning -Var går gränsen? OBS! jag har lånat grundidén till dessa övningar från flera ställen och sedan anpassat så att man kan använda dem på högstadieelever. Värderingsövning -Var går gränsen? Detta är en övning i att ta ställning

Läs mer

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

Läs mer

lär dig söka och publicera på världens största videocommunity!

lär dig söka och publicera på världens största videocommunity! lär dig söka och publicera på världens största videocommunity! En guide av Jennifer Erlandsson och Youtube en stor community där du kan titta på och dela med dig av videoklipp. Det är ett utmärkt ställe

Läs mer

Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014

Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014 Fejjan för alla 1.0 Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014 Fejjan för alla gör det lättare för personer med olika typer av funktionsnedsättningar

Läs mer

Vilken version av Dreamweaver använder du?

Vilken version av Dreamweaver använder du? Sida 1 av 7 Lektion 1: sida 1 av 4 Till kursens framsida Sida 2 av 4» Lektion 1 Då ska vi sätta igång med den här kursens första lektion! Här kommer du att få lära dig hur man skapar och förbereder webbplatser

Läs mer

Bidrag till tävlingen Bästa vara

Bidrag till tävlingen Bästa vara Haganässkolan, Älmhult Erik Nilsson tel. 070-574 97 18 Vår affärsidé: Att skapa snyggt designade kökstillbehör där funktion och kvalité står i centrum. Bidrag till tävlingen Bästa vara Bakgrund ES Design

Läs mer

Projektrapport. Magnus Krantz Oscar Berggren Olof Hammarberg Daniel Kreivi. Diverse slutsatser i relation till ursprungligt projektplan

Projektrapport. Magnus Krantz Oscar Berggren Olof Hammarberg Daniel Kreivi. Diverse slutsatser i relation till ursprungligt projektplan Projektrapport Diverse slutsatser i relation till ursprungligt projektplan När det gäller projektet som slutprodukt i jämförelse med vår ursprungliga plan så är det en del som har ändrats. Då huvudidén

Läs mer

Grundläggande om sökordsoptimering Sida 1. Grundläggande om sökordsoptimering. Marcus Österberg, marcus@webbfunktion.com

Grundläggande om sökordsoptimering Sida 1. Grundläggande om sökordsoptimering. Marcus Österberg, marcus@webbfunktion.com Grundläggande om sökordsoptimering Sida 1 Grundläggande om sökordsoptimering Marcus Österberg, marcus@webbfunktion.com Sida 2 Innehåll: Ordlista... 3 Varför sökordsoptimering... 4 Viktiga faktorer inom

Läs mer

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Institutionen för data- och affärsvetenskap Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2012-05-28, kl. 9-13 Hjälpmedel: Inga hjälpmedel tillåtna Betyg:

Läs mer

Annonsprodukter Kamrat.com Oktober 2008. www.kamrat.com

Annonsprodukter Kamrat.com Oktober 2008. www.kamrat.com Annonsprodukter Kamrat.com Oktober 2008 www.kamrat.com Vad är Kamrat.com? Kamrat.com är en av sveriges största community-siter. Det betyder att det är en site där många människor i Sverige loggar in när

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer

EN GUIDE FÖR GRAFISK PROFIL

EN GUIDE FÖR GRAFISK PROFIL EN GUIDE FÖR GRAFISK PROFIL 1 Innehåll Grafisk profil 2 Uppdrag och kärnvärde 3 Tilltal och tonläge 3 Bildspråk 4 Logotypen 5 Ortnamnsmontering 6 Verksamhetslogotyper 6 Vinjetter 7 Typsnitt 8 Färgpalett

Läs mer

Arg-administratörens guide till Umbraco v 1.2.1

Arg-administratörens guide till Umbraco v 1.2.1 Arg-administratörens guide till Umbraco v 1.2.1 Logga in 1. Öppna en webbläsare och gå till inloggningssidan: https://www.sfog.se/umbraco/ 2. Skriv in följande användarnam & lösenord : 3. Klicka på Logga

Läs mer

Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg

Läs mer

Informationsenheten. Betrakta mig som spindeln i nätet, bollplank eller idébank, det är valfritt.

Informationsenheten. Betrakta mig som spindeln i nätet, bollplank eller idébank, det är valfritt. Informationsenheten Betrakta mig som spindeln i nätet, bollplank eller idébank, det är valfritt. Välkommen till informationsenheten! Att vi lever i ett informationssamhälle är år 2009 ingen nyhet, det

Läs mer

En användarmanual för att publicera Y-bladet på webben

En användarmanual för att publicera Y-bladet på webben Publicera Y-bladet Innehåll Publicera Y-bladet...1 En användarmanual för att publicera Y-bladet på webben...1 Logga in...2 Logga ut...2 Att lägga till en artikel till Y-bladet...3 Ändra ett inlägg...5

Läs mer

Vem lånar e-böcker från bibliotekens hemsidor? Sammanställning av elibs webbenkät på bibliotekens hemsidor.

Vem lånar e-böcker från bibliotekens hemsidor? Sammanställning av elibs webbenkät på bibliotekens hemsidor. Vem lånar e-böcker från bibliotekens hemsidor? Sammanställning av elibs webbenkät på bibliotekens hemsidor. Bakgrund elib, producent och distributör av e-böcker och leverantör av system för e-boksutlåning,

Läs mer

2013-04-02 Ver 3.0. Lathund WP-tema SAGA

2013-04-02 Ver 3.0. Lathund WP-tema SAGA 03-04-0 Ver 3.0 Lathund WP-tema SAGA Om SAGA för wordpress SAGA är ett Wordpresstema framtaget av Psynkprojektet inom SKL för att underlätta kommuner och landsting att presentera vart man ska vända sig

Läs mer

Projektrapport. Projekt - Anna Broström Keramik

Projektrapport. Projekt - Anna Broström Keramik Projektrapport Projekt - Anna Broström Keramik Kurs: Medieteknik A, VT 2013 Delkurs: Interaktiva medier och Publicering via Internet Inlämningsdatum: 2013-06-04 FIMS: Freja Krogh-Andersen, Ida Josefsson,

Läs mer

Bättre webb för barn och unga!

Bättre webb för barn och unga! Bättre webb för barn och unga! Utdrag av bilagor till rapporten Genomlysning av webbinfo om psykisk ohälsa för barn och unga för projektet Psynk i november 2014 Bilagorna är personabeskrivningar, anvisning

Läs mer

Manual för administratör

Manual för administratör Manual för administratör Innehållsförteckning 1. Bloggar... 3 1.1 Byta Header- bild till blogg... 3 1.2 Ta bort/lägg till Kategori... 4 1.3 Byt Profilbild samt Lägg till Sociala Medier... 6 2. Publicera

Läs mer

2009-08-20. Manual för Typo3 version 4.2

2009-08-20. Manual för Typo3 version 4.2 2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1

Läs mer

Informationsarkitektur - att planera en webbplats

Informationsarkitektur - att planera en webbplats Informationsarkitektur - att planera en webbplats Introduktion Planeringsstadiet för en webbplats (eller vilket projekt som helst) kan vanligtvis bli lite stressigt. Alla har en åsikt om hur en webbplats

Läs mer

BLOGG PETER WALTONEN @ DPI.FI

BLOGG PETER WALTONEN @ DPI.FI BLOGG PETER WALTONEN @ DPI.FI WordPress är en väldigt användbar nätportal, som kan användas både som blogg men även för att bygga upp din hemsida på nätet. Verktygen är lätta att använda och det erbjuds

Läs mer

Manual för administratör

Manual för administratör Manual för administratör Innehållsförteckning 1. Bloggar... 3 1.1 Byta Header- bild till blogg... 3 1.2 Ta bort/lägg till Kategori... 4 1.3 Byt Profilbild samt Lägg till Sociala Medier... 6 2. Publicera

Läs mer

2013-04-09. Vem är vi? Magnus Äng

2013-04-09. Vem är vi? Magnus Äng 1 2 Vem är vi? Magnus Äng 3 14 år 4 5 TopVisible 6 Kunder Digital byrå ü Grundandes 2012 ü 7 st i TopVisible-team ü +50 år samlad erfarenhet inom Digital Marketing ü Omsättning ca 5,1 Mkr ü Resultat ca

Läs mer

Utseende. Lauri Watts Översättare: Stefan Asserhäll

Utseende. Lauri Watts Översättare: Stefan Asserhäll Lauri Watts Översättare: Stefan Asserhäll 2 Innehåll 1 Utseende 4 1.1 Allmänt............................................ 4 1.2 Teckensnitt.......................................... 4 1.3 Stilmallar...........................................

Läs mer

www.pts.se/archive/documents/ SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003.

www.pts.se/archive/documents/ SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003. 2 3 1 Är samhällsviktiga tjänster på Internet tillgängliga för personer med funktionshinder? PTS-ER-2004:14, ISSN 1650-9862. www.pts.se/archive/documents/ SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003.pdf

Läs mer

Kom igång med utbildningen bättrevardag.nu!

Kom igång med utbildningen bättrevardag.nu! Kom igång med utbildningen bättrevardag.nu! Det här dokumentet riktar sig till dig som ansvarar för att personalen får utbildning på ett företag eller själv utbildar om arbetsmiljö för vuxna eller ungdomar

Läs mer

Innehållsförteckning Inloggning: Allmänna inställningar hur du ändrar utseende och språk samt navigerar i menyn högst upp i bildkant.

Innehållsförteckning Inloggning: Allmänna inställningar hur du ändrar utseende och språk samt navigerar i menyn högst upp i bildkant. 1 Innehållsförteckning Inloggning: 2 Så här skaffar du E-id/Bank-id:... 2 Mobilt Bank-id/E-id... 2 Var och hur loggar jag in med användarnamn och lösenord?... 2 Hur loggar jag in med Bank-id/E-id?... 3

Läs mer

PROSPEKT MEDIAS HANDBOK

PROSPEKT MEDIAS HANDBOK PROSPEKT MEDIAS HANDBOK 1 INNEHÅLLSFÖRTECKNING INLEDNING 3 FACEBOOK 4-5 INSTAGRAM 6-7 TWITTER 8-9 LINKEDIN 10 YOUTUBE 11 2 INLEDNING Idag är sociala medier ett måste i ett företags mediemix. Det har blivit

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

ANVÄNDARBESKRIVNING FÖR PERSONAL

ANVÄNDARBESKRIVNING FÖR PERSONAL ANVÄNDARBESKRIVNING FÖR PERSONAL 1 INLEDNING Programmet ipool är ett system för att på ett effektivt sätt sköta bemanning och personalinformation via ett webbaserat gränssnitt som är enkelt att använda

Läs mer

Wilhelms mamma Rosa kommer in och säger att det finns kaffe och tårta. Tårtan är från dagen innan då Wilhelm hade födelsedagsfest.

Wilhelms mamma Rosa kommer in och säger att det finns kaffe och tårta. Tårtan är från dagen innan då Wilhelm hade födelsedagsfest. 1 Hålla kontakt - Grundläggande om sociala medier Sammanfattning av filmen 1. Vid datorn i Wilhelms rum Wilhelm och hans kusin Simon spelar ett onlinespel. De tar kort på varandra med Wilhelms nya mobiltelefon.

Läs mer

Musik bland dagens ungdomar

Musik bland dagens ungdomar Musik bland dagens ungdomar En undersökning som tar reda på hur dagens ungdomar gör då de vill lyssna på musik. Musik är för många ungdomar en mycket stor del av vardagen. Utbudet av musik och sätt att

Läs mer

Manual för lokalredaktörer villaagarna.se

Manual för lokalredaktörer villaagarna.se Manual för lokalredaktörer villaagarna.se Version 2 Villaägarnas Riksförbund Sollentuna 2011 Innehåll Redigera befintlig sida... 3 Skriva text eller klistra in kopierad text... 5 Rubriker i brödtext...

Läs mer

Fritid för alla - Fritidswebben. En förstudie av Markus Blomqvist & Anna Stam People and technology

Fritid för alla - Fritidswebben. En förstudie av Markus Blomqvist & Anna Stam People and technology Fritid för alla - Fritidswebben En förstudie av Markus Blomqvist & Anna Stam People and technology Metod Som metod har vi använt oss av djupintervjuer och en onlinebaserad enkätundersökning för att identifiera

Läs mer

Projektrapport Ewa Kwiatkowska & Marika Johansson

Projektrapport Ewa Kwiatkowska & Marika Johansson Projektrapport Ewa Kwiatkowska & Marika Johansson Projekt: webbplatsutveckling 15 hp Vårterminen 2011 Sammanfattning I den avslutande kursen för webbredaktörsprogrammet skulle vi göra ett projektarbete.

Läs mer

LATHUND TILL GOOGLE SITES

LATHUND TILL GOOGLE SITES LATHUND TILL GOOGLE SITES 2012 Mörbyskolan Denna lathund går igenom hur du skapar, redigerar och kan använda Google Sites i undervisningen Rev. 1.0a Innehållsförteckning 1. VAD ÄR GOOGLE SITES? ES?.........2

Läs mer

I.site Webbsidesverktyg handledning

I.site Webbsidesverktyg handledning I.site Webbsidesverktyg handledning Ingela Ek IT-pedagogisk utveckling Barn- och ungdomsförvaltningen Botkyrka kommun Senast uppdaterad 2007 Välkommen som webbredaktör till Botkyrka kommuns hemsidor Logga

Läs mer

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide Använda Internet med hjälp av Internet Explorer Nybörjarguide Av Carl Ewnert 1 Innehåll: 1. Introduktion 3 2. Utseendet 4 3. Verktygsfältet 4 4. Börja Surfa. 5 5. Att söka på Internet 5 6. Spara en sida

Läs mer

Umgås på nätet KAPITEL 6. Chatta via webbläsaren

Umgås på nätet KAPITEL 6. Chatta via webbläsaren KAPITEL 6 Umgås på nätet Internet håller alltmer på att utvecklas till en parallellvärld med vår vanliga tillvaro. Man spelar spel över nätet, bygger upp virtuella världar med virtuella prylar och virtuella

Läs mer

Kom i gång med PING PONG

Kom i gång med PING PONG Kom i gång med PING PONG Studentmanual Version 6 Kom igång med PING PONG Studentmanual. Version 6 Anita Eklöf, Sektionen för pedagogiskt arbete, Högskolan i Borås. 2015-02-16 1 ATT LOGGA IN... 1 2 STARTSIDAN...

Läs mer

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2. Joomla - Administrationsguide Joomla - Administrationsguide 1 Logga in i administrations-gränssnittet 2 Ändra globala inställningar 2 Ändra titel 3 Artiklar, kategorier och sektioner 4 Skapa sektioner

Läs mer

Lärarhandledning. Felix börjar skolan

Lärarhandledning. Felix börjar skolan Lärarhandledning för Felix börjar skolan Felixonline är en digital anpassning av barnboksserien Felix börjar skolan utgiven av Bonnier utbildning. Syftet med läromedlet är i första hand att skapa läsupplevelse

Läs mer