PenlessApplication En webbläsare för handdator

Storlek: px
Starta visningen från sidan:

Download "PenlessApplication En webbläsare för handdator"

Transkript

1 MDI/Interaktionsdesign PROJEKTRAPPORT PenlessApplication En webbläsare för handdator Projektuppgift 1 Interaktionsdesignseminarium I Interaktionsanalys: Infovis 1 Handledare: Studerande: Staffan Björk Magnus Johansson Magnus Nilsson Linda Sjödin Christina Wisser

2 Sammanfattning På senare år har handdatorer slagit igenom som ett praktiskt sätt att ta med sig information på. Det har visat sig vara problem med att använda webbsidor på en handdator eftersom sidorna oftast är utformade för att passa en stor skärm med bra upplösning. När man använder samma sida på en liten skärm med sämre upplösning försvinner lätt överblicken av ett dokument. Detta projekt har därför bestått av att ta fram en prototyp för en webbläsare för Pocket PC som klarar av enklare webbsidor. Vi har studerat tidigare visualiseringstekniker och därefter tagit fram en tillämpning av focus/context visualiseringsteknik som förenklar användandet av webbsidor på en handdator. Tekniken, PenlessApplication, ger också användaren det stöd som behövs för att lättare kunna navigera bland informationen. Vi har valt att all hantering ska kunna ske med en hand. Detta gör att användaren kan använda den fria handen till annat såsom att hålla i en telefon. Genom enhandsgreppet kan även de med vissa handfunktionshandikapp använda browsern. Resultatet blev en teknik som använder sig av focus /context visualisering. Det vill säga att användaren får både detalj och översikt över dokumentet. Webbläsaren ger användaren en möjlighet att läsa webbsida för webbsida i ett fokusfönster samtidigt som två mindre fönster hjälper användaren med översikt. Ett av översiktsfönstren speglar den text användaren ser i fokusfönstret i sitt sammanhang men i ett mycket litet format. Det andra översiktsfönstret visar de länkar som finns på webbsidan i en lista. Det är möjligt för användaren att bläddra bland länkarna och välja för att gå vidare. Resultatet av vårt arbete har mynnat ut en fungerande webbläsare för ipaq. Webbläsaren ger användaren möjlighet att se båda detaljer och översikt. Navigering sker med hjälp av navigeringsknappen på ipaq en. Genom att vi valt att inte använda ett pekdon har möjligheterna att skriva in text uteslutits i denna version. Tekniken skulle kunna kompletteras med t ex ljudinmatning för att skriva in webb adresser i senare versioner. 2

3 Innehållsförteckning 1 Inledning Syfte och problemformulering Krav på funktionalitet och visualiseringsteknik Relaterat arbete Metod Resultat Utveckling av designen Slutgiltig design Beskrivning av visualiseringstekniken Diskussion Slutsatser och framtida arbete Referenser

4 1 Inledning Under de senaste åren har användningen av handdatorer ökat kraftigt. Detta har inneburit att flitigt använda datorapplikationer såsom ordbehandlare, mediaspelare och webbrowsers överförts och anpassas till ett mindre format. Sysslor som tidigare utförts på datorn i hemmet och på kontoret kan idag, tack vare handdatorns mobilitet, utföras i nästan vilken miljö som helst. Detta har även inneburit att kraven för utformning av applikationer har förändrats. De som skapar programmen måste både utgå från de begränsningarna handdatorn faktiskt innebär (mindre skärm, mindre minne, inget tangentbord osv.) men även från att den slutgiltiga produkten kommer att användas i de mest oförutsägbara situationerna. I detta arbete har vi fått uppgiften att skapa en webbrowser åt en ipaq handdator. Det är en uppgift som presenterat flera utmaningar. För det första är handdatorns skärm betydligt mindre än de flesta monitorerna för stationära datorer. Detta är ett problem då webbsidor på nätet är anpassade till att visas på större skärmar. Vidare begränsas webbrowserns utformande ytterligare då vi i uppgiften förbjudits att använda scroll bars, en vanligt förekommande navigeringsfunktion som återfinns i de flesta program där stora mängder information visualiseras. Som om dessa begränsningar inte räckte tyckte vi i gruppen att det vore intressant om användaren inte behövde använda sig av en stylus, det vill säga det pekdon som ersätter de stationära datorernas mus. Tanken var att man enbart med en hand skulle kunna läsa text, navigera i sidan samt att lätt komma åt sidans länkar. Detta kan vara mycket användbart i situationer då det krävs att en hand är fri för andra sysslor, exempelvis med att skriva, hålla en telefonlur eller hålla i en busstropp med. Vi menar att en sådan webbrowser i hög grad är anpassningsbar till olika arbetssituationer. 1. På/av- och ljusknapp 7. Kalenderknapp 2. Skärm 8. Röstinspelningsknapp 3. Snabbstartsknapp 9. Mikrofon 4. Snabbmeny 10. Ljusomgivningskänslig sensor 5. Högtalare samt 5-vägs navigationsknapp 11. Alarm/laddningsindikatorlampa 6. Kontaktlisteknapp Figur 1. Snabbspecifikation över ipaq 4

5 2 Syfte och problemformulering Syftet med detta arbete är dels att utefter givna begränsningar utforma en webbrowser för en ipaq handdator samt att implementera en prototyp av den i Java. Vi har i utformandet av denna rapport arbetat utefter följande frågeställningar: - Hur kan man utifrån tidigare utarbetade teorier och tekniker skapa en webbrowser för handdator (eller små skärmar)? - Hur gick vi till väga då vi utformade browsern? - Vad blev resultatet, fördelar/nackdelar? 2.1 Krav på funktionalitet och visualiseringsteknik Användaren ska kunna o läsa webbsidor o följa länkar o navigera bland text, bild och länkar utan stylus o få en överblick över helhet och detalj o använda handdatorn med en hand Visualiseringstekniken ska o Klara av att presentera webbsidor med de begränsade resurser som finns på en handdator o kunna presentera enklare webbsidor med ny eller tidigare tillämpad teknik o göra navigeringen enkel o skall inte använda scroll bars. 3 Relaterat arbete I detta kapitel presenteras de teorier och undersökningar vi utgått från under designprocessen. Vi stödjer våra resultat dels på forskning inom visualiseringsteknik men även inom andra typer av interaktionsdesign. För att visualisera text på små skärmar finns det en mängd olika tekniker. I stort rör det sig om tre inriktningar textreducering, zooming samt focus+context. Textreducering handlar att genom semantiska metoder och beräkningar reducera textmängden så att endast den väsentligaste informationen visas för användaren (Holmberg 1999). Tekniken är särskilt intressant då informationsmängden är så stor att det försvårar navigeringen. Exempel på tillämpningar som faller inom ramen för textreducering är bland annat dynamic queries (användaren reducerar själv textmängden genom självvalda filter) samt software agents (programmet reducerar viss information automatiskt). 5

6 Att zooma handlar helt enkelt om att förstora och förminska en text. Då man är intresserad av ett stycke i texten zoomar man in och läser. Då man vill navigera i texten zoomar man ut så att man får en helhetsbild av textens struktur. Denna teknik används exempelvis av pad++ -tekniken (Benderson & Hollan 1994). Focus+context handlar om att integrera en detalj med överblick så att användaren både kan navigera och se detaljer på samma output. Till denna teknikfamilj tillhör exempelvis fisheye (Furnas 1986). I denna fokuseras en specifik del av en text samtidigt som de de andra delarna förminskas mer och mer ju längre ifrån de kommer fokusen. En annan teknik som tillhör focus+context är Flip-zooming (Holmquist 1999). Här delas texten upp i objekt, exempelvis i sidor, där den sida som skall läsas visa i normalstorlek och de övriga minskas ner. Strukturen över i vilken ordning sidorna kommer behålls. Man väljer den sida man vill läsa varpå det finns möjlighet att zooma in ännu närmre. Robertson och Mackinlay (1993) beskriver i en artikel som behandlar deras teknik, The Document Lens, svårigheterna med att skapa ett visualiseringssystem då textens storlek och struktur är okänd. Problemet ligger i att textdokumentets, eller i vårt fall webbsidan, inte kan visas i sin helhet då den riskerar att bli så förminskad att den blir oläsbar. Om man däremot endast styckar texten i delar tappar läsaren översikten vilket försvårar navigeringen i texten. En sådan uppdelning blir problematisk eftersom det är omöjligt att förutse huruvida texten är linjär eller uppdelad i kapitel. Textens kontinuitet kan försvinna. Därför är det viktigt att skapa ett verktyg som både kan återge texten i ett läsbart format men som ger läsaren en känsla av den globala strukturen. Björk m fl. beskriver i artikeln Powerview (2000) svårigheterna med att utforma applikationer till handdatorer. Designern måste ta hänsyn till att användaren inte nödvändigtvis befinner sig i en kontrollerad kontorsmiljö. Med handdatorns mobilitet kommer oförutsägbara användarmiljöer där arbetssituationen kan medföra obekväma ställningar för användaren, dåligt belysta bullriga platser osv. Ofta förutsätts att användaren har båda händerna fria så denne kan styra programmet med en stylus. Vidare tar traditionella grafiska interfacekomponenter såsom scroll bars, knappar och menyer tar upp en märkbart stor del av handdatorns skärm. Greeking är en teknik för att visualisera text på en skärm. Tanken är att ge en generell bild av hur texten är strukturerad i ett dokument. Därför behöver texten i sig inte visas, utan kan representeras av exempelvis linjer, så att användaren får en uppfattning om hur dispositionen ser ut. Denna metod används bland annat av preview-funktioner i ordbehandlingsprogram [http://www.pcwebopedia.com/term/g(greeking.html)]. 4 Metod Arbetssättet kan grovt delas upp i faserna idégenerering, analys, utvärdering och resultat. Liknande arbetssätt använder Nigel Cross i boken Engineering Design Methods (1994). Arbetet har dock varit en iterativ process och faserna har överlappat varandra och kommit igen mer än en gång. 6

7 Idégenerering Analys Utvärdering Resultat Figur 2. Processöversikt I idégenereringsfasen alstrades idéer genom brainstorming, skisser och diskussioner. Här försökte vi även hitta kärnan till de problem som vår teknik skulle lösa. Detta hjälpte oss att ta fram de krav som ställdes på tekniken. Fasen mynnade ut i en del skisser (se bilaga 1) och en kravspecifikation som gav gruppen något att diskutera kring. I analysfasen analyserades de idéer och förslag som tagits fram i idégenereringsfasen. Vi gjorde en nulägesstudie där vi studerade artiklar som behandlade liknande visualiseringstekniker. Detta följdes av mer diskussioner och fler lösningsförslag. Teknikbeskrivningar med skisser har kontinuerligt växt fram och värderats. I utvärderingsfasen jämförde vi våra lösningsförslag mot de krav som ställdes på tekniken. Vi diskuterade för- och nackdelar. Lösningsförslagen som togs fram granskades och värderades. Många var bra men dessvärre inte genomförbara med den teknik som vi hade tillhanda. En del lösningsförslag fick omarbetas och många gånger var det skärmens storlek som satte begränsningar. I resultatfasen bestämdes det hur den slutgiltiga tekniken skulle se ut. Den kom att vara en blandning av de olika tekniker som vi diskuterat oss fram till. Detaljer i applikationens formgivning såsom färger, typsnitt var det sista som behandlades innan vi fokuserade på implementationen. Arbetssättet som projektet delades upp i och som vi valde att arbeta efter hjälpte oss att inte utelämna någon viktig information. Arbetsfördelningen i gruppen gav sig ganska naturligt eftersom alla representerade olika kunskaper. 5 Resultat 5.1 Utveckling av designen Utformningen av Penless har växt fram under projektets gång. Tekniska problem som dök upp efter hand har påverkat designen. Några idéer fick tidigt överges eftersom vi inte trodde att vi skulle hinna genomföra dem. Samtidigt innebar detta att vi fick tänka 7

8 om och kunde skapa nya och mer anpassningsbara lösningar. Till en början diskuterades huruvida man kunde använda ipaq en liggandes och därigenom få en bättre läsbarhet eftersom texten presenteras på en större yta. Ett eventuellt problem som detta skulle medföra var hur navigationsknapparna skulle kunna användas av både höger- och vänsterhänta. Vi beslutade att inte följa upp idén eftersom vi saknade både programmeringskunskaper och tid att utföra den. Figur 3. Liggande läsyta Ett krav vi tidigt specificerade var att användaren skulle kunna läsa text, söka på och samtidigt ha en god översikt av sidan. Detta kan man lösa antingen genom att visa webbsidan över hela fönstret, där några begränsade rader förstoras upp till läsbar text varpå den övriga informationen bara visas som tecken symboler (genom greeking eller semantisk zooming). En slags variant på fisheytekniken helt enkelt. Detta läsfönster skulle kunna växlas mot ett översiktsfönster där ett hierarkiskt träd visade sidans struktur och storlek. För att kunna växla mellan de två sidorna skulle man en ha klickbar ikon. Ett annat alternativ vore att ha flikar vid någon av sidans kanter vilket skulle ge en indikation att man kan byta läge. Denna prototyp övergavs eftersom användaren inte skulle behöva byta lägen mellan att navigera och läsa. Utan ha båda funktionerna närvarande samtidigt. Figur 4. Skisser med olika funktioner Ett annat tidigt förslag var att det alltid visas läsbar text i ett stort fönster. Nedanför detta skulle det finnas tre valbara rutor: en ruta för att skriva in sökväg, en som visade en översikt av webbsidan samt en för att navigera i länkarna. En ruta var alltid aktiv vilket indikerades med en markeringsfärg. De övriga inaktiva rutorna skulle markeras i grått. Då man valde en ruta man var intresserad av visades information om denna under läsfönstret. Valde man sök så kom ett fält upp där man kunde skriva in en 8

9 adress, valde man översikt kom ett förenklat strukturträd upp som visade var i hierarkin man befann sig. Valde man slutligen navigation visades en bokmetafor med markerad text för att visa var i dokumentet man befann sig. Det var utifrån denna prototyp vi utvecklade den slutgiltiga designen. Bristerna i tekniken var att rutorna måste markeras, det vill säga göras aktiva, vilket kändes lite för avancerat. Det gick att förenkla. Vidare blir det svårare för användaren att växla mellan de olika lägena utan stylus. För att göra browsern användbar var vi tvungna att överge tanken om olika lägen för olika uppgifter. Figur 5. Skisser med valbara fält Vi har genom hela projektet velat ha en dokumentöversikt i form av en ikon. Från början var ikonen tänkt att vara en metafor för en bok som ligger uppslagen på så sätt skulle användaren kunna se om han är långt fram eller bak i dokumentet med hjälp av bokens tjocklek. Vi ville även att bokikonen skulle visa text på en sida och en länköversikt på den andra sidan. I stället för bokmetaforen funderade vi också på att använda ett block, en pergamentrulle eller en kikare. Figur 6. Översiktsikoner Bokmetaforen som textöversikt utvecklades till att representeras av ett vanligt papper, ett A4-ark, såsom i dokumentöversikten i Word. Detta eftersom metaforen kändes onödigt krånglig, vi kunde inte motivera dess existens. För att få en indikation på var i sidan läsfönstret befann sig skulle den aktuella texten i översiktsfönstret ramas in av en färgad ruta. En idé var att rutan skulle kunna vara navigeringsbar och att man genom den skulle kunna styra vad som visades i det läsfönstret, en idé som övergavs eftersom vi inte använder en stylus som man kan styra med. Rutan blev snarare en avspegling synkron med läsfönstret. Ett av de större problemen som kom att påverka designen var att definiera vad en sida i textöversikten var. Vi bestämde tillslut att en A4-sida i översiktsrutan representerade hela den aktuella webbsidan (html-filen). Detta innebar ett nytt stort problem. Hur skulle en stor sida kunna representeras på ett A4-ark? Till en början tänkte vi använda oss av greeking, men då uppstår problemet hur vi skulle representera ikoner, bilder och länkar. Webbsidor är ju inte enbart fylld med text. Därför beslutades att hela sidan skulle förminskas vilket skulle ge ungefär samma effekt som greeking. Texten skulle vara oläsbar, men man får en känsla av sidans struktur och form. 9

10 En ytterligare aspekt var hur länkar skulle representeras. I den förminskade översikten skulle dessa vara svåra att hitta och följa. I läsfönstret visas endast begränsad information. Det skulle bli besvärligt för användaren att i en stor sida bläddra upp och ner för att hitta en specifiklänk. Vi valde att införa ytterligare ett fönster, länköversikten, där alla sidans länkar radades upp och det var möjligt att välja någon av dessa. Något som vi bestämde oss för tidigt i projektet var att använda färger för att synliggöra olika saker som till exempel länkar, i blått, och var man befann sig på sidan, i rött på översiktsikonen. Andra förslag som diskuterats och som kanske skulle kunna användas i framtida varianter är att ge feedback genom ljus och ljud och att användaren själv ska kunna bestämma storlek på texten. Alla idéer som vi kommit fram till och som diskuterats under projektets gång har på något sätt påverkat resultatet. De har gett inspiration och fört oss in på olika tankebanor även om de inte direkt finns med i slutresultatet. 5.2 Slutgiltig design Skärmen är uppdelad i tre fönster, ett större som visar den läsbara texten, ett mindre som ger en sidöversikt och ett tredje som ger en länköversikt. Detta medför att användaren har möjlighet att läsa sin text i det stora fönstret och samtidigt få en överblick över var just denna text hör hemma på webbsidan i den mindre ikonen för sidöversikt. De länkar som är presenterade på sidan visas i länklistan. Ikonen som visar sidöversikten ger också användaren information om hur sidan är utformad, hur stor den är, om det finns några bilder och var på sidan man befinner sig. I länklistan presenteras information om de länkar som förekommer i texten och detta ger användaren en uppfattning om vilken information som visas på sidan och om det man söker finns representerat där. De två mindre fönstrena är synkroniserade med läsfönstret. I länklistan navigerar man med höger och vänster knapparna. För att detta ska kännas logiskt trots att man bläddrar upp och ner i länklistan har länkarna kopplats till en punktlista som ändras från höger till vänster, se figur 8. En av länkarna som visas i länklistan är en så kallad fusklänk som man kan välja för att backa i dokumentet. Denna länk är alltid synlig i listan. Skärmens uppdelning motsvarar den skala som går under benämningen gyllene snittet. Skalan används med fördel vid formatkonstruktioner (Hallberg, 1984). Enligt definition är gyllene snittet en relation mellan en mindre och en större del av en helhet, där den mindre delen står i samma proportion till den större som den större till helheten och tvärtom. Förhållandet mellan längden och bredden är 5 till 8. Det hävdas att vi människor uppfattar gyllene snittet som harmoniskt. Formeln för gyllene snittet är b/a = a/a+b, vilket för vår applikation motsvarar 198/ /320 (pixlar). 10

11 Figur 7.Gyllene snittet Fönsterna är placerade såsom vi tror känns mest logiskt för användaren. Det stora läsfönstret är viktigast och det fångar användarens uppmärksamhet först. Därför valde vi att placera det överst och de två mindre fönstren under. Vi placerade översiktsfönstret till vänster och länkfönstret till höger, för att vi upplevde att det kändes mer naturligt. Den grafiska utformningen innebar val av färger till länkar, val av typsnitt och storlekar på bokstäver samt färg till kvadraten som markerar positionen i översiktsfönstret. Länkfärgen valdes efter färgen som förekommer i andra webbrowsers, nämligen blå. Användarna är vana vid den färgen och det fanns ingen anledning för oss att byta den. Då det gäller typsnitt valde vi att rubrikerna skrevs ut med ett sans serif-typsnitt och brödtexten med ett serif-typsnitt. Detta är en vedertagen form av layout, som förekommer både i dagspress och i böcker. Den anses vara vilsam för ögat. Resultatet av alla diskussioner kring designen av Penless Application kom att se ut som i bilden nedan. Figur 8. ipaq med vår webbrowser 11

12 Efter att ha gjort vissa avvägningar mellan det önskvärda resultatet och tekniken så kom resultatet att se ut som i bilden nedan. Figur 9. Slutgiltigt utformningsresultat 5.3 Beskrivning av visualiseringstekniken I detta stycke beskrivs den visualiseringsteknik vi utarbetat. Den bygger på focus+context-tekniken där användaren får en överblick av webbsidan samtidigt med en detaljerad bild. Handdatorns display har delats upp i tre fönster, ett större och två mindre. Det större fönstret, läsfönstret, ger en detaljerad vy. Här skall användaren läsa text, se bilder och länkar. I det mindre fönstret som är placerat i vänster underkant, sidöversiktsfönstret, visas hela sidan (med andra ord hela html-filen) kraftigt förminskad. Det är i detta fönster som användaren får en överblick av hur sidan är strukturerad. En röd rektangel visar vart på sidan läsfönstret är fokuserat. Därigenom blir det lättare för användaren att navigera. I nedre högra hörnet visas ett fönster med en översikt av sidans länkar, länkfönstret. Därigenom behöver användaren inte gå igenom hela sidan för att aktivera en speciell länk. Visualiseringsteknikens unicitet är också att användaren inte ska behöva använda penna utan ska klara att använda handdatorn med en hand. ipaq använder sig av en navigationstangent för navigation och val. Tangenten har fem funktioner, dessa är: upp, ner, höger, vänster som väljs genom att trycka på motsvarande sida av tangenten. Genom att trycka på centrum av tangenten får användaren funktionen välj/bekräfta. Ett tryck på navigationstangentens övre eller nedre del förflyttar läsaren en sida upp respektive ner i texten. 12

13 Figur 10. ipaq s navigationsknapp. Genom att trycka på höger sida av navigationstangenten är det möjligt att bläddra bland länkar. Visualiseringstekniken ska hjälpa användaren att snabbt och enkelt läsa information i detalj men samtidigt få en översikt. Tekniken medger att användaren kan använda ett enhandsgrepp för att genomföra uppgiften. Genom det kan användaren utföra andra uppgifter med den andra handen. 6 Diskussion Det finns mycket att arbete kvar att utföra för att Penless Application skall bli en bra och genomtänkt produkt. Vi kommer i detta kapitel diskutera de svagheter som vi idag känner till och som vi, under andra förutsättningar, hade kunnat utveckla. Det är viktigt att poängtera att det antagligen finns fler brister som vi, på grund av vår inblandning i projektet, har svårt att se. Därför skulle det nästa steget i ett fortsatt arbete vara att utföra en användarstudie. En sådan skulle förmodligen ge en bättre bild av var problemen med vår teknik ligger. Eftersom vi arbetat på en teoretisk nivå skulle det vara givande att faktiskt möta de praktiska problemen. Ett påtagligt problem med vår webbläsare är att vi i sidöversiktsfönstret förminskar hela sidan. Med en större sida, eller en större fil, blir det sannolikt svårare att se delmängder av helheten i vårt kontextfönster. Man tappar textens struktur. Det är till och med troligt att det är omöjligt att använda tekniken som den är om filerna är mycket stora Här hade det varit kanske varit lämpligare att exempelvis implementera en semantisk zoom. Bilder och text hade kunnat visualiseras/representeras av ikoner. På så vis hade stora sidor kunnat visas utan att strukturen förvanskas. Men vi tror ändå att minikopian av hela dokumentet hjälper användaren att orientera sig i de flesta hemsidor. Ett annat problem är att länklistan i sig inte ger tillräcklig information om vad länken är kopplad till. Länktexten på hemsidor är inte alltid beskrivande. Exempelvis är länkar med ledtexter som klicka här, tryck på välj inte särskilt informativa i vår 13

14 länkruta. I en potentiell utveckling av prototypen skulle det ur våra länkar gå att välja ut något eller några ord som ger viss vägledning i länklistan. Som det ser ut idag förutsätter vår teknik att länkarna har bra benämningar för att de skall ge vägledning i länklistan. Att inte använda ett pekdon har både sina för- och nackdelar. Fördelar som nämnts är att de i specifika arbetssituationer möjliggör för användaren att överhuvudtaget kunna hämta information på nätet. Det är inte ovanligt att en hand är upptagen och då krävs ett enhandsgrepp. Det kan också tänkas att funktionshandikappade som enbart kan bruka en av sina händer skulle uppskatta att det gick att navigera med hjälp av en hand. Själva utformningen av dosan skulle kanske behöva omarbetas något för att passa bättre i handen. En stor nackdel är att det i vår nuvarande version av prototypen inte går att direkt skriva in en URL eftersom pennan inte används. Detta hade kunnat lösas genom hjälp av navigeringsknapparna som styr en markör i en lista med bokstäver och tecken. Genom att trycka in navigeringsknappen då markören vilar på en specifik bokstav skulle denna skrivas. Vanliga förkortningar som www, com och se skulle finnas i listan så att inskrivningen gick snabbare. Vi har som vi tidigare nämnt två lägen för knapparna som navigerar i texten. Användaren kan gå ner rad för rad, eller sida för sida. I den senare handlingen måste användaren hålla nere knappen en stund. Det kan vara problematiskt att implementera sådana funktioner då alla användare har olika uppfattningar om hur lång en stund egentligen är. Genom att låta ipacen generera ett ljud, exempelvis ett kort pip, då den hoppar fram en sida, får användaren omedelbar feedback för vilken funktion applikation utför. Förutom möjligheten att generera ljud innehar ipacen fyra extra knappar som vi inte använt. Främst därför att deras funktion inte är åtkomlig genom Java. Däremot hade det varit möjligt att nå dom om vi programmerade applikationen i C++. Möjligtvis hade vårt koncept fallit då det kan vara svårt att med ett enhandsgrepp nå alla fyra knapparna. Hade det dock i en användarstudie framkommit att vi saknar någon fundamental funktion är det bra att ha i åtanke att vi har fyra extra knappar. Uppgiften har på sätt och vis varit svår för att en stor del av arbetet har legat på programmeringssidan samtidigt som det inte är den del av uppgiften som lyfts fram. Uppgiften i sig har också varit komplex med att sätta sig in i olika visualiseringstekniker på kort tid och se deras möjligheter och begränsningar samt att försöka komma på bra förslag till nya lösningar. Vi har trots detta fått bra kvalitet på resultatet med de förutsättningar vi haft. Vi har inte nått ända fram, men de beror också på de avgränsningar som vi gjort i projektet. De metoder vi valt har fungerat väl. Troligtvis hade det kunnat fungera ännu bättre om vi gått igenom några mer strukturerade metoder innan för att ha alternativ att välja på. 14

15 7 Slutsatser och framtida arbete I detta kapitel kommer vi att knyta igen säcken som varit projekt InfoVis 1, som för oss resulterade i Penless Application. I kapitel 2 ställde vi oss tre frågor som vi skall återknyta till här. Den första frågeställningen är det som hela denna rapport försöker förklara. Den största bristen har för oss varit dels anknytningen till teorier och relaterade arbeten samt bristen på vår erfarenhet av design. Det finns inte många teorier och tidigare arbeten vi kan luta oss tillbaka mot. Vissa funktioner vi tillfört har vi haft svårigheter att motivera. Vi känner att det är rätt eller fel att använda en viss färg eller en viss placering på ett fönster, men vi kan inte riktigt motivera varför. Vi har varken den teoretiska kunskap av vad användare generellt föredrar, eller den fingerspetskunskap en yrkesverksam interaktionsdesigner har. Däremot har vi erfarenheter som dator- och programanvändare och det är mycket av den tysta kunskapen vi använt oss utav för att uppnå våra mål. Den andra frågeställningen kan knytas an till det som står här ovanför. Med den tysta kunskapen, samt ett urval av tidigare visualiseringstekniker, resonerade vi oss fram till ett resultat. Vad som också är viktigt att poängtera är att våra begränsade kunskaper i programmering styrde hur designen slutligen kom att se ut. Tanken om en styluslös design uppstod först när vi insåg hur svårt det var att mappa touchfönstret i programkoden. Detta resulterade att vi fick omarbeta designen ännu en gång och idéer fick kastas. I efterhand känns det rätt skönt att bli av med några dessa. Därigenom har vi i arbetet insett att olika typer av begränsningar kan resultera att designen blir bättre. Man skall inte vara för rädd för att kasta bort idéer. I den sista frågeställningen frågar vi oss vad som är fördelarna respektive nackdelarna med vår design. Många av nackdelarna tar vi upp i diskussionskapitlet. Det finns säkerligen flera vi ännu inte känner till. Några fördelar som vi vill understryka ännu än gång är att användaren kan navigera med en knapp, vi sparar mycket läsyta på att inte använda traditionella interfacekomponenter som scroll bar och menyer. Användaren kan lätt navigera i var på sidan han/hon befinner sig, vilken del som är fokuserad och läsbar. Det är lätt att hitta länkar och nyttja dom för att fortsätta resan på informationsmotorvägen. 15

16 8 Referenser Bederson, Benjamin B, Hollan, James D: Pad++ A Zooming Graphical Interface fo Exploring Alternate Interface Physics, UIST 1994 Björk, Staffan, Redström, Johan, Ljungstrand, Peter, Holmquist, Lars-Erik: PowerView: Using information links and inforamtion views to navigate and visualize information on small displays, sid Artikel, Björk, Staffan., Bretan, Ivan,.Danielsson, Rolf,. Karlgren, Jussi,. Franzén, Kristoffer,. WEST: A Web Browser for Small Terminals, CHI Letters vol 1,1, Ashevill, NC, 1999 Cross, Nigel: Engineering Design Methods, The Open University, 1984 Milton Keynes, UK Furnas, G.W. Generalized Fisheye Views. Human Factors in Computing Systems, sid 16-23, CHI 1986 Conference Proceedings Hallberg, Å: Klart för tryck, Bokförlaget Spektra, Berlings Grafiska AB, Arlöv, 1985 Holmquist, Lars Erik: Flip Zooming: Focus+Context Visualization of Linearly Ordered Discrete Visual Structures, sid 29 31, För PLAY Robertson, George G., Mackinlay, Jock D The Document Lens, s , 1993 Xerox Palo Alto Research Center 16

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

1. Abstrakt... 2 2. Introduktion... 2 3. Problemspecificering... 2 4. Vår teknik... 3 4.1 Designval... 3 4.2 Abstract Colour Visualization... 5 5.

1. Abstrakt... 2 2. Introduktion... 2 3. Problemspecificering... 2 4. Vår teknik... 3 4.1 Designval... 3 4.2 Abstract Colour Visualization... 5 5. 1. Abstrakt... 2 2. Introduktion... 2 3. Problemspecificering... 2 4. Vår teknik... 3 4.1 Designval... 3 4.2 Abstract Colour Visualization... 5 5. Realisering av Abstract Color Visualization... 7 6. Diskussion...

Läs mer

IT-universitetet, Chalmers Grafiska Gränssnitt, 6p Kursansvariga: Staffan Björk, Sus Lundgren

IT-universitetet, Chalmers Grafiska Gränssnitt, 6p Kursansvariga: Staffan Björk, Sus Lundgren Vårt släktträd IT-universitetet, Chalmers Grafiska Gränssnitt, 6p Kursansvariga: Staffan Björk, Sus Lundgren 2003-10-08 Jessica Göransson Annelie Günzel Anna Olvenmyr Yvonne Stenberg Sofia Torbertsson

Läs mer

Dessa tre fönster kan enbart visas i datavyn, inte i layoutvyn. Det är också möjligt att ha flera fönster öppna samtidigt.

Dessa tre fönster kan enbart visas i datavyn, inte i layoutvyn. Det är också möjligt att ha flera fönster öppna samtidigt. Fönstermenyer februari 2010 I ArcMap finns ytterligare tre sätt att visa geografiskt data i din karta: genom ett förstoringsglas, ett visningsfönster och ett översiktsfönster. I fall där du inte vill ändra

Läs mer

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

Läs mer

Rapport Projekt 2 Informationsvisualisering av släktträd

Rapport Projekt 2 Informationsvisualisering av släktträd IT-Universitetet Grafiska gränssnitt, 6 p Göteborg 031010 Rapport Projekt 2 Informationsvisualisering av Grupp1: Vilhelm Bergman, d96v@dtek.chalmers.se Hanna Friberg, friberg_hfr@yahoo.se Björn Nord, d00nord@dtek.chalmers.se

Läs mer

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca System vi undersökte Den system vi valde att undersöka var en av de senaste smart tv som finns i markanden och var nämnd till bästa

Läs mer

Bildredigering i EPiServer & Gimp

Bildredigering i EPiServer & Gimp Bildredigering i EPiServer & Gimp Maria Sognefors 7minds Agenda Teori om bilder Att tänka på när jag fotograferar Föra över bilder från kamera till dator Ladda upp bilder till EPiServer CMS 5 Enkel redigering

Läs mer

Slutrapport: Informationsvisualisering av släktträd

Slutrapport: Informationsvisualisering av släktträd Slutrapport: Informationsvisualisering av släktträd Grupp 11 Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson 2003-10-10 Göteborg, Chalmers/GU Innehåll 1. INLEDNING...3 2. SYFTE...3 3. METOD...3

Läs mer

INNEHÅLLSFÖRTECKNING. 1. INLEDNING...2 1.1 Bakgrund...2 1.2 Krav att fylla...3 1.3 Målgrupp - användningsområden...3

INNEHÅLLSFÖRTECKNING. 1. INLEDNING...2 1.1 Bakgrund...2 1.2 Krav att fylla...3 1.3 Målgrupp - användningsområden...3 INNEHÅLLSFÖRTECKNING 1. INLEDNING...2 1.1 Bakgrund...2 1.2 Krav att fylla...3 1.3 Målgrupp - användningsområden...3 2. TEORI...4 2.1 Focus + Context Visualiseringstekniker...4 3. VÅR TEKNIK FLAP BROWSER...5

Läs mer

IT-universitet i Göteborg MDI årskurs 1 2002-10-20. Seminarium i interaktionsdesign I Projektrapport SpaceWarp en webbläsare för små skärmar

IT-universitet i Göteborg MDI årskurs 1 2002-10-20. Seminarium i interaktionsdesign I Projektrapport SpaceWarp en webbläsare för små skärmar IT-universitet i Göteborg MDI årskurs 1 2002-10-20 Seminarium i interaktionsdesign I Projektrapport SpaceWarp en webbläsare för små skärmar Anders Öhlund Lars Fridén Magnus Jonasson Mikael Ståhlberg Pernilla

Läs mer

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Sida 1 av 23 Editor, Avancerad I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Detta dokument syftar till att hjälpa dig som vill jobba mer aktivt

Läs mer

1. Uppdateringsmodul (CMS)

1. Uppdateringsmodul (CMS) Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...

Läs mer

Handhavande manual problemhantering

Handhavande manual problemhantering av Handhavande manual problemhantering 1(9) av Flytta dina dokument från H: till OneDrive I och med att Norrtälje kommun går över till Office 365 för skolverksamheten så kommer den egna lagringsplatsen

Läs mer

Verktygsfält. Hantering av webbkarta Grundinstruktion. Sida 1 av 6. De olika verktygen och delarna förklaras i detalj längre ner i dokumentet.

Verktygsfält. Hantering av webbkarta Grundinstruktion. Sida 1 av 6. De olika verktygen och delarna förklaras i detalj längre ner i dokumentet. De olika verktygen och delarna förklaras i detalj längre ner i dokumentet. Flytta i sidled Zooma in Zooma ut Panorera Hela utbredningen Tillbaka Framåt Förstoring av kartdel Kartskikt Förstora/ förminska

Läs mer

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

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

Läs mer

Lathund - webbsidor och filer

Lathund - webbsidor och filer Lathund - webbsidor och filer 2005-09-07 Manualen nås via denna webbadress: http://www.med.lu.se/support Lathund - webbsidor och filer... 1 1. Inloggning... 2 Efter inloggningen... 2 2 Översikt över gränssnittet...

Läs mer

Nyheter i PowerPoint 2010

Nyheter i PowerPoint 2010 Nyheter i PowerPoint 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet.

Läs mer

MANUAL CHRONO COMAI Comai AB erbjuder kvalificerade anpassningsbara och Comai AB

MANUAL CHRONO COMAI Comai AB erbjuder kvalificerade anpassningsbara och Comai AB MANUAL CHRONO COMAI 1 Innehållsförteckning 1 Tekniskbeskrivning...3 1.1 Funktionsbeskrivning...3 2 Installation...3 2.1 Installera Chrono Comai via länk...3 2.2 Installera Chrono Comai via minneskort...3

Läs mer

SJF LATHUND EPISERVER 7.0

SJF LATHUND EPISERVER 7.0 SJF LATHUND EPISERVER 7.0 LOgGA IN. Logga in URL: http://test.sjf.discoworks.se/epiui/cms SKAPA OCH REDIGERA SIDOR. Skapa sida Öppna trädnavigeringen genom att klicka på den mörkgrå struktursymbolen längst

Läs mer

Manual för lokalredaktörer villaagarna.se

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

Läs mer

ANVÄNDARBESKRIVNING FÖR PERSONAL

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

Läs mer

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB Kom igång med Windows 8 www.datautb.se DATAUTB MORIN AB Innehållsförteckning Grunderna i Windows.... 1 Miljön i Windows 8... 2 Startskärmen... 2 Zooma... 2 Snabbknappar... 3 Sök... 4 Dela... 4 Start...

Läs mer

Workshop PIM 2 - PowerPoint

Workshop PIM 2 - PowerPoint Workshop PIM 2 - PowerPoint Varje ny sida i bildspelet kallas för en Bild. Foton och andra bilder som man lägger in kallas för Bildobjekt. All text skrivs i Textrutor. Växlingen från en bild till nästa

Läs mer

Word Grunderna 1. Om du kan det allra enklaste i Word, hoppa över uppgifterna A-E.

Word Grunderna 1. Om du kan det allra enklaste i Word, hoppa över uppgifterna A-E. Word Grunderna 1 Om du kan det allra enklaste i Word, hoppa över uppgifterna A-E. A Starta programmet Word. Titta på skärmen efter en bild som det finns ett W på. Tryck med musknappen snabbt två gånger

Läs mer

ALEPH ver. 16 Introduktion

ALEPH ver. 16 Introduktion Fujitsu, Westmansgatan 47, 582 16 Linköping INNEHÅLLSFÖRTECKNING 1. SKRIVBORDET... 1 2. FLYTTA RUNT M.M.... 2 3. LOGGA IN... 3 4. VAL AV DATABAS... 4 5. STORLEK PÅ RUTORNA... 5 6. NAVIGATIONSRUTA NAVIGATIONSTRÄD...

Läs mer

Dok nr OSF/AV-15:003, ver E Inloggning till Treserva via extern dator

Dok nr OSF/AV-15:003, ver E Inloggning till Treserva via extern dator Inloggning till Treserva via extern dator Innehåll 1 Inloggningsalternativ... 2 1.1 Inloggning via SMS... 2 1.2 Inloggning via E-legitimation... 4 2 Utloggning... 5 3 Helskärmsläge... 6 4 Bläddra mellan

Läs mer

Dokument i klassens aktivitet

Dokument i klassens aktivitet Dokument i klassens aktivitet I min mall har jag ju tagit bort Aktivitetens dokument, så att eleverna inte har tillgång till dem. Min tanke med detta är att de lärare som arbetar i klassen då får en plats

Läs mer

SPRINT-HANDBOK (version 0.4)

SPRINT-HANDBOK (version 0.4) 1. FÄRG OCH FORM Detta är programmets startmeny. Texten överst på bilden (Avsluta, Ny användare, Om... och Välj användare) blir synlig då markören förs upp den blåa ramen. en ny användare. 6. 4. 5. får

Läs mer

Redaktörens Lathund för Glokala. Så här redigerar du en redan befintlig hemsida. Så här skapar du en länk till en extern hemsida

Redaktörens Lathund för Glokala. Så här redigerar du en redan befintlig hemsida. Så här skapar du en länk till en extern hemsida Redaktörens Lathund för Glokala Glokala Folkhögskolan www.glokala.se Hej och välkommen till redaktörens lathund! Detta är en snabbguide för dig som har behörigheter att skapa och uppdatera sidor på Glokalas

Läs mer

Kort om World Wide Web (webben)

Kort om World Wide Web (webben) KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.

Läs mer

Axalon Process Navigator SP Användarhandledning

Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP 2013, senast reviderad: den 11 juni 2014 Innehåll Innehåll... 2 Om denna användarhandledning... 3 Syfte... 3 Vem är denna handledning

Läs mer

Manual för lokalredaktörer villaagarna.se

Manual för lokalredaktörer villaagarna.se Manual för lokalredaktörer villaagarna.se Version 1 Villaägarnas Riksförbund Sollentuna 2011 Postadress Besöksdress Telefon Fax E-post Hemsida Box 7118, 192 07 Sollentuna Johan Berndes väg 8-10 010-750

Läs mer

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

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

Läs mer

Lathund Claro Read Plus

Lathund Claro Read Plus Lathund Claro Read Plus Innehållsförteckning LathundWord Read Plus V 5...1 Innehållsförteckning...1 Starta... 2 Knappbeskrivning... 2 Börja läsa... 2 Börja skriva... 2 Knapp 8 Inställningar... 3 Knapp

Läs mer

BRUKSANVISNING. izoom 6

BRUKSANVISNING. izoom 6 BRUKSANVISNING izoom 6 2 Bruksanvisning izoom 6 INNEHÅLLSFÖRTECKNING 1.0 INLEDNING... 4 2.0 INSTALLATION... 5 2.1 Starta izoom... 5 2.2 Avsluta izoom... 6 3.0 INSTÄLLNINGAR... 7 3.1 Aktivera / Inaktivera

Läs mer

Inloggning till Treserva via extern dator

Inloggning till Treserva via extern dator Inloggning till Treserva via extern dator Innehåll 1 Inloggningsalternativ... 2 1.1 Inloggning via SMS... 2 1.2 Inloggning via E-legitimation... 4 2 Utloggning... 5 3 Helskärmsläge... 6 4 Bläddra mellan

Läs mer

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet. E-post A. Windows Mail Öppna alternativ Klicka på startknappen Startmenyn öppnas Klicka på Alla Program Leta reda på Windows Mail Dubbelklicka Windows Mail öppnas. Om ikonen ligger i Start-menyn Klicka

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

Manual - Introduktionskurs SiteVision

Manual - Introduktionskurs SiteVision Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision den 3 september 2014 09:00 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga

Läs mer

Utveckling av Läsaren

Utveckling av Läsaren Utveckling av Läsaren Projektet steg för steg Läsaren har utvecklats sucessivt till att bli den anpassningsbara och situationsoberoende tjänst den är idag. Tabellen nedan visar hur utvecklingen har skett

Läs mer

ANVÄNDARGUIDE. ViTex

ANVÄNDARGUIDE. ViTex ANVÄNDARGUIDE ViTex ViTex snabbguide 1. Inläsning till ViTex från inskannat dokument via kopiatorn 2. Uppläsning i ViTex 3. Navigation & Zoner 4. Ändra inställningar 5. Kontakt och Support 1. Inläsning

Läs mer

Välj bort om du vill. 96 Internet och e-post. 2. Mail-programmet finns i datorn. 1. Skriv mail i sökrutan. Windows Live Mail i Aktivitetsfältet.

Välj bort om du vill. 96 Internet och e-post. 2. Mail-programmet finns i datorn. 1. Skriv mail i sökrutan. Windows Live Mail i Aktivitetsfältet. Välj bort om du vill Om du är nöjd med att ha din e-post på nätet, kan du lugnt hoppa över detta avsnitt. Har du tid och tycker att det är roligt, kan du testa att använda e-postprogrammet Windows Live

Läs mer

Manual - Introduktionskurs SiteVision

Manual - Introduktionskurs SiteVision Sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 2 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till en länk i text 9 Lägga till länkar under

Läs mer

LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT

LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT Joomla Guide 2.5.11 LÄNKAR LADDA UPP EN PDF & LÄNKA TILL I ARTIKEL Sida 1 av 11 LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT I denna guide får du lära dig att: Ladda upp ett PDF dokument på

Läs mer

Det här dokumentet är tänkt som en minnesanteckning. programmet och är alltså inte tänkt att förklara allt.

Det här dokumentet är tänkt som en minnesanteckning. programmet och är alltså inte tänkt att förklara allt. Det här dokumentet är tänkt som en minnesanteckning från min genomgång av programmet och är alltså inte tänkt att förklara allt. Den förutsätter att du ska göra layout till den tidningsartikel du skrivit

Läs mer

Process- och metodreflektion Grupp 5

Process- och metodreflektion Grupp 5 Process- och metodreflektion Grupp 5 IDM Grupp 5 Anders Fougstedt, Anders Green, Lay Truong, Anna Sjödin, Tobias Kask Val av metoder Det första steget i vår designprocess var att bestämma vilka metoder

Läs mer

Om man vill ändra färg inuti går det, men skuggan blir densamma.

Om man vill ändra färg inuti går det, men skuggan blir densamma. Visst är det roligt att kunna göra fina dokument, häften, affischer, inbjudningskort och annat skoj?! Och att få bilderna att hamna där du vill att de ska hamna, i rätt storlek och utan att andra saker

Läs mer

Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1

Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1 ONLINEBOKEN MANUAL Innehåll Om onlineboken...2 Onlinebok på dator och surfplatta...2 Kom igång med onlineboken... 3 Öppna onlineboken... 3 Läsa i onlineboken... 3 Hitta i onlineboken... 3 Lyssna på onlineboken...

Läs mer

Skapa mappar, spara och hämta dokument

Skapa mappar, spara och hämta dokument Skapa mappar, spara och hämta dokument Övningen görs på hårddisken i mappen Mina dokument 1a Starta programmet utforskaren 1 b Huvudgrupper i utforskaren 1c Expandera huvudgrupper, enheter och mappar Skapa

Läs mer

Att använda talsyntesen ClaroRead Pro Version 6

Att använda talsyntesen ClaroRead Pro Version 6 Att använda talsyntesen ClaroRead Pro Version 6 Talsyntesen kan läsa upp all text som går att markera. Till exempel Word-dokument, på Internet, e-post mm. Den kan även läsa PDFfiler, bilder och inskannade

Läs mer

Nyheterna i Visma Tendsign 4.0

Nyheterna i Visma Tendsign 4.0 Användarmanual Nyheterna i Visma Tendsign 4.0 Uppdaterad 2014-05-21 VISMA COMMERCE AB +46 13 47 47 500 tendsignsupport@visma.com www.tendsign.com Innehållsförteckning 1. Visma TendSign 4.0... 2 2. Grafiskt

Läs mer

Arg-administratörens guide till Umbraco v 1.2.1

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

Läs mer

Att använda talsyntesen ClaroRead Pro

Att använda talsyntesen ClaroRead Pro Att använda talsyntesen ClaroRead Pro Version 5 Talsyntesen kan läsa upp all text som går att markera. Till exempel Word-dokument, på Internet, e-post mm. Den kan även läsa PDFfiler och inskannade texter.

Läs mer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

5.4 Länkhantering Navigering Diskussion Möjliga problem Implementation Ytterligare funktioner...

5.4 Länkhantering Navigering Diskussion Möjliga problem Implementation Ytterligare funktioner... Introduktion I dagens läge när möjlighet finns att vara trådlöst uppkopplad till Internet via sin handdator uppkommer nya problem som tidigare inte fanns. Ett av dessa är hur informationen från webbsidor

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 TERMINOLOGI I Polopoly används ett antal grundläggande begrepp för publicering och hantering av information, eller innehåll som det också benämns. Nedan följer en kort genomgång av denna grundläggande

Läs mer

Tips och idéer för Windows 8

Tips och idéer för Windows 8 Tips och idéer för Windows 8 Läs mer om it i lärandet på webben: www.spsm.se/itochlarande Tips och idéer för Windows 8 Skriften är utgiven av Specialpedagogiska skolmyndigheten (SPSM). Skriften kan hämtas

Läs mer

12 Webb och kurshemsidor

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

Läs mer

Guide till att använda Audacity för uttalsövningar

Guide till att använda Audacity för uttalsövningar Guide till att använda Audacity för uttalsövningar Victoria Johansson Humlabbet, SOL-center, Lund IT-pedagog@sol.lu.se 28 mars 2006 1 Inledning Audacity är ett program som kan användas för att spela in

Läs mer

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: www.alvsbyn.se/wp-admin. Byta lösenord

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: www.alvsbyn.se/wp-admin. Byta lösenord Sidan 1 av 9 Logga in och administrera hemsidan Inloggningslänk: www.alvsbyn.se/wp-admin Byta lösenord 2. Klicka på Profil 3. Längst nere hittar du två fält: Nytt lösenord och Bekräfta nytt lösenord. Fyll

Läs mer

Uppgift 18 Eget programval 2010 02 02

Uppgift 18 Eget programval 2010 02 02 Prezi lathund Vi skall skapa en presentation med hjälp av Prezi. För att använda Prezi behöver man logga in, dvs. skapa ett konto hos Prezi. När man sedan loggat in kan man skapa en ny Prezi. Det första

Läs mer

Rullningslisten. Klicka på rullningslistpilar (pil upp eller pil ner) 1 för att förflytta dig i önskad riktning, en liten bit i taget.

Rullningslisten. Klicka på rullningslistpilar (pil upp eller pil ner) 1 för att förflytta dig i önskad riktning, en liten bit i taget. Rullningslisten Om informationen i fönstret inte ryms på skärmen skapas automatiskt en rullningslist i fönstrets högra kant. Med rullningslisterna kan du snabbt och enkelt flytta dig i fönstret 1 Klicka

Läs mer

Manual för din hemsida

Manual för din hemsida Manual för din hemsida Dynamiska hemsidor är en lösning för att man på ett enkelt sätt skall kunna lägga till, ändra och ta bort sidor på sin hemsida. För att detta skall vara möjligt bygger lösningen

Läs mer

Grunder. Grafiktyper. Vektorgrafik

Grunder. Grafiktyper. Vektorgrafik 2 Grunder All vår början bliver svår eller hur det nu brukar heta, och detta är något som gäller även Flash. För den som är ovan vid Flash gäller det säkert extra mycket, då det kan vara knepigt att förstå

Läs mer

Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter.

Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter. Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter. När du är inloggad: 1. Klicka på plustecknet vid ditt ämne i innehållsträdet till vänster. Då fälls alla

Läs mer

Manual till Båstadkartans grundläggande funktioner

Manual till Båstadkartans grundläggande funktioner Manual till Båstadkartans grundläggande funktioner Webbfönstret När du klickar på kartlänken öppnas Båstadkartan i eget fönster eller egen flik, beroende på inställningen i din webbläsare. Bilden nedan

Läs mer

ONEDRIVE ÖVERBLICK... 2. Vad är OneDrive?... 2 Molnet?... 2 Två typer av OneDrive... 2 Hitta sin OneDrive för företag... 3

ONEDRIVE ÖVERBLICK... 2. Vad är OneDrive?... 2 Molnet?... 2 Två typer av OneDrive... 2 Hitta sin OneDrive för företag... 3 OneDrive 1 Innehåll ONEDRIVE ÖVERBLICK... 2 Vad är OneDrive?... 2 Molnet?... 2 Två typer av OneDrive... 2 Hitta sin OneDrive för företag... 3 HANTERA DOKUMENT OCH FILER PÅ ONEDRIVE... 4 Skapa mapp... 4

Läs mer

Skärmtangentbordet som är enkelt att använda både med mus, touchskärmar och interaktiva whiteboards

Skärmtangentbordet som är enkelt att använda både med mus, touchskärmar och interaktiva whiteboards Skärmtangentbordet som är enkelt att använda både med mus, touchskärmar och interaktiva whiteboards Tel: 031-769 00 60 info@frolundadata.se www.frolundadata.se Introduktion WizKeys är flexibelt och kostnadseffektivt

Läs mer

Dollar Street Beta Version 1.0 Manual

Dollar Street Beta Version 1.0 Manual Dollar Street Beta Version 1.0 Manual Dollar Street på Internet: 1. Gapminder AB Dollar Street hittar du på www.gapminder.com som en Gapminder produkt. Alla Gapminder produkter handlar om internationella

Läs mer

1. Polopoly och webbpublicering på SU

1. Polopoly och webbpublicering på SU 1. Polopoly och webbpublicering på SU Den här guiden är en introduktion till webbpubliceringssystemet Polopoly 9.16 för dig som ska arbeta som webbredaktör vid Stockholms universitet. Här går vi igenom

Läs mer

KARLSTADS UNIVERSITETSBIBLIOTEK

KARLSTADS UNIVERSITETSBIBLIOTEK 1(7) Guide till Zotero Med referenshanteringsprogrammet Zotero kan du enkelt samla dina referenser till böcker, artiklar m.m. och infoga källhänvisningar samt skapa litteraturlistor i MS Word och OpenOffice

Läs mer

Karlstads universitetsbibliotek

Karlstads universitetsbibliotek Karlstads universitetsbibliotek 2015 Guide till Zotero Med referenshanteringsprogrammet Zotero kan du enkelt samla dina referenser till böcker, artiklar m.m. och infoga källhänvisningar samt skapa litteraturlistor

Läs mer

Användarmanual. Fakturaspecifikation. Trafikverkets system för fakturaspecifikation. Version 1.4, 2010-12-20

Användarmanual. Fakturaspecifikation. Trafikverkets system för fakturaspecifikation. Version 1.4, 2010-12-20 Användarmanual Fakturaspecifikation Trafikverkets system för fakturaspecifikation Version 1.4, 2010-12-20 0 Utgivare: Trafikverket Kontakt: fakturering.jarnvag@trafikverket.se Distributör: Trafikverket,

Läs mer

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Manual Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Innehållsförteckning Start... 3 Lägg till ny sida...3 Redigera sida som redan finns...3 Titta på resultatet...

Läs mer

Process- och metodreflektion. Grupp 3; Ida Gustafsson, Mikael Karlsson, Jonas Lind, Hanne Sundin, Maria Törnkvist

Process- och metodreflektion. Grupp 3; Ida Gustafsson, Mikael Karlsson, Jonas Lind, Hanne Sundin, Maria Törnkvist Process- och metodreflektion Grupp 3; Ida Gustafsson, Mikael Karlsson, Jonas Lind, Hanne Sundin, Maria Törnkvist Planeringen Redan från början av projektet bestämde vi oss i gruppen för att planera utförande

Läs mer

INDIVIDUELL INLÄMNINGSUPPGIFT

INDIVIDUELL INLÄMNINGSUPPGIFT INDIVIDUELL INLÄMNINGSUPPGIFT Sofia Aronsson ANVÄNDBARHET OCH GRAFISK DESIGN MIS 13, Nackademin Yrkeshögskola Lärare: Ellinor Ihlström Inledning... 3! Analys... 3! Hitta... 3! Förstå... 5! Använda... 6!

Läs mer

PDFX-Change Viewer. Laddas ner på: http://www.pdfx.se/pdf-xchange-viewer.html

PDFX-Change Viewer. Laddas ner på: http://www.pdfx.se/pdf-xchange-viewer.html PDFX-Change Viewer Laddas ner på: http://www.pdfx.se/pdf-xchange-viewer.html Skanna in dokument genom att trycka på ikonen som liknar en skanner. Efterföljande steg i skanningsprocessen varierar beroende

Läs mer

RSI Road Status Information A new method for detection of road conditions

RSI Road Status Information A new method for detection of road conditions WP 5 Sida 1 av 15 RSI Road Status Information A new method for detection of road conditions Användarmanual för RSI WP 5 Sida 2 av 15 Användarmanual för RSI Om detta dokument Detta dokument är en användarmanual

Läs mer

Manual till webbkartornas grundläggande funktioner

Manual till webbkartornas grundläggande funktioner 2016-12-07 Manual till webbkartornas grundläggande funktioner Gränssnittet i våra kartor är anpassat till datorer och mobila enheter. Där det är aktuellt beskrivs funktionaliteten i denna manual både till

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 skriva på datorn

Att skriva på datorn Att skriva på datorn Innehåll: Inledning 1 Tangentbordet 2 Att skriva i Word 4 Att skriva på Internet 7 Övningar 8 2 Inledning Välkommen till steg 2 av Internetkursen för nybörjare! Vid detta kurstillfälle

Läs mer

Projekt 1 Webb- och inform ationsdesign

Projekt 1 Webb- och inform ationsdesign IT-universitetet MDI Interaktionsdesign Interaktionsdesign Grafiska gränssnitt 6p HT 03 Projekt 1 Webb- och inform ationsdesign Grupp 6 Theresa Harmanen, Linus Kjellqvist, Camilla Orrenäs, Emma Thunström

Läs mer

KURSMÅL WINDOWS STARTA KURSEN

KURSMÅL WINDOWS STARTA KURSEN KURSMÅL WINDOWS Detta är en introduktionskurs för dig som är nybörjare. Du kommer att få bekanta dig med datorns viktigaste delar och lära dig grunderna i operativsystemet Windows, vilket är en förutsättning

Läs mer

Lathund länkar. Skapa en intern länk som en sida

Lathund länkar. Skapa en intern länk som en sida Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder

Läs mer

del 3 ARBETA MED PROGRAM

del 3 ARBETA MED PROGRAM del ARBETA MED PROGRAM Det finns ett enormt stort antal program som kan användas tillsammans med Windows Vista. Med ett ordbehandlingsprogram som Microsoft Word till exempel, kan man skapa, redigera och

Läs mer

SMART Ink 3.0 ANVÄNDARHANDBOK FÖR MAC OS X-OPERATIVSYSTEM

SMART Ink 3.0 ANVÄNDARHANDBOK FÖR MAC OS X-OPERATIVSYSTEM SMART Ink 3.0 ANVÄNDARHANDBOK FÖR MAC OS X-OPERATIVSYSTEM Varumärkesinformation SMART Ink, SMART Meeting Pro, smarttech, SMART-logotypen och alla SMART-slogans är varumärken eller registrerade varumärken

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

Publicera taltidningen

Publicera taltidningen Publicera taltidningen Innehåll Publicera taltidningen...1 Två-stegs-raketen: Webbpubliceringen av taltidningen...1 Manual för publiceringsverktyget WaveFusion...2 Starta verktyget WaveFusion och skapa

Läs mer

LATHUND TILL GOOGLE SITES

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

Läs mer

Snabbmanual version: 5.2

Snabbmanual version: 5.2 dicompacs Snabbmanual version: 5.2 1. Musknappar funktioner Vänster musknapp Mus hjul Höger musknapp Funktion för vänster musknapp I navigeringsfönstret: -Om du klickar på en bild i navigeringsfönstret

Läs mer

Funktionerna kan variera beroende på vilka funktionsområden skolan valt att aktivera.

Funktionerna kan variera beroende på vilka funktionsområden skolan valt att aktivera. Föräldrar i Skola24 Genom föräldrarollen i Skola24 kan föräldrar ta del av en mängd användbar information. En central databas gör det möjligt att med samma inloggning se information om flera barn även

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

ONSCREENKEYS 5. Windows XP / Windows Vista / Windows 7 / Windows 8

ONSCREENKEYS 5. Windows XP / Windows Vista / Windows 7 / Windows 8 ONSCREENKEYS 5 Windows XP / Windows Vista / Windows 7 / Windows 8 [ PRODUKTBESKRIVNING ] [ Detta smarta skärmtangentbord med virtuella musklicksfunktioner och ljuduppspelningsfunktion möjliggör snabb skrift

Läs mer

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad 2012-09-14

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad 2012-09-14 Grundredigering i Photoshop Elements Denna artikel handlar om grundläggande fotoredigering i Elements: Att räta upp sneda horisonter och beskära bilden, och att justera exponering, färg och kontrast, så

Läs mer

3Växel Softphone i datorn.

3Växel Softphone i datorn. 3Växel Softphone. För att använda Softphone i dator och mobil samt i fasta IP-telefoner behöver du skaffa tilläggstjänsten Softphone. När du har det kan du använda alla IP-telefonitjänster på ett och samma

Läs mer

PREMIUM COMAI WEBBKALENDER

PREMIUM COMAI WEBBKALENDER 1 PREMIUM COMAI WEBBKALENDER 2.0 ADMINISTRATÖR utvecklar och säljer anpassningsbara smartphone 2 Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4

Läs mer

Slutrapport: Design av Hemsida för PolyPlast+

Slutrapport: Design av Hemsida för PolyPlast+ Slutrapport: Design av Hemsida för PolyPlast+ Av: Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson Datum och Plats: 03-09-19 Göteborg, Chalmers/GU Anledning: Uppgiften ingick som en obligatorisk

Läs mer

NU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET. hur man markerar och ändrar dem, är det dags att titta lite närmare på

NU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET. hur man markerar och ändrar dem, är det dags att titta lite närmare på 6 Arbeta med ramar NU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET hur man markerar och ändrar dem, är det dags att titta lite närmare på hur du kan arbeta med dem i en design. De flesta designers

Läs mer

Att få inskannad text uppläst med talsyntes

Att få inskannad text uppläst med talsyntes Att få inskannad text uppläst med talsyntes 1. Komma igång med ClaroRead Pro Starta talsyntesprogrammet 1. Gå till Startmenyn > Program > Claro Software 2. Klicka på för att starta talsyntesen. ClaroReads

Läs mer