1. beadandó: ASP.NET alapú webalkalmazás. Közös követelmények:

Átírás

1 1. beadandó: ASP.NET alapú webalkalmazás Közös követelmények: A weblapot kétrétegű (modell/nézet), vagy MVC architektúrában kell felépíteni. Előbbi esetben a modell nem tartalmazhat semmilyen felületi osztályra történő hivatkozást, csak eseményeket küldhet a nézetnek. Utóbbi esetben követni kell az ASP.NET MVC Framework által biztosított lehetőségeket és felépítést. Az adatelérési rétegnek az adatbázissal direkt SQL utasításokkal, vagy Entity Framework segítségével kell kapcsolatot tartania. A programhoz létre kell hozni a megfelelő adatbázist, amelyet a leírtak mentén kell megvalósítani. Az adatbázisban kellő számú mintaadatnak kell lennie a megfelelő teszteléshez (nagyságrendileg adat minden táblában). Az egyes adatokhoz tartozó képi anyagokat is az adatbázisban kell tárolni (a felülethez használt grafikákat nem). Amennyiben a feladat nem írja elő, az adatok feltöltését nem kell a weblapban megvalósítani. Az adatok bevitelénél törekedni a felhasználóbarát, egyszerű, hibamenetes megoldásokra. Ahol lehetséges, biztosítsuk a kiválasztási lehetőséget, adatbevitelnél ellenőrizni kell az adatok helyességét (pl. a személyi igazolvány szám hat számból és két betűből áll, a jelszó legalább 6 hosszú legyen és tartalmazzon betűt és számot is). Ügyelni kell a weblapok biztonságára is, például az SQL injekcióra, a kártékony fájlok feltöltésére, illetve (adott feladatoknál) a bejelentkezés nélküli illetéktelen adatlekérdezésekre. A jelszavakat tároljuk kódolva az adatbázisban. A dokumentációnak tartalmaznia kell a feladat elemzését, felhasználói eseteit (UML felhasználói esetek diagrammal), a program szerkezetének leírását (UML osztálydiagrammal), valamint az adatbázis felépítésének leírását (egyedkapcsolati diagrammal). Feladatok: 1. Mozi Készítsünk el egy multiplex mozi weboldalát, amely lehetőséget ad mozijegyek foglalására adott előadásokra. A weblapnak támogatnia kell az alábbi funkciókat: A weblap főoldalán megjelennek a legfrissebb filmcímek plakáttal, valamint a szinopszis elejével. Külön ki kell emelni az eheti premiereket. Ezen felül a nyitóoldalon láthatjuk a műsort napi bontásban (film szerint) egy hétre vonatkozóan. Filmre kattintva megtekinthetjük a részletes adatokat (rendező, író, szerepelők, szinopszis, év, ország, nyelv, besorolás), valamint láthatjuk 1

2 idősorrendben a jövőbeli vetítési időpontokat (terem megjelölésével). Itt lehetőségünk van helyet foglalni, továbbá poszterre kattintva letölthetjük azt teljes méretben. A filmeket egy külön menüpont alatt is megtekinthetjük, ahol bemutató dátuma szerint csökkenő sorrendben láthatjuk őket, és szűrhetjük a listát bemutató megadott időpontra, illetve kereshetünk cím(részlet) alapján. Egyszerre legfeljebb 6 filmet jelenít meg az oldal, és lapozással léphetünk tovább. A műsor táblázatos formában jelenik meg napokra vonatkozóan, ahol a sorok a filmeket, az oszlopok pedig a termeket jelölik, benne pedig megjelennek az időpontok. Az időpontok közül aktívak a jövőbeliek, és itt az időpontra kattintással tudunk helyet foglalni. Helyfoglalást csak úgy végezhetünk, ha regisztráltunk az oldalra, és ott megadtuk felhasználónevünket, jelszavunkat, nevünket és címünket. A foglalásnál sor és székszám megadásával tudunk helyet foglalni, maximum 6- ot egyszerre. Ez történhet beviteli mezők, vagy egy megjelenített alaprajz segítségével. A lap ellenőrizze a terem adatai alapján, hogy érvényes-e a hely, illetve még szabad-e. Legyen lehetőség a kijelentkezésre, valamint annak eltárolására, hogy legközelebb ne kelljen újra bejelentkezni. filmek (cím, származás, szinkron <felirat, szöveg>, rendező, szinopszis, hossz, poszter); termek (név, sorok száma oszlopok száma); előadások (film, kezdő időpont, terem); helyek (előadás, terem, sor, oszlop, státusz <foglalt, kiadott>); vásárlók (felhasználónév, jelszó, cím, név, cím). 2. Ételrendelés Készítsük el egy étel-futár vállalat honlapját, amely lehetőséget ad ételek és italok rendelésére. A weblapnak támogatnia kell az alábbi funkciókat: A weblap főoldalán három menüpont alatt láthatjuk a termékeket, pizzák, egyéb ételek, és italok. Mindegyik menüpontra kattintva listázhatjuk az ott felsoroltakat, név, ár és egy kép kíséretében, amely listát rendezhetünk név/ár szerint (növekvő/csökkenő), valamint kereshetünk név(töredék) szerint. Ételek esetén leírás is van, amely pizzáknál a feltéteket ismerteti. Külön meg vannak jelölve a csípős, illetve hagymát tartalmazó ételek. Pizzák esetén a kész pizza összeállítások mellett legyen lehetőség egyedi pizza készítésére, ekkor kiválaszthatjuk a méretet, az alapot, valamint tetszőlegesen válogathatunk a feltétek közül. Alap esetén legalább három, feltét esetén 2

3 legalább 20 különbözőből lehessen választani. Az alap ára a mérettől függ, míg a feltéteknek egyenként van ára. A weblapra a felhasználó regisztrálhat felhasználónév, cím, jelszó, teljes név és szállítási cím megadásával. Címnél csak Budapesti címek elfogadottak, ekkor a kerületet is meg kell adnunk. Regisztráció után bejelentkezhetünk, ekkor elérhetővé válik a megrendelés minden terméknél, illetve a rendelés áttekintése. A házhozszállításnak díja van, amely a különböző kerületekbe más összeget jelent, ezt szintén számoljuk hozzá az árhoz. Legyen lehetőség a kijelentkezésre, valamint a bejelentkezés eltárolására, hogy legközelebb ne kelljen újra bejelentkezni. A rendelések alatt lássuk, milyen termékeket rendeltünk meg, azok összárát, legyen lehetőség termék törlésére, és a rendelés véglegesítésére. Legyen lehetőség az eddigi összes rendelésünk megtekintésére. vásárlók (felhasználónév, jelszó, cím, név, cím); termékek (név, leírás, ár, csípős-e, hagymás-e); pizza feltétek (leírás, ár); rendelések (felhasználónév, termékek és pizza összeállítások). 3. Banki honlap Készítsük el egy bank ügyféloldali számlakezelő honlapját az alábbi funkciókkal: A főoldalon lehetőségünk van bejelentkezésre, az aktuális hírek, valamint a valutaárfolyamok megtekintésére. Bejelentkezéskor meg kell adnunk a felhasználónevünket, jelszavunkat, számlaszámunkat (ha több van, akkor a legelsőt), valamint ellenőrző PIN kódunkat. Ezen felül a felhasználó választhat biztonságos üzemmódot is, ekkor minden tényleges művelet (pl. számlatörténet lekérdezés, átutalás) előtt a weblap ismét bekéri a felhasználó jelszavát. Sikeres bejelentkezés esetén lehetőségünk nyílik megtekinteni a számláink egyenlegeit (egy ügyfélhez legalább akár, de tetszőlegesen sok számla tartozhat), történetét, bankon belüli, illetve kívüli átutalást végezni, jelszavat, illetve levelezési címet módosítani, valamint kijelentkezni. A számlatörténethez ki kell választanunk számlánkat, valamint megadni a lekérdezés intervallumát. A mai napnál későbbi, illetve 5 hónapnál korábbi dátum nem adható meg, továbbá egyszerre legfeljebb 30 nap adatait kaphatjuk meg. Bankon belüli átutaláskor meg kell adnunk a cél nevét, számlaszámát, valamint az összeget. A weblap ellenőrzi, hogy a cél adatok megfelelőek-e, illetve a számlaegyenlegünk megfelelő-e az átutaláshoz. Az átutalásnak van 3

4 költsége, amely szintén levonódik az egyenlegből. Ez 2%-a az összegnek, de egy hónapban az első két átutalás ingyenes. Bankon kívüli átutalás lehet forint, valamint deviza alapú, és ezeknél nem ellenőrizzük a célszámlát (ha hibás, akkor úgyis visszautalják az összeget). Utóbbi esetben megadhatjuk a céldevizát és az összeget, ekkor az aznapi (vagy a legutolsó megadott) deviza-árfolyam alapján kerül kiszámításra a levonandó összeg. Forint átutalásnál 4%, deviza átutalásnál fix 2000 Ft és azon felül 2% a költség. Az átutalásoknál legyen lehetőség egy újabb képernyőn ellenőrizni az adatokat a véglegesítés előtt. Az összes átutalási módszer csak banki órában érhető el (hétköznap reggel 8 órától este 8 óráig). felhasználók (felhasználónév, jelszó, PIN kód, levelezési cím); számlák (felhasználó, számlaszám, létrehozás dátuma); tranzakciók (forrás számlaszám, cél számlaszám, cél neve, dátum, összeg); valutaárfolyamok (valuta, árfolyam, dátum). 4. Elektronikai webáruház Készítsük el egy elektronikus termékekkel foglalkozó cég honlapját az alábbi funkciókkal: A főoldalon kategóriánként legyenek láthatóak az egyes termékek, amelyeken belül további alkategóriák vannak (pl. szórakoztató elektronika, azon belül televízió, blu-ray lejátszó,...), amelyeket kiválasztva listázódnak a különböző termékek. Egy oldalon legfeljebb 6 termék jelenjen meg, utána lapozással lehet a többit elérni. A listát lehetőség van rendezni gyártó, illetve ár szerint (növekvő/csökkenő). A termékek képpel, gyártóval, modellszám, rövid leírással, valamint nettó/bruttó árral rendelkeznek. A termékre kattintva megtekinthetjük azt külön oldalon, a teljes specifikációval, és több képpel. A képekre kattintva megtekinthetjük azt teljes felbontásban is. A weblapra a felhasználó regisztrálhat cím, jelszó, teljes név és cím megadásával. Regisztráció után bejelentkezhetünk cím és jelszó megadásával, ekkor elérhetővé válik a megrendelés minden terméknél, illetve a bevásárlókosár menüpont. Legyen lehetőség a kijelentkezésre, valamint a bejelentkezés eltárolására, hogy legközelebb ne kelljen újra bejelentkezni. A kosár tartalmában látható az aktuális rendelés, valamint az összesített nettó/bruttó ár. Itt megadhatjuk, hogy milyen módon fizetjük a terméket (átutalás, bankkártya, készpénz), valamint milyen módon vesszük át a terméket (bolti átvétel, vagy futár, utóbbi esetben bizonyos összár alatt 4

5 futárdíjat kell számolni). Legyen lehetőség cikk törlésére is a véglegesítés előtt. vásárlók ( cím, jelszó, név, cím); kategóriák (azonosító, név, főkategória (csak alkategóriák esetén)); termékek (modellszám, gyártó, rövid leírás, teljes leírás, nettó ár); termék képek (modellszám, kis kép, nagy kép). 5. Járműkölcsönzés Készítsük el egy járműkölcsönző cég honlapját az alábbi funkciókkal: A főoldalon láthatjuk a cégleírás és kapcsolati adatok mellett a foglalási felületet, ahol megadhatjuk a felvétel helyszínét (ország/város), időpontját (dátum és idő), valamint a leadás helyszínét és időpontját, a járműkategóriát (személyautó, haszongépjármű, ), illetve opcionálisan megadhatunk kedvezményes kuponkódot. A keresésre az oldal megjeleníti az adott helyen és időpontban elérhető gépjárműveket, ahol láthatjuk a gyártót, típust, ülések száma, ajtók számát, valamint az extrákat (légkondicionált, ABS, ) képpel együtt, valamint a kalkulált árat. A lista ár szerint rendezett, de lehetőségünk van szűrni gyártóra és típusra. A járművet kiválasztva elolvashatjuk a bérleti feltételeket, majd ezt követően további szolgáltatásokat adhatunk hozzá (pl. gyerekülés, hólánc, kiegészítő biztosítás), amelyeknek napi ára van. Ezek közül kiválasztva megkapjuk a kölcsönzés teljes árát, amelyet véglegesíthetünk. Véglegesítés után ki kell töltenünk a bérlő adatait (név, cím, útlevél, vagy személyi igazolvány szám, vezetői engedély szám, kategória, érvényességi idő). A weblap természetesen figyelmeztet, amennyiben a kategória nem megfelelő, vagy az érvényességi idő lejár a kölcsönzés előtt, stb. Ha minden ki lett töltve, akkor elküldhetjük a rendelést. Lehetőségünk van az adatok elmentésére is, ekkor a következő kölcsönzéskor az adatok automatikusan kitöltődnek. A rendelés beérkezésével a rendszer automatikusan frissíti a jármű elérhetőségét (feltételezhetjük, hogy a bérlő a megadott telepre időben leszállítja a járművet). telephelyek (azonosító, cím); gépjárművek (gyártó, típus, kategória, ülések száma, ajtók száma, extrák, kép, napi kölcsönzési díj); 5

6 elérhetőségek (gépjármű, telephely, elérhetőség kezdete, vége); kölcsönzések (gépjármű, felvétel helye, időpontja, leadás helye időpontja); szolgáltatások (név, leírás, ár). 6. Fotógaléria Készítsünk egy honlapot, amellyel egy fotógalériát tudunk kezelni, az alábbi funkciókkal: A felhasználó regisztrálhat a honlapra a felhasználónév, jelszó, cím, illetve profilkép megadásával. Regisztráció bejelentkezhet az oldalra, ekkor lehetősége van képek feltöltésére, képek értékelésére, valamint kijelentkezésre. Legyen lehetőség a bejelentkezés eltárolására, hogy legközelebb ne kelljen újra bejelentkezni. Kép feltöltésekor megadhatunk egy képaláírást, valamint besorolhatjuk valamilyen témakör egyikébe. Minden képre nyilvántartja a honlap a megtekintések számát, valamint a felhasználók által adott pontszámok átlagát. Ezen felül minden kép három méretben van eltárolva: kicsi, közepes, valamint teljes méret. A felhasználó egy listában láthatja a saját képeit (kicsinyített kép, dátum, megtekintések száma, pontszám), ahol egyre kattintva a részleteit is megtekintheti (kicsi helyett közepes kép, leírással kiegészítve), majd tovább kattintva letöltheti a teljes képet. Egyszerre legfeljebb öt kép jelenik meg, utána lapoznunk kell az oldalt. A honlap főoldalán látható az öt legjobban kedvelt kép (felhasználó, időpont és pontszám mellett) kicsinyített méretben, továbbá lehetőségünk van kategóriánként böngészni a képeket, ekkor azok pontszám szerint csökkenő sorrendben jelennek meg, de lehetőségünk van felhasználónévre, vagy leírás(részlet)re szűrni a listát. Egyszerre legfeljebb öt kép jelenik meg, utána lapoznunk kell az oldalt. Minden kép utána megnyitható részletekre, majd teljes képre. A teljes kép letöltését a honlap csak akkor engedélyezze, ha a felhasználó be van jelentkezve, és ekkor számolja a megtekintést is. Továbbá, ha a felhasználó nem a saját képét tekinti meg, akkor a részletek nézeten pontozhatja azt 1-5 között. A felhasználó egy képet csak egyszer pontozhat, de a későbbiekben bármikor módosíthatja azt. felhasználók (felhasználónév, jelszó, , profilkép); képek (felhasználónév, dátum, leírás, kis méret, közepes méret, nagy méret, megtekintések száma); értékelések (felhasználónév, kép, értékelés). 6

7 7. Közösségi portál Készítsünk egy egyszerű közösségi portált, amely az alábbi funkciókkal rendelkezik: A felhasználók regisztrálhatnak név, cím, jelszó, nem, kapcsolati állapot és profilkép megadásával, majd bejelentkezhetnek az oldalra. A belépést követően láthatóvá válik a hírfolyam, ami az ismerőseink időrendi sorban kiírt üzeneteit tartalmazza, ahol nekünk is lehetőségünk van új üzenetet kiírni. Minden üzenetnél látható a név, a profilkép kicsinyítve, valamint a kiírás ideje. Az üzeneteket lehetőségünk van lájkolni (egy felhasználó egy üzenetet csak egyszer), az üzenetnél így az is látszik, kik lájkolták eddig. Ezen felül az üzenetekhez lehetőségünk van további hozzászólásokat írni (ezeket már nem lehet lájkolni). Az oldalon lehetőségünk van ismerős keresésére név alapján, majd bejelölhetjük őt. A bejelölt felhasználónak előbb vissza kell igazolnia, hogy ismer minket, csak azután lehetünk ismerősök. A holnapon megnézhetjük a profilunkat is, ahol listázva vannak az ismerőseink is (képpel, névvel és ismeretség-kötés dátumával), illetve lehetőségünk van a profilunk szerkesztésére is (a felhasználónév kivételével). Ezen felül bármely ismerősünk profilját is megtekinthetjük, de azt már nem szerkeszthetjük, illetve az ő ismerőseinek már nem nyithatjuk meg a profiloldalát. felhasználók (felhasználónév, jelszó, , nem, kapcsolati állapot, profilkép); ismeretségek (felhasználónév, felhasználónév, dátum); üzenetek (felhasználó, szöveg, időpont); kommentárok (üzenet, felhasználó, szöveg, időpont); lájkolások (felhasználó, üzenet). 8. Fájlmegosztó honlap Készítsünk olyan honlapot, amelyben a felhasználók fájlokat oszthatnak meg egymással az alábbi funkciók szerint: A felhasználók regisztrálhatnak felhasználónév, cím, és jelszó megadásával. A regisztráció kezdetben nem éles, előbb azt egy adminisztrátornak élesítenie kell. Bejelentkezés után listázódnak a tartalmak, amit a felhasználó láthat időrend szerint a legfrissebbektől indulva. Egy tartalomnál láthatjuk a fájlnevet, leírást, ikont (fájltípus függően), valamint a feltöltő nevét, illetve a feltöltés 7

8 idejét. Lehetőségünk van a tartalmat megköszönni, ekkor a köszönetet mondók neve is látható a tartalomnál, továbbá letölthetjük a tartalmat. Egy oldalon legfeljebb 20 tartalom jelenik meg, a továbbiakért lapozni kell. A tartalom között lehetőségünk van keresni fájlnév(töredék) és leírás(részlet) alapján. Minden felhasználó kereshet barátokra felhasználónév alapján. A barát megjelölése után a másik felhasználó értesítést kap, hogy bejelölték, és ekkor visszaigazolhatja, vagy elutasíthatja a kérést. A felhasználó külön oldalon megtekintheti barátai listáját, amelyből bárkit kitörölhet (ekkor természetesen a barátság a másik felhasználónál is megszűnik), illetve a barátot kiválasztva csak az ő feltöltései jelennek meg. Lehetőségünk van új fájlt feltölteni a leírás megadásával. A fájltípus a kiterjesztés alapján automatikusan kiválasztódik, de csak az adatbázis szerint megengedett kiterjesztésű fájlok tölthetőek fel. A feltöltésnél megadhatjuk, hogy a tartalom publikus, baráti, vagy privát láthatóságú legyen. A publikus tartalmat mindenki láthatja, a baráti tartalmat csak a barátaink, míg a privát tartalmat csak mi látjuk és tölthetjük le. A felhasználó áttekintheti eddigi feltöltéseit, és bármelyiket kitörölheti belőlük. felhasználók (felhasználónév, jelszó, ); barátságok (felhasználónév, felhasználónév); feltöltések (felhasználónév, fájlnév, leírás, dátum, tartalom, láthatóság); köszönetek (felhasználónév, tartalom). 9. Hírportál Készítsünk egy hírportált, amely az alábbi funkciókkal rendelkezik: A főoldalon megtekinthetjük a híreket, kategória (pl. belföld, közlekedés, ) szerint mindből a legfrissebb ötöt (cím, idő, valamint tartalom), majd a kategóriát választva az összes hírt megjeleníthetjük a legfrissebbtől kezdve. Egy oldalon csak 20 hír jelenjen meg, az oldalak között lapozhatunk. Ezen a felül a főoldal tetején, kategóriától függetlenül látható a vezető hír, amelyhez a kép is megjelenik. A hírek között lehet keresni, az összesre, illetve kategóriánként cím(részlet), kulcsszó, illetve tartalom(tészlet) alapján. A hírre kattintva megtekinthetjük a teljes szöveget, illetve a képet is, ha tartozik hozzá, továbbá a szerző nevét. Ezen felül a hírre megjelennek a hozzárendelt kulcsszavak is. A kulcsszóra kattintva kilistázódnak azok a hírek (kategóriától függetlenül), amelyek szintén rendelkeznek a megadott kulcsszóval. 8

9 A hírportálba a z újságírók beléphetnek a felhasználónév és a jelszó megadásával, ekkor lehetőségük van új hír felvételére. Ekkor meg kell adnia a címet, a kategóriát, tartalmat, a szöveget, valamint a kulcsszavakat (maximum ötöt). Opcionálisan feltölthető egy kép is a cikkhez, amelyet a weblap automatikusan átméretez, amennyiben túl nagy lenne, vagy figyelmeztet, ha túl kicsi. A hír bejelölhető vezető hírnek is, amely így rögtön a címlap tetejére kerül, de csak akkor, ha a cikkhez fel lett töltve kép is. újságírók (felhasználónév, jelszó, teljes név); kategóriák (azonosító, név); cikkek (felhasználónév, cím, tartalom, szöveg, dátum, kép, vezető hír-e); kulcsszavak (cikk, kulcsszó). 10. Blog Készítsünk egy blogkezelő honlapot, amelyen a felhasználók saját blogokat vezethetnek. A weblap rendelkezzen az alábbi funkciókkal: A főoldalon listázódnak a blogok (név, létrehozó, utolsó bejegyzés dátuma, utolsó 3 bejegyezés címe), a szerint, mikor frissítették utoljára, valamint lehetőség van keresésre blog létrehozója, illetve a bejegyzés cím(részlet)ére, továbbá szűkíthetjük találatokat dátum intervallum alapján. Egy oldalon maximum 5 blog szerepelhet, utána lapozni kell. A blogot kiválasztva egymás alatt megjelennek az írások (első kb. 500 karaktere úgy, hogy egész mondatok szerepeljenek) a létrehozás dátuma szerint, egy oldalon maximum 5 bejegyzés jelenik meg, utána lapozni kell. A címre kattintva megjelenik a teljes blogbejegyzés, a képpel együtt (ha van), valamint, hogy kiknek tetszett a bejegyzés. A felhasználóknak először regisztrálniuk kell a felhasználónév, jelszó, cím, profilkép, valamint blog címe megadásával, ezután bejelentkezhetnek. Bejelentkezve megkapják a saját blogjukat, ahol lehetőségük van új bejegyzés létrehozására, korábbi írás módosítására/törlésére, valamint kijelentkezésre. Legyen lehetőség a bejelentkezés eltárolására, hogy legközelebb ne kelljen újra bejelentkezni. Íráskor meg kell adniuk a címet, a szöveget, valamint mellékelhetnek egy képet, amely automatikusan kicsinyítésre kerül, ha túl nagy az oldal szerkezetének. A felhasználók lájkolhatják mások bejegyzéseit. Egy felhasználó egy bejegyzést maximum egyszer. felhasználók (felhasználónév, jelszó, , profilkép, blog címe); 9

10 bejegyzések (felhasználónév, bejegyzés címe, bejegyzés szövege, kép). lájkolások (felhasználónév, bejegyzés). 10