Nazwa przedmiotu: Kierunek: Informatyka Rodzaj przedmiotu: moduł specjalności obowiązkowy: Inżynieria oprogramowania, Programowanie aplikacji internetowych Rodzaj zajęć: wykład, laboratorium I KARTA PRZEDMIOTU CEL PRZEDMIOTU PRZEWODNIK PO PRZEDMIOCIE C1. Zapoznanie studentów z podstawowymi metodami i technikami tworzenia stron C2. Nabycie przez studentów praktycznych umiejętności w zakresie tworzenia stron WYMAGANIA WSTĘPNE W ZAKRESIE WIEDZY, UMIEJĘTNOŚCI I INNYCH KOMPETENCJI 1. Wiedza z podstaw programowania w językach wysokiego poziomu oraz 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 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 do stworzenia interfejsu użytkownika działającego w przeglądarce EK 3 zna podstawy języka JavaScript. EK 4 zna podstawy modelu DOM oraz potrafi go do stworzenia dynamicznego interfejsu użytkownika działającego w przeglądarce EK 5 potrafi gotowe biblioteki JavaScript np. JQuery. EK 6 zna sposób działania przesyłania danych i potrafi go zaprogramować w przeglądarce 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 PROGRAMOWANIE STRON INTERNETOWYCH Websites programming Forma studiów: Stacjonarne Poziom kwalifikacji: I stopnia Liczba godzin/tydzień: 2W, 2L Kod przedmiotu: D5_03, E5_03 Rok: III Semestr: V Liczba punktów: 4 ECTS
Forma zajęć WYKŁADY Liczba godzin W 1 Wprowadzenie do programowania stron 2 W 2 Architektura klient-serwer oraz podstawowe technologie programistyczne w 2 tworzeniu stron W 3 Wprowadzenie do języka HTML. 2 W 4 Kaskadowe arkusze styli CSS cz. 1. 2 W 5 Kaskadowe arkusze styli CSS cz. 2. 2 W 6 Podstawy programowania w języku JavaScript cz. 1. 2 W 7 Podstawy programowania w języku JavaScript cz. 2. 2 W 8 Programowanie obiektowe w języku JavaScript. 2 W 9 Obiektowy model strony internetowej (DOM). 2 W 10 Programowanie zdarzeniowe w języku JavaScript. 2 W 11 Biblioteka JQuery cz. 1. 2 W 12 Biblioteka JQuery cz. 2. 2 W 13 Asynchroniczne przesyłanie danych - AJAX. 2 W 14 Optymalizacja stron 2 W 15 Bezpieczeństwo stron 2 Forma zajęć LABORATORIUM Liczba godzin L 1 Zaznajomienie się z oprogramowaniem Microsoft Expression Web. 2 L 2 Zaznajomienie się z narzędziami deweloperskimi dostępnymi w przeglądarkach 2 L 3 Tworzenie statycznej strony internetowej w języku HTML. 2 L 4 Modyfikacja wyglądu strony z wykorzystaniem CSS. 2 L 5 Tworzenie graficznego układu strony z wykorzystaniem CSS. 2 L 6 Wprowadzenie do języka JavaScript. 2 L 7 Debugowanie skryptów JavaScript z wykorzystaniem narzędzia Mozilla FireBug. 2 L 8 Programowanie obiektowe w języku JavaScript. 2 L 9 Model DOM. 2 L 10 Tworzenie dynamicznych stron WWW z wykorzystaniem poznanych technologii. 2 L 11 Wykorzystanie biblioteki JQuery cz.1. 2 L 12 Wykorzystanie biblioteki JQuery cz.2. 2 L 13 Podstawy AJAX. 2 L 14 Optymalizacja stron internetowych cz.1 2 L 15 Optymalizacja stron internetowych cz. 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 Godziny kontaktowe z prowadzącym Godziny konsultacji z prowadzącym Zapoznanie się ze wskazaną literaturą Przygotowanie do ćwiczeń laboratoryjnych Wykonanie sprawozdań z realizacji ćwiczeń laboratoryjnych (czas poza zajęciami laboratoryjnymi) Przygotowanie do zaliczenia (kolokwium) Średnia liczba godzin na zrealizowanie aktywności 30W 30L 60 h 5 h 5 h 15 h 10 h 5 h 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 Lukasz.Bartczuk@kik.pcz.pl Efekt kształcenia EK1 Odniesienie danego efektu do efektów zdefiniowanych dla całego programu (PEK) Cele przedmiotu Treści programowe Narzędzia dydaktyczne C2 W1,2,14 1-5 Sposób oceny 3
EK2 EK3 EK4 EK5 EK6 EK7 EK8 K_W19 C1-2 W1,3-14 1-5 C1-2 W1,6-15 1-5 C1-2 W1,9-13 1-5 C1-2 W1,11-13 1-5 C1-2 W1,13-14 1-5 C1-2 W1,14 1-5 C1 W1,15 1-5 II. FORMY OCENY - SZCZEGÓŁY Na ocenę 2 Na ocenę 3 Na ocenę 4 Na ocenę 5 Efekt 1 potrafi Student biegle Student biegle 4
i potrafi podstawowe, dostępne na zajęciach narzędzia do tworzenia i testowania stron internetowych dostępnych narzędzi. Nie potrafi ćwiczenia z wykorzystaniem instrukcji i pomocą prowadzącego. Efekt 2 zna języka HTML oraz podstawy języka CSS. Nie potrafi HTML oraz kaskadowych arkuszy styli CSS oraz potrafi zadań. je do stworzenia interfejsu użytkownika działającego w przeglądarce Efekt 3 podstawy języka JavaScript Efekt 4 podstawy modelu DOM oraz potrafi go do stworzenia dynamicznego interfejsu użytkownika działającego w przeglądarce Efekt 5 gotowe biblioteki JavaScript np. JQuery. zna podstaw języka JavaScript. Nie potrafi stworzyć podstawową stronę internetową z wykorzystaniem dostępnego oprogramowania. stworzyć strukturę prostej strony internetowe oraz zdefiniować jej wygląd przy pomocy właściwości CSS. stworzyć proste skrypty z wykorzystaniem cech imperatywnych języka JavaScript. Zadania wykonuje z pomocą prowadzącego. teoretyczne aspekty modelu DOM, ale nie potrafi ich praktycznie. podstawowe funkcje biblioteki JQuery. Ćwiczenia wykonuje z pomocą prowadzącego. posługuje się posługuje się dostępnym wszystkimi oprogramowaniem wykorzystywanymi do tworzenia stron na zajęciach internetowych oraz programami. zna podstawy obsługi Wszystkie ćwiczenia narzędzi wykonuje bez deweloperskich pomocy dostępnych w prowadzącego. przeglądarce internetowej stworzyć strukturę rozbudowanej strony internetowej oraz określić jej wygląd za pomocą właściwości CSS. stworzyć skrypty z wykorzystaniem cech imperatywnych i funkcyjnych języka JavaScript. Zadania wykonuje teoretyczne aspekty modelu DOM i potrafi samodzielnie stworzyć proste aplikacje z jego wykorzystaniem. samodzielnie stworzyć skrypty wykorzystujące proste i zaawansowane funkcje biblioteki JQuery. stworzyć strukturę rozbudowanej strony internetowej oraz określić jej wygląd oraz układ za pomocą właściwości CSS. stworzyć rozbudowane skrypty z wykorzystaniem cech imperatywnych, funkcyjnych i obiektowych języka JavaScript. Wszystkie zadania wykonuje teoretyczne aspekty modelu DOM oraz potrafi go w pełni do tworzenia dynamicznych stron Zadania wykonuje samodzielnie stworzyć skrypty wykorzystujące proste i zaawansowane funkcje biblioteki JQuery. Potrafi również tworzyć własne, proste rozszerzenia do tej 5
Efekt 6 sposób działania przesyłania danych i potrafi go zaprogramować w przeglądarce Efekt 7 rozpoznać wąskie gardła stron internetowych i wie jak je usunąć. Efekt 8 zdefiniować podstawowe zagrożenia związane ze stronami internetowymi oraz zna sposoby przeciwdziałania im materiału. zasady przesyłania danych, ale samodzielnie nie potrafi ich podczas tworzenia strony Student wie, jakie elementy strony internetowej najczęściej wymagają optymalizacji jednak nie potrafi samodzielnie tej wiedzy w praktyce. Student częściowo przedstawiony materiał. zasady przesyłania danych i potrafi je w prostej aplikacji. Student ćwiczenia wykonuje Za pomocą dostępnego oprogramowania student potrafi poprawnie określić, które fragmenty strony internetowej wymagają optymalizacji. poprawnie zdefiniować zagrożenia jakie wiążą się ze stronami internetowymi. biblioteki. zasady przesyłania danych i potrafi je w tworzeniu rozbudowanej aplikacji. Student ćwiczenia wykonuje Za pomocą dostępnego oprogramowania student potrafi poprawnie określić, które fragmenty strony internetowej wymagają optymalizacji. Samodzielnie dokonuje koniecznych poprawek. poprawnie zdefiniować zagrożenia jakie wiążą się ze stronami internetowymi oraz zaproponować metody ich zabezpieczenia. 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