Opracowywanie serwisów sieciowych cz.1 0800-OPSS-1
Niniejsze zajęcia stanowić będą podstawowy kurs HTML5 i CSS3, skupiając się na budowie poprawnej struktury serwisów WWW, zgodności z obowiązującymi standardami oraz wytycznymi związanymi z dostępnością (WCAG). Szczególny nacisk położony zostanie na budowanie serwisów zgodnie z semantyką wykorzystywanych narzędzi oraz obowiązującymi zasadami konstruowania struktury stron WWW.
W ramach kursu Studenci nauczą się budować poprawne semantycznie serwisy WWW korzystając z języka HTML oraz nauczą się tworzenia poprawnej stylistycznie warstwy wizualnej wykorzystującej CSS3 oraz współczesne układy pozwalające na proste dostosowanie strony do różnych urządzeń, w tym urządzeń mobilnych.
Wykład skupiać się będzie na aktualnych standardach i narzędziach. Dodatkowo, w ramach wykładu przedstawione zostaną popularne biblioteki umożliwiające dostosowanie warstwy wizualnej projektu do obowiązujących standardów i trendów.
Na wykładzie nie zabraknie obszernego wprowadzenia do technologii webowych, pozwalającego Studentom na zrozumienie mechanizmów rządzących działaniem współczesnych stron WWW.
Program zajęć:
- Krótki wstęp do technologii internetowych - jak wyglądał ich rozwój?
- Architektura klient-serwer, protokół HTTP(s) oraz model OSI
- Narzędzia wykorzystywane przy tworzeniu nowoczesnych serwisów WWW
- Hipertekstowy język znaczników - HTML5 – podstawowe znaczniki
- Znaczniki semantyczne w HTML5
- Kaskadowe arkusze stylów – CSS3
- Model pudełkowy w CSS3
- Layouty stron WWW
- Dostosowanie stron WWW do potrzeb różnych urządzeń – media-queries
- Współczesne frameworki CSS
- Ogólne zasady budowania interfejsu użytkownika aplikacji webowych
- Proste systemy zarządzania treścią
Całkowity nakład pracy studenta
- wykład - 15 h
- laboratorium - 20 h
- przygotowanie do wykładu – 5h
- przygotowanie do laboratorium – 20h
- realizacja zadań, projektów – 10h
- przygotowanie do testu zaliczeniowego – 10h
- przygotowanie do kolokwium – 10h
Efekty uczenia się - wiedza
- W01: Student posiada wiedzę z zakresu budowy i działania komputerów (K_W02, K_W03)
- W02: Student ma uporządkowaną, podbudowaną teoretycznie wiedzę ogólną w zakresie technologii sieciowych (K_W02, K_W03)
- W03: Student ma uporządkowaną, podbudowaną teoretycznie wiedzę ogólną w zakresie projektowania komunikacji człowiek-komputer (K_W08)
- W04: Student zna podstawowe metody, techniki i narzędzia stosowane przy rozwiązywaniu prostych zadań informatycznych z zakresu technologii sieciowych (K_W03, K_W05)
- W05: Student zna podstawowe metody, techniki i narzędzia stosowane przy rozwiązywaniu prostych zadań informatycznych z zakresu komunikacji człowiek-komputer (K_W05, K_W08)
- W06: Student posiada wiedzę etyczną, rozumie zagrożenia stosowania technologii informatycznych, ma podstawową wiedzę do określenia poziomu bezpieczeństwa wybranych systemów informatycznych (K_W11, K_W12)
- W07: Student potrafi opisać komunikację między hostami na tle modelu OSI (K_W03)
- W08: Student rozumie podstawowe działanie protokołu HTTP(s) oraz jego rolę w modelu klient - serwer (K_W03)
- W09: Student potrafi opisać podstawową architekturę serwisów WWW (K_W03)
- W10: Student rozumie i jest świadomy różnic wynikających z wykonywania kodów po stronie serwera i po stronie klienta (K_W03, K_W06)
- W11: Student potrafi opisać działanie serwisów wykorzystujących języki HTML i CSS (K_W05, K_W06)
- W12: Student ma świadomość optymalizacji działania serwisów WWW (K_W06)
- W13: Student jest świadomy zagrożeń związanych z wykorzystywaniem architektury WWW (K_W12)
Efekty uczenia się - umiejętności
- U01: Student potrafi podczas planowania i realizacji serwisów WWW dostrzegać ich aspekty społeczne, ekonomiczne oraz prawne (K_U07)
- U02: Student potrafi na podstawie dostarczonej specyfikacji zaprojektować oraz zrealizować prosty system działający w środowisku WWW (K_U01, K_U04, K_U10, KU13)
- U03: Student potrafi wykorzystywać narzędzia programistyczne w realizacji projektów (K_U10, KU22)
- U04: Student posiada umiejętność tworzenia prostych aplikacji internetowych działających po stronie klienta (K_U08, K_U13)
- U05: Student potrafi zaprojektować poprawny technicznie i atrakcyjny wizualnie interfejs użytkownika dla aplikacji internetowych (K_U21)
- U06: Student stosuje i rozumie potrzebę wykorzystywania różnych metod zabezpieczeń związanych z wymianą informacji w systemach informatycznych (K_U18, K_U21)
- U07: Student tworzy samodzielnie proste serwisy WWW korzystając z języków skryptowych HTML i CSS, a także potrafi analizować sposób działania i modyfikować gotowe skrypty (K_U12, K_U13, K_U22)
- U08: Student zna wartość innych form edukacji, tj. kursy, egzaminy/certyfikaty, warsztaty, które związane są ze szczegółowymi obszarami wiedzy tematycznej (K_U23)
- U09: Student rozumie potrzebę wymiany informacji w grupach osób zajmujących się technologiami, potrafi pracować indywidualnie i w zespole (K_U24)
Efekty uczenia się - kompetencje społeczne
- K01: rozumie potrzebę ciągłego dokształcania powodowanego pojawianiem się nowych technologii (K_K01)
- K02: ma świadomość skutków wadliwie działających systemów informatycznych, które mogą doprowadzić do strat moralnych i finansowych, a nawet utraty zdrowia czy zagrożenia życia (K_K02, K_K05)
- K03: ma świadomość problemów etycznych wykorzystywanych technologii oraz praw autorskich (K_K02)
- K04: potrafi precyzyjnie określać problemy i formułować odpowiednie pytania, potrafi formułować opinie dotyczące kwestii zawodowych (K_K04, K_K05)
- K05: rozumie i docenia znaczenie rzetelności w działaniach własnych i innych osób (K_K02, K_K03, K_K06)
Metody dydaktyczne podające
- wykład konwersatoryjny
Metody dydaktyczne poszukujące
- projektu
- ćwiczeniowa
- klasyczna metoda problemowa
- studium przypadku
- laboratoryjna
Rodzaj przedmiotu
Wymagania wstępne
- Podstawowa znajomość obługi komputera
- Znajomość języka angielskiego pozwalająca na swodobne korzystanie z dokumentacji technicznej
Koordynatorzy przedmiotu
W cyklu 2025/26Z: | W cyklu 2022/23Z: | W cyklu 2023/24Z: | W cyklu 2024/25Z: |
Kryteria oceniania
Zaliczenie wykładu odbywa się na podstawie testu jednokrotnego wyboru przeprowadzanego po zakończeniu wykładu. Warunkiem uzyskania zaliczenia (wpis ZAL w systemie USOS) jest zdobycie przynajmniej 60% możliwych do zdobycia punktów. Na teście za poprawną odpowiedź na każde pytanie otrzymać można 1 punkt, niepoprawa odpowiedź to -1 pkt. Na każde pytanie należy udzielić odpowiedzi.
Test przeprowadzany jest w formie testu on-line, którego termin podawany jest na pierwszym wykładzie.
Zaliczenie laboratoriów odbywa się na podstawie projektu zaliczeniowego, kolokwium oraz zadań do samodzielnego wykonania. Z każdej z tych form otrzymać można punkty, które posumowane dają wkład do oceny. Ostateczna ocena wystawiana jest na podstawie stosunku punktów zdobytych przez uczestnika kursu do całkowitej liczby punktów, które można było uzyskać. Prowadzący grupę zajęciową mogą zdecydować, która forma zaliczenia będzie obowiązywać na prowadzonych przez nich laboratoriach, natomiast zalecane jest, aby połączyć przynajmniej dwie z wymienionych form.
Procentowa skala ocen obowiązująca na laboratoriach:
- 0% - 49% - 2.0
- 50% - 59% - 3.0
- 60%- 69% - 3.5
- 70% - 79% - 4.0
- 80% - 89% - 4.5
- 90% - 100% - 5.0
Praktyki zawodowe
nie dotyczy
Literatura
Główną literaturą do zajęć będzie dokumentacja wykorzystywanych technologii:
- HTML: https://developer.mozilla.org/en-US/docs/Web/HTML oraz https://html.spec.whatwg.org
- CSS: https://developer.mozilla.org/en-US/docs/Web/CSS oraz dokumentacja wykorzystywanych bibliotek
Literatura książkowa:
- HTML, CSS i JavaScriot dla każdego, L. Lemay, R. Colburn, J. Kyrnin, Helion, 2016
- HTML5. Podręcznik programisty, Ch. Hudson, T. Leadbetter, Helion, 2013
- Responsive Web Design. Projektowanie elastycznych witryn w HTML5 i CSS3, B. Frain, Helion/Packt, 2021
- HTML & CSS: Design and Build Websites, J. Duckett, Wiley, 2011
- Modern HTML & CSS From THe Beginning 2.0 - Second Edition, B. Traversy, Packt Publishing, 2024
- HTML & CSS: The Good Parts, B. Henick, O'Reilly Media, 2010
Wszystkie wydania niniejszych książek mogą zostać wykorzystane jako literatura do kursu, chociaż warto korzystać z tych najbardziej aktualnych.
Więcej informacji
Dodatkowe informacje (np. o kalendarzu rejestracji, prowadzących zajęcia, lokalizacji i terminach zajęć) mogą być dostępne w serwisie USOSweb: