Education is all a matter of building bridges.

En kunskapsblogg

[byjeanette]

This is the End.... Examinationsuppgift för Web- och Interaktionsdesign Jeanette Andersson

1. Webshop

Min webshop för "Move with Style" har jag skapat i Tictail. Där finns det en del färdiga teman med koder man kan använda sig av. Jag valde Lamare för jag tyckte den passade min målgrupp.

Move With Style riktar sig till den aktiva kvinnan som gillar att shoppa snygga träningskläder i starka färger. Hon gillar att färgmatcha outfit med skor och skulle aldrig gå till gymmet i en sliten gammal t-shirt eller ett par hängiga joggingbyxor. Comfort och stil är viktigt!  Jag har lagt in 30 bilder på produkterna som är fixade i Photoshop för att ge tydliga och likartade bilder. Då Move With Style är en ny och liten butik så börjar vi med Tictail för att förhoppningsvis längre fram kunna skapa en mer anpassad butik där man kan få inspirationsbilder, filmer, träningstips, osv. Vi kommer jobba mycket med sociala medier, först och främst Instagram och Facebook.  En del har jag ändrat i kodningen: 

Blogg var felstavat.

Jag har ändrat bakgrundsfärgen i Header så den passar målgruppen. Färgkoden tog jag fram och kopierade in från Photoshop. 

Jag har ändrat storlek och stil på namnet "Move With Style"

Kunskapsreflektion

Jag tycker denna kursen har varit väldigt lärorik och jag har förstått hur viktigt det är att kommunicera med rätt bilder och verktyg - och hur mycket arbete som faktiskt ligger bakom varenda liten produkt i en e-handelslösning. Det är otroligt spännande och jag önskar att kursen hade varit längre så jag hade kunnat utveckla alla de moment vi har varit inne och touchat på men inte haft tid att fördjupa oss i. Bara att starta en webshop gjorde att det bubblade upp en massa ideer i mitt huvud och jag skulle behöva veckor för att göra den färdig så som jag vill ha den.  Genom våra undersökningar och telefonsamtal till olika företag som arbetar med e-handelslösningar har jag fått förståelse för vilket oerhört projekt det är att starta ett stort företag visuellt och tekniskt. För mig som alltid har jobbat på ekonomisidan var det fantastiskt spännande att få komma in i denna världen och jag ser fram emot att få jobba med det sen när jag är färdigutbildad. 

2. Teknisk del HTML/CSS

I den tekniska delen har jag använt mig av Notepad++. Jag skapade en CSS-fil för att göra alla stora inställningar som sen kopplades ihop med flera HTML-filer. Jag har styrt storlek på mina texter, färg, teckensnitt, placering av text, bakgrundsbild, storlek på bild och att den inte ska repeteras från CSS-filen för att skapa ett enhetligt intryck. 

På mina HTML-sidor har jag på var och en kopplat olika ljudfiler i wav. På Index-sidan har jag lagt in en liten bild på mig själv, en länk till min blogg, hemsida, mina bilder och mer om mig.

På mer om mig-sidan har jag lagt in text om mig själv, en länk till Handelsakademin och information om vår utbildning.  Ett foto som jag har redigerat i Photoshop ligger under mina bilder. 

När jag var klar insåg jag att jag hade tryckt in alldeles för stora filer som överskred max storlek på mappen vi skulle skicka in så jag fick tyvärr ta bort en del foton. Men det viktigaste kom med! 

Kunskapsreflektion teknisk del

Kodningen var så mycket mer spännande än jag tänkte!  Jag är fruktansvärt feg och osäker i början med något nytt men sen när jag börjar förstå då är det full fart - och så kul det var!!  Hade ju som sagt oturen att missa ett par viktiga dagar på denna del vilket jag fick kämpa rejält med nu på slutet. Jag har sökt och läst inte bara på W3 Schools som Johan rekommenderade utan även en hel del andra bra sidor och forum. Vad hade vi gjort utan Internet.... Hur klarade man sig innan dess?  Så även här, jag skulle vilja ha mycket mer tid att fördjupa mig i kodningen, att göra mer coola saker, att få mer aha-upplevelser som har varit så häftiga de här dagarna på slutet.  Den tekniska delen fick mig absolut att få mersmak, det är jättekul att veta hur allt hänger ihop där bakom skärmen!  Men den här utbildningen är ju utformad så att vi ska kunna lite om allt och det är ju oftast så det ska vara när man ska leda människor i projekt. Du ska känna till det men du behöver inte vara expert!

Så med detta, vill jag säga Tjing tjing för sista gången och tacka för en fantastiskt intressant och bra planerad kurs med en inspirerande lärare! 

//Jeanette - Blivande E-business Manager 

[byjeanette]

Sista dagen

Tisdag var den sista dagen i kursen för min del då jag hade planerat både jobb och läkarbesök i onsdags. 

Vi satt precis hela dagen fastklistrade vid våra datorer och fick fixa med vår slutuppgift som ska skickas in till Johan senast på fredag kl 16.00. Vilket för min del innebär IDAG då jag ska jobba imorgon fredag. 

Jag fick många aha-upplevelser, både vad gäller Photoshop och HTML/CSS och Tictail. Det gäller ju att våga testa och jag kan tyvärr vara lite feg med det. Det kändes oerhört skönt att sitta där om jag behövde fråga något. 

En av mina stora motgångar dessa veckor har dumt nog varit nätverket på min dator i klassrummet! Det har gjort processen långsammare och mitt tålamod har fått sig några prövningar. 

Fokus var att få in 30 st produktbilder i min Webshop.  Från början var min tanke att ta foton själv med min systemkamera hemma men då jag vet hur svårt det är med ljuset och att få bilderna likadana så valde jag att hitta dessa bilder på Google helt enkelt. Jag ville även få dessa bilder klara i skolan när jag satt med rätt version av Photoshop. Vilket verkligen var TUR....  Ändringarna jag gjorde i Photoshop var att på varje bild först ändra canvas size, se till att bakgrunden var vit genom att ta bort eventuella logor och text i och beskära den så som jag ville ha den.  På alla toppar och skor ville jag ha fyrkantig bild vilket var lätt att få till om jag höll ner Shift + Crop Tool.  För att sen göra en ram på varje bild markerade jag inuti runt bilden, högerklickade sen och tryckte Inverse och använde sen Bucket Tool för att fylla i svart färg. Klart!  Att lägga in produktbilder i Tictail var ganska lätt men det tog ändå större delen av dagen att få ihop allt. 

Nu ska jag fixa klart det sista delarna! 

Tjing tjing! 

[byjeanette]

Nu händer det grejer!

Idag har det varit workshop hela dagen!  Kände mig ganska förvirrad i början då vi började prata om uppgiften och vad som skulle göras i HTML och CSS, ska erkänna att jag inte fattade alls vad jag skulle göra! Det verkade vara 2 viktiga dagar jag missade och jag fick lite panik där ett tag.  Som TUR är har jag underbara Ida bredvid mig som gärna hjälper mig och svarar på alla mina frågor som bara hoppar ut ur munnen titt som tätt ;-)  Hon körde en snabb genomgång för mig och då blev jag lugn igen. Skönt att vi fick så mycket tid på skoltid att sitta och testa och fixa, om inte Johan har tid så finns det ju alltid någon annan som har snappat upp något som kanske inte jag har. Det är ju alltid roligt att kunna hjälpa någon annan också.  Kom en bra bit på vägen med mina CSS och HTML-sidor och tror jag kommer få rätt på det sista hemma. 

Den här sidan är till stor hjälp tyckte jag: 

http://webdesignskolan.se/

Jag har även startat min första Tictail - vilket alltså är en gratis lösning på en egen Webshop!  Funderade lite fram och tillbaka på vad jag ville sälja och med tanke på att vi själv ska fotografera lite så beslutade jag mig för träningskläder, det har jag en del av och det tycker jag själv är kul att köpa. Naturligtvis skulle jag då också ha ett bra namn på min sida och med lite brainstorming med Ida blev det Move with Style. Har börjat ladda ner en hel del bilder som jag sen tänkte fixa med i Photoshop. Ska sen fotografera de kläder jag har hemma tänkte jag och även fixa med dem. Tror det kommer ta en hel del tid.... och Photoshop är jag som sagt inte kompis med än.  Har nu ikväll laddat ner en gratisversion av Photoshop och Notepad++ till min dator här hemma så nu får jag sätta fart. 

Idag fick vi även veta att schemat i Adela inte stämde, vilket gör att onsdagen som jag trodde vi var lediga på betyder arbetsdag för mig och att jag missar den sista lektionen med Johan. Känns lite trist! 

Tjing tjing! 

[byjeanette]

Onsdag - en dag med repetiton och fördjupning

Sista dagen denna veckan. 

Vi pratade djup i våra kunskapsbloggar - vad ska man tänka på när man bloggar och hur ska man nå ut till den målgrupp man riktar sig till?  Jag gillar verkligen att lyssna på Johan, blir inspirerad av hans engagemang och sätt att föreläsa. 

Vi pratade kortkommandon (vilket jag själv är EXTREMT dålig på....) och gick igenom Photoshop ännu en gång.  Tyvärr känner jag inte att jag har tålamod nog att sitta med Photoshop när vi sitter i klassrummet, jag vill sitta i lugn och ro hemma, vilket jag nu måste göra denna veckan. 

På eftermiddagen var det dags för ett nytt grupparbete, denna gången skulle vi titta närmare på olika gratis-lösningar om man vill starta en webbshop. Vår grupp hittade några olika som vi sen försökte testa men absolut inte var nöjda med. Ordet gratis har verkligen olika betydelse och är sällan så bra som man tror.  Sammanfattningen av eftermiddagens arbete var helt klart att Tictail fortfarande är högintressant och en annan sida finns även som ett likvärdigt alternativ - freewebstore.com. Denna får jag titta närmare på inför slutuppgiften på kursen! 

Nästa vecka är de sista tre dagarna i denna kursen och då hoppas jag kunna få in all kunskap om HTML och CSS som jag tyvärr missade. 

Tjing tjing! 

[byjeanette]

Tisdag - research på företag med e-handelslösningar

Denna dag var det full fokus på att göra research på olika företag med e-handelslösningar.  Johan pratade mycket om ett företags livscykel och hur man analyserar ner detta i olika steg och scenarion. 

Vår uppgift var att i grupp först hitta så många företag som möjligt, sen presentera dessa inför klassen för att sen få tilldelat 5 företag/grupp vi skulle jobba vidare med. I min grupp så tog vi ett företag per person och tittade vidare på via deras hemsidor och ringde sen upp för att köra en liten intervju angående deras verksamhet. 

Vi diskuterade tillsammans ungefär vilka frågor vi skulle ställa och jag kan förstå att många som inte har varit ute i arbetslivet så mycket som jag faktiskt har kände sig osäkra. Jag har ju trots allt fördelar att ha jobbat och varit väldigt aktiv i stora projekt med att byta affärssystem och erfarenhet från flera olika branscher. Trots detta så tycker jag inte riktigt om att ringa och störa folk men mitt samtal var verkligen superintressant och givande! Jag ringde till Site Direct och fick prata med Robert som jobbar som Affärsutvecklare som faktiskt är en typ av tjänst jag själv kan tänka mig efter min examen. Han tog sig tid att svara och det märktes att han tog tillfälle att marknadsföra sitt bolag och hur de jobbar. 

Vi hade ett 20 minuter långt samtal där vi bland annat diskuterade: 

- Integration av olika affärssystem - Teknisk support - Utbildningar i E-handel - Sökoptimeringstjänster - Analysering och verktyg vid försäljning e-handel - Kassasystem - E-handelssystem - Omnichannels - Shop statistik

http://www.sitedirect.se/ 

Samtalet slutade med att han ställde en del frågor till mig om utbildningen, vad jag ville jobba med framöver, när jag tar examen och uppmanade mig till att söka jobb hos Site Direct när jag är färdigutbildad. Vilket så klart kändes otroligt smickrande och fick mig att känna mig trygg med att det förmodligen kommer att bli lätt att få jobb när utbildningen är klar. Det händer SÅ mycket i branschen hela tiden och det är precis det jag gillar - förändring och nytänk! Spännande!!! 

Tjing tjing!! 

[byjeanette]

ORDkunskap & BILDkunskap

Denna veckan kommer det bli en hel del repetition men även fördjupning på vissa delar vi har lärt oss hittills. Idag har vi pratat en del om PR och Reklam. Om man vill använda sig av PR för att marknadsföra sig så kan man till exempel skapa ett event och bjuda in en tidning till detta för det ska bli intressant att skriva en artikel om just dig och ditt företag.

Som med alla nischade områden finns det en hel del termer som är bra att kunna i branschen. Här kommer några av dem vi har pratat om idag:

CI-system - Comptetetive Intelligence Information om vad dina konkurrenter gör

IOT - Internet of Things

Touch Points - Där kunden/användaren möter ditt varumärke

Virala effekter - Att något sprids som ett virus t.ex när människor berättar om din produkt/tjänst för sina vänner

Designare - Latin för Ge mening

Anomalier - Skillnad. T.ex svartvita bilder - en bild i färg. Rörelse - något annat stillastående.

Effektmål - Om de har gjort som jag ville, vad får det för effekt då? T.ex ökad konverteringsgrad.

Utfallande - T.ex om en bild fyller hela ytan.

Gamification - Spelifiering. Något man gör för att skapa trygghet för kunden - att man t. ex anger vad som kommer i nästa steg.

På eftermiddagen hade vi fokus på bilder/filmer och att genom dessa förmedla ett budskap till målgruppen. Dessa bilder utan text:

Bild med text:

Vi fick se många både roliga och sorgliga filmer. Det är så intressant att höra alla andras sätt att tänka och tolka in betydelser och hur olika man associerar. En riktig mysdag med andra ord!

[byjeanette]

Uppgift 2

Då var även denna veckan över, vilken för mig tyvärr bara innebar en dag i skolan vilket gjorde att jag missade 2 dagar med HTML och CSS. Hoppas kunna ta igen detta nu i dagarna. 

I onsdags däremot var det gruppövningar hela dagen och det var jättekul! Först fick vi tillsammans hela klassen göra lite brainstorming - vi skulle slänga ut smarta affärsideer med lite framtidstänk utan att ta hänsyn till att det skulle vara genomförbart här och nu. Vi stod samlade och skrev upp allt på postit-lappar som sen Johan läste upp och satte på tavlan. Kul övning som fick hjärnan att tänka stort och utanför boxen.  Sedan skulle vi dela in oss i grupper, helst med några som vi inte kände så väl eller inte hade jobbat i grupp med tidigare. Tillsammans fick vi sen större delen av dagen på oss att diskutera ideer, sen bestämma oss för en gemensam produkt som vi sen skulle göra en hemsida på med hjälp av Tictail. Dagen avslutades med att vi presenterade grupparbetet för klassen. Otroligt kul att höra vad alla hade jobbat fram och hur de valde att sälja in det. 

Här är vår sida: http://beyourowndoctor.tictail.com/

Tänkte tyvärr inte på att ta några foton under dagen, ska bli bättre på att dokumentera! 

Jag upplevde Tictail som väldigt lätt att jobba med. En hemsida som är väldigt lik en blogg att redigera i. Det finns absolut begränsningar men det räcker gott och väl för ett företag som endast har en eller ett fåtal produkter i sin webshop. 

Vi har i tidigare arbete använt Tictail i grupparbete i vår utbildning men ingen av dessa har jag själv varit den som suttit och skapat sidan. Men det kommer säkert komma längre fram. 

Imorgon är det måndag och jag ser fram emot en ny spännande vecka! 

Tjing tjing!! 

[byjeanette]

Uppgift 1 - 10 intressanta fenomen på webben

Det är söndag kväll och jag tänkte sammanställa min uppgift inför nästa vecka. Ser fram emot att få lära mig mer och det känns inte alls bra att jag nu kommer att missa hela 2 dagar i skolan för att jag börjar nytt jobb. Jag hoppas och tror jag kan ta igen detta lätt men gillar helt enkelt inte att missa att vara där det händer något kul och intressant! Särskilt som denna kursen faktiskt bara är 4 veckor. 

Men, till uppgiften! 

Den är uppdelad i tre kategorier som jag presenterar nedan: 

    1. Saker jag använder ofta

http://www.imdb.com/ - En av mina absoluta favoritsidor! Jag önskade jag startade denna fantastiska sida som även finns som app. För mig som filmälskare är det en fröjd att sitta och läsa och kolla recensioner på filmer jag funderar på att se och även kunna söka filmer/skådespelare för att se om jag jag faktiskt har sett alla. 

http://www.myfitnesspal.se/ - Internet flödar av olika sidor där du kan logga din mat för att hålla koll på ditt dagliga kaloriintag. Denna sidan som jag använder som app är smidig, snabb, smart och framför allt gratis. 

http://www.swefilmer.com/ - Här tittar jag ofta på filmer och serier. Sida jag både hatar och älskar på grund av all reklam som har popupsidor till förbannelse. 

http://www.shazam.com/ - Denna appen har funnits rätt länge men jag är fortfarande en flitig användare då jag älskar att få veta vilken låt jag lyssnar på så jag kan höra den snart igen! 

    2. Saker jag tror jag och andra kommer använda mer i framtiden

http://www.azumio.com/apps/sleep-time/ - Den här appen har jag nyligen börjat använda. Vet inte riktigt om jag ska tro på det eller inte men stämmer det så är det fantastiskt.Och intressant! Finns andra appar som också spelar in när du snarkar.

https://www.screenr.com/ - Ny sida för mig men absolut något jag kan tänka mig är kanonbra och smart! Vill testa! En sida där du kan spela in både ljud och bild från din skärm och snabbt dela på nätet. Allt som sparar tid är intressant för framtiden. 

http://www.tripadvisor.se/ - En favoritsida som flitigt används av mig för att titta efter recensioner på resmål från andra resenärer. Jag kollar varenda hotell och ort innan jag bokar en resa. Då vi reser mer och oftare tror jag det är viktigt för oss att läsa vad andra tycker på ett snabbt och lätt sätt på en samlad sida. Jag borde - och ska absolut bli bättre på att logga mina egna resor här.

    3. Saker jag tror de andra inte har sett

http://www.azumio.com/apps/heart-rate/ - Även denna appen använder jag då och då, särskilt när jag har mina perioder med väldigt intensiv träning. Den mäter dina hjärtslag och du kan jämföra hur de förbättras/försämras under en period. Också intressant och användbart.

http://www.maphook.com/ - Find it. Do it. Share it. Get hooked. Gillar ideen på denna sidan. Snygg och smart. Du kan logga intressanta platser för att tipsa andra. 

http://www.geocaching.se/ - En av mina favoritsidor/appar. En fantastisk ide som generar en mysig och kul hobby man lätt blir beroende av. En sorts skattjakt där man i hela världen kan genom denna app hitta gömda "skatter" genom kompass och ledtrådar.

Tjing tjing! 

[byjeanette]

Kunskapsblogg

Jag heter Jeanette och går en 2-årig utbildning som heter E-business Manager som drivs på Handelsakademin i Malmö. 

Nu är vi igång med webb- och interaktionsdesign och det känns som en spännande och kul kontrast till våra tidigare kurser i utbildningen. Jag har stora förhoppningar om att locka fram min kreativa sida som ibland har gått ner i något slags viloläge när jag inte håller den levande....!

Vi har dessa första dagar fokuserat mycket på att få igång våra datorer med alla program och webbläsare vi kommer att behöva under utbildningen. 

Kursen är uppbyggd på ett sätt där jag genom denna blogg ska berätta om all min nya kunskap och tankar kring vad jag lär mig dessa fyra veckor. 

Idag har vi diskuterat olika bloggsidor som är gratis och inte har reklam. Johan, vår lärare skrev upp en lista på dessa som vi fick välja ifrån. 

Bloggandet blir alltså en stor del av vår utbildning och jag har denna gång valt att använda Tumblr som verktyg då jag har tidigare erfarenhet av andra sidor. Alltid kul att lära sig något nytt och se skillnaderna. Vad som är viktigt för mig är att jag kan ändra utseende och lägga upp bilder på ett snyggt och enkelt sätt. Även att det finns en app där jag snabbt kan lägga in nya inlägg via mobilen är smidigt.

Vad som också var nytt för mig var att redigera i Photoshop. Detta gjorde vi igår efter att ha haft lite utbildning i fotograferingens grunder. Jag hade med mig min egen systemkamera och vi fick gå ut i Pildammsparken och ta porträttbilder på varandra. Jättemysigt och kul! Väckte mitt intresse för foto igen!

Idag har vi också pratat om kortkommandon, som jag verkligen behöver bli bättre på att använda. 

Johan har idag skapat en lärarblogg där han kommer sammanfatta allt nytt vi lär oss och vi kommer även kunna se våra hemuppgifter där. 

Vi kommer att få lära oss HTML och CSS med början nästa vecka, det ska bli spännande! 

Riktigt bra första vecka tycker jag. 

Tjing tjing!