225 ch1 (1)


Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

225 ch1 (1)

  1. 1. AN INTRODUCTION TO INTERNET , WEB and HTML CSIT225 Internet Programming CHAPTER 1
  2. 2. The History of Internet <ul><li>1970 - Advanced Research Agency Network ( ARPANET ) hosts started to use Network Control Protocol ( NCP ). </li></ul><ul><li>1972 - The first Telnet specification, “Ad hoc Telnet Protocol” was submitted as RFC 318 ( RFC -Request for Comments). </li></ul><ul><li>1973 - RFC-454, “File Transfer Protocol”, was introduced. </li></ul><ul><li>  </li></ul><ul><li>1974 - The Transmission Control Program ( TCP ) was specified in detail. </li></ul><ul><li>  </li></ul><ul><li>1981 - The IP (Internet Protocol) standard was published in RFC 791. (*)   </li></ul>
  3. 3. The History of Internet <ul><li>1982 - Control Protocol (TCP) and Internet Protocol (IP) as the TCP/IP protocol suite . </li></ul><ul><li>1983 - ARPANET switched from NCP to TCP/IP. </li></ul><ul><li>  </li></ul><ul><li>1984 - Domain Name System ( DNS ) was introduced. </li></ul><ul><li>  </li></ul><ul><li>1986 - The U.S. National Science Foundation ( NSF ) initiated the development of the NSFnet , which even now provides a major backbone communication service for the Internet </li></ul>
  4. 4. The History of Internet <ul><li>1989 - The web was initially conceived and created by Tim Berners-Lee, a computer specialist from the European Particle Physics Laboratory (CERN) in 1989. He and his partner Robert Cailliau created a prototype web for CERN and released it to the Internet community for testing and comments. </li></ul><ul><li>1991 - NSF dropped its funding of the Internet and lifted the ban on commercial traffic on its backbone. (***) </li></ul>
  5. 5. The History of Internet <ul><li>Note: You should recognize that an IP address is, in fact, an Internet protocol address. </li></ul><ul><li>* The survey says that 4,294,967,296 possible IP addresses are available on the Internet. </li></ul><ul><li>  </li></ul><ul><li>** Today, the NSFnet backbone carries over 12 billion packets of information per month. </li></ul><ul><li>  </li></ul><ul><li>*** Up until 1991, all NSF traffic came from government and educational institutions </li></ul><ul><li>  </li></ul>
  6. 6. The History of Internet <ul><li>The most important technological development in the history of the web, besides the creation of the web itself, was the development of graphical browsers in the early 90s. Beginning with NCSA's Mosaic and its evolution into Netscape's Navigator and Microsoft's Internet Explorer, these programs allowed users to browse the resources on the web in an extremely user friendly environment. </li></ul><ul><li>  </li></ul><ul><li>This made the web a &quot;fun&quot; place and marked the beginning of the true web revolution. </li></ul>
  7. 7. The History of Internet <ul><li>After 1991 , </li></ul><ul><li>Commercial enterprises could respond more quickly to the market and to demand for information. </li></ul><ul><li>  </li></ul><ul><li>New commercial backbones are built and of course, the marketing and popularization of the Internet came. </li></ul><ul><li>  </li></ul><ul><li>The Net started to move away from UNIX and other science application languages to Windows-based interfaces that were easy for the public to use. </li></ul><ul><li>  </li></ul><ul><li>As the Internet became more accessible, companies began to see the enormous potential for business on the Internet. In addition, users also began to see some of the incredible applications for which they could use the Internet. </li></ul>
  8. 8. New Terms <ul><li>New Term: Protocol : A protocol is nothing more than a set of rules. On the Internet, it is a set of rules computers use to communicate across networks. As long as everyone follows the rules, communication can occur freely </li></ul><ul><li>  </li></ul><ul><li>New Term: Backbone : A backbone is nothing more than a major cable that carries network traffic. Although thousands of regional private and public networks exist, most Internet traffic spends most of its trip on one of the major backbones </li></ul><ul><li>  </li></ul><ul><li>TCP/IP is a set of protocols developed to allow cooperating computers to share resources across a network. Today TCP/IP is the most important protocol that internet is based on. </li></ul>
  9. 9. The Primary Advantages of the TCP/IP <ul><li>It is the most complete and accepted enterprise networking protocol available today. </li></ul><ul><li>All modern operating systems offer TCP/IP support. </li></ul><ul><li>Most large networks rely on TCP/IP for much of their network traffic. </li></ul><ul><li>TCP/IP is also the protocol standard for the Internet. </li></ul><ul><li>Using TCP/IP technology is the ability to connect dissimilar systems . </li></ul>
  10. 10. Ways of Internet Utility <ul><li>Communication </li></ul><ul><li>Remote File Transfer Operations </li></ul><ul><li>Web Publishing </li></ul><ul><li>Document Searching </li></ul>
  11. 11. Ways of Internet Utility <ul><li>With all the publicity and television commercials, you might conclude that the most popular use of the Internet is the World Wide Web . </li></ul><ul><li>  </li></ul><ul><li>Well, here's a surprise. The most popular use, even today, is electronic mail , or e-mail . That's right, good old person-to-person, &quot;let's talk&quot;-type communication. It is almost fitting that one of the original uses of the Internet would still be the most popular. </li></ul><ul><li>  </li></ul><ul><li>You can, of course, communicate in other ways on the Net. In the following sections, you look at a few ways people are using the Internet to communicate with one another. </li></ul>
  12. 12. Communication <ul><li>Personal Communication </li></ul><ul><li>  </li></ul><ul><li>Why e-mail ? </li></ul><ul><li>  </li></ul><ul><li>E-mail provides you with more than just a way to write Aunt Jane a note about how things are going. Of course, many people can and do use e-mail for this very task, and it is very effective when used this way. But you also can find some more practical reasons for personal communication. </li></ul><ul><li>  </li></ul><ul><li>Have you ever tried to get in touch with someone and ended up playing phone tag for two days before finally getting hold of them? If you have, you know how frustrating this situation can be. Fortunately, e-mail eliminates this problem.  </li></ul>
  13. 13. Communication <ul><li>Using e-mail, you can quite often get hold of people who might otherwise take hours or days to get in touch with. Not only that, but by using e-mail, you can contact them on your time--no more waiting on hold or wondering whether you've been disconnected. </li></ul><ul><li>  </li></ul><ul><li>Just send some e-mail, go about your other business, and wait for a response to pop in your mailbox. Which, by the way, points to e-mail's biggest advantage: It's fast! It's in the Mail  </li></ul>
  14. 14. Communication <ul><li>Faxes are nice, but over long distances, the costs can add up. What if you had a quick and easy way to transmit instantly any type of file, document, or computer program electronically? Well, you do. With most e-mail programs, you can encode and &quot;attach&quot; documents to e-mail messages. </li></ul><ul><li>Why bother with wasted paper and time at the fax machine? E-mail your message! </li></ul>
  15. 15. Communication <ul><li>A Public Forum </li></ul><ul><li>  </li></ul><ul><li>Wouldn't it be great if you could have access to hundreds of other people through one e-mail address? The listserv is just such a vehicle. </li></ul><ul><li>  </li></ul><ul><li>By signing up, or &quot;subscribing,&quot; to a listserv, you then gain instant access to everyone else who subscribes to that listserv.  </li></ul>
  16. 16. Communication <ul><li>A Public Forum </li></ul><ul><li>  </li></ul><ul><li>New Term: Listserv : A listserv is basically an e-mail address that is configured to forward every message it receives to the e-mail addresses of the users who have &quot;subscribed&quot; to it. You can think of a listserv as an electronic interactive newspaper. </li></ul><ul><li>  </li></ul><ul><li>Listservs have literally thousands of topics for their member to discuss. Everybody from programmers to zoologists can find a listserv. If more than one person is interested in a particular topic, you can almost certainly find a listserv for it. </li></ul>
  17. 17. Communication <ul><li>CAUTION: </li></ul><ul><li>Listservs are great, no doubt about it. They do, however, pose a downside. </li></ul><ul><li>Some of them are large and can sometimes dump hundreds of e-mail messages a day into your mailbox, so be careful out there. </li></ul>
  18. 18. Communication <ul><li>More Public Forums </li></ul><ul><li>  </li></ul><ul><li>Using listservs isn't the only way to reach out and talk to large groups of people on the Internet. </li></ul><ul><li>  </li></ul><ul><li>Using newsgroups , you can accomplish the same task in a different way. </li></ul>
  19. 19. Communication <ul><li>The differences between listserv and newsgroups </li></ul><ul><li>  </li></ul><ul><li>The first difference between a listserv and a newsgroup is in the way messages are received. </li></ul><ul><li>With listservs, messages are sent directly to your mailbox, where you have to sort them out and decide what to read. </li></ul><ul><li>  </li></ul><ul><li>Newsgroup messages, on the other hand, are posted to something like a public electronic bulletin board, where you have to go to read the messages. </li></ul>
  20. 20. Communication <ul><li>The differences between listserv and newsgroups </li></ul><ul><li>  </li></ul><ul><li>The second difference is one of access. </li></ul><ul><li>Anybody with an e-mail address can subscribe to a listserv. </li></ul><ul><li>  </li></ul><ul><li>To read newsgroups, however, your Internet service provider must provide you with access. </li></ul>
  21. 21. Communicate in Real Time <ul><li>In the last few years, the Internet has been hit by a wave of real-time communication. The processes of getting information, talking to others, and collaborating with colleagues no longer require a waiting period. </li></ul><ul><li>  </li></ul><ul><li>Chatting </li></ul><ul><li>  </li></ul><ul><li>At some point, you may want to remove the time delay between sending and receiving e-mail. You may want to converse directly with another person or have the ability to address a group of people. </li></ul><ul><li>  </li></ul><ul><li>Today the most popular chatting services and tools are IRC and ICQ . </li></ul>
  22. 22. What Is IRC and How Does It Work? <ul><li>IRC (Internet Relay Chat) was developed in the late 1980s by Jarkko Oikarinen. It consists of a network of chat servers located all over the globe. Each server is connected via the network, allowing users to have real-time communications. </li></ul><ul><li>  </li></ul><ul><li>Using IRC, large groups of people can simultaneously participate in discussion groups, called channels . </li></ul><ul><li>A user's message is instantly viewed by all the other guests in that channel. </li></ul>
  23. 23. What Is IRC and How Does It Work? <ul><li>IRC poses no restrictions to the number of users. Tens of thousands of people connect to IRC everyday to discuss everything from world news to what they had for dinner last night. </li></ul><ul><li>  </li></ul><ul><li>If you can't find a channel for your topic of discussion, you can always start your own. </li></ul><ul><li>  </li></ul><ul><li>Actually, a few separate networks make up IRC. The two biggest are EFnet and Undernet. Some channels are shared by both, whereas other channels reside on only one of the networks. Because of the network connections to either EFnet or Undernet, you don't have to connect to the same server every time. Try connecting to the one that is geographically closest to you. Doing so may make your connection faster. </li></ul>
  24. 24. Remote File Transfer Operations <ul><li>FTP (File Transfer Protocol) is the one of the most important and popular protocols used in Internet. Any two computers from any two parts of the world can be connected to each other through FTP in order to send, get any file to/from each other. </li></ul><ul><li>  </li></ul><ul><li>You can use standard FTP commands in order to connect to an FTP server, then you may upload (send) or download (get) any file to/from this server (if you familiar with the command set of FTP). </li></ul><ul><li>  </li></ul><ul><li>If you do not know FTP commands, you may use any FTP tools (e.i.: Cute-FTP, Bulletproof- FTP) or a new generation web browser which is supporting FTP (e.i.: Internet explorer, Netscape Navigator, …) for this purpose. </li></ul>
  25. 25. Remote File Transfer Operations <ul><li>Most of the FTP servers require user accounts with passwords in order to allow their users to connect themselves. </li></ul><ul><li>  </li></ul><ul><li>FTP servers may allow foreign users to login (connect themselves) as anonymous user with limited rights . </li></ul>
  26. 26. WEB Publishing <ul><li>World Wide Web (WWW) is going to be the most effective and the cheapest publishing environment of today (it is competing with TV now). </li></ul><ul><li>  </li></ul><ul><li>Hyper Text Markup Language (HTML) is a language that forms the documents in order to published in the WWW environment. </li></ul><ul><li>  </li></ul><ul><li>Hyper Text Transfer Protocol (HTTP) is a protocol, that is used for transferring HTML pages from WEB servers to the clients browsers. </li></ul>
  27. 27. Document Searching <ul><li>The Internet isn't called the Information Superhighway for nothing. </li></ul><ul><li>  </li></ul><ul><li>The Internet is information. </li></ul><ul><li>  </li></ul><ul><li>Sometimes unfiltered, many times even useless, more information is available on the Internet than any one person could ever deal with. </li></ul>
  28. 28. Document Searching <ul><li>Fortunately, some powerful search tools can help you find just about anything you want (i.e.: Finding People, Places, and Things). </li></ul><ul><li>  </li></ul><ul><li>In the final analysis, whether you find the Internet useful depends to a large degree on whether you can find the information you want and need. </li></ul>
  29. 29. Document Searching <ul><li>Finding People </li></ul><ul><li>  </li></ul><ul><li>Because everyone on the Internet has an e-mail address, you should be able to find anyone, right? </li></ul><ul><li>  </li></ul><ul><li>Well, think about it. How easy would it be to publish a telephone book with every phone number in the world? Not very easy at all. </li></ul><ul><li>Even if you could gather all the numbers, by the time you published it, 10 percent of them would be wrong, disconnected, or changed. </li></ul>
  30. 30. Document Searching <ul><li>Finding People </li></ul><ul><li>  </li></ul><ul><li>The same challenge faces the Internet, and to be honest, sometimes the best way to find a friend's e-mail address is to just pick up the phone, call, and ask. </li></ul><ul><li>  </li></ul><ul><li>With some tools, however, you can, with a little afford, locate e-mail addresses. </li></ul>
  31. 31. Document Searching <ul><li>Finding Places </li></ul><ul><li>  </li></ul><ul><li>One of the newest crazes on the Internet is locator services. Many Internet sites help you plan trips, find locations, take you through tours on maps, and more. </li></ul><ul><li>  </li></ul><ul><li>All these services start with a search engine, which enables you to search a database for information you want. In this case, the database consists of locations, highway routes, and other geographical information. </li></ul>
  32. 32. Document Searching <ul><li>New Term : Search engine: A search engine does exactly what its name says. It is really a computer program that indexes a database and then enables users to search it for relevant information. </li></ul><ul><li>  </li></ul><ul><li>Finding Things </li></ul><ul><li>  </li></ul><ul><li>You can search for billions of things on the Internet. Searching is an integral part of anyone's Internet use today. </li></ul>
  33. 33. The Internet for Fun and Entertainment <ul><li>Games of Internet </li></ul><ul><li>National Quake Teams (Play with other users) </li></ul><ul><li>Bots (Play with computer characters that they have artificial intelligence) </li></ul><ul><li>  </li></ul><ul><li>Music on Internet </li></ul><ul><li>RealAudio, Radio station on Internet, … </li></ul><ul><li>  </li></ul><ul><li>Video on Internet </li></ul><ul><li>RealVideo, EmblazeVideo, Internet TV, … </li></ul><ul><li>  </li></ul><ul><li>Video Conferencing </li></ul><ul><li>With the help of a small, inexpensive camera, and the right software on your computer, you can conduct face-to-face business and personal meetings right over the Internet. </li></ul>
  34. 34. The Internet for Fun and Entertainment <ul><li>For an organization or individual who has contacts spread out over a large geographic area but who needs face-to-face contact with them on a regular basis, video conferencing is very useful. </li></ul>
  35. 35. What exactly is the web? <ul><li>The web is a complex, international, cross platform, cross language, cross cultural mesh of servers, clients, users, databases, and quite a few artificial intelligences all talking, working, searching, viewing, accessing, downloading, and who knows what else. </li></ul>
  36. 36. What exactly is the web?
  37. 37. What exactly is the web? <ul><li>As such, no one owns or controls the web. In fact, it is impossible to own or control by its very nature and design. In fact, &quot;it&quot; is not even an &quot;it&quot;. You can't hold the web or make it tangible. Instead, you can think of the web not as a thing, but as a process, an action, a medium of communication. </li></ul><ul><li>This fact has profound implications on how you should think about designing web pages. For example, give up any hopes of maintaining intellectual property over what you distribute on the web and know that the only information that is private or secure is the information that is stored solely in your own neurons. </li></ul>
  38. 38. What exactly is the web? <ul><li>“ The Internet&quot; is quite a different thing from &quot;an Intranet&quot;. </li></ul><ul><li>An Intranet is a mini web that is limited to the users, machines, and software programs of a specific organization, usually a company. Since organizations are typically small and have more control over policies and information systems, intranets are often more controllable. </li></ul>
  39. 39. What exactly is the web? <ul><li>So how do all these computers, software packages, and people communicate with each other? </li></ul><ul><li>The creators of the web devised standards of communication upon which the web is built. </li></ul><ul><li>These standards sit at a layer above operating systems, computer languages, or Internet transmission protocols and provide a basic medium for communication. </li></ul>
  40. 40. What exactly is the web? <ul><li>The two most important standards (protocols) used on the web today are HTTP and HTML. Let's look at each of those protocols more in depth... </li></ul><ul><li>  </li></ul><ul><li>The web is the largest client/server system implemented to date.&quot; It is also the most complex and heterogeneous one that must deal with multitudes of operating systems, human languages, programming languages, software, hardware, and middleware. </li></ul>
  41. 41. What is a client/server system? <ul><li>A client/server system is a very keen way of distributing information across information systems like a local area network (LAN), a wide area network (WAN), or the Internet. </li></ul><ul><li>A client/server system works something like this: </li></ul><ul><ul><li>A big hunk of computer (called a server) sits in some office somewhere with a bunch of files that people might want access to. </li></ul></ul><ul><ul><li>This computer runs a software package (uh...also called a server unfortunately) that listens all day long to requests over the wires. </li></ul></ul>
  42. 42. What is a client/server system? <ul><li>The &quot;wires&quot; is possibly a twisted pair network hooked into a local telephone company POP or a cable or fiber optics network hooked up to a corporate WAN or LAN that is also linked up to the national telecommunications / information infrastructure through a local telephone company. </li></ul><ul><li>Whatever the case, the specifics of the information infrastructure is beyond the scope of this tutorial, but should be mentioned. </li></ul>
  43. 43. What is a client/server system? <ul><li>Typically, these requests will be in some language and some format that the computer understands, but in English sound something like, &quot;hello software package running on a big hunk of computer, please give me the file called &quot;mydocument.txt&quot; that is located in the directory &quot;/usr/people/myname&quot;. </li></ul><ul><li>The &quot;server software&quot; will then access the server hardware, find the requested file, send it back over the wires to the &quot;client&quot; who requested it, and then wait for another request from the same or another client. </li></ul>
  44. 44. What is a client/server system? <ul><li>Usually, the &quot; client &quot; is actually a software program, like Netscape Navigator , that is being operated by a person who is the one who really wants to see the file. </li></ul><ul><li>The client software however, deals with all the underlying client/server protocol stuff and then displays the document (that usually means interpreting HTML, but we'll get there in just a bit) to the human user. </li></ul>
  45. 45. What is a client/server system? <ul><li>The whole process looks something like the figure below: </li></ul>
  46. 46. What is a client/server system? <ul><li>So if the web is a huge client/server system, what is the underlying client/server protocol that is used by the client software and the server software for communication? </li></ul><ul><li>Well the client/server protocol used by the web is HTTP ( HyperText Transport Protocol ). </li></ul><ul><li>HTTP is a protocol that is defined in several RFC´s (Request for Comments) located at the Internic and has had several generations worth of revisions (HTTP/09, HTTP/1.0 and HTTP/1.1). </li></ul>
  47. 47. What is a client/server system? <ul><li>HTTP is a &quot;request-response&quot; type protocol that specifies that a client will open a connection to a server then send a request using a very specific format. The server will then respond and close the connection. </li></ul><ul><li>The details of HTTP are less important for an HTML designer as they are to a web programmer, so we will not go into the specifics here (although they are available from the Illustrated Guide to HTTP referenced in the Resources section below). </li></ul>
  48. 48. What is a client/server system? <ul><li>The main thing you need to know is that HTTP is a language spoken between your web browser (client software) and a web server (server software) so that they can communicate with each other and exchange files. </li></ul><ul><li>As a web designer, you will deal much more with the other web protocol, HTML that is discussed next. </li></ul>
  49. 49. HTML the Language of the Web <ul><li>So what does a web browser (client software) do with a file it receives from a web server (server software)? Does it just display it to the human user as is? </li></ul><ul><li>The answer is yes and no. Actually, in some cases, the web browser will display a document exactly the way it receives it from the web server. For example, if the document requested is an image, the web browser will display it directly. Similarly, plain text files will be displayed just as they are sent. </li></ul><ul><li>However, if the document is an HTML document, the web browser will &quot; interpret &quot; the HTML and display it according to the instructions contained within the HTML code. </li></ul>
  50. 50. HTML the Language of the Web <ul><li>Well, what is HTML code and why must it be interpreted? </li></ul><ul><li>HTML (Hyper Text Markup Language) is a very simple language used to &quot;describe&quot; the logical structure of a document. </li></ul>
  51. 51. HTML the Language of the Web <ul><li>Is HTML a Programming Language? </li></ul><ul><li>Actually, though HTML is often called a programming language it is really not. </li></ul><ul><li>Programming languages are 'Turing-complete', or 'computable'. That is, programming languages can be used to compute something such as the square root of pi or some other such task. </li></ul><ul><li>Typically programming languages use conditional branches and loops and operate on data contained in abstract data structures. </li></ul><ul><li>HTML is much easier than all of that. HTML is simply a 'markup language' used to define a logical structure rather than compute anything. </li></ul><ul><li>It is a semantic issue, but it is one which you should officially be aware of. </li></ul>
  52. 52. HTML the Language of the Web <ul><li>For example, it can describe which text the browser should emphasize, which text should be considered body text versus header text, and so forth. </li></ul><ul><li>The beauty of HTML of course is that it is generic enough that it can be read and interpreted by a web browser running on any machine or operating system. </li></ul><ul><li>This is because it only focuses on describing the logical nature of the document, not on the specific style. </li></ul><ul><li>The web browser is responsible for adding style. For instance emphasized text might be bolded in one browser and italicized in another. It is up to the browser to decide. </li></ul>