A WEB programozása - Bevezetés őszi félév Dr. Gál Tibor
|
|
- Ödön Mészáros
- 8 évvel ezelőtt
- Látták:
Átírás
1 A WEB Programozása Dr. Gál Tibor Automatizálási és Alkalmazott Informatikai Tanszék Általános információ Kommunikáció az előadóval Iroda: V2. épület, IV. emelet 454. szoba Tel: Honlap: Webforum: Jegyzet Gál Tibor: WEBPROGRAMOZÁS Műegyetemi Kiadó, 2004 (55062) Segédanyag a könyvhöz Kivetített anyag Letölthető a tantárgy honlapjáról Név: A tárgyat felvett hallgató Neptun kódja Jelszó: A tárgyat felvett hallgató Neptun kódja Előadás módja Elméleti anyag kivetítése Alátámasztás példákkal Általános információ Kiemelt fontosságú részek esetén ÍRÁS A TÁBLÁRA Követelmények Félévközi: egy zárthelyi Félévvégi: vizsga 1 ügyfél és 1 kiszolgáló oldali program minden írott és nyomtatott anyag használható gépen lévő online dokumentáció Néhány vizsgapélda bemutatása Általános információ Tananyag Dokumentációs nyelvek A HTML dokumentációs nyelv Kaszkád stíluslapok (CSS) Az XML Egyéb XML technológiák Névterek XSLT DOM SVG Ügyfél oldali programozás A mag JavaScript JavaScript a böngészőben (Java appletek a böngészőben) Kiszolgáló oldali programozás A CGI programozás Szervletek JavaServer Pages (JSP) (ASP alapú programozás?) 1
2 Mi a WEB? BEVEZETÉS Kialakulása A WEB-dokumentumok fajtái Mi a WEB? Az egész világra kiterjedő elosztott információs hálózat. Min alapszik? Az információforrások megkülönböztethetősége (URI) Az erőforrásokhoz való hozzáférést biztosító protokollok (HTTP, ) Hipertext kapcsolat az erőforrások közti könnyű navigáláshoz Lényegében azt teszi mint elterjedése kezdetén: INFORMÁCIÓÁTVITELT bonyolít le De ahogy ma teszi, abban LÉNYEGES KÜLÖNBSÉG S ennek eszköze a WEBprogramozásban van Info korszak megjegyzések Oxford English Dictionary (126 év nyomtatás, 2010-től kizárólag csak az Interneten lesz elérhető) Adóbevallás az Interneten, Neptun, stb. A dokumentumok fajtái Statikus dokumentum 1 Kiszolgáló szemszögéből statikus dokumentum/statikus tartalom dinamikus dokumentum/dinamikus tartalom Ügyfél szemszögéből végleges megjelenésű dokumentum/tartalom változó megjelenésű dokumentum/tartalom Dokumentum előre elkészítve és tárolva HTML formában. Készítés: manuálisan, dokumentum generátorral, konverterrel, stb Példa: vizsga (bev1/web_dokumentumok/html/vizsga.html) Figyelem: a lokális linkek ( ) a pdf fájlokban nem működnek!!! 2
3 Statikus dokumentum 2 Statikus dokumentum 3 Dokumentum előre elkészítve és tárolva HTML és CSS formában. Elkészítés: manuálisan, dokumentum generátorral, konverterrel, stb. Példa: index1.html (bev1/web_dokumentumok/html_css/css/01.html) Dokumentum előre elkészítve és tárolva XML, XSLT alakban. Elkészítés: manuálisan, dokumentum generátorral, konverterrel, stb. Példák: mechanika (bev1/web_dokumentumok/xml_xsl/mechanika.xml) mechanika3 (bev1/web_dokumentumok/xml_xsl/mechanika3.xml) Dinamikus dokumentum A dokumentumot egy program állítja elő a legkülönbözőbb erőforrások aktuális (a kiszolgálóhoz fordulás időpontjában fennálló) tartalma alapján. Példák: fizetesek, értékelés. (Csak aktív Tomcat kiszolgáló esetén hajtódik végre.) Végleges/változó megjelenésű dokumentum A letöltött (akár statikus akár dinamikus) dokumentum formája nem változik az ügyfél böngészőjében A letöltött (akár statikus akár dinamikus) dokumentum formáját a dokumentumba beékelt program az idő és/vagy a felhasználói beavatkozás függvényében változtatja (élő/live dokumentum) Példák: tábla rendezés(bev1/web_dokumentumok/tablademo/tablarendezes.html) drag and drop (bev1/web_dokumentumok/drag_and_drop/index.html) József Attila (bev1/web_dokumentumok/jozsefattila/index.html) memória (bev1/web_dokumentumok/memoria/index.htm) sokféle webforum ( svg bev1\web_dokumentumok\dinamikus\svg\1.bat 3
4 WEBprogramozási technológiák Ügyféloldali JavaScript, Applet, VBScript, Kiszolgálóoldali CGI, Java Servlet, JavaServer Pages, JavaServer Faces, ASP, PHP, De a dokumentációs nyelvek is szükségek! HTML, CSS, XHTML, XML, SXLT, DOM, SVG, XPath, A fejlődés trendje Amit csak lehet, a tipikus feladatokat a kiszolgáló végezze el a kiszolgáló oldali program helyett! 1. példa: Ügyfél nevének bekérése, majd válaszüdvözlet generálása (Hello World megfelelője) 1. megoldás az első rendelkezésre álló technológiával (CGI program) 2. megoldás a fejlett JSP technológiával (Csak aktív Tomcat kiszolgáló estén hajtódik végre.) 1. megoldás (CGI program) Az ügyfél nevét bekérő HTML oldal <HTML> <HEAD><TITLE>Elso urlap</title></head> <BODY BGCOLOR="#7F7F7F"> <CENTER> <FORM ACTION="/cgi/2.js" METHOD="GET"> Vezetéknév:<BR> <INPUT TYPE="text" NAME="vezeteknev" SIZE=20><P> Keresztnév:<BR> <INPUT TYPE="text" NAME="keresztnev" SIZE=20><P> <INPUT TYPE="submit" VALUE="Mehet"> <INPUT TYPE="reset" VALUE="Mégsem"> </FORM> </CENTER> </BODY> </HTML> A választ generáló CGI program var stdin = WScript.StdIn; var WshShell = WScript.CreateObject("WScript.Shell"); var WshProcEnv = WshShell.Environment("PROCESS"); var str = WshProcEnv("QUERY_STRING"); var re = /\+/g; var str1 = str.replace(re," "); var re1 = /%([0-9a-fA-F][0-9a-fA-F])/g; var str = str1.replace(re1, function ($0,$1) { return String.fromCharCode( parseint($1.charat(0),16)*16+ parseint($1.charat(1),16)); } ); var sarray = str.split("&"); var stdout = WScript.StdOut; stdout.write("<html>"); stdout.write("<center>üdvözölöm "); for(i=0; i<sarray.length; i++){ var name = sarray[i].split("=")[0]; var value = sarray[i].split("=")[1]; stdout.write(" " + value); } stdout.write("</center></html>") 4
5 2. megoldás (JSP) Az ügyfél nevét bekérő HTML oldal <HTML> <HEAD><TITLE>Elso urlap</title></head> <BODY BGCOLOR="#7F7F7F"> <CENTER> <FORM ACTION="/2a.jsp" METHOD="GET"> Vezetéknév:<BR> <INPUT TYPE="text" NAME="vezeteknev" SIZE=20><P> Keresztnév:<BR> <INPUT TYPE="text" NAME="keresztnev" SIZE=20><P> <INPUT TYPE="submit" VALUE="Mehet"> <INPUT TYPE="reset" VALUE="Mégsem"> </FORM> </CENTER> </BODY> </HTML> A választ generáló JSP program <html> <center> Üdvözlöm ${param.vezeteknev} ${param.keresztnev} </center> </html> 2. példa: Vásárlói preferenciák lekérése és tárolása a kiszolgálón CGI megoldás: túl bonyolult, ne is foglalkozzunk vele JSP (JavaServer Pages) megoldás JSF (JavaSever Faces )megoldás JSP megoldás <c:foreach items="${paramvalues.food}" var="current"> <c:choose> <c:when test="${current == 'p'}"> <c:set var="parizsiselected" value="true" /> </c:when> <c:when test="${current == 'g'}"> <c:set var="gyulaiselected" value="true" /> </c:when> <c:when test="${current == 'd'}"> <c:set var="debreceniselected" value="true" /> </c:when> </c:choose> </c:foreach> <tr> <td> <input type="checkbox" name="food" value="p" ${parizsiselected? 'checked':''}>párizsi<br> <input type="checkbox" name="food" value="g" ${gyulaiiselected? 'checked':''}>gyulai<br> <input type="checkbox" name="food" value="d" ${debreceniselected? 'checked':''}>debreceni </td> </tr> 5
6 JSF megoldás <tr> <td> <h:selectmanycheckbox value="#{cust.foodselection}"> <f:selectitem itemvalue="p" itemlabel="párizsi" /> <f:selectitem itemvalue="g" itemlabel="gyulai" /> <f:selectitem itemvalue="d" itemlabel="debreceni" /> </td> </tr> Inkompatibilitások Kezdetben nagyon, ma más kevésbé, de még mindig inkompatibilisek a különböző kiszolgáló és böngésző programok! 1. példa: Görgethető táblázat: IE és Mozilla eltérően viselkedik index (bev1/elteresek/table_demos/table.html) indexf (bev1/elteresek/table_demos/1.bat) index1 (bev1/elteresek/table_demos/table1.html) index2 (bev1/elteresek/table_demos/table1a.html) Inkompatibilitások (folyt.) 2. példa: Központosítás CSS2-vel: IE és Mozilla eltérően viselkedik index (bev1/elteresek/centering/index.html) indexf (bev1/elteresek/centering/1.bat) index1 (bev1/elteresek/centering/index1.html) index1f (bev1/elteresek/centering/2.bat) index2 (bev1/elteresek/centering/index2.html) Inkompatibilitások (folyt.) 3. példa: Document Object Model: Kötelező, de elhagyott elemekre IE és Mozilla eltérően viselkedik index (bev1/elteresek/dom/8.html) indexf (bev1/elteresek/dom/0.bat) index1 (bev1/elteresek/dom/8a.html) indexf1 bev1/elteresek/dom/1.bat) index2 (bev1/elteresek/dom/8b.html) indexf2 (bev1/elteresek/dom/2.bat) 6
7 Jótanácsok! Es ist nicht genug zu wissen, man muss auch anwenden! Es ist nicht genug zu wollen, man muss auch tun! /Goethe/ A tudás önmagában nem elegendő, azt alkalmaznunk is kell! Nem elegendő valamit akarnunk, azt meg is kell tennünk! A lángész: egy százalék ihlet, kilencvenkilenc százalék verejték /Edison/ Genie is vielleicht nur Fleiß! A zsenialitás talán csak szorgalom! /Goethe/ 7
Web-fejlesztés NGM_IN002_1
Web-fejlesztés NGM_IN002_1 Rich Internet Applications RIA Vékony-kliens generált (statikus) HTML megjelenítése szerver oldali feldolgozással szinkron oldal megjelenítéssel RIA desktop alkalmazások funkcionalitása
RészletesebbenWWW Kliens-szerver Alapfogalmak Technológiák Terv. Web programozás 1 / 31
Web programozás 2011 2012 1 / 31 Áttekintés Mi a web? / A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Miről lesz szó... (kurzus/labor/vizsga)
RészletesebbenJavaServer Pages (JSP) (folytatás)
JavaServer Pages (JSP) (folytatás) MVC architektúra a Java kiszolgálón Ügyfél (Böngésző) 5 View elküldi az oldal az ügyfélez View (JSP) Ügyfél üzenet küldése a vezérlőnek 1 3 4 Kérelem továbbítása a megjelenítőnek
RészletesebbenWeb programoz as 2009 2010
Web programozás 2009 2010 Áttekintés A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Áttekintés: miről lesz szó (kurzus/labor/vizsga)
RészletesebbenMemória játék. Felhasználói dokumentáció
Memória játék Felhasználói dokumentáció Feladat: JavaScript segítségével, olyan programot írni, mely összekeveri a lapokat, majd a felhasználónak kell párosítani. HTML oldalba ágyazva és CSS-el formázva.
RészletesebbenA J2EE fejlesztési si platform (application. model) 1.4 platform. Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem
A J2EE fejlesztési si platform (application model) 1.4 platform Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem Utolsó módosítás: 2007. 11.13. A J2EE application model A Java szabványok -
RészletesebbenFicsor Lajos Általános Informatikai Tanszék Miskolci Egyetem
A Java EE 5 platform Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem Utolsó módosítás: 2008. 04. 17. A Java EE 5 platform A Java EE 5 plattform A J2EE 1.4 után következő verzió. Alapvető továbbfejlesztési
RészletesebbenA Java EE 5 plattform
A Java EE 5 platform Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem Utolsó módosítás: 2007. 11. 13. A Java EE 5 platform A Java EE 5 plattform A J2EE 1.4 után következő verzió. Alapvető továbbfejlesztési
RészletesebbenJava Server Pages - JSP. Web Technológiák. Java Server Pages - JSP. JSP lapok életciklusa
Web Technológiák Java Server Pages - JSP Répási Tibor egyetemi tanársegéd Miskolc Egyetem Infomatikai és Villamosmérnöki Tanszékcsoport (IVM) Általános Informatikai Tanszék Iroda: Inf.Int. 108. Tel: 2101
RészletesebbenGrafikus keretrendszer komponensalapú webalkalmazások fejlesztéséhez
Grafikus keretrendszer komponensalapú webalkalmazások fejlesztéséhez Székely István Debreceni Egyetem, Informatikai Intézet A rendszer felépítése szerver a komponenseket szolgáltatja Java nyelvű implementáció
RészletesebbenObjektumorientált programozás
JavaScript Objektumorientált programozás böngésző jó néhány objektumot bocsájt a rendelkezésünkre tulajdonságok var txt="hello World!" document.write(txt.length) Web programozás I. - Kecskeméti Fõiskola
RészletesebbenSzámológép. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő
Felhasználói dokumentáció Számológép Feladat: JavaScript és CSS segítségével számológép készítése. Futtatási környezet: A http://10.0.0.101/~szabby/szgep.html linkre kattintva megjelenik az oldal. Az oldal
RészletesebbenBevezetés Működési elv AJAX keretrendszerek AJAX
AJAX Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek
RészletesebbenA JavaServer Pages (JSP)
A JavaServer Pages (JSP) Fabók Zsolt Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem Utolsó módosítás: 2008. 03. 27. JSP Harmadik generáci ciós s WEB szerver A dinamikus lap a tipikus Dinamikus
RészletesebbenA JavaServer Pages (JSP)
A JavaServer Pages (JSP) Fabók Zsolt Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem Utolsó módosítás: 2008. 03. 27. JSP Harmadik generáci ciós s WEB szerver A dinamikus lap a tipikus Dinamikus
RészletesebbenJAVA webes alkalmazások
JAVA webes alkalmazások Java Enterprise Edition a JEE-t egy specifikáció definiálja, ami de facto szabványnak tekinthető, egy ennek megfelelő Java EE alkalmazásszerver kezeli a telepített komponensek tranzakcióit,
RészletesebbenWEBFEJLESZTÉS 2. MUNKAMENET-KEZELÉS, HITELESÍTÉS
WEBFEJLESZTÉS 2. MUNKAMENET-KEZELÉS, HITELESÍTÉS Horváth Győző Egyetemi adjunktus 1117 Budapest, Pázmány Péter sétány 1/C, 2.420 Tel: (1) 372-2500/1816 PHP beadandó 2 Honlapról elérhető Labirintus-játék
RészletesebbenKompozit alkalmazások fejlesztése. IBM WebSphere Portal Server
Kompozit alkalmazások fejlesztése IBM WebSphere Portal Server Portletek -összefoglaló Portlet: portálba integrálható kisalkalmazás Szabványok JSR 168 Portlet 1.0 (IBM API) JSR 286 Portlet 2.0 Dióhéjban
RészletesebbenMVC Java EE Java EE Kliensek JavaBeanek Java EE komponensek Web-alkalmazások Fejlesztői környezet. Java Web technológiák
Java Web technológiák Bevezetés Áttekintés Model View Controller (MVC) elv Java EE Java alapú Web alkalmazások Áttekintés Model View Controller (MVC) elv Java EE Java alapú Web alkalmazások Áttekintés
RészletesebbenA JavaServer Pages (JSP)
A JavaServer Pages (JSP) Fabók Zsolt Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem JSP WEB-es alkalmazások fejlődéstörténete A WEB-es alkalmazások fejlődését nyomon követve három nagy korszakot
RészletesebbenBEVEZETÉS AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA. Kvaszingerné Prantner Csilla, EKF
BEVEZETÉS AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA Kvaszingerné Prantner Csilla, EKF Az Internet 2 A hálózatok összekapcsolt, hálózatba szervezett rendszere, amely behálózza a világot. Részévé vált életünknek.
Részletesebben5-ös lottó játék. Felhasználói dokumentáció
5-ös lottó játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével 5-ös lottó játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az
RészletesebbenWeb programozás. 3. előadás
Web programozás 3. előadás Űrlapok form label for input type select, option value szöveges mező: text textarea jelszó: password rádiógomb: radio jelölőnégyzet: checkbox küldés gomb: submit Web programozás
Részletesebbenwebmathematica bemutatása
webmathematica bemutatása A webmathematica teljesen új technológia, amely dinamikus web kapcsolatot tesz lehetővé a Mathematica-val összefüggésben. A Mathematica-át web szerverrel integrálja. A webmathematica
RészletesebbenTermészetesen készíts egy csempe nevű könyvtárat és ide mentsd az index.html állományt.
Csempe kalkula tor A küldetésünk az, hogy segítsünk kiszámítani egy fürdőszoba csempeszükségletét (felületét). Sőt, ha a kalkulátort használó ügyfél elégedett egyből elküldheti az e-mail címét, hogy a
RészletesebbenWeb-fejlesztés NGM_IN002_1. A tárgy tartalma
Web-fejlesztés NGM_IN002_1 A tárgy tartalma Mir!l lesz szó? (F!leg, de nem csak) Tartalom orientált web technológiák bemutatása alap programozási- és reprezentációs technológiák, alkalmazás architektúrák
RészletesebbenAz iskolai rendszerű képzésben az összefüggő szakmai gyakorlat időtartama. 10. évfolyam Adatbázis- és szoftverfejlesztés gyakorlat 50 óra
Az iskolai rendszerű képzésben az összefüggő szakmai gyakorlat időtartama 10. évfolyam: 105 óra 11. évfolyam: 140 óra 10. évfolyam Adatbázis- és szoftverfejlesztés gyakorlat 50 óra 36 óra OOP 14 óra Programozási
RészletesebbenFlex: csak rugalmasan!
Flex: csak rugalmasan! Kiss-Tóth Marcell http://kiss-toth.hu marcell@kiss-toth.hu Magyarországi Web Konferencia 2006 2006. március 18. tartalom bevezető Adobe Flex alternatív technológiák bevezető az Internetnek
RészletesebbenSakk-játék. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő
Felhasználói dokumentáció Sakk-játék Feladat: JavaScript és CSS segítségével sakk-játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez
RészletesebbenPHP alapjai, bevezetés. Vincze Dávid Miskolci Egyetem, IIT
alapjai, bevezetés Vincze Dávid Miskolci Egyetem, IIT vincze.david@iit.uni-miskolc.hu PHP Personal Home Page (Tools) Script nyelv -> interpretált Elsősorban weboldal (dinamikus) tartalmak előállítására
RészletesebbenGyakorlati vizsgatevékenység A
Gyakorlati vizsgatevékenység A Szakképesítés azonosító száma, megnevezése: 481 04 0000 00 00 Web-programozó Vizsgarészhez rendelt követelménymodul azonosítója, megnevezése: 1189-06 Web-alkalmazás fejlesztés
RészletesebbenPHP gyorstalpaló, avagy a Hello World-től az űrlapellenőrzésig
PHP gyorstalpaló, avagy a Hello World-től az űrlapellenőrzésig
RészletesebbenPHP. Adatbázisok gyakorlat
PHP Adatbázisok gyakorlat Mi a PHP? A PHP (PHP: Hypertext Preprocessor) egy nyílt forráskódú, számítógépes szkriptnyelv, legfőbb felhasználási területe a dinamikus weboldalak készítése. A PHP-kódunk általában
RészletesebbenGyakorlati vizsgatevékenység B
Gyakorlati vizsgatevékenység Szakképesítés azonosító száma, megnevezése: 481 04 0000 00 00 Web-programozó Vizsgarészhez rendelt követelménymodul azonosítója, megnevezése: 1189-06 Web-alkalmazás fejlesztés
RészletesebbenTartalom. A JavaScript haladó lehet ségei. Megjelenés. Viselkedés. Progresszív fejlesztés. A progresszív fejlesztés alapelvei
Tartalom A JavaScript haladó lehet ségei webprogramozó A szöveg, amit a látogató az oldalainkon olvashat Szövegként írjuk meg HTML elemekkel osztjuk egységekre Megjelenés A szöveg kinézete és elrendezése
RészletesebbenÖsszefüggő szakmai gyakorlat témakörei. 13 évfolyam. Információtechnológiai gyakorlat 50 óra
700 Kazincbarcika, Lini István. Email: titkar@irinyiref.hu Tel: (0648) 4; Fax: (0648) 76 Összefüggő szakmai gyakorlat témakörei évfolyam Informatikai rendszergazda 54 48 04 Információtechnológiai gyakorlat
RészletesebbenHTML és CSS. Horváth Árpád május 6. Óbudai Egyetem Alba Regia M szaki Kar (AMK) Székesfehérvár
Óbudai Egyetem Alba Regia M szaki Kar (AMK) Székesfehérvár 2015. május 6. Vázlat 1 2 A világháló Története statikus és dinamikus oldal URL DNS-feloldás IP-cím ügyfél (kliens, böngész ) és szerver (kiszolgáló)
RészletesebbenEmber-gép interfész. 1. gyakorlat. Csapó Tamás szeptember 16.
Ember-gép interfész 1. gyakorlat Csapó Tamás csapot@tmit.bme.hu 2016. szeptember 16. 1 Intro What is Human-Computer Interaction? https://www.youtube.com/watch?v=bzfv09qry6e 2 Gyakorlatok Tárgy honlap http://smartlab.tmit.bme.hu/
RészletesebbenInternetes böngésző fejlesztése a mobil OO világban
Internetes böngésző fejlesztése a mobil OO világban Novák György és Pári Csaba Témavezető: Bátfai Norbert Debreceni Egyetem Matematikai és Informatikai Intézet Kitűzött cél A PC-s világban megszokotthoz
RészletesebbenSakk játék. Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket.
Sakk játék Felhasználói dokumentáció Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket. Futtatási környezet: A http://10.0.0.101/~hgy/sakk/
RészletesebbenWeb programozás. Internet vs. web. Internet: Az Internet nyújtotta néhány alapszolgáltatás:
Áttekintés Web programozás 2011 2012 Mi a web? / A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Miről lesz szó... (kurzus/labor/vizsga)
RészletesebbenNyilvántartási Rendszer
Nyilvántartási Rendszer Veszprém Megyei Levéltár 2011.04.14. Készítette: Juszt Miklós Honnan indultunk? Rövid történeti áttekintés 2003 2007 2008-2011 Access alapú raktári topográfia Adatbázis optimalizálás,
RészletesebbenPetőfi Irodalmi Múzeum. megújuló rendszere technológiaváltás
Petőfi Irodalmi Múzeum A Digitális Irodalmi Akadémia megújuló rendszere technológiaváltás II. Partnerek, feladatok Petőfi Irodalmi Múzeum Megrendelő, szakmai vezetés, kontroll Konzorcium MTA SZTAKI Internet
RészletesebbenInformációs technológiák 0. Ea: Infó Mátrix (2015)
Információs technológiák 0. Ea: Infó Mátrix (2015) 35/1 B IT v: 2015.09.14 MAN A tárgyról Tárgykódok, szakok, követelmények: GEIAL343B: Mechatronikai alapszak, 7. félév. 2e+1gy, aláírás + gyakorlati jegy,
RészletesebbenVállalati információs rendszerek I, MIN5B6IN, 5 kredit, K. 4. A meghirdetés ideje (mintatanterv szerint vagy keresztfélében):
Követelményrendszer 1. Tantárgynév, kód, kredit, választhatóság: Vállalati információs rendszerek I, MIN5B6IN, 5 kredit, K 2. Felelős tanszék: Informatika Szakcsoport 3. Szak, szakirány, tagozat: Műszaki
RészletesebbenJava I. A Java programozási nyelv
Java I. A Java programozási nyelv története,, alapvető jellemzői Miskolci Egyetem Általános Informatikai Tanszék Utolsó módosítás: 2007. 02. 12. Java I.: Történet, jellemzők, JDK JAVA1 / 1 Egy kis történelem
RészletesebbenWEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK
ECDL Webszerkesztés, syllabus 2.0 WEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK 1. Mi az FTP? a) Az FTP a multimédiás dokumentumok leíró nyelve. b) Az FTP a weboldalon lévő kattintható elem, amellyel egy másik
RészletesebbenÜdvözli Önöket A PGY3 tantárgy! Bakay Árpád dr. NETvisor kft (30) 385 1711 arpad.bakay@netvisor.hu
Üdvözli Önöket A PGY3 tantárgy! Bakay Árpád dr. NETvisor kft (30) 385 1711 arpad.bakay@netvisor.hu Tartalom idén WEB UI programozási technológiák A Tudor/Szeráj/SingSing a Web-re megy Szoftvertechnológiai
RészletesebbenA szemantikus világháló oktatása
A szemantikus világháló oktatása Szeredi Péter Lukácsy Gergely Budapesti Műszaki és Gazdaságtudományi Egyetem Számítástudományi és Információelméleti Tanszék ➀ A szemantikus világháló... c. tárgy ➁ A tananyag
RészletesebbenTUDNIVALÓK A WEB-FEJLESZTÉS I. KURZUSRÓL
TUDNIVALÓK A WEB-FEJLESZTÉS I. KURZUSRÓL http://bit.ly/a1lhps Abonyi-Tóth Andor Egyetemi tanársegéd 1117, Budapest XI. kerület, Pázmány Péter sétány 1/C, 2.404 Tel: (1) 372-2500/8466 http://abonyita.inf.elte.hu
RészletesebbenII. ADATLAP - Programmodul részletes bemutatása
II. ADATLAP - Programmodul részletes bemutatása 1. A programmodul azonosító adatai Ügyeljen arra, hogy a programmodul sorszáma és megnevezése azonos legyen a I. A program általános tartalma fejezet 11.
RészletesebbenÖsszefüggő szakmai gyakorlat témakörei. 9-11. évfolyam. 9. évfolyam
3700 Kazincbarcika, Lini István -. E-mail: titkar@irinyi-ref.hu Tel: (06-8) 3-; Fax: (06-8) 3-763 Összefüggő szakmai gyakorlat témakörei 9-. évfolyam XIII. Informatika ágazat 9. évfolyam Információtechnológiai
RészletesebbenA webprogramozás alapjai. Óbudai Egyetem Neumann János Informatikai Kar 2018/19/1 szemeszter
1 A webprogramozás alapjai Óbudai Egyetem Neumann János Informatikai Kar 2018/19/1 szemeszter IV. előadás Nyelv típusok HTML nyelv fontosabb elemei I. Mappaszerkezet és file struktúra Szerkesztők bemutatása,
RészletesebbenElektronikus Információs és Nyilvántartási Rendszer a Doktori Iskolák fiatal kutatói részére
Elektronikus Információs és Nyilvántartási Rendszer a Doktori Iskolák fiatal kutatói részére Adamkó Attila adamkoa@inf.unideb.hu Debreceni Egyetem Informatikai Intézet 1 Áttekintés A rendszer célja A rendszer
RészletesebbenPHP MySQL, Java JDBC MySQL. Adatbázisok az iskolában 2012 Dr. Balázs Péter Palatinus Endre és Erdőhelyi Balázs diái alapján
PHP MySQL, Java JDBC MySQL Adatbázisok az iskolában 2012 Dr. Balázs Péter Palatinus Endre és Erdőhelyi Balázs diái alapján Mi a PHP? A PHP (PHP: Hypertext Preprocessor) egy nyílt forráskódú, számítógépes
RészletesebbenA JavaScript főbb tulajdonságai
JavaScript alapok A JavaScript főbb tulajdonságai Script nyelv azaz futás közben értelmezett, interpretált nyelv Legfőbb alkalmazási területe: a HTML dokumentumok dinamikussá, interaktívvá tétele Gyengén
RészletesebbenADATBÁZIS-KEZELÉS - BEVEZETŐ - Tarcsi Ádám, ade@inf.elte.hu
ADATBÁZIS-KEZELÉS - BEVEZETŐ - Tarcsi Ádám, ade@inf.elte.hu Számonkérés 2 Papíros (90 perces) zh az utolsó gyakorlaton. Segédanyag nem használható Tematika 1. félév 3 Óra Dátum Gyakorlat 1. 2010.09.28.
RészletesebbenWEBFEJLESZTÉS 2. ADATBÁZIS-KEZELÉS, OSZTÁLYOK
WEBFEJLESZTÉS 2. ADATBÁZIS-KEZELÉS, OSZTÁLYOK Horváth Győző Egyetemi adjunktus 1117 Budapest, Pázmány Péter sétány 1/C, 2.420 Tel: (1) 372-2500/1816 2 Ismétlés Ismétlés 3 Fájl/Adatbázis 3 4 Szerver 2 CGI
RészletesebbenAlapfogalmak, WWW, HTTP
Alapfogalmak, WWW, HTTP WEB technológiák Dr. Tóth Zsolt Miskolci Egyetem 2015 Dr. Tóth Zsolt (Miskolci Egyetem) Alapfogalmak, WWW, HTTP 2015 1 / 34 Tartalomjegyzék Hálózati Alapfogalmak Internet 1 Hálózati
RészletesebbenHTML. Dr. Nyéki Lajos 2016
HTML Dr. Nyéki Lajos 2016 HTML és SGML HTML (Hypertext Markup Language) SGML (Standard Generalized Markup Language) ISO 8879:1986 A HTML nyelven készült dokumentumok kiterjesztése - az Internet szerveren:.html;
RészletesebbenA WEB programozása - JSP1 dr.gál Tibor. 2010. őszi félév
Általános jellemzők JavaServer Pages (JSP) Java utasításokat helyezetünk el a HTML lapon Ezket a Java utasításokat a kiszolgáló végrehajtja Az ügyfél felé generált tartalom: statikus HTML kód + Java utasítások
RészletesebbenHTML alapok 1. Minimális HTML file: <HTML> <HEAD> <TITLE> cím </TITLE> </HEAD> <BODY>... </BODY> </HTML> Formátum parancsok:
HTML alapok 1 Minimális HTML file: cím ... Formátum parancsok: dőlt szöveg félkövér aláhúzott új sor vízszintes vonal
RészletesebbenMVC desktop alkalmazás esetén. MVC Model-View-Controller. eredete: Model View Controller (MVC) elv Java EE Java alapú Web alkalmazások
Áttekintés Java Web technológiák Bevezetés Model View Controller (MVC) elv Java EE Java alapú Web alkalmazások 1 / 28 2 / 28 MVC Model-View-Controller MVC desktop illetve webalkalmazás esetén eredete:
RészletesebbenAjax és Echo 2. Bokor Attila
Ajax és Echo 2 Bokor Attila attila.bokor@netvisor.hu Tartalom Ajax áttekintés Echo2 Echo2 kiegészítések Asynchronous JavaScript and XML Webfejlesztési technika interaktív webalkalmazásokhoz Kifejezés közösen
RészletesebbenZimbra levelező rendszer
Zimbra levelező rendszer Budapest, 2011. január 11. Tartalomjegyzék Tartalomjegyzék... 2 Dokumentum információ... 3 Változások... 3 Bevezetés... 4 Funkciók... 5 Email... 5 Társalgás, nézetek, és keresés...
RészletesebbenALAPÍTÁSI ENGEDÉLYT KAPOTT KÖNYVTÁRI KÉPZÉSI PROGRAMOK Szakmai programok. 1827 Budapest Budavári Palota F. épület
ALAPÍTÁSI ENGEDÉLYT KAPOTT KÖNYVTÁRI KÉPZÉSI PROGRAMOK Szakmai programok A képzés neve, engedélyének érvényessége Irodalmi adatbázisok Szakirodalmi és információs ismeretek az irodalomtudomány, irodalomtörténet,
RészletesebbenInternet, Az internet főbb szolgáltatásai web keresőszolgáltatásokkal Keresőrendszerek: Kulcsszavas 2) Egyéb keresők: Metakeresők gyűjtőkörű keresők
Web alapok Az Internet, számítógépes hálózatok világhálózata, amely behálózza az egész földet. Az internet főbb szolgáltatásai: web (www, alapja a kliens/szerver modell) elektronikus levelezés (e-mail)
RészletesebbenWeb programozás I. 4. előadás
Web programozás I. 4. előadás CSS Pozícionálás http://www.brainjar.com/css/positioning/def ault.asp Design kialakívása http://www.albinoblacksheep.com/livedesign/ http://www.dynamicdrive.com/style/ http://www.opendesigns.org/
Részletesebbenkodolosuli.hu: Interaktív, programozást tanító portál BALLA TAMÁS, DR. KIRÁLY SÁNDOR NETWORKSHOP 2017, SZEGED
kodolosuli.hu: Interaktív, programozást tanító portál BALLA TAMÁS, DR. KIRÁLY SÁNDOR NETWORKSHOP 2017, SZEGED A közoktatásban folyó informatika oktatásával kapcsolatos elvárások Állami szereplő: Az informatikaoktatás
RészletesebbenOlyan eszközre van szükség, amelynél a webszerkesztés folyamatát a fejlesztő, nem pedig a program vezérli
Fejlesztőeszközök Olyan eszközre van szükség, amelynél a webszerkesztés folyamatát a fejlesztő, nem pedig a program vezérli Szerkesztők 2 alapvető szolgáltatása: kódszínezés, kódkiegészítés Alapvetően
RészletesebbenInformáció és kommunikáció
Információ és kommunikáció Tanmenet Információ és kommunikáció TANMENET- Információ és kommunikáció Témakörök Javasolt óraszám 1. Az internet jellemzői 25 perc 2. Szolgáltatások az interneten 20 perc
RészletesebbenInternet programozása. 1. előadás
Internet programozása 1. előadás Áttekintés 1. Mi a PHP? 2. A PHP fejlődése 3. A PHP 4 újdonságai 4. Miért pont PHP? 5. A programfejlesztés eszközei 1. Mi a PHP? Egy makrókészlet volt, amely személyes
RészletesebbenWeboldalak biztonsága
Weboldalak biztonsága Kertész Gábor kertesz.gabor@arek.uni-obuda.hu Óbudai Egyetem Alba Regia Egyetemi Központ http://arek.uni-obuda.hu/~kerteszg Mi a web? Gyakori tévedés: az internet és a web nem ugyanaz!
RészletesebbenJogi szabályozás. Térképismeret ELTE TTK Földtudományi és Földrajz BSc. 2007
Térképismeret ELTE TTK Földtudományi és Földrajz BSc. 7 12. Török Zsolt, Draskovits Zsuzsa ELTE IK Térképtudományi és Geoinformatikai Tanszék http://lazarus.elte.hu 1/24 2/24 Topográfiai térképrendszer
RészletesebbenPHP-MySQL. Adatbázisok gyakorlat
PHP-MySQL Adatbázisok gyakorlat Weboldalak és adatbázisok Az eddigiek során megismertük, hogyan lehet a PHP segítségével dinamikus weblapokat készíteni. A dinamikus weboldalak az esetek többségében valamilyen
RészletesebbenInformatikus, Webfejlesztő. Nagy Gusztáv
Informatikus, Webfejlesztő Nagy Gusztáv 1 2 Nagy Gusztáv Programozó matematikus kb. 20 programozási nyelv, 4-5 paradigma KEFO GAMF Kar, tanszéki mérnök Egyéni vállalkozó: főleg webfejlesztés Kapcsolat:
RészletesebbenTANTÁRGYI ÚTMUTATÓ. Vállalkozástan. tanulmányokhoz
II. évfolyam GM szak BA TANTÁRGYI ÚTMUTATÓ Vállalkozástan tanulmányokhoz TÁVOKTATÁS Tanév (2014/2015) II. félév A KURZUS ALAPADATAI Tárgy megnevezése: Vállalkozástan Tanszék: Vállalkozás és Emberi Erőforrások
RészletesebbenHTML. Ismerkedés a JavaScripttel. A JavaScript lehet ségei. A JavaScript kód helye. Önálló JavaScript fájlok
HTML Ismerkedés a JavaScripttel webprogramozó A weblapokat HTML nyelven készíthetjük el. A HTML egyszer leírónyelv, nem alkalmas válaszolni a felhasználóknak, nem tud döntéseket hozni, nem tud végrehajtani
RészletesebbenSzervlet-JSP együttműködés
Java programozási nyelv 2007-2008/ősz 10. óra Szervlet-JSP együttműködés Kérés továbbítás technikái legradi.gabor@nik.bmf.hu szenasi.sandor@nik.bmf.hu Szervlet-JSP együttműködés Témakörök Osztálykönyvtár
RészletesebbenAJAX Framework építés. Nagy Attila Gábor Wildom Kft. nagya@wildom.com
AJAX Framework építés Wildom Kft. nagya@wildom.com Mi az AJAX? Asynchronous JavaScript and XML Ennél azért kicsit több: Koncepció váltás a felhasználói interface tervezésben Standard kompatibilis HTML!
RészletesebbenInformáció és kommunikáció
Információ és kommunikáció Tanmenet Információ és kommunikáció TANMENET- Információ és kommunikáció Témakörök Javasolt óraszám 1. Hálózati alapismeretek 20 perc 2. Az internet jellemzői 25 perc 3. Szolgáltatások
Részletesebben10. évfolyam 105 óra 10817-12 azonosító számú Hálózatok, programozás és adatbázis-kezelés 105 óra Adatbázis- és szoftverfejlesztés gyakorlat tantárgy
9. évfolyam 70 óra 10815-12 azonosító számú Információtechnológiai alapok gyakorlat 70 óra Információtechnológiai gyakorlat tantárgy 70 óra Számítógép összeszerelése Számítógép szétszerelése. Pontos konfiguráció
RészletesebbenFlash és PHP kommunikáció. Web Konferencia 2007 Ferencz Tamás Jasmin Media Group Kft
Flash és PHP kommunikáció Web Konferencia 2007 Ferencz Tamás Jasmin Media Group Kft A lehetőségek FlashVars External Interface Loadvars XML SOAP Socket AMF AMFphp PHPObject Flash Vars Flash verziótól függetlenül
RészletesebbenWebalkalmazás fejlesztés Java EE környezetben NetBeans segítségével: JavaServer Faces 1.2 AJAX
Webalkalmazás fejlesztés Java EE környezetben NetBeans segítségével: JavaServer Faces 1.2 AJAX Varga Péter peter.varga@sun.hu Zsemlye Tamás tamas.zsemlye@sun.com Áttekintés Hagyományos webalkalmazás-fejlesztés
RészletesebbenA webhelyhez kötődő szoftverek architektúrája
A webhelyhez kötődő szoftverek architektúrája A webhelyhez kötődő szoftverek architektúrája...1 A kliens-szerver funkcionalitások megoszlása...1 A böngésző mint web kliens...1 Web szerver (kiszolgáló)
RészletesebbenAdatbázis rendszerek 7. előadás State of the art
Adatbázis rendszerek 7. előadás State of the art Molnár Bence Szerkesztette: Koppányi Zoltán Osztott adatbázisok Osztott rendszerek Mi is ez? Mi teszi lehetővé? Nagy sebességű hálózat Egyre olcsóbb, és
RészletesebbenAJAX AJAX. AJAX: Asynchronous JavaScript and XML. az alábbi technológiákon alapul: AJAX-ot támogató keretrendszerek
Áttekintés AJAX Bevezetés Működési elv AJAX-ot támogató keretrendszerek 1 / 25 2 / 25 AJAX AJAX: Asynchronous JavaScript and XML az alábbi technológiákon alapul: (X)HTML, CSS XML JavaScript Motiváció:
RészletesebbenA számítástechnika gyakorlata WIN 2000 I. Szerver, ügyfél Protokoll NT domain, Peer to Peer Internet o WWW oftp opop3, SMTP. Webmail (levelező)
A számítástechnika gyakorlata WIN 2000 I. Szerver, ügyfél Protokoll NT domain, Peer to Peer Internet o WWW oftp opop3, SMTP Bejelentkezés Explorer (böngésző) Webmail (levelező) 2003 wi-3 1 wi-3 2 Hálózatok
RészletesebbenTöbbfelhasználós és internetes térkép kezelés, megjelenítés
Többfelhasználós és internetes térkép kezelés, megjelenítés Többfelhasználós környezetek Egyszerű fájlszerveres megoldás, LAN (Novel, Windows hálózat) Egy fájl egyidejű módosítása több helyről nem lehetséges
RészletesebbenWebshop készítése ASP.NET 3.5 ben I.
Webshop készítése ASP.NET 3.5 ben I. - Portál kialakíása - Mesteroldal létrehozása - Témák létrehozása Site létrehozása 1. File / New Web site 2. A Template k közül válasszuk az ASP.NEt et, nyelvnek (Language)
RészletesebbenMultimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
RészletesebbenÖsszesítés. Látogatások száma Oldalak Találatok Adatmennyiség. 11682 (11.08 Oldalak/Látogatás)
Utolsó frissítés: Jan 28-13:23 Statisztikai időszak: Jan OK Összesítés Statisztikai Hónap Jan időszak Első látogatás Jan 01-01:20 Utolsó látogatás Jan 28-12:55 Egyedi látogató Látogatások száma Oldalak
Részletesebben{simplecaddy code=1005}
{simplecaddy code=1005} Könyvünk célja, hogy az Internetről és annak használatáról olyan általános ismeretanyagot adjon, melynek segítségével bárki tudja majd használni a hálózatot és szolgáltatásait.
RészletesebbenOsztott rendszerek, Java EE. Általános bevezető
Osztott rendszerek, Java EE Általános bevezető Osztott rendszerek Hálózati alkalmazások (java.net, java.nio, Apache Mina, stb.) Web-programozás (Servlet, JSP, JSTL, JSF, JavaFX, GWT, Struts, stb.) Webszolgáltatások
RészletesebbenÜzleti kommunikáció TANTÁRGYI ÚTMUTATÓ. I. évfolyam. 2013/2014 I. félév
I. évfolyam TANTÁRGYI ÚTMUTATÓ Üzleti kommunikáció 2013/2014 I. félév 1. sz. táblázat Tantárgyi program Tantárgy megnevezése Üzleti kommunikáció Tantárgy kódja: Tantárgy jellege/típusa: Üzleti alapozó
RészletesebbenTematika A web története Kliens-szerver modell Web alapismeretek Fejlesztési eszközök. Sapientia Erdélyi Magyar Tudományegyetem, Csíkszereda
Web programozás - 1.Előadás Pál László Sapientia Erdélyi Magyar Tudományegyetem, Csíkszereda 2012-2013 tanév, II. Félév Tartalom 1 Tematika 2 A web története 3 Kliens-szerver modell 4 Web alapismeretek
RészletesebbenKÉPZÉS NEVE: Informatikai statisztikus és gazdasági tervezı TANTÁRGY CÍME: Számítógép hálózatok. Készítette:
Leonardo da Vinci Kísérleti projekt által továbbfejlesztett Szakmai program KÉPZÉS NEVE: Informatikai statisztikus és gazdasági tervezı TANTÁRGY CÍME: Számítógép hálózatok Készítette: Némedi János Kovács
RészletesebbenTANTÁRGYI ÚTMUTATÓ. Döntési módszerek
III. évfolyam szakirány BA TANTÁRGYI ÚTMUTATÓ Döntési módszerek TÁVOKTATÁS Tanév 2014/2015 II- félév A KURZUS ALAPADATAI Tárgy megnevezése: Döntési módszerek Tanszék: Matematika-Statisztika Tantárgyfelelős
Részletesebbenw w w. h a n s a g i i s k. h u
Weblapkészítés weblap: hypertext kódolású dokumentumok, melyek szöveget képet linkeket, könyvjelzőket/horgonyokat táblázatokat / szövegdobozokat és más objektumokat tartalmaznak. Kódolásuk HTML (Hypertext
RészletesebbenProgramozás. Bevezetés. Fodor Attila. Pannon Egyetem Műszaki Informatikai Kar Villamosmérnöki és Információs Rendszerek Tanszék
Programozás Fodor Attila Pannon Egyetem Műszaki Informatikai Kar Villamosmérnöki és Információs Rendszerek Tanszék foa@almos.vein.hu 2010. február 11. Tantárgy célja, szükséges ismeretek Tantárgy célja,
Részletesebben