Practicum: Networks, Basic HTML Week 2 LBSC 690 Information Technology.

Slides:



Advertisements
Similar presentations
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, September 13, 2012 Session 2: HTML and.
Advertisements

LBSC 690 Session #2 FTP, "Hello World!" HTML Jimmy Lin The iSchool University of Maryland Wednesday, September 10, 2008 This work is licensed under a Creative.
Connecting with Computer Science, 2e Chapter 5 The Internet.
Networking Practicum: TraceRoute, FTP, Basic HTML Week 2 LBSC 690 Information Technology.
Networks Week 2 LBSC 690 Information Technology. Types of Software Application programs (e.g., Internet Explorer) –What you normally think of as a “program”
1 LBSC 690: Week 2 HTML, The Internet Jen Golbeck College of Information Studies University of Maryland.
The Internet Useful Definitions and Concepts About the Internet.
Networks Week 2 LBSC 690 Information Technology. Computer Systems Hardware –Types of hardware –Storage hierarchy –Moore’s law Software –Types of software.
Internet…issues Managing the Internet
CIS101 Introduction to Computing
Networks Week 2 LBSC 690 Information Technology. Computer Systems Hardware –Types of hardware –Storage hierarchy –Moore’s law Software –Types of software.
The Internet and the World Wide Web. Una DooneyThe Internet and WWWSlide 2 What is the Internet? A collection of networks (LANS and WANS) around the world.
Structured Documents Week 3 LBSC 690 Information Technology.
Introduction to Management Information Systems Chapter 5 Data Communications and Internet Technology HTM 304 Fall 07.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Information Technologies Anselm Spoerri PhD (MIT)
LBSC 690: Session 2 FTP, “Hello World!” HTML Jimmy Lin College of Information Studies University of Maryland Monday, September 17, 2007.
Data Networking Fundamentals Unit 7 7/2/ Modified by: Brierley.
Computing Week 9 LBSC 671 Creating Information Infrastructures.
Chapter 3 The Basics of Networking
Human-Computer Interface Course 5. ISPs and Internet connection.
CHAPTER 2 PCs on the Internet Suraya Alias. The TCP/IP Suite of Protocols Internet applications – client/server applications The client requested data.
Hands-On Microsoft Windows Server 2003 Networking Chapter Three TCP/IP Architecture.
Network Protocols. Why Protocols?  Rules and procedures to govern communication Some for transferring data Some for transferring data Some for route.
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Wednesday, February 5, 2014 Session 2: HTML and.
Lecturer: Ghadah Aldehim
A+ Guide to Software: Managing, Maintaining, and Troubleshooting, 5e
Introduction to the Internet. What is the Internet The Internet is a worldwide group of connected networks that allows public access to information and.
Computing Week 9 LBSC 671 Creating Information Infrastructures.
Lecture#2 on Internet and World Wide Web. Internet Applications Electronic Mail ( ) Electronic Mail ( ) Domain mail server collects incoming mail.
© 2007 Cisco Systems, Inc. All rights reserved.Cisco Public ITE PC v4.0 Chapter 1 1 Network Services Networking for Home and Small Businesses – Chapter.
Copyright © 2002 Pearson Education, Inc. Slide 3-1 CHAPTER 3 Created by, David Zolzer, Northwestern State University—Louisiana The Internet and World Wide.
Physical Infrastructure Week 1 INFM 603. Agenda The Computer The Internet The Web The Course.
E-Business William R. Mussatto CyberStrategies, Inc. 12/2/2000.
© 2007 Cisco Systems, Inc. All rights reserved.Cisco Public 1 Version 4.0 Network Services Networking for Home and Small Businesses – Chapter 6.
Connecting with Computer Science, 2e Chapter 5 The Internet.
MySQL and PHP Internet and WWW. Computer Basics A Single Computer.
1 Introductory material. This module illustrates the interactions of the protocols of the TCP/IP protocol suite with the help of an example. The example.
Communication, Networks, The internet and the Worldwide Web.
The Internet The internet is simply a worldwide computer network that uses standardised communication protocols to transmit and exchange data.
The Inter-network is a big network of networks.. The five-layer networking model for the internet.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT CHAPTER: HOW DOES INTERNET WORKS? Siti Nurbaya Ismail Faculty of Computer & Mathematical.
Application Layer Khondaker Abdullah-Al-Mamun Lecturer, CSE Instructor, CNAP AUST.
Chapter 1 Communication Networks and Services Network Architecture and Services.
Chapter 7: The Internet, Intranets, and Extranets.
1 UNIT 13 The World Wide Web Lecturer: Kholood Baselm.
TCP/IP (Transmission Control Protocol / Internet Protocol)
Protocols COM211 Communications and Networks CDA College Olga Pelekanou
Networking Material taken mainly from HowStuffWorks.com.
Web Services. 2 Internet Collection of physically interconnected computers. Messages decomposed into packets. Packets transmitted from source to destination.
1 Internet Protocols To support the Internet and all its services, many protocols are necessary Some of the protocols that we will look at: –Internet Protocol.
The Web Session 4 INST 301 Introduction to Information Science.
INTRODUCTION TO THE INTERNET Internet Protocol Cameras Training: Session 1.
The Internet Session 3 INST 301 Introduction to Information Science.
COMPUTER NETWORKS Hwajung Lee. Image Source:
1 UNIT 13 The World Wide Web. Introduction 2 Agenda The World Wide Web Search Engines Video Streaming 3.
1 UNIT 13 The World Wide Web. Introduction 2 The World Wide Web: ▫ Commonly referred to as WWW or the Web. ▫ Is a service on the Internet. It consists.
1 ** THE INTERNET ** Large, worldwide collection of networks that use a common protocol to communicate with each other A network of networks.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
Chapter Objectives In this chapter, you will learn:
Web fundamentals: Clients, Servers, and Communication
Instructor Materials Chapter 5 Providing Network Services
Understand the OSI Model Part 2
Networking for Home and Small Businesses – Chapter 6
Lecture 6: TCP/IP Networking By: Adal Alashban
Wednesday, September 19, 2018 What Is the Internet?
Networking for Home and Small Businesses – Chapter 6
Topic 5: Communication and the Internet
Networking for Home and Small Businesses – Chapter 6
Week 2 LBSC 690 Information Technology
Presentation transcript:

Practicum: Networks, Basic HTML Week 2 LBSC 690 Information Technology

Muddiest Points Bytes, nanos, gigas, Hz, … The memory hierarchy Why disks scatter things around RAID arrays The term project

Goals for Today Understand how bits get from here to there Learn to move files to a “Web server” Use those skills to make a Web page

The Internet Global collection of public “IP” networks –Private networks are often called “intranets” Independent –Each organization maintains its own network Cooperating –Internet Protocol (IP) address blocks –Domain names –World-Wide Web Consortium (W3C) –Computer Emergency Response Team (CERT)

A Short History of the Internet 1969: Origins in government research –Advanced Research Projects Agency (ARPAnet) –Key standards: UDP, TCP, DNS 1983: Design adopted by other agencies –Created a need for inter-network connections –Key standards: IP 1991: World-Wide Web added point-and-click –Now 908 million Internet “hosts” (July 2012) –Key standards: HTTP, URL, HTML, XML

What Changed in 1994?

Overview

Types of Digital Channels “Backbone” –Microwave –Satellite –Fiber “Last mile” wired –Telephone modem –ADSL –Cable modem –Fiber “Last mile” wireless –Wi-Fi (IEEE ) –GSM

Thinking About Speed Two parts of moving data from here to there: –Getting the first bit there –Getting everything there Fundamentally, there’s no difference: –Moving data from the processor to RAM –Saving a file to disk –Downloading music from a server in China

Some Definitions Latency –The amount of time it takes data to travel from source to destination Bandwidth –The amount of data that can be transmitted in a fixed amount of time

Internet  Web Internet: collection of global networks Web: way of managing information exchange There are many other uses for the Internet –File transfer (FTP) – (SMTP, POP, IMAP)

Remote Sever The World-Wide Web Send Request Requested Page Fetch Page Proxy Server Local copy of Page requested My Browser Internet

HTML (data/display) Internet communication protocols RTSPFTP Web Server HTTP (transfer) File System URL (e.g., HTML HTTP URL “The Web”

Web Standards HTML –How to write and interpret the information URL –Where to find it HTTP –How to get it

Types of Internet “Nodes” Hosts –Computers that use the network to do something Routers –Specialized computers that route packets Gateway –Routers that connect two networks Firewall –Gateways that pass packets selectively

IP Address Every host (and every router) is identified by an “Internet Protocol” (IP) address 32 bit number, divided into four “octets” Example: point your browser at “

An Internet Protocol (IP) Address IP address: Identifies a LAN Identifies a specific computer

Dynamic IP Addresses Dynamic Host Configuration Protocol (DHCP)

Hands-on: Learn About Your IP Address Find your IP address –Bring up a command window In Windows, type “cmd” in the search box! –Type “ipconfig /all” (and press enter) See who “owns” that address –Use See where in the world it (probably) is –

Routing Tables IP PrefixNext RouterEstimated Delay xxx.xxx ms 216.xxx.xxx.xxx ms xxx ms xxx.xxx.xxx.xxx ms

TraceRoute See how packets get from South Africa to you – Look at the same data visually –

Domain Name Service (DNS) “Domain names” improve usability –Easier to remember than IP addresses –Written like a postal address: specific-to-general Each “name server” knows one level of names –“Top level” name servers know.edu,.com,.mil, … –.edu name server knows umd, umbc, stanford, … –.umd.edu name server knows wam, ischool, ttclass, … –.wam.umd.edu name server knows rac1, rac2, …

IP Addresses and Domain Names Domain Name : wam.umd.edu IP address:

Uniform Resource Locator (URL) Uniquely identify Web pages Domain name Path File name Port Protocol

Ports Well-known ports –22 Secure Shell (for SSH and SFTP) –25 Simple Mail Transfer Protocol (SMTP) –53 Domain Name System (DNS) –68 Dynamic Host Configuration Protocol (DHCP) –80 Hypertext Transfer Protocol (HTTP) –143 Internet Message Access Protocol (IMAP) –554 Real-Time Streaming Protolol (RTSP) Registered Ports –8080 HTTP server run by ordinary users Ephemeral Ports

Port Mapping Internet Service providers lease one IP address –But home networks may contain many machines Network Address Translation (NAT) –Each internal machine gets a private IP address –Ports on internal machines are mapped both ways Port forwarding –Permits public server to run in the local network

Paths Specify location of files on a hard drive Folder metaphor –Hierarchically nested directories –Absolute vs. relative paths /afs/wam.umd.edu/home/wam/j/i/jimmylin/home C:\Documents and Settings\Jimmy Lin\My Documents../pub..\Desktop ~/oard

Hands On: The Directory Tree First, use Windows Explorer to visually explore the directory tree Now launch a “shell” (type cmd in search box) –“c:” takes you to Drive C –“dir” lists the present “directory” –“cd WINDOWS” takes you “down” to the WINDOWS directory –cd.. takes you “up” in the tree

The TCP/IP “Protocol Stack” Link layer moves bits –Ethernet, cable modem, DSL Network layer moves packets –IP Transport layer provides services to applications –UDP, TCP Application layer uses those services –DNS, SFTP, SSH, …

TCP/IP layer architecture Link Network Virtual link for packets Transport Virtual link for end to end packets Application Virtual network service Link for bits

Transmission Control Protocol (TCP) Built on the network-layer version of UDP Guarantees delivery all data –Retransmits missing data Guarantees data will be delivered in order –“Buffers” subsequent packets if necessary No guarantee of delivery time –Long delays may occur without warning

User Datagram Protocol (UDP) The Internet’s basic transport service –Sends every packet immediately –Passes received packets to the application No delivery guarantee –Collisions can result in packet loss Example: sending clicks on web browser

UDP/IP Protocol Stack

HyperText Transfer Protocol (HTTP) Send request GET /path/file.html HTTP/1.0 From: User-Agent: HTTPTool/1.0 Server response HTTP/ OK Date: Fri, 31 Dec :59:59 GMT Content-Type: text/html Content-Length: 1354 Happy New Millennium! …

File Transfer Program (FTP) Used to move files between machines –Upload (put) moves from client to server –Download (get) moves files from server to client Both visual and command line interfaces available Normally requires an account on the server –Userid “anonymous” provides public access

Hands On: Graphical Secure FTP SFTP to “terpconnect.umd.edu” Change directory to “/pub/USERID” Upload or download files You can see these files at:

Network Abuse Flooding –Excessive activity, intended to prevent valid activity Worms –Like a virus, but self-propagating Sniffing –Monitoring network traffic (e.g., for passwords)

Encryption Secret-key systems (e.g., DES) –Use the same key to encrypt and decrypt Public-key systems (e.g., PGP) –Public key: open, for encryption –Private key: secret, for decryption Digital signatures –Encrypt with private key, decrypt with public key

Encrypted Standards Secure Shell (SSH) –Replaces Telnet Secure FTP (SFTP)/Secure Copy (SCP) –Replaces FTP Secure HTTP (HTTPS) –Used for financial and other private data Wired Equivalent Protocol (WEP) –Used on wireless networks Virtual Private Network (VPN) –Not really a “standard”

Virtual Private Networks Intranet a secure private network over the public Internet Public Internet virtual “leased line”

HyperText Markup Language (HTML) Simple document structure language for Web Advantages –Adapts easily to different display capabilities –Widely available display software (browsers) Disadvantages –Does not directly control layout

“Hello World” HTML Hello World! Hello world! This is my first webpage! This is the header This is the actual content of the HTML document

Hands On: Learning HTML From Examples Use Internet Explorer to find a page you like – On the “Page” menu select “View Source” (in IE7) –Opens a notepad window with the source Compare HTML source with the Web page – Observe how each effect is achieved

Hands On: “Adopt” a Web Page Modify the HTML source using notepad –For example, change the page to yours Save the HTML source somewhere –In the “File” menu, select “Save As” –Put the name in quotes (e.g., “test.html”) FTP it to your../pub directory on terpconnect View it –

Tips Edit files on your own machine –Upload when you’re happy Save early, save often, just save! Reload browser to see changes File naming –Don’t use spaces –Punctuation matters

HTML Document Structure “Tags” mark structure – a document – an ordered list – something in italics Tag name in angle brackets <> –Not case sensitive Open/Close pairs –Close tag is sometimes optional (if unambiguous)

Logical Structure Tags Head –Title Body –Headers: –Lists:, (can be nested) –Paragraphs: –Definitions: –Tables: –Role:,,, …

Physical Structure Tags Font –Typeface: –Size: –Color: /color_codes/Emphasis –Bold: –Italics:

(Hyper)Links Hello World! Hello world! This is my first webpage! Click here for another page. Another page This is another page. index.html test.html

Hypertext “Anchors” Internal anchors: somewhere on the same page – Students Links to: Student Information External anchors: to another page – CLIS – CLIS students URL may be complete, or relative to current page – 2 File name part of URL is case sensitive (on Unix servers) –Protocol and domain name are not case sensitive

Images or – –SRC: can be url or path/file –ALT: a text string –ALIGN: position of the image –WIDTH and HEIGHT: size of the image Can use as anchor: – Example: –

Tables eeniemennieminey mocatcha tiger bythetoe

Table Example The caption Header1 Header2 first row, first item first row, second item second row, first item second row, second item See also:

Before You Go On a sheet of paper, answer the following (ungraded) question (no names, please): What was the muddiest point in today’s class?