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

Transkript

1 En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor av Jenni Berndtson - jb222rt Malmö

2 Abstrakt Syftet med denna rapport är att kort sammanfatta det projektarbete som jag genomfört i kursen Individuellt Mjukvaruutvecklings projekt vid Linnéuniversitet våren Slutprodukten är en webbaserad spelapplikation för barn i åldrarna 4 år och uppåt. Mitt mål var att skapa en grafiskt tilltalande, pedagogisk sida med enkla lättförståliga spel, som fungerade lika bra i våra vanligaste webbläsare (IE, Firefox, Chrome, Safari) och på våra vanligaste plattformar (Dator, iphone, ipad). Applikationen är i första hand skriven i programspråken JavaScript, HTML, CSS men även JQuery, JSON och Ajax har använts. Arbetet har utförts iterativt i en-veckors iterationer innehållandes planering, design, implementering, testning och tillhörande dokumentation. 2

3 INNEHÅLLSFÖRTÄCKNING Inledning/Bakgrund.. 4 Positiva Erfarenheter.. 5 Negativa Erfarenheter 5 Sammanfattning...5 3

4 Inledning/Bakgrund Syfte/Mål Mitt mål var att skapa en webbaserad spelapplikation för barn i åldrarna 4 år och uppåt. Jag ville också att den skulle vara grafiskt tilltalande med enkla lättförståliga spel, men det som kändes extra viktigt var att den skulle fungera lika bra i våra vanligaste webbläsare (IE, Firefox, Chrome, Safari) samt på våra vanligaste plattformar (Dator, iphone, ipad, annan telefon). Meningen med projektet var också att lära mig att använda programspråket JavaScript som jag saknade rutiner och kunskaper kring, samt att skaffa mig djupare kunskaper kring responsiv design och användandet av CSS i samma syfte. Genomförande/Teknik/Arbetssätt Applikationen är i första hand skriven i programspråken JavaScript, HTML, CSS men även JQuery, JSON och Ajax har använts. De grafiska elementen, (ikoner, bilder och dylikt) har jag skapat i vektorgrafik i Illustrator, ett program som jag hade goda kunskaper i sedan tidigare. Jag har arbetet i en-veckors iterationer i vilka planering, design, implementering, testning och tillhörande dokumentation har vävts samman på ett behagligt sätt och varit en naturlig del av arbetet. Jag har använt internet flitigt för att hitta tips och svar på frågor främst rörande JavaScript och CSS, men jag har också återvänt mycket till föreläsningar som vi har haft tidigare i kursen vilket har varit synnerligen nyttigt. 4

5 Positiva Erfarenheter Jag är mycket nöjd och glad över vad jag har åstadkommit under de senaste 10 veckorna. Jag känner mig säkrare kring att bygga en interaktiv applikation och jag känner mig trygg kring den responsiva designtekniken. Det är nu lättare att hitta svar, och kunna formulera frågor kring bitar som man kan tänkas fastna i. Jag startade direkt i början av kursen med en generös tidsplanering och det har verkligen betalat sig. Jag har i lugn och ro kunnat experimentera med alla möjliga detaljer och eftersom jag känner mig själv så vet jag att Learn by doing är det bästa sättet för mig att lära mig nya saker på. Negativa Erfarenheter Jag kan ärligt säga att jag inte haft en enda negativ erfarenhet förutom att jag kanske hade jag velat sätta mig bättre in i JQuery. Det kom dock aldrig in som ett naturligt behov och jag tyckte att det var synd att bryta mitt flöde. I övrigt har det fungerat enligt följande att om jag har stött på problem så har jag löst dem, vilket ju är själva meningen med utveckling. Jag har haft gott om tid och jag är nöjd med slutprodukten i stort. Sammanfattning Det har varit mycket givande att få koncentrera sig på ett större projekt under en längre tid. Jag har under arbetets gång kommit på lite nya funktioner som jag vill att applikationen ska innehålla så jag kommer nog att fortsätta experimentera med den framöver. Om jag hade börjat på en liknande applikation idag så tror jag att den stora skillnaden skulle ha varit att den skulle bestå av mindre kod. I övrigt hade jag lagt upp arbetet på ett likande sätt och lärt mig vad jag behöver veta, allt efterhand som projektet fortskrider. 5