Gränssnittsdesign Namn: Erik Kurs: Gränssnittsdesign Klass: Sy17. Projektplan. Projektets namn

Relevanta dokument
Game of 40. Regler och om sidan är in princip samma sak. Det som skiljer dem åt är att de inte har samma text.

Kursplan Gränssnittsdesign, 100p Läsår

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

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014


GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

KOM IGÅNG MED DIN E-HANDEL! LATHUND 1.2

Gesällprov. Webbutveckling klient- och serversidan. Tomas Pålson topa4233

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

Evaluation Summary - CT3380 Grundläggande webbdesign HT05 Dan Levin

INDIVIDUELL INLÄMNINGSUPPGIFT

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

Kursplan Webbutveckling 2, 100p Läsår

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

ATT ARBETA MED VEKTORGRAFIK

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

SLUTRAPPORT RUNE TENNESMED WEBBSHOP

Projektplan för Website Project Japan

Så beställer du via ny och enkel e-handel

ELLEVIO PROJEKTPORTAL EN ANVÄNDARGUIDE

PageSpeed Insights. (utgångsdatum har inte angetts)

Copy Cat Laboration 4

Skapa epublikationer för Webben & Mobila Enheter

MEBS MediCarriers elektroniska beställningssystem

VIDEODAGBOKEN. Individuellt Mjukvaruutvecklingsprojekt. En dagbok i videoform online. Robert Forsgren (rf222ce) UD

Webbservrar, severskript & webbproduktion

Hemsideprojekt för Kulas Ponnystuteri

PROJEKT: WEBB- OCH INFORMATIONSDESIGN Avvägningar och motiveringar vid gränssnittsdesign av webbsida för PolyPlast+

Undervisningen i ämnet webbutveckling ska ge eleverna förutsättningar att utveckla följande:

Bygga kurser för mobila enheter

Välkommen till Studiekanalen.se

Tillämpad programmering CASE 1: HTML. Ditt namn

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop

Avancerade Webbteknologier

Grafisk form för användargränssnitt

Projektarbete myshop. Sandra Öigaard so222es WP12 Individuellt mjukvaruutvecklingsprojekt

URVAL AV UTFÖRDA FRILANSJOBB

Callisma (2 mån) Adam levererade en modern och plattformsoberoende webbplats som även är integrerad till en E-handelsplattform.

Slutrapport för Internetfonden

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

Macromedia. Flash 8 Grundkurs.

SLUTRAPPORT WEBBPROJEKT 1

Bruksanvisning Prestigio Nobile PER3562. Grundfunktioner

LUVIT LMS Quick Guide LUVIT Composer

Projekt Rapport. RaidPlanner. Jeanette Karlsson UD10

Grunder. Grafiktyper. Vektorgrafik

Skapa PowerPoint-presentation

Rune Tennesmed. Oskar Norling 1DV430. Individuellt Mjukvaruutvecklingsprojekt 1DV430 Webbprogrammerare H12 Oskar Norling

Startsidan. Panorama / Dubbel panorama. 400x80. Panorama / Dubbel panorama

Kort om World Wide Web (webben)

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

98 / 100 Hastighet. PageSpeed Insights. Överväg att Fixa: Utnyttja cachelagring i webbläsare. 9 Godkända Regler. Mobil

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

Tomas Axelsson

Användarhandbok. version sida 1 av 15

Arkivera sociala medier och hemsidor

Kom igång med din butik. 1. Skapa kategorier och produkter 2. Att göra en beställning i butiken 3. Övriga verktyg

Genom alternativet Utsökning kan du ta fram och exportera listor och förteckningar av publikationer i DiVA utifrån person, organisation, ämne m.m.

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum:

Struktur och innehåll Laboration 2

Att använda talsyntesen ClaroRead Pro Version 6

Ett instrument för att skapa sin egna version av musikvideon alone Ett utforskande examensprojekt av Jonas Sandstedt och Erik Slättberg

steg! första Gör din fotobok i 10 enkla Snabba instruktioner För Windows 7.4 och nyare versioner Välj ut dina bästa foton. Öppna fotoboksprogrammet.

Med Book Creator kan eleverna skapa multimodala böcker som kan innehålla bilder, foton, filmer, text, länkar och ljud. Book Creator finns som:

Kom igång med Web Editor

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

Varför göra digitala årsredovisningar? Varför göra digitala årsredovisningar?

Evaluation Summary - CT3380 Grundäggande webbdesign HT06 Dan Levin

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

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091

Bidrag till tävlingen Bästa vara

Grupp 3. Projektplan

Enkel Digital Skyltning

Office 365. Vad är det?

Saftfabrikens hemsida

Manual för Återförsäljare fiske

Sociala medier för företag

Handledning Miljömanualen på webben

Rev AdmiQ Snabb Guide Uppdaterad version

Teknikblock på TIS Stockholm

PageSpeed Insights. Ta bort JavaScript- och CSS-kod som blockerar renderingen från innehåll ovanför mitten

Multimedia? Produktion för Webb och Multimedia

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Att använda talsyntesen ClaroRead Pro

Elektronisk publicering TNMK30

Webbprogrammering. Sahand Sadjadee

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

Slutrapport: Design av Hemsida för PolyPlast+

Att köpa biljett på mobil.sj.se

Teknikprogrammet, inriktning informations- och medieteknik

Funktioner i NetDirect

Labbrapport: HTML och CSS

Microsoft PowerPoint

Användarguide. Bildslinga internet

Kurs 5:1 Att presentera med PowerPoint del 1

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

Infoga mediaobjekt (film/ljudklipp) i din Pingpong-sida

Logistiksystem Päron AB Bakgrund Problembakgrund Krav på lösning Lösningen

Hemsida till företaget Entusiastisk Coaching

Transkript:

Gränssnittsdesign 2018-01-15 Namn: Erik Kurs: Gränssnittsdesign Klass: Sy17 Projektplan Projektets namn

(använd de punkter som är relevanta) 1. Projektbeskrivning Mål och Syfte Mål och syfte med produkten: Mitt mål med produkten är att skapa en hemsida som är enkel att använda och beställa sängar på. Målgrupp (använd de punkter som är relevanta) Ålder: vuxna Kön: båda Yrke: spelar ingen roll Utbildning: spelar ingen roll Datorvana:, lite grann. tillräckligt för att kunna beställa online Nationalitet: Svenskar(pga det är en svensk sida) Religion: spelar ingen roll Förkunskaper: kunskap om hur man beställer online Intressen: spelar ingen roll Annat: Användarsituation (hemma, på resa, via mobiltelefon, via större skärm, etc.) Var kommer produkten främst att användas? I vilken situation? På vilket sätt? Min hemsida kommer först och främst användas till försäljning av sängar i olika storlekar och färger. Poängen är att skapa en sida som man enkelt kan beställa hem sängar till sitt hem

Förväntade reaktioner/förväntat första intryck (ange nyckelord) Användarens förväntade reaktion efter en stunds användande: Förväntar mig en någorlunda nöjd reaktion från mina köpare, som typ det där va enkelt Media mix (text, bild, annat) Vilken typ av media kommer hemsidan att innehålla? ingen för tillfället Tidsramar Projektstart: 2018-01-15 Projektplan färdigställd: 2018-01-15 Dokumentation/Projektrapport färdigställd: 2018-05-15 Slutinlämning/Produktleverans: 2018-05-22 2. Projektets innehåll Vilka arbetsmoment ingår i ditt webbprojekt? Ingår (Ja/Nej)

Omarbeta/Nyutveckla design Marknadsföring av produkt Försäljning av produkt, genom att g visar mina produkter på min hemsida Insamling av information Produktion av text Produktion av bild Produktion av animering Produktion av ljud Produktion av video Programmering (HTML, CSS, JavaScript, PHP, etc.) Databaser/Databasutvecklin g Annat (specificera nedan): Förklaring/förtydligande till de punkter som besvarats Ja. (T.ex. vad används PHP till.) En mera detaljerad beskrivning av ingående komponenter följer på nästa sida.

3. Utformning Design och form Beskriv här nedan den tänkta utformningen på produktens gränssnitt (färgval, logotyper, metaforer mm) Jag tänkte mig att startsidan ska innehålla en meny högst upp uppföljd av ett sortiment av sängar som man antingen kan lägga direkt i ens kundvagn eller klicka på för att få mer information om sängen och byta färg om man vill. Text Syftet med texten: används till information om sängarna, typ mått osv Färg: har ingen särskilld betydelse Typsnitt: har inte bestämt mig än Stillbilder och annan grafik Syftet med stillbilder (fotografier): att visa hur sängen ser ut Format för stillbilder (upplösning, filformat mm): Syftet med annan grafik (t ex logotyp, knappar, etc.): Annan grafik:

Ljud Beskriv syftet med det ljud som kommer att återfinnas i produkten Ange speakertexter: Ange effektljud: Ange musik: Format för musik (upplösning, sampling, filformat, komprimering mm): Användarstyrning av ljud (av, på, spola, volym mm): Rörliga bilder Beskriv syftet med de videoavsnitt och de animeringar som kommer att återfinnas i produkten Antal videoavsnitt och ungefärlig längd för dessa: Format för video (upplösning, färgdjup, filformat, komprimering mm): Användarstyrning av video (start, stop, spola mm): Antal animeringar: Formatet för animeringar: Användarstyrning av animeringar (start, stop, spola mm): Interaktionsteknik Specificera vilka interaktionstekniker som kommer att användas:

Knappar Annat Hotspots Formulär Drag & Drop Eventuella förtydliganden: 4. Tekniska aspekter Plattform för klienter Internetanslutning: 10 Mbit/s 100 Mbit/s Webbläsare (tillverkare och versioner) som hemsidan anpassas för: Utvecklingsmiljöer och Tekniker Produktionen kan basera sig på en eller flera av fölnde miljöer/tekniker: HTML 5 CSS3 JavaScript 3D-grafik PHP Databaser Annat Eventuella förtydliganden: Bilagor: Mockup/wireframe som visar hur du tänker att gränssnittet ska se ut.