Flash - Tworzenie Serwisów - Publikowanie Szablonów

Tworzenie serwisów

Publikowanie szablonów

Gdy tworzymy szablon SWT mo

emy zmieni

dko

ść

wietlania animacji, wymiary animacji,

czy te

kolor tła animacji. Wszystko to jest mo

liwe dzi

ki poleceniu Publish Settings znajduj

cym

w menu File Flasha. Zanim umie

cimy gotowy szablon w dokumencie HTML powinni

my najpierw

przetestowa

szablon, aby zorientowa

w jaki sposób b

dzie on wygl

dał w ró

nych

przegl

darkach internetowych pod ró

nymi systemami operacyjnymi.

Zakładka Generator okna Publish Settings

Kwestia publikacji animacji nie powinna by

nam – u

ytkownikom Flasha, obca. Dzi

ki zakładce

Generator znajduj

cej si

w oknie Publish Settings (rys.8.1.) mo

emy zmienia

podstawowe

parametry publikowanego szablonu SWT. Parametry jakie Flash daje nam do dyspozycji s

nast

puj

ce:

Rysunek 8.1. Zakładka Generator w oknie Publish Settings

•

Dimensions (rozdzielczo

ść

animacji). Ten parametr decyduje o tym jakich rozmiarów w oknie

przegl

darki internetowej b

dzie animacja Flasha (która powstanie na bazie szablonu SWT

przetworzonego przez Generator). Standardowo, gdy wł

czona jest opcja dopasowania do

animacji (Match movie) rozdzielczo

ść

animacji w dokumencie HTML b

dzie odpowiadała

rozdzielczo

ci animacji w pliku FLA. Je

li jednak b

dziemy chcieli zmieni

wymiary animacji,

wył

czmy najpierw opcj

dopasowania do animacji, a nast

pnie podajmy wymiary Width oraz

Height;

•

Background (kolor tła). Parametr okre

la kolor tła w animacji w formacie #rrggbb lub 0xrrggbb.

Kolor mo

na wpisa

cznie lub wybra

z podr

cznej palety kolorów;

•

Frame rate (pr

dko

ść

wietlania animacji). Parametr decyduje o tym z jak

dko

klatkach na sekund

) b

dzie odtwarzana animacja;

•

Load order (kolejno

ść

ładowania). Parametr okre

la kolejno

ść

w jakiej warstwy b

ładowane

do pierwszego uj

cia. Podczas wolnego poł

czenia Flasha poszczególne cz

ęś

ci animacji w

kolejno

ci w jakiej s

ładowane. Dzi

ki temu parametrowi mo

emy zdecydowa

czy ładowa

warstwy od najni

szej w gór

(Bottom up) czy te

od najwy

szej w dół (Top down);

•

Data encoding (kodowanie danych). Parametr okre

la sposób kodowania danych zawartych w

ródłach danych. Wybór sposobu kodowania zale

y od systemu operacyjnego;

•

Create external font files (zewn

trzne pliki z czcionkami). Je

li opcja jest wł

czona, to Generator

tworzy zewn

trzny plik z czcionkami, które u

ywane s

w animacji. Je

li u

ywamy Generatora w

wersji Enterprise edition to owe pliki b

mogły zosta

zachowane w pami

ci podr

cznej

przegl

darki internetowej;

•

External media (zewn

trzne zasoby). Parametr okre

cie

ki dost

pów do innych szablonów

Generatora. Ich symbole, b

mogły by

ywane w naszym szablonie;

•

Parameters (parametry/zmienne). Ten parametr słu

y do definiowania zmiennych. W ten sposób

emy testowa

lokalnie szablon, przypisuj

c zmiennym dowolne warto

ci.

Trzeba wiedzie

e wiele z parametrów znajduj

cych si

na zakładce Generator okna Publish

Settings nadpisuje identyczne parametry, które znajduj

to na zakładce HTML tego okna,

to w oknie Movie Properties.

Dodatkowo trzeba wiedzie

e w szablonach dokumentów HTML na zakładce HTML pojawiaj

nowe szablony HTML. Je

li animacja nie zawiera obiektów Generatora, to Flash nie b

dzie wiedział,

e chcemy stworzy

szablon SWT (gdy np. posiadamy w animacji pola tekstowe ze zmiennymi

Generatora). Aby by

pewnym,

e Flash opublikuje szablon SWT, zamiast lub oprócz animacji SWF,

nale

y wybra

odpowiedni szablon dokument HTML z listy rozwijanej Templates na zakładce HTML

(rys.8.2.).

Rysunek 8.2. Nowe szablony dokumentów HTML na zakładce HTML

Testowanie, usuwanie bł

dów oraz publikacja szablonu SWT

Testowanie szablonu daje nam mo

liwo

ść

zobaczenia jak on wygl

da w przegl

darce internetowej,

oraz zauwa

enia problemów, z którymi nale

y si

upora

. Gdy szablon (animacja FLA) jest gotowy

emy go wyeksportowa

lub zapisa

w formacie szablonu jakim jest SWT (do tej pory cały czas

pracujemy z formatem FLA, z którego równie dobrze mo

e powsta

animacja SWF i inne).

Usuwa

bł

dy z szablonów mo

na dzi

ledzeniu komunikatów, które pojawiaj

w panelu

Output. Komunikaty owe zawieraj

informacje o tym w jaki sposób szablon był przetwarzany przez

Generator. Jeste

my w stanie ustali

poziom szczegółowo

ci tych komunikatów, i tym samym

ledzi

bł

dy oraz na bie

Ŝą

co je eliminowa

Przetwarzanie online

Zanim umie

cimy szablon SWT na serwerze WWW powinni

my dokładnie go przetestowa

oraz

usun

ąć

wszelkie bł

dy. Nale

y pami

o ró

nicy mi

dzy relatywnym oraz absolutnym adresem URL

ródeł danych. Relatywne adresy URL s

o wiele bardziej uniwersalne, poniewa

gdy zmienimy

nazw

domeny serwisu, nie musimy zmienia

cie

ek dost

pu do

ródeł danych. Wa

ne jest aby w

trakcie przesyłania szablonów na serwer przy pomocy klientów FTP przenosi

je w trybie BINARY, tak

aby nie zostały wprowadzone

adne zmiany w plikach.

Parametry dla komponentu Online

emy zdefiniowa

zmienne dla szablonu, poprzez dopisanie odpowiednich parametrów do

adresu URL szablonu. Ten sposób przekazywania parametrów do szablonów Generatora jest
najszybszy, poniewa

nie ma potrzeby przegl

plików z danymi na serwerze. Aby dopisa

adresu URL szablonu parametry nale

y u

nast

puj

cej składni:

cie

ka/szablon.swt?zmienna1=Warto

ść

1&zmiennna2=warto

ść

li HTML nie jest nam obcy, to powinni

my rozpozna

ten sposób przekazywania zmiennych.

sto jest on wykorzystywany w jawnych formularzach, które mo

na spotka

na stronach wielu

serwisów internetowych.

UWAGA!!! Aby przekaza

w zmiennej znak specjalny nale

y u

standardowego kodu składaj

cego

ze znaku procent ( % ) oraz dwuliterowego heksadecymalnego symbolu.

Przetwarzanie offline

W systemie Windows, komponent Offline Generatora mo

e by

uruchomiony bezpo

rednio z linii

polece

MS_DOS (lub np. z okna, które pojawia si

po wybraniu polecenia Uruchom z menu Start),

czy te

z poziomu skryptu CGI. W systemach typu UNIX komponent ten mo

e by

uruchomiony z linii

polece

powłoki lub ze skryptu CGI. Wa

ne jest aby podczas wywoływania komendy Generatora

okre

dokładnie

cie

dost

pu do pliku generate.exe, który jest omawianym komponentem. W

systemach Windows

cie

jest domy

lnie C:\Program Files\Macromedia\Generator 2. W

systemach typu UNIX, Macromedia zaleca u

ycie katalogu w /ur/local np. /usr/local/generator_2.

emy u

komponentu Offline tak jak komponentu Online poprzez uruchamianie go z

poziomu skryptu CGI, jednak jest to do

ść

zło

ony i czasochłonny (dla serwera WWW) proces, dlatego

najlepiej w tym wypadku korzysta

z komponentu Online.

Opcje komponentu Offline

Komponent Offline Generatora posiada klika opcji, które mo

emy modyfikowa

bezpo

rednio w

linii polece

lub w skrypcie podczas wywołania komponentu. Te opcje to:

•

-help

(pomoc) – wy

wietla opis poszczególnych opcji komponentu Offline Generatora;

•

-swf <nazwa_pliku.swf>

- tworzy animacj

SWF o nazwie podanej jako parametr. Je

li nie

zostanie on okre

lony to nazwa utworzonego pliku jest identyczna z nazw

szablonu;

•

-gif <nazwa_pliku.gif>

- tworzy obrazek GIF;

•

-png <nazwa_pliku.png>

- tworzy obrazek PNG;

•

-qtm <mazwa_pliku.mov>

- tworzy animacj

QuickTime 4.0;

•

-jpg <nazwa_pliku.jpeg>

- tworzy obrazek JPEG;

•

-txt <nazwa_pliku.txt>

- tworzy plik tekstowy, który zawiera cały tekst jaki znajduje si

szablonie po jego przetworzeniu;

•

-smap <nazwa_pliku.map>

- tworzy map

obrazu typu server-side;

•

-cmap <nazwa_pliku.map>

- tworzy map

obrazu typu client-side;

•

-cmapname <nazwa>

- ustala nazw

mapy obrazu typu client-side;

•

-xwin32 <nazwa_pliku.exe>

- tworzy projektor EXE dla systemu Windows;

•

-xmacppc <nazwa_pliku.hqx>

- Tworzy projektor PPC dla systemu Macintosh;

•

-debug <1|2|3>

- okre

la poziom szczegółowo

ci informacji, które b

zawarte w pliku

raportu, który zostanie wygenerowany jako podsumowanie operacji wykonanych przez komponent
Offline Generator. Warto

ść

1. wy

wietla jedynie bł

dy (errors), warto

ść

2. wy

wietla bł

dy oraz

ostrze

enia (warnings) a warto

ść

3. wy

wietla bł

dy, ostrze

enia oraz zawarto

ść

wszystkich

ródeł danych;

•

-log <nazwa_pliku.txt>

- okre

la nazw

pliku raportu, który jest tworzony przez Generatora

po zako

czeniu procesu przetwarzania szablonu;

•

-param <nazwa> <warto

ść

- okre

la parametry dla szablonu w procesie przetwarzania.

Owe parametry to zmienne, które s

przekazywane do szablonu.

Tworzenie plików przy pomocy komponentu Offline Generatora

Jak ju

pisali

my wcze

niej, przetwarzanie szablonów przy pomocy komponentu Offline

Generatora polega na uruchomieniu z linii polece

pliku generate.exe, który znajduje si

w katalogu,

w którym zainstalowali

my Generator. Przykładowe u

ycie tego komponentu (w tym wypadku jest to

po prostu program), mo

e wygl

tak:

generate –swf mojfilm.swf szablon.swt

Powy

sze polecenie stworzy w tym samym katalogu, w którym znajduje si

plik generate.exe,

animacj

mojfilm.swf. W powy

szym przypadku równie

szablon szablon.swt musi znajdowa

tym samym katalogu co plik generate.exe. Je

li plik szablonu znajduje si

gdzie indziej, to nale

poda

Generatorowi dokładn

cie

dost

pu do pliku, lub te

skopiowa

plik generate.exe do

katalogu, w którym znajduje si

szablon SWT. Plik generate.exe jest samodzielnym plikiem i nie

korzysta z

adnych innych plików (przynajmniej takich, które musz

znajdowa

w tym samym

katalogu co on), wi

c mo

e by

bez obaw kopiowany z katalogu do katalogu.

li, przykładowo, b

dziemy chcieli stworzy

kilka plików za jednym podej

ciem to wystarczy,

napiszemy to tak:

generate –swf mojfilm.swf –gif grafika.gif szablon.swt

Okre

lenie poziomu szczegółowo

ci informacji, które b

zawarte w pliku raportu wygl

nast

puj

co:

generate –swf mojfilm.swf –debug 3 szablon.swt

Przetwarzanie online a przetwarzanie offline

Gdy ju

stworzymy, przetestujemy, usuniemy bł

dy i opublikujemy szablon Generatora,

powinni

my skopiowa

go na serwer WWW, na którym zainstalowany jest komponent Online

Generatora, wraz ze

ródłami danych oraz szablonami, które s

traktowane jako External media. Gdy

szablon znajduje si

na serwerze Generator mo

e przetworzy

go online lub offline.

Przetwarzanie online wymaga komponentu Online Generatora, który jest instalowany jako

rozszerzenie serwera WWW (patrz rozdział 2. „Instalacja niezb

dnego oprogramowania”). Szablon

jest wtedy umieszczony w dokumencie HTML, i gdy przegl

darka – klient

Ŝą

da danego dokumentu

serwer WWW przekazuje dane do Generatora, która przetwarza szablon zast

puj

c obiekty

Generatora w szablonie odpowiednimi symbolami a zmienne odpowiednimi warto

ciami, tworz

animacj

Flasha (SWF), pliki PNG, JPEG lub GIF czy te

inne, które zwracane s

razem z

dokumentem HTML do przegl

darki internetowej.

Komponent Offline Generatora ró

ni si

od komponentu Online w trzema podstawowymi cechami:

•

Komponent Offline nie działa jako rozszerzenie serwera WWW, lecz jest uruchamiany
bezpo

rednio z linii polece

;

•

Komponent Offline tworzy bezpo

rednio na serwerze WWW pliki typu SWF, PNG, JPEG, MOV

itp. i nie wysyła ich razem z dokumentem HTML do przegl

darki internetowej. Serwer WWW

serwuje te pliki, tak jak robi to w przypadku ka

dych innych plików, nie korzystaj

c ju

Generatora;

•

Komponent Offline mo

e tworzy

mapy obrazu z szablonów Generatora.

Ogólnie rzecz ujmuj

c komponent Online Generatora najlepiej zastosowa

tam gdzie trzeba do

ść

sto lub bardzo cz

sto zmienia

zawarto

ść

tego co u

ytkownik powinien widzie

na ekranie

monitora. Komponent Offline Generatora nale

y zastosowa

tam, gdzie zawarto

ść

serwisu

internetowego opartego na technologii SWF nie zmienia si

tak cz

sto, ale jednocze

nie zmienia

na tyle cz

sto

e praca „r

czna” w postaci tworzenia animacji SWF jest zbyt uci

ąŜ

liwa.

Składnia HTML dla szablonów Generatora

Aby internauta, mógł w swojej przegl

darce internetowej obejrze

animacj

wygenerowan

przez

Generatora musimy szablon SWT umie

w pliku HTML. Chocia

odpowiedni kod HTML jest

generowany automatycznie w procesie publikacji szablonu, to jednak mo

e si

zdarzy

e sami

dziemy chcieli napisa

kod HTML strony internetowej, zawieraj

cej szablon SWT, a wtedy dobrze

jest wiedzie

jak to zrobi

Podaj

c adres URL (o którym za chwil

) szablonu SWT, mo

emy zdecydowa

czy Generator w

trakcie przetwarzania wzorca ma stworzy

animacje SWF, czy te

pliki innego typu (np. JPEG, PNG,

MOV itp.). Aby okre

, który typ pliku ma zosta

stworzony przez Generator, w dokumencie HTML

nast

puj

co okre

lamy URL szablonu:

•

pliki Flasha (SWF) :

cie

ka/szablon.swt

cie

ka/szablon.swt?type=swf

•

pliki GIF:

cie

ka/szablon.swt?type=gif

•

pliki JPEG:

cie

ka/szablon.swt?type=jpg

•

pliki PNG

cie

ka/szablon.swt?type=png

•

pliki QuickTime:

cie

ka/szablon.swt?type=mov

Wracaj

c do problemu dokumentu HTML. Gdy po przetworzeniu przez komponent Online Generatora

szablonu powstaje animacja SWF aby umie

w dokumencie HTML musimy skorzysta

elementów OBJECT lub EMBED.

Element OBJECT stosujemy w przypadku dokumentu HTML, który b

dzie otwierany w

przegl

darce Internet Explorer. Przykładowy kod wygl

e nast

puj

co:

Poszczególne znaczenie parametrów u

ytych w elemencie Param mo

na znale

źć

w dokumentacji

conej Flashowi lub w ksi

ąŜ

kach o tej tematyce (min. w ksi

ąŜ

ce pt. „Flash 5 w praktyce” mojego

autorstwa w rozdziale 10. „Publikacja animacji” znajdziemy dokładne informacje na temat elementu
OBJECT i jego parametrów).
W przegl

darkach firmy Netscape nale

y skorzysta

z elementu EMBED, np.:

Poniewa

nie wiadomo w jakiej przegl

darce b

dzie odtwarzana nasza animacji musimy tak

skonstruowa

dokument HTML, zawieraj

cy szablon, aby animacja, któr

uzyska przegl

darka

internetowa została wy

wietlona, niezale

nie od typu tej przegl

darki. Dlatego te

najlepszym

rozwi

zaniem jest zastosowanie obu elementów w zagnie

eniu, jak wida

poni

ej:

</OBJECT>

To podej

cie zagwarantuje,

e animacja SWF (bo przecie

przegl

darka wy

wietli gotow

animacj

SWF a nie szablon SWT) b

dzie wy

wietlona niezale

nie od typu przegl

darki.