GV: Nguy n Mai Huy Bài T ng quan v Internet & Web I/- L ch s hình thành & phát tri n c a Internet 1- Khái quát M ng Internet hi n ph bi n mang l i r t nhi u l i ích h u d ng cho ng i s d ng, m t nh ng ti n ích ph bi n Internet đ c đông đ o sinh viên, h c sinh ng i dùng internet thu c gi i trí th c, kinh doanh s d ng h th ng th tín n t (Còn g i email), Trò chuy n tr c n (chat), tìm ki m tài nguyên (search engine), Ngoài d ch v th ng m i ph c v cho mua bán tr c n (online trading), d a vi c chuy n ngân đ c b o h b i m ng l i liên k t gi a ngân hàng th gi i, ngày đ c ng i dùng tín nhi m s d ng nh m t nhu c u thi t y u cu c s ng th ng ngày T t c nh ng d ch v vô hình chung cung c p m t kh i l ng thông tin d ch v kh ng l , ph c v cho đ i s ng c a ng i thông qua Internet Tính cho đ n th i m này, kh i l ng thông tin kh ng l đ c cung c p kèm theo d ch v Internet, đ c tri n khai ph n l n d a vào h th ng trang web liên k t v i Thông th ng trang web đ c xây d ng, t ch c liên k t v i đ hình thành nên nh ng m truy c p cung c p thông tin internet đ c g i website; M t website có th bao g m nhi u trang web đ th hi n thông tin cung c p d ch v cho ng i dùng Internet Có hai khái ni m mà m t ng i dùng Internet c n hi u rõ - Internet: Là t p h p nhi u máy tính đ c k t n i v i d a thi t b v t lý (Cáp đ ng, Cáp quang, V tinh, …) ph c v cho vi c truy n d n thông tin d ng tín hi u s (Digital Signal) Ph m vi k t n i c a máy tính có th đ c th c hi n toàn c u (V t qua kh i gi i h n v không gian c a khu v c hay c a m t n c) đ k t n i truy n tin cho - WWW (World Wide Web) g i t t Web, m ng l i website đ c k t n i v i đ cung c p thông tin cho ng i dùng d a giao th c HTTP (Hyper Text Transfer Protocol) Có th nói WWW m t d ch v ho t đ ng Khoa Công Ngh Thông Tin d a n n t ng c a Internet toàn c u, ng i dùng có th truy c p web d a máy tính đ c k t n i Internet có th đ c thông tin cung c p b i WWW, ng i dùng c n ph i s d ng m t lo i ch ng trình, g i trình t (web browser) đ xem tài li u web – L ch s phát tri n Ti n thân c a m ng Internet ngày m ng ARPANET (Advanced Research Projects Agency- ARPA) đ c b qu c phòng M phát tri n cho m c tiêu liên k t đ a m bao g m: Vi n nghiên c u Stanford, i h c California - Los Angeles, i h c Utah i h c California - Santa Barbara (tháng n m 1969) ó m ng WAN (Wide Area Network) đ u tiên đ c xây d ng th gi i Thu t ng "Internet" xu t hi n l n đ u vào kho ng n m 1974 (t i th i m này, tên g i th c v n đ c g i ARPANET) Cho đ n n m 1983, giao th c TCP/IP th c đ c coi nh m t tiêu chu n đ i v i ngành quân s M , t t c máy tính th c hi n k t n i v i ARPANET đ u b t bu c ph i s d ng chu n m i Giao th c TCP/IP ngày th hi n nh ng u m c a nó, quan tr ng nh t kh n ng liên k t h th ng m ng khác m t cách d dàng Chính u v i sách m c a cho phép h th ng m ng dùng cho m c đích nghiên c u th ng m i có th k t n i đ c v i ARPANET, u thúc đ y vi c t o m t siêu m ng (SuperNetwork) Cho đ n n m 1980, ARPANET đ c đánh giá m ng tr c t ti n thân c a Internet ngày V i kh n ng k t n i m nh v y, Internet th c s tr thành m t h th ng m ng l n nh t th gi i: m ng c a m ng Internet đ c s d ng m i l nh v c, t Th ng m i, Chính tr , Quân s , cho đ n Nghiên c u, Giáo d c, V n hoá, Xã h i Chính th , d ch v Internet không ng ng phát tri n, t o cho nhân lo i m t th i k m i: k nguyên th ng m i n t d a n n t ng c a Internet GV: Nguy n Mai Huy – M t s khái ni m - ISP (Internet Service Provider) thu t ng ám ch nh ng công ty chuyên cung c p gi i pháp k t n i Internet, cho đ n v t ch c hay cá nhân ng i dùng M t s ISP n hình Vi t Nam có th k đ n VNPT, Viettel, VDC, Netnam, - IP Address: g i đ a ch IP (IP đ c vi t t t t thu t ng Internet Protocol ti ng Anh) Khi tham gia vào h th ng Internet, vi c đ nh danh máy truy c p (Client) máy cung c p d ch v (Server) r t c n thi t đ đ m b o cho vi c truy n tin gi a hai m m t cách xác an toàn IP m t chu i s đ i di n cho m i máy tính truy c p vào Internet (Ho c h th ng m ng n i b ), chu i s t n t i nh t m t c p m ng (T c không th có đ a ch IP trùng m t c p m ng) N u xét theo khía c nh th c t đ a ch IP c ng gi ng nh s nhà c a h dân m t thành ph , nh có s nhà mà m t h dân s ng thành ph A có th g i th tín, b u ph m t i cho m t h dân khác thông qua b u n mà không s b th t l c (ho c g i nh m cho ng i khác) d nhiên đ a ch c a m i c n nhà m t đ ng không bao gi trùng (Các IP thu c m t c p m ng có th hi u c ng nh c n nhà m t thành ph v y) VD: m t đ a ch IP có th có d ng nh sau: - o 111.65.248.132 o 74.125.229.162 o 157.116.226.25 o 67.132.30.211 o 192.168.1.1 o … Domain name: thu t ng th ng đ c g i theo ti ng vi t “Tên mi n” đây, tên mi n đ c hi u m t chu i ký t đ i di n cho m t máy tính m ng Internet (Th ng máy tính cung c p d ch v ) Do chu i s IP tr nên r i r m ph c t p đ i v i đa s ng i dùng Internet, u t o m t s khó kh n đ i v i ng i dùng truy c p Internet khai thác d ch v web, th Domain name m t hình th c đ tr u t ng hoá đ a ch IP h th ng m ng thành nh ng tên, giúp ng i dùng d nh h n M t cách đ n gi n, Domain name hình th c cho phép đ t tên đ i v i máy tính cung c p d ch v Internet, giúp ng i dùng Internet d dàng h n truy c p d ch v - Hosting: d ch v cung c p máy ch đ l u tr thông tin cho hình th c d ch v khác Internet VD: Web hosting, Email hosting, File hosting, … Trên th c t , hình th c Web hosting Email hosting ph bi t nh t n gi n h n, có th hi u v hosting nh th sau: N u ví Domain name nh s nhà c a h dân th c t Hosting n i cho phép l u tr thông tin c a website (ho c Email), c ng gi ng nh “mi ng đ t” dùng đ c t nhà, hosting n i l u tr thông tin c a trang web Internet Trong tình hu ng này, Website đ c xem nh nh ng c n nhà đ c x y d ng m nh đ t “hosting”, s n sàng m c a, chào đón v khách đ n t Internet - Web page: Còn g i trang web, đ c xây d ng d a ngôn ng trình bày d li u HTML, nh m m c đích cung c p thông tin thông qua Internet Nh ng thông tin có th hi n th trang web có th bao g m: Ch vi t (Text), Hình Khoa Công Ngh Thông Tin nh (Images), Âm (Sound), Phim, Video clip, Liên k t tr đ n trang web khác (Link), … kh n ng th hi n thông tin phong phú, đa d ng “m r ng” nh v y mà ng i ta ví trang web nh nh ng tài li u “Siêu v n b n” (Hyper Text) d ng - Website: Website t p h p nhi u trang web, đ c s p đ t theo m t logic đó, đ ph c v cho m t m c tiêu c th mà n i cung c p d ch v thông tin d a n n t ng Web t o M t website, c n đ a vào ho t đ ng Internet c n ph i đ c c p m t tên mi n (Domain Name) đ giúp ng i dùng Internet có th truy c p d dàng, đ ng th i ph i có m t Web hosting đ l u tr trang web đ c l p trình s n sàng ho t đ ng Thông tin c n l u tr m t website có th bao g m t t c d ng thông tin có th th hi n m t trang web nh c p m c - Web Browser: C n g i trình t web, m t lo i ch ng trình cho phép truy c p đ n đ a ch Internet hi n th thông tin n i dung c a trang web mà ng i dùng mong mu n M t s trình t ph bi n hi n đ c s d ng máy tính cá nhân nh : Google Chrome, Firefox, Opera, Safary, Internet Explorer, … - Search Engine: Do l ng thông tin đ c cung c p Internet r t “kh ng l ” c ng đa d ng, th m t v n đ l n thi t th c đ t đ i v i c ng đ ng Internet là: Làm đ đ a thông tin mà ng i dùng mong mu n đ n v i h ? VD: Ng i mu n nghe nh c có th tìm th y xác nhanh chóng nh ng hát mà h mu n nghe, Làm đ có th cung c p cho h c sinh, sinh viên nh ng tài li u chuyên nghành mà h c mong mu n tìm hi u ? … ng tr c v n đ nh v y, m t s công ty có ti m n ng v tài c ng nh công ngh , n ng l c k thu t cho đ i search engine đ ph c v c ng đ ng Internet V c b n, Search Engine ch ng trình đ c l p trình đ ho t đ ng n n t ng web nh m đáp ng cho nhu c u tìm ki m thông tin c a ng i dùng Internet Hi n nay, m t s Serach Engin r t h u ích đ c ng i dùng Internet tín nhi m, s d ng m i có nhu c u tìm ki m Internet nh : Google, Bing, Yahoo search, … - Social network: d ch v n i k t thành viên có s thích Internet l i v i nhau, v i nhi u m c đích khác mà không phân bi t không gian th i gian M ng xã h i th ng tích h p m t s nh ng tính n ng nh chat, e-mail, phim nh, voice chat, chia s file, blog xã lu n M ng xã h i đ i m i hoàn toàn cách th c liên k t c dân m ng v i tr thành m t ph n t t y u th ng ngày đ i v i hàng tr m tri u thành viên kh p th gi i Có th k đ n m t s m ng xã h i n i ti ng hi n nh : Facebook, Google +, Twitter, pinterest, … – World Wide Web HTML - World Wide Web đ c g i t t Web (hay WWW), đ c xem “không gian thông tin toàn c u” mà m i ng i có th truy c p qua máy tính có k t n i v i m ng Internet Web đ c phát minh đ a vào s d ng vào kho ng n m 1990, 1991 b i vi n s Vi n Hàn lâm Anh Tim Berners Lee Robert Cailliau (B ) t i CERN, Geneva, Switzerland Có th nói m t cu c cách GV: Nguy n Mai Huy m ng Internet ng i ta có th truy c p, trao đ i thông tin m t cách d dàng, nhanh chóng d a Web - Các tài li u World Wide Web đ c l u tr m t h th ng siêu v n b n (hypertext), đ t t i máy tính m ng Internet Ng i dùng Internet ph i s d ng m t ch ng trình đ c g i trình t web (web browser) đ đ c, xem “siêu v n b n” - Quá trình truy c p s d ng “siêu v n b n” đ c th c hi n nh sau: Trình t web s nh n thông tin t i ô đ a ch (address) ng i s d ng yêu c u (Thông tin ô đ a ch đ c g i URL – Uniform Resource Locator), r i sau ch ng trình s t đ ng g i thông tin (request) đ n máy ch ch a trang web (web server) hi n th k t qu (do máy ch web cung c p - response) trình t t i máy c a ng i dùng Lúc này, ng i dùng có th theo liên k t (hyperlink) m i trang web đ k t n i v i tài li u khác ho c g i thông tin ph n h i cho máy ch (g i trình t ng tác gi a Client - Server) Ho t đ ng truy tìm thông tin theo siêu liên k t th ng đ c g i trình t Web c a ng i dùng - HTML (HyperText Markup Language) m t ngôn ng trình bày d li u d a nguyên t c “đánh d u”, đ c thi t k đ t o nên trang web v i m u thông tin trình bày World Wide Web HTML đ c đ nh ngh a nh m t ng d ng đ n gi n c a SGML (Standard Generalized Markup Language) đ c s d ng t ch c c n đ n yêu c u xu t b n v n b n ph c t p thông qua Internet HTML tr thành m t chu n Internet t ch c World Wide Web Consortium (W3C) trì Phiên b n th c c a HTML HTML 4.01 đ c công b vào n m 1999 Và hi n nay, HTML đ c phát tri n ti p v i phiên b n HTML 5, h a h n mang l i di n m o m i cho Web v i nhi u n ng l c v trình bày đ ho so v i phiên b n c - Có m t đ c m c n l u ý: HTML không đ c xem ngôn ng l p trình dành cho máy tính, ch đ n thu n ngôn ng trình bày d li u theo tiêu chu n c a WWW mà II/- M t s d ch v ph bi n Internet + World Wide Web: D ch v cung c p thông tin Internet ho t đ ng d a n n t ng web thông qua giao th c HTTP, s d ng ngôn ng đánh d u d li u HTTP đ trình bày v n b n + Email (Electronic Mail): D ch v th tín n t m t h th ng chuy n nh n th t qua m ng máy tính Email m t ph ng ti n truy n nh n thông tin r t nhanh M t Email có th đ c g i d ng mã hoá (hay d ng thông th ng) đ c chuy n qua m ng máy tính, đ c bi t m ng Internet M t Email có th Khoa Công Ngh Thông Tin chuy n m u thông tin t m t máy ngu n t i m t hay r t nhi u máy nh n khác th i m Ngày nay, email ch ng nh ng có th truy n nh n d li u d ng v n b n (ch vi t), mà có th truy n đ c d ng thông tin khác nh hình nh, âm thanh, phim đ c bi t có nhi u ph n m m t th n t ki u m i cho phép hi n th n i dung c a email d ng HTML n cho email tr nên s ng đ ng h n t i máy tính c a ng i nh n Có hình th c t s d ng Email S d ng ph n m m: Máy tính c a ng i s d ng c n đ c cài đ t m t lo i ph n m m, th ng g i email client, M t s ph n m m n hình cho m c đích bao g m: Microsoft Outlook, Microsoft Outlook Express, Eudora, … S d ng Webmail: c cung c p d i d ng ng d ng ho t đ ng n n t ng Web, lo i ph n m m không c n ph i cài đ t mà đ c cung ng b i công ty chuyên cung c p d ch v email M t s webmail n i ti ng cung c p mi n phí: Yahoo mail, Hotmail, Gmail, outlook, … + Chat Online: hình th c trò chuy n tr c n gi a hai ng i (Ho c m t nhóm ng i), trình “Chat”, nh ng thành viên nhóm có th g i tin nh n, hình nh, th m chí c t p tin cho đ th o lu n v m t v n đ M t s d ch v Chat Online n i ti ng hi n có th k đ n bao g m: Google Talk, Skype, Yahoo! Messenger, Apple Messages, AOL Instant Messenger (AIM), Windows Live Messenger, + FTP (File Transfer Protocol): Cho phép truy n, nh n d li u d ng t p tin (File) gi a máy tính m ng Internet M t s ph n m m (FTP Software) ph bi n th ng đ c bi t đ n nh : Fileờilla, SmartFTP, WinSCP, BareFTP, FireFTP, … + Telnet: D ch v cho phép k t n i u n máy tính t xa + Internet Archive: m t th vi n k thu t s đ c thành l p b i Brewster Kahle vào n m 1996 (Phi l i nhu n), v i m c đích cho phép ng i dùng Internet có th t i lên (Upload) hay t i v máy tính (download) c a tài li u k thu t s Có th nói Archive m t d ch v l u tr d li u kh ng l ph c v cho m c đích tìm ki m chia s tài nguyên Internet thông qua ngu n d li u đ c tích lu ng i dùng t cung c p + Gopher: m t giao th c l p ng d ng (Application layer) ho t đ ng d a giao th c TCP / IP cho m c đích phân ph i , tìm ki m, l y tài li u qua Internet + DNS (Domain Name System): h th ng qu n lý tên mi n Internet DNS làm vi c v i ch c n ng “nh m t danh b n tho i” Internet, v i m c tiêu dò tìm tên c a máy ch đ ng ký, d i d ng Domain name chuy n h ng truy c p t i đ a ch IP Internet Ví d : ta gõ vào đ a ch (Address Bar) c a trình t đ a ch www.google.com l p t c, h th ng DNS s chuy n h ng truy c p đ n máy ch có IP: 113.171.253.18 T ng t , n u b n gõ vào đ a ch GV: Nguy n Mai Huy www.vnexpress.net DNS s t đ ng chuy n h ch web có IP: 111.65.248.132 ng truy c p th ng đ n máy III/ - Mô hình Client – Server Mô hình client-server m t mô hình n i ti ng đ c s d ng r ng rãi cho mô hình d ch v thông qua Internet Vi c tri n khai website Internet (Ho c ch ng trình ho t đ ng n n t ng web) h u nh đ u ng d ng mô hình Nguyên t c ho t đ ng c a mô hình Client-Server d a ý t ng sau: Các máy truy c p website (đóng vài trò máy khách - Client) s ti n g i yêu c u (request) v cho máy máy ch (đóng vai trò cung c p d ch v - Server), máy ch s ti n hành x lý ng v i m i yêu c u nh n đ c tr k t qu (Response) cho máy khách Lúc trình t máy khách (Client marchine) s hi n th thông tin k t qu vùng làm vi c cho ng i dùng t i th i m t ng ng IV – Khái ni m Static & Dynamic web - Static web: i v i nh ng website đ c xây d ng d a mã HTML thông th ng đ c thi t k b o trì b i nhà thi t k web N i dung, thông tin c a nh ng trang web đ c xây d ng theo cách đ c xem “C đ nh”, “t nh” đ i v i ng i dùng Nói khác, ng i dùng h u nh không th thay đ i n i dung c a trang web trình s d ng mà website ch có th b thay đ i b i nh ng ng i t o mà - Dynamic web: Web đ ng m t khái ni m hoàn toàn khác, website đ c xây d ng theo cách s cho phép ng i dùng có th t thay đ i, qu n lý thông tin m t cách ch đ ng d a nh ng công c h tr (Nh ng công c đ c xây d ng b i nhà phát tri n ph n m m) nh : ng bài, c p nh t hình nh, thay đ i menu truy c p tin t c, vi t, … trình v n hành web hoàn toàn tho i mái, thu n ti n ch đ ng b i ng i s d ng V/- Tài nguyên h c t p Khoa Công Ngh Thông Tin - Công c Do tài li u HTML “thu n text”, th b n có th s d ng b t c ph n m m hay công c mà b n bi t (nh ng ph n m m có th t o file text), đ s d ng trình so n th o tài li u HTML c a Tuy nhiên, b n có th s d ng m t s công c sau đây: notepad, notepad ++, visual studio, netbeans, eclipse, Adobe Dreamweaver - Notepad: - Notepad++: http://notepad-plus-plus.org/ - Visual Studio: GV: Nguy n Mai Huy - NetBean: … - Tài nguyên tham kh o Trong trình thi t k web, có m t s tài nguyên Internet mà b n có th tham kh o, tìm hi u đ ph c v cho công vi c h c t p, nghiên c u làm vi c c a * HTML – CSS: Nh ng đ a ch cung c p cú pháp, ví d h ng d n giúp b n tìm hi u v ngôn ng HTML CSS bao g m website sau - W3c: http://www.w3.org/ - W3schools: http://www.w3schools.com/ - CSS-TRICKS: http://css-tricks.com/ * Icons: N u mu n tìm ki m Icon, bi u t ng đ trang trí, làm đ p cho website c a B n có th tìm ki m thông qua đ a ch sau Khoa Công Ngh Thông Tin - Icon finder: https://www.iconfinder.com/ - Icon seeker: http://www.iconseeker.com/ - Find Icons: http://findicons.com/ * Photoshop – photo Image: M t s đ a ch d i n i cung c p nhá nhi u m u thi t k b ng Photoshop, hình nh mà b n có th tham kh o ho c t i v , s d ng cho vi c thi t k web c a - Brusheezy: http://www.brusheezy.com/ - Creative live: http://www.creativelive.com/photography - My photoshop brushes: http://myphotoshopbrushes.com/brushes/ 10 GV: Nguy n Mai Huy - Photoshop plus: http://www.photoshop-plus.co.uk/ * jQuery - javaScript: N u b n mu n tìm hi u v javaScript hay jQuery đ ph c v cho vi c l p trình d ng “k ch b n” th c thi phía Client, b n có th tham kh o t i đ a ch sau - javaScript from W3School: http://www.w3schools.com/js/DEFAULT.asp - Home & Learn: http://www.homeandlearn.co.uk/JS/javascript.html - HtmlDog: http://www.htmldog.com/guides/javascript/beginner/conditional/ - jQuery: http://jquery.com/ http://en.wikipedia.org/wiki/JQuery - jQuery UI: https://jqueryui.com http://en.wikipedia.org/wiki/JQuery_UI 11