Kamera 2 uppgiften på Youtube

Här kan ni se min senaste skoluppgift.

Vi är väldigt nöjda, men som vanligt är det alltid lite små saker man vill ändra. Helt nöjd får man kanske aldrig va :)

Ljud och Rörlig bild

Nu har en ny delkurs börjat. Vi ska syssla med videokameror ett par veckor. Känns grymt kul och spännande. Jag ska jobba vidare med Jasmin och Mikael, vi funkar bra ihop och har väldigt roligt tillsammans. Vi har kommit på ett gäng bra idéer att jobba med till de olika uppgifterna också.

Känner mig ganska hemma på det här området då jag sysslade mycket med film på gymnasiet och vi haft en kort tv-kurs tidigare i utbildningen. Ser fram emot att få prova på Final Cut som jag inte jobbat med nästan alls innan. Jag har kollat in datorerna i redigeringssalen och hoppas att det här kommer vara första delkursen då jag inte behöver klaga på tekniken på utvärderingen, de ser mycket lovande ut de här mac pro-burkarna (iMacarna i en annan sal hade för lite ram-minne för vårt flash-projekt till exempel).

Jag hoppas att våra olika projekt vi ska filma blir så bra som vi hoppas, ambitionsnivån är i alla fall hög.

Jag håller tummarna för att jag lyckas komma igång ordentligt med vår analysuppgift nu innan jul så jag kan få va lite ledig också.

Tycker än så länge kursen och lärarna verkar mycket bra. Roliga uppgifter och mycket nyttig information (även om en del blir repetition, men det är ju kunskapens moder, färskar upp minnet).

Tycker dessutom att vår gästföreläsare vi ska ha imorgon verkar väldigt bra.

Sista veckans funderingar

Vi har idag lämnat in vårt projekt. Blev väldigt stressigt på slutet som vanligt. Vi försökte göra allt samtidigt och humöret var kanske inte på topp mellan varven. Vi hade lite problem med att öppna några filer i skolan och lyckades nog dessutom blanda ihop några av alla 4 versioner vi hade av filer med samma namn, men vi lyckades till slut och hann få in allt i tid! Jag är mycket stolt.

Projektet har haft lite motvind men landade ändå ungefär där vi bestämde från början och jag har uppnått mina personliga målsättningar. Mera kunskaper om Flash som verktyg och actionscript har vi alla fått.

Vi har hittat några "fel", eller saker vi inte hann med nu i efterhand, men eftersom det här bara är en prototyp och "felen" inte är så allvarliga känner jag mig ändå nöjd inför redovisningen imorgon. Vi la in ett intro i verkligen sista minuten så det hann vi inte få med i flödesschemat och storyboardsen till exempel.

Vi hade inte trott vi skulle ta oss så här långt förra veckan så jag tror vi alla är hemskt glada och firade lite på lunchen idag.

Kursen har varit väldigt rolig, lite svårare än förra men det har bara varit bra tycker jag, kul med något att bita i. Vi har fått handledning när vi behövt och har inte saknat något mellan handledare, kurslitteraturen och google. Jag har lärt mig mycket och är sugen på att jobba mer med Flash i framtiden.

Funderingar kring veckan som gått

Vi börjar bli klara med de olika delarna nu. Väldigt jobbigt att rita allt så man samtidigt blir nöjd men det börjar likna nått nu. Mikaels hänga gubbe och Jasmins memory är i stort sett klara. Jag har lite grejer kvar att göra med Sigge, vår huvudkaraktär. Vi måste också sätta fart och spela in speakertexter.

Vi körde fast när vi skulle länka ihop grejer i fredags. Förhoppningsvis får vi hjälp med det imorgon. Google var inte särskilt hjälpsamt tyvärr.

Nu är det snart dags för deadline.

Hoppas ni har en mysig första advent!

Tankar om förra veckan

Jag har varit sjuk och legat hemma med feber nu några dagar så missade att skriva om förra veckan.

Jag, Jasmin och Mikael började på vårt dinosaurie-projekt. En interaktiv liten värld där unga barn ska få lära sig mer om de häftiga ödlorna som härskade över jorden innan oss. Jag var själv helt tokig i dinosaurier när jag var liten så det här känns superkul.

Jag började rita skisser på papper hur jag tänkte mig att det ska se ut hemma hos Sigge och har också skissat på hur Sigge själv ska se ut.

Projekt - personliga målsättningar

Jag ska jobba ihop med Mikael och Jasmin igen, gick så bra under förra delkursen. Vi bestämde från början det kändes lättare att vända sig till barn och alla har vi älskat dinosaurier när vi växte upp.

Jag tycker det känns väldigt kul, hoppas bara jag blir frisk nån gång så jag kan komma tillbaka till skolan.

Jag ser fram emot att lära mig mer om Flash. Känns nästan omöjligt att klara ut ett sånt här projekt på så pass kort tid ändå, men jag är säker på att vi kommer överraska oss själva.

Jag hoppas på att lära mig rita lite bättre, animera lite snyggare och få till bra kod med actionscript.

Projektsynopsis

Synopsis

Grupp: Dinosarna
Ida Lindkvist
Mikael Westerlund
Jasmin Wikström


Vi har bestämt oss för att göra en interaktiv pedagogisk sida om dinosaurier. Sidan ska rikta sig till barn, i åldrarna 6 – 9.

Syftet med sidan ska vara att barn ska få lära sig mer om dinosaurier på ett roligt sätt. Detta genom spel, färgläggning och annan information. Sidan ska innehålla ljud, bilder och animationer. Vi kommer antagligen att använda oss av speakrar för att förklara olika saker på ett så bra och enkelt sätt som möjligt. Eftersom att vi riktar oss till barn som är 6+ så är det inte säkert att alla som tillhör vår målgrupp kan läsa/har stor läsförståelse. Därför kommer vi nog försöka dra ner på text så mycket som möjligt, hålla oss till ljud. Eventuellt ett par korta och enkla texter.


Vi tänker oss att man börjar spelet med att komma in i en dinosauriers rum. I rummet finns det olika saker som man kan klicka på. Man kommer att kunna hitta ett memoryspel och en karta där det finns lite information om olika dinosaurier. Det kommer att vara information om vart en viss dinosaurier levde.

Dinosauriern som bor i rummet kommer att vara som en rödtråd genom hela spelet. Den får ett namn (Sigge Stegoceras). Sigge kommer att få vara med som “förklarare” då man trycker på “hjälp-frågetecknet”, han kommer också att vara med i de olika spelen.

Man kommer också att kunna hitta ett block som man kan klicka på. Om man klickar på blocket får man möjlighet att färglägga en bild. Eventuellt skriva ut och färglägga.

Vi har även planerat att göra ett frågesportsspel. Meningen med sidan är att man ska lära sig på ett roligt sätt. När man känner att man lärt sig mycket kan man kolla hur mycket man lärt sig genom att göra frågesportsspelet. Om vi hade längre tid på oss skulle vi göra flera nivåer av frågor. Alltså olika svårighetsgrader. Men nu kommer vi endast att göra en svårighetsgrad. Även lärandet skulle eventuellt finnas i olika svårighetsgrader, men där väljer vi också att fokusera på en nivå.

När man klickat sig in på något så kommer det att finnas ett frågetecken som är klickbart. Där kan man trycka om man behöver hjälp. Då kommer information om hur man till exempel spelar ett visst spel att läsas upp.

Ett kylskåp kan man också hitta i rummet, där lär man sig om vad dinosaurier åt.
När man trycker på fönstret så kommer man ut och får lära sig om dinosauriernas olika element. Om de levde i vatten, flög eller sprang omkring uppe på land.

På något sätt ska man få lära sig om de olika tidsåldrarna, men vi vet inte om vi ska göra en liten tidsmaskin som står i rummet eller om man kanske ska få klicka på en klocka eller liknande.

Ickellinjärt berättande

Jag och min grupp (Jasmin, Mikael, Amanda och Isabell) valde berättelsen om Mästerkatten i Stövlarna.

Vi utgick ifrån att den ultimata vägen genom vår berättelse skulle följa originalberättelsen. Så när vi la in val av typen får katten stövlar eller gör mjölnarsonen katten till ett par skinnhandskar är stövlarna rätt svar och skinnhandskarna leder till att historien tar slut.

Det bästa med ickelinjära berättelser är att läsaren ändå får en chans att välja, vara med och påverka. Blir något helt annat än att bara läsa sagan från början till slut.

Det blir mer spännande så här dessutom, för man vet inte på förhand hur det slutar som man gör annars när mamma eller pappa läst sagan för en flera gånger.

Genom att göra berättelsen ickelinjär förlorar man som berättare kontrollen. Läsaren kanske gör helt andra val än man skulle vilja.

Inlämningsuppgift 1

Jag har gjort en liten flash-baserad hemsida till inlämningsuppgift 1 där jag samlat alla mina övningar.

När man öppnar sidan hamnar man i filen index.swf och möts av ett litet intro med en bild på mig och en meny med knappar längst upp. Har ritat dit lite förklaringar så det skulle framgå lite tydligare vad som är vad.

I menyn finns mina olika övningar indelade i tre kategorier, animeringar, bildhantering och ljudhantering. Trycker man på något så öppnas motsvarande övningsfil i den svarta ramen.

Alltså, hemsidan består av ett gäng olika filer. index.swf är en hållare med meny som visar upp de andra filerna i en ram.

Övningarna
Jag har till övningen gjort en frame-by-frame animation. Alltså jag har suttit och ritat varje rörelse (frame) för sig. Påminner hemskt mycket om när jag var liten och ritade en streckgubbe i hörnen på ett gäng A4 som rörde sig när man bläddrade igenom alla fort. I min animation är det en tjej som tittar in i ett rum och sen kommer in och blåser upp en ballong. Tog en faslig tid att rita allting. Som tur är finns en funktion i Flash så man kan se rutan innan lite genomskinligt samtidigt som man ritar på nästa del av rörelsen.

Jag gjorde också en shape-tween. Ritade en sol vars strålar växer ut över sidan och får en blomma att växa. Här hjälper Flash till att göra rörelserna. Jag ritar en ruta (frame) när grejerna är i sitt ursprungsläge och hoppar sen fram lagom långt, i det här fallet nån sekund och ritar hur allt ska se ut i slutläget och ber sedan Flash räkna ut hur saker ska röra sig där emellan.

Slutligen gjorde jag ett bi som flyger och landar på en blomma och sedan flyger iväg igen. En övning där jag använde mig av både shape-tweens och motion-tweens. Motiontweens förändrar inte objektet utan flyttar på det åt mig. Biet flyger längs en bana jag ritat ut. Biet blir större och mindre med en shape-tween däremot.

Bilder i Flash
Det går också att få in bilder i Flash. Allt måste inte ritas själv som tur är. Jag gjorde en bitmapsekvens, en bild av mig jag modifierat i Photoshop så jag blinkar och pratar (gjorde 3-4 versioner av bilden och tog in alla i Flash och la dem efter varann).

Jag gjorde ett bildspel där bilderna tonas in och ut ur varann. La en bild i tre sekunder och använde en sekund i början till att gå från genomskinligt till fullt synligt och en sekund i slutet från synligt till genomskinligt. Upprepade det hela för 3-4 bilder.

Ljud
Sista övningen jag gjorde var en komiker med en docka på en scen som berättar ett skämt som möts av lite ljumma applåder från publiken. Viktigast här var att få munnen att prata synkroniserat med ljudet. Animerade nästan frame-by-frame med övre halvan av huvudet på både komikern och dockan (inspirerat av South Parks gubbar från Kanada).

Slutkläm
Flash är ett väldigt kreativt verktyg men det tar verkligen längre tid än man tror att göra allt snyggt. Tur att Flash är så pass smart att det kan hjälpa till ibland (med tweens till exempel).

Söndagsfundering kring Flash

Vi började med actionscript i veckan och det pirrade faktiskt till lite av glädje i magen. Trodde jag var urless på alla sorters programmering sen jag pluggade programmering på Hyper Island och Nackademin/Gotlands högskola. Men med lite vila så blir det kul igen verkar det som. Det är ett ganska enkelt och rakt på språk men jag kommer säkert springa in i massa kniviga situationer ändå senare så ska inte säga för mycket här :)

Blev klar med inlämningsuppgift 1. Var väldigt kul att försöka komma på innehållet till de olika övningarna att men inte alls lika lätt att få dem att se ut som jag ville. Att rita snyggt tar tid! Men jag är ganska nöjd nu i alla fall.

Ser fram emot projektarbetet och nästa vecka!

Veckans lärdomar

Måste säga att Flash var lättare att använda än jag trott. Har skjutit upp det så länge för det kändes jobbigt. Tur den här kursen kom nu och tvingade mig! Det är ju väldigt kreativt och roligt att sitta och rita och pyssla.

Den här veckan har jag animerat lite enklare saker (bland annat fågeln jag visade förut). En del av teknikerna upptäckte jag att jag kunde redan men glömt (har använt mig av Flash mer än jag mindes i både gymnasiet och på Hyper Island). Resten föll på plats rätt fort. Det är otroligt tidskrävande att animera om man vill det ska bli snyggt och naturligt. Nu har vi jobbat med 12 fps (frames per second) så det blir ganska hackigt.

Jag har skrivit världens kortaste kodrad i actionscript, stop();, för att stanna min film när sista bildrutan är nådd. Ser fram emot att lära mig mera actionscript.

Innan jag tar tar helg ska jag fixa i ordning några delar som ska in till vår första inlämning den 16 nov.

• en frame-by-frame animation (har en idé med en animerad liten tjej som blåser upp en ballong)
• en shape tween (nånting som ändras till något annat)
• en shape och motion-tween animation (ett bi som flyger runt lite)

Trevlig helg!

Principles of interactive multimedia

Mark Elsom-Cook har skrivit "Principles of interactive multimedia" som är med på vår lista med kurslitteratur. I den går han igenom skillnaderna mellan ett medium och ett multimedium.

Medium
Ett medium är något som förmedlar någonting.

Under en föreläsning vi hade i måndags sa vår lärare Ulf Hagen att ett medium dels kan vara hårdvaran som presenterar/levererar ett innehåll och dels kan vara själva innehållet (exempel: en dvdskiva eller filmen som finns på) men Computer Swedens ordlista rekommenderar de att "ordet bör användas om det som förmedlar eller förvarar information, inte om informationen som sådan..." vilket också jag tycker är en rimlig betydelse av ordet.

När Elsom-Cook definerar ordet medium är det inte så enkelt. Han pratar om modaliteter och kanaler, alltså vilket sinne mediet riktar sig till och med vilka kanaler (exempel: visuella kanaler innefattar bland annat foton, video och text). Det som förmedlas tolkas sedan av oss mottagare till en helhet. Som exempel kan jag ju ta hemsidan jag analyserade i ett tidigare inlägg. Introt visade en bild av en dogtag (ett halsband) och en kör av röster sjöng en sång. De här två bitarna med information tolkade jag till att följade sidor skulle innehålla information om militärer eftersom jag dels kände igen bilden och dels kände igen ljudet som en typisk militärsång (de rabblar alltid på nån rytmisk ramsa när de marscherar i filmer). Men en bild av en hundvalp och samma ljud hade jag inte kunnat tolka till något vettigt.

Ett monomodalt medium är ett medium som riktar sig till ett sinne med en kanal.
Exempel:
Medium: Telefon Modalitet: Audiell Kanal: Tal

Ett medium kan också vara multimodalt, alltså flera modaliteter och kanaler som tolkas som en helhet.
Exempel:
Medium: Film Modalitet: Visuell & audiell Kanal: rörliga bilder, stillbilder, texter respektive musik, tal och ljudeffekter.

Multimedia då?
Computer Sweden och vår föreläsare Ulf Hagen refererar till ordet som ett gammalt modeord från 90-talet. Ordlistan vill helt stryka användningen av ordet eftersom i stort sätt alla persondatorer och mobiler idag (och en hel del annan teknik vi använder vill jag tillägga) hanterar både ljud och bild av alla möjliga slag.

Men Elsom-Cook säger att ett multimedium är en kombination av olika kommunikationskanaler som vi inte kan tolka som en helhet. En film är alltså inte ett multimedium eftersom vi tolkar den som en helhet och inte bilderna och ljudet var för sig.

En cd-rom produktion av det slag som var väldigt populärt i slutet på 90-talet är däremot ett multimedium eftersom vi där tolkar varje kanal för sig (än så länge).

Exempel på medier:
Språktidningen (en tidskrift)
Sagan om Ringen (filmtriologi)
Lantz i P1 (radioprogram)

Exempel på multimedier:
Speak visual (Flash-baserad multimodal hemsida)
Bolibompa-Drakens hus (DVD med olika aktiviteter för barn)

En fågel i det blå - enkel animation

Hej hej bloggen!

Jag har idag smygbörjat med animering i Flash. Redan på en gång fick jag googla ifrån kurslitteraturen ("Interaktiv multimedia med Flash CS3") då tweens gjorts om rätt rejält i CS4. Men det visade sig va lätt löst som tur va. Här nedan är en liten film om en fågel som flyger i det blå:



Det var däremot nästan hopplöst att få upp filmsnutten här. Flashs egna .swf ville blogspot inte ta emot och när jag exporterade till quicktimes .mov laggade allt fasligt mycket. Men löste det till slut :)

Analysuppgift

Jag fick i uppgift att analysera St Louis Todays webbreportage "Reporting for Duty" till vår nya delkurs Interaktiva medier. Sidan har ett reportage där en journalist och en fotograf har besökt Fort Leonard Wood och hängt med några rekryter i den amerikanska armén under deras nio veckor långa grundträning.

Vid första besöket kommer man till en armébricka med reportage-namnet på. Tre rader text ramlar ner:
One objective.
Two recruits.
Nine weeks.

I bakgrunden hör man ett gäng militärer sjunga på en av deras typiskt rytmiska "sånger". Allt känns väldigt spännande och jag vill veta mer. Jag förstår ganska mycket av vad det kommer handla om redan här med de tre meningarna.

Syfte & innehåll
Reportaget känns väldigt informativt. Det handlar mycket om vad rekryterna gör under sin grundutbildning. Varför gick de med i armén och vad har de för tankar om att eventuellt hamna i Irak eller Afghanistan när de är klara. Finns också mycket historia kring Fort Leonard Wood och lite statistik.

Tidningen vill belysa vad rekryterna gör i armén och vad de vet om sina framtida uppgifter. Samtidigt har Fort Leonard Wood funnits utanför St Louis sedan 1940 så tidningen belyser också ett område och dess historia för sina läsare.

Målgrupp
Sidan vänder sig till tidningens läsare men kanske framför allt till patrioter som är intresserade av vad armén gör och anhöriga till ungdomarna som åker för att göra utbildningen. En annan tänkbar målgrupp är ungdomar som är intresserade av att gå med i armén.

Medieanvändning
Det här reportaget är multimodalt. De använder både video, foto och audio samt texter och illustrationer på sidorna. Sidan riktar sig till vår syn och hörsel (vilket beror på tekniska begränsningar, det går helt enkelt inte att använda känsel och lukt på webben än).

Ljud
Språket är på engelska, så att mottagarna kan engelska är en grundförutsättning. Ljudeffekter förekommer inte vad jag kan märka (alltså det låter inte när man trycker på knappar etc), men audio i form av sånger finns med. Att man har en viss kännedom om den amerikanska militären är också en förutsättning. Annars missar man antagligen att det är militärer som sjunger där i anslaget.

Video
Video-snuttar förekommer överallt. Intervjuer med rekryterna. Filmer som visar olika övningar de gör. De är inte textade så igen är det en grundförutsättning att man förstår engelska för att hänga med.

Reportaget har antagligen publicerats i tidningen under olika dagar. Men en papperstidning är mer lämpad för läsning av långa texter än webben. Här på webben har man alltså satsat mer på video, foto, audio och illustrationer. Texterna finns med under en flik och går med möda att scrolla sig igenom. En knapp för en utskriftsvänlig version finns som tur är för de som är intresserade. En fördel webben har jämtemot papperstidningen är att här är det lätt att visa upp bilder samtidigt som man lyssnar på militärernas sånger till exempel.

Interaktivitet
Det finns en gästbok (som just nu inte fungerar men så är reportaget inte helt nytt heller) och möjlighet att själv ladda upp egna bilder och videos.

Så här är hemsidan uppbyggd:

Menyn har sju alternativ man alltid når och några av dessa sidor har undersektioner.Go to Basic innehåller till exempel åtta undersektioner med olika videoklipp.

På The Fort blir det lite krångligt i mitt flödesschema. Det finns på sidan en text med statistik och en karta men sen finns det två knappar, den ena leder till sju sånger att lyssna på och den andra till ett fotoalbum med historiska bilder från Fort Leonard Wood. Men man kan lyssna på sångerna samtidigt som man läser eller tittar på fotona. Jag ritade ut de två knapparna som undersidor med de sju sångerna som undersidor till sånger. Men det är kanske inte helt rätt när vi talar om en sådan här Flash-produktion som ju egentligen inte har sidor på det viset.

Sidan har en ganska platt struktur och är lätt att navigera i och förstå sig på.

Total betyg: 4 av 5.

En mycket bra resurs (eller två)

Jag tycker ni alla kan surfa in på den här hemsidan: 960

De har en otroligt finurlig template (för photoshop bland annaat) för hur man gör vettiga hemsidor som funkar/linjerar och i allmänhet ser bra ut.


Eftersom jag inte kan hålla mig måste jag ge ett tips till: Colourlovers

Där finns gott om färgpaletter och wallpapers som i de allra flesta fall är gratis att använda på sin egen hemsida. Se till att bidra med dina egna kreationer om du är ett färgsnille.

Må gott!

Ida.

Dagens laboration

Idag har jag tittat runt lite på Dreamweaver CS4. Gjorde en webbtidning och la in ett reportage jag skrivit om World of Warcraft.

Se här.

Har haft mycket roligt med det här idag.

Laters!

Frågor inför tentan

Oh, lagom tills jag lagt ut ett nytt inlägg här hittar jag blogguppgift 3.

1. I exempeltentorna har det funnits lite frågor om webbens historia, vilket jag helt klart tycker är intressant men det känns inte superviktigt att kunna årtal och namn på personer för att kunna tillverka hemsidor. Det som däremot känns väldigt viktigt att känna till är W3C:s arbete för att få fram standarder så det går att göra sidor som ser likadana ut i olika miljöer och webbläsare utan att bli gråhårig och förbannad på kuppen.
Varför behöver vi webbstandarder? Vart hittar jag specifikationerna? Hur validerar jag?

2. Grunden till html (eller för den delen xhtml) är ju onekligen a och o för en webbprogrammerare/utvecklare. Alltså hur man börjar och avslutar, i vilken ordning man lägger de olika taggarna.
Vilket av följande är rätt:

<p><em>Html är kul</p></em>

<p><em>Html är kul</em></p>

3. Under den här kursen har vi pratat om en mängd bokstavskombinationer och använt oss av främst 2. XHTML och CSS. Vad de gör och vad de betyder är också en bra baskunskap att ta med sig från den här kursen.
Varför använder vi oss av CSS istället för att bara stoppa in våra styles i html-dokumenten? Vad betyder HTML (och XHTML)? Vad betyder CSS?

Min egna kurswebb - inlämning 1

Känner mig så klar jag kan bli utan att börja använda PHP för byta ut en del av det tråkiga statiska mot mer spännande dynamiskt innehåll.

Här ligger underverket.

Hemsida

Vi jobbar just nu med vår första inlämning i den här delkursen. Det ska bli en hemsida som funkar både på skärmen, i mobilen och som utskrift. Vi använder xhtml och css. Jag har arbetat med det här förut, så jobbar på bra fast jag glömt en del. Får fräscha upp minnet lite. Just att få det att funka i en mobil har jag aldrig gjort, var inte så många som surfade från mobiler för 4-5 år sen. Jag har en iPhone så det blir extra krångligt (eftersom den vägrar läsa in css-filer som är gjorda för "handhelds"), kan inte testa min kod annat än i Firefox men jag hoppas det blir bra ändå.

Här kan ni se hur det går, fast jag är inte helt klar så jag kan nästan garantera att jag kommer ändra en hel del innan deadline.

Laters,
Ida

Medieteknik A, Publicering via Internet

Jag läser journalistik och multimedia andra året. Vi läser Medieteknik A och just nu en kurs om publicering via Internet. Vi får lära oss hur man ftp:ar och bloggar och tillverkar hemsidor. Känns ganska spännande.

Det här är ett testinlägg. Vi kommer att få uppgifter senare som ska publiceras här på bloggen.

Ses!
Ida.