Systemy multimedialne
Dynamiczna zawartość aplikacji Flash-
owych
Pliki tekstowe
Aby obejrzeć dynamiczną zawartość
tekstową we Flashu będziemy potrzebować
trzech elementów:
- Przeglądarka internetowa
- Plik SWF umieszczony na stronie WWW
- y
ródło danych zawierające tekst, który
będziemy aktualizować
Proces pobierania i wyświetlania tekstu
Proces pobierania i wyświetlania tekstu
Po wywołaniu strony HTML w przeglądarce
zostaje wyświetlony plik SWF
Plik ten jest osadzony wewnątrz strony
Plik może obejmować kilka predefiniowanych
pól
Po uruchomieniu poleceń ActionScriptu
dynamiczne pola tekstowe przystąpią do
importowania danych z plików tekstowych
Dynamiczne pobieranie tekstu.
W celu dynamicznego odczytu plików tekstowych
należy wykonać kilka operacji umożliwiających
załadowanie tekstu z pliku tekstowego do pliku
SWF.
Na stronie należy stworzyć pole tekstowe typu
Dynamic Text, umożliwiające dynamiczne ładowanie
zmiennych.
Należy stworzyć plik tekstowy (Unicode). Pierwsza
linijka tekstu powinna zawierać wskaz
nik do pola
tekstowego (wskaznik) po którym występuje
operator = .
Po operatorze  = wpisujemy tekst.
Dynamiczne pobieranie tekstu.
Funkcja LoadVariables.
W aplikacji Flash w polu Var należy ustawić
wskaz
nik do tekstu znajdującego się w pliku
tekstowym (wskaznik)
Do ładowania zawartości pliku wykorzystujemy
funkcje:
LoadVariables ( url , level/ target , [variables]}
Url jest bezwzględnym lub relatywnym
adresem URL miejsca umieszczenia zmiennych.
Kiedy używasz dostępu do filmu przez przeglądarkę,
adres hosta URL musi być w tej samej poddomenie
co film.
Parametry funkcji LoadVariables
level (poziom) Parametr level jest dostępny w akcji
loadVariables tylko w trybie normalnym panelu akcji, aby
określić level w trybie eksperckim, musisz użyć akcji
loadVariablesNum. Liczba całkowita określa poziom na
którym zostaną odebrane zmienne w Flash Player'ze.
Wybierając ten parametr w trybie normalnym akcji,
Macromedia Flash MX automatycznie zmieni
akcję loadVariables na loadVariablesNum.
target (miejsce docelowe) Ścieżka dostępu
docelowego movie clipa, który odbiera załadowane
zmienne. Musisz określić target (miejsce docelowe)
movie clipa bądz
jego level(poziom)w Flash Player'ze;
nie możesz określić dwóch wartości jednocześnie.
Parametry funkcji LoadVariables
variables (zmienne) Opcjonalny parametr
określający metodę HTTP przesyłania zmiennych.
Parametr musi być łańcuchem GET lub POST. Jeśli nie
ma żadnych zmiennych do przesłania, pomiń ten
parametr. Metoda GET umieszcza zmienne na
końcu adresu URL a używa się jej dla niewielkiej ilości
zmiennych. Metoda POST przesyła zmienne w
oddzielnym nagłówku HTTP i jest używana dla długich
łańcuchów zmiennych.
Opis funkcji LoadVariables
Funkcja LoadVariables nie zwraca żadnych wartości.
Funkcja odczytuje dane z zewnętrznego pliku, takich jak plik
tekstowy bądz
tekst generowany przez skrypt CGI, Active
Server Pages (ASP), lub PHP, a także skrypty Perl'a, i określa
wartości zmiennych na poziomie Flash Player'ze lub
docelowo w movie clipie. Ta akcja może być również
używana w celu uaktualnienia zmiennych w filmie nowymi
wartościami.
Przykład zastosowania:
on(release) { loadVariables("data.txt", "_root.varTarget"); }
informacje sąładowane z pliku tekstowego do pola
tekstowego movie clipa varTarget na głównej listwie
czasowej. Nazwy zmiennych w polach tekstowych muszą
pokrywać się z nazwami zmiennych w pliku data.txt.
Dynamiczne aplikacje internetowe
Dynamiczne aplikacje internetowe
Aplikacja internetowa jest to aplikacja uruchamiana na
serwerze WWW, z która użytkownicy wchodzą w
interakcję i która dostarcza im doświadczeń lub usług.
Przykładem aplikacji internetowej jest mechanizm
wyszukiwaczy, lub system sklepu internetowego.
Aplikacja internetowa składa się z dwóch głównych
elementów: silnika (back end) oraz interfejsu (front end).
Silnik i interfejs aplikacji internetowych
Silnik jest to kod wykonujący całą pracę
włącznie z przechowującą informację bazą
danych, do której użytkownik będzie miał
dostęp, z którą będzie współdziałał lub w
którą się będzie zaopatrywał
Interfejs jest częścią która użytkownik ładuje
do przeglądarki i z którą się komunikuje.
Schemat aplikacji dynamicznej
Projektowanie aplikacji internetowej
Przygotować scenopisy obrazkowe wyszczególniając każdy
ekran w interfejsie
Przygotować blokowe schematy działania
Zastosować standardowe kopie klipów filmowych do
zorganizowania kodu i danych
Podzielić zawartość na logiczne części i zastosować akcję
loadMovie do ładowania ich w czasie wykonawczym.
Zaplanować projekt gruntownie i kompletnie
Zastosować funkcje do modularyzowania projektu
Zorganizować listwę czasową i film w logiczny sposób
Starać się stosować współdzielenie wszędzie jest to możliwe.
Architektura projektu
Podczas używania Flasha do projektowania
interfejsu dla aplikacji internetowych,
architektura i praktyczność stanowią
najważniejsze zagadnienia.
Tworząc interfejs konstruujemy szablon dla
każdego ekranu, który użytkownik będzie
oglądać i z nim współdziałać.
Architektura projektu
Należy zapisywać film w formacie do którego
będzie można powrócić po ukończeniu
projektu.
Najlepszym sposobem jest zorganizowanie
filmów w oddzielne pliki SWF, które będą
ładowane na różne poziomy.
Poziom 0 należy stosować jako poziom który
będzie zawierał grafikę interfejsu, główne
elementy nawigacyjne, standardowe kopie i
funkcje
Architektura projektu
Konstrukcja pozostałych poziomów zależy od
rodzaju projektu nad jakim pracujemy.
Zazwyczaj dzieli się całość na logiczne sekcje wg.
zawartości.
Wszystkie funkcje zastosowane w filmie najlepiej
przechowywać w pierwszym ujęciu głównej listwy
czasowej na poziomie 0 na ich własnej warstwie
umieszczonej nad warstwą actions.
Wywołanie funkcji przed jej deklaracją sprawi że
funkcja nie będzie działać.
Dzięki umieszczeniu funkcji na poziomie 0 zyskuje
się pewność że wszystkie funkcje zostaną
zdeklarowane przed ich wywołaniem
Planowanie z wyprzedzeniem
Planowanie jest najważniejszym etapem
poprzedzającym konstruowanie aplikacji
internetowej.
Należy utworzyć listę wszystkich właściwości
które powinien posiadać interfejs.
Należy przygotować listę wszystkich filmów
potrzebnych do spełnienia wymogów
projektu, nadać im nazwy i określić poziomy
na które będąładowane (szkic struktury).
Planowanie z wyprzedzeniem
W trakcie planowania interfejsu warto
wykorzystać scenopisy obrazkowe, które
ilustrują proces programowania.
Tworzenie scenopisów obrazkowych będzie
pomocne w objęciu wszelkich zagadnień,
które mogą się pojawić nagle w czasie
programowania.
Planowanie z wyprzedzeniem
Cennym narzędziem są schematy blokowe, które
ilustrują drogę użytkownika przez aplikację oraz
ekrany które będzie napotykał po drodze i z którymi
będzie wchodził w interakcję.
Jest to sposób na zdefiniowanie przepływu
programu i przeanalizowanie różnych ścieżek, które
mogą zostać wybrane przez użytkownika
Ta technika pomaga uniknąć luk w architekturze,
które, mogą spowolnić a nawet zahamować proces
pracy
Planowanie z wyprzedzeniem
Podczas konstruowania schematów blokowych
należy w miarę możliwości przewidzieć błędy które
mogą się pojawić.
Komunikacja silnik - interfejs
Obsługując akcje LoadVariables oraz obiekty
XML i XML Socet Flash potrafi komunikować
się z zewnętrznymi językami programowania.
Języki te są zdolne do pobierania informacji z
bazy danych w celu wyświetlania ich w filmie
Flasha.
Aplikacje te musza zwracać dane w formacie
obsługiwanym przez Flasha.
W większości wypadków (wyjątek XML)
Flash akceptuje jedynie pary nazwa&wartość.
Komunikacja silnik - interfejs
Komunikacja silnik - interfejs
Film Flasha wywołuje skrypt po stronie
serwera, oraz serwer przechowujący procesy
zawarte w tym skrypcie.
Serwer zwraca do filmu Flasha dane
wyjściowe ( ciąg zakodowanych w adresie
URL par nazwa&wartość)
Techniki rozwiązania problemów
Podczas eksportowania filmu należy włączyć
debugowanie
Przydatnym narzędziem jest zakładka Watch.
Umożliwia ona obserwowanie wybranych
zmiennych podczas odtwarzania filmu.
Testowanie skryptów działających po stronie
serwera przed ich testowaniem we Flashu
może zaoszczędzić wyszukiwania błędów w
filmie Flasha podczas gdy znajduje się on w
skrypcie.