Kliensoldali technológiák

Client Side Technologies

A tantárgyleírás hatályossága

Hatályosság kezdete:

2026. March 21.

Hatályosság vége:

—

Tantárgy neve (magyarul, angolul)

Kliensoldali technológiák

Client Side Technologies

Tantárgykód

BMEVIAUAC02

Tantárgyjelleg

—

Képzési szint

—

Kurzustípusok és óraszámok (heti/féléves)

Kurzustípus	elmélet	gyakorlat	laboratóriumi gyakorlat
óraszám (heti)	2	1	0
jelleg (kapcsolt/önálló)	—	kapcsolt	—

Tanulmányi teljesítmény/értékelés típusa

vizsga

Tantárgy kreditértéke

Tantárgyfelelős

DR. Kővári Bence András

beosztás: egyetemi docens

elérhetőség: kovari.bence@vik.bme.hu

Tantárgyat gondozó oktatási szervezeti egység

Automatizálási és Alkalmazott Informatikai Tanszék

https://www.aut.bme.hu

Kar

Villamosmérnöki és Informatikai Kar

Tantárgy weboldala

https://www.aut.bme.hu/Course/BMEVIAUAC02

Tantárgy elsődleges mintatantervi jellege

—

Közvetlen előkövetelmények – Erős előkövetelmény

nincs

Közvetlen előkövetelmények – Gyenge előkövetelmény

nincs

Közvetlen előkövetelmények – Párhuzamos előkövetelmény

nincs

Közvetlen előkövetelmények – Mérföldkő előkövetelmény

nincs

Közvetlen előkövetelmények – Kizáró feltétel

nincs

Célkitűzés

Tantárgyprogram

Az előadások tematikája:

Előadás	Előadás anyaga
1.	A kliensoldali alkalmazások helye és jellegzetességei a többrétegű architektúrákban, kliensoldali tervezési minták, hibakezelés, naplózás, elnevezési konvenciók
2.	Vállalati és consumer alkalmazások tervezésének ergonómiai megfontolásai
3.	ASP.NET – REST, Routing, Model, View és Controller értelmezése és szerepe, segédosztályok készítése
4.	TypeScript nyelvi elemei, fejléc fájlok, osztályok, interfészek, anonim függvények
5.	TypeScript fordítás, statikus típusosság, szintaxis
6.	JavaScript adatkezelés, adatkötés, input validáció (Angular)
7.	JavaScript adatkezelés, adatkötés, input validáció (Angular)
8.	Windows Store alkalmazások fejlesztése (architektúra, programozási modell, funkciók áttekintése)
9.	GDI, GDI+ problémái, XAML, szálkezelés, Dependency/Attached properties, Visual, DPI független rajzolás, aszinkron programozás
10.	Vezérlők, Adatkötés, sablonok, erőforrások, stílusok, triggerek, eseménykezelés, MVVM, dokumentumkezelés
11.	Érintőképernyős alkalmazások tervezése, platformok (iOS, Android, Windows Store) összehasonlítása
12.	Multiplatform mobilfejlesztés alapjai
13.	Multiplatform mobilfejlesztés – Szenzorok, tervezési minták
14.	Multiplatform mobilfejlesztés – HTML5 alapú technológiák (Electron, Cordova)

Számítógéptermi gyakorlatokon az aktuális előadások anyagára épülő feladatok kerülnek megoldásra:

Gyakorlat	Gyakorlat anyaga
1.	JavaScript ismétlés
2.	ASP.NET MVC alapfunkcióinak megismerése egy példaalkalmazáson keresztül
3.	TypeScript megismerése egy példaalkalmazáson keresztül
4.	WPF alapfogalmai, Stílusok, Sablonok, DependencyProperty-k
5.	Windows Store alkalmazás készítése, MVVM tervezési minta
6.	Kliens oldali adatkötés a weben
7.	Mobil alkalmazás tervezése és fejlesztése

A tárgy célja, hogy a hallgatók betekintést nyerjenek a kliensoldali alkalmazások fejlesztésének alapelveibe és meghatározó technológiáiba. A tárgy keretében bemutatásra kerülnek a legfontosabb felhasználói platformok (desktop, tablet, mobil), valamint az alkalmazás-felületek fejlesztésének rájuk vonatkozó ergonómiai alapelvek. A hallgatók megismerkednek a .NET futtatókörnyezet korszerű vastagkliens fejlesztéséhez szükséges eszköztáraival, melyek mellett hasonló súllyal megjelennek a vékonykliens technológiák is (pl. ASP.NET, HTML5, JavaScript). Tárgyalásra kerülnek az adatkötési megoldások, valamint az űrlap generálási technikák. A tárgy különböző tervezési kérdéseket érint: az MVC/MVVM tervezési minták kapcsán a hallgatók megtapasztalhatják, miként lehetséges a felület és a mögöttes logika (és ezáltal a fejlesztő és a designer munkájának) szétválasztása. A tárgy szerves részét képezik a gyakorlati foglalkozások, melyek lehetőséget biztosítanak a hallgatók számára, hogy az előadáson tanultakat maguk is kipróbálhassák. A tantárgy követelményeit eredményesen teljesítő hallgató képes lesz: · (K2) bemutatni az alapvető kliensoldali technológiákat, rámutatni azok kapcsolatrendszerére és jellegzetességeire, egymáshoz viszonyított előnyeire és hátrányaira · (K3) egyszerűbb kliensalkalmazások fejlesztésére XAML technológiával · (K3) egyszerűbb webes alkalmazások fejlesztésére Angular technológiával · (K2) felsorolni és felismerni a Gestalt törvények és néhány alapvető ergonómiai alapelv használatát

Tanulmányi eredmények

Ez a tantárgy a KKK rendeletben meghatározott, következő kompetenciák fejlesztését szolgálja:

Tudás

Nincsenek rögzített tanulási eredmények.

Képességek

Nincsenek rögzített tanulási eredmények.

Attitűd

Nincsenek rögzített tanulási eredmények.

Autonómia és felelősség

Nincsenek rögzített tanulási eredmények.

Oktatási módszertan

Előadás, gyakorlat

Tanulástámogató anyagok

Online források

· ; Adam Nathan: WPF 4.5 Unleashed, 2013 Sams; Publishing, ISBN: 978-0672336973; Christopher Nance: TypeScript Essentials, 2014, Packt; Publishing, ISBN: 978- 1783985760; Matt Frisbie: Angular 2 Cookbook - Second; Edition, 2017, Packt Publishing, ISBN: 978-1785881923; Christian Nagel, Jay Glynn and Morgan Skinner: Professional; C# 5.0 and .NET 4.5.1, Wrox, ISBN: 978-1118833032

A tantárgy teljesítéséhez ajánlott előzetes ismeretek

Tudás típusú kompetenciák

(azon előzetes ismeretek összessége, amelyek megléte nem kötelező, de a tantárgy eredményes teljesítését nagyban elősegíti)

Szoftvertechnikák

Képesség típusú kompetenciák

(azon előzetes képességek és készségek összessége, amelyek megléte nem kötelező, de a tantárgy eredményes teljesítését nagyban elősegíti)

nincs

Ajánlott (nem kötelező) előzetesen megszerzendő kompetenciák

(azon ajánlott (nem kötelező) előzetesen megszerzendő kompetenciák összessége, amelyek jelentősen hozzájárulnak a tantárgy eredményes teljesítéséhez)

Szoftvertechnikák

Általános szabályok

Követelmények: A szorgalmi időszakban: 1. Az ismeretek átfogó és részletes áttekintését a szorgalmi időszak során 1 alkalommal, 5-7. hét környékén íratott nagyzárthelyivel (összegző értékelés) mérjük, valamint 2. a gyakorlást a gyakorlatokon elvégzett feladatok biztosítják, amelyekről még a gyakorlat során jegyzőkönyvet kell készíteni, és beadni (részteljesítmény értékelés), valamint 3. a szorgalmi időszak során egy kiadott nagy házi feladatot kell önállóan megoldani és beadni (részteljesítmény értékelés). A félév végi aláírás feltételei: a hallgató legalább 5 gyakorlat jegyzőkönyvét, valamint a hozzá tartozó programot futtatható állapotában, forráskód mellékelésével, határidőre beadta, és ezek értékelésének átlaga eléri az elégséges (2) szintet, és a nagyzárthelyi dolgozat eléri az elégséges (2) szintet, és a hallgató a gyakorlatokat rendszeresen látogatta (hiányzása nem haladja meg a TVSz 14.§ (3) szerint megengedett mértéket). a hallgató a kiadott házi feladatot a kijelölt határidőig beadta és annak értékelése eléri az elégséges (2) szintet A vizsgaidőszakban: írásbeli vizsga. A zárthelyi 30%-ban, a házi feladat 20%-ban, a vizsga 50%-ban számít az érdemjegybe Pótlási lehetőségek: A zárthelyi pótlására egy alkalommal, a félév elején meghirdetett (zárthelyit 2-3 héttel követő) időpontban van lehetőség. A házi feladat pótlólagos leadása a pótlási időszakban kijelölt időpontig lehetséges. Gyakorlatok pótlására nincs lehetőség. Ugyanakkor az 5 teljesített gyakorlatba beszámítjuk az indokolt (pl. orvosilag igazolt) távolmaradást és a tanulmányi szünetek miatt elmaradt alkalmakat is.

Teljesítményértékelési módszerek

Szorgalmi időszakban végzett teljesítményértékelések részletes leírása

Nincs megadva részletes értékelés.

Szorgalmi időszakban végzett teljesítményértékelések részaránya

Nincs megadva részarány.

Vizsgaidőszakban végzett teljesítményértékelések részletes leírása

Nincs megadva részletes értékelés.

Vizsgarészek részaránya

Nincs megadva részarány.

Érdemjegy megállapítása

Nincs megadva érdemjegy határ.

Jelenléti és részvételi követelmények

Nincs megadva jelenléti követelmény.

Javítás, ismétlés és pótlás különös szabályai

Nincs megadva.

Rövid leírás

Nincs megadva.

Részletes leírás

IMSc program: A tananyag mélyebb megértésére a házi feladat egyes részfázisaihoz kapcsolódó extra részfeladatok, illetve a laborgyakorlatok opcionális feladatainak megoldásával nyílik lehetőség. Ezek az extra részfeladatok segítenek jobban megérteni az előadáson kevésbé részletezett ismereteket is. IMSc pontok: IMSc pontok a következő módon szerezhetők: · Extra technológiák, komplexebb megoldások alkalmazása a házi feladatban (maximum 20 pont) Az IMSc pontok megszerzése a programban nem résztvevő hallgatók számára is biztosított.

Ajánlott tantárgyak

Ajánlott tárgyak: Szoftvertechnikák, Mobil- és webes szoftverek

A tantárgy elvégzéséhez szükséges tanulmányi munka

Nincs megadva munkaidő bontás.

Tantárgykövetelmények hatályossága

Tantárgykövetelmények hatályosságának kezdete:

—

Tantárgykövetelmények hatályosságának vége:

—

Tantervi elhelyezés

Nincsenek rögzített tantervi elhelyezések ehhez a tárgyverzióhoz.