Ge dig själv, eller en kompis, en påminnelse när det är dags att göra läxan.


Projektet tävlar i


Om

Vem är jag?

Jag heter Alvar Lagerlöf, är 14 år och går i sjuan på Södertörns friskola. Jag började programmera när jag gick i fyran. Då var det bara en enkel hemsida om mig. Jag höll även på med ett spel i Scratch och roboten Lego mindstorms. Sedan hade jag ett uppehåll i ett halvår, jag hade helt enkelt inget jag ville ha en hemsida till. I femman fick jag tag på en billig dator på en loppis som jag startade en minecraft-server på. Jag kom ganska snabbt på att jag ville ha en hemsida men för servern regler för servern och lite information om vilka spelare som var inne på servern. Medan jag gjorde det kom det ofta upp saker som jag undrade över, det var då jag började googla på allt jag inte visste. Detta låter kanske inte så konstigt, men jag upptäckte något väldigt bra. Det var att det fanns forum med massor av människor som undrade samma sak. På så sätt kom jag igång med programmeringen och blev bättre och bättre för varje dag som gick. Webben är verkligen fantastisk! Jag får mycket hjälp inom min programmering av min fantastiska lärare Mikael Tylmad. Han är anledningen till att jag har kunnat lära mig alla dessa språk och många fler. Min skola har en datorklubb som han driver, där kan man få hjälp med alla möjliga problem som man stöter på inom programmering eller andra datorrelaterade ämnen. Han har hjälpt mig även i detta projekt, men han gör det på ett speciellt sätt. Han aldrig ut hela svaret direkt, utan ger snarare ledtrådar som leder en vidare. Det är väldigt bra och viktigt att han gör så, för att om man bara får hela svaret direkt och utan förklaring är det svårt att förstå och komma ihåg.

Hemsidans syfte

Hemsidans syfte är ett en elev ska kunna gå in på den och skriva in en läxa för att sedan bli påmind om den när det väl är dags att göra den. Det är också tänkt att man ska kunna lägga in en läxa åt en kompis. På så sätt vill jag minimera chanserna att en läxa inte blir gjord, när problemet inte egentligen var att den var att göra den, utan att komma ihåg den.

Den pedagogiska kopplingen till ämnet Svenska

Strategier för att skriva olika typer av texter med anpassning till deras typiska uppbyggnad och språkliga drag. Skapande av texter där ord, bild och ljud samspelar - Skolverket

Eftersom att det här är den första gången jag tävlar i Webbstjärnan så är skrivande av om-sidor en ny sak. Jag har övat på att göra texten intressant och tydlig. Det jag utvecklats mest i inom svenska är att motivera varför jag tycker eller tänker som jag gör. Detta är något som jag kommer ha nytta av i framtiden, för att om jag har gjort en produkt och exempelvis letar efter investerare måste jag kunna argumentera för varför min produkt är bra.

Den pedagogiska kopplingen till ämnet Teknik

Tekniska lösningar inom kommunikations- och informationsteknik för utbyte av information, till exempel datorer, internet och mobiltelefoni - Skolverket

Jag har lärt mig väldigt mycket om programmeringsspråket PHP under skapadet av hemsidan. Jag har lärt mig allt från hur man skapar säkra databaser i SQLite med hjälp av PDO till hur man kollar att något faktiskt är en mail-adress. Jag skulle säga att eftersom att PHP är ett språk som används nästan enbart på webben är den starkt kopplat till det ovanstående. Jag har även lärt mig mycket om hur utbyte av information ska ske på ett säkert och snabbt sätt, detta med hjälp av JavaScript.

Den pedagogiska kopplingen till ämnet Bild

Kombinationer av bild, ljud och text i eget bildskapande -Skolverket

Design är en väldigt viktigt del av en hemsida, det är det som skapar det första intrycket. Där spelar färger, bilder och former en mycket stor roll. Om en hemsida är bra designad ska man kunna se vad där är för sorts hemsida utan att läsa texten. Designern måste ha med vissa grundläggande element som skapar rätt sorts tankar hos användaren. Om en hemsida är väldigt ful eller ologisk så är det större risk att användaren blir frustrerad. För att motverka det har jag jobbat ganska mycket med designen, för att det som sagt är det första intrycket Under arbetet har jag blivigt bra på språket CSS. Det är det man använder om man. ska stilsätta något, som att t.ex. ändra typsnitt. Detta är något som jag kommer ha mycket nytta av i framtida projekt.


Upphovsrätt

Jag använder mig av Creative-Commons BY-SA. Det är en licens som gör att folk kan använda designen/koden på min hemsida hur de vill, men vara tvungen att ha samma licens som jag. De måste också berätta att de hittade koden hos mig. Alla bilder och ikoner på hela hemsidan kommer från Pixabay, en hemsida där alla bilder är CC0-tillämpade. CC0 betyder att vem som helst kan sprida och använda bilderna utan att skriva något om var de kommer ifrån. Det enda undantaget är bakgrundbilden på toppen, som jag själv har fotograferat. Annat jag har använt:


Det tekniska

Här är en detaljerad genomgång av hur det funkar från att användaren lägger in en läxa till att hen blir påmind, det som även kallas för the backend. En användare lägger in en läxa:



En användare blir påmind:


Vad har jag lärt mig

Under utvecklandet av den här hemsidan har jag lärt mig massor, allt från säkerhet till design. Jag har utvecklats inom dessa programmeringsspråk:

PHP

I detta programmeringsspråk har jag lärt mig mycket om säkerhet. Det är viktigt för att man som besökare ska kunna känna sig trygg på mina sidor.



HTML

Detta är programmeringsspråket som används för strukturen av hemsidan, vilket innebär allt från knappar till bilder. HTML är ett märkspråk som passar väldigt bra tillsammans med CSS, som kan ändra designen. Egentligen så brukar man inte prata om HTML som ett riktigt programmeringsspråk, då man bara presenterar information, och behandlar den inte. Detta är nog det språk som jag kan bäst. Men trots det fanns det delar av hemsidan som var svårare att bygga ihop.



CSS

CSS är språket som används för design. Det är det som ger hemsidan liv. Utan CSS skulle det vara jättejobbigt att göra en snygg hemsida. Det är också det som används när en hemsida ska mobilanpassas. Detta inkluderar t.ex. att se till så att knappar och text är tillräckligt stora.



JavaScript/jQuery

Hemsidan använder JavaScript och jQuery för att göra allt från att öppna en datumväljare till att öppna en meny när man tycker på en knapp. jQuery är inte ett språk, utan ett javascript-bibliotek. Det byggdes av John Resig med syftet att göra det lättare att använda javascript och få det kompatibelt i alla webbläsare. Jag använder det bland annat för att få till en bra meny på mobiltelefoner.



SQLite

SQLite är egentligen inte ett språk, utan en databasmotor. Den är ny för mig i detta projekt, men jag var från början van vid MySQL vilket är väldigt likt. Det finns dock några starka anledningar till att jag den här gången valde att använda det:



En annan sak som jag har blivit bättre på är linux, i detta fall Ubuntu. Ubuntu är ett unixbaserat operativsystem som är gratis för vem som helst att ladda ner eller modifiera. Jag har använt det i över 2 år och gillar det väldigt mycket. Min skola använder också Ubuntu och sparar på så sätt tusentals kronor. Det är också så att det är mycket mindre krävande, så att även äldre datorer klarar det.

Varför ska Kom ihåg läxan vinna?

Det finns många bra bidrag till Webbstjärnan 2016, så jag har i mitt bidrag försökt lägga tyngd på kopplingen till förståelsen av webben. Jag har lärt mig hur man får en hemsida säker och användarvänlig, och jag hoppas att andra ska bli inspirerade och börja koda för webben.

Blogg

Om-sidan

En hemsida eller ett program kan aldrig vara perfekt, det gäller även den här hemsidan. Just därför har jag försökt fixa buggar, den här gången i CSS. Jag har helt enkelt rättat till små fel som inte ser så bra ut.

Om-sidan

Idag har jag jobbat på om-sidan, det är verkligen svårt att skriva en tydlig text. Man måste se till att inte skriva för informerade texter, för då blir det svårt att förstå. Det var en stor utmaing, men nu känner jag mig klar klar.

En ny meny

Jag har valt att göra hemsidan till en enda sida, detta betyder att det inte finns några länkar. Det finns ett välldigt starkt stjäl till varför jag gör så. Det är helt enkelt för att minimera onödiga laddtider. Men eftersom att hemsidan är upplag på det sättet så blir den ganska lång och stor, då behövs det något bra sätt att navigera. Därför har jag gjort en meny. På datorer kommer det vara två knappar högst upp till höger, medans det på mobiler är en menyknapp som med en snygg animation öppnar en meny. Därifrån kan man väljha vilken sektion man vill att den ska scrolla till.

Spamskydd

Ett problem med hemsidan var förut att den var ett ganska bra verktyg för att skicka spam (något som en hackare skulle kunna använda). För att stoppa det har jag lagt till ett spamskydd som kollar om man har laggt in mer än 10 läxor på en timme. Det körs helt enkelt en kodsnutt som kollar efter twitter- och emailkonton som har samma namn som i läxan som användaren försöker lägga in. Om den hittar 10 st som är inlaggda för mindre än en timme så läggs läxan inte in och användaren blir medelad om det.

Twitter

Nu kan man skiva in ett namn på twitter och på så sätt bli påminnd där. Detta kan vara bra för att det är lättare att hålla koll på än en (kanske) överfull inkorg.

Hemsidan är mobilvänlig!

Idag har jag jobbat på att göra hemsidan mobil-vänlig vilket är väldigt viktigt efter som att så många använder sina mobiltelefoner för att surfa. Jag har gjort sånt som att se till att texten är tillräckligt stor och att alla knappar går att klicka på.

Databasen klar!

Idag har jag gjort klart databasen och mail-systemet. Nu funkade det det så att om någon lägger in en läxa så sparas den i databasen och servern kollar en gång i minuten efter läxor med dåvarande tid. Om den hittar någon läxa så skickar den ett mail och tar sedan bort läxan från databasen.

Komihåg.se växer fram

Idag har jag börjat skapa hemsidan som jag ska kalla "Kom ihåg läxan", jag har också upptäckt att domännamet komihå.se är ledigt... Hitils har jag bara jobbat på utseendet p.g.a. av att det är det som elveven ser och om det skulle vara fult eller otydligt så kan det leda till en dålig uplevelse.

Skapandet börjar

Nu har jag börjat rita ner skisser på hur hemsidan kan se ut. Detta är bra att göra innan man sätter sig ner och börjar koda. Då kan man nämligen hitta saker som är dåligt med desigen innan man har spenderat timmar på att få den att se ut som på skissen. Just nu är jag ganska säker på att jag vill göra hemsidan så att det bara är en ända sida, på så sätt behöver man inte klicka på massor av länkar och det blir lättare att få det att se ut som att allt passar ihop och följer samma stil.

Jag har kommit på en idé!

Just nu skriver jag ner det här på ett papper, men det kommer förmodligen flyttas till något blogg-linkande senare. Okej, så min idé var att det är vanligt att man glömmer bort läxor (särksillt när man är mindre). Jag tror därför att det skulle vara bra med en hemsida som kan hjälpa till med att påminna om läxor. Hitils är det bara en idé men vi får se om det kan bli något...