Lektion 6. Jobba i projekt, Business innovation

Jobba i projekt, business innovation 

Man kan jobba i linjära organisationer med projekt ledare och i matris organisationer. I dom båda blir man oftast anställ och få en roll/beskrivning i ett projekt som kallas funktions beskrivning som det står fint i kontraktet. I samtal med chefen handlar det om roll och ansvar.

Inläggstips!  

Innan du startar ett projekt, tänk på fiba. 

F.I.B.A – formulera, idegenerera, bygga, agera. Detta kan vara en bra tanke mall att tänka på innan man startar ett projekt.

Formulera- för vem? Vad? Vilken effekt skall uppnås?

Idegenerera- brainstorma, alla galna idéer är välkomna, hitta en utveckling på en galen idé – vidar utvecklar den till något relativt. Bolla med varandra.

Bygga- bygg på varandras idéer, stick inte iväg. Gotta ner er i en relativ idé och utvecklar den.

Agera- vad skall göras? Vad behövs? Hur får vi detta gjort?

Uppgift 

Vi har fått i projekt att i grupp starta en e-Handels butik som skall vara värdegrunds drivet, cirkulärt, cirkulärt ekonomi med fokus på blue water.

Min förklaring. 

Red och blue water pratar man mycket om, här tänkte jag förklara detta. Red Waters då gör man något som redan finns tex.  men man kanske har bättre priser eller bättre leveranser osv. Man kopierar lite på en tjänst/produkt och gör sin versionen det. Red water då är man och fajtas i smeten bland andra hajar!

Blue Waters då är man på öppet okänt hav. Då letar man efter nya havsdjur och oupptäckta öar. Man letar alltså efter nya möjligheter, något som inte finns ännu, det finns massvis med saker som ingen har tänk på ännu ( speciellt i den relativt nya e-Handels branschen ).

Vi jobbade på vårt projekt hemma hos klasskamrat (team work) som var väldigt kul och givande. Vi satte verkligen in oss i vår målgrupp och bjuder på något extra ;D

Detta är vad dom två första veckorna hade att bjuda på, detta är skrivet samma dag som lektionen men är upplagt i efterhand så jag är tillbaka nästa vecka igen med resultatet på vårt projekt och med massa mer lektioner från webb & interaktiodesign. Missa inte det!

Lektion 5. E-handels verktyg & CSS

Vi pratade om olika e-handels verktyg;

Olika e-handels verktyg pratade vi om och vi i grupper gick in och letade upp 25 olika varianter för att sedan välja ut 10 att grotta ner oss i för att där efter ta fram dom 5 bästa alternativen och presentera muntligt. Det skulle vara allt till det lilla företaget med billiga lösningar till det stora med en dyra lösningar och affärsmodel.


Här kommer en mer uppdaterad lista ( du kan också läsa mer här);

Till WordPress finns pluginen Woo-commerce som gör att du kan koppla en e-handel till din WordPress-sida.

www.askas.se,www.ebutik.se,www.jetshopfree.se,www.nordiskehandel.se,www.litium.se,www.starweb.se,

www.sitedirect.se,www.textalk.se,www.tictail.com,www.argonova.se,www.c4media.se ,www.danaweb.se,

www.dynamicweb.se,www.e37.se,www.enferno.se,www.my123eshop.se,www.panagora.se,www.preemtech.se,

www.starrepublic.com,www.talex.se,www.startabutik.se,www.webcore.se,www.wikinggruppen.com.

Jag pratade om textalk i skolan.

Inläggs tips!

Det finns massa hemsidor som testar och jämför just e-handels lösningar. En som är super bra är www.jajja.se där hittar du all info.

CSS

CSS står för = stilen/designen medans html står för innehållet.

Min förklaring;

Css är ett annat språk/variant som underlättar för dig att designa stilen på dina html filer. Istället för att gå in på vart ända html sida du har i din mapp för att ända färg, text, typsnitt, utseende m.m så gå du bara in i css filen ( 1fil för stil/design ) och ändrar tex. Bakgrunds färgen. Och då ändras det i ALLA html filer för dig. Css är kopplat till alla dina html sidor, spara dom i samma mapp. Du ser skillnad på {css} och <html> och i filformat .css eller .html .

Inläggstips!

Glöm inte att spara css filen även i Notepad++ för PC eller i Textwrangler för Mac dator. Spara filen i filändelsen/filformat .css . För att det skall bli kopplat mellan css och html filer så lägger du in denna länk högt upp i början på varje html sida. Dock BYT UT filnamnet till din.css fil. Så datorn blir länkad till din css fil. Även här använd dig av w3schools!

Min Css sida försvann också tillsammans med min HTML sida på skoldatorn. Av enkelt dummt sparnings fel. Jag tyckte Css var lite svårare att förstå till en början men är ett enklare verktyg till HTML helt enkelt. Jag kunde lösa alla uppgifter som vi fick efter att har provat sig fram en stund. NÖJD TJEJ! 😀

Lektion 4. HTML

Dagen började med att presentera våra bloggar inför klassen. Där jag förklarade varför jag valt wordpress, vem jag skriver till, hur jag har skivigt, när jag tänker skriva, syftet, designen, smarta funktioner, bra och dåligt med bloggen, kommande förbättringar osv. Vill ni veta mer djupgående om min presentation så får ni gärna kontakta mig så kan jag svara på dom frågorna!

Idag pratade vi också om;

PPPL=Positiv, Potentialer, Problemet, Lösning som är en Feedbacks metod/feedback modell.

Är en metod för hur man ger feedback/kritik på ett vettigt sätt utan att låta för negativ eller på hoppande. Så börja med att säga det positiva, sedan vad som det finns potentialer för att bygga vidare på, fortsätt med vad DU TROR problemet är och sedan avsluta med en hjälpande tanke och ge en lösning på problemet.

URL-Uniqe Resource Location pratade vi också om som betyder mer PLATSEN på webben.

SEO – Search Enginge Optimazation pratade vi också om. Som man använder sig av för att HITTA MIG. För att webben och folket på webben skall kunna hitta mig så krävs det att jag har bra rubriker och taggar mina inlägg och även länkar till andra sidor som är ett vinnande systemtänk + ökad trafik koncept för att bli sedd och komma upp på tex. Googles sökmotor. Alltså nyckeln till SEO är Rubriker/taggar/kategorier/etiketter och sedan länkar till andra och så dom till slut börja länkar tillbaka till dig. DÅ börjar Google gillar dig riktigt bra!

Olika former/kanaler för information

       PR           Sociala Medier        Reklam

E-handel       webb             blogg

   Nyhetsbrev

 

HTML

Html = Hyper Text Markup Language = Språk som hanterar länkar
Med tex. html-koder så bygger du upp en hemsida. Såhär är ofta en hemsida och HTML uppbyggt med dessa fält;

                                                                                   Header

                                                                Leftnav       Body          Rightnav

                                                                                    Footer

Inläggettips!

Det är väldigt smidigt att använda sig av ett enkelt text program ( som inte redigerar din text automatiskt ) att samla/spara dina koder i. Ladda ner dessa först innan du börja koda i HTML.

PC; Notepad++

Mac; Textwrangler

Min förklaring.

HTML finns det massvis med info och hjälp om på webben redan, det är färdig kodat. Att sno någon annans kod får man tydligen göra eller det ÄR det folk gör. Man hittar alltså inte på koderna helt själv utan man kan bara Kopiera koden till den funktionen man vill ha och Klistra in det i sin egen html fil.

Inläggstips 2! Jag är generös idag.

Allt du letar efter eller lär dig i HTML och CSS koder finns samlat på www.w3school.com . In och sno alla koder därifrån. Sök tex. Html backgound color, så kommer koden upp och du kopiera den.

Kortkommandon; Några som funkar i ALLA program som du bör lära dig för att kunna arbeta mer effektivt mellan fler olika program samtidigt är;

CTRL+Tab=Byt program/fönster

CTRL+A= markera Allt.

CTRL+C=Copy

CTRL+V=Visa, Klistra in

CTRL+Z= Ångra

I HTML så använder man sig av olika html taggar/länkar/kod folk säger olika ord i detta språk. På en html kod finns det; en start vart koden skall börja gälla-ett innehåll tex. Fet stil på texten, En bild-ett slut för när innehållet ska sluta gälla.

Tex;

Starter <html> <h1> <p> <h3>

Slut </html> </h1> </p> </h3>

Exempel att kopiera; 

Html länk att ha på din svenska sida för ÅÄÖ skall funka är;

<meta charset=”UTF-8”/>

Denna koden lägger du alltså mellan <html> och <head> eller efter <head> i början högst upp på filen.

När du sparar din fil i tex. Notepad++ eller Textwrangler så är det viktigt att första sidan heter INDEX och filändelser är .html = index.html . Dessa html filer skall sparas i en egen mapp på tex. Skrivbordet. För att lätt kunna justeras med CSS senare. (mer info om CSS kommer nästa lektion)

Min HTML sida råkade tyvärr har försvunnit pgv. enkelt fel där jag sparade på fel dator (skoldatorn). Men jag lärde mig väldigt mycket. Jag tyckte HTML var ganska enkelt ändå, känner att jag förstår språket och upplägget. Gjorde mycket HTML på Lunarstorm när man gick i klass HTMLfem. Jag gjorde olika funktioner och effekter som byta bakgrundsfärg, textfärg, ÅÄÖ, typsnitt, centrerad, fetstil, länka, bilder, videos, text som rörde sig i sidled m.m

Lektion 3, bildhantering

På fredagen kollade vi in i 3 olika bildhanterings program. Vi började med snapseed ( bäst som app på mobilen eller platta) där vi fick igenom olika inställningar och hur appen fungerar. Riktigt bra app jag rekommendera till verkligen ALLA, super enkel och roligt som tusan! Därefter gick vi över till fotor (alltså bäst på datorn) och såg på grunderna där på hur man kan göra för att få fram en bild bättre. Efter lunch började vi äntligen i PS – adobe photoshop och vi använder version PS CS3. Finns att ladda ner gratis i 1 månad på prov. Annars är det ganska dyrt att köpa. Vi gick genom rullgardinsmenyer alltså dom översta flikarna men tydligen bara det nödvändigaste ;P fanns hur många knappar som helst att lära sig! Gjorde bild övningar, klippa och klistra och i sådär 2 olika lager till en början. Jag blev tvungen att gå efter genomgången men har gjort lite i photoshop hemma, se nedanför…

bj8kjsoqkq80iGglFxcmh5g0le4kqUlT_WyOgUQz4E0

MeJIUTUJlV_QA0Z6CEN_atAUvC2WCCCw8rTgGkUp8YY Sånna här bilder tog jag i våras med min Canon 100D system kamera (kan inget om foto). I PS klippte jag ut blommorna..

GvZco7enSkfeKZtMkTwN0Ey7IIxeX3qdi8yy_E94d6U

Dom utklippta blommorna, drog jag in i en nya bild ( gardinerna), lade varje blomma i ett lager, så jag hade alltså 8 lager och en bild. ( lager är ofta genomskinliga, ett verktyg som fungerar som olika filter som ligger uppe på varandra, varje filter lägger du till något tex. en blomma. lager=filter= en blomma ) .

När jag var nöjd med min produkt lade jag ihop alla lager och bild till en gemensam vanlig bild, komprimerade ihop och valde vanligt bild format. jpg.

Inläggstips!

Som inrednings intresserad kan jag tipsa om en grymt kul app som heter Neybers där jag brukar leka/spela och inreda miljöer eller magasin. Ni kan följa mig på Neybers och lika mina designs.. följ; sofie_johansson_2

ymYtYZUtzqN4G03kl36GcH9gsXJhSI0a_4EKJ3l58Y4

Jag ville inte bara göra en produkt utan också sätta in den i en miljö som är mer säljande.. jag gick in i min app, designade rummet.. tryckte på printscreen och la upp rummet bilden i PS. Jag la nu även in mina gardiner på rummet bilden.. voila! 😀

Lektion 2, taggcloud

På torsdagen tog det allt för länge att hämta låne datorer, logga in på dom, uppdatera olika webbläsare, uppdatera java eller silverlight program. Skolan wifi har inte tillräckligt starkt nog att låta hela klasser ladda ner samtidigt så vi fick göra allt i omgångar ( hade massa spring i benen egentligen). Vi gjorde en facebook grupp för klassen och vår lärare johan, johan har även gjort en blogg för klassen där han lägger upp nya uppgifter till oss tex. att göra den här bloggen 🙂 Vi gjorde ett tag cloud med klassens kompetenser. alltså alla fick 3 post-it lappar var att skriva ner en kompetens på. Alla samlades in och sattes upp på tavlan, satte liknade kompetenser ihop – ett tag cloud. Sedan fick vi i uppgift att göra detta digitalt men hjälp av olika tag cloud creators. vi skulle göra en billig, en dyr och en färgstark.  tips på olika sidor tex. edudemic. Vi gjorde också en marknadsundersöking på gratis reklam fria bloggar ( weebly, wordpress, blogger, metrobloggen, blogg123 m.fl.), vilket till slut resulterade till  jag valde att göra min här på wordpress. Vi skaffade också olika moln tjänster ( dropbox, onedrive, google drive, box m.fl.).

tag-cloud-färgstark-tagul

tag-cloud-tagul-dyrtag-cloud-tagcrowd Ni kan väl gissa vilken av dessa som är den färgstarka, den dyra och den billiga.

Lektion 1, Appar

Ny kurs som är Webb & interaktionsdesign som blir nu i 2 veckor sedan 2 veckor break och där efter 2 nya veckor, totalt 4 veckor då! så ni får ha tålamod och se vad som händer när kursen är avslutat helt enkelt. Ny lärare Johan han verka som en snäll kreativ kille, verka kunna allt inom det digitala!! Hela dagen gick åt att lära känna varandra mest och så hade vi fått i läxa veckan innan att göra en presentation om oss själva på 30 sek, jag hade klippt ihop ett litet bild collage men baktanke att EN bild säger mer än 1000 ord. Vi hade också fått i läxa att ta fram 3 appar. En som du använder mycket själv, en som du använder men tror ingen annan känner till och en app som är helt ny! Jag visste att många skulle välja samma appar så jag valde istället  3 andra. 1password, craftsy och google översätt.

App tips värda att kolla upp och lägga på minnet.

tumblr_inline_njd188Tfr71r49u1b CraftsyLogo icon175x175

Hej världen!

Första blogg inlägget blir  mer en test! Jag har valt att blogga via wordpress eftersom det både kan bli en utmaning att lära sig css kodning och för att det fanns massa enkla gratis alternativ, ingen reklam ( om du inte vill ) och i framtiden finns det möjlighet att köpa till massa funktioner också. Ännu längre fram i framtiden på en e-handel så kan det vara nice att veta lite hur en schyst blogg funka iaf. Jag har gjort och skrivit i (Om Mig) också. Osäker på hur ofta bloggandet kommer bli under dom närmsta veckorna under kursen men ca. 1-3 gånger i veckan tänker jag. Detta är en kurs för mig och blir ju även en gratis kurs för er…