ZUT - Krajowe Ramy Kwalifikacji / Rok 2017/2018 / Wydział Elektryczny / Teleinformatyka (S1) / Sylabus przedmiotu

Wydział Elektryczny - Teleinformatyka (S1)

Sylabus przedmiotu Aplikacje internetowe:

Informacje podstawowe

Kierunek studiów	Teleinformatyka
Forma studiów	studia stacjonarne	Poziom	pierwszego stopnia
Tytuł zawodowy absolwenta	inżynier
Obszary studiów	nauki techniczne, studia inżynierskie
Profil	ogólnoakademicki
Moduł	—
Przedmiot	Aplikacje internetowe
Specjalność	przedmiot wspólny
Jednostka prowadząca	Katedra Przetwarzania Sygnałów i Inżynierii Multimedialnej
Nauczyciel odpowiedzialny	Robert Krupiński <Robert.Krupinski@zut.edu.pl>
Inni nauczyciele	Mateusz Tecław <Mateusz.Teclaw@zut.edu.pl>
ECTS (planowane)	4,0	ECTS (formy)	4,0
Forma zaliczenia	zaliczenie	Język	polski
Blok obieralny	—	Grupa obieralna	—

Formy dydaktyczne

Forma dydaktyczna	KOD	Semestr	Godziny	ECTS	Waga	Zaliczenie
wykłady	W	2	30	2,0	0,62	zaliczenie
laboratoria	L	2	30	2,0	0,38	zaliczenie

Wymagania wstępne

KOD	Wymaganie wstępne
W-1	Zaliczenie modułu "Podstawy informatyki" z sem.1

Cele przedmiotu

KOD	Cel modułu/przedmiotu
C-1	Zapoznanie studentów z technologiami wykorzystywanymi do tworzenia aplikacji internetowych
C-2	Ukształtowanie umiejętności tworzenia prostych aplikacji internetowych z wykorzystaniem różnych technologii

Treści programowe z podziałem na formy zajęć

KOD	Treść programowa	Godziny
laboratoria
T-L-1	Struktura oraz składnia dokumentów HTML5. Podstawowe elementy funkcjonalne.	2
T-L-2	Arkusze stylów CSS3. Model pudełkowy, selektory, pseudoklasy, efekty i transformacje. Modele flex oraz grid.	2
T-L-3	Podstawy języka JavaScript. Składnia, zmienne, funkcje, HTML DOM (Document Object Model)	3
T-L-4	JavaScript: klasy i obiekty, system zdarzeń, funkcje zwrotne i asynchroniczne wykonywanie procedur, ECMAScript 6.	3
T-L-5	Javascript: Operacje na ciągach znakowych, operacje na tablicach, podstawy AJAX (Asynchronous JavaScript And XML)	2
T-L-6	Zaliczenie laboratorium nr 1: Prosta aplikacja internetowa z wykorzystaniem HTML5, CSS3 oraz JavaScript.	2
T-L-7	Wstęp do Canvas 2D. Deklaracja, pojęcie kontekstu, wymiary i subpikselowe definiowanie położenia.	1
T-L-8	Canvas: rysowanie postawowych kształtów, maszyna stanów, zapisywanie i odtwarzanie ustawień.	3
T-L-9	Canvas: renderowanie pozaekranowe, style linii i wypełnienia, translacja i rotacja układu odniesienia, praca z grafiką rastrową, maska przycinania, strefy zderzeń.	4
T-L-10	Canvas: synchronizacja czasowa i animacje.	2
T-L-11	Canvas: wykorzystanie elementów SVG do rysowania obiektów (obiekt Path)	2
T-L-12	Zaliczenie laboratorium nr 2: Prosta aplikacja internetowa z wykorzystaniem Canvas 2D.	2
T-L-13	Poprawa zaliczeń i wystawienie ocen.	2
		30
wykłady
T-W-1	Struktura oraz składnia dokumentów HTML. Zastosowanie formularzy do interaktywnej komunikacji z użytkownikiem.	3
T-W-2	Arkusze stylów CSS. Dynamiczne tworzenie kodu HTML. Zastosowanie DHTML.	3
T-W-3	Podstawy języka PHP.	3
T-W-4	Podstawy języka Javascript, obsługa zdarzeń.	3
T-W-5	JavaScript i HTML DOM.	2
T-W-6	JavaScript i Ajax.	2
T-W-7	Wprowadzenie do jQuery.	2
T-W-8	jQuery selektory.	1
T-W-9	jQuery zdarzenia.	1
T-W-10	jQuery efekty.	1
T-W-11	jQuery funkcje typu Callback.	1
T-W-12	jQuery i HTML.	1
T-W-13	jQuery i CSS.	2
T-W-14	jQuery i Ajax.	1
T-W-15	jQuery i programy rozszerzeniowe.	1
T-W-16	JavaScript i Audio.	1
T-W-17	JavaScript i WebGL.	2
		30

Obciążenie pracą studenta - formy aktywności

KOD	Forma aktywności	Godziny
laboratoria
A-L-1	Uczestnictwo w zajęciach.	30
A-L-2	Samodzielna praca przy komputerze (uzupełnianie ćwiczeń laboratoryjnych).	30
		60
wykłady
A-W-1	Uczestnictwo w zajęciach.	30
A-W-2	Przygotowanie do zajęć (przypomnienie materiału z wykładu, samodzielne studiowanie literatury, samodzielne wykonywanie ćwiczeń programistycznych)	30
		60

Metody nauczania / narzędzia dydaktyczne

KOD	Metoda nauczania / narzędzie dydaktyczne
M-1	Podająca - wykład informacyjny.
M-2	Programowana - z użyciem komputera.
M-3	Praktyczna - pokaz.
M-4	Praktyczna - ćwiczenia laboratoryjne.

Sposoby oceny

KOD	Sposób oceny
S-1	Ocena podsumowująca: Zaliczenie testowe wykładów.
S-2	Ocena podsumowująca: Końcowe zaliczenie ćwiczeń laboratoryjnych.

Zamierzone efekty kształcenia - wiedza

Zamierzone efekty kształcenia	Odniesienie do efektów kształcenia dla kierunku studiów	Odniesienie do efektów zdefiniowanych dla obszaru kształcenia	Odniesienie do efektów kształcenia prowadzących do uzyskania tytułu zawodowego inżyniera	Cel przedmiotu	Treści programowe	Metody nauczania	Sposób oceny
TI_1A_C10_W01 Student ma uporządkowaną wiedzę w zakresie tworzenia aplikacji internetowych z wykorzystaniem wybranych języków wysokiego poziomu.	TI_1A_W10, TI_1A_W09	—	—	C-1, C-2	T-W-11, T-W-10, T-W-9, T-W-8, T-W-6, T-W-5, T-W-4, T-W-15, T-W-12, T-W-13, T-W-14, T-W-3, T-W-1, T-W-2	M-1, M-3	S-1

Zamierzone efekty kształcenia - umiejętności

Zamierzone efekty kształcenia	Odniesienie do efektów kształcenia dla kierunku studiów	Odniesienie do efektów zdefiniowanych dla obszaru kształcenia	Odniesienie do efektów kształcenia prowadzących do uzyskania tytułu zawodowego inżyniera	Cel przedmiotu	Treści programowe	Metody nauczania	Sposób oceny
TI_1A_C10_U01 Student potrafi stworzyć aplikację internetową, także z wykorzystaniem informacji pozyskanych z baz danych.	TI_1A_U08, TI_1A_U12	—	—	C-2	—	M-2, M-4	S-2

Kryterium oceny - wiedza

Efekt kształcenia	Ocena	Kryterium oceny
TI_1A_C10_W01 Student ma uporządkowaną wiedzę w zakresie tworzenia aplikacji internetowych z wykorzystaniem wybranych języków wysokiego poziomu.	2,0
	3,0	Student ma uporządkowaną wiedzę w zakresie tworzenia aplikacji internetowych z wykorzystaniem wybranych języków wysokiego poziomu.
	3,5
	4,0
	4,5
	5,0

Kryterium oceny - umiejętności

Efekt kształcenia	Ocena	Kryterium oceny
TI_1A_C10_U01 Student potrafi stworzyć aplikację internetową, także z wykorzystaniem informacji pozyskanych z baz danych.	2,0
	3,0	Student potrafi stworzyć aplikację internetową, także z wykorzystaniem informacji pozyskanych z bazy danych.
	3,5
	4,0
	4,5
	5,0

Literatura podstawowa

Phil Ballard, Michael Moncur, Ajax, JavaScript i PHP. Intensywny trening, Helion, 2009
Tom Negrino, Dori Smith, Po prostu JavaScript i Ajax., Helion, 2007, VI
Steven M. Schafer, HTML, XHTML i CSS. Biblia., Helion, 2009, IV
http://www.w3schools.com/, 2012
http://jquery.com/, 2012
Mozilla Foundation, https://developer.mozilla.org, 2005

Literatura dodatkowa

Luke Welling, Laura Thomson, PHP i MySQL. Tworzenie stron WWW. Vademecum profesjonalisty, Helion, 2009, IV
Jesse Liberty, Dan Hurwitz, ASP.NET. Programowanie, Helion, 2006
Robert Reinhardt, Snow Dowd, Adobe Flash CS3/CS3 PL Professional. Biblia, Helion, 2009

Treści programowe - laboratoria

KOD	Treść programowa	Godziny
T-L-1	Struktura oraz składnia dokumentów HTML5. Podstawowe elementy funkcjonalne.	2
T-L-2	Arkusze stylów CSS3. Model pudełkowy, selektory, pseudoklasy, efekty i transformacje. Modele flex oraz grid.	2
T-L-3	Podstawy języka JavaScript. Składnia, zmienne, funkcje, HTML DOM (Document Object Model)	3
T-L-4	JavaScript: klasy i obiekty, system zdarzeń, funkcje zwrotne i asynchroniczne wykonywanie procedur, ECMAScript 6.	3
T-L-5	Javascript: Operacje na ciągach znakowych, operacje na tablicach, podstawy AJAX (Asynchronous JavaScript And XML)	2
T-L-6	Zaliczenie laboratorium nr 1: Prosta aplikacja internetowa z wykorzystaniem HTML5, CSS3 oraz JavaScript.	2
T-L-7	Wstęp do Canvas 2D. Deklaracja, pojęcie kontekstu, wymiary i subpikselowe definiowanie położenia.	1
T-L-8	Canvas: rysowanie postawowych kształtów, maszyna stanów, zapisywanie i odtwarzanie ustawień.	3
T-L-9	Canvas: renderowanie pozaekranowe, style linii i wypełnienia, translacja i rotacja układu odniesienia, praca z grafiką rastrową, maska przycinania, strefy zderzeń.	4
T-L-10	Canvas: synchronizacja czasowa i animacje.	2
T-L-11	Canvas: wykorzystanie elementów SVG do rysowania obiektów (obiekt Path)	2
T-L-12	Zaliczenie laboratorium nr 2: Prosta aplikacja internetowa z wykorzystaniem Canvas 2D.	2
T-L-13	Poprawa zaliczeń i wystawienie ocen.	2
		30

Treści programowe - wykłady

KOD	Treść programowa	Godziny
T-W-1	Struktura oraz składnia dokumentów HTML. Zastosowanie formularzy do interaktywnej komunikacji z użytkownikiem.	3
T-W-2	Arkusze stylów CSS. Dynamiczne tworzenie kodu HTML. Zastosowanie DHTML.	3
T-W-3	Podstawy języka PHP.	3
T-W-4	Podstawy języka Javascript, obsługa zdarzeń.	3
T-W-5	JavaScript i HTML DOM.	2
T-W-6	JavaScript i Ajax.	2
T-W-7	Wprowadzenie do jQuery.	2
T-W-8	jQuery selektory.	1
T-W-9	jQuery zdarzenia.	1
T-W-10	jQuery efekty.	1
T-W-11	jQuery funkcje typu Callback.	1
T-W-12	jQuery i HTML.	1
T-W-13	jQuery i CSS.	2
T-W-14	jQuery i Ajax.	1
T-W-15	jQuery i programy rozszerzeniowe.	1
T-W-16	JavaScript i Audio.	1
T-W-17	JavaScript i WebGL.	2
		30

Formy aktywności - laboratoria

KOD	Forma aktywności	Godziny
A-L-1	Uczestnictwo w zajęciach.	30
A-L-2	Samodzielna praca przy komputerze (uzupełnianie ćwiczeń laboratoryjnych).	30
		60

(*) 1 punkt ECTS, odpowiada około 30 godzinom aktywności studenta

Formy aktywności - wykłady

KOD	Forma aktywności	Godziny
A-W-1	Uczestnictwo w zajęciach.	30
A-W-2	Przygotowanie do zajęć (przypomnienie materiału z wykładu, samodzielne studiowanie literatury, samodzielne wykonywanie ćwiczeń programistycznych)	30
		60

(*) 1 punkt ECTS, odpowiada około 30 godzinom aktywności studenta

Pole	KOD	Znaczenie kodu
Zamierzone efekty kształcenia	TI_1A_C10_W01	Student ma uporządkowaną wiedzę w zakresie tworzenia aplikacji internetowych z wykorzystaniem wybranych języków wysokiego poziomu.
Odniesienie do efektów kształcenia dla kierunku studiów	TI_1A_W10	Ma uporządkowaną wiedzę w zakresie tworzenia aplikacji internetowych oraz programowania usług sieciowych.
Odniesienie do efektów kształcenia dla kierunku studiów	TI_1A_W09	Zna wybrane języki programowania niskiego i wysokiego poziomu. Ma podstawową wiedzę z zakresu dobrych praktyk programistycznych.
Cel przedmiotu	C-1	Zapoznanie studentów z technologiami wykorzystywanymi do tworzenia aplikacji internetowych
Cel przedmiotu	C-2	Ukształtowanie umiejętności tworzenia prostych aplikacji internetowych z wykorzystaniem różnych technologii
Treści programowe	T-W-11	jQuery funkcje typu Callback.
	T-W-10	jQuery efekty.
	T-W-9	jQuery zdarzenia.
	T-W-8	jQuery selektory.
	T-W-6	JavaScript i Ajax.
	T-W-5	JavaScript i HTML DOM.
	T-W-4	Podstawy języka Javascript, obsługa zdarzeń.
	T-W-15	jQuery i programy rozszerzeniowe.
	T-W-12	jQuery i HTML.
	T-W-13	jQuery i CSS.
	T-W-14	jQuery i Ajax.
	T-W-3	Podstawy języka PHP.
	T-W-1	Struktura oraz składnia dokumentów HTML. Zastosowanie formularzy do interaktywnej komunikacji z użytkownikiem.
	T-W-2	Arkusze stylów CSS. Dynamiczne tworzenie kodu HTML. Zastosowanie DHTML.
Metody nauczania	M-1	Podająca - wykład informacyjny.
Metody nauczania	M-3	Praktyczna - pokaz.
Sposób oceny	S-1	Ocena podsumowująca: Zaliczenie testowe wykładów.
Kryteria oceny	Ocena	Kryterium oceny
	2,0
	3,0	Student ma uporządkowaną wiedzę w zakresie tworzenia aplikacji internetowych z wykorzystaniem wybranych języków wysokiego poziomu.
	3,5
	4,0
	4,5
	5,0

Pole	KOD	Znaczenie kodu
Zamierzone efekty kształcenia	TI_1A_C10_U01	Student potrafi stworzyć aplikację internetową, także z wykorzystaniem informacji pozyskanych z baz danych.
Odniesienie do efektów kształcenia dla kierunku studiów	TI_1A_U08	Potrafi stworzyć aplikację sieciową, w tym internetową, wykorzystując odpowiednio dobrane środowisko programistyczne; uwzględnia podczas tworzenia oprogramowania aspekty systemowe i pozatechniczne, w szczególności związane z projektowaniem interfejsów użytkownika.
Odniesienie do efektów kształcenia dla kierunku studiów	TI_1A_U12	Potrafi dobrać właściwy system bazodanowy, stworzyć bazę danych, przetwarzać informacje z bazy danych oraz wykorzystywać je w aplikacjach internetowych.
Cel przedmiotu	C-2	Ukształtowanie umiejętności tworzenia prostych aplikacji internetowych z wykorzystaniem różnych technologii
Metody nauczania	M-2	Programowana - z użyciem komputera.
Metody nauczania	M-4	Praktyczna - ćwiczenia laboratoryjne.
Sposób oceny	S-2	Ocena podsumowująca: Końcowe zaliczenie ćwiczeń laboratoryjnych.
Kryteria oceny	Ocena	Kryterium oceny
	2,0
	3,0	Student potrafi stworzyć aplikację internetową, także z wykorzystaniem informacji pozyskanych z bazy danych.
	3,5
	4,0
	4,5
	5,0