World Wide Web fejlod

1
World Wide Webfejlodé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 jellemzok
• 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ékuek
• 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-tol egyre modernebb számítógépek, bovülo
  felhasználócsoport

5
Internet Magyarországon

• 1985. Vámos Miklós kutatói hálózat
• 1988. ELLA elso levelezo 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
  foiskola, iskola

6
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

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
• Elso sormódú böngészo és szerkeszto
• Elso 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 fejlesztoknek,
  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

10
Technikai jellemzok

• Internet protokollja (kommunikációs arch.)
• TCP/IP (Transmission Control Protocol/Internet
  Protocol)
• jellemzoi
• nyitott, gyártófüggetlen
• globális
• méretezheto
• réteges felépítésu (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 ellenorzo összeg leszedése
• Protokollra vonatkozó típuskód elenorzése
• Ha IP-re mutat, átadja az IP-nek
• IP protokoll mezot 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áfuzése (forrás és a célprocessz port
  címe, sorozatszám, ellenorzo ö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üggoen új keret fejléc és ellenorzo
  összeg
• EITxxxC EITxxxC EITxxxC

15
Navigáció az Interneten

• Ügyfél-kiszolgáló koncepció
• Web szerver www kiszolgálóprogram
• Kliens böngészo programok
• www muködését biztosító tényezok
• 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 szerkezetu sorok
• Megadja
• Megjelenítés módszerét
• Felépítendo 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, ido, 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
• Tuzfal
• 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észonként nagyjából egységes kép

23
HTML példa

• ltHTMLgt
• ltHEADgt
• ltTITLEgtCímlt/TITLEgt
• lt/HEADgt
• ltBODYgt
• Miért kezdodik minden könyv elso
  mintaprogramja azzal, hogy "Helló világ?!"
• lt/BODYgt
• lt/HTMLgt

24
A fejlesztés eszközei - PHP

• HTML dokumentumban eléhelyezheto PHP
  kódblokkokat speciális kezdo és befejezo jelek
  közé kell elhelyezni
• kliens oldali nyelvektol eltéroen a kód a
  kiszolgálón fut
• Könnyen elsajátítható

25
PHP példa

• lthtmlgt   ltheadgt       lttitlegtPéldalt/titlegt  
  lt/headgt   ltbodygt       lt?php       echo
  "Helló, Én egy PHP szkript vagyok!"      
  ?gt   lt/bodygtlt/htmlgt

26
A fejlesztés eszközei - XML

• Extensible Markup Language bovítheto
  jelölonyelv
• 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ölonyelvek készítését leíró nyelv
  (meta nyelv)

27
XML példa

• lt?xml version"1.0" encoding"WINDOWS-1250" ?gt
• ltVKONYVgt
• ltVENDEG sorszam1gt
• ltNEVgtNyiri Imrelt/NEVgt
• ltEMAILgtinyiri_at_mol.hult/EMAILgt
• ltDATUMgt2001.01.31lt/DATUMgt
• ltSZOVEGgtHelló!lt/SZOVEGgt
• lt/VENDEGgt
• ltVENDEG sorszam2gt
• ltNEVgtKoller Józseflt/NEVgt
• ltEMAILgtjkoller_at_mailbox.hult/EMAILgt
• ltDATUMgt2001.04.30lt/DATUMgt
• ltSZOVEGgtTetszett a site ) lt/SZOVEGgt
• lt/VENDEGgt
• lt/VKONYVgt

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
• lt és gt 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 keletkezo
  kimenet

29
ASP példa

• ltHTMLgt
• ltHEADgt
• ltTITLEgtlt/TITLEgt
• lt/HEADgtltBODYgtlt
• Response.Write("ltcentergtHello World!lt/centergt")
  gtlt/BODYgtlt/HTMLgt

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