Som så mange andre, fulgte jeg med interesse lanceringen af Apple, næsten hemmelige lancering af deres tablet. Jeg må sige at jeg er imponeret over at jeg ikke er imponeret. Derefter er jeg ligeså imponeret over at Steve Jobs, der ellers er så karismatisk i hans præsentationer, nærmest virkede ligegyldig i hans fremtræden (se evt http://www.apple.com/quicktime/qtv/specialevent0110/)

Inden du bliver irriteret over min ligegyldighed, vil jeg lige sige at det selvfølgelig vil være interessant at sidde med den og gøre det jeg alligevel gør på min iPhone min bærbare PC eller Macbook Pro. Jeg har ikke noget imod enheden, men Apple må lige minde sig selv om at de ikke viser noget, som der ikke, mere eller mindre er kommet frem på CES fra PC producenter. Den er Apple-agtigt og dermed lækker, men så sker der heller ikke mere.

I hans demonstration beskriver han det som den bedste eller eneste rigtige måde at browse på Internettet på. Det er dog tydeligt at se de små blå plug-in ikoner, der fortæller fraværet at Flash Playeren.

Skærmen er en 9,7 tommers skærm der kan vise 1024X768. I forhold til video kan den med H.264 vise 720p. Hvis du skal bruge andet end et Mac format, må du nøjes med 640 X 480)

Min pointe er, at det er en forstørret iPhone, og dermed et fint stykke hardware – intet ondt der. Apple plejer at opfinde – at redefinere begreberne. Det gjorde med deres iPhone … det er bare ikke sket her.

Derudover får deres forretningsmodel mig til at blive dårlig. De tvinger alle udviklere til at betale minimum $99 om året, for den billigste måde at få applikationer på deres iPhone … om året. Derudover er den eneste tilgang til at modificere og udvide den via AppStore. Flash får ikke lov til at komme på din iPhone eller iPad, fordi den fundamentalt vil ryste det grundlag – derfor får ingen iPhone eller iPad brugere lov til at se Flash indhold. Steder som www.sumopaint.com og www.acrobat.com viser med al tydelighed hvorfor.

Apple siger, at Flash simpelthen ikke er godt nok til iPhone, men nu, hvor ActionScript 3.0, med CS5 bliver pakket ind i en kompileret IPA-fil, der kan sælges via AppStore er det ligepludselig OK.

Jeg glæder mig til at se den i fuld flor, at prøve den selv, men jeg frygter at den falder ned mellem to stole (den kan sagtens, den er 13.4 mm tynd). De fleste har ikke problemer med at sidde med deres Macbook Pro, hvis de har brug for størrelse. Du kan ikke ringe fra den … det ville se sjovt ud, hvis man kunne. Det ser ikke ud til at man kan udvide den. Mange af de Apps der er kommet fungerer fint på iPhone, netop fordi de er udviklet til en iPhone. Udvikling til iPad vil muligvis få den konsekvens at applikationerne kommer til at ligne “normale” programmer.

Prisen er $499 for den billigste.  Den er uden 3G, så du skal være ved et Wi-Fi net for at udnytte den. Da de fleste nok vil have den med, for at vise den frem starter prisen på $629. Det er for 16GB. Hvis du skal op i 64GB skal du lemme $829. Med den aktuelle dagskurs (28. januar 2010) bliver det dkr. 4.385,91 – det er så hvis den blev købt i USA. Du kan nok godt doble op her i Danmark.

Alt i alt bliver den spændende at følge, men jeg er sikker på at vi vil se mange skuffede ansigter og anmeldelser, når støvet har lagt sig.

… jeg håber jeg tager fejl.

Det rykker tættere og tættere på. Adobe Flash CS5 (Viper) blev præsenteret på MAX og det er nu kendt at den kommer i en offentlig beta senere i år. Tag et kig på http://labs.adobe.com/technologies/flashcs5/ og skriv dig op, så du får en mail når den er klar til at blive hentet.

De nye muligheder i programmet og den bedre integration med Flash Builder gør den til noget af det mest interessante i 2010.

Hvis du ikke har set programmet i aktion, så besøg http://max.adobe.com/online/ og se den “hemmelige session” på http://max.adobe.com/online/session/381

Iiiiiiiiih, altså!!

Jeg er i gang med at foretage en undersøgelse af behovet for en standardisering af de layout der afleveres til udviklere på Flash platformen.

Meningen med en sådan standard vil være at gøre det nemmere for designere at beskrive deres layout på en måde som udviklere forstår.

Best practises kunne fortælle, hvordan du kan organisere dine lag, så de states du har tiltænkt dine knapper, nemmest bliver overført til en udvikler. Hvordan du skal forholde dig til tekster i dine layouts. Hvilke overvejelser om formater, størrelser skal filer gennemgå, hvis de bruges i en case study eller et galleri osv.

Her er ikke tale om at putte en designer i en kasse, men at hjælpe en designer til at beskrive sit indhold bedst muligt, når det er klar til at blive sendt videre. Jeg er udemærket klar over at nogle produktioner på Flash platformen arbejder i områder der falder uden for logisk måde at arbejde på Smile men spørgsmålet er også om det vil være praktisk at have som et værktøj i det digitale workflow. Det er ikke ens betydende med at man skal efterleve standarden, hvis den ikke passer ind. Spørgsmålet lyder således:

Synes du, det vil være praktisk med retningslinjer (“best practice” eller en standard) for design, der leveres til udviklere på Flash platformen?

Svar helst i stil med “Designer – JA”, “Designer – NEJ”, “Udvikler – JA” og “Udvikler – NEJ”. Du må gerne svare som både designer og udvikler, hvis du føler dig som en sådan.

Du er selvfølgelig velkommen til at skrive uddybende kommentarer om hvad du kunne tænke dig i en “standard” efterfølgende, men i første omgang er der brug for positive eller negative tilkendegivelser.

Tak for hjælpen.

Tiden var kommet til at jeg måtte flytte www.hjaelpmignu.dk til et nyt system. Tidligere brugte jeg XOOPS til at holde styr på artikler og forum, men havde svært ved at få det passet ind med min lyst til at skrive flere artikler og ligge videotutorials op, som svar på spørgsmål. Derudover ville jeg gerne kunne integrere medskribenter og bruger på en mere social måde.

Resultatet er blevet Drupal, som giver mig en meget åben ramme at arbejde indenfor. Meget af det var selvfølgelig også muligt med den tidligere version, men jeg føler det nemmere at begå mig i Drupal – både hvad gælder den normale vedligeholdese af indhold, men også når det kommer til videreudvikling og opdatering af plugins osv.

Jeg håber at i vil tage godt i mod sitet, og stille en masse interessante spørgsmål – meningen med sitet er jo at lave tutorials, der i vid udstrækning baserer sig på dine spørgsmål. Et eksempel kan være, dette spørgsmål, der blev til dette svar.

Her er et par link til de vigtige sektioner

• http://www.hjaelpmignu.dk/forum (Forum)
• http://www.hjaelpmignu.dk/artikler (Artikler)
• http://www.hjaelpmignu.dk/contact (Kontakt)

Vel mødt på sitet

/ockley

Titel: Learning ActionScript 3.0 – A Beginner’s Guide

Sider: 363

Forfatter: Rich Shupe, Zevan Rosser

Udgiver: O’Reilly

Genre: ActionScript 3.0

ISBN:
ISBN-10: 0-596-52787-X
ISBN-13: 978-0-596-52787-7

Introduktion

Jeg har læst mange bøger om ActionScript 3.0, men det er sjældent at jeg er blevet så fanget af en bog som jeg er blevet af Learning ActionScript 3.0 – A Beginner’s Guide. Der er flere grunde til at jeg har lyst til at fremhæve den, og give den topkarakter.

Farver og linjer

Jeps, En ActionScript bog i farver. Jeg har egentlig aldrig rigtig tænkt over, hvor meget det forbedrer læsevenligheden – det er ret vildt. Al koden er skrevet i farver som du genkender fra Flash. Derudover er linjerne nummereret, hvilket gør det uhyre nemt at overskue længere kodestumper. De steder i bogen hvor koden bygges op lidt ad gangen er det også nemt at orientere sig i forhold til de brudstykker der bliver pillet ud og forklaret.

For børn i alle aldre

Du må ikke lade dig narre af titlen: “A Beginner’s Guide” for der er sandelig rigtig meget at komme efter for en trænet udvikler. Der er nok af små fif i de senere kapitler, og måder forfatterne forklarer det på, til at alle føler der er gods i bogen. Nogen vil måske mene at der er så meget i bogen at begyndere bliver hægtet af til sidst.

Sproget er vigtigt

Bogen er uhyre velskrevet. Der bliver brugt lange afsnit på forklaringer om begreber, metoder og egenskaber. Hvor mange andre ActionScript bøger fokuserer meget på at vise en masse kode, kan der her nemt tages et opslag eller to fra, til at forklare om principperne i det som koden udfører.

Billeder, Illustrationer osv

Der er rigtig mange illustrationer. Ikke kun skærmdumps af Flash, eller resultatet af din kode, men også gedigen infografik, der viser principperne i noget af den matematik e. lign. du skal arbejde med.

Indhold

Hvad skriver de så om, i bogen? De dækker faktisk et meget bredt område. Uden at gå for meget i kapitel tilstand kan jeg dele det lidt op i faser:

Overblik

Den starter med et dybdegående overblik over Flash Platformen, hvad det betyder og hvilke programmer der leverer til den. Den gennemgår derefter forskellene i procedural- og Object-Orientered programming. Når alt det indledende er på plads løber den en 40 sider igennem med variabler, funktioner, klasser osv – der er fart på, så hvis man er helt ny er det vigtigt at man “tygger maden godt her” og prøver de ting der er beskrevet.

Display List

Ingen ActionScript-bog uden en god gennemgang af display listen – et problem de fleste ridligere bruger bøvler med. Her gennemgås hvordan man tilføjer- eller fjerner objekter, bytter rundt på dem osv. Der kommer også et OOP afsnit, der fortæller om Classes, Inheritance, Composition og et par andre relevante Design Patterns.

Bevægelse og tegning

Efter man har læst de første 100 sider, skulle man allerede være ret habil i forhold til sproget. Nu begynder nogle af koncepterne at udfolde sig i programmeret bevægelse og partikelsystemer. Endelig bliver Graphics-klassen gennemgået og du bliver præsenteret for nogle meget tunge emner som matricer og trigonometri (Arrgh)

Der er også afsat god plads til at forstå hvordan Flash arbejder med pixels. Du gennemgår BitmapData, Blend Modes, filtre og Color Effects, og her (200 sider inde) burde din hjerne sprudle af idéer til, hvordan den nyvundne viden kan udnyttes i praksis.

Tekst

I en særskilt sektion bliver teksten behandlet. Bogen går godt i dybden med forklaringerne når det kommer til at oprette tekstfelter, redigere dem, indlejre fonte og tilknytte CSS. Der bliver også taget fat på, hvordan HTML arbejder inde i flash og hvilke muligheder du har for at kalde ActionScript fra HTML.

Lyd og video

Næsten til slut, tages der hul på behandlingen af video og lyd. Du lærer at hente ID3 data fra musik. Visualisere waveforms, arbejde med webcam og mikrofon, streame lyd og video osv. osv. Her skal du virkelig have ørene ind til hovedet for at følge med.

Input/Output

Til allersidst tages der hul på mulighederne for at hente data ind i flash. Det har været gennemgået sporadisk tidligere, men nu bliver der taget fat om nældens rod og du bliver trukket godt rundt til de forskellige emner der normalt hentes (text, video, billede, swf og lyd). Derefter er et helt kapitel tilegnet XML og E4X. For en Flashudvikler, -designer er det et must at kunne håndtere XML, og dette kapitel ruster dig rigtig godt til at løfte opgaven.

Ressourcer

Sidst i bogen er der en beskrivelse af nogle metoder til at gribe et flash-projekt an på og en række referencer til ressourcer, blogs osv.

Afslutning

Slap af, Karsten. Du får penge for det. Niks – ikke i dette tilfælde i hvertfald. Jeg synes denne her bog er så god at jeg vil sige det til alle der gider at høre på det. Den gennemgår så mange teknikker (mange som jeg ikke kendte) og forklarer det på en måde som jeg i hvertfald synes gør den let fordøjelig.

Held og lykke med den, hvis I anskaffer jer den. Skriv gerne kommentarer hvis i har læst den, eller vil høre om den tager bestemte emner op.

Med venlig hilsen
Karsten Vestergaard (ockley)

Jeg stødte i dag på Google Squared. Den ligger i deres laboratorium. Der ligger jo i forvejen en masse interessante ting, så vad er det lige der adskiller Squares fra det andet halløj.

Google Squares giver dig mulighed for at inddele din søgning i rækker og kolonner, så du kan få et skema over resultatet. En søgning på Countries gav følgende:

Resultat af søgning på "countries"

Google Squares opdeler det i relevante kolonner med navne, beskrivelser, hovedstæder osv. Hvis du vil have en specifik kolonne til at være synlig skal du bruge hårde parenteser i stil med “countries [popuplation]“. På den måde vil resultatet blive i stil med dette:

resultat med en specifik kolonne defineret

En anden ting, der er interessant er at det nye resultat giver nogle andre indledende kolonner. Den kigger derfor resultatet igennem og finder ud af, hvilke kolonner der er relevante i søgeresultet.

TIP: Du kan selvfølgelig også skrive en kolonne i Add Columns, i resultatet.

Denne form for søgning giver et helt andet overblik end den normale søgning, og det bliver nemmere at opsamle og sidestille delementer af resultater i forhold til hinanden. Alle skolepligtige vil helt sikkert kunne nyde godt af værktøjet. Jeg får i hvertfald  mange sjove søgeaftener med denne utitlity … men igen. Jeg er også lidt underlig

Google Squared er stadig et eksperiment, så der er selvfølgelig mange tilføjelser man kunne ønske sig … meeen. Den er kommet godt ud af starthullerne. Hurra for Google

Prøv værktøjet på http://www.google.com/squared – god fornøjelse.

/ockley

Så er ventetiden ovre! Et tidspunkt jeg har set frem til, kom her i weekenden. Du har nu mulighed for at prøve kræfter med Adobe Flash Catalyst, som ligger i offentlig beta på labs.adobe.com. Det gør den sammen med Adobe Flash Builder 4 der er det sidste skud på stammen i den produktserie der tidligere var kendt som Flex Builder. Først og fremmest lige nogle link til softwaren:

Adobe Flash Catalyst: http://labs.adobe.com/technologies/flashcatalyst/
Adobe Flash Builder 4: http://labs.adobe.com/technologies/flashbuilder4/

Hvad kan programmerne?

Adobe Flash Catalyst

Dette program er ment til at binde designere af RIA tættere til den interaktive platform. Hvor de fleste designere bruger Illustrator, Photoshop og Fireworks til at udvikle skærme og elementer til brugergrænseflader, har udvikleren ofte alt for megen kode i vejen når der skal dannes et overblik over den visuelle stil.

Det resulterer i at der bliver indgået en masse kompromier, når der skal pustes liv i layoutet. Med Flash Catalyst er følelsen og muligheden for at levere et “kodeklart” resultat rykket tættere på. Du kan nu med Flash Catalyst, tage dit layout fra Illustrator, Photoshop eller Fireworks og definere de interaktive elementer. Du kan vise overgange imellem states (tilstande) og præcist bestemme hvordan grafiske objekter i dit design skal optræde i den endelige applikation.

Resultatet bliver et køreklart projekt til Adobe Flash Builder 4, som udvikleren så bruger til at gøre applikationen færdig.

Adobe Flash Builder 4

Fra at være et program for super nørder, har Adobe Flash Builder vendt sig mere og mere til den “mindre øvede udvilker”. Har du erfaring med Adobe Flash CS4 og ActionScript 3.0 vil du helt sikkert få meget ud af Adobe Flash Builder 4. Programmet er baseret på Flex framework’et og levere Rich Internet Applications til Flash Platformen. Den er født med en bunke indbyggede effekter og klasser, der gør det hurtigt at lave applikationer der kan afvikles på Flash Platformen.

Hvor Adobe Flash CS4 bruger sin timeline og library til at levere unikke animationer og oplevelser, kan Flash Builder bygge robuste og appelerende applikationer til interenettet eller din desktop (via AIR)

Med direkte understøttelse af projekter eksporteret fra Flash Catalyst er det blivet endnu nemmere at overskue designet af Flash Builder projekter – en ting som folk, vant til Flash Professionel, har sukket efter.

Kom i gang, nu!

For at komme igang med programmerne er her en lille liste af relevante links:

Adobe Flash Catalyst

• Link til Beta af programmet: http://labs.adobe.com/technologies/flashcatalyst/
• Links til tutorials: http://labs.adobe.com/technologies/flashcatalyst/tutorials/
• Link til forum på www.hjaelpmignu.dk: http://www.hjaelpmignu.dk/modules/newbb/index.php?cat=16

Adobe Flash Builder 4

• Link til Beta af programmet: http://labs.adobe.com/technologies/flashbuilder4/
• Link til tutorials: http://labs.adobe.com/technologies/flashbuilder4/tutorials/
• Link til forum på www.hjaelpmignu.dk: http://www.hjaelpmignu.dk/modules/newbb/index.php?cat=17

Derudover er der en række demonstrationer af Flash Platformen på http://labs.adobe.com/technologies/flash/videos/

Held og lykke. Jeg glæder mig til at se, hvor langt i kan trække programmerne

/ockley

Der er en lille ny på vej til www.acrobat.com, kaldet Presentations. Det gør det muligt at lave præsentationer á la Power Point. Den store fordel er, at du, ligesom med Buzzword har mulighed for at arbejde flere på samme dokument. Det er nemt at oprette matersider og indsætte elementer i præsentationerne, og du kan inddrage flere som medforfattere eller kommentatorer med et enkelt museklik. Brugere af Microsoft Powerpoint vil straks føle sig hjemme, og samtidig glæde sig over, hvor meget federe tingene er når de kører på Flash platformen

Presentations - screendump

Endnu en grund til at bruge dette værktøj er at det, som en del af acrobat.com, altid er tilgængelig for dig så længe du har en internetforbindelse. Du har en konto på 5GB til rådighed som du kan bruge til at skrive dokumenter (Buzzword), gemme filer (Share) og lave præsentationer (Presentations) – ideelt til gruppearbejder, eller dig, der er på farten og skifter mellem stationære og bærbare maskiner.

Giv Acrobat.com et skud på http://www.acrobat.com eller prøv Presentations på http://labs.acrobat.com

God fornøjelse

OK. Her kommer et indlæg til jer, som ligeså meget er for min egen skyld. Jeg sad i aftes og brændte rigtig mange unødvendige arbejdstimer af på noget jeg havde løst før. Nu skriver jeg det her på blog’en, så jeg selv og I aldrig falder ned i det frustrationshul igen

Problemet er følgende:
Når jeg opretter et movie clip og vil have det skal opføre sig som en knap, kommer hånden ikke frem, når musen bevæger sig hen over det.

Umiddelbar løsning er:
Husk at sætte buttonMode til true. Når du gør det, kan du bruge useHandCursor til at bestemme om hånden skal vises eller ej. Prøv følgende:

Den sidste linje får spriten (eller movie clippet) til at opføre sig som en mus. Nu kommer problemet. Hvis du skriver følgende efter:

Når du tester filmen, vil du se at tekstfeltet fjerner musehånden fra knappen. Hvis du flytter markøren helt ud til et af hjørnerne vil du se, at den stadig er aktiv – det er tekstfeltet, der er skyld i misæren.

Der er to måder at løse det på. Begge bunder i at det ikke skal være muligt for objekter inde i symbolet at reagere på musens gestus. Hvis du vil forhindre tekstfeltet i at forholde sig til musen kan det gøre således:

Dette vil påvirke den enkelte knap og skrives tit samtidig med oprettelsen af tekstfeltet (når man husker det)

Den anden metode fjerner muligheden for alle objekter inde i knappen. Det er yderst praktisk, hvis knappen er bygget op af mange delobjekter, som du med sikkerhed kan sige, ikke skal bruge musen til noget. Med andre ord: Hvis det kun er knappen som helhed, der skal reagere. Det ser således ud:

Den sidste er værd at huske på. Men grundlæggende virker det forkert at musehånden ikke virker, når bare teksten ikke er markerbar. Må dette indlæg spare dig for noget bøvl, hvis projektet skulle dreje sig i den retning

/ockley

Der er nogle ting der bare er nemmere, når man er amerikaner, eller fra et andet engelsksproget land. Det er når man skal praktisere diverse genvejstaster i Adobes programmer. Der er utrolig mange, som er uundværlige, enten fordi de er nemmere end den normale kommandovej, eller også fordi du med tasterne kan udføre ting, som ellers ikke er muligt via menuen eller paneler. En af de taster er dem, der flytter in- og out points til den aktuelle position i laget og dem der trimmer in- og out point til den aktuelle position i laget.

På et engelsk tastatur er det de hårde klammer ([ og ]) henholdsvis uden- og med ALT tasten nede. De ligger oppe til højre for tasten P. Den luksus har vi desværre ikke. Derfor er andre tastasturer nød til at redefinere keyboard shortcuts der ligger uden for normalen. Programmer som Photoshop har fantastiske editorer til den slags, men ikke Adobe After Effects CS4.

Det har undret mig at muligheden ikke var der, og min bedste mulighed har ind til videre været at redigere i filen “Adobe After Effects 9.0 Shortcuts.txt”, der findes i mappen “c:/documents and settings/[bruger]/Application Data/Adobe/After Effects/9.0/” (Windows) eller “[bruger]/Bibliotek/Preferences/Adobe/After Effects/9.0/” (Mac OS X)

Bøvlet ville ingen ende tage, indtil jeg stødte på et script kaldet “KeyEd Up” og er i en samlet pakke med en række andre scripts. Du kan hente det på Exchange til After Effects CS3 og After Effects CS4

Som udgangspunkt kan du pakke filerne ud og placere dem i Script mappen. Den er placeret i samme mappe som programmet på Mac. På Windows skal du lige inde i mappen “Support files” for at finde den. Opret eventuelt en egen mappe til dem kaldet “nye scripts” e. lign.

Når du starter After Effects op igen, vil du kunne fange dem fra undermenuen File > Scripts

En sidste detalje inden du kan bruge scriptet er, at du er nød til at give After Effects lov til at skrive til filer på din computer. Det gør du således:

1. Vælg Edit>Preferences>General (Windows) AfterEffects>Preferences>General (Mac OS)
2. Sæt flueben i “Allow Scripts to Write Files and Access Network”
3. Afslut med OK

Nu kan du vælge editoren via File>Scripts>KeyEd Up.jsx

For at rette sådan en problem som trim in og trim out kan du gøre følgende med editoren aktiv

1. Vælg Hvilken kategori din shortcut hører til under Category (her er valgt “Time”)
2. Vælg den kommando du vil redigere genvejdstasten til under Commands (her er valgt Trim Layer In point …)
3. Vælg den  nye genvej fra sektionen i højre side, Tilføj eventuelt kontroltaster (her er valgt “Option + I”)
4. Klik eventuelt på Show Usage for at se eventuelle konflikter.
5. Tryk på Update Shortcut for at ændre din genvejstast.HUSK: Hvis du vælger en anden kommando uden at trykke på Update shortcut først, glemmer den den valgte ændring.
6. Tryk OK og genstart After Effects før ændringerne træder i kraft.

Shortcut editor til After Effects

P.S: Nogle af dine scripts kan blive indlejret i After Effects som paneler, hvis du flytter dem til mappen. Der er tale om Active Shutter, Folder Setup, Launch Pad og Swatch You Want. Du kan placere dem, sammen med deres PNG-fil i mappen ScriptUI, så vil du kunne få fat i dem fra Windows menuen.

God fornøjelse

/ockley