inlämningsfrågor

Vad är skillnaden på frames (bildruta) och keyframes (nyckelbildruta)?

En nyckelbildruta används när något förändras i tidsaxeln, medan en vanlig bildruta innehåller detsamma som närmast föregående nyckelbildruta. Det är alltså i nyckelbildrutorna man matar in animationer eller kod medan de vanliga bildrutorna är en utfyllnad och har samma innehåll som den tidigare nyckelbildrutan på tidsaxeln.

Vad gör kodsnutten "stop();"?

Kodsnutten gör att animationen stannar på en viss ruta på tidsaxeln. Man gör halt på en nyckelbildruta.

Vad är ett instansnamn och vad används instansnamn till?

Ett instansnamn är namnet på ett visst objekt, exempelvis en knapp eller en textruta. Ett objekt måste ha ett instansnamn om man vill att kod ska kunna anropa objekten..

Vad är skillnaden på .fla och .swf?

.fla är den okomprimerade arbetsfilen, dokumentet där man jobbar. .swf är slutprodukten, det man publicerar, komprimerat.

När använder man shape tween?

Shapetween används när en form ska förändras, forminterpolering. En shapetween läggs mellan två nyckelbildrutor som innehåller två olika former. (Det måste finnas ett antal vanliga bildrutor emellan nyckelbildrutorna.) Med shapetweenen blir övergången mellan de två formerna mjuk, det blir en stegvis förändring på varje vanlig nyckelbildruta. En tween används alltså istället för att jag själv ska sitta och rita varje ändring i en nyckelbildruta. Får endast användas på objekt som är ”shape”-objekt.

När använder man motion tween?
Motion tween används likt shape tween med skillnaden att det används vid rörelser, rörelseinterpolering, över tid. Motion tween används på ”movie clips” och inte på ”shapes”.

Vad använder man mask-lager till?

Ett masklager används för att dölja allt som ligger under lagret, men, förutom under den form eller animation som just ligger på masklagret.

I laboration 4 använde vi ett movieclip som vi döpte till target_mc, vad är syftet med target_mc?
Target_mc användes som målet dit våra andra swf-filer importerades. Alltså en plats på scenen där externa swf-filer visas.

 
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?

Popupen låg i en annan nivå, i nivå 2. För att styra bättre hur innehållet i nivå två ska se ut i förhållande till nivå ett gör man scenerna lika stora. I nivå två är ju den vita bakgrunden på scenen transparant. Så om man vill ha popuprutan centrerad är det lättast att göra nivå två i samma mått som i nivå ett och lägga rutan centrerad i mitten. Då är man säker på att rutan också kommer komma i mitten när popupen poppas upp i swf-filen.

Analysuppgift, interaktiva medier

www.borderstories.org

Sidan tar upp problematiken kring USA:s gräns mot Mexiko med ett antal videofilmer. Det handlar om videojournalistik och inget annat. Fokus ligger på filmens berättande.

Vem riktar sig sidan till?
Enligt sidmakarna själva riktar sig sidan till en större allmänhet som är intresserad av gränskonflikten. Men med tanke på sidans layout känns det som att den riktar sig till en relativt ung publik, en publik som intresserar sig för både form och politik. Ett tecken på ”ungdomlighet” är att det finns en blogg; pensionärer läser inte så många bloggar.
Men även äldre välkomnas; sidan är lättnavigerad och användarvänlig.

Viktigt att påpeka är att sidan vänder sig mot den amerikanska publiken och inte den mexikanska. Allt material, även i videofilmerna, är på engelska. Någon spansk version av sidan finns ej. Det är alltså material för det utvecklade landet USA och för den bildade delen av befolkningen i det landet. Att det går att donera pengar till organisationen tyder också på att målgruppen anses vara relativt förmögen, vilket ofta bildade personer i ett I-land är. Det är bara de som har pengar som kan donera.

Vad ska förmedlas?
Sidan visar genom sina videofilmer människor som lever och verkar på båda sidor av gränsen. Det är en komplexitet i problematiken som ska visas upp. Det handlar om hur gränskonflikten påverkar den mänskliga vardagen och att det inte finns någon svart eller vit syn på det hela.
Videoklippen är inte sorterade på något sätt, de dyker ner i verkligheten och visar ett kort avsnitt ur någon eller några personers kopplingar till gränsproblematiken. Videoklippen ska enligt sidmakarna ses som olika bitar i en mosaik vilka var för sig inte hänger ihop men i det hela ligger i ett större sammanhang.
Men det större sammanhanget förmedlas inte explicit. Tanken är att genom att se så många filmer som möjligt ska användaren själv kunna bilda sig en uppfattning.

Mål och syfte
Målet är rent pedagogiskt. Medvetenheten kring konflikten och särskilt kring människorna som påverkas av den ska förmedlas. Det är ett annorlunda perspektiv än det vanliga som visas upp. Organisationen bakom sidan är inte ute efter profit och det finns ingen reklam. Dock kan användaren skänka pengar till verksamheten.
Något uttalat politiskt syfte finns inte. Användaren ska själv bilda sin egen uppfattning.

Hur är det gjort?
Sidan är enkel. Vanliga html-sidor som innehåller videofilmer som strömmas. Flash utnyttjas på förstasidan i en meny där man kan välja mellan videoklippen. En cool effekt är att de olika filmerna skiftar de i färg och toning när musen står över, en form av respons till användaren, så att denna känner sig aktiv. Men denna flashgrafik finna alltså endast på framsidan.
Överst på alla sidor finns en meny med länkar till de olika undersidorna, vilka är få. Det är simpelt gjort med andra ord. Bloggen saknar dock denna meny. Bloggen skiljer sig också lite i layouten från övriga sidor. Dessutom är den väldigt dåligt uppdaterad vilket tyder på att sidan kanske inte är så relevant längre.

Layouten är avskalad och enkel och sätter videoklippen i centrum. Till många av klippen finns en förklarande text, denna är dock inte lång utan ger bara en kort bakgrund till själv klippet. Typografin och layouten är ren och välgjord.

Personlig reflektion
Att layouten är så ren, och att den dessutom är mörk med grafik och bilder som är fina, och en del även ganska stämningsfulla, ger ett lugnt men allvarsamt intryck, tycker jag. Och att det dessutom inte finns något tjafs med massa text och annonser och länkar hit och dit är skönt. Det är bilden, videon, som talar och låter betraktaren bilda sig en egen uppfattning. Vad upphovsmakarna vill förmedla, vilken sida de står på i konflikten, kommer inte fram, vilket är väldigt bra.

Flödesschema/siduppbyggnad

Vad jag har lärt mig

Innan kursen började kunde jag inte mycket html. Jag hade hållt på med det för ca 10 år sedan och hade koll på ungefär hur html fungerar med taggar osv. CSS var dock något jag var helt obekant med.

Nu idag kan jag detta både CSS och html. Tillräckligt mycket iallafall för att kunna vidareutveckla det med så enkla verktyg som att googla och sno kod från olika sidor.

Jag känner att det kunskapsläge jag nu befinner mig i är ganska lätt att bygga på med enkla medel. Jag kan flera hundra procent mer än jag kunde vid kursstarten. Bra med andra ord.

Jag har dessutom byggt på mina allmänna datorkunskaper.

Tips

Jag gillar typografi. Därför är denna sida ganska bra. Står precis hur man i css:en skriver för att uppnå de exempel på fin typografi som ges.
http://www.3point7designs.com/blog/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it/

Jag hittade länken här, varifrån massor av tips när det gäller webdesign kan fås.

3 frågor

Färgkoder. Hur anger man vitt, svart och grått i det hexadecimala systemet?
Viktigt att veta hur de vanligaste färgerna anges och hur det hexadecimala systemet fungerar eftersom detta verkar vara standard för färgbestämning vid webpublicering.

Bilder. Vad skiljer mellan .gif, .jpg och .png? Och hur ändrar man enklast storlek på dessa i photoshop för att dessa ska passa in på websidan i en bra upplösning och storklek. Bildhantering är en essentiell del av webbsideskapande.

Vad menas med boxmodellen när man talar om webdesign? Viktigt att känna till hur de olika taggarna, exempelvis
ger upphov till boxar och boxmodellen.

Jag vet att deadline passerat för denna uppgift, men eftersom jag inte närvarande vid tentamenstillfället och istället nu satsar på omtentan borde inte det spela någon roll, tycker jag.

Bildspel

http://student.ktd.sh.se/~jmmvt09/bildspelnorahansmaria/resanohama.wmv

Förväntningar

Medieteknik.
Jag vill öka mina kunskaper om datorer och ämnet medieteknik med 500%.
Förhoppningsvis kan jag en dag då göra en blogg som är 5 gånger snyggare än den här. Även om denna redan är jävligt snygg i mitt tycke.