Indhold Ide:... 1 Udviklingsmiljø:.. 1

Transkript

1 Navne: Anton Christiansen, Mads Nysom og Mikki Karlsen Klasse: 3.3 Skole: Roskilde Tekniske Gymnasium Fag: Informationsteknologi B Dato: 15/5 2014

2 Indhold Ide:... 1 Udviklingsmiljø:.. 1 Kravspecifikation:. 1 Testspecifikation:... 1 Userstory:... 2 Behovsanalyse:.. 2 Målgruppeanalyse:... 2 Markedsanalyse:... 3 Medier:... 4 C#:... 5 Design:... 6 Test: Konklusion:. 11 Bilag: 12

3 Ide: Vi vil i dette projekt gerne udvikle vores erfaringer inden får it og få lavet et spændende produkt. Projektet går ud på at vi vil lave et program til mobilen, hvor man kan programmere, som man har lyst til. Det bliver designet til dem, som ikke er vant til at programmere eller slet ikke har prøvet det før. Vi vil altså gerne have et brugervenligt program, hvor man kan langsomt lære hvordan man programmere og få en forståelse af hvad det handler om. Vi vil med programmet gerne fange dem, som har en anelse om de godt kunne tænke sig at programmere, men ikke føler der er noget der er brugervenligt nok. Udviklingsmiljø: Vi vil bruge et gratis program, alla Visual Studio Express, og vil vil fokusere på at udvikle til Microsoft platformen og dermed til deres mobiltelefoner. Vi vil lave Drag and drop interface til touch enheder. Et program, hvor brugeren laver en form eller et lille program, som han kan dele med andre og som andre kan afspille og integrere med. Formålet er, at man kan lave f.eks. et spørgeskema, som dynamisk ændre sig baseret på brugerens input. Kravspecifikation: Den færdige prototype skal være, hvor man kan bygge et lille program, som kan integrere med brugerens input i form af touch eller mus. Den skal også kunne tage input fra keyboard og andre inputs, som f.eks. Gyroskopet. Brugeren skal kunne designe programmet på tre niveauer. 1. Der skal være en rumdesigner, hvor brugeren frem for at skrive, hvor en firkant skal være i rummet kan brugeren selv designe et rum, hvor han kan placere elementer, som tekst og firkanter. 2. Brugeren skal kunne designe sit eget interaktive program ved en drag and drop interface. Her ville brugeren kunne opsætte loops og udregne samt integrerer på input fra touch. Med denne interface har brugeren fuld kontrol over sit program. Han kan placere alting, hvor han vil og han ved præcis, hvad der sker når programmet kører. 3. Brugeren skal kunne vælge at bruge nogle specielle funktioner, som så styrer ting og som gør at brugeren ikke skal opfinde det runde hjul. Han kan f.eks. vælge at lave en funktion, som spørger hans bruger om et spørgsmål med tilhørende svarmuligheder. I brugerens øjne vil det se ud som om hans program venter på, at hans bruger svarer på spørgsmålet. Testspecifikation: Programmet skal kunne klare at brugeren laver et program, som ikke virker i praksis, f.eks. når man skal indtaste en farvekode svinger værdierne fra 0 til 255, men hvis brugeren angiver noget andet må programmet ikke fejle, men derimod vide præcis, hvad den så skal gøre. 1

4 Userstory: En kammerat fortalte mig, at han gerne ville lære at programmere, da han var i gang med sit fri år, eller det vil sige, at jeg troede han gerne ville lære at programmere, men han ville bare kunne lave et program på sin telefon til egen brug. Jeg spurgte hvad for nogle programmeringssprog han havde kigget på eller hvad for nogle værktøjer han havde kigget på. Han havde kun kigget lidt på nogle værktøjer, men han havde aldrig overvejet, at han kunne lære et programmeringssprog. Jeg viste ham nogle nemme værktøjer, som f.eks. Gamemaker, men han kom aldrig i gang, når jeg spørger ham i dag siger han bare, at det går meget langsomt frem. Jeg har tænkt mig når programmet bliver færdigt, at vise ham mit program, så han kan komme i gang med at programmere. Behovsanalyse: Behov: er der et sted der mangler software eller noget der kan gøres bedre? Programmører og systemudviklere er nogen af de mest eftertragtede stillingerne, som firmaer kan besætte, men det er svært. Denne undersøgelse er fortaget af arbejdsmarkedsstyrelsen fra 2013 over danskere. 1 Problemet kan bestå i, at der ikke er nok interesse for programmør og systemudviklings uddannelserne. Selvom at markedet for I/T produkter og software programmer er eksponentiel stigende, har virksomheder svært ved at besætte disse it-stillinger. Hvis man gør I/T sjovere og mere anvendeligt i de mindre klasser (omkring 7 klasse), vil der på gymnasialt niveau være dygtigere og mere kompetente elever, som vil betyde, at undervisningen kan fokusere på flere virksomheds krav. Der er nemlig mange virksomheder der kæmper når de skal rekruttere nyt I/T mandskab, de skal nemlig indeholde mere end bare at være specialist i I/T, man skal have gode sociale egenskaber dvs. at kunne samarbejde i teams, forstå forretningen og kunne gå på kompromisser samt kunne fremvise produkter for kunder. Disse egenskaber er ikke nemme at finde hos de mange I/T specialister, fortæller Anne-Mette Ravn, Administrerende direktør, Hartmanns A/S. Anne-Mette Ravn hævder samtidig, at portrættet af en nørd bliver ofte associeret med den tykke 30 årige mand med briller og en taleevne der kun rækker over skærmbilledet på pc en, dertil følger selvfølgelig et mørkt rum, hvor det eneste lys kommer fra computeren. Cola og pizzabakker fyldes op fra gulv til loft. Men sådan er det ikke, dette portræt er tildeles skabt af medier, film og general uvidenhed. I danske virksomheder finder du I/T specialister der er udadvendte, forretningsorienteret og sociale. Så hvis ikke du besidder disse ting bliver arbejdsmarkedet svært i vore dage. Derfor er dette redskab en mulighed, som skoler og elever selv kan finde interessant og lærerigt. I sidste ende kan det give flere jobs på arbejdsmarkedet. 2 Målgruppeanalyse: Vores målgruppe kan defineres, som I/T interesseret. Det er en målgruppe der gerne vil programmere selv og ikke kun udforske, men også blive en del af industrien. Vores målgruppe er især også Windows Phone interesseret, da det er den platform vi gerne vil lave programmet til. Målgruppen er primært unge mennesker med et flair for I/T, altså unge med en interesse for at ændre noget og være kreative. Det er unge mennesker med en lyst til at lære at programmere og især se om det fanger deres interesse. Vores applikation

5 vil tiltrække nybegyndere og ikke garvede, da det ikke vil være vildt kompliceret og krævende, men mere for at fange de tvivlsomme. Meningen med at fange de tvivlsomme, er at der er nogen der måske har lyst til at starte med at programmere, men ikke kan finde ud af de virkelige professionelle komplicerede programmer og dermed har brug for noget mindre krævende, både kvalitets og tidsmæssigt. I forhold til aldersgruppe vil det primært være alderen år, da hvis de skal bruge det til en fremtidig uddannelse, er det bedst at starte i den alder, også fordi der er så mange om buddet. Hvis man kigger på, hvor mange i Danmark der køber Windows Phone-enheder, så har vi fundet en side, der fortæller at der er blevet solgt Windows mobiler fra 2010 til det første halvår i Markedsanalyse: I dag er der et stort marked inden for applikations og styresystemer. Derfor findes der rigtig mange forskellige programmer. Vi har fundet nogle tilsvarende programmer. Codea Codea er en applikation til ipad som er særligt anvendeligt til at programmere spil og lave simulationer. Her får du visuelle redigerings muligheder til programmeringssproget Lua. Det er et program der tager HTML, XML, CSS, XSL og formatere det så man kan se det på skærmen. Programmet leverer yderligere dokumentations-muligheder og understøtter touch og kamera 4 (men det er desværre kun til ipad)

6 Diet Coda applikation er desværre også til ipad). Diet Coda er et simpelt program der er baserede på maceditoren coda. Det er designet til at live kode hjemmesider. Applikationen kræver dog, at man har netadgang 1 (denne Pythonista Pythonista er en python IDE til iphone og ipad. Det er et program til at ekspoter scripts så som Xcode. Programmet kræver IOS7. Applikationen er ret dyr, men er også den bedst designede inden for bruger interface. 1 Vi kan derfor ud fra vores markedsanalyse konstatere, at der ikke er mange programmerings programmer der understætter Smartphone. I dag er det mest normalt at programmere på computer og vi bevæger os hen mod tabletten. Markedet er rimelig åbent for os og behovet er der også. Vores applikation skiller sig bestemt ud fra marked da den fungere på Windows Phone, specielt fordi vi ikke kunne finde lignende produkter til andre smartphones end Apple. Medier: Vi har tænkt os at sælge vores applikation på Windows Phone Store, det har vi, fordi vi gerne vil lave vores applikation til Windows Phone, da det er den platform vi kender bedst og helst vil arbejde med. Man kan sige, at hvis vi skulle lave det til IPhone eller Android, ville der være så mange konkurrerende programmer, hvor Windows Phone kun er det 3. mest brugte i Danmark, og dermed har mindre konkurrenter, men selvfølgelig derfor også en mindre målgruppe. Windows Phone blev lanceret i 2010 og har blandt andet sammen med Nokia, designet og udgivet mange forskellige Smartphones i løbet af de sidste 4 år. Desuden er Windows på vej frem i Danmark og det er også en af grundene til at vi vil lave vores program til Windows 4

7 Phone. Vi har tænkt os at teste vores program på Smartphonen Nokia Lumia 520, da et af vores gruppemedlemmer ejer denne smartphone. 5 Vi har tænkt os at bruge C# til at lave programmet: C#: C# eller også kaldet C Sharp, blev udviklet i 1990 erne frem til år 2001, hvor det blev lanceret af Microsoft. C Sharp er et objektorienteret programmeringssprog, som kan relateres til andre kendte programmeringssprog som C++ og Java. C# er kendt og karakteriseret som et programmeringssprog, der blandt andet kan have singulær nedarvning og automatisk hukommelsesstyring også kaldet Garbage Collection. Programmet bruges såvel af professionelle, som nybegyndere der gerne vil udvikle sine egne små prototyper. C# er blevet godkendt, som en standard af ECMA og ISO

8 Design: Skitse: Program: 6

9 Afprøvning af 1. prototype: Vores første prototype har ikke noget design, da det bare er et program, som fortolker en fil og forklarer hvad programmet skal gøre. Det vil sige, at den kan administrere et program, som brugeren har lavet. Min prototype virker med de begrænset funktioner som den har, men den virker og har ikke fejlet ud fra de krav som jeg har. Et eksempel på et meget lille program, som jeg fik lavet på den første prototype: Dette program spørger om brugerens navn og tjekker om det er rigtigt og hvis det er rigtigt laver den en lille leg i et loop, som spørger brugeren om navnet et bogstav af gangen og for hver gang brugeren skriver et nyt bogstav lægges der 1 oven i variablen, så vi ved, hvornår brugeren har indtastet de 5 bogstaver. Til sidst lægges de sammen til et samlet navn og tjekkes om det er lig med navnet, og hvis det er lig med navent, får brugeren af vide, at det er godt klaret og man hopper ud af loppet med (Out) kommandoen. Afprøvning af 2. prototype: Anden prototype har fået et design og vi fik den også til at køre et program, men problemet med denne prototype var at den ikke var brugervenlig på nogen måde og dermed ikke levede op til kravet. Afprøvning af 3. prototype: 3. prototype har stort set samme funktioner, som 2. prototype, men der er kommet et bedre dynamisk design. Koden: Vi har valgt at dele programmet op i to dele, dette har vi gjort, fordi vi mener, at disse to dele er dem, som brugeren befinder sig mest i, men som også er dem der giver brugeren en oplevelse af at programmet er lidt større end en normal applikation. Kode Designer Koden som vi bruger her er en typisk kode, som vi looper igennem og den gør at der bliver holdt styr på et antal blocks eller former, som i dette tilfælde er rektangler. Koden placere formerne oven på hinanden med et mellemrum og den gør det hele med en animation. Koden gør også, at de alle har den samme x værdi. if (Block.Y > 96 * i) if (Block.Y > (96 * i) + 21) Block.Y -= 20; else Block.Y -= 1; } else if (Block.Y < 96 * i) if (Block.Y + 21 < 96 * i) Block.Y += 20; else Block.Y += 1; int x = Block.X; if (x > 10) if (x > ) Block.X -= 20; else Block.X -= 1; 7

10 } else if (x < 10) if (x + 21 < 10) Block.X += 20; else Block.X += 1; RunTime: Programmet skal kunne køre det program som brugeren laver. Dette gøres på en side lavet specielt til dette og kun dette formål. Det første programmet gør er, at indlæse det program, som brugeren har lavet, det gør den med det samme, så den ikke skal bruge tid på det imens brugerens program kører. Programmet bliver indlæst i starten ved at gemme de kommandoer, som brugeren har sat op i, hvad jeg kalder blocks, men som bare er en funktion vi kan kalde hurtigt. Sproget som brugeren ikke får at se, er sat op med parenteser for en kommando f.eks. (Besked = "hej (navn)") hvor alt i "" er hvad der bliver vist i beskeden. Og (navn) hvor "navn" er navnet på en variable, som vi henter i variabel databasen. Dette sprog er ikke lavet til at skulle skrives nemt, men det er lavet til at skulle læses fra en decompiler/læser uden at kunne fejle. Et typisk program, som brugeren har lavet vil så se sådan ud: $Navn$=Input( Indtast dit navn );^ Besked( Velkommen $Navn$ );^ $knap$=question( Kan du lide kage,ja,nej);^ Check($knap$,Ja,False)Besked( Også mig );}^ Check($knap$,Nej,True)Besked(Øv);$knap$=Text();}^ $test$=text( $Navn::length$ );^ $Temp::$=Cal(10,5,+)^ Temp::$=Cal(10,$Temp::$,+)^ $Temp::$=Cal($Temp::$,20,*)^ Besked($Temp::$);^ int n = 0; Funtions = new object[text.count("^")]; IDS = new byte[funtions.length]; while (text.contains("^")) string b = text.substring(0, text.indexof("^") + 1); text = text.replace(b, ""); b = b.replace("^", ""); 8

11 string ReturnVar = ""; if (b.indexof("=") > 0) ReturnVar = b.substring(b.indexof("$"), b.indexof("$", b.indexof("$") + 1) + 1); b = b.substring(b.indexof("=") + 1); } string Funktion = b.substring(0, b.indexof("(")); b = b.remove(0, b.indexof("(")); b = b.substring(1, b.length - 2); if (Funktion == "Text") Text blocke = new Text(b, ReturnVar); Funtions[n] = blocke; IDS[n] = 5; } else if (Funktion == "Input") Input blocke = new Input(b, ReturnVar); Funtions[n] = blocke; IDS[n] = 4; } ^^Koden forsætter med at checke de forskellige funktioner, så det ikke kun er Text og Input funktioner vi kan lave, men også f.eks. Calculator. Når brugerens program, så er indlæst kan vi starte det loop, som kører igennem brugerens program. Dette er et meget simpelt loop, da det skal være så simpel som muligt og så hurtig som muligt. Først opdaterer den Touch input, dette skal jeg flytte på et tidspunkt så vi kun opdatere Input når brugerens program skal bruge det. Loop tjekker, hvad for en funktion brugeren skal bruge nu, og kalder så kommandoen Execute Hvis Funktionen er en Check skal vi tjekke om brugeren lige havde lavet et loop og loopet nu var færdigt, Dette betyder at ve ar nød til at afslutte vores while (update) loop, da dette gør at det kørere hurtigere men som også at skærmen ikke kan opdateres. Boolean Update = true; Touch.UpdateTouch(); while (Update) switch (IDS[Process]) case 1: (Funtions[Process] as Screen).Execute(TheScreen); break; 9

12 case 2: (Funtions[Process] as Calculator).Execute(); break; case 3: int P = (Funtions[Process] as Check).Execute(); Process += P; if (P < 0) Update = false; } break; case 4: (Funtions[Process] as Input).Execute(TheScreen); break; case 5: (Funtions[Process] as Text).Execute(); break; } Process++; if (Process >= IDS.Length) Async.Stop(); Update = false; } } Virtuelle variabler => variable system til mit sprog. De bliver lavet og holdt styr på via to arrays. Den ene bliver en string array, som man kan søge i via en funktion. Når man har fundet en string variabel har man også fundet en tal værdi. Denne værdi kan vi kigge på i vores anden array og finde værdien, som brugeren leder efter. Reader: Parentesen fra brugeren bliver encodet til en serie af tegn, så Runtime-indlæseren kan læse uden af blive forvirret og uden at fejle. De samme bliver &. =. "., Læseren læser i () og ved at når det er en if eller et loop skal den kigge efter } 10

13 Den læser ved at kigge efter en ( og derefter kigge efter ) samtidig med, at den kigger efter andre start parenteser ( fordi der kan være en funktion i en funktion f.eks. (Besked = "Velkommen (navn)") Ud over et nyt design, ville vi gerne finde en måde at gøre programmet mere dynamisk og der gjorde vi sådan: Screen(Key::$hej$,Type::Rectangle,X::10,Y::10,Width::200,height:200,Text::$hej$,Remove::0,Color::1,ColorA::255,ColorR::0,ColorG::0,ColorB::0,)^ Screen(Key::$hej$,Type::Rectangle,X::10,Y,)^ Text(Key::$text$,Type::SubText,StartIndex::10,Lenght::15,Return::$nytext$,)^ På denne måde bliver sproget mere dynamisk, da vi ikke skal bruge alle data for at ændre på en firkant. Hvor vi før skulle bruge alt fra højde til farve for at ændre på positionen, hvilket også gjorde også at et program som brugeren har lavet hurtigt fyldte meget, er det nu blevet sådan at programmet kun får det ændrede information, som den skal bruge. Test: Vi har lavet en lille test på vores produkt, så vi kunne konkludere lidt på vores mål for opgaven. Den version vi testede var en tidlig version og derfor er der små ændringer i den nye version, som gør det nemmere at interagere i programmet. Vores opgave til testen var, at vi skulle optage det, så det kan vedlægges som bilag i vores rapport. Først og fremmest var vores tutorial ikke oppe og køre i denne funktion, hvilket gjorde, at der var en stor guessability gulf, så man skulle have en smugle hjælp for at komme videre. Applikationen var visuelt flot og man kunne mærke, at der lå mange ideer bag hver enkelt funktion. Smartphonens touch funktioner var udnyttet godt og man kunne hurtigt navigere rundt nemt. Da vi havde indsat et loop skulle vi lave en calculater og en screen, men det var svært at udføre denne handling da knappernes touch funktion ikke var i center på knap designet. Derfor var det lidt forvirrende, hvor man skulle trykke for, at det reagerede, som man ønskede. På 7 minutter programmerede vi i testen et lille program med en grøn firkant der svævede hen ad x-aksen. Programmet er forholdsvis nemt at bruge, viste vores lille test. På kort tid var vi i stand til at programmere noget viseligt. Programmet fungerede godt ud over de småting vi har nævnt ovenfor. Det er supersjovt og ideen med, at det er en håndholdt enhed man kan tage med sig rundt fungerer super godt. Vi har valgt at bruge testen, som en evaluering til os selv, så vi ved hvad den nye version skal have af forbedringer. Konklusion: Vi har med produktet formået at lave et program, hvori man kan programmere på sin Windows Phone. Vi har opfyldt de fleste af vores krav, og er tilfredse med udfaldet. Vi fik testet programmet og det virkede, som det skulle. Vi har været i god tid og har udviklet produktet mange gange og vi har fulgt de små afleveringer godt. 11

14 Bilag: Alle bilag ligger separat i afleveringsmappen. 12