Att jobba i Projekt

Fredagens lektion gick vi igenom hur det är att arbeta i projekt. Det finns olika organisationsformer såsom:

-Linjeorganisation
-Matrisorganisation

Linjeorganisation är man har en mer hierarkisk organisation med olika led i strukturen på företaget med chef som högst upp. Matrisorganisation är mer en platt organisation där man mer arbetar i olika projekt än i ett led. Alla arbetar på samma premisser, man kan ju ha en VD som bestämmer om projekten.

Ett sätt att att förbereda sig innan ett projekt är att utgå från modellen FIBA.

Formulera
Idégenerera
Bygga
Agera

Det har våran lärare tagit fram för att förbereda inför kommande projekt. Men ett bra sätt att förbereda sig innan.

Vi brainstormade fram olika målgrupper som vi sedan skulle välja ifrån.

Sedan blev vi mer eller mindre tilldelade målgrupper. Vår grupp kommer att rikta sig mot veganer. Sälja matkassar till veganer och även ha ett slags "skafferi" med andra varor som man kan handla med. Kommer att berätta mer när det är klart.


På eftermiddagen gick vi igenom vårt kommande projekt. Där vi skall starta (med modifikation) upp en e-handels sida. Använda oss av html och css. Photoshopa bilder och komma på ett företagsnamn.

Projektet skulle innehålla:

• Värdegrundsdrivet (En speciell värdegrund på arbetsplatsen/företaget)
• Cirkulärt (ansvarar för resurser, andra leden innan de kom hit, belastning för samhället)
• E-handelsplattform

E-handelssplattformar och CSS

Torsdagen börjades med att vi blev uppdelade i grupper om ca fem personer i varje, där vi skulle kolla upp olika e-handelsplattformar som finns på marknaden. Hur många kunde vi hitta? Vår grupp hittade t.ex.:

• Textalk
• Jetshop
• Prestaworks
• Magento
• Wikinggruppen

Det fanns ju väldigt många olika, men det flesta är snarlika varandra. En dem open source alternativ, några grattis plattformar men när man väljer leverantör så tillkommer kostnader och den del som har färdiga paketlösningar där man betalar en månadsavgift på allt mellan 199-4195 kr så det finns massa olika paket att välja mellan. Vissa erbjuder också att man får välja fram sin egen design såsom layout mm.  

Vi skulle leta efter stora/små och billig/dyr plattform. Hur ser spektrumet ut mellan dessa?

På eftermiddagen gick vi igenom CSS och det betyder Cascading, Style, Sheets. Och det är stilen och färgvalet på sidan man gör. Istället för att man använder "klammer" som man gjorde i html så använder man något som kallas för "måsvinge" och det ser ut såhär { } för att få fram dem på din dator så använder du shift+alt+8 och 9 på tangentbordet. Passa samma sätt så låser man koderna med dem eller avslutar något i kodningen.

Kolla in hemsidan http://www.w3schools.com/css/default.asp står massa koder du bara kan kopiera och klistra in istället för att skriva koder själv där du lätt glömmer något i kodningen.

De kan t.ex se ut såhär:

Bloggenomgång och HTML

Onsdagen började med att gå igenom hela klassen bloggar. Det var väldigt kul och se hur alla andra hade gjort med sina bloggar, olika bloggportaler och utseeden. 

Min tanke med bloggen är ju att kommande elever som kommer läsa Webb & Interaktionsdesign ska kunna lära sig något på min blogg. Så ska försöka skriva ännu mer ur lärande syfte, inte helt vad jag tycker. Utgå från vem är det som ska läsa min blogg och tänka på språket.

T.ex Photoshop är uppbyggt på det här sättet. Mer sakligt och konkret. 

Vi gick igenom Feedbackmodellen PPPL och det står för:

-Positivt

  -Potential

    -Problemet

    -Lösningen

Tänk på hur du framför feedback, detta är ett sätt du kan tänka på innan du ger feedback.

Vi gick också igenom SEO som står för Search Engine Optimazation om hur man skall synas på nätet. Ju fler etiketter och kategorier du använder dig av ju längre upp hamnar du vid sökning. Försök att tänka på vilken etikett skulle jag använda här. 

HTML:

(Språk-webbprogramering)

På eftermiddagen började vi med html som står för Hyper Text Markup Language. Det var något helt nytt för mig och det är lite svårt att förstå sig på men det finns väldigt många bra hjälp program du kan kolla på. 

Använde vi oss av när vi skulle testa olika html koder som redan var klara istället för att skriva dem olika koderna där det är väldigt lätt att glömma någon"klammer"(> eller<) Har nästan alla olika koder du kan tänkas behöva, bättre att kopiera ut därifrån.

 http://www.w3schools.com

En bra sida som jag precis börjat kolla lite på men bra att veta om när du skall använda dig av html.

http://webdesignskolan.se/webdesign/index.php

Html språket skrivs med olika taggar, kan se ut såhär

Start <HTML>

Slut </HTML>

När HTML startar och när det slutar.

Det är viktigt att tänka på vart man vill ha taggarna.

Hedern är ju högst upp, bodyn i mitter och foten längst ner. Sen höger och vänsternav. 

Header

 Leftnav         Body       Rightnav

Foter

Om du skall skriva html och css (som jag kommer berätta mer om i nästa inlägg) så behöver du ladda ner olika program. Använder du dig av Mac så använder du TextWrangler och PC så använder man Notepad ++. 

Snapseed, Fotor & Photoshop

Fredag och sista dagen på vecka ett på denna fyra veckors kurs i Webb & Interaktionsdesign

Lektionen började med att vi skulle testa olika bildhanteringsprogram. Först ut var en app som heter Snapseed. Väldigt roligt att redigera i, något jag definitvt kommer att fortsätta med. 

Lite tips innan men redigerar:

1. Ljus

2. Göra rak

3. Beskär (punktredigering)

4.Skärpa

5.Ljus (ev effekt, sken)

6.Vinjettering

Här kommer mina bilder från snapseed:

Redigerad:

Oredigerad:

Lite mer dramatiskt och fina färger efter snapseed.

Efter snapseed testade vi ett annat bildredigeringsprogram som heter Fotor var en gratis tjänst på nätet. Finns även som app i appstore.

Sist men inte minst så testade vi att redigera i Photoshop. Det går att gå in och ladda ner en testversion av Photoshop som varar i 1 månad för den som vill testa innan man köper: det kostar ju en slant att köpa.

När vi väl va inne på Photoshop så gick vi igenom alla rullgardiner med olika funktioner som var bra att ha kolla på. Vi testade olika lager på bilden vi redigerade. Tyckte det var mycket information med alla effekter och funktioner så mitt huvud va lite trögt i slutet av lektionen, men jag fick till en bild i alla fall. 

Här kommer min photoshopade bild:

Ett lager av New York och sen ett lager med Eiffeltornet och sist men inte minst bildtexten som skulle vara med.

Browsers, Tag Cloud creator och Bloggar

Torsdagen började vi att installera flera browsers till våra datorer.Browser är olika söksidor på nätet, t.ex safari, google chrome, firefox mfl.
Med tanke på att vi är en stor klass så krånglade de lite med alla nerladdningar. Så förmiddagen gick åt till att fixa datorerna och gör klassens egna Tag Cloud. Vi sökte på Tag Cloud creator och fick upp olika sidor där man gjorde sina Tag clouds. Valde Tagul.com då jag tyckte de var lättast och fick fram olika teman och layouter, nackdelen vara att man var tvungen att registrera sig. Vi hade tre stycken olika teman på vårt Tag Cloud: billigt, dyrt, och färgstarkt(kreativt) Här kommer mina:

Billigt:

Dyrt:

Färgstarkt:

För att vi skulle kunna lagra våra filer så skaffade vi oss olika molntjänster, hade redan Dropbox sedan innan så körde vidare på den. 

Efter de så skulle vi sitta i grupper om ca fem, där skulle vi söka på olika reklamfria bloggar. Hitta ca fem stycken som vi senare skulle presentera för resten av klassen.

Vår grupp sökte fram:

- Blogg123.se

-Wordpress.com

-Metrobloggen

-Bloggo.nu

-Blogger.com

Efteråt sammanställde vi alla bloggar och man fick välja den blogg som man själv ville. Jag valde blogger då den är enkel och lätt att förstå då jag aldrig haft en blogg tidigare. Man behövde logga in via google då de är dem som äger blogger, men det gick lätt och smidigt.

Innan vi gick hem för dagen så gick vi igenom lite lätt hur en kamera fungerar. Linser, skärpa osv. För att sen gå och ta kort för de som hade med sig en digitalkamera. Hade inte med mig någon men delade med en annan tjej i klassen som hade med sig sin. Sen skickade hon bilderna via sin dropbox där vi nu delar mapp. Efter ha tagit lite kort så märkte man hur viktigt det är att få ljuset rätt. Det skapar en hel annan bild om man får rätt ljussättning. Då man inte är något proffs på att ta bilder, fotar mest bara med mobilen så var det väldigt intressant och se hur man måste fånga ljuset på rätt sätt.

Klassens Tag Cloud

Webb & Interaktionsdesign

Onsdagen ägnades åt att vi skulle lära känna varann och gå igenom kursens innehåll och betygskriterier. Vi hade fått en uppgift som vi skulle göra till första lektionen.

• Presentera oss själva i ca 30 sekunder
• Tre tips på saker som är intressant som händer på nätet. Sociala fenomen.

Jag hade fått förhinder så jag var inte med och presenterade mig eller mina tre "fenomen". Men för att klargöra vad jag valde så skriver jag dem här nedan:

1. Doodle(enkel schemaläggning) man kan antigen använda den som app eller gå in via nätet. Ett ställe där man väljer ett datum/tid som alla kryssar i vilket som passar bäst så tar man det flest kryssat i. Riktigt bra där man är en större grupp som har svårt att få till datum som passar alla.
2. Pinterest(visuellt verktyg du kan använda för att utforska och hitta idéer till alla tänkbara projekt och intressen)Använder de till idéer till hemmet när man vill få lite ny inspiration. Antingen diy:tips eller att bara titta runt bland alla bilder.
3. Etzy(Ett ställe där du kan köpa och sälja handgjorda eller gamla saker)Använder de lite samma som pinterest då jag gillar att få inspiration så jag kan få vara kreativ och skapa olika projekt här hemma.

Sen gjorde klassen ett "Tag Cloud" där man skulle skriva tre saker man va bra på. 

Tag cloud = ett taggmoln visuell representation av textdata, som normalt används för att skildra sökord metadata(taggar) på webbplatser. Eller att visualisera fri form text.Taggar är ofta enstaka ord, och betydelsen av varje tatt visas med teckenstorlek eller färg. Det här formatet används för att snabbt uppfatta de mest framstående villkor och för att lokalisera en term i bokstavsordning för att bestämma dess relativa betydelse.