Dnevnik jedne Cyber mačke

U sredu, 28. aprila 2010. godine na brodu Parobrod u Novom Sadu, prisustvovala sam prezentaciji Adobe paketa Creative Suite 5 (Adobe CS5) koji je organizovala kompanija Smart d.o.o. u saradnji sa zvaničnim distributerom Adobe proizvoda za Srbiju, kompanijom HSM Informatika.

Novine i poboljšanja u ovoj verziji Adobe paketa predstavili su i demonstrirali Mirko Ledić, Adobe Channels Sales Manager i Zoran Imširagić, sertifikovani Adobe prezenter.

Po rečima gospodina Imširagića, paket Creative Suite 5 je najveći uspeh u istoriji kompanije Adobe koji je odgovor na sve ono što se dešava oko nas i omogućava nam da kreiramo interaktivne web sajtove, prezentacije, animacije i grafiku brže i jednostavnije. Ove godine kompanija Adobe proslavlja dvadeseti rođendan Photoshopa.

Na prezentaciji je demonstriran veliki broj novina koje donose programi iz paketa CS5: Flash Catalyst, Flash, Dreamweaver, Illustrator, InDesign i Photoshop.

Novina iz kompanije Adobe je proizvod Flash Catalyst koji spaja dizajnere sa developerima i predstavlja alatku pomoću koje dizajner može samostalno da kreira interaktivne sadržaje bez potrebe za poznavanjem koda. To znači da grafički dizajner može u potpunosti da se posveti dizajniranju sajta i da dizajn kreiran u Photoshopu, Illustratoru ili Fireworksu na jednostavan način iskoristi za kreiranje gotovih interaktivnih web stranica a da pri tom ne razmišlja o kodu. U tom slučaju, web developer dobija gotovo, iskodirano rešenje koje nakon toga prilagođava i uređuje.

Moj favorit (pored Photoshopa), Adobe Dreamweaver CS5, donosi značajna poboljšanja od kojih izdvajam najbitnija:

• CMS podrška (Content management Systems) koja olakšava rad sa CMS-om poput WordPressa, Joomla!-e i Drupala; svi eksterni fajlovi (css, php, js i drugi) koji su povezani sa dokumentom na kome radite se jednim klikom mogu editovati bez potrebe da se otvaraju kao zasebni dokumenti (ovo  postoji i u verziji CS4).
• integracija sa novim online servisom Adobe Browser Labs koji služi za testiranje web strana u svim relevantnim web čitačima (cross browser testing), njihovu dijagnostiku i međusobno upoređivanje,
• PHP hints za rad sa PHP kodom,
• integrisan CSS inspection kojim je rad sa CSS kodom pojednostavljen jer obezbeđuje vizuelni prikaz elemenata strane i njihovu jednostavnu modifikaciju (ukoliko koristite Firefoxovu ekstenziju Firebug ova novina u Dreamweaveru će vam omogućiti da CSS inspection koristite na sličan način).

Jedna od novina u programu Flash CS5 koja je spomenuta na prezentaciji je novi format zapisa fajlova sfl (Flash CS5 Uncompressed Document) koji omogućava rad na istom fajlu od strane više osoba. Pored toga, novi Flash ima mogućnost kreiranja aplikacija za iPhone.

Predstavljene su i nove zanimljive alatke Illustratora kao što su: perspective tool (crtanje objekata na mreži u perspektivi), draw inside (crtanje unutar objekta), shape builder (alatka za spajanje više oblika u jedan, jednim klikom) poboljšanja u radu sa art board-ovima. Ono što bih posebno istakla je Bristle brush, interaktivna alatka kojom slikate u vektorskom formatu, nešto potpuno novo i jedinstveno. Novina je i Pixel preview, prikaz vektorskog crteža kao bitmape pri čemu postoji mogućnost modifikacije piksela na mreži za potrebe eksportovanja u bitmapu.

InDesign i Photoshop su predstavljeni na kraju prezentacije gde smo imali prilike da se upoznamo sa njihovim novim alatima i karakteristikama. Istakla bih samo nekoliko.

Novina u InDesignu je povezivanje fontova sa dokumentom što znači da ne moramo imati instaliran veliki broj fontova na računaru već se prilikom pokretanja dokumenta (ukoliko je font u istom direktorijumu kao i dokument koji se otvara) font privremeno instalira a nakon zatvaranja dokumenta se deinstalira. Ovo je značajna ušteda resursa. Mini Bridge daje pregled svih fajlova (fotografija) korištenih u dokumentu. Posebno mi se dopala opcija za Live Caption koja omogućava automatsko iščitavanje različitih podataka iz fotografije (na primer ime autora, opis i drugih podataka iz File info). InDesign sada može da pravi i interaktivne prezentacije koje uključuju animacije, slajdove i video zapise.

I za kraj, moj omiljeni program Photoshop donosi izvanredne mogućnosti za obradu fotografija od kojih je najznačajniji Content Aware koji po mom skromnom mišljenju predstavlja pravu revoluciju u retuširanju i obradi fotografija. Pored Mixer Brush i Puppet alatke, unapređen je i rad sa 3D objektima. Ono što će posebno obradovati fotografe je Camera RAW koji je, prema rečima gospodina Imširagića podignut na nivo vrhunskih alata za rad sa RAW formatima fotografija. Još jedna novost koju donosi Photoshop je potpuno nov način zumiranja dokumenata.

Prema rečima prezentera osobina celog paketa CS5 je da radi brže, alati su optimizovaniji a programi zauzimaju manje resursa. Radujem se instaliranju novog paketa (koji sam imala prilike da probam i vidim) i verujem da će pojedini procesi rada biti ubrzani a posebno me raduje što je Adobe pokušao (i verovatno uspeo) da ovim alatima omogući većem broju korisnika da brže i jednostavnije kreiraju interaktivne sadržaje. Za moju profesiju to znači da svako može da se bavi svojim delom posla bolje i kvalitetnije ali i da može jednostavnije da komunicira i prilagodi svoje projekte kolegama sa kojima sarađuje.

Za detaljniji prikaz novih karakteristika programa iz paketa CS5 pogledajte sajt kompanije Adobe ili Adobe TV.

Prikaz ovog događaja možete pročitati i na Personal Magazinu.

Čest problem sa upotrebom padajućeg navigacionog menija (dropdown menu) koji ste postavili iznad animacije napravljene u SWF formatu je da se meni ne vidi jer ga animacija preklopi, odnosno flash se prikazuje preko vaših linkova.

Rešenje je da kada postavite flash animaciju na web stranu dodate sledeću liniju koda:

Osim toga potrebno je i da tagu <embed> dodate atribut:

Vaš kod bi izgledao ovako:

Napomena: WMODE parametar je podržan samo u nekim kombinacijama web čitača i Flash plejera. Ako WMODE nije podržan u web čitaču u kome korisnik pregleda web stranicu, Flash će se i dalje prikazivati iznad padajućeg menija.

Za više informacija o problemu sa prikazivanjem Flash animaciја preko DHTML lejera pogledajte Flash content displays on top of all DHTML layers.

Krajnje jednostavan programčić koji će video fajl konvertovati u FLV (Flash video) koji sam koristila je Riva FLV Encoder. FLV fajl možete postaviti na web stranu pomoću programa za kreiranje web strana, na primer pomoću Dreamweaver-a koji ima jednostavnu funkcionalnost za ubacivanje i podešavanje FLV fajlova i nudi nekoliko skinova za plejer.

Upotrebom FLV fajlova posetioci vašeg web sajta moći će da pregledaju video zapis koristeći kontrole za puštanje, pauziranje i zaustavljanje, isključivanje i uključivanje zvuka.

FLV format podržava većina operativnih sistema a prikazuje se pomoću Adobe Flash Player-a i dodatka za web čitač. Postavljanjem ovog fajla pomoću Dreamweaver-a, program dodaje i dodatne fajlove kao što su izabrani skin i FLVPlayer.

Primer možete videti na sajtu Buddha bara.

S obzirom da sam u proteklih mesec dana radila za klijente koji su zahtevali sajt kompletno urađen u Flash-u morala sam da se zabrinem oko toga kako će takav sajt biti rangiran na pretraživačima, odnosno da li će ga Google “videti”.

Naravno bacila sam se na guglanje i traženje rešenja, i došla sam do informacije da Google indeksira i Flash fajlove! Bilo da se radi o kompletno urađenom web sajtu ili samo o animiranom flash baneru, Google će indeksirati sadržaj SWF fajla, odnosno sav tekst koji postoji unutar fajla.

Prilikom pretraživanja sadržaja flash animacija potrebno je ograničiti pretragu koristeći ekstenziju fajla “.swf”. Na primer, kao termin za pretragu zadati:

web design “filetype:swf

nakon čega se dobijaju sledeći rezultati:

Ispred rezultata pretrage koji se odnosi na flash fajl stoji oznaka [FLASH], kao na primer kod pretrage PDF fajlova.

Sada možemo da odahnemo i da se potpuno prepustimo kreiranju dinamičnih i interaktivnih sajtova, jer, moram priznati, da je zahteva za statičnim sajtovima bez animacije zvuka i ostalog dinamičkog sadržaja sve manje, a da su zahtevi klijenta takvi da je animacija odnosno pokretna slika i zvuk ono čime žele da privuku posetioce. Bar po mom iskustvu.

Najbolje od svega je to što ovo napredno pretraživanje i indeksiranje obuhvata sve verzije SWF fajlova, što znači da stariji sajtovi koji su rađeni u flash tehnologiji ne zahtevaju nikakve prepravke u cilju optimizacije sadržaja.

Za sada ovakav način indeksiranja i pretraživanja omogućava samo Google, ali je Adobe najavio da će u budućnosti i Yahoo! Search unaprediti tehnologiju koja će omogućiti indeksiranje i pretragu dinamičkih sadržaja koji se prikazuju pomoću Flash plejera.