Nazwa przedmiotu: Kierunek: Informatyka Rodzaj przedmiotu: moduł specjalności obowiązkowy: Sieci komputerowe Rodzaj zajęć: wykład, laboratorium Technologie internetowe Internet technologies Forma studiów: Stacjonarne Poziom kwalifikacji: I stopnia Liczba godzin/tydzień: 2W, 2L Kod przedmiotu: F5_03 Rok: III Semestr: V Liczba punktów: 4 ECTS I KARTA PRZEDMIOTU CEL PRZEDMIOTU PRZEWODNIK PO PRZEDMIOCIE 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 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 asynchronicznego 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 Forma zajęć WYKŁADY Liczba godzin W 1 Wprowadzenie do programowania stron internetowych. 2 W 2 Architektura klient-serwer oraz podstawowe technologie programistyczne w 2 tworzeniu stron internetowych. 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 (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 internetowych. 2 W 15 Bezpieczeństwo stron internetowych. 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 2 przeglądarkach internetowych. L 3 Tworzenie statycznej strony w języku HTML. 2 L 4 Modyfikacja wyglądu strony z CSS. 2 L 5 Tworzenie graficznego układu strony z CSS. 2 L 6 Wprowadzenie do języka JavaScript. 2 L 7 Debugowanie skryptów JavaScript z narzędzia Mozilla 2 FireBug. L 8 Programowanie obiektowe w języku JavaScript. 2 L 9 Model DOM. 2 L 10 Tworzenie dynamicznych stron WWW z poznanych 2 technologii. 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 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ęć 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 egzaminu (kolokwium) Średnia liczba godzin na zrealizowanie aktywności 30W 30L 60 h 5 h 5 h 15 h 10 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 LITERATURA PODSTAWOWA I UZUPEŁNIAJĄCA 5 h 4 ECTS 2.6 ECTS 2.2 ECTS 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
MACIERZ REALIZACJI EFEKTÓW KSZTAŁCENIA Efekt kształcenia EK1 EK2 EK3 EK4 EK5 EK6 EK7 EK8 Odniesienie danego efektu do efektów zdefiniowanych dla całego programu (PEK) K_W19 Cele przedmiotu Treści programowe Narzędzia dydaktyczne C2 W1,2,14 1-5 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 Sposób oceny
II. FORMY OCENY - SZCZEGÓŁY Na ocenę 2 Na ocenę 3 Na ocenę 4 Na ocenę 5 Efekt 1 i potrafi podstawowe, dostępne na zajęciach narzędzia do tworzenia i testowania stron internetowych Efekt 2 podstawy języka HTML oraz kaskadowych arkuszy styli CSS oraz potrafi je do stworzenia interfejsu użytkownika działającego w przeglądarce potrafi dostępnych narzędzi. Nie ćwiczenia z instrukcji i zna języka HTML oraz CSS. Nie zadań. podstawową stronę internetową z dostępnego oprogramowania. strukturę prostej strony internetowe oraz zdefiniować jej wygląd przy pomocy właściwości CSS. Student biegle posługuje się dostępnym oprogramowanie m do tworzenia stron internetowych oraz zna podstawy obsługi narzędzi deweloperskich dostępnych w przeglądarce strukturę rozbudowanej strony oraz określić jej wygląd za właściwości CSS. Student biegle posługuje się wszystkimi wykorzystywanym i na zajęciach programami. Wszystkie ćwiczenia wykonuje bez pomocy strukturę rozbudowanej strony oraz określić jej wygląd oraz układ za właściwości CSS. Efekt 3 podstawy języka JavaScript zna podstaw języka JavaScript. Nie proste skrypty z cech imperatywnych języka JavaScript. Zadania wykonuje z skrypty z cech imperatywnych i funkcyjnych języka JavaScript. Zadania wykonuje rozbudowane skrypty z cech imperatywnych, funkcyjnych i obiektowych języka JavaScript. Wszystkie zadania wykonuje
Efekt 4 podstawy modelu DOM oraz potrafi go do stworzenia dynamicznego interfejsu użytkownika działającego w przeglądarce teoretyczne aspekty modelu DOM, ale nie potrafi ich praktycznie. teoretyczne aspekty modelu DOM i potrafi proste aplikacje z jego. teoretyczne aspekty modelu DOM oraz potrafi go w pełni do tworzenia dynamicznych stron internetowych. Zadania wykonuje Efekt 5 gotowe biblioteki JavaScript np. JQuery. podstawowe funkcje biblioteki JQuery. Ćwiczenia wykonuje z skrypty wykorzystujące proste i zaawansowane funkcje biblioteki JQuery. skrypty wykorzystujące proste i zaawansowane funkcje biblioteki JQuery. Potrafi również tworzyć własne, proste rozszerzenia do tej biblioteki. Efekt 6 sposób działania asynchroniczneg o przesyłania danych i potrafi go zaprogramować w przeglądarce Efekt 7 rozpoznać wąskie gardła stron internetowych i wie jak je usunąć. zasady asynchroniczneg o przesyłania danych, ale nie potrafi ich podczas tworzenia strony Student wie, jakie elementy strony najczęściej wymagają optymalizacji jednak nie potrafi tej wiedzy w praktyce. zasady asynchroniczneg o przesyłania danych i potrafi je w prostej aplikacji. Student ćwiczenia wykonuje Za dostępnego oprogramowania student potrafi określić, które fragmenty strony wymagają optymalizacji. zasady asynchronicznego przesyłania danych i potrafi je w tworzeniu rozbudowanej aplikacji. Student ćwiczenia wykonuje Za dostępnego oprogramowania student potrafi określić, które fragmenty strony wymagają optymalizacji. Samodzielnie dokonuje koniecznych poprawek.
Efekt 8 zdefiniować podstawowe zagrożenia związane ze stronami internetowymi oraz zna sposoby przeciwdziałania im materiału. Student częściowo przedstawiony materiał. zdefiniować zagrożenia jakie wiążą się ze stronami internetowymi. 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 http://kik.pcz.pl/ 2. Informacja na temat konsultacji przekazywana jest studentom podczas pierwszych zajęć z danego przedmiotu.