World Wide Web fejlődése PTE PMMK MIT Mérnöki Információs Technológiák Nagyváradi Anett 2005

Vázlat Az Internet kialakulása Internet Magyarországon A www szolgáltatás Technikai jellemzők Kommunikáció az Interneten Tájékozódás az Interneten Biztonsági kérdések A fejlesztés eszközei

Az Internet kialakulása Hidegháborús versengés 1964. Paul Baran – új kommunikációs rendszer kialakítása Alapelvek: Hálózatnak nem lehet semmiféle központja Csomópontok egyenértékűek Hálózatot mindenkor megbízhatatlannak feltételezzük Üzenetek csomagokra oszlanak Csomagok kézbesítési útvonala mindegy Csomag feldarabolható Elveszett csomag érzékelése, újbóli lekérése

Az Internet kialakulása 1968. National Physical Laboratory 1969. ARPANET (négy csomópontból álló hálózat - Pentagon) Levelezési listák Kommunikációs szabványrendszer: NCP, TCP/IP 1983. MILNET 1984-től egyre modernebb számítógépek, bővülő felhasználócsoport

Internet Magyarországon 1985. Vámos Miklós – kutatói hálózat 1988. ELLA – első levelező program 1990. EARN (European Academic and Research Network) 1993. regionális központok kialakulása, gerinchálózat kiépítése, IP használata HBONE (telnet, gopher, ftp, stb) BIX(Budapest Internet eXchange) csomópont NIIF – bekötésre került az összes egyetem főiskola, iskola

Internet szolgáltatások WWW Internet multimédiás felülete E-mail elektronikus levelezés FTP fájlátviteli szolgáltatás IRC, TALK azonnali, közvetlen kommunikáció Hírcsoportok tematikusan rendezett hírek Levelezési listák tematikusan rendezett csoportok Telnet távoli szg.-re bejelentkezés

A www szolgáltatás World Wide Web 80-as években: barátságosabb felhasználói interfész kialakítása Tim Berners-Lee - CERN

A www szolgáltatás 1990. fejlesztés kezdete Első sormódú böngésző és szerkesztő Első www hosztgép HTML (Hypertext Markup Language) Mosaic Megszülettek a ma is használatos protokollok és szabványok: URL Uniform Resource Locator HTTP Hypertext Transfer Protocol HTML szabványok

World Wide Web Consorcium 1994. W3C – nemzetközi ipari konzorcium Információs tárház www fejlesztőknek, felhasználóknak Példaalkalmazások fejlesztése Új technológiai fejlesztések demonstrálása W3C feladatai: Web egységessége Szabványok kidolgozása Világszerte több mint 450 szervezet http://www.w3.org

Technikai jellemzők Internet protokollja (kommunikációs arch.) TCP/IP (Transmission Control Protocol/Internet Protocol) jellemzői: nyitott, gyártófüggetlen globális méretezhető réteges felépítésű (alkalmazási, hálózati, stb.) szabvány: RFC (Request for Comments) Szolgáltatások

Kommunikáció az Interneten Információ egység: datagram – csomag Csomagtovábbítás: TCP és IP protokollokkal TCP: Üzenet darabolása, összerakása Elveszett csomagok újrakérése Sorrendváltoztatás IP: Csomagok továbbítása

Egy Ethernet IP keret

Egy keret értelmezése Fejléc és az ellenőrző összeg leszedése Protokollra vonatkozó típuskód elenőrzése Ha IP-re mutat, átadja az IP-nek IP – protokoll mezőt megvizsgálja (TCP) Átadja a kerete a TCP-nek TCP összeállítja az eredeti állományt

Példa Adathalmaz: xxxxxxxxx TCP ezt datagramokká darabolja xxx xxx xxx Fejléc hozzáfűzése (forrás és a célprocessz port címe, sorozatszám, ellenőrző összeg ) Txxx Txxx Txxx Továbbadja az IP-nek a cél Internet címével - újabb fejléc ITxxx ITxxx ITxxx Hálózatfüggően – új keret fejléc és ellenőrző összeg EITxxxC EITxxxC EITxxxC

Navigáció az Interneten Ügyfél-kiszolgáló koncepció Web szerver – www kiszolgálóprogram Kliens – böngésző programok www működését biztosító tényezők: Egyetemes leírás URL (Uniform Resource Locator ) alkalmazott megjelenítési mód

Navigáció az Interneten - URL URL – egységes forrásazonosító HTML-be beépített szabályos szerkezetű sorok Megadja: Megjelenítés módszerét Felépítendő kapcsolat típusát - protokoll Forrás helyét az Interneten Kiszolgáló Internet neve Kiszolgáló port száma (ált.: 80-as) Forrás helye (könyvtárstruktúra)

Navigáció az Interneten - HTTP Hypertext Transfer Protocol - Ügyfél-kiszolgáló protokoll Állapotmentes: több kérés független kezelése, elküldése, majd a kapcsolat lezárása HTTP kapcsolat lépései: Kapcsolat megnyitása Kérés elküldése Válasz Kapcsolat lezárása

Navigáció az Interneten - HTTP Azonosítás: Gép Internet címe Hely, idő, dátum Kérés módja (GET, POST, stb.) Dokumentum neve HTTP protokoll verziószáma Kapcsolatkérés eredménye Dokumentum hossza

Kisfilm goodwarriors\goodwarriors.avi

Biztonsági kérdések Biztonsági problémák: Személyes adataink védelme Titkosítás – PGP (Pretty Good Privacy ) Számítógépen található adatok, programok védelme (vírusok) Jelszavak Hozzáférés szabályozás Tűzfal Proxyszerver

A fejlesztés eszközei Saját alkalmazások elkészítésének legújabb eszközei: Statikus alap: HTML(Hyper Text Markup Language ) Interaktivitás, dinamikus oldalak: JavaScript PHP (PHP Hypertext Preprocessor ) XML (Extensible Markup Language ) ASP (Active Server Pages)

A fejlesztés eszközei - HTML Internetes dokumentumok legnagyobb része Dokumentum logikai struktúráját határozza meg A dokumentum lehet: Szöveg, kép, animáció, hang, stb. Logikai kapcsolatok – linkek Utasítások: logikai formázó utasítások megjelenítést szabályozó utasítások Böngészőnként nagyjából egységes kép

HTML példa <HTML> <HEAD> <TITLE>Cím</TITLE> <BODY> Miért kezdődik minden könyv első mintaprogramja azzal, hogy "Helló világ?!" </BODY> </HTML>

A fejlesztés eszközei - PHP HTML dokumentumban eléhelyezhető: PHP kódblokkokat speciális kezdő és befejező jelek közé kell elhelyezni kliens oldali nyelvektől eltérően: a kód a kiszolgálón fut Könnyen elsajátítható

PHP példa <html>    <head>        <title>Példa</title>    </head>    <body>        <?php        echo "Helló, Én egy PHP szkript vagyok!";        ?>    </body> </html>

A fejlesztés eszközei - XML Extensible Markup Language = bővíthető jelölőnyelv XML a hordozható adat készítésének az eszköze adatok értékein túl további címkéket és hivatkozásokat helyezhetünk különféle jelölőnyelvek készítését leíró nyelv (meta nyelv)

XML példa <?xml version="1.0" encoding="WINDOWS-1250" ?> <VKONYV> <VENDEG sorszam=”1”> <NEV>Nyiri Imre</NEV> <EMAIL>inyiri@mol.hu</EMAIL> <DATUM>2001.01.31</DATUM> <SZOVEG>Helló!</SZOVEG> </VENDEG> <VENDEG sorszam=”2”> <NEV>Koller József</NEV> <EMAIL>jkoller@mailbox.hu</EMAIL> <DATUM>2001.04.30</DATUM> <SZOVEG>Tetszett a site :) </SZOVEG> </VKONYV>

A fejlesztés eszközei - ASP Active Server Pages. - hálózati alkalmazás szolgáltató Keretrendszer Webkiszolgáló végignézi a HTML kódot, az ASP részletet végrehajtja <% és %> jelzi az ASP kód kezdetét és végét köztük található kódrészlet soha nem jut el az ügyfélhez, csakis a kód futtatása során keletkező kimenet

ASP példa <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <% Response.Write("<center>Hello World!</center>") %> </BODY> </HTML>

Köszönöm figyelmüket!