Programmering C. Casper Hermansen Klasse 2.7 Programmering C. Navn: Casper Hermansen. Klasse: 2.7. Fag: Programmering C

Transkript

1 Navn: Casper Hermansen Klasse: 2.7 Fag: Skole: Roskilde tekniske gymnasium Side 1 af 16

2 Indhold Indledende aktivitet... 3 Projektbeskrivelse:... 3 Krav:... 3 Målgrupper:... 3 Problemformulering:... 3 Diskussion og valg af løsningsforslag:... 3 Resurseplan for projektet:... 4 Interaktion 1 9. marts Interaktion marts Interaktion marts Afsluttende aktiviteter Bilag Side 2 af 16

3 Indledende aktivitet Projektbeskrivelse: Som sagt, vil jeg gerne programmere et program, til hjælp med udregning af sinus og cosinus i retvinklede trekanter. Programmet skal hjælpe folk, som tit sidder og anvender sinus og cosinus, som gerne skulle kunne udregne sinus og cosinus uden de store beregninger. Derfor skal programmet indeholde felter, hvor det så er meningen for brugeren, at indtaste de kendte værdier, og ved et klik udregne enten sinus eller cosinus. Den seneste PISA undersøgelse fra 2009, viser, at danskere er blevet dårligere til matematik siden Programmet skal der også være en hjælp til forståelse af vinkelberegning, således at det også kan bruges i form af uddannelse, se her. Med dette i tankerne, kan jeg formulere nogle krav til mit produkt. Krav: - Programmet skal være brugervenligt. - Hurtigt at anvende. - Forståeligt for brugeren Målgrupper: Min primære målgruppe, er folk, der anvender sinus og cosinus til hverdag og hurtigt skal udregne sinus eller cosinus. Min sekundære målgruppe, er primært elever på gymnasiet, der har svært ved forståelsen af vinkelberegning og har brug for at se på nogle billeder for at forbedre forståelse. Problemformulering: Det problem jeg vil forsøge løse i dette projekt, er at, programmere et program, som skal hjælpe folk med at udregne sinus og cosinus i en retvinklet trekant. Løsningsforslag: Det jeg havde forestillet mig, var at lave et program, til anvendelse af sinus og cosinus, ved hjælp af programmet Lazarus. Da programmet har bådet en primær målgruppe og sekundær målgruppe, skal programmet samtidig give en forståelse af sinus og cosinus. Diskussion og valg af løsningsforslag: Som sagt, vil jeg gerne programmere et program i Lazarus, som skal hjælpe med udregne sinus og cosinus i retvinklede trekanter. Programmet fokuserer primært på folk, som tit sidder med udregning af disse Side 3 af 16

4 vinkler. Til det skal det helst være nemt anvendeligt. Oven i det, skal programmet også give et lille indblik i, hvor sinus og cosinus gælder i en trekant og til det, havde jeg tænkt mig, at have en trekant og måske en enhedscirkel inde i mit program, som gerne skulle give lidt illustreret hjælp. Derfor vælger jeg at lave et program i Lazarus, til hjælp og forståelse af udregning af sinus og cosinus i en retvinklet trekant. Værktøjer til implementering af løsning: Da dette er et elektronisk program kræver det en computer for anvende det. Resurseplan for projektet: - Computer - Program: Lazarus Tidsplan: Overaktivitet Underaktivitet 18/ / / / / / Problemformulering X Indledende aktivitet Projektbeskrivelse Krav Målgruppe Problemformulering Løsningsforslag x Første prototype Planlægning Krav- og testspecifikation Design Implementering Test x Anden prototype Planlægning Krav- og testspecifikation Design Implementering Test x Tredje prototype Planlægning Krav- og testspecifikation Design Implementering Test x Side 4 af 16

5 Interaktion 1 9. marts 2011 Interaktionsplanlægning I denne interaktion vil jeg gerne vise min brugerflade til min målgruppe, i håb om at få noget feedback på, hvordan de ønsker den skal se ud. Billedet nedenfor, er det første udkast til en brugerflade, hvor der indgår inputfelter til at indtaste værdier og en knap, der kan beregne cosinus og sinus. I brugerflade indgår der også en skitse af en trekant, som senere hen gerne skulle blive en retvinklet trekant, der beskrev, hvordan sinus og cosinus blev beregnet i en trekant. Kravspecifikation og testspecifikation Visuelle krav: - Programmet skal have en grafisk brugerflade - I brugerfladen skal en trekant fremkomme som skal omhandle programmet Informationskrav: - Brugerfladen skal kunne informere, hvor der skal indtastes værdier, hvis man vil udregne f.eks. cosinus. Testspecifikation Visuelle/informationskrav: Design - Målgruppens testperson skal afprøve programmets første iteration ved at starte programmet og se om det opfylder de krav, som er blevet stillet. o Bestået: o Ikke bestået: o Kommentar: Visuelt design: Det vigtige for dette program er ikke farverne og derfor er ingen grund til, at finde på en baggrundsfarve. Dette er heller ikke blevet ønsket af målgruppen og vil derfor ikke gøre noget ved dette. Informationsdesign: Programmet skal oplyse programmets formål, altså at når det åbnes, så brugeren med det samme, gøres opmærksom på, hvad dette program har til formål. Til at understøtte dette, skal der gerne være Side 5 af 16

6 skrevet, hvor man skal indsætte værdier for at udregne sinus og cosinus. Interaktionsdesign: I det første udkast til en prototype, skal det være sådan, at der er input-felter og knapper til at udregne sinus og cosinus. Jeg har også forsøgt mig at lave en trekant i programmet, da det skal hjælpe en del af målgruppen. Dog er det ikke kommet så langt endnu, at det står helt pænt og færdigt opsat og der kan sagtens komme ændringer. Implementering For at implementere programmets første interaktion, skal Lazarus anvendes, hvorefter man kan starte programmet, for at se brugerfladen. Et af de vigtige krav til denne prototype var, at programmet nu kunne udregne en sinusværdi. For at dette kan afprøves skal sourcekoden anvendes, hvor man indsætter de to længder, som man gerne vil finde sinusværdien af. Det er ikke den mest kompliceret kode, der skal bruges til dette. Du angiver din udregning Sin(10/6); til at være Float, da det er decimaltal. For at få resultatet frem i et lille pop-up vindue, bruges kommandoen ShowMessage. I denne kommando, skriver hvordan udregningen skal stå. mine linjer i trekanten ved hjælp af canvas.lineto();. Det lille kodestykke til venstre, er den måde jeg har forbundet trekanten på i mit program. Først vælger jeg er punkt at starte ved og til det bruger jeg canvas.moveto();. Herefter vælger jeg så at forbinder For at lave mine inputfelter og beregningsknapper har jeg anvendt, Lazarus egen toolbar. Side 6 af 16

7 Test Visuel test: Først skal brugeren, se om programmet har en brugerflade, hvor der også indgår en skitse til hjælp af forståelsen: Informationstest: Bestået: De visuelle krav er bestået, da der, ved opstart af programmet, indgår en brugerflade samt en lille skitse. Ikke bestået: Kommentar: Det samme gøres for informationskravene. Her skal der bedømmes om brugerfladen giver den information, som er beskrevet i informationskravene. Interaktionstest: Bestået: Informationskravene er også bestået, fordi brugeren kunne finde ud af, hvad programmet omhandlede og hvad inputfelterne mente og hvordan man kunne beregne sinus og cosinus. Ikke bestået: Kommentar: Bestået: Det er også bestået, da programmet kan udregne en sinus værdi og der er også en trekant i programmet. Ikke bestået: Kommentar: Denne interaktion er bestået, med henblik på alle kravene og fungerede efter hensigten. Jeg skal nu sætte mig ind i af kommandoerne str og val, til min næste miniprototype. Side 7 af 16

8 Interaktion marts 2011 Interaktionsplanlægning: Jeg vil prøve i denne prototype, at kode mit program, så når den skal udregne sinus og cosinus, så kan man indtaste det i input-felterne og samtidig fokusere på, at lave en cirkel i min brugerflade. Kravspecifikation Visuelle krav: - Programmet skal have en grafisk brugerflade - Brugerfladen skal indeholde en trekant og en enhedscirkel, som skal give en forståelse af programmet Informationskrav: - Programmets brugerflade skal give information om programmets navn - Brugerfladen skal kunne informere, hvor der skal indtastes værdier, hvis man vil udregne f.eks. sinus Interaktionskrav: - Der skal være en Beregn knap hvorved, sinus eller cosinus vil blive udregnet - Pop-up vindue, med hvilke værdier man vil have løst, samt et brugbart resultat Testspecifikation Visuelle/informationskrav: Design - Testpersonen skal afprøve programmet, ved at starte det op og undersøge om det opfylder kravene o Bestået: o Ikke bestået: o Kommentar Visuelt design: Programmet skal, som mine overordnede krav uddyber, være simpel og forståelig. Derfor vil brugerfladen, nok ikke ændre sig det største i sidste ende. En ting er dog sikkert, at så længe brugerne ikke ønsker nogle specielle farver eller ligne, så vil farven forblive som den er. Informationsdesign: Som det også er nævnt i den tidligere interaktion, så skal brugeren vide, idet programmet åbnes, hvad dette program kan bruges til. Der skal dog, så det gøres helt klart og tydeligt, være en titel, som angiver navnet på programmet. Interaktionsdesign: Side 8 af 16

9 Programmet skal, som mine overordnede krav uddyber, skal brugerfladen være simpel og forståelig. Indtil videre, skal det lille pop-up vindue med resultat bare komme frem og fungere. Implementering Billedet til venstre viser et eksempel på en udregne af sinus med værdierne a=20 og c=10. Eksemplet ovenfor er baseret ud fra denne sourcekode. Først definere jeg min modstående og hypotenuse og så også min udregning af de to. Som det kan ses, så bruger jeg kommandoen val. Val gør det, at den konverterer en string til både en integer og decimal tal. For at programmet ikke skulle give mig ERROR, så blev jeg nødt til at bruge if statement, som sagde, at hvis hypotenusen er større end 0, så skal den udregne sinus. Jeg vælger så at bruge str til at minimere antallet af decimaler. Denne ene linje, angiver en cirkel i programmet. Dette laver jeg, da et krav var at lave en enhedscirkel til forståelse af sinus og cosinus. Ligesom i min tidligere prototype, hvor jeg beskrev en trekant, bruger jeg canvas igen. I stedet for LineTo, bruger jeg canvas.ellipse();, hvor jeg så vælger nogle punkter den skal strække sig over. Test Visuel test: Side 9 af 16

10 Brugeren skal nu finde ud af, om programmet indtil videre opfylder de krav og ønsker, som blev stillet til denne prototype: Informationstest: Bestået: Endnu en gang har programmet en brugerflade, som opfylder kravet om en trekant. Ikke bestået: Programmet indeholder en cirkel, men der mangler de to akser, som der er i en enhedscirkel, og derfor er dette krav ikke helt bestået. Kommentar: Det var lidt mystisk at teste programmet denne gang, da der, hvor man skal trykke for at beregne cosinus, tegner en trekant og en cirkel. Det kunne være smart at lave en knap for sig selv, som angav at, ved at trykke på denne knap, bliver der tegnet en trekant og en enhedscirkel. I næste prototype ville det være godt, hvis man både kunne udregne cosinus og sinus, ved at indsætte nogle værdier i inputfelterne. En lille detalje kunne være, at i stedet for at regne sinus og cosinus ud, så finde ud af den rigtige vinkel i radianer. Her bliver der igen testet om brugerfladens information, opfylder kravene, som er sat i starten af interaktionen. Interaktionstest: Bestået: Ikke bestået: Der er ikke sket nogen ændring siden sidst, og der er heller ikke kommet en titel på programmet endnu. Kommentar: Bestået: Ikke bestået: Kommentar: Denne interaktion er ikke opfyldt fulligt, da der ikke være sket nogle ændringer med henblik på informationen og der manglede også nogle visuelle ting. Der er dog kommet en kommentar omkring det visuelle, hvor der også indgår ønsker til næste prototype. Interaktion marts 2011 Interaktionsplanlægning: Kravet om en trekant og en enhedscirkel var ikke helt bestået. Brugeren ønsker en knap, der ved at trykke på den, vil en trekant og en enhedscirkel komme frem. Udover det, vil brugeren gerne kunne regne både sinus og cosinus i radianer, ved at indsætte værdier i inputfelterne. Det vil sige, at det er det jeg primært vil fokusere på i denne prototype. Side 10 af 16

11 Kravspecifikation Visuelle krav: - Programmet skal have en grafisk brugerflade - Brugerfladen skal indeholde en trekant og en enhedscirkel, som skal give en forståelse af programmet - Der skal være en eller flere knapper til at trykke på - Det skal være muligt at fremhæve en enhedscirkel eller en trekant Informationskrav: - Programmets brugerflade skal give information om programmets navn - Brugerfladen skal kunne informere, hvor der skal indtastes værdier, hvis man vil udregne f.eks. sinus - To knapper skal vise, at ved at trykke her, vil en trekant komme frem og det samme for en enhedscirkel Testspecifikation Visuelle/informationskrav: Design - Testpersonen skal afprøve programmet, ved at starte det op og undersøge om det opfylder kravene o Bestået: o Ikke bestået: o Kommentar Visuelt design: En af de ting, som blev ønsket af målgruppen var, at der var mulighed for at kunne få en trekant og en enhedscirkel med ind i programmet. Det har jeg så forsøgt at gøre, ved at lave en knap, som gerne skulle vise en trekant ved at klikke på den, og en tegning af en enhedscirkel. Informationsdesign: Det er vigtigt at programmet selv kan vise, hvad det hedder og at de muligheder programmet kan, er vist så forbrugeren af programmet selv kan guide sig rundt og finde ud af hvordan og hvorledes det fungere. Den knap jeg fortalte om i de visuelle design, skal gerne vise at ved at trykke her, kommer der en trekant frem. Side 11 af 16

12 Interaktionsdesign: Som det kan ses på billedet nedenunder, så har jeg i min sidste iteration fået lavet en titel på mit program, samt en knap i bunden til visning af en trekant og en skitse af en enhedscirkel. Implementering Ved testningen af prototypen fandt jeg ud af, at alle mine krav ikke var bestået. Et af kravene til denne prototype var, at kunne indtaste nogle værdier i felter a og c, og derfor klikke Beregn v. Når min testperson klikkede i inputfeltet c, poppede mit resultat boks op uden at have fundet et svar. Programmet ville derefter ikke til at lukke ned på ordentlig vis. Dette var grundet en lille detalje, som jeg havde overset. Billedet til højre viser et vindue fra programmet, som kaldes Objekt Inspector. Det jeg ikke var opmærksom på, var at mit input-felt c, var sat til, OnClick -> Beregn1Click. Det vil sige, at jeg havde kommet til at sige, at når der klikkes i feltet c, så skal den beregne sinus, hvilket jo ikke var muligt. Dette fik jeg så hurtigt rettet op på og gik videre med et de ønsker som jeg havde fået fra målgruppen, nemlig at kunne udregne vinklen i radianer i stedet for sinus og cosinus værdier. For at det til at fungere, så måtte jeg tilføje en ny uses til sourcekoden, som hed Math. Dette var nødvendigt, for eller kunne programmet ikke finde ud af at bruge ArcSin og ArcCos. Forneden ses den nyeste version af sourcekoden til udregning af radianer ved brug af sinus. Som det fremkommer af sourcekoden, så er det eneste, som er blevet ændret er Sin til ArcSin. Side 12 af 16

13 Min første tanke, på det med at lave en trekant, var det bare skulle være en retvinklet trekant, hvor der så stod vinklerne A, B, C og sidelængderne a, b, c. Med tiden fik jeg en ny ide, som gik ud på, at lave trekanten efter de værdier, som blev indtastet i input-felterne. Det krævede at jeg definerede mine a og c felter, og i dette tilfælde blev jeg nødt til at kalde dem for x og y, da programmet ellers ikke kunne finde ud af det. Som også beskrevet i en tidligere iteration, så bruger jeg canvas.moveto(); og canvas. LineTo(); til at angive hvor en linje skal lægges henne og føres hen til. Den måde jeg havde tænkt mig at gøre det på, var ved at kigge på denne tegning, og se på, hvordan koordinaterne skulle ændres i forhold til de indtastede værdier. For at komme fra (50,50) til (50,350), så skal (50,50) adderes med a-værdien således: (50,x+50), så ville længden af a, nemlig indrette sig efter den værdi, der vil blive indtastet i input-feltet. Test Visuel test: Til at starte med, skal målgruppen, ligesom i de forrige test procedure, teste om de visuelle krav er blevet opfyldt. Bestået: De visuelle krav er bestået, da der er en grafisk brugerflade med et program, som har titel og input-felter, samt de knapper der er blevet sat krav om. Ikke bestået: Side 13 af 16

14 Informationstest: Interaktionstest: Kommentar: Kan ikke helt forstå, hvad den enhedscirkel gør i programmet, uden at der er blevet trykket på knappen Enhedscirkel. Bestået: Denne gang er informationskravene opfyldt, da brugerfladen fortæller om programmets navn, og også de to knapper, der skulle kunne tegne en trekant og en enhedscirkel. Ikke bestået: Kommentar: Bestået: Det krav omkring enhedscirkel er næsten opfyldt. Der er en enhedscirkel i programmet. Når der klikkes på trekantsknappen, kommer der også trekant frem. Ikke bestået: Der kommer ikke nogen enhedscirkel frem når man trykker på dens knap. Kommentar: I denne prototype blev alle kravene heller ikke opfyldt helt. Der kom ikke en enhedscirkel frem, når der blev trykket på knappen. Dog var informationskravene og de visuelle krav bestået. Afsluttende aktiviteter Nu har jeg så, så godt som jeg nu kunne, færdiggjort mit program, som delvist fungere efter hensigten. Min primære målgruppe, som var folk der skulle bruge sinus og cosinus tit, er blevet opfyldt, da jeg har fået programmet nogle koder, der gør det muligt at udregne sinus og cosinus til radiantal. Min sekundære målgruppe var til elever, som kan have svært ved det med vinkler og sinus og cosinus. Derfor skulle der helst være nogle skitser der gjorde det muligt at forstå. Det har været svært at få lavet det som jeg havde haft i tankerne, og er derfor ikke blevet helt færdigt, da jeg ikke kunne finde ud af, hvordan jeg skulle kode det. Denne tegning, var det første jeg havde i tankerne, da jeg ville lave dette program. Det der er ændret er, at jeg også tænkte på, at der også skulle være en enhedscirkel i mit program og det kan ikke ses på min første skitse. Side 14 af 16

15 Billedet ved siden af, er sådan mit program endte med at se ud. Jeg synes selv at det er blevet flot og rimelig nemt at overskue, og dette var også et af mine vigtige krav. Begge beregningsknapper duer som de skal og derfor er den primæres målgruppes behov opfyldt. Desværre er den sekundære målgruppe ikke helt blevet opfyldt. Den informationsøgning jeg har brugt mest tid er, var da jeg skulle læse og forstå kommandoerne val og str, samt at få dem implementeret. Med min tid med programmet Lazarus, har jeg haft stødt på mange forhindringer. Det største problem jeg havde, var, som jeg også har beskrevet tidligere, at hver gang jeg klikkede i mit input-felt c, så begyndte programmet at udregne, hvilket det ikke skulle. Problemet var som sagt at jeg havde sat den til at gøre det, uden jeg havde tænkt over det, så derfor skal man være meget opmærksom hvad man klikker på og ændrer i, da det kan have konsekvenser for resten af koden. En god måde at holde styr på sig kode, er at når du for eksempel skal have så mange input-felter, så kald dem, edit_a og edit_c, så det er muligt at videre hvad der er hvad, når man skal skrive koden og referere til de input-felter. En meget vigtig ting, som man skal gøre når man laver et program, er at dokumentere alle de ting man gør og møder. Hvis man kommer ud for at programmet giver en fejl, som du har svært ved at finde ud af osv. så dokumenter det. Ellers synes jeg at Lazarus er et rigtig god program at arbejde i, men som sagt skal man være forpasselig med, hvad man klikker på. Side 15 af 16

16 Bilag Side 16 af 16