VECKA 5

Då var även sista dagen av projekt avklarat. Vi började tidigt på morgonen och hade bestämt oss för att bli klar med allt redan på måndag eftermiddag. Det blev en del mindre förändringar man annars testade vi mest sidan och la till ljud där det skulle finnas. Föreläsningen var bra. Det var smart att ha en kort föreläsning. Ingen hade orkat med att lyssna längre. Och alla var taggade på att jobba på med projektet. Men det var ändå bra att få ett hum om vad man kan göra med sitt projektet om det hade varit skarpt. Efter föreläsningen hade vi bara kvar att skriva projektrapporten och lämna in arbetet. Nu är det Innlämnat och klart och endast redovisning kvar, nice.

VECKA 4

Då har projektet börjat ta form. Vi körde på hårt i måndags. Stefan hade klurat lite hemma under helgen så vi hade goda förutsättningar till att starta igång arbetet redan på måndag morgon. Sen har det bara fortsatt på. Ritat och animerat kodat och klurat. Bildbehandlat bilder och skrivit manus. Spelat in ljud och redigerat det. Gjort om ljudfiler och klurat lite till. Veckan har gått fort och varit rolig. Jag trivs bra i att jobba i grupp, våran grupp fungerar utomordentligt och vi jobbar kanon bra ihop. Måndagens handledning blev kort för våran grupp eftersom vi redan kommit igång på allvar. Men det kändes bra med en avstämning för att presentera idéer och upplägg. Tisdagens föreläsning var matnyttig och intressant men jag personligen hade föredragit att ha den föreläsningen tidigare kanske redan i början av förra veckan. Eftersom den fick en att öppna upp tankegångarna mera och tänka i nya banor. Gruppavstämningen i torsdags kändes inte alls speciellt givande om jag ska vara helt ärlig. Vi var inte i behov av hjälp och Gunnar hade inget att påpeka. Så vi fortsatte att jobba på med vårat projekt. Sen körde vi hårt på fredagen och jobbade med små förändringar och läppsynk. Projektet har börjat ta form och vi kan nu ser hur det färdiga resultatet kommer att bli. Vi har jobbat på kanon bra i veckan och på måndag kommer det att bli mindre justeringar och tester av sidan. Vi jobbar för att bli klar på måndag eftermiddag och ska därför börja tidigt på måndag men nu är det först en helg att se fram emot.

Bloggfrågan vecka 22

Beskriv projektets tekniska upplägg med hjälp av ett tekniskt strukturschema (enligt föreläsningen om designdokument). Beskriv också de delar där ni kommer behöva "skripta" (mer än knapp/navigationsskript). Skriv också om ni kommer behöva hjälp med det.



Grupp Alfa - Jordglob
Vår huvudtidslinje består av 2 keyframes. Den första framen innehåller ett target-movieclip dit vi laddar in en introfilm med en snurrande jordglob. I den första framen deklarerar vi även några variabler som sätter värden till objekt i frame 2.
Frame 2 innehåller själva innehållet på sidan. Sidan består av 2 delar - en del där man får klicka sig runt i världskartan och en del där man kan testa sina kunskaper om världen genom en frågesport.
Fördelarna med att endast ha 2 frames på huvudtidslinjen och låta animeringarna ske inuti respektiv movieclip är många. Vi har en bra överblick över vår struktur och minimerar riskerna att något försvinner på vägen, något som kan vara ett problem om man gör sina animeringar på huvudtidslinjen. En annan fördel är att vi har större flexibilitet att ändra och lägga till saker i våra animeringar. Nu slipper vi tänka på att justera ALLA lager om vi vill korta eller förlänga en animation.
Vi har lagt världskartan i ett movieclip och sedan animerat inzoomningar inuti det movieclipet. Inzoomningarna sker när man valt att klicka på en av världsdelarna. Efter inzoomning så laddas en extern swf in som består av den inzoomade världsdelen i mer detaljerad tappning. I denna karta kan man sedan klicka på det land som man vill veta mer om. Nu laddas en extern swf in som består av en "ridå" för att få en mjukare övergång. "Ridån" laddar sedan in en extern swf för det valda landet.

Blogg fråga 3

Jag har valt vinterreklambyrås hemsida (http://www.vinterreklambyra.se/) Jag tycker att den känns tilltalande och inte riktigt lika dan som de sidor som jag annars besöker.

Funderar på vad jag ska kalla stilen men kommer inte på vad jag ska kalla den. Den är helt enkel vinter. Den känns stilren men ändå personligt präglad. Sidan har lite roliga effekter och ett skönt bakgrundsljud. Den lämnar mycket till mottagaren att ta reda på och är kanske inte ultimat som informationskälla men den är snygg.

Den är otroligt karakteristisk och man känner verkligen vinterkänslan så fort man kommer in på sidan även när man i slutet på maj sitter hemma i soffan med bränd nästipp efter två dagar i den heta vårsolen. Så hela sidan andas av vinter känsla.

Jag tycker det är ganska självklart att sidan ser ut som den gör. Det är en hemsida för en reklambyrå. Det gör att man som besökare förväntar sig något extra redan när man kommer in. Och det får man. Sen vill förtaget ge en karakteristisk känsla så att sidan ska lägga sig på minnet. Detta tycker jag man lyckas bra med i allt från färgval till typsnittsval. Man vill ge mottagaren något extra inte bara informationen om ska nå ut. De vill också finnas kvar i mottagarens bakhuvud och har därför dragit på byråns drag nämligen namnet vinter. Den är enkel men skön och lite speciell, om nu något är speciellt idag. Anledningen till att sidan finns är att profilera företaget och antagligen vill man försöka sälja in sig till möjliga kunder.

Funderar lite på vilken mjukvara man använt och kommer fram till att den mycket väl kan vara uppbyggd i flash. Program som photoshop är troligen också använt.

Jag tilltalas nog av stilen på grund av des enkelhet. Det är inget tillkrånglat. Navigeringen är lätt och typsnitt och färger är väldigt passande i samanhanget. Tyvärr är sidan ganska tung så det blir en del laddningstider både här och där. Usch vad bortskämd man blivit nu för tiden allt ska gå så snabbt att lite laddtid på fem sekunder känns som en evighet. Men bortsett från det gillar jag känsln av att man får promenera runt i snön när man besöker de olika länkarna. Det må vara för att jag själv älskar vita vintrar men sidan tilltalar mig.

VECKA 3

Tredje veckan har gått och nu ar projektet på gång att ta fart på alvar. Jag ser fram emot två riktigt roliga veckor nu men de kommer bli stressigt för att hinna med allting. Men om vi ska börja från början av veckan. Måndags gjorde jag mina sista finslipningar av inlämningsuppgiften. Tisdagen föreläsning var verkligen av sitt eget slag men det var trevligt och lärorikt. Man fick en större förståelse för vad det var man gjorde när man programmerade. På onsdagen läste jag på i kurslitteraturen och lämnade in inlämningsuppgift 1. Torsdagens föreläsning, kändes inte riktigt så givande som de tiigare varit men efter att ha börjat med projektet förstod jag mer värdet av föreläsningen. Men jag hade föredragit en djupare förklaring av vad de olik delarna skulle innehålla. Iof kan man läsa sig till det i kurslitteraturen så det är nog inte nödvändigt. Fredagens föreläsning var intressant till en början men jag tyckte det blev för mycket exempel och i slutet av lektionen förstod jag inte riktigt värdet av det som lärdes ut. Att ta upp program som vi inte ens använder oss av känns lite överkurs när vi fortfarande är så pass nybörjare i flash. Så det blev tyvärr lite långtråkigt sista timmen. Efter lektionen på både torsdags och fredags samlades våran grupp för att diskutera idéer och jobba med de olika delarna av planeringen. På fredagseftermiddagen skrev vi synopsis, tidsplanering och gjorde ett flödesschema. Allt känns jätte bra i gruppen och vi ät jätte peppad att jobba vidare på våran idée om att skapa en världskarta för att barn ska lära sig mer om andra länder. Så den kommande veckan kommer bli hektisk men rolig, jag ser fram emot att få lära mig mer och att utveckla våra idéer. Dags att sätta igång!

Förväntningar på projektet

Mina förhoppningar på projektet är stora. Jag är jätte laddad på våran ide och tankarna bara rusar genom huvudet. Min främsta förväntning är att efter projektet slutförts kunnat genomföra några av idéerna, just nu är det bara tankar som inte har någon lösning. Jag är säker på att vi i gruppen ska kunna lösa dessa på ett bra sätt och att allt kommer klarna under tidens gång. Sen är min förhoppning att jag ska känna mig säkrare i flash. Känna mig bekvämare med navigering och de vanligaste verktygen. Nu ser ja fram emot två kluriga och tunga veckor men som jag tror kommer bli riktigt roliga!

Blogg fråga 2
Beskriv med egna ord hur du byggt upp de olika delarna i inlämningsuppgift 1. Beskriv på ett sådant sätt att en som inte kan Flash förstår (åtminstone på ett principiellt plan). Lägg störst vikt vid att beskriva hur navigationen fungerar i index-filmen.

1. Öppnade ett nytt dokument i flash. Som jag gav storleken 800 x 600 pixlar (för att uppgifterna som jag gjort tidigare (550x400) skulle rymmas) i properties fönstret, jag lät standardinställningen 12 bildrutor per sekund vara kvar.

2. Skapade lagren och namngav dem, jag valde att ha
- bakgrund
- innehåll
- gränssnitt
- logga
- sidmarkering
- text länkar
- knappar
- script (på detta lager ska det inte finnas något synligt utan det är här vi ska skriva in navigeringen, så håll detta lager låst.)

3. Dags att strukturera upp antalet sidor. Jag hade bestämt mig för att ha en indexsida (menysida) och fyra undersidor. En för illustrationsuppgiften, en för frame by frame, en för animeringen och en för ljudsynksuppgiften.

Låste alla lager och ställde markören på ruta 5 i skript lagret och skapade en nyckelbildruta (keyframe). Sen gjorde jag likadant på ruta 10, 15, 20 och 25.

Ställde markören på ruta ett i skript lagret och skrev in texten meny i frame lable rutan i properties fönstret för att namnge nyckelbildrutan. Sen gjorde jag likadant i ruta 5, 10, 15, 20 och 25 men skrev in namnen illustration, frame, bi och synk. På ruta 30 gjord jag en frame bara för att se texten i ruta 25. OBS man bör tänka på att inte använda å, ä, ö när man namnger dessa.

Eftersom man vill att sidan meny ska visas fram tills personen klickar sig vidare måste vi lägga in en stopp i menysidan. Markera nyckelrutan (bildruta 1) och tryck f9 eller gå via Window > Actions. Alla skripen ligger under + för att komma åt den jag ville ha gick jag på Global Funktions > Timeline Control > Stop.

4. Sen ställde jag mig på vart och ett lager, utan att låsa upp dem och placerade mig i ruta 30 och skapade en frame genom att trycka f5.

5. Låste upp bakgrundslagret och tog rektangelverktyget för att skapa en svart bakgrund. Drog upp en rektangel med ingen linjefärg och svart bakgrundsfärg. Kontrollerade sedan i properties fönstret att storleken på rektangeln var 800 x 600 pixlar och att den låg kant i kant.

6. Låste upp gränssnittlagret och tog rektangelverktyget (R). Valde ingen ramfärg och toning som fyllningsfärg från vitt till svart. Ritade ut en rektangel över huvudet på sidan. Valde färg transformverktyget (F) och vände toningen så det vita kom uppåt och det svarta neråt. Låste lagret.

7. Låste upp lagret text länkar och valde textverktyget, lät det förhandsvalda alternativet i properties fönstret statisktext vara. Skrev in meny, illustration, frame, animation, och ljudsynk. Ändrade i properties palleten så att de såg ut som jag ville ha dem, rätt storlek, färg och teckensnitt. Låste lagret.

8. Låste upp lagret textlänkar. Skapade en knapp genom att välja Insert > New Symbol (ctrl f8) döpte den till osynlig_btn och bockade i botton alternativet. Ställde mig på på hit skapade en ny nyckelbildruta genom att trycka f6 och där ritade jag en rektangel med rektangelverktyget. Det är inte så noga hur denna ser ut den kommer inte synas utan är bara till för att markera träffytan. Återgick till huvudsidan genom att klicka på Scene 1 uppe i listen. Drog in knappen irån biblioteket och plaserade över texten meny, men fortfarande på lagret knappar. Sen tog jag freetransform verktyget (Q) och anpassade rutan så den skulle passa i storlek till meny texten. Genom att hålla en alt och dra rutan till de övriga länkarna skapade jag en knapp över samtliga. Och med freetransform verktyget anpassade jag alla efter dess individuella storlek.

9. När man trycker på meny knappen vill jag att man kommer till första sidan. Så jag markerade menyknappen på scenen med selection tool (V) och tryckte på f9 för att få upp actionfönstret. Tryckte på pluset Global Funktions> Movie Clip Control> on. Valde sedan release genom att dubbelklicka på den när flash frågad. Release betyder att man kommer till menysidan när ändvändaren släppt upp musknappen över meny nappen. Sen la jag in en blankrad mellan de så kallade måsvingarna { } valde pluset och Global Funktions> Timeline Control> gotoAndStop och skrev in ”meny”.

Så skripten såg ut så här:
on (release) {
gotoAndStop("meny");
}

Sen kopierade jag texten, markerade nästa knapp tryckte f9 och klistrade in texten i actions. Sen var det bara att byta ut texten meny mot rätt text.

10. När man klickar på de andra länkarna vill jag visa mina jobb som jag gjort tidigare under kursen så jag vill att dessa ska laddas in när man trycker på respektive länk. Eftersom dessa redan är värdiga swf filer så länkade jag in dem i min indexfil.

Därför skapade jag ett tomt filmklipp ctrl f8 som jag döpte till target_mc och bockade i Movie clip. Detta filmklipp stängde jag utan att göra någon ändring i.

Sen markerade jag nyckelbildruta fem i innehållslagret som ska vara upplåst. Med den rutan markerad drog jag in det tomma filmklippet jag just skapat target_mc från biblioteket till scenen och placerade den i det övre vänstra hörnet. Där de lilla cirkeln med ett kors i placerats kommer det importerade filmklippets hörn att hamna. Under properties paletten i rutan skriver vi in target_mc.

Med hjälp av skript programmerade jag sen så att när man tycker på knappen illustration ska min fil illustration.swf hämtas och visas upp. Alla filer som jag valt att länka in i indexfilen har jag placerat i samma mapp.

Placerade mig på skript lagret nyckelbildrutan för illustrationsknappen, ruta fem. Tryckte f9 för att få upp actions palleten och tryckte på pluset, valde Global Funktions> Browser/Network> loadeMovie och sen inom parentesen skrev jag "illustration.swf", target_mc men man kan även direkt skriva in texten loadMovie("illustration.swf", target_mc); Jag kopierade denna texten och upprepade sedan momentet för frame, bi och synk knappen. Markerade vardera nyckelbildruta, öppnade actions fönstret klistrade in texten och ändrade filnamnen till rätt filnamn.

11. När jag gjort alla länkarna var det dags att börja finslipa sidan. Jag öppnade photoshop och fixade till en bild till förstasidan. Klippte ut mig ur bilden. Gjorde originalbilden svart/vit med hjälp av färgnivåer. Beskar bilden, ändrade storlek. Sen sparade jag båda bilderna som png 24.

12. Öppnade bakgrundslagret. Gjorde en ny nyckelbildruta i ruta fem genom att placera markören där och sen trycka på f6. Markerade nyckelbildruta ett i bakgrundslagret och la till en bild genom att gå på File> Import> Import to stage (ctrl +R) valde bilden prag.png som jag sparat bekgrundsbilden jag gjort i photoshop som. Sen gjorde jag om den från en bitmapbild till en vektorbild. Genom att gå på Modify> Bitmap> Trace Bitmap sen prövade jag mig fram med olika världen tills jag blev nöjd.

13. Skapade ett nytt movie clip på samma sätt som tidigare. Döpte det till meny_mc. I movie clipet skapade jag tre lager, pratbubbla, bild, text. Importerade bilden emma.png i bildlagret, ritade en pratbubbla i pratbubblalagret och skrev in texten i textlagret. Markerade texten och redigerade den. Sen lade jag till filtret glow som man hittar i paletten filter bredvid properties. Ändrade till ljusgul färg på filtret. Gick tillbaka till scen lagret. På första nyckelrutan på bakgrundslagret Drog jag in meny_mc från biblioteket till scenen. Sen låste jag lagret.

14. Låste upp lagret logga skapade ett nytt movie klipp som jag döpte till logga. Skrev in texten Emma Dahlin valde färg och typsnitt i properies pallette. Sen markerade jag texten och bröt isär den för att kunna förvränga den. Modify> Break apart och upprepade det tå gånger. Sen vred jag bokstäverna för att kunna skapa en effekt. Gick tillbaka till scenen och på nyckelbildruta ett i logga lagret drog jag in logga_mc från biblioteket.

15. Låste upp lagret sidmarkering och skapade nyckelbildrutor på femte, tionde, femtonde och tjugonde rutan. Markerade nyckelruta ett och drog en linje med Line Tool (N) under menyknappen. Markerade tionde och drog ett streck under illustrationsknappen, och gjorde likadant på 15:e och 20:e nyckelbildrutan.

Sen har jag prövat lite små saker och ändrat en del fram och tillbaka.