Idag började vårt grupp projekt i denna kursen. Projektet går ut på att vi ska skapa en E-handels sida.
För att kunna genomföra projektet på bästa sätt så fick vi en genomgång i hur det kan se ut.
Lite fakta: Det finns två olika sätt att arbeta på i ett företag. Det första är linjär organisation alltså att det finns en chef över chef. Sedan finns det matrisorganisation som är typiskt för projekt. Det är ingen som är chef över den andra utan det är flera projektledare. I en matrisorganisation kan det möjligtvis finnas en VD.
Ett sätt att förbereda sitt projekt är genom att använda sig av FIBA.
FIBA är inget som ni kommer stöta på i arbetslivet utan detta är en metod som vår lärares företag tagit fram för sitt arbete. Vi fick ta del av detta idag som ett redskap i vårt arbete vilket även du kan göra framöver om du finner det givande.
FIBA innebär: Formulera-Idégenerera-Bygga-Agera.
Vårt Projektet ska vara:
- Värdegrundsdrivet
- Cirkulärt
- Vara en bättre lösning än de som finns idag
E-handelslösningar
Startade dagen med researchen för vårt grupp projekt att bygga E-handels sida som jag kommer skriva mer om här framöver när vi satt igång.
Vi blev uppdelade i grupper för att leta upp olika E-handels plattformar där vi kan bygga vår E-handels sida.
Vi skulle hitta små/ stora och billiga/ dyra lösningar och presentera deras skillnader.
Bra att tänka på vid denna typen av undersökning är att desto mer och djupare undersökning som görs desto bättre blir resultatet, " Verkar det för bra så är det troligtvis det".
Fick mycket bra information om olika plattformar, allt i från de för minsta företaget till de världsledande.
För att få fram de olika plattformarna som finns och kunna jämföra dem gå in på google och sök på E-handels lösningar.
Något som kan vara roligt att veta är att enligt undersökning som gjordes i februari i år (2015) så är WooCommerce världens största E-handelsplattform med Magento tätt efterföljande på andra plats.
(Klicka på de markerade namnen för att länkas till deras hemsida för mer information.
CSS
Eftermiddagen spenderades med att lära oss CSS som står för Cascading Style Sheets.
Man använder CSS för att ange färg, storlek och typsnitt på sin sida.
Man skapar en CSS fil på samma sätt som HTML men sparar den som eget dokument som måste heta .css för att fungera. För att CSS ska kunna användas med HTML så lägger man dokumenten i samma mapp på sin dator eller molntjänst. I HTML dokumentet måste det även finnas en kod så filen förstår att den hämtar stilen till sidan i CSS dokumentet. Denna länk kan användas för att hitta koden som behövs i HTML dokumentet för att kunna hitta CSS: http://webdesignskolan.se/css/css.php#metoder
För att urskilja CSS mot HTML kan man kolla efter tecknet måsvinge, tecknet betyder CSS.
{ Såhär ser måsvingar ut, en åt varje håll }
CSS används alltså i kombination med HMTL för att bygga sin sida. CSS står för färg, typsnitt, storlek och HTML står för innehållet.
Fördelen med att separera dem är att man kan enkelt ändra en hel webb sidas alla sidor samtidigt vid tex färgbyte.
Gå gärna in på denna sidan för en enkelt förklarad beskrivning av vad CSS är: http://webbdesigna.se/css.php
Feedbackmodell
Idag startade kursens andra vecka. Egentligen startade den redan i måndags då vi hade i uppgift att till idag skapa denna blogg. Förmiddagen gick åt till att presentera vår bloggar för övriga i klassen. Jag lärde mig att det är viktigt att fundera på vem man skriver till för att ha rätt språk. Så från och med nu ska jag försöka skriva en mer lärande blogg.
För att ge varandra feedback så gick vi igenom feedback modellen PPPL som står för:
- Positive
- Potential
- Problem
- Lösningen
Viktigt att alltid tänka på hur du framför feedback för att det ska mottas på rätt sätt. Ovan är ett sätt som du kan använda i dessa sammanhang.
Vi körde även en snabb lektion om SEO som står för Search Engine Optimazation som är viktigt kunna för att synas på webben. Det är alltid väldigt viktigt att sätta etikett på det du gör eller skriver. Tänk alltid "vilken etikett skulle jag sätta här", sätt sedan etikettet/ kategorier så hittas du lättare samt att den som söker information hittar det denne söker.
Ju fler etiketter/ kategorier som används ju mer ökar din synlighet genom att hamna högre upp vid sökning.
HTML
På eftermiddagen startade vi med HTML. Jag har aldrig tidigare gjort något med HTML så det var helt nytt för mig. För er som inte heller tidigare vet vad det är så ska jag förklara vad vi lärt oss idag.
HTML står för Hyper text markup language och är ett ett språk som hanterar länkar.
Här till vänster kan se se en kartbild över hur en websida kan se ut. Detta är grunden för att kunna skriva i HTML. Man behöver allstå veta var header, Body, Footer är utformade/ placerade för att kunna starta utformningen av sidan. Vill man tex lägga en text uppe där det står header så måste man ange detta i HTML så texten hamnar på rätt ställe.
HTML språket skrivs med taggar. Nedan följer exempel på hur språket ser ut
Start<HTML>
Slut </HTML>
Detta anger att HTML startar och var det slutar.
Man kan också bestämma hur olika delar ska se ut
Start <h1> <p> <h3>
Slut </h1> </p> </h3>
I detta exemplet står bokstaven h för header och siffran anger vilken ordning rubrikerna ska vara. Alltså <h1> betyder här startar huvudrubriken.
När en tagg ska sluta så skriver man samma som vid start men lägger även till ett snedstreck. Alltså </h1> betyder här slutar huvudrubriken.
För att skriva HTML och även CSS som jag kommer skriva om här längre ner så behöver du ladda ner ett program. Använder du Mac så laddar du exempelvis ner TextWrangler och använder du PC så kör på noterad ++.
Vi gick in på hemsidan http://www.w3schools.com för att träna på detta i deras verktyg som finns. På denna hemsida kan du även hitta mer information om HTML.
En annan jätte bra webbsida som jag nu bärgat använda och vill tipsa om för att lära sig mer om detta är
http://webdesignskolan.se/html/html_grunderna.php
Här hittar du ännu mer information, särskilt bra hjälpte denna sida mig med att ge tillgång till olika färgkoder.
-Learn by doing-