förväntningar rörlig bild och ljud

Jag tycker att detta verkar vara en kreativ och rolig kurs.

Trots att vi har gjort korta nyhetsinslag med videokamera var det bra att repetera hur den fungerar. Bra att göra korta enkäter för att testfilma. Inspirerande och väldigt bra föreläsning om ljussättning.

Det känns kul att återkomma till lite mer journalistiskt arbete efter nästan en hel termin i datasalen.

Reflektioner

Det har varit spännande och intressant att få göra de här flashproduktionerna. Ser jag tillbaka på vad jag kunde och visste i början av kursen så har jag lärt mig väldigt mycket. Både om programmet, hur man kan använda det och till vad och sedan kunskap runt flash, jag fått större förståelse för hur hemsidor etc är uppbyggda. Det var skönt att efter ett tag känna att man faktiskt kunde förstå och gissa sig till hur man skulle koda eller arbeta för att få önskad effekt. Det hade jag svårt att tänka mig i början av kursen.

Det jag har tyckt varit svårast har nog varit att förstå själva strukturen på sidan och få ihop de olika delarna. Och jag har inte haft någon bra ordning på mina filer, hur och var de ska sparas etc. Det har försvårat arbetet en del.

Jag kommer inte kunna använda mig obegränsat av programmet flash eller fritt knåpa på hemsidor efter den här kursen, men vi har fått något att bygga vidare på, och det är bra.

Medium vs. multimedia

Den väsentliga skillnaden på medium och multimedium är att ett medium tolkas som en enhet som hör ihop, medan ett multimedium tolkas som flera separata delar.

Vår guru Mark Elsom-Cook om multimedia: ”Multimedia is the combination of a variety of communication channels in to a co-ordinated communicative experience for which an integrated cross-channel language of interpretation does not exist” .

Exempel

Medium: Bok, film

Multimedium: Hemsida, CD-rom

Trots att en film består av både rörlig bild och ljud så uppfattar vi det som en helhet, ett medium (Om än ett multimodalt sådant – som vänder sig både till synen och hörseln). Men när vi besöker en hemsida som innehåller texter, bilder, ljud, animationer, videofilmer etc. uppfattar vi innehållet som olika separaa delar, alltså blir det ett multimedium. Denna uppfattning kan komma att ändras i framtiden och vi kanske då ser en hemsida som ett sammanhängande medium.

reflektion efter inlämning 1

Saker och ting börjar klarna en del, men jag har inte riktigt hängt med på allt än.

Flera av de grejerna jag lyckades åstadkomma i första uppgiften blev jag ganska nöjd med.

Men jag tror jag skulle behöva läsa boken lite mer grundläggande, den sägs vara bra!

/Therese

Inlämningsuppgift 1

Den första inlämningsuppgiften i flash är som en liten hemsida där alla övningar som vi gjort samlas.

När man öppnar sidan möts av en bild på mig och en meny med knappar längst upp som man kan trycka på. (Filen heter index.swf). En knapp heter hem och den länkar tillbaka till första sidan.
Klickar man på de olika knapparna kan man se de olika övningarna som vi gjort spelas upp.

Övningarna gjorde jag så här:
En enkel streckgubbe som gör olika rörelser. Övningen kallas "frame-by-frame". Det går till så att man ritar en rörelse i taget och lägger de i varsin keyframe. Flash går mellan de olika keyframarna i ordning och de ser ut som om gubben rör sig (klassisk animation).

Mitt namn som börjar droppa är en så kallad "shape-tween". Här hjälpte Flash till med att göra rörelserna. Jag ritar en ruta som visar objektet i sitt ursprungsläge och sedan en som visar objektet i slutläget. Flash räknar sedan ut hur saker ska röra sig där emellan och resultatet blir att figuren "förvandlas".

Fågeln som flaxar med vingarna och rör sig över rutan är både shape-tween och motion-tween. Motiontween gör så att objektet flyttar sig, men inte ändras. Fågeln flyger över sidan längs en bana jag ritat ut - motiontween. Att fågeln flaxar är däremot shape-tween.

Bilden på mig när jag blinkar är en så kallad bitmapsekvens. Den började jag göra i photoshop. Där ändrade jag bilden och delade in den i olika versioner (ingen blink, mer blink, vidöppna ögon osv.). Sedan drog in alla i Flash och la dem efter varandra, då såg det ut som om jag blinkade.

Ett bildspel finns också med där bilderna tonas in och ut. Genom att göra bilderna delvis genomskinliga när de skulle bytas av ser det ut som om de tonas in och ut.

I en av övningarna har jag även länkat in en ljudfil, så att det ser ut som om gubbarna pratar. De är tre röster och tre gubbar som börjar och slutar prata vid olika tidpunkter.

flash börjar ta form

Synopsis Flashprojekt

Noora Mäkinen och Therese Selén

Syfte

Finskspråkiga barn får lära sig om julen på sitt eget modersmål på ett underhållande sätt. Flashinslaget på den finska Sisuradions hemsida kan även öka barns intresse för Sisuradion och sitt hemspråk.

Innehåll

En ickelinjär saga om den lilla fisken som gärna ville fira jul, men inte visste hur. Användaren får göra ett antal val och kommer tillslut fram till något av de två alternativa sluten. Antingen firas julen på land eller i vattnet. Projektet kommer att innefatta illustrationer och movieclips i flash.

Målgrupp

Finska barn som kan läsa ganska bra, från 6 till 11 år.

Omfattning

Vårt arbete kommer att innefatta 19 st bildsidor, länkade till varandra på olika sätt enligt flödesschemat. Tanken är att vår barnsaga/spel ska kunna vara en del av Sisuradions hemsida under julperioden 2009.

Vi kommer att använda oss av Adobe Flash på skolans och egna datorer.

Vi kommer animera själva eller använda oss av vektoriserade bilder.

Första veckan med flash

Innan vi började titta på de olika sätten att arbeta i flash kändes det väldigt avlägset att tänka sig att vi inom en snar framtid skulle animera filmsnuttar och skapa interaktivitet på hemsidor. Men som med det mesta blir det lättare om man bryter ned allt i små steg.

Ibland har det dock varit lite svårt att hänga med i varje steg under genomgångarna i klassrummet, men med lite extra tid så löser sig nog alla uppgifter till slut.

Jag håller INTE med om att vi har fokuserat för mycket på det basala, som vissa i klassen tyckte. Jag tycker att det har varit en bra nivå, även om vi ibland har gått lite snabbt framåt i vissa moment.

Ser framemot nästa vecka då jag förhoppningsvis får en känsla av att allting mer faller på plats.

flashanalys och flödesschema

Här är min analys av en flashsida!

http://www.washingtonpost.com/wp-srv/health/childhoodobesity/store/

Denna sida är en undersida till Washingtonpost för prenumeranter. Den verkar gå under hälsosidans serie om överviktiga barn. Dock får vi från denna sida inte tillgång till några tidigare artiklar i ämnet.

Hur är det gjort?

På sidan finns en hjälpdel i form av instruktionsrutor som som visar i vilken ordning man ska klicka sig runt mellan de olika stegen. Dessa kan man även välja att avaktivera.

Tanken är att man först ska välja en livsmedelskategori, sedan få mer information om de olika produktalternativen inom varje kategori. Filmsnuttar med en hälsovetare(?) Sally Squares visas som förklarar lite kring de olika kategorierna. Varje vara är klickbar, om du klickar på en vara kommer det upp fakta med näringsinnehåll. I en tabell kan du jämföra alla produkter, det är lite oklart vad tabellen säger. Sedan kan man välja att lägga till något av alternativen som man tycker verkar bra till sin virtuella shoppingvagn. När man valt ut ett antal livsmedel samlas de i en låtsas-shoppinglista som man kan skriva ut och ta med sig till affären om man vill. Den samlade mängden näringsinnehåll, kalorier etc. i alla de varor man valt tillsammans samlas även i en lista på sidan.

Vem är mottagaren?

Föräldrar, personer som vill lära sig äta nyttigt, familjer. Folk som köper färdigmat och kan behöva en guide i vad som är bra och inte bra att äta bland färdigmatsalternativen.

Vad ska förmedlas?

Information om livsmedels- och produktinnehåll, och hur man väljer rätt livsmedel. Detaljerad näringsinformation finns för ett visst antal produkter inom varje kategori.

Vad är målet/syftet?

Hjälpa folk, främst föräldrar till överviktiga barn, att handla nyttigare alternativ och inse vad de onyttiga alternativen innehåller. Tanken är att de som köper färdigmat ska kunna välja nyttigare alternativ bland färdigmaten.

Tankar/reflektioner:

Hjälprutorna är bra och underlättar för navigeringen på sidan som annars är lite svårförstådd vid första ögonkastet. Vad som är tanken och syftet med sidan är inte kristallklart från första början.

Sidan har inga ambitioner att få folk att laga egen mat av bra råvaror, utan upplysa folk om vad som är bäst bland de färdiga alternativen. Det är specifika produkter/märken som är utvalda, är det någon form av reklam bakom det? De specifika produktalternativen gör sidan svåranvänd och inte så anpassningsbar om man till exempel inte har tillgång till de beskrivna varorna i sin butik. På sidan hittar vi ingen förklaring till vad alla olika begrepp såsom sodium, kalori, etc betyder eller vilken mängd som är bra att äta. Det blir otydligt vad som är nyttigt och onyttigt.

Sidan ger en känsla av att man kan onlineshoppa (layouten på funktionerna tex. shoppingvagnen bidrar till detta) det kan man dock inte utan bara få information om produktinnehåll.

Sidan är ett multimodalt medium (enligt Mark Elsom-Cooks, professor i datakunskap, begrepp) vilket innebär att man använder två eller fler av sinnena som besökare. Den är visuell och audiell, man kan alltså se och höra när man tar sig runt på sidan. Men man använder inte de andra sinnena: lukt, känsel eller smak. Inom den visuella delen av sidan finns underkategorierna: text, stillbilder och rörliga bilder med på sidan. Inom den audiella delen finns underkategorin tal som hör till ljudklippen.

Hemsidetips

Hej kamrater.
Jag har hittat en sida som kan vara bra när man vill ha hjälp med grunderna i CSS:en. Det känns ju vettigt att börja med att lära sig det basala innan man ger sig in på snajdiga och krångliga layouter.

http://www.cssbasics.com/

Anvisningarna är enkelt förklarade och koderna finns med, färdiga att skriva av om man vill det.

tjo

Tre tankar om tentan

Jag har ganska många funderingar kring denna tenta, för mig är detta lite av ett outforskat område. Men jag tycker att det kan vara bra att ta upp:

• Grunden med html och css, vilka är grundförutsättningarna och byggstenarna? Vilka element måste finnas med och hur används de? Vad måste man tänka på bär man börjar koda?
• Skillnaden mellan html och css, som många andra också tagit upp, är viktigt att kunna. Hur man använder sig av dem och hur man länkar till olika stilmallar.
• Användbarhet på internet. Det är viktigt att fundera över hur man kan anpassa mediet till olika användare. Logik, estetik och enkelhet kan jag själv ibland sakna på nätet.

Lycka till med tentaplugget!

Första gången...

Jaha, det här verkar spännande. Fortsättning följer...