Zadanie 1 – aplikacja WWW z wykorzystaniem technologii AJAX

Techniki Internetowe, Zadanie 1 Wykorzystanie technologii AJAX w aplikacjach WWW.
Zadanie 1 – aplikacja WWW z wykorzystaniem technologii AJAX
W ramach podanego tematu należy przygotować odpowiednie skrypty serwisu
WWW dla klienta i serwera. Strona klienta zawiera pliki: dokument HTML5, plik CSS oraz plik
z funkcjami JavaScript realizującymi zadaną funkcjonalność przedstawioną w zadaniu. Część
serwerowa zawiera odpowiednie skrypty napisane w języku python. Do realizacji zadania po
stronie klienta można wykorzystać bibliotekę jQuery.
Rys. 1 Prezentacja zagadnień do realizacji w ramach zadania 1.
Na rys. 1 przedstawiono zagadnienia wymagane do rozwiązania zadania. Poprawne
wykonanie zadania wymaga spełnienia poniższych warunków.
1.
2.
3.
4.
Poprawne opracowanie skryptów po stronie klienta - dokument HTML5, plik CSS oraz
skrypt z funkcjami w języku JavaScript realizujące prezentację dokumentu w
przeglądarce oraz walidujące poprawność wprowadzonych danych ( 3 pkt ).
Poprawnie zrealizowana funkcjonalność przesyłania danych poprzez technologię
AJAX. Po stronie klienta w języku JavaScrpipt ( 3 pkt), po stronie serwera w języku
pyton dostępna poprzez interfejs CGI ( 3 pkt ).
Dokumenty HTML5 i CSS poprawnie walidowane walidatorem W3C ( 1 pkt ).
Możliwe jest wykorzystanie w projekcie biblioteki jQuery.
Wersja 1.5 25.11.2016
Strona 1
Techniki Internetowe, Zadanie 1 Wykorzystanie technologii AJAX w aplikacjach WWW.
Przykładowe zadania
Przykład 1. Realizacja ankiety. Przykładowy ekran aplikacji – rys.1. Wykorzystane technologie
po stronie klienta: język html5, JavaScript, XMLHTTPRequest (technologia AJAX) i CSS.
Grafika realizowana po stronie klienta z pomocą canvas lub SVG. Po stronie serwera: język
python oraz zapis i odczyt danych z pliku tekstowego (plik typu CSV).
Rys.1 Przykładowy ekran realizujący ankietę
Przykład 2. Zapis uczestnika na kurs. Przykładowe ekrany rys.2 i 3. Wykorzystane technologie
po stronie klienta: język html5, JavaScript, XMLHTTPRequest (technologia AJAX) i CSS. Po
stronie serwera: język python oraz zapis i odczyt danych z pliku tekstowego (plik typu CSV).
Rys. 2 Przykładowy ekran zapisu uczestnika na kurs.
Wersja 1.5 25.11.2016
Strona 2
Techniki Internetowe, Zadanie 1 Wykorzystanie technologii AJAX w aplikacjach WWW.
Rys. 3 Przykładowy ekran wyświetlający uczestników kursu
Wersja 1.5 25.11.2016
Strona 3