Podstawowe informacje o aplikacjach internetowych

Interfejs użytkownika w programie Dreamweaver i nowszych wersjach został uproszczony. Dlatego począwszy od wersji Dreamweaver 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 witryna, która zawiera strony z częściowo lub całkowicie nieokreśloną zawartością. Końcowa zawartość strony jest określana tylko wtedy, gdy odwiedzający żąda strony z serwera internetowego. Ponieważ końcowa zawartość strony różni się w zależności od żądania na podstawie działań odwiedzającego, tego rodzaju strona nazywana jest stroną dynamiczną.

Aplikacje internetowe są tworzone w celu rozwiązania różnorodnych wyzwań i problemów. Ta sekcja opisuje typowe zastosowania aplikacji internetowych i podaje prosty przykład.

Typowe zastosowania aplikacji internetowych

Aplikacje internetowe mają wiele zastosowań zarówno dla osób odwiedzających witrynę, jak i dla programistów, w tym między innymi:

• Umożliwiają odwiedzającym szybkie i łatwe znajdowanie informacji na witrynie o bogatej zawartości.

  Tego rodzaju aplikacja internetowa daje odwiedzającym możliwość wyszukiwania, organizowania i nawigowania po zawartości według własnego uznania. Przykłady obejmują firmowe intranety, Microsoft MSDN (www.msdn.microsoft.com), oraz 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 w formularzach HTML były wysyłane jako wiadomości e‑mail do pracowników lub aplikacji CGI do przetwarzania. Aplikacja internetowa może zapisywać dane z formularza bezpośrednio w bazie danych, a także wyodrębniać dane i tworzyć internetowe raporty do analizy. Przykłady obejmują strony bankowości internetowej, strony finalizacji zakupów w sklepie, ankiety i formularze opinii użytkowników.

• Umożliwiają uaktualnianie serwisów WWW, których zawartość cały czas się zmienia.

  Aplikacja internetowa uwalnia projektanta stron od ciągłego aktualizowania kodu HTML witryny. Dostawcy zawartości, tacy jak redaktorzy wiadomości, dostarczają aplikacji internetowej zawartość, a aplikacja internetowa aktualizuje witrynę automatycznie. Przykłady obejmują Economist (www.economist.com) oraz CNN (www.cnn.com).

Przykład aplikacji internetowej

Janet to profesjonalna projektantka stron internetowych i długoletnia użytkowniczka Dreamweaver odpowiedzialna za utrzymywanie intranetu i witryn internetowych średniej wielkości firmy liczącej 1000 pracowników.Pewnego dnia Chris z Działu Kadr przychodzi do niej z problemem.Dział Kadr administruje programem fitness dla pracowników, który przyznaje pracownikom punkty za każdą przebytą milę pieszo, na rowerze lub biegiem. Każdy pracownik musi zgłaszać swoje miesięczne sumy mil w wiadomości e‑mail do Chrisa. Na końcu miesiąca Chris zbiera wszystkie wiadomości e‑mail i przyznaje pracownikom małe nagrody pieniężne zgodnie z ich sumami punktów.

Problem Chrisa polega na tym, że program fitness stał się zbyt popularny. Obecnie tyle pracowników bierze udział, że Chris jest zasypywany e‑mailami na końcu każdego miesiąca. Chris pyta Janet, czy istnieje rozwiązanie internetowe.

Janet proponuje aplikację internetową opartą na intranecie, która wykonuje następujące zadania:

• Umożliwia pracownikom wprowadzanie ich przebiegu na stronie internetowej za pomocą prostego formularza HTML

• 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.

• Daje Chrisowi dostęp jednym kliknięciem do sum punktów na końcu każdego miesiąca

  Janet uruchamia aplikację przed porą obiadową za pomocą Dreamweaver, który zawiera narzędzia potrzebne do szybkiego i łatwego tworzenia tego rodzaju aplikacji.

Jak działa aplikacja internetowa

Aplikacja internetowa to zbiór statycznych i dynamicznych stron internetowych. Statyczna strona internetowa to taka, która nie zmienia się kiedy odwiedzający witrynę ją żąda: serwer internetowy wysyła stronę do żądającej przeglądarki internetowej bez jej modyfikowania. W przeciwieństwie do tego, dynamiczna strona internetowa jest modyfikowana przez serwer przed wysłaniem do żądającej przeglądarki. Zmienny charakter strony jest powodem, dla którego nazywa się ją dynamiczną.

Na przykład możesz zaprojektować stronę do wyświetlania wyników fitness, pozostawiając określone informacje (takie jak nazwisko pracownika i wyniki) do ustalenia w momencie żądania strony przez konkretnego pracownika.

Kolejne sekcje opisują szczegółowo, jak działają aplikacje internetowe.

Przetwarzanie statycznych stron WWW

Statyczna witryna składa się ze zbioru powiązanych stron HTML i plików hostowanych na komputerze z uruchomionym serwerem internetowym.

Serwer internetowy to oprogramowanie, które obsługuje strony internetowe w odpowiedzi na żądania z przeglądarek internetowych. Żądanie strony jest generowane, gdy odwiedzający klika łącze na stronie internetowej, wybiera zakładkę w przeglądarce lub wpisuje adres URL w polu tekstowym adresu przeglądarki.

Końcowa zawartość statycznej strony internetowej jest określana przez projektanta strony i nie zmienia się po wysłaniu żądania strony.Oto przykład:

<html>

    <head> 

<title>Strona informacyjna Trio Motors</title>

    </head> 

    <body> 

<h1>O firmie Trio Motors</h1>

<p>Trio Motors jest wiodącym producentem samochodów.</p>

    </body> 

</html>

Każda linia kodu HTML strony jest napisana przez projektanta przed umieszczeniem strony na serwerze. Ponieważ HTML nie zmienia się po umieszczeniu na serwerze, tego rodzaju strona nazywana jest stroną statyczną.

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.

Kiedy serwer internetowy otrzymuje żądanie strony statycznej, serwer odczytuje żądanie, znajduje stronę i wysyła ją do żądającej przeglądarki, jak pokazuje poniższy przykład:

W przypadku aplikacji internetowych niektóre linie kodu są niezdefiniowane, gdy odwiedzający żąda strony.Te linie muszą zostać określone przez jakiś mechanizm przed wysłaniem strony do przeglądarki. Mechanizm ten omówiono w następnej sekcji.

Przetwarzanie dynamicznych stron WWW

Kiedy serwer internetowy otrzymuje żądanie statycznej strony internetowej, serwer wysyła stronę bezpośrednio do żądającej przeglądarki. Kiedy serwer internetowy otrzymuje żądanie strony dynamicznej, reaguje inaczej: przekazuje stronę do specjalnego oprogramowania odpowiedzialnego za ukończenie strony. Takie oprogramowanie nazywa się serwerem aplikacji.

Serwer aplikacji odczytuje kod na stronie, kończy stronę zgodnie z instrukcjami w kodzie, a następnie usuwa kod ze strony. Wynikiem jest strona statyczna, którą serwer aplikacji przekazuje z powrotem do serwera internetowego, który następnie wysyła stronę do żądającej przeglądarki.Wszystko, co otrzymuje przeglądarka po przybyciu strony, to czysty HTML.Oto przykład tego procesu:

Dostęp do bazy danych

Serwer aplikacji umożliwia pracę z zasobami po stronie serwera, takimi jak bazy danych.Na przykład strona dynamiczna może nakazać serwerowi aplikacji wyodrębnienie danych 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

Użycie bazy danych do przechowywania zawartości pozwala oddzielić projekt witryny od zawartości, którą chcesz wyświetlać użytkownikom.Zamiast pisania poszczególnych plików HTML dla każdej strony, wystarczy napisać stronę — lub szablon — dla różnych rodzajów informacji, które chcesz prezentować.Następnie można przesłać zawartość do bazy danych, a witryna będzie pobierać tę zawartość w odpowiedzi na żądanie użytkownika.Można również aktualizować informacje w jednym źródle, a następnie rozpowszechniać tę zmianę w całej witrynie bez konieczności ręcznej edycji każdej strony.Możesz użyć programu Adobe Dreamweaver do projektowania formularzy internetowych w celu wstawiania, aktualizacji lub usuwania danych z bazy danych.

Instrukcja wyodrębniania danych z bazy danych nazywa się zapytaniem bazy danych.Zapytanie składa się z kryteriów wyszukiwania wyrażonych w języku bazy danych zwanym SQL (Structured Query Language).Zapytanie SQL jest wpisane do skryptów lub tagów po stronie serwera strony.

Serwer aplikacji nie może komunikować się bezpośrednio z bazą danych, ponieważ własny format bazy danych powoduje, że dane stają się nieczytelne w podobny sposób, jak dokument Microsoft Word otwarty w Notatniku lub BBEdit może być nieczytelny.Serwer aplikacji może komunikować się z bazą danych tylko za pośrednictwem sterownika bazy danych: oprogramowania, które działa jak tłumacz między serwerem aplikacji a bazą danych.

Po nawiązaniu komunikacji przez sterownik zapytanie jest wykonywane względem bazy danych i tworzony jest zestaw rekordów.Zestaw rekordów to zestaw danych wyodrębnionych z jednej lub więcej tabel w bazie danych.Zestaw rekordów jest zwracany do serwera aplikacji, który używa danych do ukończenia 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 sprawności wszystkich pracowników w bazie danych.Więcej informacji znajduje się na stronie internetowej www.adobe.com/go/learn_dw_sqlprimer_pl

Poniższy przykład pokazuje proces wykonywania zapytania do bazy danych i zwracania danych do przeglądarki:

Można użyć niemal każdej bazy danych z aplikacją internetową, o ile na serwerze jest zainstalowany odpowiedni sterownik bazy danych.

Jeśli planujesz tworzenie małych, niedrogich aplikacji, możesz użyć bazy danych opartej na plikach, takiej jak ta utworzona w programie Microsoft Access.Jeśli planujesz tworzenie niezawodnych, krytycznych dla działalności aplikacji, można użyć bazy danych opartej na serwerze, takiej jak ta utworzona w programie Microsoft SQL Server, Oracle 9i lub MySQL.

Jeśli baza danych znajduje się w systemie innym niż serwer internetowy, należy zapewnić szybkie połączenie między dwoma systemami, aby aplikacja internetowa mogła 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: Obsługa CFML została usunięta z programu Dreamweaver i nowszych wersji.

<html>

    <head> 

<title>Strona informacyjna Trio Motors</title>

    </head> 

    <body> 

<h1>O firmie Trio Motors</h1>

<p>Trio Motors to wiodący producent samochodów.</p>

<!--- osadzone instrukcje zaczynają się tutaj --->

<cfset department="Sales">

<cfoutput>

<p>Koniecznie odwiedź naszą stronę działu #department#.</p>

</cfoutput>

<!--- osadzone instrukcje kończą się tutaj --->

    </body> 

</html>

Osadzone instrukcje na tej stronie wykonują następujące czynności:

Serwer aplikacji zwraca następującą stronę do serwera internetowego:

<html>

    <head> 

<title>Strona informacyjna Trio Motors</title>

    </head> 

    <body> 

<h1>O firmie Trio Motors</h1>

<p>Trio Motors to wiodący producent samochodów.</p>

<p>Koniecznie odwiedź naszą stronę sprzedaży.</p>

    </body> 

</html>

Serwer internetowy wysyła stronę do żądającej przeglądarki, która wyświetla ją w następujący sposób:

O firmie Trio Motors

Trio Motors to wiodący producent samochodów.

Koniecznie odwiedź naszą stronę działu sprzedaży.

Wybierasz język skryptowy lub oparty na tagach do użycia w zależności od technologii serwera dostępnej na serwerze. Oto Najczęściej wybierany plan języków dla technologii serwera obsługiwanych przez Dreamweaver:

Dreamweaver może utworzyć skrypty po stronie serwera lub tagi niezbędne do działania stron lub można je napisać ręcznie w środowisku kodowania Dreamweaver.

Terminologia związana z aplikacjami internetowymi

Ta sekcja definiuje często używane terminy związane z aplikacjami internetowymi.

Oprogramowanie, które pomaga serwerowi internetowemu przetwarzać strony internetowe zawierające skrypty lub tagi po stronie serwera. Gdy taka strona jest żądana z serwera, serwer internetowy przekazuje stronę do serwera aplikacji w celu przetworzenia przed wysłaniem strony do przeglądarki. Więcej informacji podano w Jak działa aplikacja internetowa.

Typowe serwery aplikacji obejmują Adobe ColdFusion i PHP.

Zbiór danych przechowywanych w tabelach. Każdy wiersz tabeli stanowi jeden rekord a każda kolumna stanowi pole w rekordzie, jak pokazano w następującym przykładzie:

Oprogramowanie, które działa jako interpreter między aplikacją internetową a bazą danych. Dane w bazie danych są przechowywane w zastrzeżonym formacie. Sterownik bazy danych umożliwia aplikacji internetowej czytanie i manipulowanie danymi, które w przeciwnym razie byłyby nieczytelne.

(DBMS lub system bazy danych) Oprogramowanie używane do tworzenia i manipulowania bazami danych. Typowe systemy baz danych obejmują Microsoft Access, Oracle 9i i MySQL.

Operacja, która pobiera zestaw rekordów z bazy danych. Zapytanie składa się z kryteriów wyszukiwania wyrażonych w języku bazy danych zwanym SQL. Na przykład zapytanie może określać, że tylko określone kolumny lub tylko określone rekordy mają być uwzględnione w zestawie rekordów.

Strona internetowa dostosowana przez serwer aplikacji przed wysłaniem strony do przeglądarki.

Zestaw danych wyodrębnionych z jednej lub więcej tabel w bazie danych, jak w następującym przykładzie:

Baza danych zawierająca więcej niż jedną tabelę, z tabelami dzielącymi dane. Następująca baza danych jest relacyjna, ponieważ dwie tabele dzielą kolumnę DepartmentID.

Technologia, której serwer aplikacji używa do modyfikowania stron dynamicznych w czasie wykonywania.

Środowisko programistyczne programu Dreamweaver obsługuje następujące technologie serwera:

• Adobe® ColdFusion®

• Microsoft Active Server Pages (ASP)

• PHP: Hypertext Preprocessor (PHP)

  Można również użyć środowiska kodowania Dreamweaver do opracowywania stron dla każdej innej technologii serwera, która nie jest wymieniona.

Strona internetowa, która nie jest modyfikowana przez serwer aplikacji przed wysłaniem strony do przeglądarki. Więcej informacji podano w Przetwarzanie statycznych stron internetowych.

Witryna zawierająca strony o częściowo lub całkowicie nieokreślonej zawartości. Ostateczna zawartość tych stron jest określana dopiero wtedy, gdy odwiedzający żąda strony z serwera internetowego. Ponieważ ostateczna zawartość strony różni się między kolejnymi żądaniami w zależności od działań odwiedzającego, tego rodzaju strona nazywana jest stroną dynamiczną.

Oprogramowanie, które wysyła strony internetowe w odpowiedzi na żądania z przeglądarek internetowych. Żądanie strony jest generowane, gdy odwiedzający kliknie łącze na stronie internetowej w przeglądarce, wybierze zakładkę w przeglądarce lub wprowadzi adres URL w polu adresu przeglądarki.

Popularne serwery internetowe to Microsoft Internet Information Server (IIS) i Apache HTTP Server.

Więcej podobnych

• Informacje o bazach danych dla początkujących
• Wybór serwera aplikacji