World Wide Web fejlődése

Az előadások a következő témára: "World Wide Web fejlődése"— Előadás másolata:

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

2 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

3 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

4 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

5 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

6 Internet szolgáltatások
WWW Internet multimédiás felülete 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

7 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

8 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

9 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

10 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

11 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

12 Egy Ethernet IP keret

13 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

14 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

15 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

16 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)

17 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

18 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

19 Kisfilm goodwarriors\goodwarriors.avi

20 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

21 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)

22 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

23 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>

24 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ó

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

26 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)

27 XML példa <?xml version="1.0" encoding="WINDOWS-1250" ?>
<VKONYV> <VENDEG sorszam=”1”> <NEV>Nyiri Imre</NEV> <DATUM> </DATUM> <SZOVEG>Helló!</SZOVEG> </VENDEG> <VENDEG sorszam=”2”> <NEV>Koller József</NEV> <DATUM> </DATUM> <SZOVEG>Tetszett a site :) </SZOVEG> </VKONYV>

28 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

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

30 Köszönöm figyelmüket!