Individuellt mjukvaruutvecklingsprojekt. FavoTube Vers 1.1. Maria Nygren - WPD

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

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

Slutrapport för JMDB.COM. Johan Wibjer

Projekt Rapport. RaidPlanner. Jeanette Karlsson UD10

Projektarbete myshop. Sandra Öigaard so222es WP12 Individuellt mjukvaruutvecklingsprojekt

Erik Holmström Projektrapport- KalmarKendo Erik Holmström UD12 Individuellt mjukvaruutvecklingsprojekt

[SLUTRAPPORT: DRAWPIXLZ (ANDROID-APP)] Slutrapport. Författare: Zlatko Ladan. Program: Utvecklare av Digitala Tjänster 180P

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

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

lär dig söka och publicera på världens största videocommunity!

SLUTRAPPORT RUNE TENNESMED WEBBSHOP

Bambusermanual - Plattformen distans

Priskamp. En prisjämförelsesite Björn Larsson

Appar vi arbetat med

Appar vi arbetat med. ipad projekt 2013 appar vi jobbat med. Nina Lundell Sida "1

Projektplan för Website Project Japan

10 smarta appar som ger Chrome mer muskler

Slutrapport YUNSIT.se Portfolio/blogg

SLUTRAPPORT WEBBPROJEKT 1

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

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

GoTalk NOW. Liten lathund hur du redigerar i appen.

Sidpanelen och gadgetar De är nya. De är smarta. Lär dig hur du använder dem.

Lync konferenssystem

Uppgift 3 B. Pedagogiskt inslag

CMS. - Content management system

Our Mobile Planet: Sverige

LAJKA-GUIDE. 8 smarta tips som gör dig till. Dropbox-kung. 7 Dela filer som länkar 7 Höj säkerheten 7 Förhandsgranska dokument och fem andra tips

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Om du har ett mailkonto tex. Outlook har du också ett konto i Microsoft

Digitala Helhetslösningar

Snabbstart för Novell Vibe Mobile

Blogga med Wordpress

DIGITALA RESURSER MANUAL FÖR

Haris Kljajic Individuellt mjukvaruprojekt. Projekt Rapport. Insatsplutonen. Haris Kljajic UD11

Skissa och gissa. Individuellt Mjukvaruutvecklingsprojekt, 1DV430. Christian Nilsson, cn222gc, WP

SEGLAISOLEN.SE En Wordpres Webbsajt

Att flippa ett klassrum

Vis it. jquery jquery används lite överallt i appen på olika sätt. Det främsta användningsområdet är vid selektering och manipulering av HTML element.

Öppen data och vad vi kan vinna på att offentliggöra uppgifter! Formatdag i västerås Björn Hagström bjorn.

En liten introduktion till Mediakatalogen

Slutrapport: Informationsvisualisering av släktträd

Så här hanterar du din OneDrive i Office 365

Så får du Microsofts Office-paket gratis

Välkommen på kurs hos RIGHT EDUCATION!

Handhavande manual problemhantering

Projektrapport. Till Projektet Bluetoothstyrd bil

Spara dokument och bilder i molnet

En liten introduktion till

Så fjärrstyr du datorn

SNABBGUIDE för Windows Media Encoder (media kodaren) - Sänd live med din webbkamera

Evaluation Summary - CDT104 Grundläggande Webbdesign HT07 Dan Levin

2. Vad var dåligt eller mindre bra på kursen? Lämna gärna förslag till förbättringar.

Imovie - Skapa ett bildspel med bilder och filmklipp

Hej! Min uppdaterade portfolio finns online på

Cisco Jabber Video for TelePresence o Användning och Installation

Praktikrapport. Sofia Larsson MKVA12, HT12

- En handledning för personal och elever i Karlshamns kommun

ipads i skolan Vanliga frågor och svar (FAQ)

Så delar du filer. utan att bli övervakad LAJKA-GUIDE

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

INNOVATION OCH UTVECKLING MED HJÄLP AV LNU:S STUDENTER STUDENTER 100 UTBILDNINGSOMRÅDEN TVÄRVETENSKAPLIGA TEAM

Webbprogrammering. Sahand Sadjadee

Ge ditt supportärende en flygande start. Tips och fallgropar.

REPUBLIC OF INNOVATION

B. Vad skulle man göra för att vara bättre förberedd inför en lektion i det här ämnet?

Lathund publiceringsverktyget

Du behöver: PowerPoint, Camtasia (inte nödvändigt, men visas i detta kompendium), ett YouTube-konto, itslearning

LATHUND FÖR PREZI. Sofia Bandelin Digital kompetens och lärande UMU Maj Uppgift IIP3.2 Att lära ut program

Slutrapport Get it going contracts

DD

Kursplanering Utveckling av webbapplikationer

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

Elevernas uppfattningar om alltmer digitaliserad undervisning

En introduktion till SLI.SE

IdéTorget Manual. Google kalender. Skapa din kalender på Internet. Uppdaterad oktober 2011

Bevaka vetenskapliga tidskrifter med hjälp av RSS

Kursplan Webbutveckling 2, 100p Läsår

Hämta via databaser Pröva några olika databaser. Se Hämta referenser från databaser.

1 Respondent. 2 Researcher A. 3 Researcher B

De 10 mest basala avslutsteknikerna. Direkt avslutet: - Ska vi köra på det här då? Ja. - Om du gillar den, varför inte slå till? Ja, varför inte?

Mathias Ericsson. Curriculum Vitae. Mathias Ericsson

En introduktion till SLI.SE. April 2015

RefWorks user guide för studenter

Öppna Företagsportalen. Skriv LexMeeting i sökfältet och tryck på sök eller retur.

Dollar Street Beta Version 1.0 Manual

Hans Gedda på Nationalmuseum/Konstakademin 13/ Visning och arbete i ateljen

Utvärdering att skriva för webben - Snabbrapport

Likabehandling och trygghet 2015

KAPITEL 5 Användbara program. Tillbehör. WordPad. Paint

Någonting står i vägen

INTRODUKTION. till WEBBTJÄNSTEN GR-SLI. sli.se/gr

Professor och forskningschef bodahlbom.se

KAi SENSEMAKING SYSTEM

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

Mer information om RefWorks, andra referenshanteringsprogram och hur man refererar hittar du på Linköpings universitetsbiblioteks webbsidor.

Så här fungerar Version 21 okt

SLUTRAPPORT. Sebastianlund.com. Individuellt mjukvaruutveckingsprojekt, 1DV430. Författare: Sebastian Lund WP11 Datum:

Version:

Transkript:

Individuellt mjukvaruutvecklingsprojekt FavoTube Vers 1.1 Maria Nygren - WPD Innehåll Beskrivning 2 Teknik 3 Mockup 3 Användar/målgrupper 4 Marknad 5 Baskrav/Egenskaper/Features/Unique Selling Points 6 Referat från föreläsningar 7-8

BAKGRUND / PROBLEMBESKRIVNING Mitt mål är att skapa en webbapplikation för att kunna favorisera youtubeklipp mer strukturerat och renare än det favoritsystem youtube erbjuder (som är väldigt plottrigt enligt mig själv). I min applikation ska man kuna ha flera youtubeklipp öppna samtidigt och kolla på dessa i samma fönster för att reducera antalet flikar i webbläsaren. Är dessutom inte ett jättestort fan utav designen på videospelaren och vill istället ha en renare och enklare design för videouppspelande i min webbapplikation. Själv är jag väldigt intresserad av olika områden speciellt musik (att spela piano/ gitarr) därav är det många tutorials som jag vill se igen och återkomma till, därför behöver klippen vara lättillgängliga om vill fortsätta lära mig en låt som jag påbörjat. Har tänkt mig exempevis: Användaren klistrar in en youtubelänk, och det skapas en ny ruta(div) i webbfönstret med youtubeklippet i. Det ska utöver att vara en samling för favoriter, samtidigt kunna vara som en samling av de youtubeklippen man har uppe samtidigt istället för att ha dessa i olika flikar i webbläsaren. Väljer man att titta på ett videoklipp ska man kunna se det större och det hamnar överst ev. även i helskärm. När man vill lägga till ett klipp som favorit kan man lägga till i mappen som man vill den ska hamna i. När man återkommer till applikationen ska allting se ut som när man senast lämnade den, dvs mapparna med favoriter ska finnas kvar och även youtubeklippen man hade uppe. Förslag på funktioner + saker att lägga till när det behövs fyllas ut tid: - Login-funktion för att kunna ha fler användare. - Sökfunktion för att hitta bland favoriterna. - Kunna välja bild för mapparna. - Kunna ändra rubriknamn för videosarna. - Man ska kunna spara andra videosar ex. från vimeo. 2

TEKNIK Jag har tänkt att använda mig främst av javascript, html5 + CSS (och lite jquery) Kommer utöver det att behöva lära mig och använda en del PHP + ajax för att kunna ansluta mot databas. Tror den mesta delen av tiden kommer att gå åt till att lära mig och läsa på hur jag ska gå tillväga för att kunna utföra dessa saker. Har hyffsad koll på html + css delen, men har i nuläget bara grundläggande kunskaper i Javascript (de vi lärde oss i Webbteknik I). MOCKUP FavoTube My folders Most used Paste your video-link here... Username PIANO GUITAR TED TALKS WEB- DESIGN HUMOR Add folder Headline Headline Headline När man för muspekaren över en video visas play-ikon etc. 3

ANVÄNDAR/MÅLGRUPPER Vem är applikationen till för? /Vem är den blivande användaren? De som sitter mycket vid youtube och vill kunna (på ett snyggt och smidigt sätt ) spara och sortera de klipp som de vill se igen. Applikationen är också riktad till de som har många flikar öppna samtidigt och gärna vill minska ner dessa genom att samla flera youtubevideos i samma flik. Användaren kommer sannolikt ha ett speciellt intresse (ex. musik eller dans) eller kanske de vill lära sig ett program (ex.photoshop) och därför vill ha flera tutorials öppna eller sparade för en senare titt. Vad värdesätter användaren? Användaren värdesätter en snygg och tydlig layout och sortering som är bättre än den Youtube erbjuder. Målgrupp De som har ganska mycket fritid och gillar att spendera den vid datorn/youtube. Ålder: 20-35år. Kön: Blandat OBS! Jag kommer skapa min applikation främst för eget bruk. Men i teorin ska den kunna användas av fler personer. 4

MARKNAD Jag har googlat en del och det verkar inte som att det finns något liknande program tillgänligt (för datorer) att organisera just sina videoklipp online (bortsätt ifrån youtubes egna favoritsystem där videorna sparas i playlists istället för folders vilket är hur användare löser problemet i dagsläget) Liknande applikationer / program: Youtube video organizer www.aquariussoft.com/youtube-video-organizer Ett pc-program vilket jag installerat och testat. Detta verkar bra för att spara videosar offline och sortera i mappar, men man kan fortfarande inte se en överblick (miniatyrbild över videon) och mapparna är dessutom små. Swift Player är en app jag använder mig mycket av i den kan man spela upp videoklipp (spara dom offline) och bokmärka tider man kan dessutom sortera dem i mappar och byta namn på dessa mappar. Däremot sitter jag mest vid datorn och kollar på youtubeklipp och vill kunna sortera dem vid datorn så denna app hjälper mig bara när jag sitter vid min ipad. TubeBox är en app för ipad/iphone som verkar vara snyggt designad för att kunna hantera sina youtubeklipp. https://itunes.apple.com/us/app/tubebox-free-music-playlist/ id657196097?mt=8 Dessa två appar är de som kommer närmast min idé (förutom att det är appar och inte webbapplikationer och därav är de inte tillgängliga för datorer). Liknande idé fast för att organisera sina photon är ScrapBook. Det verkar inte ha fått ett genomslag ännu då reklamvideon enbart har 114 visningar. https://www.youtube.com/watch?v=yyeccgnjgxq Förutom dessa finns TubeNotes - en app där man kan lägga till privata anteckningar vid videoklipp och bokmärka, samt spara sina bokmärken som.txt eller pdf. Youtube Bookmark- https://play.google.com/store/apps/ details?id=com.wagachat.youtubookmark - för android. Men de har inte mappsorterings-system. 5

BASKRAV (Features) BK 1 Användaren ska på ett användarvänligt och smidigt sätt kunna lägga till eller ta bort ett youtubeklipp i ny eller befintlig mapp. BK 2 Användaren ska kunna klistra in en youtubelänk och det skapas en ny videoruta i applikationen som innehåller youtubeklippet. BK 2.1 Användaren ska kunna stänga(ta bort) videorutan. BK 3 Användaren ska kunna välja att spela upp ett videoklipp i litet eller stort format. BK 4 När användaren återkommer till applikationen ska det se ut som när man senast lämnade den (allt ska finnas kvar). BK 5 Användaren ska kunna klicka på en videorubrik och man blir omderigerad till youtube s sida för det videoklippet. Modifierat! BK 2.1 -tog bort detta helt! (Användaren ska kunna förminska och förstora videorutan. ) då videorutan är bestämd storlek för liten och stor förhandsvisning. BK 2.2 - tog bort kravet att man kan flytta runt videorutan, då detta egentligen inte fyller någon större funktion för användbarheten. Och det blev istället uppflyttatt till BK 2.1 BK 5 tidigare: Användaren ska kunna ändra rubriknamn för videoklippen. 6

REFERAT - Software Craftmanship Föreläsningen handlade om att hur bra kontroll vi har över våra beslut / vad som egentligen styr de beslut vi gör. Att vår beslutsfattande förmåga är i grunden orienderad kring överlevnad. De beslut vi normalt sätt föväntar oss ta är ska jag springa emot det för att äta det - eller ska jag springa från det för att inte bli äten av det. Vi har en tendens att göra en filtrering när vi är koncentrerade på något annat och det kan riskera att vi helt missar något stort/självklart för att vi är för fokuserade på just ett problem. Och när vi har för många detaljer att hålla reda på blir hjärnan trött, och hjärnan kommer av sig själv (utifrån vad den tror det är du gör) och väljer själv att bestämma vad den ska fokusera på. Är man en nybörjare har man en tendens att överskatta sin förmåga. Och är man en expert har man en tendens att underskatta sin förmåga. Det finns olika metoder för att hjälpa oss med vår planering och uppskattning när det kommer till projekt. Ett är vattenfallsmodellen - Inte så jätterolig / eller vidare bra variant då det inte är iterativ/agilt utvecklig och funkar inte så ofta, enligt mätning ca 12-14%% av gångerna bara. Det som spelar störst roll för att ett projekt ska lyckas är de mjuka faktorerna. Att ha bra medarbetare spelar större roll än vilka processer du arbetar med. Faktum är att högst upp är arbetsmiljön och längst ned verktygen som används. Det som är bra med iterationer är att efter varje får man feedback från sin kund kontinuerligt, därför kan man ändra kurs i projektet efter den feedback man får. Den aglia processen har fört it-projekt åt rätt håll då betydligt fler projekt lyckas gentemot vattenfallsmetoden. 42% agila lyckas och 14% vattenfall. Många som drar sig till att vilja bli utvecklare är väldigt kreativa individer då det krävs att man är kreativ och gillar utmaningar. Testdriven utveckling. TDD. inte vad koden gör utan varför. API blir renare när man skriver tester. Högdivna integrations tester ska skrivas från backlog tasks.tester är ett behändigt skyddsnät för ens eget slarv. 7

REFERAT - Konsten att se möjligheter Föreläsningen hadlade om: Förmågan att se och handla på möjligheter, mobilisera resurser och göra något med dem. Vad är det som gör en entreprenör till entreprenör? En entreprenör ser inte bara verkligheten som den är, utan som den skulle kunna vara. De finns kulturellt entreprenörsskap, politiskt entreprenörsskap och sedan kommersiellt entreprenörskap. Denna generation tycks hällre jobba i team än solo-entreprenörsskap. För i ett team kompenserar man för varandras brister och styrkor. Vanligt att man träffas i exempelvis plugget och sedan tillsammans startar ett eget företag. Stryk o:et i omöjligt och se att det är möjligt istället! Jobben kommer om man skapar dem! Visade på att vi idoliserar alldeles fel människor, och borde ha bättre koll på de som faktiskt förändrar världen genom sina entreprenörsskap. Varför är det bra med entrenörskap? Vi lever i en väldigt dynamisk värld, som ständigt förändras och man måste ha förändringskapacitet för att inte bli uppkäkad och det är entreprenörerna som främst står för den dynamiska /kreativa förstörelsen. Ju mer förstörelse desto bättre, bara den kombineras med skapande. För att något ska utvecklas måste det gamla förstöras och ge plats för det nya och bättre. Stora företag har svårare att innovera än mindre nya företag. De mindre företagen köps ofta upp av de större företagen med det nya innovativa uppstår i de mindre/ medelstora företagen. Radikal innovation (uppstår i mindre företag) medans inkrementell innovation (förbättrar förfina lite itaget) är de större företagen väldigt duktiga på. 8

Entreprenörer vill vidareutvkecla sina idéer för att det är sätt att bygga upp sin identitet, sitt liv och sitt jag. De tycker oftast att det de gör är väldigt roligt och brinner för det. Frihet och fritid behöver inte vara samma sak! -Bakom varje problem ligger en möjlighet. -Pengar är väldigt sällan problemet om man har bra idéer. -Rädlsa är oftast brist på kunskap. Paradigmskifte, när man tvingas att tänka på ett nytt sätt / byte av vetenskapliga tankemönster och förebilder. Visade exempel på olika produkter ex: Hövding cykelhjälm (tidigare i föreläsningen) Narrative - http://getnarrative.com/ - fick fininsering via kickstarter. Crowd founding. Tile. Nest - som google köpte upp. Visade exempel om Kodak, som missade det nya tekniken med digitalkameran (trots att de ironiskt nog var de som var med och framtog den första digitalkameran) för att de var fokuserade på fel sak just sin produkt (filmrullen), inte på kundens behov (att kunna ta/se bilder). Nya ögon på gamla saker. Att se möjligheter sitter, liksom skönhet, i betraktarens öga! Omvärldsanalys, omvärldsspaning. Utan spaning - ingen aning. De flesta saker kommer så småningom börja bli uppkopplade mot nätet. Kompetens och talang börjar bli brutalt dyrt i en ny innovationsbaserad ekonomi. 9