Prezentacja dotyczy architektury aplikacji internetowych od strony back-endu oraz front-endu działającego w środowisku wykonania przeglądarek internetowych.

1. Aplikacje internetowe

2. Definicja aplikacji
Aplikacja w informatyce to podzbiór oprogramowania
komputerowego przeznaczonego bezpośrednio dla
użytkownika, wykonująca określoną grupę zadań.
Tradycyjną aplikacją nazwiemy taką, która jest wykonywana
przez system operacyjny i wykorzystuje jedynie zasoby
komputera, na którym została uruchomiona.

3. Aplikacja internetowa
Aplikacja internetowa jest aplikacją wykorzystującą do
pracy zasoby rozproszonych komputerów
podłączonych do sieci internet
Rich Text Apliccation – definicja Macromedii odnosząca się
przede wszystkim do technologii flash
Rich Web Agent – bogaty klient najczęściej przeglądarka
internetowa

4. CZĘŚĆ PIERWSZA:
Architektura aplikacji internetowych

5. Główne cechy
➲ Architektura rozproszona, warstwowa,
client-server
➲ Działa w sieci internet
➲ Wiele użytkowników
➲ Wielka moc obliczeniowa
➲ Standardy

6. Warstwy
➲ Warstwa danych – baza danych
➲ Warstwa sesji – serwer WWW
➲ Warstwa prezentacji – najczęściej
przeglądarka internetowa

7. Wymiana danych między warstwami

8. Warstwa danych
➲ Realizowana przez bazy danych
➲ Może być to system plików
➲ Wsparcie transakcjami kluczowych
informacji
➲ Wielodostępność

9. Warstwa sesji
➲ Realizowana przez serwer WWW lub
serwer aplikacyjny
➲ Zarządzanie sesjami użytkowników
➲ Caching wyników zapytań do warstwy
danych
➲ Możliwa specjalizacja

10. Warstwa prezentacji
➲ Realizowana najczęściej przez
przeglądarkę internetową
➲ Prezentacja danych
➲ Interfejs użytkownika
➲ Wykonywanie obliczeń
➲ Logika interfejsu

11. Podsumowanie
➲ Wielkie możliwości prezentacyjne
➲ Logika interfejsu użytkownika po stronie
klienta
➲ Obliczenia (wielki rozproszony klaster)
➲ Prostota (brak instalacji i utrzymania po
stronie użytkownika)

12. CZĘŚĆ DRUGA:
Przeglądarka internetowa

13. Przeglądarka internetowa
Najczęściej używany program do
wyświetlania wyników działania aplikacji
internetowej umożliwiająca:
➲ Prezentację treści
➲ Obliczenia
➲ Zakodowanie logiki interfejsu użytkownika

14. Zasada działania
Schemat generacji strony internetowej

15. Zasada działania
Schemat w jakim działa przeglądarka internetowa

16. JavaScript
Język skryptowy przeglądarek internetowych
oparty o paradygmat prototypowy

17. Cechy języka
➲ Słaba typizacja
➲ Obiekty jako kontenery (słowniki)
➲ Dziedziczenie prototypowe
➲ Rachunek Lambda
➲ Domknięcia (podobnie jak w
paradygmacie funkcyjnym)

18. Cechy C.D.
➲ Występuje tylko jeden typ danych – obiekt
➲ Zapożycza wiele ideii języków funkcyjnych
➲ Składnia jest podobna do C
➲ Funkcje są obiektami!
➲ Parametry funkcji są dostępne przez
obiekt attributes
➲ Literały obiektów

19. Prototyp
o=function()
{
lokalnyAtrybut1=wartosc1
lokalnyAtrybut2=wartosc2
lokalnyAtrybut3=wartosc3
instrukcja1
instrukcja2
...
instrukcjaN
}
o.prototype={
atrybut1=wartosc1,
atrybut2=wartosc2,
...
atrybutN=wartoscN,
}

20. Scalanie obiektów
merge=function(from,to)
{
for (var i in from)
if (typeof from[i]=='object' && !
(from[i] instanceof Array))
{
if(to[i]===undefined)
to[i]={}
rMerge(from[i],to[i])
}
else
(typeof to=='object') ?
to[i]=from[i] : to.push(from[i])

21. Podsumowanie
➲ Wielkie możliwości
➲ Prostota zapisu trudnych algorytmów
➲ Krótki kod
➲ Trudności przy nauce (mało znany
paradygmat funkcyjny i prototypowy)