Szakdolgozat
Total Page：16
File Type：pdf, Size：1020Kb
Szakdolgozat Miskolci Egyetem Multidimenzionális tanszéki oktatási tabló Készítette: Tóth Béla Programtervező informatikus Korszerű web-technológiák Témavezető: Dr. Dudás László egyetemi docens Miskolc, 2016 Miskolci Egyetem Gépészmérnöki és Informatikai Kar Alkalmazott Matematikai Tanszék Szám: Szakdolgozat Feladat Tóth Béla Hallgató (HVQ0DL) programtervező informatikus jelölt részére. A szakdolgozat tárgyköre: Webfejlesztés A szakdolgozat címe: Multidimenzionális tanszéki oktatási tabló A feladat részletezése: WAMP kiszolgáló programcsomag bemutatása. Felhasznált technológiák (AJAX, Microsoft Office Excel makrók), keretrendszer (Boot- strap), komponens (Select2), programkönyvtár (jQuery) áttekintő jellegű ismertetése. A fenti technológiák felhasználásával webalkalmazás létrehozása, melynek célja: Kényelmes áttekinthetőséget nyújtani egy tanszék oktatott tárgyairól, azok tematika- nézetén, oktatói kötődések nézetén és szak, szakirány kötődések nézetén keresztül. Funkciói, szolgáltatásai: • A tanszék oktatott tárgyainak listája. • Egy kiválasztott tárgy tantárgyi lapja. • Egy kiválasztott tárgy megjelenése az elmúlt 3 félév órarendjében. • Egy kiválasztott tárgy oktatójához tartozó további tárgyak megjelenítése. • Egy kiválasztott tárgy kapcsán azon szakok, szakirányok, sávok megjelenítése, amelyeken a tárgyat oktatja a tanszék. Ezen nézetek között kényelmes, egy-két kattintásos átmenetek biztosítása az áttekin- tések könnyű realizálása érdekében. Témavezető: Dr. Dudás László, egyetemi docens A feladat kiadásának ideje: 2016.01.18. A feladat beadásának határideje: 2016.11.18. ................................. szakfelelős 2 Eredetiségi Nyilatkozat Alulírott Tóth Béla Neptun-kód: HVQ0DL a Miskolci Egyetem Gépészmérnöki és Informatikai Karának végzős Programtervező informatikus szakos hallgatója ezennel büntetőjogi és fegyelmi felelősségem tudatában nyilatkozom és aláírásommal igazolom, hogy Multidimenzionális tanszéki oktatási tabló című szakdolgozatom/diplomatervem saját, önálló munkám, az abban hivatkozott szakirodalom felhasználása a forráskezelés szabályai szerint történt. Tudomásul veszem, hogy szakdolgozat esetén plágiumnak számít: • szószerinti idézet közlése idézőjel és hivatkozás megjelölése nélkül; • tartalmi idézet hivatkozás megjelölése nélkül; • más publikált gondolatainak saját gondolatként való feltüntetése. Alulírott kijelentem, hogy a plágium fogalmát megismertem, és tudomásul veszem, hogy plágium esetén szakdolgozatom visszautasításra kerül. Miskolc, 2016.11.18. ................................. Hallgató 3 1. szükséges (módosítás külön lapon) A szakdolgozat feladat módosítása nem szükséges ...................... ........................... dátum témavezető(k) 2. A feladat kidolgozását ellenőriztem: témavezető (dátum, aláírás): konzulens (dátum, aláírás): .............. ............. .............. ............. .............. ............. 3. A szakdolgozat beadható: ...................... ........................... dátum témavezető(k) 4. A szakdolgozat . szövegoldalt . program protokollt (listát, felhasználói leírást) . elektronikus adathordozót (részletezve) ................... egyéb mellékletet (részletezve) ................... tartalmaz. ...................... ........................... dátum témavezető(k) 5. bocsátható A szakdolgozat bírálatra nem bocsátható A bíráló neve: . ...................... ........................... dátum szakfelelős 6. A szakdolgozat osztályzata a témavezető javaslata: ................ a bíráló javaslata: ................ a szakdolgozat végleges eredménye: . Miskolc, . ................................. a Záróvizsga Bizottság Elnöke 4 Tartalomjegyzék 1. Bevezetés 7 1.1. Feladatbemutatás . 7 1.2. Hasonló rendszerek felkutatása . 8 1.2.1. Miskolci Egyetem . 8 1.2.2. University of Bedfordshire . 9 1.2.3. University of Dundee . 9 1.2.4. Harvard University . 10 1.3. Saját modell és programterv . 11 1.3.1. Folyamatábra . 11 1.3.2. EER modell . 12 2. Felhasznált eszközrendszer ismertetése 13 2.1. Visual Basic . 13 2.2. WampServer környezet . 15 2.3. A webalkalmazás felülete . 19 2.3.1. HTML . 19 2.3.2. CSS . 20 2.3.3. Bootstrap . 20 2.4. JavaScript . 21 2.4.1. jQuery . 21 2.4.2. Select2 . 21 2.5. Egyéb fejlesztést segítő eszközök . 22 2.5.1. NetBeans . 22 2.5.2. GIMP . 23 3. Megvalósítás 25 3.1. Adatok kinyerése . 25 3.2. Adatok feldolgozása . 27 3.2.1. Feltöltése a szerverre . 27 3.2.2. Adatbázis táblák létrehozása az Excelből exportált adatokkal . 27 3.2.3. Adatok lekérdezése az alkalmazás számára . 29 3.3. Webalkalmazás fejlesztése . 30 3.3.1. A webalkalmazás szerkezetének kialakítása . 30 3.3.2. Nézetek . 32 4. Felhasználói dokumentáció 37 4.1. Felhasználói üzemmódok . 37 4.1.1. KI . 37 4.1.2. MIT . 39 5 4.1.3. MIKOR . 40 4.1.4. KINEK . 41 4.1.5. HOL . 42 4.2. Admin üzemmód . 43 5. Összefoglalás 44 6. Köszönetnyilvánítás 46 Irodalomjegyzék 47 Adathordozó használati útmutató 51 6 1. fejezet Bevezetés 1.1. Feladatbemutatás Az intézmények alapvető feladata és kötelessége a nyilvántartás. Nyilván kell min- dent amire igény merülhet fel, az ott dolgozó embereket, feladataikat, munkaköreiket és a további szükséges adatokat. Ez rendkívül időigényes és összetett feladat. Régen ez papír alapon zajlott és több ember munkafeladata volt. Nehézséget jelentett a nagy mennyiségű iratanyag archiválása, raktározása, kezelése is. A számítógépek megjelenésével mindez megváltozott. Hatalmas fejlődésen ment ke- resztül a dokumentálás folyamata. A számítógép alkalmas arra, hogy szinte korlátlan mennyiségű adatot raktározzon, kezeljen. Az első időkben az adatbázisok csak lokálisan voltak elérhetőek. Az Internet feltalálása és elterjedése azonban további lehetőségeket nyitott meg az adatok kezelésében. A 90-es években végrehajtott informatikai infrastruktúra fejlesztéseknek köszönhe- tően az oktatási intézmények adminisztrációja is komplex átalakuláson ment keresztül, így a felsőoktatásé is. A szakokon belüli hallgatói csoportok számának váltakozásával, és a különböző szakirányok megjelenése miatt sokszor merülnek fel olyan kérdések az oktatókban mint a „Melyik csoportnak is tartom a holnap 8-kor kezdődő gyakorlatot?”. Ezt a problémát vázolta fel, egyik beszélgetésünk során témavezetőm, Dr. Dudás László, egyetemi docens. Felajánlotta ezt a témát kidolgozásra, így lett a szakdolgoza- tom témája egy webalapú multidimenzionális tanszéki oktatási tabló létrehozása. A témaválasztást követően konzultációk következtek, melyeken pontosítottuk a kö- vetelményeket a létrehozandó rendszerrel szemben. Témavezetőm biztosította számomra azokat az adatokat, információkat melyek az elinduláshoz nélkülözhetetlenek voltak. 7 1.2. Hasonló rendszerek felkutatása Fejlesztésem a hasonló rendszerek felkutatásával kezdődött. A különböző egyetemek órabeosztási rendszerét vizsgálva arra voltam kíváncsi, mit lát az odalátogató hallgató vagy az oktató, milyen szűrési lehetőséget biztosítanak, hány szemesztert mutatnak, milyen nézetek vannak az adott rendszeren belül. A vizsgált rendszereket összevetettem a témám követelményeivel, így született meg a saját elképzelésem. 1.2.1. Miskolci Egyetem Első körben a Miskolci Egyetem központi órarend megtekintő rendszerét (1.1. ábra) vizsgáltam. 1.1. ábra. A Miskolci Egyetem központi órarend megtekintő rendszere [1] A weblap csoportkereső funkciója főként a hallgatók számára készült. Itt, az idelá- togató hallgatók ki tudják keresni a saját karukon belül a csoportjukat, így láthatják az órarendjüket. Az előadótermek kihasználtsági funkciója viszont sokkal inkább az okta- tókat segíti, például teremfoglalás esetén. Azonban az oktatói órarendek megtekintése nem megoldott, jellemzője továbbá még az is, hogy csak az aktuális félévet mutatja. 8 1.2.2. University of Bedfordshire Következő találatom az angliai Univerity of Bedfordshire órarend megtekintője (1.2. ábra). 1.2. ábra. A University of Bedfordshire időbeosztási rendszerének staff nézete [2] Itt már található oktató nézet, de megnehezíti a használatát, hogy miután a sze- mesztert, vagy az adott kart kiválasztottam, nem szűri ki a releváns oktatókat, ezért az ide látogató a nagy név adatbázis miatt nem biztos, hogy a megfelelő egyént találja meg. 1.2.3. University of Dundee A Skóciában található University of Dundee rendszere (1.3. ábra) az oktató ID-je alapján keres, ami csak az egyetem hallgatói és oktatói számára elérhető. 1.3. ábra. A University of Dundee időbeosztási rendszerének staff nézete [3] 9 1.2.4. Harvard University Az Amerikai Egyesült Államokban található Harvard University keresője (1.4. ábra) jól használható külső érdeklődő számára is. 1.4. ábra. A Harvard egyetem órakeresője [4] Kilistázhatom az egész szemeszter óráit, az adott intézményen belül, továbbá van lehetőség kulcsszavas keresésre, ahol megadhatom az engem érdeklő oktató nevét. A keresés eredményéből megtudhatom, hogy egy oktató mikor, hol és milyen órát tart. 10 1.3. Saját modell és programterv 1.3.1. Folyamatábra A weblap adatbázisa létrehozásának és a weblap használatának fő adatáramlási folyamatai az 1.5 ábrán követhetők. 1.5. ábra. Az alkalmazás folyamatábrája 11 1.3.2. EER modell Az oktatási tabló phpMyAdmin rendszerben szerkesztett összetevő-kapcsolat (en- hanced entity-relationship, EER) modelljét az 1.6 ábrán adtam meg. 1.6. ábra. Az alkalmazás adatbázisának EER Modellje 12 2. fejezet Felhasznált eszközrendszer ismertetése Az Alkalmazott Informatikai Intézeti Tanszék órarendjei Microsoft Excel munka- füzetekben érhetőek el a tanszék honlapján, melyeket bárki letölthet és megnyithat. Ezen dokumentumok megnyitása és rövid elemzése után az a kérdés fogalmazódott