Webtervezés gyakorlat
Levelező tagozat
2020/2021 II. félév
Alapadatok
-
A tantárgy kódja: IBL714g (IBL714l).
-
Kreditérték: 2.
-
Féléves óraszám: 6.
-
A tantárgy típusa és értékelés módja: laboratóriumi gyakorlat, gyakorlati jegy.
-
A kurzus felvételének feltételei:
-
a Programozás alapjai vagy a
Programozási alapismeretek
(C ismeretek) gyakorlatok valamelyikének
előzetes teljesítése, ÉS
-
a Programozás I. vagy a Programozási ismeretek
(objektumorientáltság + Java) kurzusok
valamelyikének párhuzamos felvétele ÉS
-
a Webtervezés előadás párhuzamos felvétele.
-
Felelős oktató: Dr. Holló Csaba, egyetemi adjunktus,
Szoftverfejlesztés Tanszék.
Tematika
-
HTML és CSS.
-
HTML és CSS szintaxis.
-
Általános formázások.
A dobozmodell és részeinek formázása.
Megjelenítési jellemzők.
Stílusok kölcsönhatása.
Helyzetmegadás.
-
Weboldalak strukturálása. Beágyazott keretek (lebegőkeretek).
-
Szövegek jellemzői, strukturális egységei és azok formázása. Hivatkozások elhelyezése és formázása.
-
Felsorolások. Menük elhelyezése és formázása.
-
Táblázatok készítése.
-
Űrlapok készítése. Űrlapelemek, elemfeliratok,
működési jellemzők.
-
Multimédiás elemek beágyazása.
-
A HTML és CSS további lehetőségei.
-
Szerver oldali webprogramozás, PHP.
-
A kiszolgáló- és ügyféloldali web programozás jellemzése,
kapcsolata, alkalmazási területei.
-
A PHP nyelvi elemei.
-
Űrlapok kezelése.
-
Fájlok használata.
-
Állapotok tárolása. Menetkövetés.
-
Objektumorientáltság.
-
A PHP további lehetőségei.
Ajánlott irodalom
-
HTML, CSS
-
Cservenák Bence
gyakorlati jegyzete.
-
Vancsics Béla által gondozott
gyakorlati jegyzet.
-
Abonyi-Tóth Andor, ELTE IK:
A weblapkészítés technikája (HTML5, CSS3)
és ergonómiája,
elte.hu,
tankonyvtar.hu.
-
HTML5 weboldalak készítése -
webfejlesztes.gtportal.eu
-
HTML és CSS -
Standardsmode.hu
-
Holló Csaba:
Üzleti webtechnológiák, Typotex Kiadó, 2011.
-
Virginia DeBolt: HTML és CSS. Webszerkesztés stílusosan. Kiskapu Kft, 2005.
-
(angol) HTML5 -
MDN web docs (Mozilla)
-
(angol) HTML5 Tutorial -
w3schools.com
-
(angol) Estelle Weyl:
HTML5 v. XHTML5
-
PHP (+ HTML, CSS)
-
Cservenák Bence
gyakorlati jegyzete.
-
Vancsics Béla által gondozott
gyakorlati jegyzet.
-
Nagy Gusztáv:
Web programozás ,
Webes szabványok
-
PHP WIKI könyv
-
PHP kézikönyv (régebbi)
-
Gál Tibor: Web programozás, Műegyetemi kiadó, 2006.
-
Matt Zandstra: Tanuljuk meg a PHP5 használatát 24 óra alatt, Kiskapu Kiadó, 2005.
-
Blake Schwendiman: PHP4 Fejlesztõk kézikönyve (1. + 2. kötet), Panem Kft., Budapest, 2001.
-
Peter Moulding: PHP haladóknak, Fekete Könyv sorozat, Perfact-Pro Kft., 2002.
-
Schlossnagle, George: PHP fejlesztés felsőfokon, Kiskapu Kft., 2004.
-
Ben Laurie, Peter Laurie: Apache, Kossuth Kiadó, 2001.
-
László József: Dinamikus weboldalak, CGI programozás Windows és Linux rendszerekben, ComputerBooks, Budapest,, 2002.
-
(angol) PHP 5 Tutorial -
W3Schools
-
(angol) PHP: Documentation
php.net
-
(angol) PHP: The Right Way
phptherightway.com
-
(angol) Learn PHP Online -
Code School
Kompetenciák
A kurzust teljesítő hallgató az alábbi
kompetenciákkal rendelkezik.
-
Szabványos statikus és dinamikusan generált
weboldalakat készít, illetve ellenőrzi azok
szabványosságát.
Törekszik helyesen strukturált és formázott
weboldalak készítésére.
-
Listák és linkek használatával könnyen
használható és hiba nélkül működő navigációt
megvalósító menüt készít.
-
Az általa írt weboldalak alap struktúráját
(fejléc, lábléc, törzs, oldalsáv, menü)
a szabványnak megfelelően használható
HTML elemekkel alakítja ki.
-
A táblázatokat szabályosan készíti el.
-
Többféle beviteli mezőt tartalmazó
űrlapokat készít, melyben helyesen helyezi
el az elemfeliratokat. Törekszik
akadálymentes űrlapok készítésére.
-
Az általa készített weboldalakba képeket
ágyaz be.
-
A weboldalak formázása során helyesen
használja az elem-, azonosító-, osztály- és
összetett kijelölőket.
-
Weboldalakhoz megfelelő nyomtatási
stíluslapot készít.
-
Űrlap segítségével megvalósítja a felhasználók
regisztrációját. Kiszolgáló oldali
webprogramozással ellenőrzi, hogy a
felhasználó kitöltötte-e az űrlapot,
foglalt-e az ügyfél által igényelt felhasználónév,
illetve azt is, hogy a felhasználó kétszer
ugyanazt a jelszót írta-e be.
-
Megvalósítja a felhasználók bejelentkeztetését,
hibás adatok esetén hibaüzenetet írat ki.
A kizárólag belépett felhasználók által
használható oldalakat csak bejelentkezett
felhasználók számára teszi elérhetővé, a
többi felhasználót a bejelentkezési oldalra
irányítja. Megvalósítja a bejelentkezett
felhasználók menetkövetését és
kijelentkeztetését.
A kurzust elégségesnél nagyobb
osztályzattal teljesítő hallgató továbbá
az osztályzat mértékével arányosan az
alábbi kompetenciák egy részével is
rendelkezik.
-
A weboldal strukturális elemeit pozícionálja,
méretezi, formázza.
-
A weboldalak kialakítása során animációkat,
áttűnést, transzformációkat, pseudo elemeket,
lekerekített sarkokat, árnyékokat, és média
kéréseket használ.
-
A weboldalak programozása során ciklusokat,
GET paraméreket és más programozási
eszközöket használ.
-
Használja a stringműveleteket,
megvalósítja képek feltöltését, a fájlkezelést,
összetett adatok tárolását menetobjektumban,
dátumok kezelését, a kivételkezelést,
illetve a menetkövetést letiltott sütikkel is.
-
Webprogramozás során használja az
objektumorientáltságot, függvényeket,
külön fájlokban levő CSS parancsokat.
-
A kódot logikusan, fájlokba szervezi, és
elkerüli a kód ismétléseket.
A félévközi ellenőrzések (beszámolók, zárthelyik) száma,
témaköre és időpontja, pótlásuk és javításuk lehetősége
-
Korábbi teljesítmények beszámítása
-
Korábbi (előző félévekben kifejtett) gyakorlati
teljesítmény nem vehető figyelembe, ezért az
aktuális félév gyakorlati kötelezettségeinek
teljesítése alól nem mentesít.
-
Gyakorlaton beadandó egy projekt munka.
-
Egy projektet
2 (kivételesen indokolt esetben 1)
hallgató készít.
Kivételesen indokolt eset az, ha páratlan
létszám miatt valakinek nem jut csapattárs.
A hallgatók a csoportokat szabadon
kialakíthatják és beregisztrálhatják a
CooSpace erre kialakított felületén
a szorgalmi időszak 4. hetének pénteki
napjáig, ami után azokat a hallgatókat, akik
nem regisztráltak valamely
csoportban, a 4. hét végéig a
gyakorlatvezető fogja csoportokba osztani
és ugyanazon felületen beregisztrálni.
Ezután csoportot módosítani csak kivételes
esetben, a gyakorlatvezető engedélyével lehet.
-
A projekt két részből áll.
-
Hallgatónként elérhető a projekt mindkét
részében 50 pont, összesen 100 pont.
-
Hallgatónként teljesítendő a projekt mindkét
részében legalább 25 pont, összesen 50 pont.
-
A hallgatók nyilatkoznak a befektetett
munkájuk százalékos eloszlásáról,
a gyakorlatvezetők ennek figyelembe vételével
határozzák meg az egyes hallgatók által kapott
pontszámokat.
-
A projekt követelményeinek közzététele és
a projekt beadása a CooSpace rendszerben
történik.
-
A projektben tilos a gyakorlatvezetők
engedélye nélkül más projektek,
programok, keretrendszerek, eszközök
felhasználása.
-
A projektet minden hallgató beadja.
A 2 fős csoport tagjai által beadott projekteknek
azonosaknak kell lenniük, ezek közül
véletlenszerűen lesz kiválasztva az, amelyik
pontozásra kerül.
-
Az első rész beadási határideje
2021. március 28. vasárnap 23 óra 55 perc.
-
A második rész beadási határideje
2021. április. 18. vasárnap 23 óra 55 perc.
-
A határidő előtt beadott projektre hetente
hallgatónként plusz 1 pont jár, de ez
összességében hallgatónként nem lehet
több 4 pontnál.
-
A határidőig be nem adott projekt javítási
lehetőség nélkül később is beadható, de a
késésért minden megkezdett napra a
projektben résztvevő hallgatónként 3 pont
levonás jár.
-
Mivel a projekt munka a folyamatos évközi
tevékenység eredményeképpen kell létrejöjjön,
pótlás céljából a határidő annyi idővel
hosszabbítható meg, amennyit a hallgató
a projekt készítésében való önhibáján kívüli
akadályoztatásaként igazolni tud (pl. orvosi
igazolással), de ez nem lehet több 2 hétnél.
Az akadályoztatás okát igazoló iratot az
akadályoztatás megszűnése után egy héten belül
le kell adni a gyakorlatvezetőnek.
A hallgató által önként vállalt más jellegű
tevékenységek (pl. munka) nem számítanak
önhibán kívüli akadályoztatásnak.
-
A projekt egyes részeinek javítása egy-egy
alkalommal, a gyakorlatvezető értékelését
követő egy héten belül lehetséges.
A javításokat is a CooSpace-ben kell beadni.
-
Pótlásként a teljes projekt (a két rész együtt)
beadható 2021. április. 25. vasárnap
23 óra 55 percig, további javítási lehetőségek
nélkül, melyben hallgatónként a projekt
egyes részeire külön-külön legfeljebb 25 pont
szerezhető.
-
A beadott projektet az utolsó (2021.05.07-i)
gyakorlaton vagy előadáson a gyakorlatvezető
által meghatározott időpontban (kivételes
esetben egyeztetett időpontban) meg kell védeni.
Védés hiányában a projekt elfogadása és
pontszáma érvénytelen! Egy projekt csak
akkor védhető meg, ha elérte a minimális
pontszámot.
-
A hallgató köteles a projektvédésre az
alábbiaknak megfelelően felkészülni.
A védés során a gyakorlatvezető a hallgató
számára a projekt kötelező részéből és a
hallgató által késztített részéből kérdéseket
tehet fel, illetve ezeknek olyan módosításait
kérheti, melyekhez szükséges ismeretekkel
azok teljes mértékű megértéséhez és
elkészítéséhez a hallgatóknak rendelkeznie
kellett és kell.
Amennyiben a védés során kiderül, hogy
a hallgató a projekt kötelező részét vagy
az általa készített valamely részét nem
teljes mértékben ismeri és érti, ez annak
bizonyítékául szolgál, hogy a hallgató a
projektet alapszinten sem ismeri, illetve az
állítólagosan általa készített részt nem
(teljes egészében) ő készítette, akkor a projektre
0 pontot kap, és csalásnak pótlása/javítása nincs.
A foglalkozásokon való részvétel követelményei
és a távolmaradás pótlásának lehetősége
-
A gyakorlati projekt megvédésének céljából
az utolsó (2021.05.07-i) gyakorlaton vagy
előadáson a gyakorlatvezető által meghatározott
időpontban online módon meg kell jelenni.
A védésről való igazolatlan hiányzás
esetén a gyakorlat (az elért pontszámoktól
függetlenül) nem teljesítettnek minősül.
A hiányzás akkor igazolt, ha azt a
gyakorlatvezető előzetesen engedélyezte,
vagy ha azt a folyamatos hiányzás(oka)t
követő egy héten belül a hallgató megfelelően
igazolja (pl. orvosi igazolással). További
pótlás nem lehetséges.
-
A többi gyakorlaton való részvétel nem kötelező.
A kurzus teljesítésének feltételei
A kurzus teljesítéséhez az alábbi feltételek
mindegyikének teljesülése szükséges.
-
A projekt leírásában megfogalmazott minden
kötelező követelmény teljesítése.
-
A követelményeket kielégítő projekt fentebb
meghatározott feltételek szerinti határidőre
történő leadása, abban hallgatónként legalább
50 pont elérése, és a projekt sikeres megvédése.
Az osztályzat kialakításának módja
-
A projektre kapott pontszám alapján
az osztályzat:
-
50-64 pont: elégséges (2),
-
65-79 pont: közepes (3),
-
80-89 pont: jó (4),
-
90-100 pont: jeles (5).
További tudnivalók
-
A számonkéréseken a hallgató köteles személyazonosságát
igazolni. Amennyiben a diákigazolványban található fénykép
alapján nem azonosítható egyértelmûen, úgy köteles más
érvényes fényképes igazolvánnyal is azonosítani magát.
-
A számonkérések során semmilyen segédlet nem használható.
-
Felhívjuk a tisztelt hallgatók figyelmét a következőkre:
- Kizárólag az u-szeged.hu tartományból
küldött levelekre
garantáljuk a választ, és személyes
információkat (pl. pontszámot) csak a
hallgató
http://www.stud.u-szeged.hu/ címen található
egyetemi levelező rendszerbeli saját címéről küldött
levelére válaszolva, vagy CooSpace üzenetben
adunk ki.
- Levélre, üzenetre csak akkor válaszolunk,
hogyha az tartalmazza a hallgató nevét,
Neptun kódját, pontos szakját (azt is, hogy
nappalis vagy levelezős), és a tárgy pontos
nevét, amivel kapcsolatban megkeres.
Ezen információk hiányában a levél/üzenet
válasz nélkül törlésre kerül!