Projektplan. Grupp 10 - Gather Your Heroes Sodertorns Hogskola IMD HT13 Medieteknik A Interaktiva medier / Publicering via internet 8 Januari 2014

Storlek: px
Starta visningen från sidan:

Download "Projektplan. Grupp 10 - Gather Your Heroes Sodertorns Hogskola IMD HT13 Medieteknik A Interaktiva medier / Publicering via internet 8 Januari 2014"

Transkript

1 Projektplan Grupp 10 - Gather Your Heroes Sodertorns Hogskola IMD HT13 Medieteknik A Interaktiva medier / Publicering via internet 8 Januari 2014 Isabelle Borgkvist Magnus Ulenius Axel Jonsson Lovisa Lindstrom 1 (9)

2 Innehåll 1. Inledning Bakgrund och syfte Webbadress och domännamn Uppdelning av arbetet Målgrupp Genomförande Idé, analys och prototyp Lista på insticksprogram och andra funktioner Slutsatser Blev det som vi tänkt utifrån vår ursprungliga projektplan? Förslag på meta-märkning Individuella reflektioner Källor och referenser (9)

3 1. Inledning 1.1 Bakgrund och syfte Detta projekt har utförts av studenter på IMD-programmet på Södertörns Högskola. Projektet har gått ut på att skapa en webbpresentation/webbplats med CMS-verktyget 1 WordPress. Arbetet har utförts i grupp och ett krav som fanns för projektet var att använda ett förinstallerat blankt WordPress-tema, alltså ett tema helt utan CSS-kod som påverkar utseendet. Vi har sedan kodat webbsidans struktur och stil utifrån de kunskaper vi fått under kursen Medieteknik A, bland annat i CSS3 och HTML5. För de olika funktionerna har vi använt insticksprogram i WordPress och i viss mån även PHP-kodning. Vårt projekt grundades i att vi fick upp ögonen för metalcorebandet Gather Your Heroes och att de saknade både en hemsida och en enhetlig grafisk profil. Flera av oss i projektgruppen har erfarenhet av att spela i band och vi var överens om att ett problem med en bandhemsida är att ett band ofta saknar tid att uppdatera en sida. Vi märkte att Gather Your Heroes ändå är relativt aktiva online, bland annat på Facebook, Twitter och Instagram. Utifrån de förutsättningarna kom vi överens om att GYH's sida ska vara en plattform för all deras aktivitet online, där alla statusar, tweets och poster samlas på ett ställe och presenteras enhetligt. Allt detta skulle ske utan att bandet själva skulle behöva öka sin aktivitet. Allt innehåll på sidan, både fotografier och texter, har Gather Your Heroes tillhandahållit. Logotypen och ikonerna för sociala medier har vi själva tagit fram. 1.2 Webbadress och domännamn En lämplig webbadress för hemsidan skulle kunna vara bandets förkortning GYH, men detta är tyvärr redan upptaget med de vanligaste toppdomänen, därför valde vi att använda hela namnet gatheryourheroes som finns tillgängligt med både.com och.se. Just nu ligger sidan på 1.3 Uppdelning av arbetet Vi har arbetat som ett team under hela arbetets gång, och vi har tagit alla beslut gemensamt. För att kunna arbeta effektivt har vi haft dagliga SCRUM-möten 2 där vi fördelat arbetsuppgifter och stämt av vad som gjorts sedan det senaste mötet. I den första kodningsprocessen valde vi att dela upp arbetet två och två. Eftersom vi hade tydliga statiska skisser för hur varje sida skulle se ut, och för att effektivisera arbetet, arbetade Isabelle och Lovisa med det, medan Axel och Magnus testade olika insticksprogram och hittade lösningar för de olika funktionerna. 1.4 Målgrupp Vi tog fram tre personas när vi utvecklade hemsidan. Denna metod med påhittade karaktärer som potentiella användare hjälper oss bland annat med att produktionen anpassas efter vår specifika målgrupp och att vi inom teamet arbetar mot samma mål. 3 Mer information finns i projektplanen. 1 CMS Content Management System övers: Innehållshanteringssystem. Ett verktyg för att organisera och publicera innehåll för en webbsida. Föreläsning CMS/WordPress med Emmi Gereb Delkurs: Publicering via internet/interaktiva medier, Medieteknik A HT SCRUM-metoden - https://www.scrum.org/resources/what-is-scrum Föreläsning Projekthantering med Jon Manker Delkurs: Grafisk design, Medieteknik A, Södertörns högskola HT Seminarium 1, i delkursen Introduktion till medieteknik, Medieteknik A, Södertörns högskola HT (9)

4 2. Genomförande 2.1 Idé, analys och prototyp Vi började med att analysera tre andra metalcore-bands hemsidor: Degreed med fans på Facebook, Mary Fay med och Dead By April med cirka fans. Trots skillnaden i publik tyckte vi att sidorna var ganska lika varandra. Bland annat tyckte vi att de kändes slarviga med ogenomtänkt struktur och innehåll. Utifrån analysarbetet fick vi en mycket klarare bild av hur vi ville att vår sida skulle se ut och fungera. Vi fick också större kunskap och idéer om vilka olika funktioner och egenskaper som oftast finns på bandwebbplatser. Vi gick vidare med att bygga upp en struktur för hemsidan och ritade ett preliminärt webbplats-träd för att få en bättre översikt. Detta använde vi sedan för att bygga en pappersprototyp vilken vi under ett seminarium i skolan fick chans att användartesta på flera testpersoner. Med den respons vi fick från prototypningen ändrade vi på några små detaljer, bland annat namnen på de olika sidorna och hur de presenteras i huvudmenyn. Vi fortsatte sedan med att ta fram en grafisk profil, logotyp, en färgpalett och olika typsnitt som vi ville använda oss av. Vi började också arbeta fram mer detaljerade skisser av hur varje sida skulle se ut. Dessa bilder använde vi också för att framställa en digital, klickbar prototyp som vi fick opponering på i klassen. När vi hade tydliga skisser för varje sida och hade fått respons från opponenterna på vårt arbete började vi skriva CSS-kod för sidan. Parallellt letade vi bland och testade många olika insticksprogram för de funktioner som sidan ska innehålla. Vi testade dessa på separata wordpressinstallatione vilket gjorde att vi kunde effektivisera arbetet och låta jobbet med grundstrukturen fortsätta utan avbrott. När vi hittat insticksprogram som passade oss kunde vi enkelt installera och konfigurera de på huvuddomänen. Under det fortsatta arbetet varvade vi tester av funktioner, navigering och utseende med små ändringar i källkoden och detaljarbete. Vi testade själva kontinuerligt hur allting fungerade och på flera utomstående testpersoner. När produktionen i stort sett var färdigställd lade vi till CSS-kod för olika media-queries, som dynamiskt anpassar webbsidan för olika skärmstorlekar. Vi hade kunnat lösa detta problem genom att hitta ett insticksprogram där hela sidan konverteras till en mobilversion, men vi valde att göra på det här sättet eftersom vi ville undvika att webbsidan skulle förlora några funktioner eller element. 2.2 Lista på insticksprogram och andra funktioner Latest news -funktionen på Homesidan Vi valde att flytta Wordpress inbyggda blogg-funktion från startsidan till en egen sida, kallad News archive. På förstasidan ville vi istället presentera en lista med de tre senaste artiklarna från bloggen, kallad Latest news. För att göra detta var vi tvungna att definiera en ny funktion, kallad the_excerpt(). Den skapar ett kortare utdrag av en bloggpost i databasen, som sedan skrivs ut ett bestämt antal gånger (i vårt fall tre). Denna funktion är definieras i filen functions.php, och koden för att skriva ut posterna ligger i en anpassad template-fil, kallad page-blog.php, som i sin tur är kopplad till Home -sidan (9)

5 Contact Form 7 Ett enkelt tillägg för att skapa och anpassa utseendet för olika kontaktformulär. Custom sidebars Skapar nya mallar (template-filer) vilka gör det möjligt att ha flera sidofält som kan presenteras på olika sidor. FancyBox for WordPress Insticksprogram som möjliggör förhandsvisning av bilder i en pop-up funktion, precis som lightbox -funktionen i JavaScript. Vi valde detta program för att det tillät oss att lägga till en bildtext för varje bild. GlobalFeed Kopplar ihop en Facebookprofil, -sida eller -grupp med WordPress installationen. Detta gör att poster som publicerats i Facebooks gränssnitt dyker upp i vårt bloggflöde automatiskt. Iframe widget Detta tillägg var det enda vi kunde hitta som får Spotify-spelaren att fungera i sidofältet. Instapress Ett mycket anpassningsbart och dynamiskt Instagram-galleri. Passade oss utmärkt då vi kunde använda samma tillägg både för de rullande Instagrambilderna i sidofältet och för Instagramgalleriet. NextGEN Gallery Det här insticksprogrammet valde vi att använda till Press photos -galleriet. Rotating Tweets Tillägg som ger en fullt anpassningsbar widget i WordPress med inbäddade och roterande tweets. Används både för GYH's eget Twitterkonto, och för hashtaggen #gyhband. Tour Dates Band in Town's eget insticksprogram som vi använt för att visa kommande och tidigare spelningar i en ruta i sidofältet på Press -sidan. WP-filebase Detta insticksprogram visade sig inte ha lösenordsskydd för nedladdningar i gratisversionen, vilket var något vi planerat att ha för presskitet så att inte vem som helst kan komma åt det utan en aktiv fråga till bandet. Vi upptäckte detta för sent i projektet vilket gjorde att vi inte kunde åtgärda det i tid för inlämning. Youtube Channel Gallery Ett anpassningsbart galleri kopplat till en Youtube-kanal. 5 (9)

6 3. Slutsatser 3.1 Blev det som vi tänkt utifrån vår ursprungliga projektplan? Vi har i stort sett lyckats genomföra och bygga hemsidan utifrån vår ursprungliga planering. Vi tror att vårt grundliga förarbete, med konkurrentanalys, prototypframställning och -testning, grafisk profil, webbplats-träd och tydliga skisser på sidorna innan vi satte igång med själva kodandet, underlättade resten av arbetet. Ett av de största problemen vi stötte på var att vi inte hittade något insticksprogram för ett mediagalleri som fungerade som vi ville, vi var då tvungna att tänka om. Istället för att ha en undermeny i form av tumnaglar som visade de tre senaste bilderna, albumen etc. så fick vi skapa en meny som länkade till undersidor med respektive media. Här valde vi att placera undermenyn som flikar till höger om sidans titel, för tydlighetens skull. Vi valde också att Media gallery -länken i huvudmenyn går direkt till Instagram-fliken, och att man själv får navigera sig vidare till de andra medierna. Under opponeringen på vårt arbete blev vi tipsade om att ett bildgalleri för pressfotografier eller andra högupplösta bilder borde finnas med, då ett automatiskt Instagram-flöde kan bli otillräckligt för bandet. Vi valde därför att lägga till ett insticksprogram för ytterligare ett galleri, vilket inte var några problem att lägga in som en ny flik och undersida till mediagalleriet, Press photos. Då detta galleri innehåller pressfoton, vilka inte uppdateras lika ofta som Instagram-bilder, gör det ingenting att detta uppdateras på ett för bandet helt nytt sätt, via WordPress. Något annat som skiljer sig från vår ursprungliga prototyp är den rullande On tour-knappen i vår navigation. Från början hade vi tänkt visa enbart nästa spelning och när man klickade där skulle man komma till en undersida för kommande och tidigare spelningar. Denna funktion skulle självklart även denna uppdateras automatiskt, och istället löste vi det så att informationen hämtas dynamiskt från den externa applikationen Bands in Town, som används för just live-spelningar och marknadsföringen av dem. Den rullande animationen av texten tyckte vi också passade ändamålet, då den drar ögonen till sig. Vi hade planerat att ha Spotify-spelaren i footern på sidan, på grund av och i hopp om att man på något sätt skulle kunna få footern att inte ladda om när man navigerar runt på sidan och på så sätt stoppa spelaren. Vi upptäckte att den webbspelare som spotify tillhandahåller spelar upp låtarna i en lokalt installerad Spotify-applikation, och sedan länkar det till webbspelaren. Detta löste problemet med att uppspelningen stoppas vid navigering, oavsett var vi placerar den på sidan. Vi kunde därför göra spelaren synligare och placera den överst i sidofältet istället. Då vi använt många insticksprogram och flera av dessa hämtar information från olika externa databaser som inte finns på vår server, tar sidan tid att ladda. Att sidan skulle vara optimerad och laddas snabbt hade vi planerat, men det fick prioriteras bort i förmån till andra funktioner. Hade vi haft mer tid till projektet är detta något vi hade arbetat vidare med. Det vi kunde göra för att optimera sidan för användare med mobil uppkoppling var bland annat att plocka bort jquery-script för de specifika delarna. En av de viktigaste funktionerna i produktionen var integrationen med GYH's Facebooksida. Vi ville att de poster som publiceras på Facebook automatiskt skulle presenteras i samma flöden som bloggposterna på webbsidan. Vi löste detta med insticksprogrammet GlobalFeed, vilken fungerar i stort sett felfritt under News archive -sidan. Däremot har vi inte hittat en lösning på hur vi kan generera Facebook-poster till förstasidan i Latest news -flödet. Det verkar som att GlobalFeed endast genererar Facebookposterna i flödet, medan vi under Latest news hämtar utdrag från webbplatsens egen databas. Vår teori är således att om GlobalFeed skrivit posterna till databasen hade vår Latest news -funktion snappat upp även dessa och skrivit ut dem på förstasidan. 6 (9)

7 Vi märkte för sent att vi inte hade någon kontroll över titlarna som visas i webbläsarfönstret för varje sida. Dessa presenteras väldigt osammanhängande och vi har inte haft tid att ändra dessa. Sidans responsivitet är inte fullständigt optimerad. Tillexempel valde vi att plocka bort sidofältet för de mindre skärmstorlekarna bland annat eftersom Spotify, Instagram och Twitter blir överflödiga som inbäddade då de öppnas som en lokalt installerad applikation på mobila enheter. Eftersom länkar till dessa finns i footern på sidan försvann inga funktioner på grund av detta. WordPress inbyggda navigering till olika kategorier, månadsarkiv och sökruta på News archive är det enda vi inte har hunnit lösa för mobilversionen. 3.2 Förslag på meta-märkning Om våran sida hade varit en riktig produktion hade vi optimerat hur sidan indexeras av olika sökmotorer. Vi hade då lagt till dessa meta-taggar i källkoden: <meta name="description" content="gather Your Heroes is a metalcore band from Sweden. Find our latest news, gigs and music. Don't forget to follow us today!"> <meta name="keywords" content="gather Your Heroes, GYH, music, sweden, metal, metalcore, band"> 3.3 Individuella reflektioner Axel: Det mål jag hade satt upp för det här projektet var att lära mig hur en webbapplikation/-sida skapas från grunden med allt vad det innebär. Jag känner mig nöjd och anser att jag uppnått mitt mål, till stor del eftersom vi i under förarbetet brainstormade förutsättningslöst runt funktioner och innehåll för sidan. Vi gick in med inställningen att Allt går att lösa, utan att någon av oss hade särskilt stor koll på vad WordPress tillåter för funktioner och vilka insticksprogram som finns. Trots det har vi ändå lyckats utveckla en webbsida som till stor del är precis det vi planerade, bortsett från vissa små kompromisser. En av de utmaningar jag stötte på under arbetet var hur vi automatiskt skulle få tre bloggposter att skrivas ut på förstasidan. Eftersom jag tidigare pluggat en grundkurs i PHP och MySQL förstod jag att denna funktion skulle gå att lösa genom en anpassad funktion och olika variabler. Genom att googla, leta och testa fick jag det till slut att fungera som vi ville. Jag hade liknande tankar om hur vi skulle kunna lösa integreringen med Facebook i blogg-flödet. Detta visade sig vara svårare än så eftersom Facebooks API kräver att man skapar en lokal applikation för att kunna hämta information ur dess databas. Efter många försök med olika insticksprogram och andra lösningar fick jag det till slut att fungera, dock med bortfall av vissa rubriker och videos som är postade direkt i Facebooks gränssnitt etc. Isabelle: Mitt mål med projektet var att lära mig mer om hur man kodar en hemsida i ett innehållshanteringssystem, i det här fallet WordPress. Jag ville bli bättre på HTML och CSS, samt förstå grunderna i php. Jag ville också lära mig hur man integrerar sociala medier på ett snyggt sätt på en hemsida, enligt en grafisk profil. I början av projektet arbetade jag väldigt mycket med att lägga grunden till hemsidan i CSS:en. I och med att vi hade en valt en design som skiljde sig något från wordpresstemats grundstruktur så var jag även inne i PHP-filerna för att skapa nya divar. Detta bidrog till att jag fick en del förståelse för hur PHP. fungerar. En stor del av vårt projekt var att integrera sociala medier på hemsidan, det här gjorde vi bland annat för att göra det lättare för bandet att administrera den. Jag har inte haft huvudansvaret för att hitta insticksprogram för de sociala medierna, men jag har letat upp andra insticksprogram och lärt mig hur man installerar och stylar dessa. 7 (9)

8 Jag har även agerat som produktägare * och skött all kontakt med bandet. Jag har sett till att det som bandet vill ha med på hemsidan också har hamnat där. Jag har ordnat ett visuellt styrdokument för att bandet i fortsättningen skall kunna använda sin nya grafiska profil. Sedan har jag satt ihop ett presskit till bandet med logotyp, bilder, musik och en biografi, detta finns att ladda ner på hemsidan. Över lag tycker jag att jag har fått en bra förståelse för hur man arbetar med ett innehållshanteringssystem utifrån ett tema utan kläder. Lovisa: Mitt främsta mål var att bli bättre på att programmera och jag har mestadels arbetat med CSS. Jag var med och programmerade grunden i CSS och har haft huvudansvar för att göra sidan responsiv med hjälp av media queries. Jag har också varit inne i PHP:n för att anpassa den efter vår sidas upplägg och lagt till div:ar och id:n. Allt jag kunde om kodning innan projektet startade lärde jag mig under arbetet med övningswebbplatsen. Eftersom den här sidan på många sätt är mycket mer avancerad än övningswebbplatsen har det för min del gått åt mycket tid och kraft till att förstå hur sidan är uppbyggd och hänger ihop med alla insticksprogram och PHP-kodning. Det är först under arbetet med media queries som jag verkligen börjat förstå hemsidan som helhet och fått en överblick över hur allt hänger ihop. Jag gjorde även utkasten till de två flashbanners som ska inkluderas i uppgiften. Eftersom flash är helt nytt för mig tog det väldigt lång tid och det bidrog till att jag delvis kom efter i kodningen av sidan, sett såhär i efterhand lite i onödan eftersom dessa banners arbetats om från grunden. Jag har dock i det stora hela fått betydligt större kunskaper om CSS och hur man jobbar i ett CMSsystem, samt förstår bättre vikten av att i ett tidigt skede analysera och planera för hur en hemsida ska utformas. Magnus: Under projektets gång har jag agerat projektledare. Arbetet har gått ut på att leda gruppen och koordinera arbetet så att ingen sitter sysslolös. Mitt mål har varit att effektivt utnyttja tiden då tidsramen har varit knapp. Inledningsvis på projektet arbetade jag mycket med att integrera insticksprogrammen och att modifiera dessa för att passa sidans tema. Detta på en separat webbplats för att ge utrymme för vidare arbete i produktionsmiljön. När insticksprogrammen var klara och konfigurerade migrerades dessa över till produktionssidan. Arbetet med insticksprogrammen blev större än väntat då både Twitter och Instagram har gjort om sitt API (Application Programming Interface) och nu kräver att det skapas en lokal applikation under bandets konto på respektive sidor för att kunna hämta data därifrån. Under projektet har jag fått en bättre förståelse för Wordpress, dess uppbyggnad och användningsområde/möjligheter. Min största personliga milstolpe är dock inom programmering. Insticksprogrammet Instapress är markerat som "not compatible", men efter flera timmars letande på sidan GitHub lyckades jag återuppliva modulen via php-programmering. Även Javascriptet som gråar ut länkarna för de sociala medierna gav oss lite problem, då detta var aktivt slutade samtliga insticksprogram att fungera. Problemet löstes genom att isolera Jquery inom själva scriptet. För att avaktivera scriptet på mobilversionerna användes en enkel if-sats där skärmens bredd kontrolleras. * En roll i SCRUM-metoden. 8 (9)

9 4. Källor och referenser 1. Föreläsning CMS/WordPress med Emmi Gereb Delkurs: Publicering via internet/interaktiva medier, Medieteknik A HT Föreläsning Projekthantering med Jon Manker Delkurs: Grafisk design, Medieteknik A, Södertörns högskola HT Seminarium 1, i delkursen Introduktion till medieteknik, Medieteknik A, Södertörns högskola HT (9)

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

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

CMS. - Content management system

CMS. - Content management system CMS - Content management system Agenda CMS Server, webbhotell och FTP Wordpress, ställ mycket frågor Om vi hinner - Snabb genomgång av CMS - uppgiften Nu & Då Sidor med bara HTML och CSS kräver manuell

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

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

Widgetguiden Vad är Publits widgetshop?

Widgetguiden Vad är Publits widgetshop? Widgetguiden Den här guiden är till för dig som vill använda Publits widgetshop för att enkelt sälja böcker direkt på din egen hemsida, blog eller Facebook. Här går vi steg för steg igenom processen för

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

Wordpress handledning för distrikt, lokalavdelningar och personsidor

Wordpress handledning för distrikt, lokalavdelningar och personsidor Wordpresshandledning fördistrikt,lokalavdelningaroch personsidor 1 Index Adminpanel... 5 Användare... 21 BWS Plugins... 15 inlägg... 6 Inlägg skapa och hantera... 7 Kategorier... 7 Inställningar... 14

Läs mer

WORDPRESSGUIDE 2013. Uppdaterad 20131029. WORDPRESSGUIDE 2013 Sida 1

WORDPRESSGUIDE 2013. Uppdaterad 20131029. WORDPRESSGUIDE 2013 Sida 1 Uppdaterad 20131029 WORDPRESSGUIDE 2013 Sida 1 WordPress är ett modernt publiceringsverktyg med fokus på utseende, webbstandard och användarvänlighet. Det perfekta verktyget för både privatpersoner och

Läs mer

WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm

WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm WordPress är ett kraftfullt publiceringsverktyg för webben som trots sin flexibilitet och styrka är lätt att komma igång

Läs mer

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet Prislista Prislista Produkt Information Pris, SEK Kampanjsida 8.500 Nyhetsbrev 3.500 Banners 900-1200 Mobilwebapp 12.000 Logotyper 8.000-14.000 Informationswebbplats 13.500 Offertbaserade webbplatser Offertbaserade

Läs mer

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt. Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu

Läs mer

Skapa webbplats med WordPress En guide hur man använder publiceringsverktyget WordPress

Skapa webbplats med WordPress En guide hur man använder publiceringsverktyget WordPress Skapa webbplats med WordPress En guide hur man använder publiceringsverktyget WordPress WordPress är ett kraftfullt publiceringsverktyg för webben som trots sin flexibilitet och styrka är lätt att komma

Läs mer

Manual till publiceringsverktyg

Manual till publiceringsverktyg Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten

Läs mer

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm Användarhandbok (testsite http://www.pahlm.com/dynapahlm/ Förord DynaPahlm är levererat tillsammans med din webbplats från KM-Företagsutveckling. DynaPahlm är ett Content Management System (CMS), fritt

Läs mer

Konfigurera Wordpress som Hemsida istället för blogg

Konfigurera Wordpress som Hemsida istället för blogg Konfigurera Wordpress som Hemsida istället för blogg - exempel från hemsidorna: www.vestus.se och www.thingsbym.se Copyrightinformation: Detta dokument är fritt att använda, även kommersiellt, så länge

Läs mer

Le Bureau.se - WordPress manual

Le Bureau.se - WordPress manual Le Bureau.se - WordPress manual Logga in i WordPress för att administrera hemsidan. Skapa ett inlägg inlägg i nyhetsbloggen. Skapa ett nytt case till portfolion. Redigera en sida. Redigera sidfoten. Byt

Läs mer

Introduktion till MySQL

Introduktion till MySQL Introduktion till MySQL Vad är MySQL? MySQL är ett programmerings- och frågespråk för databaser. Med programmeringsspråk menas att du kan skapa och administrera databaser med hjälp av MySQL, och med frågespråk

Läs mer

Bildgalleri Musicstage.se

Bildgalleri Musicstage.se Beteckning: Institutionen för matematik, natur- och datavetenskap Bildgalleri Musicstage.se Jeff Gaude Markus Hedström juni 2009 Examensarbete, 15 högskolepoäng, B Datavetenskap Datavetenskap Examinator:

Läs mer

Joomla CMS Del 2 av 2

Joomla CMS Del 2 av 2 JOOMLA 3 CMS GRUNDKURS DEL 2 AV 2 Innehåll Extern Struktur Menyer och Sidor Användare och Åtkomstnivåer Skapa en sida som kräver inloggning Moduler och Positioner Sökmotor och undermenyer Copyright Mahmud

Läs mer

Zimplit CMS Manual. Introduktion. Generell Information

Zimplit CMS Manual. Introduktion. Generell Information Zimplit CMS Manual Introduktion Detta dokument ger en överblick av Zimplit CMS (Content Management System) användargränssnitt och dess funktioner. (För mer information och hjälp-forum, se zimplit.org.)

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

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

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

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

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

Manual för visionutv.net Redigera

Manual för visionutv.net Redigera Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar

Läs mer

Författare av denna guide är Peter Muld och finns att nå på info@pc-concept.se

Författare av denna guide är Peter Muld och finns att nå på info@pc-concept.se 3 Denna guiden är speciellt anpassad för att redigera sidor som är gjord av Pcconcept till dess kunder. Här kommer vi inte att gå igenom hur du installerar Wordpress på din webbhotell utan endast redigerar

Läs mer

Skapa epublikationer för Webben & Mobila Enheter

Skapa epublikationer för Webben & Mobila Enheter emag PRODUKTION Skapa epublikationer för Webben & Mobila Enheter Med emag kan du omvandla statiska PDF-dokument till interaktiva on-linepublikationer för vanliga webbläsare och mobila enheter, och detta

Läs mer

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Innehåll Inledning... 3 Fakta... 4 Innehåll... 4 Texthantering... 4 Granskning och versionshantering...

Läs mer

INNEHÅLL. INNEHÅLL 30 juni 2015. 1 Administrera din butik 2. 2 Lägg in dina första varor och artiklar 4. 3 Butiksinställningar 8

INNEHÅLL. INNEHÅLL 30 juni 2015. 1 Administrera din butik 2. 2 Lägg in dina första varor och artiklar 4. 3 Butiksinställningar 8 INNEHÅLL 30 juni 2015 INNEHÅLL 1 Administrera din butik 2 2 Lägg in dina första varor och artiklar 4 3 Butiksinställningar 8 i Nordisk e-handel Lathund Nordisk e-handel AB INNEHÅLL 30 juni 2015 sv 1 Nordisk

Läs mer

Anna Jonströmer. Bloggning

Anna Jonströmer. Bloggning Anna Jonströmer Bloggning Del 2 BÖRJA BLOGGA 6. Bloggverktyg... 28 7. Skapa en blogg... 31 8. Publicera... 35 9. Inställningar... 39 10. Ändra design... 42 11. Övriga ändringar och funktioner... 48 12.

Läs mer

Laboration 2. Webbproduktion En stiligare webbsida HT2015

Laboration 2. Webbproduktion En stiligare webbsida HT2015 Laboration 2 Webbproduktion Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt sätt som möjligt. Nu är det dags att ge ögat något vackert att vila på.

Läs mer

Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1

Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1 Responsiv webbplats Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 1 Vad är responsivt? Det betyder att webbplatsen känner av vilken skärmstorlek användaren surfar

Läs mer

ibooks Author Komma igång

ibooks Author Komma igång ibooks Author Komma igång Välkommen till ibooks Author, ett lätt sätt att skapa snygga och interaktiva Multi-Touch-böcker för ipad och Mac. Börja med proffsiga Apple-designade mallar med mängder av eleganta

Läs mer

APA för nybörjare. Innan du börjar. Översikt

APA för nybörjare. Innan du börjar. Översikt APA för nybörjare Den här texten är tänkt som en snabb introduktion hur du kan använda publiceringssystemet APA (Advanced Publication Application) för att redigera webbplatser. Texten kräver inga förkunskaper

Läs mer

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

Läs mer

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna

Läs mer

Montania WebbPublicering administrerar din hemsida

Montania WebbPublicering administrerar din hemsida S O F T W A R E & S O L U T I O N Montania WebbPublicering administrerar din hemsida Nu kan vi på Montania erbjuda dig ett enkelt webbverktyg för att underhålla din webbplats. Många webbsidor är idag svåra

Läs mer

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

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

SKAPA EN ARTIKEL MED AUTOMATISKA PUBLICERINGSTIDER

SKAPA EN ARTIKEL MED AUTOMATISKA PUBLICERINGSTIDER Joomla Guide 2.5.11 ARTIKLAR SKAPA EN ARTIKEL med publ.tider Sida 1 av 9 SKAPA EN ARTIKEL MED AUTOMATISKA PUBLICERINGSTIDER En artikel kan ha en automatisk publiceringstid, både gällande sätta igång en

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

En värld på nätet Facebook ht 2010

En värld på nätet Facebook ht 2010 En värld på nätet Facebook ht 2010 Under det här kurstillfället ska vi bekanta oss närmare med Facebook. Alla har fått en första grundläggande manual till Facebook. Med hjälp av den och det här dokumentet

Läs mer

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php Introlektion PHP är ett av de enklare språken att lära sig just pga. dess dynamiska struktur. Det används för att bygga upp båda stora och mindre system. Några vanliga system som använder sig av PHP är

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

Joel Sundberg 2012-02-27

Joel Sundberg 2012-02-27 CIVILFÖRSVARSFÖRBUNDET Manual för civil.se En guide för webbansvariga Joel Sundberg 2012-02-27 Uppdaterad 2014-05-16 Malin Håkansson INNEHÅLL Förberedelser... 3 Hitta på civil.se... 3 Användare... 3 Uppdatera

Läs mer

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

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

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

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

[ANVÄNDARMANUAL MYCLUB LAGSIDE-ADMINISTRATION]

[ANVÄNDARMANUAL MYCLUB LAGSIDE-ADMINISTRATION] 2015 HSK Fotboll Anna Nerlich [ANVÄNDARMANUAL MYCLUB LAGSIDE-ADMINISTRATION] Detta dokument hjälper hemsideansvarig att skapa innehåll till lagets lagsida på hskfotboll.se. Version 1.2 2015-02-15 Om hur

Läs mer

Text och galleri på fotoklubbens nya hemsida

Text och galleri på fotoklubbens nya hemsida Text och galleri på fotoklubbens nya hemsida Inloggning Denna instruktion vänder sig till användare som skall lägga upp texter/blogginlägg på klubbens hemsida. Användarna har behörighetsnivå Författare

Läs mer

Dokumentation för användning av administrationspanelen på Xtractor.se

Dokumentation för användning av administrationspanelen på Xtractor.se Dokumentation för användning av administrationspanelen på Xtractor.se Kontrollpanelen når man på: http://xtractor.se/admin Xtractors webbplats är uppbyggt på en skräddarsydd variant av publiceringssystemet

Läs mer

Manual för webbpublicering. Enköpings kommun

Manual för webbpublicering. Enköpings kommun Manual för webbpublicering Enköpings kommun Innehåll ATT LOGGA IN I SWWWING 3 Inloggningsrutan 3 GRÄNSSNITTET 4 Filhanteraren 4 Content Management 4 Verktyget Notify - Dags att uppdatera 4 SKAPA OCH REDIGERA

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

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

6. BLOGGVERKTYG. Här ska vi titta på några olika bloggverktyg som du kan använda för att komma igång med att börja blogga. www.blogsome.

6. BLOGGVERKTYG. Här ska vi titta på några olika bloggverktyg som du kan använda för att komma igång med att börja blogga. www.blogsome. Del 2 BÖRJA BLOGGA 6. Bloggverktyg... 28 7. Skapa en blogg... 31 8. Publicera... 35 9. Inställningar... 39 10. Ändra design... 42 11. Övriga ändringar och funktioner... 48 12. Underhålla en blogg... 51

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 12/10, kl 08 Lämna in efterhand ni blir färdiga Vi rättar inom 4 arbetsdagar Portfolio, tillfälle

Läs mer

Bilaga 1. Teknisk kravspecifikation

Bilaga 1. Teknisk kravspecifikation Bilaga 1 Teknisk kravspecifikation 5.5.2014 Webbplatsen 1. Allmänt Korsholms kommun arbetar aktivt för att vara en ledande tvåspråkig landskommun i Österbotten och har drygt 19 100 invånare varav 68,9

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

Avancerade Webbteknologier

Avancerade Webbteknologier Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir

Läs mer

Blogga med Wordpress

Blogga med Wordpress Blogga med Wordpress Introduktion En blogg kan användas på en lång rad olika sätt, även om det vanligaste kanske är att se den som en mer eller mindre publik yta på nätet att dela med sig av tankar och

Läs mer

Hur jag skapar en webbplats värd 90 000 kr/år på 49 dagar med endast 10 timmars arbete

Hur jag skapar en webbplats värd 90 000 kr/år på 49 dagar med endast 10 timmars arbete Hur jag skapar en webbplats värd 90 000 kr/år på 49 dagar med endast 10 timmars arbete Använd SEO Systemet och skapa webbplatser som kan ge dig 90 000 kr per år så snabbt som möjligt. Denna specialrapport

Läs mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Hi-Fi Prototyping + laborationsgenomgång & verktyg Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå

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

Manual till APA. En instruktionsmanual för användare av APA Advanced Publication Application

Manual till APA. En instruktionsmanual för användare av APA Advanced Publication Application Manual till APA En instruktionsmanual för användare av APA Advanced Publication Application Versionshistoria 2005-10-13 början Anders Nilsson 2007-05-12 slutversion Adam Boman Vid frågor om APA eller denna

Läs mer

Snabbmanual. för. Lärresurshanteringsverktyget

Snabbmanual. för. Lärresurshanteringsverktyget Snabbmanual för Lärresurshanteringsverktyget Beskrivning av olika vyer i Lärresurshanteringsverktyget Skapa I detta fönster skapar man nya sidor och/eller väljer struktur på sin lärresurs. Men man redigerar

Läs mer

DIGITAL MANUAL BILAGA 1 TILL GRAFISK PROFIL KK 13/167

DIGITAL MANUAL BILAGA 1 TILL GRAFISK PROFIL KK 13/167 BILAGA 1 TILL GRAFISK PROFIL KK 13/167 Innehåll Logotyp för webb 2 Användning av logotypen 2 Färger 3 Primärfärger 3 Komplementfärger 3 Att använda färgerna 4 Kontraster 4 Typsnitt 5 Bilder 6 Storlekar

Läs mer

WP-Edit. Robin Larsson Martin Davik. Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet

WP-Edit. Robin Larsson Martin Davik. Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet WP-Edit Robin Larsson Martin Davik 2014 Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet Handledare: Anders Jackson Examinator: Carina Pettersson WP-Edit av Robin Larsson Martin

Läs mer

Manual för arkitekt.se. September 2014

Manual för arkitekt.se. September 2014 Manual för arkitekt.se September 2014 1 Introduktion Välkommen till arkitekt.se och Wordpress! Du som får manualen ska på något sätt jobba med Sveriges Arkitekters digitala lösning. Vi skickar den del

Läs mer

Publiceringsverktyget

Publiceringsverktyget Publiceringsverktyget Uppdaterad 2013-11-18 Presentera företaget på mässwebben Inför mässan är det viktigt att du så tidigt dom möjligt uppdaterar din presentation på mässwebben. Många av dina kunder använder

Läs mer

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

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

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

Hemsida till företaget Entusiastisk Coaching

Hemsida till företaget Entusiastisk Coaching Beteckning: Akademin för teknik och miljö Hemsida till företaget Entusiastisk Coaching Annelie Hammar Juni 2010 Examensarbete, 15 högskolepoäng, B Datavetenskap Internetteknologi Examinator: Anders Jackson

Läs mer

PHOCA GALLERY (v 3.2.3)

PHOCA GALLERY (v 3.2.3) Joomla Guide 2.5.11 PHOCA GALLERY Sida 1 av 37 PHOCA GALLERY (v 3.2.3) I denna guide får du veta mer om: Inledningen till PHOCA GALLERY: Vad är ett Phoca Gallery Phoca Gallery Kontrollpanelen Stegen i

Läs mer

Webbplats. Projektplan för webbplats. Karin Tuvell

Webbplats. Projektplan för webbplats. Karin Tuvell Webbplats Projektplan för webbplats Karin Tuvell Innehåll Syfte... 3 Mål... 3 Målgrupp... 3 Innehåll och avgränsningar... 3 Utformning... 3 Storyboard... 4 Flödesschema... 5 Tidsplan... 6 Resurser... 6

Läs mer

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2

WEBB PRODUKTION. Publicering av stora webbplatser. 2010 Thomas Mejtoft. Thomas Mejtoft 1210-12-13 2 WEBB 2010 PRODUKTION Publicering av stora webbplatser 1210-12-13 2 1 Publicering av stora webbplatser Juridiska och etiska riktlinjer Domännamn Webbservrar Webbhotell Sökmotorer CMS 1210-12-13 3 Juridiska

Läs mer

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com 1 Innehåll Redesign.......................................................................3 Värvet........................................................................

Läs mer

Mina listor. En Android-applikation. Rickard Karlsson 2013-06-09. Rickard Karlsson - rk222cu Linnéuniversitet rk222cu@student.lnu.

Mina listor. En Android-applikation. Rickard Karlsson 2013-06-09. Rickard Karlsson - rk222cu Linnéuniversitet rk222cu@student.lnu. Mina listor En Android-applikation Rickard Karlsson 2013-06-09 Rickard Karlsson - rk222cu Linnéuniversitet rk222cu@student.lnu.se Innehållsförteckning 2. Innehållsförteckning 3. Abstrakt 4. Inledning/bakgrund

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

Bra hemsidor, trender och Google sökmotor

Bra hemsidor, trender och Google sökmotor Bra hemsidor, trender och Google sökmotor Sökmotoroptimering = SEO, Search Engine Optimization Sökmotormarknadsföring = SEM, Search Engine Marketing Internet användare 06/2012 ca.2,4 miljarder Internetanvändare

Läs mer

Ehandelslösningars komma igång tips!

Ehandelslösningars komma igång tips! Ehandelslösningars komma igång tips! Här kan du få reda på allt du behöver för att komma igång och sälja dina produkter! Om du behöver redigera bilder kan du göra det gratis på www.pixlr.com (exempelvis

Läs mer

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan.

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan. WorkShop II Checklistor 1.2 Överordnad Struktur Balance: Gränssnittet har just nu viss balans i innehållet, men menyn behöver justeras i förhållande med innehållet samt en fast container för innehållet

Läs mer

PRO Järbo Navigeringsguide

PRO Järbo Navigeringsguide PRO Järbo Navigeringsguide Startsida PRO Järbo Fliken Start i HUVUDMENYN är markerat. Vi befinner oss på webbplatsens STARTSIDA. Nyhetskarusellen - webbplatsens löpsedlar. Växla genom att klicka på vänstra

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

Projektbeskrivning Webbplats

Projektbeskrivning Webbplats Projektbeskrivning Webbplats Tack, för att du laddat ner Fru Forsbergs Projektbeskrivning. Den kommer att hjälpa oss med att kartlägga vad du vill ha ut av ditt webbplatsprojekt. Dina svar och kommentarer

Läs mer

Saftfabrikens hemsida

Saftfabrikens hemsida Beteckning: Akademin för teknik och miljö Saftfabrikens hemsida Anna Elofsson Anna Edlund juni 2012 Examensarbete, 15 högskolepoäng, B Datavetenskap Internetteknologi Examinator: Ann-Sofie Östberg Handledare:

Läs mer

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R)

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R) Innehåll Webbproduktion Produktion och publicering av större webbplatser Produktion Användbarhet/Användbarhetstest Publicering Underhåll Arbetsgång (R) 1) Utred mål och syfte (verksamhets- och målgruppsanalyser)

Läs mer

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs

Läs mer

Lathund för publicering i KI Commons wikitjänst

Lathund för publicering i KI Commons wikitjänst 1 Lathund för publicering i KI Commons wikitjänst (juni 2013) Skapa ett konto 1. Gå till webbplatsen: http://www.kicommons.wikispaces.net/ och klicka på Join längst upp till höger i webbläsarfönstret.

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

Kom igång med Web Editor

Kom igång med Web Editor Kom igång med Web Editor Index 1. Logga in på Web Editor 2. Välj en mall 3. Skapa din första sida 4. Lägg till fler sidor 5. Redigera en sida eller mall 6. Spara dina ändringar 7. Förhandsgranska och Publicera

Läs mer

Manual gjord av Liv Zetterling 2010

Manual gjord av Liv Zetterling 2010 när man filmar på bambuser är det smidigt att länka från bambuser till andra sociala media. Med några enkla inställningar kan du få ett automatiskt flöde till din facebook, din twitter, din hemsida mm.

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

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