Programowanie stron internetowych

Nazwa przedmiotu:
PROGRAMOWANIE STRON INTERNETOWYCH
Websites programming
Kierunek:
Forma studiów:
Kod przedmiotu:
Informatyka
Stacjonarne
Rodzaj przedmiotu:
Poziom kwalifikacji:
moduł specjalności obowiązkowy:
Inżynieria oprogramowania,
Programowanie aplikacji
internetowych
I stopnia
D5_03, E5_03
Rok: III
Semestr: V
Rodzaj zajęć:
Liczba godzin/tydzień:
Liczba punktów:
wykład, laboratorium
2W, 2L
4 ECTS
PRZEWODNIK PO PRZEDMIOCIE
I KARTA PRZEDMIOTU
CEL PRZEDMIOTU
C1. Zapoznanie studentów z podstawowymi metodami i technikami tworzenia stron
internetowych.
C2. Nabycie przez studentów praktycznych umiejętności w zakresie tworzenia stron
internetowych.
WYMAGANIA WSTĘPNE W ZAKRESIE WIEDZY, UMIEJĘTNOŚCI I INNYCH KOMPETENCJI
1. Wiedza z podstaw programowania w językach wysokiego poziomu oraz podstawowych
technologii i technik wykorzystywanych w sieci Internet.
2. Umiejętność praktycznego wykorzystania sieci Internet.
3. Umiejętność korzystania z różnych źródeł informacji w tym z instrukcji i dokumentacji
technicznej.
4. Umiejętności pracy samodzielnej i w grupie.
EFEKTY KSZTAŁCENIA
EK 1 – zna i potrafi wykorzystać podstawowe, dostępne na zajęciach narzędzia do tworzenia
i testowania stron internetowych,
EK 2 – zna podstawy języka HTML oraz kaskadowych arkuszy styli CSS oraz potrafi je wykorzystać
do stworzenia interfejsu użytkownika działającego w przeglądarce internetowej.
EK 3 – zna podstawy języka JavaScript.
EK 4 – zna podstawy modelu DOM oraz potrafi wykorzystać go do stworzenia dynamicznego
interfejsu użytkownika działającego w przeglądarce internetowej.
EK 5 – potrafi wykorzystać gotowe biblioteki JavaScript np. JQuery.
EK 6 – zna sposób działania asynchronicznego przesyłania danych i potrafi go zaprogramować
w przeglądarce internetowej.
EK 7 – potrafi rozpoznać „wąskie gardła” stron internetowych i wie jak je usunąć.
EK 8 – potrafi zdefiniować podstawowe zagrożenia związane ze stronami internetowymi oraz zna
sposoby przeciwdziałania im.
TREŚCI PROGRAMOWE
Forma zajęć – WYKŁADY
W 1 – Wprowadzenie do programowania stron internetowych.
W 2 – Architektura klient-serwer oraz podstawowe technologie programistyczne w
tworzeniu stron internetowych.
W 3 – Wprowadzenie do języka HTML.
W 4 – Kaskadowe arkusze styli CSS cz. 1.
W 5 – Kaskadowe arkusze styli CSS cz. 2.
W 6 – Podstawy programowania w języku JavaScript cz. 1.
W 7 – Podstawy programowania w języku JavaScript cz. 2.
W 8 – Programowanie obiektowe w języku JavaScript.
W 9 – Obiektowy model strony internetowej (DOM).
W 10 – Programowanie zdarzeniowe w języku JavaScript.
W 11 – Biblioteka JQuery cz. 1.
W 12 – Biblioteka JQuery cz. 2.
W 13 – Asynchroniczne przesyłanie danych - AJAX.
W 14 – Optymalizacja stron internetowych.
W 15 – Bezpieczeństwo stron internetowych.
Forma zajęć – LABORATORIUM
L 1 – Zaznajomienie się z oprogramowaniem Microsoft Expression Web.
L 2 – Zaznajomienie się z narzędziami deweloperskimi dostępnymi w przeglądarkach
internetowych.
L 3 – Tworzenie statycznej strony internetowej w języku HTML.
L 4 – Modyfikacja wyglądu strony z wykorzystaniem CSS.
L 5 – Tworzenie graficznego układu strony z wykorzystaniem CSS.
L 6 – Wprowadzenie do języka JavaScript.
L 7 – Debugowanie skryptów JavaScript z wykorzystaniem narzędzia Mozilla FireBug.
L 8 – Programowanie obiektowe w języku JavaScript.
L 9 – Model DOM.
L 10 – Tworzenie dynamicznych stron WWW z wykorzystaniem poznanych technologii.
L 11 – Wykorzystanie biblioteki JQuery cz.1.
L 12 – Wykorzystanie biblioteki JQuery cz.2.
L 13 – Podstawy AJAX.
L 14 – Optymalizacja stron internetowych cz.1
L 15 – Optymalizacja stron internetowych cz. 2.
Liczba
godzin
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
Liczba
godzin
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
NARZĘDZIA DYDAKTYCZNE
1. – wykład z wykorzystaniem prezentacji multimedialnych
2. – ćwiczenia laboratoryjne
3. – przykładowe aplikacje w przedstawianych technologiach programistycznych
4. – instrukcje do wykonania ćwiczeń laboratoryjnych
5. – oprogramowanie do tworzenia i testowania stron internetowych
SPOSOBY OCENY ( F – FORMUJĄCA, P – PODSUMOWUJĄCA)
F1. – ocena przygotowania do ćwiczeń laboratoryjnych
F2. – ocena umiejętności stosowania zdobytej wiedzy podczas wykonywania ćwiczeń
F3. – ocena aktywności podczas zajęć
2
P1. – ocena umiejętności rozwiązywania postawionych problemów – zaliczenie na ocenę*
P2. – ocena opanowania materiału nauczania będącego przedmiotem wykładu – zaliczenie wykładu
*) warunkiem uzyskania zaliczenia jest otrzymanie pozytywnych ocen ze wszystkich ćwiczeń laboratoryjnych,
OBCIĄŻENIE PRACĄ STUDENTA
Forma aktywności
Średnia liczba godzin na
zrealizowanie aktywności
30W 30L  60 h
Godziny kontaktowe z prowadzącym
Godziny konsultacji z prowadzącym
5h
Zapoznanie się ze wskazaną literaturą
5h
Przygotowanie do ćwiczeń laboratoryjnych
15 h
Wykonanie sprawozdań z realizacji ćwiczeń laboratoryjnych (czas
poza zajęciami laboratoryjnymi)
10 h
Przygotowanie do zaliczenia (kolokwium)
5h

Suma
100 h
SUMARYCZNA LICZBA PUNKTÓW ECTS DLA PRZEDMIOTU
Liczba punktów ECTS, którą student uzyskuje na zajęciach
wymagających bezpośredniego udziału prowadzącego
Liczba punktów ECTS, którą student uzyskuje w ramach zajęć o
charakterze praktycznym, w tym zajęć laboratoryjnych i
projektowych
4 ECTS
2.6 ECTS
2.2 ECTS
LITERATURA PODSTAWOWA I UZUPEŁNIAJĄCA
S. M. Schafer, “HTML, XHTML i CSS. Biblia”, Helion 2010
E. A. Meyer, „Podręcznik CSS. Eric Meyer o tworzeniu nowoczesnych układów stron WWW.
Smashing Magazine”, Helion 2011
R. York, „CSS. Gotowe rozwiązania”, Helion 2006
J. Rutter, „Podrecznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine”,
Helion 2011
J. Chaffer, K. Swedberg, J. Resig, „jQuery 1.3. Wprowadzenie” Helion 2005.
D. Crane, E. Pascarello, D. James „Ajax w akcji”, Helion 2007.
B. Danowski „Wstęp do HTML 5 i CSS 3”, Helion 2011
C. Luthra, D. Mittal, „Firebug 1.5: Editing, Debugging, and Monitoring Web Pages”, Packt
Publishing 2010.
PROWADZĄCY PRZEDMIOT ( IMIĘ, NAZWISKO, ADRES E-MAIL)
1. dr inż. Łukasz Bartczuk [email protected]
Efekt
kształcenia
Odniesienie
danego efektu do
efektów
zdefiniowanych
dla całego
programu (PEK)
Cele
przedmiotu
Treści
programowe
Narzędzia
dydaktyczne
Sposób
oceny
EK1
K_W15
K_U18
C2
W1,2,14
1-5
F1-3
P1-2
3
EK2
EK3
EK4
EK5
EK6
EK7
EK8
K_K01
KIO1_W04
KIO1_U04
K_W15
K_W19
K_U18
K_K01
KIO1_W04
KIO1_U04
K_W08
K_W15
K_U12
K_U18
K_K01
KIO1_W04
KIO1_U04
K_W08
K_W15
K_U12
K_U18
K_K01
KIO1_W04
KIO1_U04
K_W08
K_W15
K_U12
K_U18
K_K01
KIO1_W04
KIO1_U04
K_W08
K_W15
K_U12
K_U18
K_K01
KIO1_W04
KIO1_U04
K_W15
K_U18
K_K01
KIO1_W04
KIO1_U04
K_W15
K_U18
K_K01
KIO1_W04
KIO1_U04
C1-2
W1,3-14
1-5
F1-3
P1-2
C1-2
W1,6-15
1-5
F1-3
P1-2
C1-2
W1,9-13
1-5
F1-3
P1-2
C1-2
W1,11-13
1-5
F1-3
P1-2
C1-2
W1,13-14
1-5
F1-3
P1-2
C1-2
W1,14
1-5
F1-3
P1-2
C1
W1,15
1-5
F1-3
P1-2
II. FORMY OCENY - SZCZEGÓŁY
Efekt 1
Na ocenę 2
Student nie potrafi
Na ocenę 3
Student potrafi
Na ocenę 4
Student biegle
Na ocenę 5
Student biegle
4
Student zna i potrafi
wykorzystać
podstawowe,
dostępne na
zajęciach narzędzia
do tworzenia
i testowania stron
internetowych
wykorzystać
dostępnych narzędzi.
Nie potrafi wykonać
ćwiczenia z
wykorzystaniem
instrukcji i pomocą
prowadzącego.
Efekt 2
Student zna
podstawy języka
HTML oraz
kaskadowych arkuszy
styli CSS oraz potrafi
je wykorzystać do
stworzenia interfejsu
użytkownika
działającego w
przeglądarce
internetowej.
Efekt 3
Student zna
podstawy języka
JavaScript
Student nie zna
języka HTML oraz
CSS. Nie potrafi
wykonać
podstawowych
zadań.
Efekt 4
Student zna
podstawy modelu
DOM oraz potrafi
wykorzystać go do
stworzenia
dynamicznego
interfejsu
użytkownika
działającego w
przeglądarce
internetowej.
Efekt 5
Student potrafi
wykorzystać gotowe
biblioteki JavaScript
np. JQuery.
stworzyć
podstawową stronę
internetową z
wykorzystaniem
dostępnego
oprogramowania.
posługuje się
dostępnym
oprogramowaniem
do tworzenia stron
internetowych oraz
zna podstawy obsługi
narzędzi
deweloperskich
dostępnych w
przeglądarce
internetowej
Student potrafi
Student potrafi
stworzyć strukturę
stworzyć strukturę
prostej strony
rozbudowanej strony
internetowe oraz
internetowej oraz
zdefiniować jej
określić jej wygląd za
wygląd przy pomocy pomocą
podstawowych
podstawowych
właściwości CSS.
właściwości CSS.
Student nie zna
podstaw języka
JavaScript. Nie
potrafi wykonać
podstawowych
ćwiczeń.
Student potrafi
stworzyć proste
skrypty z
wykorzystaniem cech
imperatywnych
języka JavaScript.
Zadania wykonuje z
pomocą
prowadzącego.
Student potrafi
stworzyć skrypty z
wykorzystaniem cech
imperatywnych i
funkcyjnych języka
JavaScript. Zadania
wykonuje
samodzielnie.
Student nie
opanował
przedstawionego
materiału. Nie potrafi
wykonać
podstawowych
ćwiczeń.
Student potrafi
wykorzystać
podstawowe funkcje
biblioteki JQuery.
Ćwiczenia wykonuje
z pomocą
prowadzącego.
Student potrafi
samodzielnie
stworzyć skrypty
wykorzystujące
proste i
zaawansowane
funkcje biblioteki
JQuery.
posługuje się
wszystkimi
wykorzystywanymi
na zajęciach
programami.
Wszystkie ćwiczenia
wykonuje bez
pomocy
prowadzącego.
Student potrafi
stworzyć strukturę
rozbudowanej strony
internetowej oraz
określić jej wygląd
oraz układ za
pomocą właściwości
CSS.
Student potrafi
stworzyć
rozbudowane skrypty
z wykorzystaniem
cech imperatywnych,
funkcyjnych i
obiektowych języka
JavaScript. Wszystkie
zadania wykonuje
samodzielnie.
Student nie
Student zna
Student zna
Student zna
opanował
teoretyczne aspekty teoretyczne aspekty teoretyczne aspekty
przedstawionego
modelu DOM, ale nie modelu DOM i
modelu DOM oraz
materiału. Nie potrafi potrafi ich
potrafi samodzielnie potrafi go w pełni
wykonać
praktycznie
stworzyć proste
wykorzystać do
podstawowych
wykorzystać.
aplikacje z jego
tworzenia
ćwiczeń.
wykorzystaniem.
dynamicznych stron
internetowych.
Zadania wykonuje
samodzielnie.
Student potrafi
samodzielnie
stworzyć skrypty
wykorzystujące
proste i
zaawansowane
funkcje biblioteki
JQuery. Potrafi
również tworzyć
własne, proste
rozszerzenia do tej
5
biblioteki.
Student zna zasady
asynchronicznego
przesyłania danych
i potrafi je
wykorzystać
w tworzeniu
rozbudowanej
aplikacji. Student
ćwiczenia wykonuje
samodzielnie.
Efekt 7
Student nie
Student wie, jakie
Za pomocą
Za pomocą
Student potrafi
opanował
elementy strony
dostępnego
dostępnego
rozpoznać „wąskie
przedstawionego
internetowej
oprogramowania
oprogramowania
gardła” stron
materiału. Nie potrafi najczęściej wymagają student potrafi
student potrafi
internetowych i wie wykonać
optymalizacji jednak poprawnie określić, poprawnie określić,
jak je usunąć.
podstawowych
nie potrafi
które fragmenty
które fragmenty
ćwiczeń.
samodzielnie
strony internetowej strony internetowej
wykorzystać tej
wymagają
wymagają
wiedzy w praktyce. optymalizacji.
optymalizacji.
Samodzielnie
dokonuje
koniecznych
poprawek.
Efekt 8
Student nie
Student częściowo
Student potrafi
Student potrafi
Student potrafi
opanował
opanował
poprawnie
poprawnie
zdefiniować
przedstawionego
przedstawiony
zdefiniować
zdefiniować
podstawowe
materiału.
materiał.
zagrożenia jakie
zagrożenia jakie
zagrożenia związane
wiążą się ze stronami wiążą się ze stronami
ze stronami
internetowymi.
internetowymi oraz
internetowymi oraz
zaproponować
zna sposoby
metody ich
przeciwdziałania im
zabezpieczenia.
Efekt 6
Student zna sposób
działania
asynchronicznego
przesyłania danych i
potrafi go
zaprogramować
w przeglądarce
internetowej.
Student nie
opanował
przedstawionego
materiału. Nie potrafi
wykonać
podstawowych
ćwiczeń.
Student zna zasady
asynchronicznego
przesyłania danych,
ale samodzielnie nie
potrafi ich
wykorzystać podczas
tworzenia strony
internetowej.
Student zna zasady
asynchronicznego
przesyłania danych i
potrafi wykorzystać
je w prostej aplikacji.
Student ćwiczenia
wykonuje
samodzielnie.
Dopuszcza się wystawienie oceny połówkowej o ile student spełniający wszystkie efekty
kształcenia wymagane do oceny pełnej spełnia niektóre efekty kształcenia odpowiadające
ocenie wyższej
III. INNE PRZYDATNE INFORMACJE O PRZEDMIOCIE
1. Wszelkie informacje dla studentów (prezentacje do zajęć, instrukcje do ćwiczeń laboratoryjnych,
przykładowe aplikacje) dostępne są na stronie internetowej http://kik.pcz.pl/
Informacja na temat konsultacji przekazywana jest studentom podczas pierwszych zajęć z danego
przedmiotu.
6