Hi-Fi Prototyping + laborationsgenomgång & verktyg

Storlek: px
Starta visningen från sidan:

Download "Hi-Fi Prototyping + laborationsgenomgång & verktyg"

Transkript

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

2 Prototyper - fidelity Utseende Funktion Innehåll Prototyper - dimensioner Horisontell (omfattning) Vertikal (trogenhet) T-formad 2

3 Prototyper - nivåer Lowfidelity Prototyper - nivåer Low-fidelity High-fidelity 3

4 Prototyper - syfte Viktigare än nivå är: Dimensioner Trogenhet SYFTE Prototyper - syfte Få en helhetsbild själv Se till att alla i teamet är på samma plan Visa för en potentiell kund Sälja in vår idé Testa olika idéer Testa på användare Hitta fel 4

5 Syfte med Hi-Fi För många av dessa syften krävs mer än en statisk, visuellt enkel bild Här kommer medium-fidelity- och highfidelity-prototyper in! Fördelar med Hi-Fi Ser ut & känns som slutprodukten Görs i utvecklingsmiljö (programvara eller slutliga utvecklingsmiljön) Användas för utvärdering av huvuddesignens element (innehåll, visuella, interaktivitet, funktionalitet, media) Utvärdera om användaren kan lära sig systemet (tid) Använda som design dokument mot kund Full interaktivitet & funktionalitet 5

6 Nackdelar med Hi-Fi Människor tror på det viktigt att detaljer är fixade (ex.vis stavfel kan förvirra) Ger sken av att det ska gå att implementera allt Tid Nackdel med Hi-Fi Pappersprototyp Hi-fi? Färdig produkt Trogenhet 6

7 Tid Nackdel med Hi-Fi Pappersprototyp Hi-fi? Färdig produkt Trogenhet Medium-fidelity prototyp Mellan Lo-Fi & Hi-Fi prototyp Ser ut som slutprodukten Har inte alla funktioner Interaktion med Wizard of Oz metoden Bra vid utvärdering av enbart layout eller ny interaktion 7

8 Hi-fi kräver omdöme Medium- och high-fidelity-prototyper kräver större kunskap och omdöme Pappersprototyper kan man alltid göra! Vid högre trogenhet måste beslut tas om vad som skall göras och varför Det finns fler möjligheter och fler risker Scenario Vi har en idé på en mobil applikation - en social träningsapp. Vi är ett team studenter utan pengar och skickar därför in vår idé till en affärsutvecklings- organisation, i hopp om finansiering. Vi vinner och får dessutom kontakt med andra som vi behöver för att fullfölja idén: ekonom, säljare, utvecklare. Ett nytt team skapas tillsammans med dessa. En stor fråga i projektet är hur benägna folk som tränar faktiskt är att använda funktionerna när de är ute på spåret eller i träningsanläggningen. Halvvägs in i projektet kommer vi ha chans att presentera vår idé på en mässa, där viktiga kontakter finns närvarande. 8

9 Laboration 3 Skall anpassas efter och vara körbar på mobila plattformar Om användartest - mobilt Frågor? Teknologival (papper & penna) axure balsamiq (post it) html m.m. illustrator, photoshop flash, edge powerpoint / keynote implementationsspråk 9

10 Teknologival Ta hänsyn till: dimension, trogenhet, syfte mobilitet användartester Teknologival Välj plattform för enkelt och snabbt resultat dvs utifrån din kompetens Verktyget inte självändamål 10

11 Lo-Fi PNG PDF Test 7D $79 Popular Mockup Windows, Mac, and Linux via Adobe Air. Middle HTML, PNG, document and PDF. Free Open source Firefox addons, standalone using XULRunner Hi-Fi HTML, PNG, Specification. Test 30 D $589 Popular Prototyping PC, Mac Hi-Fi HTML5, CSS3 styles, and JavaScript $30 Mac Hi-Fi HTML5, CSS3 styles, and JavaScript Preview version Mac OS X v10.6 or 10.7 and Windows 7 or Windows Vista. Verktyg som studenter testade 2014 Proto.io webbaserat, testa i mobil via app eller webbläsare, 15 dagars test, finns gratiskonto- ett projekt/gång & begränsat till 5 skärmar, avancerade tutorials Omnigraffle liknar Axure, cancas (typ PP) med lager som kan delas, exportera till flera olika format bl.a html. HTML5, CSS3 & javascript finns flera hjälp bibliotek för mobil webbutveckling, bl.a jqtouch, jquery Mobile 11

12 Axure Why Axure? Your requirements never looked so good Your project manager will love you You know in advance if customers will rave or rant Your distributed team feels a lot less distributed Your clients can t wait to buy your ideas Developers finally know what you want and love it Your clients really get it, and you get real feedback You look good doing it :) Axure Axure är ett verktyg för interaktiva wireframes som genererar HTML Innehåller färdiga widgets och interaktioner Funktioner för samarbete 12

13 Fördelar Axure Används av väldigt många professionellt Användbart för alla grader av trogenhet Fokus på just wireframing / prototyping! Finns mängder av bra tutorials Kan exportera till HTML och köra mobilt Finns mobilwidgets, t.ex. för touch gestures Kan skapa annotationer och relaterade diagram Axure - beskrivning Learn Axure AxureHow 13

14 Axure - tips Skumma igenom många tutorials Kolla på Learn på axure.com Använd guides (Create Guides) Döp alla paneler och widgets Versionshantering Länkar om Axure: Axure: Axure Training: Axure step-by-step tutorials: Axure forum: AxShare App for mobil: aign=33549f503f- AxShare_App_Launch_Newsletter5_7_2015&utm_mediu m= &utm_term=0_a e f503f

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements

Läs mer

Hi fi prototyping. Johanna Persson MAM nov 2014

Hi fi prototyping. Johanna Persson MAM nov 2014 Hi fi prototyping Johanna Persson MAM15 25 nov 2014 Dagens upplägg Hi fi prototyping Olika verktyg för hi fi prototyping Introduktion till ett urval av dessa Power point Balsamiq Mockups Just in Mind Praktisk

Läs mer

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Prototyping Innehåll Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Individuell inlämningsuppgift Vad är en prototyp? En prototyp är

Läs mer

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc. Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Prototyping Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades

Läs mer

Microsoft Expression Blend + Sketch Flow

Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

Boken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva

Boken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Designprocessen 2 Boken Kapitel 10 Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Kapitel 11 Brain storming Body storming Personas Scenarios Lo-fi prototyping Skisser Storyboarding Pappersprototyper

Läs mer

Wireframe när, vad, hur och varför?

Wireframe när, vad, hur och varför? Wireframe när, vad, hur och varför - 1 Wireframe när, vad, hur och varför? Arbetsflöde är ett samlande begrepp för alla steg som används för att göra en webbplats. Från första början till färdig sajt.

Läs mer

P r i s u p p g i f t e r

P r i s u p p g i f t e r P r i s u p p g i f t e r Grafisk produktion -datum enligt hemsida eller överrenskommelse Uppdatering AdobeCS, 1dag InDesign grund, 2dgr InDesign steg2, 1dag InDesign automatisera, spara tid 1dag InDesign

Läs mer

Webbutveckling Laboration 1: HTML5 och CSS3.

Webbutveckling Laboration 1: HTML5 och CSS3. Institutionen för 2015-11-30 Tillämpad fysik och elektronik Karin Fahlquist Webbutveckling Laboration 1: HTML5 och CSS3. Målsättning Att skapa en webbplats genom att först skapa en Lo-fi prototyp och sedan

Läs mer

Människa-Datorinteraktion. HCI text

Människa-Datorinteraktion. HCI text 2002-04-17 09:13 Människa-Datorinteraktion DVC002 HCI text Anders Carlsson pt00aca@student.bth.se Per Salomonsson pt00psa@student.bth.se Grupp: D Innehållsförteckning 1. Inledning... 3 2. Design och produktutveckling...

Läs mer

A" utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad

A utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad A" utveckla kartor med responsiv design Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? 3. Exempel (smap)

Läs mer

P r i s u p p g i f t e r

P r i s u p p g i f t e r P r i s u p p g i f t e r Grafisk produktion -datum enligt hemsida eller överrenskommelse Uppdatering AdobeCS4/ CS5, 1dag InDesign grund, 2dgr InDesign steg2, 2dgr InDesign automatisera, spara tid 1dag

Läs mer

Adobe Fireworks CS6. Följande text kan användas på webbplatser, i kataloger, annonser och annat marknadsföringsmaterial för Adobe Fireworks CS6.

Adobe Fireworks CS6. Följande text kan användas på webbplatser, i kataloger, annonser och annat marknadsföringsmaterial för Adobe Fireworks CS6. Adobe Fireworks CS6 Marketing Copy för Channel Partners Adobe Fireworks CS6 Följande text kan användas på webbplatser, i kataloger, annonser och annat marknadsföringsmaterial för Adobe Fireworks CS6. HUR

Läs mer

Daniel Wetter. Senior UX- Interaktion och tjänsteutveckling

Daniel Wetter. Senior UX- Interaktion och tjänsteutveckling Daniel Wetter Senior UX- Interaktion och tjänsteutveckling Design fungerar när den lyckas förmedla idéer väl på enklaste möjliga sätt. Interaktionsdesign fokuserar speciellt på hur en användare interagerar

Läs mer

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1 Välkommen! SAPSA Impuls Mobilitet 81 Impuls sponsorer 2012 Guldsponsorer SAPSA Impuls Mobilitet 81 Mobilitet 81: Mobil reseräkningsapp med möjlighet att fotografera kvittona Christer Ingemarsson Lena Kågedal

Läs mer

Kravhantering med prototyp

Kravhantering med prototyp Kravhantering med prototyp Mona Lif www.logica.se/userexperience Logica 2008. All rights reserved Kravhantering med prototyp - agenda Fördelar med att använda prototyp Hur gör man Prototyp vs textuellt

Läs mer

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

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

Läs mer

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk Idag Prototyper och användbarhetsutvärdering Del 2 Prototyper Utvärdering Analytisk Empirisk Prototyper: en fråga om syfte och mottagare Vad prototyper prototypar Kommunikation Med sig själv för att driva

Läs mer

Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder

Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder Måldriven design Projektsteg: Detaljdesign 1. Projektplanering 2. Undersökning av användare och situation 3. Modellering (av undersökningsresultatet) 4. Kraammanställning 5. Ramverksdesign (övergripande

Läs mer

En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor

En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor av Jenni Berndtson - jb222rt Malmö 2013-05-31 1 Abstrakt Syftet med denna rapport är att kort sammanfatta det projektarbete

Läs mer

Avancerade Webbteknologier

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

Läs mer

Våra designmål Roligt Lättnavigerat Lekfull. Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder.

Våra designmål Roligt Lättnavigerat Lekfull. Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder. Våra designmål Roligt Lättnavigerat Lekfull Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder. Vårt koncept En app med ett spel där vädret är i fokus. Användaren tar sig vidare i spelet genom

Läs mer

DATAINSAMLING BAKGRUND SAMMANSTÄLLNING AV FRÅGORNA

DATAINSAMLING BAKGRUND SAMMANSTÄLLNING AV FRÅGORNA DATAINSAMLING BAKGRUND Vi har fått i uppdrag att granska Ladok på webb. Hitta eventuella problem och förslag på ändringar, detta skall vi ta reda på igenom att intervjua de personer som använder tjänsten

Läs mer

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Projektanvisning Webbsideprojekt Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Inledning Du har nu under ett antal laborationer i webbteknik fått relativt styrda uppgifter där du ensam fått lösa

Läs mer

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID Prototyping Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID TRITA-NA-D0105 CID-139, KTH, Stockholm, Sweden 2001 Susanna Olsson, TietoEnator, Funda Denizhan, TietoEnator, Ann Lantz,

Läs mer

Webbteknik för ingenjörer

Webbteknik för ingenjörer Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera

Läs mer

Slutrapport Get it going contracts

Slutrapport Get it going contracts Slutrapport Get it going contracts Författare: Anthony Dry Datum: 2011-06-02 Program: Utvecklare av digitala tjänster Kurs: Individuellt mjukvaruutvecklingsprojekt 7.5p Linnéuniversitetet (Kalmar) Abstrakt

Läs mer

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida

Läs mer

Arbetslivserfarenhet. Utbildning AKTUELLA ROLLER KOMPETENSER SPRÅK BRANSCHER. KONSULTPROFIL/KONSULENTPROFIL Andreas Blackne

Arbetslivserfarenhet. Utbildning AKTUELLA ROLLER KOMPETENSER SPRÅK BRANSCHER. KONSULTPROFIL/KONSULENTPROFIL Andreas Blackne KONSULTPROFIL/KONSULENTPROFIL Andreas Blackne Andreas har hjälpt över 100 myndigheter, organisationer och företag att förbättra användbarheten och tillgängligheten på sina webbplatser, intranät eller system.

Läs mer

Bli en vassare skribent med Ulysses III

Bli en vassare skribent med Ulysses III Bli en vassare skribent med Ulysses III 7 Saknar glassiga funktioner som stör 7 Skriv mer fokuserat 7 Sätter textbearbetningen i fokus. Ulysses III Texten i fokus I Ulysses III kan du koncentrera dig på

Läs mer

Hej! Min uppdaterade portfolio finns online på www.lindebrand.com. alindebrand@gmail.com +46 70 54 70 052 www.lindebrand.com

Hej! Min uppdaterade portfolio finns online på www.lindebrand.com. alindebrand@gmail.com +46 70 54 70 052 www.lindebrand.com Curriculum Vitae Hej! Jag heter Alexander Lindebrand och jag kallar mig ett kreativt allt-i-allo. Jag jobbar främst med grafisk design, webbdesign och fotografering men jag har erfarenhet i de flesta digitalt

Läs mer

Prototyper och användartest

Prototyper och användartest Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"

Läs mer

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning

Läs mer

Swedbank Mobile Loadtesting. LoadRunner 11.04 Mobile App protocol

Swedbank Mobile Loadtesting. LoadRunner 11.04 Mobile App protocol Swedbank Mobile Loadtesting LoadRunner 11.04 Mobile App protocol Bakgrund Mission: Prestandatesta mobilt backend Typ: RESTful tjänst Underlag: Dokumenterat URI och API (Uniform Resource Identifier, Application

Läs mer

Adobe Flash Professional CS6

Adobe Flash Professional CS6 Adobe Flash Professional CS6 Marketing Copy för Channel Partners Adobe Flash Professional CS6 Följande text kan användas på webbplatser, i kataloger, annonser och annat marknadsföringsmaterial för Flash

Läs mer

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept

Läs mer

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se Användbarhet Bryt rätt regler Nils Ehrenberg nils.ehrenberg@mah.se Agenda Intro till Användbarhet Användbarhet på nätet Exempel Fyra dörrar Inlämningsuppgift Viktigt En skala Subjektivt Användbarhet /

Läs mer

ATT ARBETA MED VEKTORGRAFIK

ATT ARBETA MED VEKTORGRAFIK ATT ARBETA MED VEKTORGRAFIK Helene Brogeland Vektorgrafik och animation VT 2014 2014-04-29 Inledning Före aktuell kurs hade jag bara en vag uppfattning av innebörden av vektorgrafik och hade aldrig jobbat

Läs mer

Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt

Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi är ett passionerat utbildningsföretag som har förmågan och viljan att lyckas med ert utbildnings- och utvecklingsprojekt Vi bygger goda relationer med alla som berörs av vår verksamhet på effektivitet

Läs mer

Home Storage Manager

Home Storage Manager Home Storage Manager Johan Fohlin 2014 Examensarbete högskoleexamen, 15HP Datavetenskap Internetteknologi Handledare: Anders Jackson Examinator: Ann-Sofie Östberg Home Storage Manager av Johan Fohlin Akademin

Läs mer

Avancerade Webbteknologier 2. AD11g Göteborg 2012 Mobilanpassning

Avancerade Webbteknologier 2. AD11g Göteborg 2012 Mobilanpassning Avancerade Webbteknologier 2 AD11g Göteborg 2012 Mobilanpassning Idag Reality Check Strategier för mobilanpassning Problem vid mobilanpassning Exempel på några ramverk Statistik Det finns väldigt mycket

Läs mer

Tjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist

Tjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist Tjänsteprototypning Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari 2011 Johan Blomkvist johan.blomkvist@liu.se UPPLÄGG Upplägg - tillbakablick Vad har vi gjort hittills? Tjänstedesignens

Läs mer

Kodi Lathund UPPGIFT 22 TOBIAS GUSTAFSSON. TOBIAS GUSTAFSSON Tärna folkhögskola

Kodi Lathund UPPGIFT 22 TOBIAS GUSTAFSSON. TOBIAS GUSTAFSSON Tärna folkhögskola 2015 Kodi Lathund UPPGIFT 22 TOBIAS GUSTAFSSON TOBIAS GUSTAFSSON Tärna folkhögskola Kodi Lathund Det vi ska göra är att installera programvaran samt gå igenom inställningar för att få programmet att fungera

Läs mer

Slutrapport YUNSIT.se Portfolio/blogg

Slutrapport YUNSIT.se Portfolio/blogg Slutrapport YUNSIT.se Portfolio/blogg RICKARD HANSSON 2012-06-04 Abstrakt Rapporten du har i din hand kommer handla om mitt projektarbete som jag genomfört under tio veckor för utbildningen Utvecklare

Läs mer

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012 Oktober 2012 Uppgiften går ut på att redovisa dina kunskaper kring JavaScript, liksom din förmåga att skapa en CSS-baserad layout. Detta gör du genom att lämna in ett resultat som följer specifikationerna

Läs mer

Mediaverktyg. Grafik. Video. Ljud. Animationer. Strömmande media. Webb

Mediaverktyg. Grafik. Video. Ljud. Animationer. Strömmande media. Webb Mediaverktyg Grafik Video Ljud Animationer Strömmande media Webb Björn Thuresson November 2003 1 Följande lista är inte heltäckande, men ger exempel på relevanta, användbara och spridda datorverktyg för

Läs mer

Nya Aquila använder senaste versionen av våra verktyg: UniPaaS 1.9 (tidigare Magic), samt Crystal Reports version 12 (idag kör ni på version 8).

Nya Aquila använder senaste versionen av våra verktyg: UniPaaS 1.9 (tidigare Magic), samt Crystal Reports version 12 (idag kör ni på version 8). Beskrivning av nya Aquila 3 Nya Aquila använder senaste versionen av våra verktyg: UniPaaS 1.9 (tidigare Magic), samt Crystal Reports version 12 (idag kör ni på version 8). Aquila 3 är helt kompatibel

Läs mer

Wimba Pronto i Blackboard

Wimba Pronto i Blackboard Kommunikator se vem som är där och chatta Med Wimba Pronto så kan du se vem som är online i kurserna som finns i Blackboard och skriva snabbmeddelanden/chatta med andra (Wimba Pronto liknar MSN och ICQ).

Läs mer

Användbarhet och Webbutveckling för mobila enheter. Användbarhetstester

Användbarhet och Webbutveckling för mobila enheter. Användbarhetstester Användbarhet och Webbutveckling för mobila enheter Dokumentation/Inlämningar Nästa vecka: Planeringsdokument (Scrum) - Projekt Behovsanalys - Projekt Persona - Projekt Korta punkter FM: EM: Workshop Behovsanalys/Persona

Läs mer

METODER OCH VERKTYG EXEMPEL PÅ UPPDRAG KOMPETENSOMRÅDEN

METODER OCH VERKTYG EXEMPEL PÅ UPPDRAG KOMPETENSOMRÅDEN AGNES KNOX - CV METODER OCH VERKTYG EXEMPEL PÅ UPPDRAG KOMPETENSOMRÅDEN HTML5, CSS3, SASS Javascript, jquery, Ajax Twitter Flight, AngularJS JSP, JSP/Servlets Git IntelliJ Subversion Wordpress, Joomla,

Läs mer

» 30år» Sambo» 1 barn (1,5år)» Jobbar som kurator.» Årsinkomst ca 300 000 kr.» Bor i hyreslägenhet i stan.

» 30år» Sambo» 1 barn (1,5år)» Jobbar som kurator.» Årsinkomst ca 300 000 kr.» Bor i hyreslägenhet i stan. Designmal Tydlig Lättnavigerad Praktisk Nytänkande Koncept Vårt koncept är att man med hjälp av vår applikation lättare ska kunna ha kontroll över sitt hem. Det finns två huvuddelar, Mina projekt och Min

Läs mer

PROGRAMRÅD INTERAKTIONSDESIGN

PROGRAMRÅD INTERAKTIONSDESIGN PROGRAMRÅD INTERAKTIONSDESIGN Tid: 2012-04-03, Klockan 10.00 Plats: Kalmar Nyckel samt via Skype Närvarande: Morgan Rydbrink, Calle Karlsson, Charlotta Bentzén 1. Mötets öppnande a. Mötet öppnades av programansvarige

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra gången MuddyCards Animation Portfolio Lab 3. Muddycards - resultat Positiva kommentarer Tempo föreläsningar Labbhandledning, pedagogik Mer labbhandledning Instruktioner

Läs mer

Daniel Persson. Födelsedatum: 1986-02- 08 Vindragaregatan 3B, 417 03 Göteborg Telefon: 070 839 51 88 Email: info@danielp.se Portfolio: www.danielp.

Daniel Persson. Födelsedatum: 1986-02- 08 Vindragaregatan 3B, 417 03 Göteborg Telefon: 070 839 51 88 Email: info@danielp.se Portfolio: www.danielp. 1 Daniel Persson Front end utvecklare Födelsedatum: 1986-02- 08 Vindragaregatan 3B, 417 03 Göteborg Telefon: 070 839 51 88 Email: info@danielp.se Portfolio: www.danielp.se CURRICULUM VITAE Yrkesmässiga

Läs mer

Innehållsförteckning Sida 3 Om IT-Högskolan Sida 4-5.NET-utvecklare Sida 6-7 Applikationsutvecklare till iphone och Android Sida 8-9 Mjukvarutestare

Innehållsförteckning Sida 3 Om IT-Högskolan Sida 4-5.NET-utvecklare Sida 6-7 Applikationsutvecklare till iphone och Android Sida 8-9 Mjukvarutestare YH-utbildningar 2016 Innehållsförteckning Sida 3 Om IT-Högskolan Sida 4-5.NET-utvecklare Sida 6-7 Applikationsutvecklare till iphone och Android Sida 8-9 Mjukvarutestare Sida 10-11 Webbutvecklare CMS 2

Läs mer

KONSULTPROFIL Rodrigo

KONSULTPROFIL Rodrigo KONSULTPROFIL Rodrigo Systemutvecklare.NET/EPiServer/SharePoint Sammanfattning Rodrigo är en utåtriktad och glad person med båda fötterna på jorden som trivs både med att leda och samarbeta. Har jobbat

Läs mer

Slutrapport för Internetfonden

Slutrapport för Internetfonden Slutrapport för Internetfonden Webbprogrammering i matematik och fysikundervisning Mikael Tylmad mikael@roboro.se Fredrik Atmer fredrik.atmer@gmail.com Ella Kai-Larsen e@k-l.se 10 april 2014 http://www.profyma.se/

Läs mer

Studentguide Adobe Connect Pro

Studentguide Adobe Connect Pro Studentguide Adobe Connect Pro 2009-11-10 Inloggning För att vara med i ett möte behöver du inte installera någon programvara utan allt som behövs på din dator är Adobe Flash Player. Det programmet finns

Läs mer

VIDEODAGBOKEN. Individuellt Mjukvaruutvecklingsprojekt. En dagbok i videoform online. Robert Forsgren (rf222ce) UD12 2013-06-05

VIDEODAGBOKEN. Individuellt Mjukvaruutvecklingsprojekt. En dagbok i videoform online. Robert Forsgren (rf222ce) UD12 2013-06-05 VIDEODAGBOKEN En dagbok i videoform online. Individuellt Mjukvaruutvecklingsprojekt Robert Forsgren (rf222ce) UD12 2013-06-05 Abstrakt: Den här rapporten kommer ta upp mitt projekt Videodagboken, en dagbok

Läs mer

INTERAKTIONSDESIGN: VAD & HUR?

INTERAKTIONSDESIGN: VAD & HUR? INTERAKTIONSDESIGN: VAD & HUR? Interaktionsteknik & Design, HT-13 Evelina Fagertun evelinafagertun@gmail.com VAD? Vad är interaktionsdesign? HUR? Hur skapar vi bra design? INTERAKTION Wiki: Interaktion

Läs mer

Hur man skyddar sig på internet

Hur man skyddar sig på internet Hur man skyddar sig på internet Säkerhet är obehagligt Men vi har ju virusskydd!! Webbläsare Webbläsare Vårt största hot idag Tydligare vid fel, phishing, flikar SSL Tunnlar och certifikat, brutna certifikat,

Läs mer

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

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

Läs mer

Agila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se

Agila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se Agila Metoder Nils Ehrenberg nils.ehrenberg@mah.se Agenda Agila Metoder: Scrum och sprints Lean och Design Workshops Kravställning Agil Utveckling Individer och interaktioner istället för processer Fungerande

Läs mer

LUNDS UNIVERSITET PC--rådgivning rådgivning AGENDA

LUNDS UNIVERSITET PC--rådgivning rådgivning AGENDA PC-rådgivning Mališa Kukulović Malisa.Kukulovic@ldc.lu.se PC-rådgivning AGENDA Windows Program Tips & Trix Hårdvara: Laptop, Mobiltelefoner Nyheter 2 Windows Mainstream support för Windows XP Professional

Läs mer

Adobe Creative Suite 5 Design Standard

Adobe Creative Suite 5 Design Standard Adobe Creative Suite 5 Design Standard Channel Copy Adobe Creative Suite 5 Design Standard Följande texter kan användas i reklam, kataloger och annat marknadsföringsmaterial för Adobe Creative Suite CS5

Läs mer

SLUTRAPPORT: TEXAS HOLDEM 4 FRIENDS

SLUTRAPPORT: TEXAS HOLDEM 4 FRIENDS SLUTRAPPORT: TEXAS HOLDEM 4 FRIENDS Individuellt Mjukvaruutvecklingsprojekt (Utvecklare av digitala tjänster) Den 1 juni 2011 ABSTRAKT Rapporten tar upp positiva och negativa erfarenheter som jag erhållit

Läs mer

Tepz klon. - Projektrapport. Linnéuniversitetet, Individuellt mjukvaruutvecklingsprojekt Janina Bergström, WP12 Distans

Tepz klon. - Projektrapport. Linnéuniversitetet, Individuellt mjukvaruutvecklingsprojekt Janina Bergström, WP12 Distans Tepz klon - Projektrapport Janina Bergström jb222qp WP12 Distans 8/6-2013 Linnéuniversitetet, Individuellt mjukvaruutvecklingsprojekt 1 Abstrakt Denna rapport handlar om min klon av det existerande spelet

Läs mer

Mamut One Innehåll och status

Mamut One Innehåll och status Mamut One Innehåll och status Tove B E Pedersen, Marketing Manager Channel 16 oktober 2008 tovep@mamut.com Mamut Business Platform Vi introducerar en ny kundplattform Komplett erbjudande Lösningar som

Läs mer

Versioner och språk. ComAround Zero 2013-09-16

Versioner och språk. ComAround Zero 2013-09-16 Versioner och språk ComAround Zero 2013-09-16 Guider Office 2013 2013 2013 2013 2013 One Note 2013 SharePoint 2013 Office 2010 Introduktion till Office 2010 Introduktion till 2010 Web App 2010 2010 2010

Läs mer

[HUR DU ANVÄNDER PAPP] Papp är det program som vi nyttjar för att lotta turneringar och se resultat.

[HUR DU ANVÄNDER PAPP] Papp är det program som vi nyttjar för att lotta turneringar och se resultat. PAPP Papp är det program som vi nyttjar för att lotta turneringar och se resultat. Förberedelser inför en turnering. Ladda ner papp för windows, spara zipfilen på lämpligt ställe på din dator och lägg

Läs mer

Du hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd

Du hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd Du hittar programmet här på Högskolan Dalarnas webb: http://www.du.se/gd 1 Petter Kolseth Högskolan Dalarna, Grafisk Teknologi pkl@du.se och nsieme consulting, Norra Järnvägsgatan 7 petter@nsieme.se 79135

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Sök till Legionen! Förra gången MuddyCards PHP Lab 4. Agenda Webbtermer och annat som är bra att veta Bildoptimering Javascript jquery Portfolio Avstämning kurs. Webbsida Webbsida

Läs mer

ToDo ios-applikation. Mikael Östman. Mikael Östman - mo22ez Linnéuniversitetet

ToDo ios-applikation. Mikael Östman. Mikael Östman - mo22ez Linnéuniversitetet ToDo ios-applikation Mikael Östman 201205 Mikael Östman - mo22ez Linnéuniversitetet mo222ez@student.lnu.se Abstrakt Detta är en slutrapport för det projekt jag bedrivit inom ramen för kursen Individuellt

Läs mer

ATT GÖRA WEBBSIDOR. Frivillig labb

ATT GÖRA WEBBSIDOR. Frivillig labb Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR

Läs mer

Universe Engine Rapport

Universe Engine Rapport 1 Universe Engine Rapport Alexander Mennborg 2017-05-08 2 Inledning I denna rapport diskuteras utvecklingsprocessen till projektet Universe Engine. Denna diskussion omfattar hela utveckling från starten

Läs mer

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

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

Läs mer

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Förra gången Usability & interaktionsdesign Projektintroduktion Bildbehandling. Byte av handledare Istället för Martin Johansson Annsofi Pettersson, annpe655@student.liu.se

Läs mer

Teknikprogrammet, inriktning informations- och medieteknik

Teknikprogrammet, inriktning informations- och medieteknik Teknikprogrammet, inriktning informations- och medieteknik Varför välja oss? Kursplan Presentation av våra datatekniska kurser Eftersom företag mycket sällan anställer gymnasieelever (de vill att ni ska

Läs mer

Så får du Microsofts Office-paket gratis

Så får du Microsofts Office-paket gratis Så får du Microsofts Office-paket gratis 7 Kör Word, Excel, Powerpoint och Onenote i webbläsaren 7 Dela dina dokument 7 För dator, mobil och platta. Kom igång med Microsoft Skydrive och Office Web Apps

Läs mer

Webforum. Nya funktioner i version 14.2. Senast uppdaterad: 2014-06-09

Webforum. Nya funktioner i version 14.2. Senast uppdaterad: 2014-06-09 Webforum Nya funktioner i version 14.2 Senast uppdaterad: 2014-06-09 Innehåll Om detta dokument... 3 Översikt... 3 Dokument... 4 Edit online i Firefox för Mac... 4 Enklare access till mobilgränssnittet

Läs mer

ipad (som jag använder den) Sven-Erik Bengtsson Malmö den 9 februari

ipad (som jag använder den) Sven-Erik Bengtsson Malmö den 9 februari ipad (som jag använder den) Sven-Erik Bengtsson Malmö den 9 februari lite om mig ipad, kort överblick några användningsområden appar tillbehör resurser/hjälp övningar lite om mig Vad skrev Ina? "Min f.d.

Läs mer

Grafisk form för användargränssnitt

Grafisk form för användargränssnitt Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala

Läs mer

Ordbehandling på ipad

Ordbehandling på ipad Ordbehandling på ipad fixar dokumenten 7 Lägg till grafik och bilder 7 Exportera filer som alla kan läsa 7 Samarbeta via molnet Så kommer du igång med för ios Ordbehandling på din ipad, är det möjligt?

Läs mer

Användargränssittet (Front-end) i mobilversionen bygger i stor utsträckning på jquery Mobile-ramverket.

Användargränssittet (Front-end) i mobilversionen bygger i stor utsträckning på jquery Mobile-ramverket. e-line mobilversion Pyramid Business Studio 3.42A servicepack 05 (2015-07-13) Mobilversionen av e-line är i grunden samma applikation som fullversionen av e-line. Skillnaden är att endast valda delar av

Läs mer

xperia x8 manual svenska

xperia x8 manual svenska xperia x8 manual svenska Print and Online If you are particular with knowing everything about this xperia x8 manual svenska, you will need to search for these details. XPERIA X8 MANUAL SVENSKA Some of

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

Webbdesign Process till produkt

Webbdesign Process till produkt Webbdesign Process till produkt Umeå Universitet Mediaproduktion för www II 7,5hp Isak Madoun Introduktion; VÅR-KOKBOK Är en kokbok som i sin första upplgaga kom ut på 50-talet. Boken innehåller mer av

Läs mer

Våra partnerorganisationer. #WelcomeTalent

Våra partnerorganisationer. #WelcomeTalent Våra partnerorganisationer Korta vägen Korta vägen är ett initiativ från arbetsförmedlingen och svenska universitet, där Stockholms Universitet är en av deras samarbetspartners. Syftet är att hjälpa utländska

Läs mer

Låt ipad bli fjärrkontroll för din Mac

Låt ipad bli fjärrkontroll för din Mac Låt ipad bli fjärrkontroll för din Mac 7 Använd ipad som fjärrkontroll 7 Perfekt för en Mac kopplad till tv:n 7 Fjärrstyr Macens program. ipad som fjärrkontroll låter dig styra både OS X-funktioner och

Läs mer

GIT L0012B. Implementation av geografiska informationssystem. Information inför kursstart

GIT L0012B. Implementation av geografiska informationssystem. Information inför kursstart GIT L0012B Implementation av geografiska informationssystem Information inför kursstart K U R S I N F O R M A T I O N Innehåll Registrering 2 Kursplan 2 Schema 2 Föreläsningar 2 Laborationer 2 Examination

Läs mer

Protokoll Föreningsutskottet 2013-10-22

Protokoll Föreningsutskottet 2013-10-22 Protokoll Föreningsutskottet 2013-10-22 Närvarande: Oliver Stenbom, Andreas Estmark, Henrik Almén, Ellinor Ugland, Oliver Jonstoij Berg. 1. Mötets öppnande. Ordförande Oliver Stenbom öppnade mötet. 2.

Läs mer

TeamApp en app för att samla ungdomar med gemensamma idrottsintressen

TeamApp en app för att samla ungdomar med gemensamma idrottsintressen TeamApp en app för att samla ungdomar med gemensamma idrottsintressen Sara Avén Sveavägen 107, 1301 11350 Stockholm, Sverige saraaven@kth.se Johan Olsson Körsbärsvägen 3, 1110 11423 Stockholm, Sverige

Läs mer

CMS. - Content management system

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

Läs mer

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards

Läs mer

Kursplanering Utveckling av webbapplikationer

Kursplanering Utveckling av webbapplikationer Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare

Läs mer

Quick Start Guide Snabbguide

Quick Start Guide Snabbguide Quick Start Guide Snabbguide C Dictionary Quick Start Thank you for choosing C Dictionary and C-Pen as your translation solution. C Dictionary with its C-Pen connection will make translation easy and enable

Läs mer

Kommunikationsorienterad. visuell design

Kommunikationsorienterad. visuell design Kommunikationsorienterad visuell design Magnus Haake LUCS, Lunds universitet Kommunikationsorienterad visuell design = Kognitivt orienterad grafisk design Varför kognitivt orienterad grafisk design? Verktyg

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Pappersprototyper Designexempel Listor (Tidwell kap.5, List of Things)

Läs mer