Podręcznik użytkownika Anuluj

Podstawowe informacje o aplikacjach internetowych

Szukaj

Ostatnia aktualizacja 21 maj 2021

Uwaga:

Interfejs użytkownika w programie Dreamweaver CC i nowszych wersjach został uproszczony. Dlatego począwszy od wersji Dreamweaver CC niektóre opcje opisane w tym artykule mogą nie być dostępne. Więcej informacji zawiera ten artykuł.

Informacje o aplikacjach internetowych

Aplikacja internetowa to serwis WWW, który zawiera strony o częściowo lub całkowicie nieokreślonej zawartości. Ostateczna zawartość strony jest określana dopiero w momencie, gdy użytkownik pobierze tę stronę z serwera. Ponieważ ostateczna zawartość strony jest różna i uzależniona od działań użytkownika, taką stronę nazywa się dynamiczną.

Aplikacje internetowe mają na celu rozwiązywanie wielu problemów i wyzwań. Niniejsza sekcja opisuje typowe zastosowania aplikacji internetowych i podaje prosty przykład takie aplikacji.

Typowe zastosowania aplikacji internetowych

Aplikacje internetowe mają wiele zastosowań, zarówno z punktu widzenia użytkowników serwisu, jak i jego twórców, np.:

Umożliwiają użytkownikom szybkie i łatwe znajdowanie informacji w serwisie WWW zawierającym wiele danych.
Tego rodzaju aplikacje internetowe umożliwiają użytkownikom przeszukiwanie i organizowanie treści oraz swobodnie nawigowanie w nich. Typowe przykłady to intranety firm, serwis Microsoft MSDN (www.msdn.microsoft.com) oraz serwis Amazon.com (www.amazon.com).
Umożliwiają zbieranie, zapisywanie i analizowanie danych udostępnianych przez użytkowników serwisu.
W przeszłości dane wprowadzone do formularzy HTML były wysyłane e-mailem do pracowników lub aplikacji CGI w celu przetworzenia. Aplikacja internetowe może zapisywać dane bezpośrednio w bazie danych. Może także pobierać stamtąd dane i tworzyć raporty internetowe do celów analitycznych. Przykłady takich zastosowań to strony banków i sklepów internetowych, ankiety i formularze z komentarzami użytkowników.
Umożliwiają uaktualnianie serwisów WWW, których zawartość cały czas się zmienia.
Dzięki aplikacjom internetowym, twórca strony nie musi bez przerwy uaktualniać jej kodu HTML. Dostawcy treści, np. redaktorzy serwisów z wiadomościami, dostarczają zawartość do aplikacji internetowej, a aplikacja automatycznie uaktualnia serwis. Przykłady to serwisy the Economist (www.economist.com) i CNN (www.cnn.com).

Przykład aplikacji internetowej

Janet zajmuje się zawodowo tworzeniem serwisów WWW i od dawna korzysta z programu Dreamweaver. Do jej obowiązków należy utrzymywanie serwisów intranetowych i internetowych dla firmy średniej wielkości, zatrudniającej 1000 osób. Pewnego dnia zwraca się do niej z problemem Chris z działu kadr. Dział kadr wprowadza program fitness dla pracowników. Za każdy kilometr przejechany na rowerze, przemaszerowany czy przebiegnięty, pracownicy otrzymują punkty. Każdy pracownik musi co miesiąc zgłaszać Chrisowi e-mailem łączną liczbę zaliczonych kilometrów. Pod koniec miesiąca Chris zbiera wszystkie wiadomości e-mail i przyznaje pracownikom niewielkie nagrody pieniężne na podstawie ich łącznej liczby punktów.

Problem Chrisa polega na tym, że program fitness stał się zbyt popularny. Bierze w nim teraz udział tylu pracowników, że pod koniec miesiąca Chrisa zalewają e-maile. Chris pyta Janet, czy można rozwiązać ten problem za pomocą Internetu.

Janet proponuje utworzenie aplikacji w intranecie, która będzie wykonywać następujące zadania:

Umożliwi użytkownikom wprowadzanie zaliczonych kilometrów w prostym formularzu HTML na stronie WWW.
Będzie zapisywać liczbę kilometrów każdego pracownika w bazie danych.
Obliczy punkty na podstawie liczby kilometrów.
Poda pracownikom informacje o ich postępach w danym miesiącu.
Zapewni Chrisowi szybki dostęp do łącznej liczby punktów na koniec każdego miesiąca.
Korzystając z programu Dreamweaver, Janet może stworzyć i uruchomić taką aplikację w jedno przedpołudnie, ponieważ program ten udostępnia narzędzia do szybkiego i łatwego budowania tego typu rozwiązań.

Jak działa aplikacja internetowa

Aplikacja internetowa to zbiór dynamicznych i statycznych stron WWW. Statyczna strona WWW to strona, która się nie zmienia w momencie pobrania jej przez użytkownika. Serwer WWW wysyła stronę do przeglądarki, która jej żąda, nie wprowadzając żadnych modyfikacji. Natomiast dynamiczna strona WWW jest przez serwer modyfikowana przed wysłaniem do przeglądarki. Zmienny charakter strony powoduje, że nazywa się ją dynamiczną.

Można np. zaprojektować stronę wyświetlającą wyniki programu fitness, ale pozostawić pewne informacje (np. nazwisko i wyniki pracownika) niewypełnione aż do chwili, gdy konkretny użytkownik pobierze tę stronę.

Kolejne sekcje bardziej szczegółowo opisują sposób działania aplikacji internetowych.

Przetwarzanie statycznych stron WWW

Statyczny serwis WWW składa się ze zbioru powiązanych ze sobą stron HTML i plików. Jest przechowywany na komputerze, na którym uruchomiono serwer WWW.

Serwer WWW to oprogramowanie, które podaje strony WWW w odpowiedzi na żądania przysyłane przez przeglądarki. Żądanie strony jest generowane w momencie, gdy użytkownik kliknie łącze na stronie WWW, wybierze zakładkę w przeglądarce albo wpisze adres URL na pasku adresu przeglądarki.

Ostateczna zawartość statycznej strony WWW jest określana przez twórcę strony i nie zmienia się w momencie, gdy strona jest pobierana. Oto przykład:

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
    </body> 
</html>

Każdy wiersz kodu HTML takiej strony zostaje napisany przez programistę, zanim strona trafi na serwer. Ponieważ kod HTML nie ulega zmianom na serwerze, taka strona nosi nazwę statycznej.

Uwaga:

Trzeba dodać, że strona "statyczna" wcale nie musi być nieruchoma. Na przykład obraz rollover albo zawartość Flash (plik SWF) mogą ożywić statyczną stronę. Jednak w niniejszej dokumentacji strona jest nazywana statyczną, jeżeli jest przesyłana do przeglądarki bez żadnych modyfikacji.

Gdy serwer WWW odbierze żądanie statycznej strony, odczytuje żądanie, znajduje stronę i odsyła ją do przeglądarki, tak jak w poniższym przykładzie:

A. Przeglądarka internetowa żąda strony statycznej. B. Serwer WWW znajduje stronę. C. Serwer WWW odsyła stronę do przeglądarki, która zgłosiła żądanie.

W przypadku aplikacji internetowych, w chwili gdy użytkownik zgłasza żądanie strony, część jej kodu pozostaje nieokreślona. Brakujący kod musi zostać zdefiniowany przez pewien mechanizm, zanim można będzie odesłać stronę do przeglądarki. Mechanizm ten został omówiony w następnych sekcjach.

Przetwarzanie dynamicznych stron WWW

Gdy serwer WWW otrzyma żądanie statycznej strony WWW, odsyła ją bezpośrednio do przeglądarki, zgłaszającej to żądanie. Natomiast gdy otrzyma żądanie strony dynamicznej, zachowuje się inaczej. Serwer przekazuje tę stronę do specjalnego oprogramowania, którego zadaniem jest dokończenie tworzenia strony. Takie oprogramowanie nazywa się serwerem aplikacji.

Serwer aplikacji odczytuje kod strony, uzupełnia ją zgodnie z instrukcjami zawartymi w kodzie, a potem usuwa ten kod ze strony. W rezultacie powstaje strona statyczna, którą serwer aplikacji przesyła z powrotem do serwera WWW, który z kolei odsyła stronę statyczną do przeglądarki. Przeglądarka otrzymuje zatem stronę zawierającą wyłącznie kod HTML. Oto przykład tego procesu:

A. Przeglądarka internetowa żąda strony dynamicznej. B. Serwer WWW znajduje stronę i przekazuje ją do serwera aplikacji. C. Serwer aplikacji skanuje stronę w poszukiwaniu instrukcji i uzupełnia ją. D. Serwer aplikacji zwraca ukończoną stronę do serwera WWW. E. Serwer WWW odsyła ukończoną stronę do przeglądarki, która zgłosiła żądanie.

Dostęp do bazy danych

Serwer aplikacji umożliwia korzystanie z zasobów serwerowych, takich jak bazy danych. Np. dynamiczna strona może nakazywać serwerowi aplikacji pobranie informacji z bazy danych i wstawienie ich do kodu HTML strony. Więcej informacji znajduje się na stronie internetowej www.adobe.com/go/learn_dw_dbguide_pl

Zastosowanie bazy danych do przechowywania zawartości pozwala rozdzielić wygląd serwisu WWW od jego zawartości. Zamiast pisać osobne pliki HTML dla każdej strony, wystarczy napisać stronę—lub szablon—dla różnych rodzajów informacji, które mają być prezentowane. Następnie możesz wysłać zawartość do bazy danych, a serwis WWW będzie pobierał tę zawartość w odpowiedzi na żądania użytkownika. Możesz także uaktualnić informacje w jednym źródle, a następnie rozpowszechnić wprowadzone zmiany w całym serwisie WWW bez potrzeby ręcznej edycji poszczególnych stron. Program Dreamweaver pozwala projektować formularze WWW, które umożliwiają wstawianie, uaktualnianie i usuwanie danych w bazie danych.

Instrukcja pobrania informacji z bazy danych jest nazywana zapytaniem. Zapytanie składa się z kryteriów wyszukiwania, sformułowanych w języku baz danych — SQL (Structured Query Language). Zapytanie SQL jest wpisywane w skryptach serwerowych lub znacznikach serwerowych na stronie.

Serwer aplikacji nie może porozumiewać się bezpośrednio z bazą danych, ponieważ dane zapisane w formacie wewnętrznym takiej bazy nie dają się odczytać — tak samo, jak nieczytelny byłby dokument programu Microsoft Word otwarty w programie Notatnik albo BBEdit. Serwer aplikacji może komunikować się bazą danych tylko za pośrednictwem sterownika bazy: jest to oprogramowanie, które pełni rolę tłumacza między serwerem aplikacji a bazą danych.

Gdy sterownik nawiąże komunikację, baza danych przetwarza zapytanie i tworzy zestaw rekordów. Zestaw rekordów to zbiór danych pobranych z tabeli lub tabel w bazie. Zestaw rekordów jest zwracany do serwera aplikacji, który używa tych danych do uzupełnienia strony.

Oto proste zapytanie do bazy danych, napisane w języku SQL:

SELECT lastname, firstname, fitpoints 
FROM employees

Ta instrukcja tworzy trzykolumnowy zestaw rekordów i wypełnia go wierszami zawierającymi nazwisko, imię i punkty fitness wszystkich pracowników z bazy danych. Więcej informacji znajduje się na stronie internetowej www.adobe.com/go/learn_dw_sqlprimer_pl

Poniższy przykład przedstawia proces wysyłania zapytania do bazy danych i zwracania rezultatów do przeglądarki:

A. Przeglądarka internetowa żąda strony dynamicznej. B. Serwer WWW znajduje stronę i przekazuje ją do serwera aplikacji. C. Serwer aplikacji skanuje stronę w poszukiwaniu instrukcji. D. Serwer aplikacji wysyła zapytanie do sterownika bazy danych. E. Sterownik wykonuje zapytanie w bazie danych. F. Do sterownika zwracany jest zestaw rekordów. G. Sterownik przekazuje zestaw rekordów do serwera aplikacji. H. Serwer aplikacji wstawia dane na stronie, a potem przekazuje stronę do serwera WWW. I. Serwer WWW odsyła ukończoną stronę do przeglądarki, która zgłosiła żądanie.

Tworząc aplikacje internetowe, możesz korzystać z niemal dowolnej bazy danych, pod warunkiem, że na serwerze zainstalowano dla niej odpowiedni sterownik.

Jeżeli planujesz małą i niedrogą aplikację, to możesz użyć plikowej bazy danych, np. utworzonej w programie Microsoft Access. Jeżeli zaś zamierzasz tworzyć niezawodne aplikacje o istotnym znaczeniu dla działalności firmy, możesz używać serwerowych baz danych, np. bazy utworzonej za pomocą oprogramowania Microsoft SQL Server, Oracle 9i lub MySQL.

Jeśli baza danych znajduje się na innym systemie, niż serwer WWW, to trzeba pamiętać o zapewnieniu szybkiego połączenia między tymi systemami. Pozwoli to aplikacji internetowej działać szybko i wydajnie.

Tworzenie dynamicznych stron WWW

Tworzenie dynamicznej strony polega na napisaniu kodu HTML i dodaniu do niego skryptów lub znaczników serwerowych, które wprowadzą elementy dynamiczne. Gdy przegląda się wynikowy kod, taki język wydaje się być osadzony w kodzie HTML strony. Dlatego też takie języki nazywa się osadzonymi językami programowania HTML. Poniżej znajduje się prosty przykład zastosowania języka ColdFusion Markup Language (CFML):

Uwaga: w wersji programu Dreamweaver CC i nowszych wycofano obsługę języka CFML.

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
        <!--- embedded instructions start here ---> 
        <cfset department="Sales"> 
        <cfoutput> 
        <p>Be sure to visit our #department# page.</p> 
        </cfoutput> 
        <!--- embedded instructions end here ---> 
    </body> 
</html>

Osadzone instrukcje na tej stronie wykonują następujące działania:

Tworzą zmienną o nazwie dzial i przypisują do niej ciąg "Sprzedaz".
Wstawiają wartość tej zmiennej, czyli "Sprzedaz", do kodu HTML.

Serwer aplikacji zwróci do serwera WWW następującą stronę:

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
        <p>Be sure to visit our Sales page.</p> 
    </body> 
</html>

Serwer WWW wyśle stronę do przeglądarki, która jej żąda, a przeglądarka wyświetli ją w następujący sposób:

Informacje o firmie Trio Motors

Trio Motors to czołowy producent samochodów.

Zapraszamy do odwiedzenia strony Sprzedaż.

Wybór języka skryptów lub znaczników zależy od technologii serwerowych, dostępnych na serwerze użytkownika. Oto najpopularniejsze języki, których można używać w połączeniu z technologiami serwerowymi obsługiwanymi przez program Dreamweaver:

Technologia serwerowa	Język
ColdFusion	ColdFusion Markup Language (CFML)
ASP (Active Server Page)	VBScript JavaScript
PHP	PHP

Program Dreamweaver może utworzyć skrypty serwerowe niezbędne do obsługi strony. Można je także zaprogramować ręcznie w środowisku kodu w programie Dreamweaver.

Terminologia związana z aplikacjami internetowymi

W tym rozdziale podano definicje często używanych terminów, dotyczących aplikacji internetowych.

Serwer aplikacji

Oprogramowanie, które umożliwia serwerowi WWW przetwarzanie stron zawierających skrypty lub znaczniki serwerowe. Gdy serwer odbierze żądanie takiej strony, przekazuje stronę do serwera aplikacji w celu przetworzenia, a dopiero potem zwraca ją do przeglądarki. Więcej informacji znajduje się w sekcji Jak działa aplikacja internetowa.

Typowymi serwerami aplikacji są serwery ColdFusion i PHP.

Baza danych

Zbiór danych, przechowywanych w tabelach. Każdy wiersz tabeli stanowi jeden rekord, a każda kolumna stanowi jedno pole w tym rekordzie. Przedstawia to poniższy przykład:

Sterownik bazy danych

Oprogramowanie, które pełni rolę tłumacza między aplikacją internetową a bazą danych. Informacje w bazach danych są zapisywane w wewnętrznym formacie bazy. Sterownik bazy danych umożliwia aplikacji internetowej odczytywanie i przetwarzanie danych, które inaczej byłyby nieczytelne.

System zarządzania bazami danych

(DBMS lub system bazy danych) Oprogramowanie służące do tworzenia baz danych i ich obsługi. Popularne systemy baz danych to m. in. Microsoft Access, Oracle 9i oraz MySQL.

Zapytanie do bazy danych

Operacja, która pobiera zestaw rekordów z bazy danych. Zapytanie składa się z kryteriów wyszukiwania, sformułowanych w języku baz danych — SQL. Zapytanie może np. określać, że do zestawu rekordów mają zostać wprowadzone tylko niektóre kolumny lub niektóre rekordy.

Dynamiczna strona

Strona WWW, która przed odesłaniem do przeglądarki jest dostosowywana przez serwer aplikacji.

Zestaw rekordów

Zbiór danych pobranych z tabel bazy danych, tak jak w poniższym przykładzie:

Relacyjna baza danych

Baza danych, zawierająca więcej niż jedną tabelę, przy czym tabele te wykorzystują wspólne dane. Poniższa baza danych jest relacyjna, ponieważ dwie tabele współużytkują kolumnę DepartmentID.

Technologia serwerowa

Technologia, za pomocą której serwer aplikacji modyfikuje dynamiczne strony w czasie wykonywania.

Środowisko programowania w programie Dreamweaver obsługuje pięć technologii serwerowych:

Adobe® ColdFusion®
Microsoft Active Server Pages (ASP)
PHP: Hypertext Preprocessor (PHP)
W środowisku programowania programu Dreamweaver można również tworzyć strony dla innych, niewymienionych tu technologii serwerowych.

Statyczna strona

Strona WWW, która przed odesłaniem do przeglądarki nie jest modyfikowana przez serwer aplikacji. Więcej informacji można znaleźć w sekcji Przetwarzanie statycznych stron WWW.

Aplikacja internetowa

Serwis WWW, który zawiera strony o częściowo lub całkowicie nieokreślonej zawartości. Ostateczna zawartość takich stron jest określana dopiero w momencie, gdy użytkownik pobierze je z serwera. Ponieważ ostateczna zawartość strony jest różna i uzależniona od działań użytkownika, taką stronę nazywa się dynamiczną.

Serwer WWW

Oprogramowanie, które wysyła strony WWW w odpowiedzi na żądania nadsyłane przez przeglądarki. Żądanie strony jest generowane w momencie, gdy użytkownik kliknie łącze na stronie WWW, wybierze zakładkę w przeglądarce albo wpisze adres URL na pasku adresu przeglądarki.

Typowymi serwerami WWW są programy Microsoft Internet Information Server (IIS) oraz Apache HTTP Server.

Więcej zasobów tego rodzaju

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?