Kanske kan det vara till hjälp för dig som inte vet vilken applikation som du skall satsa på att lära dig.

Rita grafer och lös ekvationer i Geogebra

Ett verktyg som är vanligt i svenska skolan är Geogebra. Det är en webbapp där du kan rita grafer, rita geometriska figurer, lösa ekvationer och mycket mer. Det kan vara lite tufft att komma igång med det men har du väl lärt dig grunderna så är det till stor hjälp. Framförallt passar det till dig som läser från Årskurs 9 och upp i gymnasiets matematikkurser.

Rita grafer i Desmos

Ett liknande verktyg är Desmos graphing calculator som även den hjälper dig att rita funktioner, bland annat. Vad jag vet så finns det inte riktigt lika många funktioner som i Geogebra men samtidigt kan också detta göra att det är enklare att komma igång. Vill du exempelvis bara se hur en funktions graf ser ut så går det väldigt snabbt och enkelt att rita ut den i Desmos.

Ai och ChatGPT

Vi har väl egentligen bara sett början av vad Ai kommer att göra med vårt samhälle. Jag kan inte direkt påstå att jag är en expert på området men jag har hört från en del elever och lärare att exempelvis ChatGPT används som en slags virtuell lärare under tiden man pluggar matte. Jag testade själv ett sådant sätt att angripa ett problem och konversationen som skapades klistrar jag in här nedan.

Som matematiklärare kanske jag kan tycka att förklaringen är lite lång men allt ser helt korrekt ut. Jag bad sedan applikationen att derivera f(x)=2sin(2x) men då fastnade den i laddning. Jag vet inte om det var för att det blev för mycket för Ai:en eller om det kanske var överbelastat för tillfället. Jag har också sett andra problem som jag har klistrat in i ChatGPT där uträkningen var väldigt felaktig. Gissar att det här kommer att utvecklas med tiden men det är bra att känna till att det i nuläget inte alltid blir korrekt.

WolframAlpha som ett sätt att kontrollera ditt svar

Ett sätt att kontrollera sina svar kan vara att använda sig av WolframAlpha som är en avancerad räknare som klarar de flesta algebraiska uttryck. Du kan tex kolla lösningar på ekvationer eller att du deriverar eller integrerar ett uttryck korrekt. Den här webbappen har funnits väldigt länge (i dessa sammanhang i alla fall) och fungerar bra för många olika typer av problem.

Avslutning och ett extra tips

Eftersom jag på många sätt är partisk i denna värld så lyfter jag inte fram tjänsten där själv jobbar (Eddler.se) mer än så här på slutet. Men kortfattat så handlar Eddler om att förklara matematikens begrepp och teori så tydligt och pedagogiskt som möjligt. Många utav applikationerna som jag lyfter fram här ovan kräver att du redan kan grunderna. Är du osäker på dem så rekommenderar jag att du kikar in på Eddler och lär dig grunderna först där.

The post Bra matematikresurser för dig som pluggar Matte år 2023 appeared first on Websimon.se.

I alla fall startas många processer igång med kunskapsinhämtning, frågor om hur andra gör och diskussioner med barnen. Det är ju en mycket svår djungel att navigera i för barnen innan det kritiska tänkandet är fullt utvecklat för att hantera liknande saker.

Ett sätt att tänka kring detta här hemma hos oss är att fundera på vad som både är kul appar och vad som gör att även skolarbetet gynnas. Allt skall ju förstås inte bara vara ”hårt plugg” utan målet är väl att kombinera nytta med nöje. Så här kommer lite tankar och idéer kring vad som (i alla fall vi) har diskuterat.

Test av Duolingo Math

Själv driver jag ju en mattetjänst för äldre barn (16-19) där man framförallt behöver en dator för att få en fullvärdig översikt över många av de teoretiska begreppen. När man börjar med matematik så kan utrymmesbegränsningen dock vara bättre för små enklare problem. Så vi testade Duolingo math (app store). Duolingo har redan en mycket väl utvecklad språkapp som är väldigt framgångsrik. Det märks för gränsnittet är moget, fungerar och är lättanvänt. Det vi saknar är kopplingen till den svenska skolan. Barnen behöver inte bara nya uppgifter, de behöver framförallt känna att de förstår det som lärarna pratar om i skolan.

Både digitalt och fysiskt

Jag googlade först på pedagogikpresenter och hittade en första lista här: https://www.presenttips.se/blogg/10-pedagogiska-presenter-till-barn inom kategorin leksaker. Tyckte att några av dessa presenter var bra idéer för kommande födelsedagar. Även om inte allt känns intressant så ger det lite idéer för fortsatta vägar framåt.

En sådan reaktion hemma hos oss är att Lego med vissa av sina legobyggen nu bara ger ut en digital bygganvisning. Barnen (och föräldrarna) tyckte detta först var mycket dåligt och ovant. Det finns något härligt med att hålla i fysiska föremål. Men något säger mig att detta ändå är vägen framåt att kunna kombinera det fysiska med digital teknik. Att kombinera dessa kommer att ingå i stort sett alla arbete i framtiden. Att legoappen sedan innehåll länkar till alla andra av deras produkter kanske inte är riktigt lika intressant utan mer en distraktion.

Ett slag för minecraft

Jag skulle även vilja tipsa om att använda minecraft för att få inspiration i skolarbetet. Minecraft är ju som en stor digital byggvärld där man i princip kan bygga vad som helst.

Häromdagen skulle det byggas villor här hemma och snabbt hittade äldsta dottern bilder och ritningar på lyxvillor.

Efter några timmar hade hon tagit sig igenom alla pooler, badrum, sovrum och vardagsrum. Så det var dags för visning och hela familjen samlades och diskuterade igenom byggena. Väldigt roligt och definitivt väldigt lärorikt!

The post Pedagogiska appar för barn appeared first on Websimon.se.

Bakgrunden

Metoden utvecklades av en Harvardprofessor vid namn Erik Mazur på 1990 talet, då med målet att förbättra resultatet för eleverna i fysikkurser. Metoden har visat sig (källa) ge en djupare förståelse hos eleverna och även ge bättre resultat i de test där detta har prövats. Ibland så mycket som tre gånger bättre resultat. Framförallt verkar metoden ha gjort att eleverna blir bättre problemlösare, trots att det i metoden inte ingår särskilt mycket problemlösning från lärarens sida.

Så låt oss gå igenom hur metoden är uppbyggd och hur den kan genomföras praktiskt.

Peer instruction – metoden

Tanken bakom metoden är att vända inlärningsriktningen från att läraren föreläser till att eleverna driver sin egen inlärning i klassrummet genom att metodiskt ta sig framåt i nya områden. Eleverna skall då ha förberett sig inför lektionen genom att ta till sig nytt material och även slutföra instuderingsfrågor kring detta material. Dessa görs i dessa tider ofta online genom enkla frågeformulär. Läraren använder sedan resultatet från dessa för att styra lektionens innehåll.

Under själva lektionen så vänds sedan riktningen (liknande det omvända klassrummet) på lektionen från att läraren föreläser om ett nytt område till att läraren ställer frågor om området som eleverna, enligt en speciell metodik, skall svara på.

Själva metoden (källa) Mazur presenterar är följande:

1. Läraren ställer en fråga baserad på de frågor som eleverna har svarat på innan lektionen.
2. Eleven reflekterar över frågan.
3. Eleven gör ett individuellt svar.
4. Läraren kollar över de individuella svaren.
5. Eleverna diskuterar nu sitt och andras svar tillsammans med de som sitter närmast (peers).
6. Eleverna gör sedan ett nytt individuellt svar.
7. Läraren ser på nytt över resultaten och överväger om mer förklaring krävs kring området innan man går vidare till nästa.

Peer instructions och formativ bedömning

Jag har tidigare skrivit om formativ bedömning här på bloggen och frågan är om detta är just ett formativt sätt att jobba på? Själv tycker jag att det är det. Både innan och under lektionen innehåller metoden element där eleven bedömer sig själv och blir bedömd av andra genom diskussioner.

Jag gillar även att man genom metoden styr genomgången utifrån elevernas behov och förkunskaper och naturligt tränar eleverna att aktivera sin egen problemlösningsförmåga. Det är lätt hänt att eleven förblir passiv om läraren håller låda själv genom hela genomgången.

Hur jag har använt peer instructions

Själv så har jag på enklaste möjliga vis använt mig av metoden i min matematikundervisning. Jag har innan lektionen gjort i ordning ett Google formulär där eleverna i två steg för svara på samma uppgift. Först gör de det individuellt, sedan får de diskutera med bänkgrannarna för att därefter svara på frågan individuellt igen. Efteråt har jag även tillsammans med eleverna diskuterat igenom uppgift och klargjort de vanligaste frågorna.

Eleverna själva har uttryckt att de känner att sättet att jobba på är bra, framförallt lyfter de fram att de gillar att få möjligheten att svara individuellt först. Jag behöver egentligen jobba mer på det här sättet för att verkligen kunna avgöra vad som är mest effektivt och vilka nackdelar som finns. Närmast till hands behöver jag prova mer att försöka få eleverna att svara på några frågor innan lektionen så att de kommer bättre förberedda.

Har du använt dig av metoden? Kommentera gärna och dela med dig av dina erfarenheter.

The post Peer instruction i klassrummets matematik appeared first on Websimon.se.

Formativ bedömning och summativ bedömning

Det är väl på sin plats att försöka sig på en definition av formativ bedömning innan vi fortsätter innan vi fortsätter med frågor som varför man skall jobba med formativ bedömning och hur det egentligen kan gå till. Till skillnad mot summativ bedömning där allt eleven gjort samlas ihop och bedöms så syftar en formativ bedömning mer till att understödja elevens inlärningsprocess.

Det handlar alltså om kontinuerlig process där läraren, och även eleven själv, bedömer kunskapsutvecklingen.

Varför Formativ Bedömning – studien av John Hattie

Nu kan man ju fråga sig varför detta skall göras och varför detta arbetssätt kan vara viktigt. En studie som ofta lyfts fram för att understödja formativ bedömning är John Hatties metastudie där han har undersökt vilka faktorer som kan accelerera inlärningen. I studien har 138 faktorer tagits fram och rangordnats och det visar sig där att de faktorer som påverkar inlärningen alla mest positivt är sådana som liknar tankarna bakom formativ bedömning.

Studien rangordnar 138 faktorer och hur dessa påverkar resultatet. Exempel på sådan faktorer är tidigare resultat, kön, gå om en klass, mobilitet (byta skola), lärartydlighet, läxor o.s.v. Värdena som de olika faktorerna kan få ligger mellan -0,2 till 1,2 där allt över 0,4 ger synligt positiva effekter på lärandet. De olika intervallen kan beskrivas enligt:

• Omvänd effekt (-0,2 till 0): Negativ utveckling
• Ålderseffekter (0 till 0,15): T.ex. att eleven blir äldre, helt naturlig och biologisk utveckling.
• Lärareffekter (0,2 till 0,5): Dvs effekter som fås av att ha en lärare.
• Önskade effekter (0,4 till 1,2): De effekter som gör att lärandet ökar på ett önskvärt och positivt vis.

Några rätt intressant sådan här faktorer kan dessa vara:

• -0,05 – Klassstorlek
• 0,20 – Kön
• 0,21 – Klasstorlek
• 0,36 – Skolledaren/Rektorn
• 0,42 – Lärarstil
• 0,43 – Läxor
• 0,48 – Motivation
• 0,67 – Att INTE etikettera eleverna
• 0,72 – Förtroendefulla relationer med eleverna
• 0,75 – Tydlighet mål och kunskapskrav
• 0,80 – Studiero
• 1,13 – Feedback

Det är alltså här vi hittar en anledning till att jobba med formativ bedömning. Det är nämligen en form av feedback där eleven kontinuerligt får reda på vad som kan göras bättre.

Exempel – Hur går den formativa bedömningen till?

Jag tror personligen att många lärare indirekt jobbar med en bedömning som syftar till att understödja elevens inlärningsprocess. Det är nog så att det i många fall är omedvetet och kanske inte en genomtänkt metod. I sin enklaste form skulle man kanske våga påstå att en kommentar på ett prov är formativ då den kanske syftar till att hjälpa eleven att göra bättre tills nästa gång.

Det finns dock mer medvetna och genomtänkta metoder för att jobba formativt med sina elever. Av de jag nämner här så har jag själv bara provat på ett fåtal. Men jag tycker ändå att det kan vara intressant nämna dem, kanske får du själv en idé hur du kan komma igång med formativ bedömning?

• Exit tickets – Att på slutet av en lektion låta eleverna göra en bedömning av vad de har lärt sig och vad de kan göra bättre. Du kan t.ex. använda post-it lappar på tavlan där eleverna själva klistrar fast dem eller ett formulär i Google Docs.
• Självbedömning – Här kan eleverna bedöma sig själv för att på så vis lättare se vad de behöver lära sig mer om. Själv tänker jag att man kan låta eleverna bedöma sitt eget prov och rätta igenom detta.
• Videolektioner – Eleverna kan t.ex. själv göra egna lektioner med sin mobiltelefon och ladda upp dem på YouTube och sedan kan klassen själva se dessa videos.

Vilka metoder har du för formativ bedömning?

Det skulle vara väldigt intressant att få lite mer tips på hur man kan få till formativ bedömning i sin undervisning, har du tips om detta så kommentera gärna!

The post Formativ bedömning appeared first on Websimon.se.

Nä, då är det mycket möjligt att det istället finns en slags faktaruta som Google kallar för featured snippets.

Så vad är en featured snippet och hur hamnar man i denna faktaruta?

Vad är en featured snippet?

Så här skriver Google själva om detta sökinnehåll:

“This featured snippet block includes a summary of the answer, extracted from a webpage, plus a link to the page, the page title and URL.”

Det är alltså en sammanfattning som snabbt skall svara på användarens sökfråga utan att denne skall klicka vidare från Googles hemsida. Så om man exempelvis söker på “recept pannkaka” så får man behändigt nog ett receptförslag direkt på hemsidan som ser ut såhär.

Det här receptet är levererat av ICA och är automatiskt upplockat av Google och blir presenterat i en featured snippet. Här blir ICAs varumärke tydligt exponerat, mycket tydligare än andra sökresultat vilket skulle kunna vara positivt för dem. Det negativa skulle kunna vara att användaren aldrig får ett behov av att klicka in på deras sida och de missar därmed möjligheten att få ännu mer exponering och möjlighet att påverka kunden.

Egentligen finns det lite olika typer av featured snippets, en del ser ut som listan här ovan, andra har mer av en textförklaring och vissa är verktyg som kalkylatorer och liknande.

Men vad säger egentligen de undersökningar som har gjorts om hur klick (CTR) och synlighet påverkas av att finnas med i dessa rutor?

Moz citerar search engine land som fritt översatt fick följande resultat.

”Click-through rate (CTR) ökade med 2 % till 8 % och intäkter från organiskt sök ökade med 677%”

Det visar sig alltså att om man hamnar i en featured snippet så kan intäkterna öka rejält. Det finns alltså anledning att bry sig om detta och fundera på om man som sajtägare kan få vara med i en sådan.

Men kan man påverka Google att visa sin sidas innehåll i denna ruta?

Det korta svaret på detta, enligt Google, är att man inte kan påverka eller skriva html på ett sätt så att hemsidan syns på detta vis.

I lite längre svar är att det är troligt att man behöver ligga top 10 i sökresultatet för att ha en chans att få vara med. Däremot verkar det inte vara nödvändigt att ligga på plats 1.

Så den absolut bästa åtgärden är att jobba på att ranka bra generellt och att inte försöka anpassa sin sida mer än vanligt. Dvs att jobba på att göra innehåll som besökare vill använda sig av. Dessutom är det viktigt att göra undersökningar på vad besökare söker på kring ditt område. Google hjälper dig med det genom att presentera alternativa sökningar och vinklingar på ditt område. På det viset kan du få idéer om att bredda innehåll och svara på fler frågor på mer long tail sökord.

Har du hittat något som fungerar bra i dessa feature snippets? Kommentera gärna och diskutera!

The post Hur hamnar man i Googles featured snippets? appeared first on Websimon.se.

Dessutom tycker jag självklart själv att det är väldigt skönt när en sida är rapp i svarstider och laddningar. Så jag hoppas även att dessa optimeringar gör besökarna glada också.

En gammal sajt om mat för att testa på riktigt

För att testa om jag kan förbättra en sajts hastighet både för en besökare och hur Google laddar in den så tänka jag använda mig av handlamatpanatet.nu som är en gammal sajt som jag ägt länge men aldrig gjort något av. Den har varit hopplöst ouppdaterad och ful. Faktiskt jätteful design som jag själv gjorde en gång i tiden. Numera bygger den på Bootstrap 3 så att det är ordning och reda på marginaler och dylikt. Men det här inlägget handlar om hastighet och inte design så detta ämne skall jag inte fördjupa mig i.

Jag kommer att använda mig av verktygen pagespeed och pingdom för att testa hastigheten.

PageSpeed Insights

För att göra förbättringarna började jag att utgå ifrån Google PageSpeed insights. Den kunde inte mäta hastigheten då det bygger på att det finns data i chromes användarstatistik. Tydligen fanns detta in på denna sajt vilket säkert beror på att ingen besöker den. Däremot fanns det en del optimeringar som rekommenderades ändå och jag hade någon slags poäng på 75 / 100 innan jag började.

1. Pagespeed ville att jag skulle komprimera bilder så jag började med det, till detta använda jag pluginet jetpack.
2. Nästa steg var att lägga ner länkar till javascript bibliotek som låg i headern ner i footern istället. De script jag själv har kontroll över var enkla att flytta men det strulade lite med jquery då var och vartannat plugin lägger till det.
3. Nästa steg var css:en som kan läggas in i en gemensam fil och komprimera dessa filer. Jag gjorde så själv samt med hjälp av ett plugin som hette autoptimize. Med hjälp av det pluginet komprimerade (eller minifierade) jag även några javascript bibliotek och html koden.
4. PageSpeed ville även att jag skulle förbättra svarstiden från servern. Det kan jag inte då jag inte är villig att betala mer för den VPS på digitalocean som jag använder.
5. Skulle här minifiera html koden vilket löstes i punkt 3.

När jag var klar så såg det istället ut så här:

Klart godkänt enligt mig själv!

Pingdom

I Pingdom så såg det istället ut på följande vis innan några optimeringar alls.

Jag gjorde pagespeed optimeringarna först så innan jag började jobba med detta så gjorde jag en ny mätning. Den såg ut på följande vis.

Efter detta test gjorde jag följande optimeringar

1. La till webbläsar caching med hjälp av ett plugin som hette WP Fastest Cache. Tror att det fixar en den saker i .htaccess gällande regler för hur webbläsaren skall lagra resurser på sidan. Var ganska osäker på om detta verkligen fungerade men på vissa resurser gjorde det nog det.

När jag var klar så förändrades inte ”performance grade” nämnvärt, det gick från 90 till 91.

Summa summarum av hastighetsförbättringarna

I skrivande stund så vet jag inte hur mycket som dessa optimeringar kommer att förbättra rankingen för sidan. Den rankar otroligt dåligt just nu pga att den, som nämndes ovan, inte har fått någon kärlek på många år. Däremot gillar jag att man med ganska lite jobb kunde få bättre resultat i verktygen som användes här.

Hur brukar du göra för att förbättra laddningshastigheten på din sida? Har du några tips som du vill dela med dig av? Kommentera gärna!

The post Förbättra hastigheten på din hemsida – Snabbare laddning och sökmotoroptimering appeared first on Websimon.se.

Tänkte ändå skriva om några erfarenheter om att utveckla plugin och vad som jag tycker skulle krävas av mig för att göra det igen.

När pluginet är klart börjar jobbet

Såhär	kunde	en
tabell	se	ut.

Personligen har jag ganska lätt för att komma igång och utveckla något. I början känns det kreativt, inspirerande och utmaningarna är härliga att ta sig an. Den energin brukar räcka ett tag. Men den sega administrationsperioden dyker tyvärr alltid upp då man skall svara på samma frågor om och om igen och uppdatera sitt plugin.

Här måste man ha någon slags insikt om att om man gör något bra så måste det finns någon slags ekonomi för att orka ta hand om det hela efteråt. Likt Yoast seo plugin så måste det finnas ett sätt att ha råd med att fortsätta utveckla pluginet. Det hade inte jag och då försvann inspirationen att fortsätta att jobba med det.

”Folk” kräver ganska mycket i wordpress sammanhang

Jag märkte även att wordpress användare kräver ganska mycket av pluginutvecklare, trots att man gör det helt gratis. Självklart fanns det de som förstod och uppskattade jobbet som man lägger ner på ett plugin av den här komplexiteten. Men andra kunde skicka en hel del otrevligheter för att de inte fick svar på 10 minuter. Det räcker också med några få sådana otrevligheter för att den redande trytande inspirationen skall försvinna helt.

När pluginet plockades bort … Viss lättnad

Jag kan se att pluginet fortfarande används en hel del trots att det nu är bortplockat ur pluginkatalogen hos wordpress. Diverse olika sajter som jag dyker in på i mitt arbete använder fortfarande pluginet. Då kan jag förstås inte låta bli att bli lite stolt över att det fortfarande används.

Samtidigt kan jag vara lättad att slippa allt (gratis) arbete som krävdes för att få pluginet att hålla igång. Det krävdes en hel del och skulle krävas ännu mer om det skulle fortsätta att uppdateras. Men visst var det kul under en stund och väldigt lärorikt.

The post Om mitt gamla plugin appeared first on Websimon.se.

Problemet är klassiskt för alla som jobbar framför datorn: ont i axlar, armar och handleder pga av för mycket statiskt arbete och alldeles för lite rörelse, också kallat träning. Det enda jag kan skylla ifrån mig med är att det inte är helt enkelt att hinna träna när man har två små barn och allt vad det innebär med hämtning och lämning och VAB och vakna nätter.

Jag kan minnas att jag ett flertal gånger läst tips om entreprenörskap/företagande och att vanligt tips är att ta hand om sig själv. Jag kan också känna känslan i ordspråket ”sent ska syndaren vakna”… Det är förstås ett bra tips att träna för att orka maratonloppet som är företagandet men innan kroppen säger stopp kan det vara svårt att känna motivationen.

Men nu skall det bli ändring.

Så inför 2016 sätter jag upp följande kroppsliga mål för mig själv:

• Börja träna.
• Se till att min och mina kollegors arbetsmiljö är bra.
• Skaffa inlägg (har ett ben som är kortare än det andra).
• Pausa ofta och röra på mig framför datorn.
• Äta bättre mat (vad det är vet jag väldigt lite om men jag kan ju lära mig).

Läser detta återigen som lite äldre entreprenör och utvärderar  

Intressant att de fem målen (ja det var ju väldigt längesedan) alla handlar om att jobba lite hårdare fast inte direkt ”jobbet”. Det finns ingen punkt om att ha roligt, lära sig nya saker eller ha roliga hobbys. Tror det beror på att det vid tidpunkten var just så att entreprenörskapet kändes som en hobby. 

Skulle därför så här i efterband gärna lägga till att det är väldigt viktigt att ha roligt också. Börja snickra, jaga häftiga stormar, fågelskåda eller börja måla akvarell. 

Det viktiga är ju att ha lite roligt och ge hjärnan lite paus. Livet är kort och (oftast) ganska roligt. 

The post Ta hand om sig själv appeared first on Websimon.se.

1. Hej Nils, vem är du?

Jag hade nog blivit förklarad som ung entreprenör med en stark passion för att driva in säljet. Jag är bosatt i Göteborg där jag också driver Sunbird.

2. Vad blir du inspirerad av?

Jag blir inspirerad av problem. Ser jag ett problem spinner jag vidare direkt och försöker komma på bästa lösningen. Det kan komma när jag kokar kaffe, går på en buss eller ser på TV. Inget är omöjligt.

3. Du driver webbyrån Sunbird, berätta lite om vad ni gör

Vi jobbar med hemsidor till företag och sökmarknadsföring. När det kommer till hemsidor har Sunbird som nisch att en hemsida idag inte längre bara är en samlingssida för information, utan om inte det första, så det andra kunder ser av er. När en potentiell kund ska välja företag har de i de flesta fallen uppe er och en eller flera konkurrenter och ska bestämma sig för vem de vill kontakta. Vi vill att de ska välja dig.

När det kommer till sökmarknadsföringen jobbar vi med både sökmotoroptimering och Google AdWords. Sunbird som webbyrå kan således erbjuda en helhetslösning.

4. Vad tycker du är viktigast som företagare att tänka på innan man beställer en ny hemsida?

Det viktigaste när man beställer ny hemsida är att man är tydlig med byrån som ska göra den åt en. Vad är det man får för pengarna? Mycket är diffust och relativt.

Något som också är viktigt att förstå är att en hemsida tar tid att göra om man vill att den ska vara bra. Idag ska den fungera i flera webbläsare och enheter. Standarden ökar också successivt och i många fall behövs inte bara en utvecklare, utan det krävs projektledare och designers för att göra en komplett hemsida.

6. Du jobbar även med SEO (sökmotoroptimering), vad tycker du som man som företagare skall tänka på innan man beställer sökmotoroptimering av sin hemsida?

Sökmotoroptimering kan vara riskabelt, och all optimering som är till för att manipulera sökmotorerna är mot riktlinjerna. Innan man lägger ens hemsida i en byrås händer är det viktigt att ta reda på vilka metoder de använder. Det är dock inte så lätt att utvärdera dem om det inte är så att man själv kan sökmotoroptimering. Recensioner och rekommendationer är därför att föredra.

7. Vad tycker du är viktigast för att lyckas med en sökmotoroptimering av en hemsida?

Skynda långsamt, tänk långsiktigt och utgå från vad som är naturligt för det specifika projektet. Genom att göra detta kommer ni märka en ”medvind” som successivt växer när ni optimerar hemsidan.

Här tackar jag Nils för att han tog sig tid att svara på frågorna och jag vill även passa på att önska honom lycka till med webbyrån Sunbird!

The post Han blir inspirerad av problem – Intervju med Nils Fridlund appeared first on Websimon.se.

Du skall inte se det här inlägget som något slags recept eller färdigt upplägg för att göra webbappar. Det handlar ju mer om att hitta de komponenter som man själv gillar och gör jobbet enklare för just det man utvecklar. Så se det mer som några idéer för komponenter som kan användas och göra webbutvecklarlivet lite smidigare.

Backbone.js som grundstruktur i appen

När man jobbar med ensidesappar så tycker jag om att strukturera hela appen i javascript och undvika så mycket ren html som möjligt. Visserligen blir det lite enklare att ha vissa delar som templates (använder här underscore.js till templates) men det allra mesta genereras på ett alldeles utmärkt sätt av bra mv* ramverk.

Det finns många javascript mvc (mv*?) ramverk, det jag själv har lärt mig tillräckligt bra är Backbone.js och det gillar jag och kommer fortsätta att jobba med. Jag gillar att det finns en tydlig struktur för hur man kan jobba i Backbone men det går ganska enkelt att lämna denna struktur och göra egna lösningar om så krävs. Det är också väldigt enkelt att bygga ett backend på servern till Backbone.

Jag började att kika på ett helt ramverk för att göra html5 appar som heter Ionicframework. Jag tyckte att det var snyggt och var trevligt nog kopplat till Cordova om man skulle vilja göra om det hela till en app som går att lägga upp på Google play/appstore. Här använder man dock angular.js som mv* ramverk och då jag inte riktigt hade tid att lära mig det så fick det vänta. Det kan dock vara ett bra tips att titta på för dig som utvecklar html5 appar.

Topcoat som css grund

I det här projektet ville jag även testa och få lite ny inspiration gällande css. Man kan förstås alltid skriva denna själv men jag gillar att använda mig av andras lösningar ibland för att få ny inspiration till bra idéer. Den här gången föll valet på topcoat som är css framtagen för just webbappar och för att dessa skall prestera bra (enligt dem själva). Bakom topcoat ligger adobe och det görs som ett open source projekt.

Jag tyckte att Topcoat hade många riktigt bra och rätt snygga lösningar men var ändå att tvungen att skriva en hel del egen css (355 rader) för att få till alla delar. Jag blev heller inte klok på hur de hade tänkt med ikonerna i topcoat och valde att strunta i dem och istället använda icomatic icons som är font icons.

Jag tror inte att jag kommer att återanvända topcoat igen som css grund, det var alldeles för mycket som var otydligt i dokumentationen och inte agerade på det sätt som jag själv tycker är bra.

Att använda hårdvaruaccelererade slides

En sak som jag själv tycker är viktigt för att få ”appkänsla” i en applikation är att slides och animeringar är snabba, smidiga och snygga. Här gjorde jag därför så att jag använde css3 och de ”transforms” som finns där. Eftersom det finns bra stöd för dessa hårdvaruaccelererade i just mobiler så blev det väldigt bra och snyggt. Testa gärna detta här nedan så får du en känsla för det:

[webapp_slider_demo]

Javascripts Filereader api och sätt att ”komma åt” kameran i en mobil

Själv grunden i webbappen var att man skulle kunna dela bilder i ett flöde (instagram typ). För att det skall kunna fungera krävs åtkomst till mobilens kamera, något som tidigare har varit svårt att få från en webbsida. Idag verkar dock det vara allmänt möjligt att genomföra genom att lägga till attributen accept=”image/*” capture=”camera” i en file input.

JAVASCRIPT/JQUERY
$(':file').change(function () {
 
 var self = this,
     pic = this.files[0],
     reader = new FileReader();
 
 reader.onload = function(e){
     $(self).after('<img src="' + e.target.result + '" width="100%" />');
 };

 reader.readAsDataURL(pic);

});

HTML:
<input id="file" type="file" accept="image/*" capture="camera" />

Det är då relativt enkelt att med hjälp av javascript lyssna på om en fil, dvs en bild, läggs till i formuläret och sedan läsa in denna fil med hjälp av Filereader API:et. För att visa hur detta fungerar så kan du testa demon här nedan där en bild läses in och en mini preview visas av denna bild:

[webapp_camera_demo]

Obs! Inga bilder laddas upp på servern eller sparas.

Laravel som backend

Eftersom Backbone i mångt och mycket är byggt för att man skall ha REST backend (det går ändå att klara sig utan) så valde jag att lägga ett backend byggt på php ramverket Laravel som har riktigt bra stöd för detta. Jag skulle hellre vilja använda wordpress och alla de fördelar som man får genom det men jag har inte koll på om det går att bygga liknande REST api:er i wordpress ännu. Jag vet att det jobbas på ett WP-Api men det är ännu inte riktigt klart och ligger för tillfället som ett plugin som skall utvecklas och in i wordpress core.

Jag tycker ändå att det fungerar mycket bra att jobba med Laravel i det här fallet.

Var är demon?

Nu tänker du säkert att du gärna skulle vilja se hur detta fungerar live. Det hade ju jag själv också velat se om jag läst hela det här inlägget. Men tyvärr kan jag inte lägga upp en demo på just denna webbapp.  Jag skall göra fler liknande applikationer i framtiden så det kommer definitivt att finnas möjlighet att lägga upp andra och liknande demos. Jag hoppas ändå att inlägget har gett lite tips och idéer för dig som håller på med liknande saker.

Läs mera

• Snabbare klick i mobil webbläsare
• Node.js – javascript på servern

The post Att bygga fotowebapp med backbone, topcoat och hårdvaruaccelererade slides appeared first on Websimon.se.