Opracowywanie serwisów sieciowych cz.1

• Podstawowa znajomość obługi komputera


• Znajomość języka angielskiego pozwalająca na swodobne korzystanie z dokumentacji technicznej

przedmiot obligatoryjny

Godziny realizowane z udziałem nauczycieli: (35 h)

• wykład - 15 h


• laboratorium - 20 h

Czas poświęcony na pracę indywidualną studenta: (55 h)

• przygotowanie do wykładu – 5h


• przygotowanie do laboratorium – 20h


• realizacja zadań, projektów – 10h


• przygotowanie do testu zaliczeniowego – 10h


• przygotowanie do kolokwium – 10h

Łącznie: 90 godz. (3 ECTS)

• 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)

• 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)

• 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)

- wykład konwersatoryjny
- wykład problemowy

- ćwiczeniowa
- klasyczna metoda problemowa
- laboratoryjna
- panelowa
- projektu
- studium przypadku

Celem niniejszych zajęć jest zapoznanie Studentów z podstawami tworzenia serwisów internetowych. Pierwsza część zajęć skupia się na nauczeniu budowania poprawnych strukturalnie serwisów WWW z wykorzystaniem języka HTML oraz opisem ich wyglądu z wykorzystaniem języka CSS. Dodatkowo – zajęcia traktują o przystosowaniu serwisów webowych do potrzeb współczesnych urządzeń, m. in. urządzeń mobilnych. Stanowią one punkt wyjścia do nauki narzędzi wykonywanych po stronie klienta i budowy logiki działania serwisów WWW.

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ęć:

1. Krótki wstęp do technologii internetowych - jak wyglądał ich rozwój?
2. Architektura klient-serwer, protokół HTTP(s) oraz model OSI
3. Narzędzia wykorzystywane przy tworzeniu nowoczesnych serwisów WWW
4. Hipertekstowy język znaczników - HTML5 – podstawowe znaczniki
5. Znaczniki semantyczne w HTML5
6. Kaskadowe arkusze stylów – CSS3
7. Model pudełkowy w CSS3
8. Layouty stron WWW
9. Dostosowanie stron WWW do potrzeb różnych urządzeń – media-queries
10. Współczesne frameworki CSS
11. Ogólne zasady budowania interfejsu użytkownika aplikacji webowych
12. Proste systemy zarządzania treścią

Główną literaturą do zajęć będzie dokumentacja wykorzystywanych technologii:

1. HTML: https://developer.mozilla.org/en-US/docs/Web/HTML oraz https://html.spec.whatwg.org
2. CSS: https://developer.mozilla.org/en-US/docs/Web/CSS oraz dokumentacja wykorzystywanych bibliotek

Literatura książkowa:

1. HTML, CSS i JavaScriot dla każdego, L. Lemay, R. Colburn, J. Kyrnin, Helion, 2016
2. HTML5. Podręcznik programisty, Ch. Hudson, T. Leadbetter, Helion, 2013
3. Responsive Web Design. Projektowanie elastycznych witryn w HTML5 i CSS3, B. Frain, Helion/Packt, 2021
4. HTML & CSS: Design and Build Websites, J. Duckett, Wiley, 2011
5. Modern HTML & CSS From THe Beginning 2.0 - Second Edition, B. Traversy, Packt Publishing, 2024
6. 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.

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

nie dotyczy