Touch interface til mobilt Borger.dk

Størrelse: px
Starte visningen fra side:

Download "Touch interface til mobilt Borger.dk"

Transkript

1 Touch interface til mobilt Borger.dk Touch Gesture Interface for a mobile version of Borger.dk Mads Skøtt Sørensen S Lyngby 2012 IMM-B.Eng

2 Technical University of Denmark Department of Informatics and Mathematical Modelling Building 321, DK-2800 Kongens Lyngby, Denmark Phone , Fax

3

4 I Abstract Touchscreen enheder bliver i højere grad det moderne menneskes foretrukne valg, når det kommer til bl.a. , webbrowsing og underholdning. Muligheden for, at gøre tingene på farten, spiller en stor rolle, men det er ikke hele hemmeligheden. En ny kognitiv indgangsvinkel og en anden måde at interagere med kendt stof på, fanger folk på en ny måde. Det store spørgsmål er så: Hvordan optimerer man oplevelsen til en brugergrænseflade, der er 9 gange så lille, som den man er vandt til, samtidig med at der interageres med fingrene i stedet for en pixelpræcis mus? Som det første vil jeg finde ud, af hvorfor vi bruger touchdevices, samt beskrive hvilke formfaktorer de forskellige devices har. Mit mål er at skabe en dokumenteret sorthvid wireframe af et mobilt Borger.dk, med diskussion og eksempler, der forklarer mine valg. Jeg har delt opgaven op i 4 dele: 1 Koncept og userneeds 2 Struktur og Navigation 3 Interface og interaktionsdesign 4 Prototyping og test Det er ikke helt tilfældigt om vi mennesker synes at noget fungerer. Vi er nemlig ret forudsigelige. Designmønstre spiller en stor rolle, så jeg vil derfor bruge teorien fra Jenifer Tidwell: Designing Interfaces, med støtte fra Dan Saffer: Designing Gestural Interfaces. Desuden vil jeg bruge artikler og bestpractices fra nettet til både at understøtte, og undergrave teorien. Slutteligt i opgaven vil jeg beskrive hvor vi er på vej hen I fremtiden.

5

6 III Resumé Her dokumenteres udviklingen af en prototype til en mobil version af borger.dk. Den omhandler koncept og brugere, struktur, navigation og interaktion og udviklingen af en klikbar prototype. Med de skriftlige udgaver af denne rapport er en DVD med rapporten i PDF format, en.zip fil indeholdende html prototypen, samt en Readme.txt der beskriver hvordan man åbner prototypen. De samme filer er uploadet til campusnet under opgaveafleveringen. Prototypen kan ses og testes online på: Det er vigtigt at adressen indtastes præcist, da den ellers ikke bliver vist på den ønskede måde. Den er optimeret til visning på en iphone 3GS, men kan ses på alle enheder, der har en browser. Prototypen med sideoversigt kan ses på og kan med fordel åbnes i en browser på en PC eller Mac.

7

8 V Forord Denne afhandling er lavet hos Instituttet for Informatik og Matematisk Modellering ved Danmarks Tekniske Universitet, som sidste led i færdiggørelsen af diplom ingeniør uddannelsen inden for IT og Økonomi (B.Eng. IT & Economics). Opgaven omhandler dilemmaet omkring at få tilpasset nutidens løsninger på nettet til håndholdte touchenheder, der i stadig stigende grad overtager markedet, når det kommer til web browsing. I opgaven forholder jeg mig til, hvordan man på bedst mulig måde får den offentlige portal borger.dk til at fungere, når skærmen bliver mindre, og musen bliver skiftet ud med fingrene. Opgaven svarer til en arbejdsbyrde på 20 ECTS point. Vejleder på projektet er Michael Kai Petersen. Lyngby, Februar 2012 Mads Skøtt Sørensen

9

10 VII Indhold ABSTRACT RESUMÉ FORORD INDHOLD I III V VII 1 INTRODUKTION PROBLEMSTILLING PRODUKT 2 2 KONCEPT FORMÅL MÅL APPLIKATIONS MODEL SKÆRMSTØRRELSER MÅLGRUPPER BRUGERNE BRUGERTYPER BRUGSSCENARIER MIT VALG 10 3 STRUKTUR SITEMAP SIDETYPER NAVIGATION 21 4 INTERFACEDESIGN MOCKUPS 23 5 PROTOTYPING SIDETYPER WIREFRAME 29 6 BRUGERTEST SPØRGEGUIDE OPSUMMERING AF BRUGERTEST 34 7 FREMTIDENS INTERAKTION 35

11 VIII Indhold 7.1 TEKNOLOGI RESPONSIVT DESIGN 35 8 KONKLUSSION 37 LITERATUR APPENDIKS APPENDIKS

12 1 1 Introduktion I den rivende udvikling IT sektoren har lagt for dagen de sidste mange år, er touchenheder, som smartphones og tablets, blevet en stadig større del af det moderne menneskes hverdag. Dette kombineret med hvad vi bruger vores telefoner til, antyder at brugerne kræver et internet, der i stigende grad er mere mobiltilpasset. Førhen blev smartphohenes mest brugt til at underholde brugeren, men det er ved at ændre sig. 1 Borger.dk er en online portal fra det offentlige, der skal hjælpe de danske borgere til en lettere hverdag. Selvbetjeningsløsninger er blevet en integreret del af kommunikationen med det offentlige, men de fleste sætter sig stadig ned foran computeren eller benytter selvbetjeningsløsningerne ude i borgerservice centrene. Der findes endnu ingen brugbar mobiloptimeret løsning af borger.dk, på trods af at mange danskere i dag bruger mobilen som deres primære kommunikationsredskab. Denne afhandling bør ses som et igangværende produkt til en kunde, dog med teoretiske forklaringer af uddannelsesmæssige årsager. Den har til formål at udvikle og dokumentere en prototype af et mobilt borger.dk. Jeg benytter mig her i afhandlingen primært af mine færdigheder jeg udviklede hos Sorthvid ApS under praktik, samt teorien fra Jenifer Tidwell: Designing Interfaces, med støtte fra Dan Saffer: Designing Gestural Interfaces. Derudover benytter jeg mig af findings fra forskellige artikler fra nettet. Rapporten består af en analyse, hvor jeg vil skabe og belyse konceptet, samt identificere og beskrive brugerne. Herefter bestemmes strukturen, der skal kortlægge informationsarkitekturen, og fastslå navigationsprincipperne. På baggrund af dette udvikles interface og interaktionsdesign, hvorefter jeg vil bygge en prototype og en wireframe af de vigtigste sider og elementer. Prototypen testes herefter, for at finde plads til forbedringer, og holde mine resultater op mod teorien. Til sidst vil jeg kigge fremad, og beskrive hvor vi er på vej hen fremover, såvel indenfor hardware, som for WWW. 1.1 Problemstilling Borger.dk findes endnu ikke i en fyldestgørende mobil løsning. Mange bruger i dag deres smartphones til at administrere deres arbejde, aftaler, bankinformationer mm. Hvordan skal en mobil løsning til håndtering af kommunikationen med det offentlige se ud? 1

13 2 Introduktion 1.2 Produkt Opgaven skal munde ud i en dokumenteret sorthvid wireframe af et forslag til hvordan et mobilt borger.dk kunne fungere, hvilket koncept det har, og beskriver den retning jeg foreslår udviklingen af en mobil version af borger.dk skal tage.

14 3 2 Koncept Konceptet skal matche det, borgerservice allerede har udviklet på borger.dk. Herunder hører sig et væld af informationer til den almindelige borger, samt et væld af både interne selvbetjeningsløsninger og masser af link til eksterne. Den store udfordring er dog at få dette tilpasset til de mange forskellige brugere med endnu flere forskellige touchdevices. Dette afsnit undersøger hvilke enheder der er på markedet, og hvilke slags brugere borger.dk har. 2.1 Formål Det mobile borger.dk har til formål at skulle servicere borgere der i højere grad bruger deres smartphone end computer i deres daglige brug af nettet. Det skal muliggøres at ordne sine personlige sager på farten, eller når man har lyst, blot ved at tage sin smartphone op af lommen. Det har til formål at kunne oplyse folk, når de har brug for det, i stedet for at være bundet af at slæbe rundt på en laptop eller huske at gøre tingene når de kommer hjem. 2.2 Mål Det mobile Borger.dk skal være tilpasset så brugeren let og hurtigt kan navigere rundt i informationer fra det offentlige, samt se og ændre personlige data. Det skal besidde de samme egenskaber og muligheder som det nuværende borger.dk og herunder også selvbetjeningsløsningerne. Borger.dk s selvbetjeningsløsninger skal være let forståelige og nemme at udføre. Eksterne selvbetjeningsløsninger skal der blot linkes videre til. 2.3 Applikations model Det store spørgsmål når man vil lave en applikation til smartphones er, om det skal være en native app, der ligger på telefonen, eller om det skal være en web løsning, der gør brug af web 2.0 med bl.a. SAAS 2. I dag er løsningen selvfølgelig ikke enten eller, men der skal stadig tages stilling til hvor meget der skal ligge på enheden, for at få den bedste løsning. Den bedste løsning er baseret på brugervenlighed/brugeroplevelse, men også på hvor krævende løsningen er. Det er her vigtigt at finde et passende kompromis, der tilgodeser både brugere og projektejere, da projekter stort set aldrig har uanede resurser platforme Udvalget af touchdevices til at surfe på nettet med er næsten uoverskuelig stort. Fælles for nogen af dem er dog deres software. For at give et indblik i forskelligheden, og finde ud af hvilken applikationsmodel der skal benyttes, har jeg valgt at sætte fokus på de 4 mest brugte mobilstyresystemer på markedet, som er de platforme, løsningen skal kunne understøtte. 2 Software as a service

15 4 Koncept Android: 52 pct. ios 37 pct. Symbian 5 pct. Megoo 2 pct. Windows 2 pct. Tallene er baseret på Wilke Mobile Lifes undersøgelse af danskernes bestand af smartphones i juni De mobile operativ systemer er alle meget forskellige, ligesom operativ systemerne til vores computere er det. Det er derfor umuligt at kode en app i en udgave, der ville fungere på samtlige platforme Web Samtlige operativ systemer har en browser, der alle er i stand til at læse og vise størstedelen af det stof, der bliver kodet til internettet i dag. For at lave en crossplatform løsning, så flest muligt kan benytte sig af en tjeneste, er det derfor optimalt at lave en løsning, der ikke stiller for mange krav til smartphonen. Ved at lave en webløsning kan man begrænse kravene til at være de samme, der allerede stilles til web browsing i dag. 2.4 Skærmstørrelser Det næste store spørgsmål når det kommer til udviklingen af en løsning til flere forskellige devices er skærmstørrelsen. Producenter bruger forskellige skærmstørrelser og Figur Sammenligningen er lavet på Billedet kan ses i fuld størrelse i appendiks A

16 Målgrupper 5 opløsninger på deres produkter, og ikke nok med det, så er der ofte forskel på de respektive producenters modeller også. På Figur 1 ses en sammenligning af 6 af de mest benyttede smartphones på markedet. Hertil kommer selvfølgelig tablets som ipaden, der har en langt større skærmstørrelse og højere opløsning. 2.5 Målgrupper 5 Borger.dk har to kategorier af overordnede målgrupper de interne og de eksterne. Jeg har valgt at fokusere på borgerne, for at begrænse mit univers, og fordi jeg ikke har adgang til de andre type brugeres univers Interne målgrupper Styregruppen for borger.dk Borger.dk s redaktion og borgertemaers redaktion IT- og telestyrelsens direktion og Center for Borger.dk s ledelse STS-styregruppen, Den digitale taskforce og domænebestyrelserne samt borgertemaers styregrupper Eksterne målgrupper Offentlige myndigheder der tilbyder selvbetjeningsløsninger via borger.dk Borgerne Øvrige samarbejdspartnere som leverandører mm. Creuna har for borger.dk udviklet 12 personas tilbage i Disse personas er lagt ud på borger.dk som et redskab til fri afbenyttelse. Da jeg finder disse personas og deres oplysning forældede, har jeg valgt at udvikle nye brugerprofiler på bagrund af en spørgeskema undersøgelse og informationer fra Creunas personas rapport 6, som jeg finder brugbare. 5 Beskrevet af borger.dk selv https://www.borger.dk/sitecollectiondocuments/partnerforum/brugerinddragelse%20og %20brugerunders%C3%B8gelser/Handlingsplan_for_brugerinddragelse.pdf 6 https://www.borger.dk/sitecollectiondocuments/partnerforum/personasrapport%20v% pdf

17 6 Koncept 2.6 Brugerne Det er en broget skare af borgere, der benytter sig af borger.dk i dag. Flere og flere af de ting vi førhen kunne klare i borgerservice centrene, stilles der nu krav til, at vi skal ordne online i stedet. Figur 2 Fra Creunas rapport har jeg fremhævet matrixen for brugertypernes karakteristika i Figur 2Error! Reference source not found., som jeg stadig føler er gældende og giver en god indsigt i brugernes forudsætninger samt behov. Jeg har også selv lavet en spørgeskema undersøgelse blandt venner og bekendte, der skulle hjælpe mig med en større forståelse af brugerne, og dermed klæde mig bedre på til at udvikle brugertyper og brugsscenarier. Resultaterne af spørgeskemaundersøgelsen kan ses i Appendiks B. 7 Jeg har valgt ikke at 7 Alle data kan ses på https://docs.google.com/spreadsheet/ccc?key=0aqrn1cg0akkwdgtus1ziwupdrnu5u kpdsfr1vezxr2c

18 Brugertyper 7 udvikle personas da jeg føler at en kategorisering af brugerne bedre vil fremhæve hvilke brugsscenarier, der kan fremkomme. Langt størstedelen af brugerne i min spørgeskemaundersøgelse var unge under 30, hvilket nok er påvirket af det forum jeg sendte min spørgeskemaundersøgelse ud i. Ca. 90% af brugerne ejede en smartphone, og da det netop er folk med smartphones et mobilt borger.dk henvender sig til, er segmentet yderst brugbart. 93% af dem som ejede en smartphone brugte den på internettet stort set hver dag, hvilket understøtter min tidligere påstand om, at kravene til internettet går i retningen af, at det skal være mere og mere mobilt tilpasset. Næsten alle havde før benyttet sig af offentlighedens selvbetjeningsløsninger på internetttet, og størstedelen havde benyttet sig af 2 eller flere. Brugerne mente generelt, at en mobil version af borger.dk ville være brugbar. 2.7 Brugertyper Der er mere end 500 selvbetjeningsløsninger på borger.dk, så jeg har derfor valgt at fokusere på de mest gængse af dem. Jeg er med dét i bagtankerne, og de indsamlede informationer kommet frem til de 4 nedenstående brugertyper af et mobilt borger.dk, der kan bruges til at beskrive, hvilke brugsscenarier det mobile borger.dk skal kunne understøtte Den studerende Den studerende er mellem 16 og 28 år, og er medium til ekspert bruger af internettet. Det er vigtigt for den studerende at have styr på økonomien og få hjælp til transport. Derudover kan det forekomme, at den studerende flytter 1 eller flere gange i forbindelse med studiet. Den studerende er langt fremme teknologisk og benytter sin smartphone til mange ting i hverdagen. F.eks. underholdning, social interaktion, nyhedslæsning og informations søgning Den Rejsende Den rejsende omfatter både business manden, der flyver fra land til land, turisten, samt folk der tager offentlig transport eller kører i egen bil. Deres IT niveau er medium, og de informationer, de kræver, drejer sig om transport. Det værende rejseregler, godtgørelser, rejsedokumenter osv. Størstedelen benytter sig af smartphonen til underholdning på farten, så som spil samt nyheder samt .

19 8 Koncept Den arbejdsløse Den arbejdsløse er uden arbejde eller ved at blive ledig. Vedkommende er bekymret for sin økonomiske situation og sin fremtidige hverdag. Han er opmærksom på hvor man skal henvende sig, og finde informationerne om sine fremtidige muligheder. IT niveauet er ofte lavere end gennemsnittet. Smartphonen bruges til at tjekke jobannoncer, søge informationer, underholdning og skrive samt tjekke s Den syge Den syge spænder over en stor gruppe. Det kan bl.a. være handicappede, langtidssyge, influenza ramte og tilskadekomne. Her er kontakt- og behandlingsinformaiton vigtigt, såvel som hjælp og erstatningsspørgsmål såsom sygedagpenge, arbejdsskadeforsikring, osv.. Smartphonen bliver brugt i høj grad når man ligger i sengen, til underholdning og sociale medier. 2.8 Brugsscenarier Brugsscenarierne på borger.dk er ekstremt mange, og jeg har derfor valgt at fokusere på nogle af dem, som borger.dk selv har sat fokus på 8, kombineret med det mine deltagere fra brugerundersøgelsen brugte mest, og som jeg finder relevant. De valgte brugsscenarier er delt op imellem de 4 valgte brugertyper, men kan godt gælde for flere af dem Generelle brugsscenarier Scenarie 1 Se post i e-boks Der er kommet ny elektronisk post fra det offentlige i e-boksen Den studerende Scenarie 2 SU Den studerende realiserer at hverdagen er dyrere end beregnet, og beslutter sig derfor at optage et SU lån, for bedre at kunne få det hele til at hænge sammen i hverdagen. Scenarie 3 Indkomst 8 Trukket ud af rapporter og brugertest fra https://www.borger.dk/partnerforum/brugerinddragelse-ogbrugerundersoegelser/sider/personas-og-tests-af-borgerdk.aspx

20 Brugsscenarier 9 Den studerende har fået flere timer på studiejobbet, og dermed en ekstra indkomst. Vedkommende ønsker derfor at holde øje med sin månedlige indkomst, for at sikre sig at der ikke tjenes for meget. Scenarie 4 Flytning Den studerende har i forbindelse med sin uddannelse fundet en ny og bedre bolig, og skal derfor flytte. Vedkommende er ikke helt klar over, hvad man skal huske i forbindelse med flytning, men ved dog at man skal anmelde adresseflytning til folkeregisteret Den rejsende Scenarie 5 Pasfornyelse Den rejsende skal på ferie, men passet er udløbet. Derfor skal passet fornyes, og den rejsende leder nu efter den letteste og mest tidsbesparende metode til dette. Scenarie 6 Transport ordning Den rejsende er i dette tilfælde også den studerende, og vil benytte sig af den rabat vedkommende får på transport fra bopælen til uddannelsesstedet. Scenarie 7 Sygesikring Den rejsende har valgt at holde 6 ugers ferie, og skal blandt andet rejse rundt i Frankrig, Spanien og italien, men kunne godt tænke sig at vide, om der var noget man skulle være opmærksom på i forbindelse med det Den arbejdsløse Scenarie 8 Meld dig ledig (Find et job) Den arbejdsløse har netop mistet jobbet, og i de svære tider er det ikke let at finde nyt arbejde. Vedkommende var desværre ikke medlem af en A-kasse, og er af samme grund frustreret og urolig over hvordan vedkommende nu skal forsørge sig selv Den syge Scenarie 9 Find informationer om lægen Personen der altid er rask er nu blevet syg, og vedkommende er usikker på hvilken læge han har, og hvad telefonnummeret er, så han kan booke en tid Scenarie 10 Skift læge Den syge der regelmæssig går til læge, er utilfreds med lægerne i den praksis hvor ved kommende kommer,og ønsker derfor at skifte læge. Når disse brugsscenarier bliver bragt til handling på et mobilt borger.dk, vil de nå rundt på de forskellige sidetyper der kommer til at fremstå i løsningen. Netop dette er grunden

21 10 Koncept til mit valg af scenarier, således at sidetyperne udvikles som skabeloner og derfor i en færdig løsning af mobilt borger.dk ville kunne bruges til de mange andre brugsscenarier. 2.9 Mit valg Mit valg falder altså på en web-baseret løsning, der fungerer på diverse smartphones browsere for at få så stor en del af målgruppen med som muligt. Skærmstørrelsen bliver 320x480 pixels, da største delen af de mest brugte smartphones kan håndtere denne opløsning, og præsentere den på en fornuftig måde. Prototypen vil bestå af sider, der indgår i ovennævnte brugsscenarier, og disse vil også blive brugt som udgangspunkt for efterfølgende test.

22 11 3 Struktur Selve ryggraden i webløsninger er strukturen. Det er denne, der skal kunne understøtte brugernes tankegang og tendenser, samtidig med at den skal rumme samtlige informationer et site besidder, så det forbliver overskueligt. Strukturen her indeholder en mapping af det eksisterende borger.dk, en beskrivelse af de forskellige indholdstyper som skal konverteres til mobil udgave, og navigation der beskriver hvordan, der manøvreres rundt på sitet. 3.1 Sitemap Borger.dk er en portal med langt over 1000 forskellige sider. Jeg har i et exceldokument 9 kortlagt indholdsstrukturen, der også skal danne baggrund for det mobile borger.dk. Få ting er udeladt da jeg ikke har haft adgang til dem, og det drejer sig om redaktionsdelen af borger.dk, og de selvbetjeningsløsninger jeg ikke har haft adgang til. Den er udarbejdet med København valgt som kommune, og til delen der ligger efter login, har jeg brugt mit eget nem-id. Den mobile løsning skal køre på samme baggrundsstruktur som det nuværende Borger.dk. Det skal det af tre årsager. 1. Nuværende brugere kender strukturen, og udgangspunktet i et mobilt borger.dk vil derfor være langt bedre, hvis man præsenterer brugeren for noget kendt. 2. Omkostningerne og arbejdet i at skulle opfinde en ny indholdsstruktur ville blive stort, og begge dele ville kunne gøre mere gavn andet sted i projektprocessen. 3. Som det vigtigste er, at så skal borger.dk kun vedligeholde informationerne og indholdet ét sted og kan på den måde sørge for, at begge sites hele tiden er ens og up-to-date. Sitemappet er enormt, og jeg har derfor valgt at fokusere på det som borger.dk selv står for, og undladt at inddrage de dele, der linker til eksterne sites. Strukturen går i nogle tilfælde helt ned på 7 niveauer, inden en reel indholdsside er nået, så kortlægningen heraf har været et stort men vigtigt stykke arbejde for at kunne identificere indholdstyper,og kortlægge navigationen. Herunder ses et par uddrag af opbygningen, men da strukturen er så stor, har jeg valgt ikke vedhæfte den i appendiks, men derimod kan man som sagt se den på linket der er givet i fodnote 9. 9 Det fulde dokument kan ses på https://docs.google.com/spreadsheet/ccc?key=0aqrn1cg0akkwdex0renhyndmueo5 YmQ1TUtNTVRZNkE

23 12 Struktur Figur 3 Borger.dk har 3 navigationer og dermed 3 navigationsprincipper. På Figur 3 ses et uddrag af det, som jeg har valgt at kalde hovednavigationen. Dette er til at navigere rundt i det faglige indhold. Den er hierarkisk opbygget. Herunder krydsrefereres også til selvbetjeningsløsninger. Da noget af indholdet hører til under mere end et emne, har jeg markeret links, der refererer til en anden kategori med rødt, da indholdet kun bor ét sted. Figur 4 Figur 4 viser servicenavigationen, der indeholder diverse praktiske informationer i forhold til borger.dk. Dette er meget sjældent den primære navigation for brugeren. Login

24 Sidetyper 13 ligger også herunder, men link til dette ligger også på forsiden, og man bliver automatisk spurgt om at logge ind, når man bevæger sig rundt i stof på sitet, der kræver det. Figur 5 Borger.dk har en sektion med personlige oplysninger om borgeren, der er en sammensætning af oplysninger fra forskellige instanser. På figur 5 ses et uddrag af denne, men den kan se anderledes ud fra person til person. I strukturen her har jeg mappet hvordan min egen side så ud. Figur 6 Figur 6 viser den sidste, men meget vigtige del af borger.dk. Selvbetjeninger har sit eget område i strukturen, og linkes blot til fra de respektive emner, de hører til. Derudover kan man også søge i selvbetjeningsløsninger. 3.2 Sidetyper Størstedelen af siderne på borger.dk er indholdssider med tekst og links, samt selvbetjeningsløsninger bestående af et workflow med udfyldning af formularer. Da den mobile version skal kunne det samme som den nuværende, er det vigtigt at få identificeret de forskellige sidetyper, det gamle site har, for at udvikle nogle nye skabeloner der kan rumme det samme indhold. Derfor er herefter en gennemgang af de forskellige sidetyper og deres indhold, med henblik på at kunne benytte dette i den videre udvikling af det mobile site.

25 14 Struktur Forside Forsiden på borger.dk benytter sig af det velkendte mønster kaldet feature, search and browse 10, med fokus på search and browse delen. Den skal i høj grad tage imod brugeren, og præsentere det borger.dk tilbyder på en overskuelig og informativ måde. Det er her gjort med en topnavigation, der omhandler dig og dine oplysninger som borger, og med en menu bygget op som liste der skal guide brugeren til at finde de oplysninger, der søges. Derudover er en søgefunktion, der kan fungere som en hurtig indgang til noget specifikt. Figur 7 For at få mest muligt ud af borger.dk kan man enten vælge hvilken kommune man hører til eller logge ind med Nem-ID. Det, synes jeg, er blevet underprioriteret en smule her. 10 Jenifer Tidwell: Designing Interfaces s. 30

26 Sidetyper Navigation Når man klikker sig videre ind fra forsiden på indholdsnavigationens niveau 1, skifter navigations link til navigations knapper som set på figur 8. Figur 8 Dette er lidt uortodoks, men de underliggende niveauer holder samme opbygning, indtil man når ned til en reel indholdsside. Højre siden kan her ligesom på indholdssiderne benyttes til at præsentere muligt relevant materiale til brugeren som f.eks. selvbetjeningsløsninger.

27 16 Struktur Søgning Søgning kan blandt andet foretages på indhold, nyheder og selvbetjeningsløsninger. Principperne for de forskellige søgninger er de samme. Søgeresultater præsenteres som en lang liste, hvor man kan klikke sig videre ind til selve indholdet. Figur 9

28 Sidetyper Indholdsside Inden selve indholdet præsenteres for brugeren præsenteres en lille liste med ankre ned i siden. Disse benyttes for at skabe et overblik, og sende brugeren hurtigt til det de ønsker at vide noget om. Herefter består indholdet af tekst, billeder og links. Figur 10 Højresiden bruges til relevant information, som selvbetjeningslink, kontaktinformation mm. En brødkrumme sti er præsenteret i toppen, så man hele tiden har et overblik over hvor man befinder sig på sitet.

29 18 Struktur Selvbetjening Selvbetjeningsløningerne består af et workflow, der fungerer på samme måde som når man handler på internettet. Mønsteret er kendt fra mange løsninger, og bliver omtalt som Wizard. 11 Det bruges til at simplificere og effektivisere en opgave der skal udføres. I dette eksempel er det at anmelde en flytning til folkeregisteret. Figur 11 Det er en formular, der skal udfyldes trin for trin, hvorefter man bekræfter, og oplysningerne videresendes til den pårørende institution. Ligesom brødkrummestien beskriver hvor man befinder sig på sitet, er til disse flows også tilknyttet en linje, der beskriver hvilket trin du er på i workflowet. Nogle selvbetjeningsløsninger kræver, at man er logget ind med Nem-ID. En del selvbetjeningsløsninger ligger uden for borger.dk, og disse har jeg valgt ikke at bearbejde, da de bliver udbudt eksternt, og borger.dk derfor ingen indflydelse har på, hvordan de fungerer og bliver repræsenteret. Det fulde selvbetjenings workflow for anmeldelse af flytning kan ses i Appendiks C. 11 Jenifer Tidwell: Designing interfaces s. 54

30 Sidetyper Min Side Min side samler informationer fra forskellige steder, til det man kalder et dashboard. 12 Her er informationerne grupperet i kasser, der viser der viser opdaterede oplysninger om forskellige emner som økonomi, sundhed, mm.. Dashboardet kan indstilles, så man selv kan vælge, hvor man vil have de forskellige informationer præsenteret. Figur 12 Kasserne kan varierer i størrelse, og kan endda blot fungere som ramme for en ekstern leverandør som set på Figur 14. Inden man har tilgang til informationerne, accepterer man en samtykkeerklæring, der er lavet som en popup, hvor siden i bagrunden bliver tonet ud, som set på Figur Jenifer Tidwell: Designing Interfaces, s. 45.

31 20 Struktur Popup For at komme videre er man her nød til at acceptere betingelserne på samtykkeerklæringen. Figur 13 En lignende popup kunne med fordel bruges til Nem-ID login på mobilen Post Figur 14 Sidetyperne gennemgået i dette afsnit skal være bagrunden for udvikling af de mobile sidetyper, der skal kunne levere de samme informationer og funktioner.

32 Navigation Navigation For ikke at forvirre brugerne der kender til det gamle borger.dk, vil jeg holde fast i den gamle navigationsstruktur, der fungerer ret godt. Strukturdiagrammet kan ses på: https://docs.google.com/spreadsheet/ccc?key=0aqrn1cg0akkwdex0renhyndmueo5 YmQ1TUtNTVRZNkE Navigations og interface mønstre vil blive yderligere uddybet i de efterfølgende 2 kapitler, hvor de også vises visuelt og dermed bliver lettere at forstå og mere konkrete.

33

34 23 4 Interfacedesign Konceptet og strukturen skal nu danne ramme for, hvordan interfacet til webløsningen skal se ud i browseren på de mobile enheder. Første fase er at lave nogle grove skitser af de forskellige sidetyper med pen og papir, der skal fungere som udgangspunkt og retningslinjer for den wireframe, der præsenteres i kapitel 5. Interaktions principper uddybes her i kapitel 4 og kapitel 5, da de sammen med prototypen skal fortælle udviklerne hvordan interfacet fungerer. 4.1 Mockups Mockups i deres fulde størrelse kan ses i Appendiks D. Undervejs i afsnittet vil der blive brugt teori fra bogen Jenifer Tidwell: Designing Interfaces (fremover DI s. XX) og enkelte steder vil der blive lavet specifikke henvisninger Forside Forsiden lægger konventionerne for hvordan undersiderne også skal fungere og se ud. Headeren er et globalt element der følger med rundt på de resterende sider. Det giver brugeren en nem udvej 13.Brødkrummestien giver et overblik samt muligheden for hurtigt at gå et par trin tilbage uden at skulle bruge den konventionelle back knap i browseren. Dette er en klar fordel med et så indholdstungt site som borger.dk. Desuden indeholder headeren en topnavigation, der gør, at uanset hvor man er, altid kan komme tilbage til forsiden, gå til sin personlige side, eller tjekke sin post. Headeren indeholder også en søgefunktion, et link til at logge ind med Nem-ID og en dropdown til nemt at vælge kommune. En dropdown bruges for at gøre en lang liste kompakt. Da det mobile Borger.dk primært skal være et informationsværktøj, har jeg valgt at lægge navigationsmenuen ind som et hovedelement 14. Den kan, som beskrevet i strukturen, gå helt ned på 7 niveauer, før du når en indholdsside Derfor er det Figur 15 vigtigt, at brugeren har en nem og overskuelig navigation hele vejen ned til det indhold, der søges. 13 DI s DI s. 90

35 24 Interfacedesign Fordi der er så mange forskellige menupunkter, med endnu flere forskellige underpunkter, har jeg valgt at lave det som en Fat Manu 15. En liste hvor underpunkterne til hver menu folder sig ud og ind i niveauer, når man trykker på dem. Dette gør jeg for at gøre et komplekst site lettere at browse. Denne menu kommer ligeledes til at fungere som en del af footeren, for ikke at være nødsaget til at klikke tilbage flere gange eller starte helt forfra med at opdage indholdet. En så stor en navigation som der er tale om på Borger.dk må ikke stjæle plads fra det indholdsmæssige, så når man når noget reelt indhold prioriteres navigationen lavere og præsenteres altså ikke i toppen af siden. 16 Bundmenuen fungerer også som erstatning for et sitemap, som man traditionelt set placerer i Footeren. Udover denne del indeholder footeren også links til de vigtigste sider fra servicenavigationen så som kontakt, om borger.dk og nyheder Søgning Søgning, og visningen af resultater fungerer efter samme principper, om det så måtte være nyheder, indhold eller selvbetjeningsløsninger. Søgefeltet placeret i toppen med en dropdown filtrering af emner, det være sig artikler, nyheder, selvbetjeningsløsninger mm.. Herefter fremtræder en liste med søgeresultater, der består af en overskrift, og en beskrivelse bestående af brudstykker af tekst fra emnet. 17 Listen fungerer som load as you scroll, hvilket vil sige at de resterende resultater bliver lagt på listen jo længere man scroller ned. Af denne grund er derfor ikke brug for At man kan bladre mellem resultatsider Indholdsside Indholdssiden består af header, footer og så indholdet, som er tekst, billeder og links. I toppen er der dog den ekstra ting, at der er Figur 16 lagt links ind, der fungerer som anchors, der ved klik scroller dig direkte ned til det du søger. Det gør at man er fri for at sidde og lede mens man scroller, da indholdet på nogle af siderne kan være ret omfattende Login/popup Login skærmen og popups som f.eks. samtykkeerklæring skal kan lægges ind på alle sider hvor de er nødvendige. Siden bliver tonet ud, så man kan se den bag den nye boks der popper op. Hvordan loginskærmen og samtykkeerklæring skal se ud, vil jeg ikke 15 DI s DI s DI s. 202

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord Kend dine brugere Om brugertest 2 sem., feb. 2010 Multimediedesigner, København nord Andreas Frandsen, Ninette Nielsen Agnete Gnistrup, Senia Lundberg Side 1 af 7 Indholdsfortegnelse Indledning s. 2 Valg

Læs mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

Læs mere

Bilag 3A.7 Brugergrænseflader

Bilag 3A.7 Brugergrænseflader Bilag 3A.7 Brugergrænseflader Version 0.8 26-06-2015 Indhold 1 VEJLEDNING TIL TILBUDSGIVER... 3 2 INDLEDNING... 4 3 USER EXPERIENCE GUIDELINES (UX-GUIDELINES)... 5 3.1 GENERELLE UX-GUIDELINES... 5 3.1.1

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 1 Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 2 Alle testpersonerne giver udtryk for at sitet er forholdsvis nemt at anvende til at finde den information

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Projekt: Kend dine brugere Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Indholdsfortegnelse Introduktion: 3 Marketing: 3 Usability test: 4 Mockup design 6 Opsumering 7 Konklusion

Læs mere

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ HUSK ingen www i adressen, skriv blot

Læs mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 VEJLEDNING 1.0 Indhold VELKOMMEN 3 KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 SÅDAN OPRETTER DU EN QUIZ 10 Quiz info 11 Tilføj spørgsmål 12 Tilføj formel til

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER -

SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER - SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER - INTRODUKTION TIL SKOLERNES DIGITALE BLANKET FLOW Vi er glade for at kunne byde velkommen til opdateret

Læs mere

Det Nye Testamente lyd-app. v. Stefan Lykkehøj Lund

Det Nye Testamente lyd-app. v. Stefan Lykkehøj Lund Det Nye Testamente lyd-app v. Stefan Lykkehøj Lund Indledning For nogle år siden, fik jeg Det Nye Testamente som lydbog på USB. I starten lyttede jeg en del med tiden blev det dog til mindre og mindre.

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

Kom godt i gang med DanaShop

Kom godt i gang med DanaShop Kom godt i gang med DanaShop Tillykke med jeres nye webshop I din webshop fra DanaWeb findes der utroligt mange muligheder for at tilpasse den til lige netop jeres behov. DanaWeb har opsat alle shoppens

Læs mere

1. SCREENING OG BAGGRUND

1. SCREENING OG BAGGRUND 1. SCREENING OG BAGGRUND BL Danmarks Almene Boliger har på forvaltningskonferencen d. 22. august 2012 lanceret konkurrencen Bedst til bolig på nettet. Bedst til bolig på nettet baserer sig på samme overordnede

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk SKAT.dk side 1 af8 1) Gå ind på www.skat.dk I adresselinjen Tast borger og CTRL + ENTER (Internet Explorer) Eller tast www.skat.dk Du ser nu dette skærmbillede: 2) Klik på ordet Borger Her er en masse

Læs mere

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664 SENIOR LAND Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096 Iben Michalik ibenmic@hotmail.com +45 2877 0664 Michael Himmelstrup eycoco@gmail.com +45 2720 7222 Peter Stillinge Dong peterstillinge.dong@gmail.com

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Visuelle guidelines for log-in og signering med NemID. Guide til udseende, sprog og struktur for tjenester der bruger NemID.

Visuelle guidelines for log-in og signering med NemID. Guide til udseende, sprog og struktur for tjenester der bruger NemID. Visuelle guidelines for log-in og signering med NemID Guide til udseende, sprog og struktur for tjenester der bruger NemID. Om dette dokument Indhold I dette dokument kan du finde anbefalinger og råd til

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

Læs mere

Vejledning til de bydende

Vejledning til de bydende Vejledning til de bydende Juni 2013/JET Indledning Indledning ibinder er et web-baseret program, til håndtering af byggeprojekter og ejendomsdrift på en hidtil uset brugervenlig og økonomisk måde. ibinder

Læs mere

3 OPRETTELSE AF SIDER

3 OPRETTELSE AF SIDER 3 OPRETTELSE AF SIDER En af VuptiWebs styrker er muligheden for at oprette forskellige sidetyper og - ikke mindst - sider, som automatisk henter data fra vores administrationsprogram (DOFPro). I første

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Pædagogisk IT. Vejledning i Office 365 til elever og deres familier. Version 4 Side 1. Kan udfyldes for at hjælpe med at huske

Pædagogisk IT. Vejledning i Office 365 til elever og deres familier. Version 4 Side 1. Kan udfyldes for at hjælpe med at huske Navn: Uni-login: Uni-login kode: Office365 email: Kan udfyldes for at hjælpe med at huske UNI-LOGIN @undervisning.kk.dk Version 4 Side 1 Indledning Velkommen til denne vejledning i Office 365, som introducerer

Læs mere

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Responsive Design Mul-a 2013 RAPPORT - opgave 3, Semester 2 Gruppe xx - The Cook Club Project/2 Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Ole Jørgen Hansen ohan@post.tele.dk www.gribskovweb.dk

Læs mere

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 1 af 18 ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 2 af 18 Indholdsfortegnelse ereolen.dk... 1 1. Første gang du vil anvende ereolen.dk... 3 1.1 Opret

Læs mere

MANUAL TIL FS PÅ NETTET

MANUAL TIL FS PÅ NETTET MANUAL TIL FS PÅ NETTET Sådan opretter du nyheder og artikler (side 4) Sådan laver du links (side 14) Om tjek ind/ud og publicer (side 20) Sådan uploader du billeder og dokumenter (side 25) Sådan redigerer

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere

Best practice for kommunale landingssider for affald

Best practice for kommunale landingssider for affald Best practice for kommunale landingssider for affald København den 1. april 2015 Indholdsfortegnelse 1 Baggrund og formål... 3 1.1 Formål og proces... 3 2 Generelle anbefalinger... 4 2.1 Navigation og

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Spiller / Pårørende manual Til www.kampseddel.dk

Spiller / Pårørende manual Til www.kampseddel.dk Spiller / Pårørende manual Til www.kampseddel.dk Brugervejledning for Spiller/Pårørende Kort om kampseddel.dk Kampseddel.dk er udarbejdet som et webbaseret værktøj til den frivillige Træner/Leder i en

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

Guide til Umbraco CMS

Guide til Umbraco CMS web Guide til Umbraco CMS Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

Læs mere

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med

Læs mere

8 tips og tricks der sender din webshop i superligaen

8 tips og tricks der sender din webshop i superligaen 8 tips og tricks der sender din webshop i superligaen Indhold Intro Kend dine besøgende Gør valget simpelt og vind kunder Sådan får du en optimeret kategoriside Eksempler på to gode kategorisider Brug

Læs mere

Vejledning til bydende. Rev.: 2015-05-27 / LW. Side 1

Vejledning til bydende. Rev.: 2015-05-27 / LW. Side 1 Vejledning til bydende Rev.: 2015-05-27 / LW Side 1 Indhold Indhold... 2 Indledning... 3 Log på... 4 Opret din bruger... 4 Personlige informationer... 4 Gem login... 5 Glemt password... 5 Brugerfladen

Læs mere

Dalux Field Brugermanual Registrering og oprette opgaver

Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Side 1 af 14 Indholdsfortegnelse Om denne brugermanual... 3 Registrering af bruger... Error!

Læs mere

vejledning sådan ARBejdeR du i ebg s RAppoRTvæRKTøj

vejledning sådan ARBejdeR du i ebg s RAppoRTvæRKTøj vejledning sådan arbejder du i ebg s rapportværktøj Vejledning for 2013/2014 Sådan arbejder du i EBG's rapportværktøj www.business-games.dk Indholdsfortegnelse: Forord... 2 Login... 2 Rapportværktøjet...

Læs mere

ITSprint. Sådan printer du vha. print.supportcenter.dk 13-02-2014 ITS

ITSprint. Sådan printer du vha. print.supportcenter.dk 13-02-2014 ITS ITSprint Sådan printer du vha. print.supportcenter.dk Denne vejledning beskriver hvordan du kan printe vha. print.supportcenter.dk fra computere og mobile enheder såsom tablets (fx ipads) og smartphones

Læs mere

Webzoo Joomla Beginners Guide

Webzoo Joomla Beginners Guide Webzoo Joomla Beginners Guide Indholdsfortegnelse Joomla Vejledning 2 FTP-opsætning 2 Sektioner, Kategorier og Indhold 3 Sektioner 4 Kategorier 5 Artikler 6 Artikler - Indsæt billede 7 Artikler - Indsæt

Læs mere

Professionel Udvælgelse i byggeriet Skabeloner

Professionel Udvælgelse i byggeriet Skabeloner Professionel Udvælgelse i byggeriet Skabeloner Vejledning i anvendelsen af skabeloner til brug for udvælgelse, herunder prækvalifikation i byggeriet Marts 2013 Byggeriets Evaluerings Center SOLIDARISK

Læs mere

Umbraco. Brugerdokumentation

Umbraco. Brugerdokumentation 2 Umbraco Brugerdokumentation Indholdsfortegnelse Generel dokumentation... 3 Hvordan logger jeg ind i CMS et?... 3 Sidertyper... 3 Content... 3 Forside... 3 Sektionsforside... 3 Artikel... 3 Servicemappe...

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

02 Kursistens SIDER/06.05.2009. EfterUddannelse.dk 2 Kursistens sider beskrivelse af Aflevering 06.05.2009

02 Kursistens SIDER/06.05.2009. EfterUddannelse.dk 2 Kursistens sider beskrivelse af Aflevering 06.05.2009 1 EfterUddannelse.dk 2 Kursistens sider beskrivelse af Aflevering 06.05.2009 VEU SITEMAP 1.1.1 Login side admin (efteruddannelse.dk/admin) Skole login Upload dokument VEU admin login 4.0 VEU admin - ubehandlede

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Kravsspecifikation til Nationalpark App

Kravsspecifikation til Nationalpark App Kravsspecifikation til Nationalpark App Kravsspecifikation til Nationalpark App...1 1. Introduktion og platform...1 2. Ikke funktionelle specifikationer...2 3. Brugeroplevelse...2 4. Indholdsleverandører...2

Læs mere

Quick Guide for Hosted Omstillingsanlæg! (Publiseret af ipvision februar 2014)!

Quick Guide for Hosted Omstillingsanlæg! (Publiseret af ipvision februar 2014)! Quick Guide for Hosted Omstillingsanlæg (Publiseret af ipvision februar 2014) Introduktion til ipvisions Hostede Omstillingsanlæg Vi har bygget hosted omstillingsanlæg i snart 10 år og vi er stolte af

Læs mere

Google Søgninger side 1 af13

Google Søgninger side 1 af13 Google Søgninger side 1 af13 Indholdsfortegnelse Internetforkortelser og adresser m.m.... Side 2 Søgning i Google... Side 4 Nyhed erstatning for det sorte bånd... Side 7 Avanceret søgning... Side 10 Flere

Læs mere

09/03 2009 Version 1.4 Side 1 af 37

09/03 2009 Version 1.4 Side 1 af 37 Login til DJAS Gå ind på adressen http://www.djas.dk I feltet Brugernavn skrives den e-mail adresse som brugeren er registeret med i systemet. I feltet Password skrives brugerens adgangskode. Ved at sætte

Læs mere

Facebook Timeline FACEBOOK TIMELINE KOMPLET GUIDE TIL FACEBOOK TIMELINE. Udarbejdet af Kasper Ebsen webdanmark.com

Facebook Timeline FACEBOOK TIMELINE KOMPLET GUIDE TIL FACEBOOK TIMELINE. Udarbejdet af Kasper Ebsen webdanmark.com Facebook Timeline KOMPLET GUIDE TIL FACEBOOK TIMELINE Udarbejdet af Kasper Ebsen webdanmark.com W EBDANMARK.COM APS T: +45 7020 1619 CVR 25 85 88 32 SØNDERHØJ 7 DK- 8260 VIBY J F: +45 7020 1629 INFO@W

Læs mere

Carry it Easy Brugermanual

Carry it Easy Brugermanual Carry it Easy Brugermanual Brugermanual Version 2.0 2004-2006 CoSoSys SRL Carry it Easy Brugermanual Indholdsfortegnelse Indholdsfortegnelse...I 1. Introduktion...1 2. Systemkrav...2 3. Installation...2

Læs mere

Outlook 2010 opsætning

Outlook 2010 opsætning Outlook 2010 opsætning Personlig Workflow Nå mere og arbejd mindre Personlig Workflow www.personligworkflow.com kontakt@personligworkflow.com Introduktion til Outlook 2010 guide Microsoft Outlook 2010

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

Læs mere

FULD DIGITAL KOMMUNIKATION I 2015

FULD DIGITAL KOMMUNIKATION I 2015 FULD DIGITAL KOMMUNIKATION I 2015 Regeringen, kommunerne og regionerne arbejder sammen om at skabe et digitalt Danmark, som frigør resurser til bedre kernevelfærd samtidig med at servicen moderniseres

Læs mere

WBS. Inledning. Afsluttende projekt 1. sem

WBS. Inledning. Afsluttende projekt 1. sem MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Qmanagers WebApp løsning

Qmanagers WebApp løsning Qmanagers WebApp løsning Ordbog Ydelse(r) Felt(er) Kontrakt Leverandør Tekniker Opgavepulje Status En eller flere handlinger der skal foretages, en ydelse kan være VVS, EL, eller et andet overordnet emne

Læs mere

Vejledning til ereolens app til Android enheder

Vejledning til ereolens app til Android enheder Vejledning til ereolens app til Android enheder 26-01-2015 Indhold 1. Hvordan henter jeg ereolens App til smartphones og tablets?... 3 2. Opdatering af styresystem på din Android enhed... 4 3. Hvordan

Læs mere

Dit velkendte Windows, bare bedre. Din introduktion til Windows 8.1 til virksomheder

Dit velkendte Windows, bare bedre. Din introduktion til Windows 8.1 til virksomheder Dit velkendte Windows, bare bedre. Din introduktion til Windows 8.1 til virksomheder Opdag startskærmen. Startskærmen indeholder alle dine vigtigste oplysninger. Dynamiske felter sørger for, at du altid

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

PIXIBOGEN VEJLEDNING I TILBUDSAFGIVELSE I SKI S NYE UDBUDSSYSTEM

PIXIBOGEN VEJLEDNING I TILBUDSAFGIVELSE I SKI S NYE UDBUDSSYSTEM PIXIBOGEN VEJLEDNING I TILBUDSAFGIVELSE I SKI S NYE UDBUDSSYSTEM (print i farver om muligt) VERSION 1.5 3. FEBRUAR 2010 1 INDHOLDSFORTEGNELSE Indledning... 3 Opret bruger, log på og find relevante udbud...

Læs mere

IT-kurser. Forår 2015

IT-kurser. Forår 2015 IT-kurser Forår 2015 Sådan tilmelder du dig På bibliotekets hjemmeside kan du tilmelde dig et eller flere af vores kurser. Det er nemt og bekvemt, og du kan gøre det, lige når det passer dig. Har du bestilt

Læs mere

Brugerguide til FlexCMS

Brugerguide til FlexCMS Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...

Læs mere

Brugerundersøgelse på nyidanmark.dk 2009

Brugerundersøgelse på nyidanmark.dk 2009 Brugerundersøgelse på nyidanmark.dk 2009 I perioden fra 3. april til 9. juni 2009 har webanalyse-firmaet Netminers gennemført en kvantitativ brugerundersøgelse på nyidanmark.dk. Undersøgelsen viser først

Læs mere

Vejledning i upload af serier til Danske tegneseriskaberes app.

Vejledning i upload af serier til Danske tegneseriskaberes app. Vejledning i upload af serier til Danske tegneseriskaberes app. En kort intro Version 1.2 22/11/2012 Danske Tegneserieskabere har lavet appen for at give medlemmer og andre en nem adgang til at publicere

Læs mere

Quick Guide Ditmer edagsorden Oktober 2013

Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Indhold For dig der skal i gang med at bruge ditmer edagsorden på ipad eller web 1. Sådan får du adgang til ditmer edagsorden... 2 2. Find udvalg

Læs mere

Dynamicweb Quickguide

Dynamicweb Quickguide Brugervejledning Dynamicweb Quickguide Version: 1.1 2012.03.15 Dansk JURIDISK MEDDELELSE Copyright 2012 Dynamicweb Software A/S. Alle rettigheder forbeholdes. Dette dokument eller dele heraf må på ingen

Læs mere

Webredaktørens værktøjskasse

Webredaktørens værktøjskasse Webredaktørens værktøjskasse Indledning Hjemmesider er i dag en nødvendig kommunikationskanal for alle virksomheder, organisationer og myndigheder. Netkommunikation kræver tid og viden. En vellykket hjemmeside

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

Læs mere

TK/TBL / 25.08.2014 v.0.1. DigiMatch. Elektronisk Kamprapport

TK/TBL / 25.08.2014 v.0.1. DigiMatch. Elektronisk Kamprapport TK/TBL / 25.08.2014 v.0.1 DigiMatch Elektronisk Kamprapport 1 Procedure før kampstart... 3 DigiMatch download... 3 Registerniveau... 7 Indstillinger... 9 Login... 9 Tilpas knapperne... 10 Kampregistrering...

Læs mere

Brugervejledning. Hjemmesider med Cmsimple.

Brugervejledning. Hjemmesider med Cmsimple. 1af23 Brugervejledning. Hjemmesider med Cmsimple. 1. Forord. Denne brugervejledning er fremstillet for at hjælpe personer ved Lokalhistorisk Arkiver i ny Sønderborg kommune, som kun har ringe kendskab

Læs mere

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

Retningsliner for etwinning værktøjer

Retningsliner for etwinning værktøjer Retningsliner for etwinning værktøjer Registrer til etwinning Trin 1: Deltagerens data Trin 2: Twinning præferencer Trin 3: Skole data Trin 4: Skole profil TwinFinder Automatisk søgning Gem søgning Avanceret

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

Du kan også bruge Dropbox sammen med din Iphone, Android telefon eller anden smartphone.

Du kan også bruge Dropbox sammen med din Iphone, Android telefon eller anden smartphone. Dropbox Introduktion til Dropbox Dropbox er en online tjeneste, hvor man ganske gratis kan få noget lagerplads til sine dokumenter, billeder og meget mere. Der er mange muligheder med Dropbox, som bliver

Læs mere

04 veu administrationens SIDER/13.05.2009. EfterUddannelse.dk 5 Skolens sider til udsendelse af breve beskrivelse af Aflevering 13.05.

04 veu administrationens SIDER/13.05.2009. EfterUddannelse.dk 5 Skolens sider til udsendelse af breve beskrivelse af Aflevering 13.05. 1 EfterUddannelse.dk 5 Skolens sider til udsendelse af breve beskrivelse af Aflevering 13.05.2009 VEU SITEMAP 1.1.1 Login side admin (efteruddannelse.dk/admin) Skole login Upload dokument VEU admin login

Læs mere