KARTA PRZEDMIOTU Nazwa przedmiotu/modułu: Nazwa angielska: Kierunek studiów: Tryb/Poziom studiów: Profil studiów Jednostka prowadząca: Technologie tworzenia serwisów internetowych Website development technologies edukacja techniczno-informatyczna stacjonarne / pierwszego stopnia inżynierskie ogólnoakademicki Kod przedmio tu TTS Karkonoska Państwowa Szkoła Wyższa w Jeleniej Górze, Wydział Przyrodniczo-Techniczny, Zakład Edukacji Techniczno- Informatycznej I. Formy zajęć, liczba godzin Semestr Wykład Ćwicz. Laboratorium Projekt Seminarium Łącznie V 0 zaliczeni zaliczenie e na ocenę na ocenę Forma zaliczenia punktów ECTS C1 3 5 II. Cel przedmiotu: Nabycie przez studenta wiedzy i umiejętności praktycznych z zakresu projektowania i implementowania witryn internetowych z wykorzystaniem najnowszych metod, standardów i technologii, zgodnych z zaleceniami konsorcjum W3C. III. Wymagania wstępne w zakresie wiedzy, umiejętności i innych kompetencji: Wymagane zaliczenie przedmiotu Podstawy informatyki i systemów informatycznych. Wiedza EK1 EK EK4 Umiejętności EK3 IV. Oczekiwane efekty kształcenia: Zna technologie tworzenia serwisów internetowych i aplikacji klient-serwer, związane z nimi międzynarodowe standardy sieciowe i kierunki ich rozwoju. Ma podstawową wiedzę o cyklu życia oprogramowania komputerowego, w tym serwisów internetowych. Ma świadomość potrzeby dostosowania budowy, funkcjonalności i interfejsu systemów informatycznych do możliwości użytkowników niepełnosprawnych. Potrafi samodzielnie uczyć się, a w procesie edukacyjnym i działalności inżynierskiej korzystać z platformy nauczania zdalnego e-learning, poczty
EK5 EK EK7 elektronicznej e-mail oraz źródeł informacji fachowej dostępnych w sieci Internet. Potrafi odpowiednio określić priorytety służące realizacji określonego przez siebie lub innych inżynierskiego zadania programistycznego. Potrafi zaprojektować i zaimplementować serwis internetowy, zgodnie z międzynarodowymi standardami sieciowymi, przy użyciu statycznych i dynamicznych technologii sieciowych; umie skonfigurować środowisko do rozwijania, uruchamiania i wdrażania systemów tego typu. Potrafi przeprowadzić testy opracowanego rozwiązania programistycznego oraz opisać i zinterpretować ich wyniki. Wyk1 Wyk Wyk3 Wyk4 Wyk5 Wyk Wyk7 V. Treści programowe: Forma zajęć: wykład Wprowadzenie do technologii internetowych. Globalna sieć Internet i kierunki jej rozwoju. Działalność konsorcjum World Wide Web Consortium (W3C). Kluczowe standardy sieciowe i ich zastosowanie. Ewolucja metod tworzenia witryn internetowych. Technologie po stronie klienta (ang. client side) i po stronie serwera (ang. server side) porównanie. Język HTML i XHTML. Nowoczesne języki zapisu informacji strukturalnej. Język (X)HTML i CSS nowe metody tworzenia układów stron WWW. Składnia języka (X)HTML: budowa dokumentu, definiowanie struktury tekstu, osadzanie grafiki, hiperłącza, tabele i formularze. Zalecane konwencje programistyczne. Kaskadowe arkusze stylów CSS. Motywacja korzyści płynące z zastosowania CSS. Definicja kaskadowych arkuszy stylów. Różne rodzaje stylów i ich zastosowanie: style zewnętrzne, wewnętrzne i bezpośrednie. Budowa stylu: selektory proste, grupowe, uniwersalne, potomne, selektory atrybutów, identyfikatorów i klas. Pseudoklasy i pseudoelementy. Hierarchia stylów, kaskadowość i dziedziczenie. Wykorzystanie arkuszy stylów do formatowania tekstu, list, obramowania, tła i układu przestrzennego strony. Praktyczne zadania webmasterskie. Strona w układzie kolumnowym, menu rozwijane, zakładki. Język JavaScript jako przykład technologii po stronie klienta. Składnia i podstawowe konstrukcje języka. Obiektowy model dokumentu DOM. Dołączanie skryptów JavaScript do pliku (X)HTML. Obiekty, funkcje, obsługa zdarzeń. Walidacja danych wprowadzanych przez użytkownika za pomocą funkcji JavaScript. Metody projektowania i publikowania serwisu internetowego. Określanie celów, założeń i grupy odbiorców witryny. Projektowanie struktury serwisu, schematu nawigacji i układu graficznego. Testowanie witryny w różnych przeglądarkach internetowych. Wybór usług hostingowych. Optymalizacja i pozycjonowanie strony. Bezpieczeństwo danych w sieci Internet Rodzaje zagrożeń i metody ochrony przed nimi. Typowe scenariusze ataków na systemy informatyczne. Metody godzin 8
uwierzytelniania i zarządzania uprawnieniami. Wyk8 Powtórzenie wiadomości. Test zaliczeniowy. Suma godzin Forma zajęć: laboratorium Lab1 Lab Lab3 Lab4 Lab5 Lab Lab7 Budowa dokumentu (X)HTML. Prolog XML, definicja typu dokumentu DTD. Główne sekcje dokumentu. Nauka wybranego edytora programistycznego, obsługującego składnię języka HTML/XHTML/CSS. Testowanie działania strony internetowej w różnych przeglądarkach. Przeprowadzanie walidacji strony za pomocą usług W3C. Definiowanie hierarchicznej struktury dokumentu (X)HTML. Znaczniki budujące strukturę hierarchiczną dokumentu. Osadzanie grafiki. Odsyłacze hipertekstowe. Definiowanie tabel. Tworzenie formularzy. Formatowanie wyglądu strony za pomocą arkuszy stylów CSS. Wykorzystanie stylów zewnętrznych, wewnętrznych i bezpośrednich (lokalnych). Kaskadowa zależność i dziedziczenie stylów. Obszary blokowe. Wykorzystanie selektorów: prostych, grupowych, uniwersalnych, potomnych, selektorów atrybutów, identyfikatorów i klas. Korzystanie z pseudoklas. Formatowanie: tekstu, list, obramowania, tła, tabel i formularzy. Praktyczne zadania webmastera. Wykonanie stylu strony w układzie kolumnowym z wykorzystaniem wyłącznie obszarów blokowych, bez rozmieszczanie elementów za pomocą tabel. Wielopoziomowe menu rozwijane. Strona z zakładkami. Integrowanie elementów stron internetowych. Utworzenie złożonego układu stron (X)HTML + CSS z wykorzystaniem takich komponentów, jak: układ kolumnowy, menu rozwijane, zakładki, obrazy graficzne, odsyłacze hipertekstowe, tabele i formularze. Programowanie zachowania stron za pomocą języka JavaScript. Obiekty, funkcje, obsługa zdarzeń. Odwołanie do obiektów modelu dokumentu DOM. Dynamiczna zmiana stylu i zawartości elementów strony. Walidacja danych wprowadzanych przez użytkownika w formularzach. Projekt serwisu internetowego na wybrany temat. Określenie celów, założeń i grupy odbiorców serwisu WWW na wybrany temat. Projekt struktury serwisu, schematu nawigacji i układu graficznego. Implementacja struktury (X)HTML i stylów CSS. Testowanie witryny pod kątem zgodności ze standardami sieciowymi oraz prawidłowości wyświetlania w różnych przeglądarkach internetowych. godzin Lab8 Uzupełnienie zaliczeń, wystawienie ocen końcowych. Suma godzin laboratorium 8 N1 VI. Narzędzia dydaktyczne: Prezentacja multimedialna wygłaszana przez prowadzącego przy użyciu komputera przenośnego i rzutnika komputerowego.
N N3 N4 F1 F F3 P1 P System e-learning publikowanie materiałów dydaktycznych i ogłoszeń, gromadzenie i ocenianie prac studenckich, udostępnianie próbnych testów elektronicznych, sprawdzających wiedzę i umiejętności uczestników kursu. Warsztaty praktyczne pokaz metod projektowania i programowania serwisów internetowych (na żywo), ćwiczenia wykonywane przez studentów zgodnie z instruktażem, bieżące asystowanie uczestnikom przez prowadzącego zajęcia. Indywidualne konsultacje podczas zajęć dotyczące rozwiązań projektowych i programistycznych, a także metod testowania aplikacji internetowych. VII. Sposoby oceny (F formująca, P podsumowująca) Ćwiczeniowe listy zadań zbiory stosunkowo prostych zadań, zazwyczaj możliwych do rozwiązania podczas pojedynczych zajęć dydaktycznych, obejmujących godziny lekcyjne. Za rozwiązanie każdej listy zadań prowadzący zajęcia przyznaje studentowi ocenę F1 punktację, zależną od zakresu, jakości, samodzielności i tempa wykonanej pracy. Po pozytywnym zaliczeniu ćwiczeniowej listy zadań student wysyła pakiet z rozwiązaniem do systemu e-learning (metoda utrwalenia pracy studenta i zabezpieczenia przed utratą danych). Reprezentatywny przykład ćwiczeniowej listy zadań jest przedstawiony w załączniku do niniejszej karty. Projektowe listy zadań zestawy poleceń trudniejszych i bardziej złożonych od list ćwiczeniowych. Ich rozwiązania są opracowywane przez studentów częściowo podczas zajęć dydaktycznych, częściowo zaś poza nimi. Student podczas zajęć prezentuje prowadzącemu rozwiązanie listy zadań, a następnie wysyła pakiet z rozwiązaniem do systemu e-learning. Za rozwiązanie listy zadań prowadzący zajęcia przyznaje studentowi ocenę F punktację, zależną od zakresu, jakości, samodzielności i terminowości wykonanej pracy. Reprezentatywny przykład projektowej listy zadań jest przedstawiony w załączniku do niniejszej karty. Test pisemny (zalecane wykorzystanie systemu nauczania zdalnego e-learning) sprawdzający wiedzę i umiejętności z zakresu wykładu. Z testu przyznawana jest ocena pozytywna, jeżeli student zdobędzie przynajmniej 50% maksymalnej liczby punktów. Reprezentatywny przykład elektronicznego zestawu testowego jest przedstawiony w załączniku do niniejszej karty. Ocena końcowa z laboratorium wyznaczana jest na podstawie sumy ocen uzyskanych przez studenta ze wszystkich list zadań ćwiczeniowych (F1) i projektowych (F). Ocena pozytywna P1 przyznawana jest studentowi, który pozytywnie zaliczył wszystkie listy zadań i zdobył łącznie przynajmniej 50% sumy wszystkich punktów możliwych do uzyskania w ramach ocen F1 i F. Ocena końcowa z wykładu P jest obliczana na podstawie 0% oceny F3 z testu zaliczeniowego oraz 40% oceny końcowej P1 z laboratorium. Ocena końcowa P jest pozytywna wówczas, gdy obie oceny składowe z testu zaliczeniowego i laboratorium są pozytywne. VIII. Forma aktywności Zajęcia z bezpośrednim udziałem nauczyciela akademickiego wykład. Samodzielna nauka, studiowanie literatury, przygotowanie do testu zaliczeniowego z wykładu. Obciążenie pracą studenta Łączna i średnia liczba godzin na zrealizowanie aktywności
Zajęcia z bezpośrednim udziałem nauczyciela akademickiego laboratorium. Samodzielne instalowanie i konfigurowanie środowiska programistycznego na prywatnym komputerze studenta. Przygotowanie list zadań ćwiczeniowych i projektowych. SUMA 15 SUMARYCZNA LICZBA PUNKTÓW ECTS DLA PRZEDMIOTU IX. Literatura podstawowa i uzupełniająca Literatura podstawowa: 1. Danowski B., Tworzenie stron WWW w praktyce. Helion, Gliwice 007.. Danowski B., Wstęp do CSS 3 i HTML 5. Helion, Gliwice 011. 3. MacDonald M., HTML 5. Nieoficjalny podręcznik. Helion, Gliwice 01. 4. Meyer E.A., CSS według Erica Meyera: sztuka projektowania stron WWW. Helion, Gliwice 005. 5. Meyer E.A., CSS według Erica Meyera: kolejna odsłona. Helion, Gliwice 005. Literatura uzupełniająca: 1. Cole E., Krutz R.L., Conley J., Bezpieczeństwo sieci. Biblia. Helion, Gliwice 005.. Danowski B., Makaruk M., Pozycjonowanie i optymalizacja stron WWW. Jak to się robi. Helion, Gliwice 007. 3. Lis M., JavaScript. Ćwiczenia praktyczne. Helion, Gliwice 013. 4. Wandschneider M., PHP i MySQL. Tworzenie aplikacji WWW. Helion, Gliwice 00. 5. Wyke-Smith C., CSS. Witryny internetowe szyte na miarę. Helion, Gliwice 013. York R., CSS. Gotowe rozwiązania. Helion, Gliwice 00. 7. Zeldman J., Projektowanie serwisów WWW. Standardy sieciowe. Helion, Gliwice 007. 5 5