Flödesschema

Analysövning enligt triangelmodellen

Redovisning- Interaktiva medier

Sidan vi har analyserat är: http://iraq.reuters.com/ Den består av en samling bilder som togs av Reuters journalister i Irak under fem år, mellan 2003 och 2008.

Vem är mottagare?
1) Målgrupp
Engelsktalande person som är intresserade av kriget i Irak.

2) Ålder
Vuxna människor. Unga i gymnasiet kan säkert förstå innehållet men upplägget känns inte anpassat till en ung målgrupp.

Vad ska förmedlas?
3) Innehåll och fakta
Sajten upptas mest av dramatiska bilder som väcker starka känslomässiga reaktioner. Bilderna länkas inte vidare till artiklar. Det gör att sajten upplevs som halvfärdig ur en journalistisk synvinkel eftersom att det saknar mycket text. I filmerna berättar journalister mycket personligt om sina erfarenheter av sin tid i Irak, mellan 2003-2008. Vi undrar om bilderna har sålts eller publicerats någonstans.

Vad är målet/syftet?
4) Pedagogik
Vi förstår innehållet men inte alltid vad avsändarna menar. Till exempel att antal mobiltelefonabonnenter har ökat markant i Irak de senaste åren. Betyder det att västvärldens inflytande har ökat kommunikationen på plats eller har det att göra med att oljefamiljerna blir rikare, att företagare bygger upp landet vis sidan av att det förfaller? Dessutom lär statistiken se likadan ut i andra länder...

Diagrammet är inte så tydligt. Enheterna byts ofta vilket gör det svårt att tolka resultatet.

Hur är det gjort?
Det snålas på interaktiviteten här. Tidslinjen är interaktiv på så sätt att det går att klicka på länkar och välja vilka bilder och filmer vi vill se närmare på, scrolla fram och tillbaka, datum när bilderna togs framgår när musen ligger över bilden.

5) Remediering
Inget är särkilt originellt; bilder zoomas in, tidslinjen rör sig i muspekarens riktning, bildkollage har skapats av alla bilder, menyn har mjuka övergångar som tonas ut och in. Allt är snyggt och enkelt.

6) Hypermediacy
Sparsmakad: Få filmer, mest foton, lite n mängd text, inga rörliga bilder eller ljud i övrigt.

7) Immediacy
Journalisterna tolkar åt oss vilket distanserar oss från innehållet i sig. Vi känner oss inte så delaktiga eller ”med”.

8) Teknik
Det finns inga hjälpande gränssnittsljud. De använder sig av interaktionsrörelser (länkar i menyn blir oranga i stället för vita till exempel).

9) Pedagogik
Sajten är snygg men lite rörig. Tidslinjen är framför allt opraktisk. Den är användarvänligt på så sätt att stora foton ger ett tydligt och prydligt intryck och informationen hålls kortfattat. Dessvärre finns inget sätt att förflytta sig effektivt i tidslinjen utan vi får hålla oss till en ganska långsam ”scrollning” till vänster och höger. Filmerna sätts på och av med en enkel playknapp.

10) Dramaturgi
Först kommer vi till en introsida. Snabbt hittar vi vidare till tidslinjen mellan 2003 till 2008.

FLASH Instuderingsfrågor

Vad är skillnaden på frames (bildruta) och keyframes (nyckelbildruta)?
Varje filmclip består av flera bildrutor med olika rörelser i. Standard vid äldre animationer är 12 st fps* och i dagens filmer ca 25 fps.

I nyckelbildrutor kan du placera ActionScript, aktivera ljud, lägga till / ta bort eller ändra innehållet på scenen. Mellan nyckelbildrutor placeras t.ex. tweenfunktioner.

*fps:Frames per second (Bildrutor per sekund)

Vad gör kodsnutten "stop();"?
Om man skriver in kommando “stop();” i ActionScript-lagrets första bildruta i tidslinjen kommer filmklippet inte börja att spela upp resten av filmklippets bildrutor.

Vad är ett instansnamn och vad används instansnamn till?
När vi har skapat olika funktioner (t.ex en knapp) som ligger i biblioteket kan vi placera kopior av de på scenen genom drag-and-drop. För att kunna programmera olika händelser efter olika knapptryckningar måste knapparna göras unika genom att döpas till unika instansnamn.

Instansnamn bör döpas med specifika endelser så att ActionScript känner igen vad det är för något. Knappar slutar t.ex med “_btn” och movieclips som “_mc”.

Vad är skillnaden på .fla och .swf?
.fla är själva Flashfilen där all programmering ligger som du kan jobba vidare på. Om du klickar Kommando och Enter produceras en swf-fil. Den är själva filmen som du sen lägger upp på exempelvis webben när filmen är färdig.

När använder man shape tween?
När du animerar en figurs rörelser tar du ett lager i taget. Ändra de olika inställningarna i olika nyckelbildrutor som du vill att figuren ska röra sig på. Mellan två nyckelbildrutor som har olika inställningar kan shape tween mellan dessa skapa mjuka rörelser. Eftersom att formen ändras stegvis för varje bildruta blir animeringens rörelseformer smidiga och mjuka.

När använder man motion tween?
Motion tween används för att få smidigare förändring av position, proportion, storlek och infärgning och används på grupperade objekt och textfält.

Vad använder man mask-lager till?
Till att göra vissa delar osynliga så att användaren bara ser det vi vill visa i scenen och inte det som pågår i “kulisserna”.

I laboration 4 använde vi ett movieclip som vi döpte till target_mc, vad är syftet med target_mc?
En target är en behållare. När vi programerar vår target ger vi den en navigation på x- och y-ledd. När vi senare ska öppna våra animationer kan vi se till så att den ska öppnas i vår target och då kommer alla filmklipp upp på exakt samma plats.

I inlämningsuppgiften gjorde vi en pop-up ruta som vi skapade i en egen fil, "popup.fla", där scenen var lika stor som våran scen i "index.fla", varför var pop-up rutans scen lika stor som index-filens scen och inte 550x400 som våra animationer?
Därför att vi vill centrera pop-up rutan i indexchenen och inte i animationen.

Uppgift 5a

"Skriv en resonerande inlägg kring ditt lärande under kursen, vad har du lärt dig, vad är nästa steg för att lära dig mer? Utgå från vart du startade kunskapsmässigt innan kursen och vad du lärt dig under dessa fem veckor".

Jag har jobbat med webb tidigare men bara med att anpassa innehållet för webben. Har därför aldrig behövt lära mig den tekniska funktionen bakom för jag har bara fyllt i informationen i olika formulär och uppdaterat på den vägen.

I efterhand känns den här kursen otroligt lärorik! Självklart kommer jag tappa mycket av verktygen om jag inte jobbar med det här regelbundet men nu när jag förstår grunden kan jag alltid bygga vidare sjäv och leta reda på specifika funktioner.

Nästa steg för mig är att se till att Melonias webbsida blir klar på riktigt med alla flashiga funktioner jag har grottat in mig i. Måsta därför stanna kvar efter lektionstid på nästa delkurs, men det är det värt. Vill verkligen lägga upp sidan på riktigt snart!

Uppgift 4 - Resurs på webben

Via den här länken lärde jag mig att göra emnyer på webben med undermenyer!

http://veerle.duoh.com/blog/comments/2_level_horizontal_navigation_in_css_with_images/

Uppgift 3- Skriv tre tentafrågor

1. Vad är skillnaden mellan olika bildformat, till exempel: gif, jpg och png.
2. Vad är skillnaden mellan CSS och html?
3. Varför lämnar vissa attribut "arv" och vad är det för något?

Uppgift 1 - Starta en blogg

Ny tid - ny strid
Det här är alltså min kursblogg för medieteknik på Södertörns Högskola. Jag vill börja med att säga att jag ser fram emot den här terminen. Har till och med pratat i sömnen om att allt är nytt nu :) Ett nytt år, ny start och nytt plugg!

Uppgift 2:
Fixa en blogroll

Uppgift: Bildspel
Här kan ni se på vårt fula bilspel vi gjorde:
http://student.ktd.sh.se/~sh09vp3336/film%20grupp%202.avi