1 Biznes elektroniczny W. BartkiewiczWykład 2. Przegląd metod prezentacji treści i architektur aplikacji e-biznesowych w sieci Internet

2 WWW – Podstawowy model WWW jest olbrzymim systemem klient-serwer, obejmującym miliony serwerów rozproszonych po całym świecie. Każdy serwer utrzymuje zbiór dokumentów, zapamiętanych zazwyczaj w postaci plików. Dokumenty mogą być również generowane na żądanie. Serwer przyjmuje zlecenia pobrania dokumentu i przesyła go do klienta. Ponadto może on przyjmować zlecenia przechowania nowych dokumentów. Klient współpracuje z serwerami w sieci za pośrednictwem specjalnej aplikacji nazywanej przeglądarką (browser). Przeglądarka zamawia dokumenty z wykorzystaniem zamówień specyficznego protokołu HTTP, odbiera dokumenty i odpowiada za ich właściwe wyświetlenie.

3 Klient (przeglądarka)WWW – Architektura Serwer WWW Klient (przeglądarka) Zamówienia HTTP Dokumenty

4 1993 – pierwsza przeglądarka graficznych stron internetowych MosaicŹródło:

5 Internet Explorer

6 Mozilla Firefox

7 WWW – Lokalizatory URL Podstawowym sposobem wskazania w przeglądarce dokumentów, które zostaną następnie pobrane i wyświetlone, są tzw. URL – jednolite lokalizatory zasobów (Uniform Resource Locator). Mogą one określać: Nazwę schematu sposobu dotarcia do zasobu (np. http, ftp, file, telnet). Serwer na którym zlokalizowany jest zasób (zazwyczaj nazwa DNS, ale może być również adres IP). Numer portu na którym serwer nasłuchuje zamówień. Jeśli nie zostanie podany używa się portu domyślnego. Nazwa dokumentu, wraz ze ścieżką w drzewie katalogów zarządzanym przez serwer WWW.

8 WWW – Lokalizatory URL Schemat Nazwa serwera Nazwa ścieżki http: :// /~witek/distr Schemat Nazwa serwera Port Nazwa ścieżki http: :// : 80 /~witek/distr Schemat Nazwa serwera Port Nazwa ścieżki http: :// : 80 /~witek/distr

9 WWW – Hipertekst Zasadnicze znaczenie w WWW ma fakt, że wszystkie informacje są reprezentowane za pośrednictwem dokumentów. Większość dokumentów nie ma prostej struktury liniowej, ale może zawierać odniesienia łączące różne części tego samego dokumentu, bądź łączące różne dokumenty. Odniesienia takie nazywane są łączami bądź hiperłączami (links, hyperlinks). Podczas wyświetlania dokumentu w przeglądarce użytkownik może wybierać łącza, klikając na jego wizerunku (opisie). Wybór łącza powoduje przejście do innej części przeglądanego dokumentu, albo wysłaniem do serwera zamówienia pobrania innego dokumentu. Strukturę tego typu określa się hipertekstem (hypertext), lub jeśli powiązane dokumenty nie mają charakteru tekstowego – hipermediami (hypermedia).

10 WWW – Hipertekst

11 WWW – HTML Większość dokumentów w sieci WWW wyrażona jest w specjalnym języku redagowania hipertekstu (HyperText Markup Language), zwanym HTML. Oprócz możliwości tworzenia łączy, język HTML zawiera słowa kluczowe, umożliwiające podzielenie dokumentu na różne sekcje. Każdy dokument HTML podzielony jest na część nagłówkową i zasadniczą. W języku HTML są też wyróżnione nagłówki, akapity, listy, tabele, formularze. Jest też możliwe wstawianie w odpowiednie miejsca obrazów lub animacji. Oprócz tych elementów strukturalnych, język HTML zawiera liczne słowa kluczowe, które instruują przeglądarkę co do sposobu prezentowania dokumentu (kroje i rozmiar pisma, przedstawiwanie tekstu kursywą, pogrubionego, wyrównywanie (justowanie) części tekstu, itp.).

12 WWW – Przykładowa strona HTML

Jakiś nagłówek

13 WWW – Łącza hipertekstowe

Ostatnie publikacje

14 WWW – HTML i JavaScript HTML zawiera liczne środki tworzenia bardziej wyrafinowanych dokumentów sieciowych, tzw. stron WWW. Jedną z najmocniejszych jest możliwość wyrażania części dokumentu w postaci skryptów napisanych zazwyczaj w opartym na Javie języku JavaScript (tzw. skryptów strony klienta – client-side scripts).