Course Overview-Programming For Web-Lecture Slides, Slides of Web Programming and Technologies

This lecture was delivered by Prof. Arun Ullal at Ankit Institute of Technology and Science for Web Programming course. It includes: Course, Overview, Protocols, World, Wide, Web, HTML, JavaScript, Perl, PHP

Typology: Slides

2011/2012

Uploaded on 07/18/2012

palvani
palvani 🇮🇳

4.5

(2)

83 documents

1 / 14

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
COMP519: Web Programming
Autumn 2011
Course goals:
understand the technology and protocols underlying the World Wide Web
become familiar with common tools and techniques for developing Web-based
applications, both client-side and server-side
develop a working knowledge of HTML, JavaScript, Perl and PHP as languages for
developing Web applications
docsity.com
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe

Partial preview of the text

Download Course Overview-Programming For Web-Lecture Slides and more Slides Web Programming and Technologies in PDF only on Docsity!

COMP519: Web Programming

Autumn 2011

Course goals:

 understand the technology and protocols underlying the World Wide Web

 become familiar with common tools and techniques for developing Web-based applications, both client-side and server-side

 develop a working knowledge of HTML, JavaScript, Perl and PHP as languages for developing Web applications

Reasonable Questions

• What is the World Wide Web?

• Is it the same thing as the Internet?

• Who invented it?

• How old is it?

• How does it work?

• What kinds of things can it do?

• What does it have to do with programming?

(A Very Brief) History of the Internet

• the idea of a long-distance computer network traces back to early 60's

 Joseph Licklider at M.I.T. (a “time-sharing network of computers”)  Paul Baran at Rand (tasked with designing a “survivable” communications system that could maintain communication between end points even after damage from a nuclear attack)  Donald Davies at National Physics Laboratory in U.K.

• in particular, the US Department of Defense was interested in the development

of distributed, decentralized networks

 survivability (i.e., network still functions despite a local attack)  fault-tolerance (i.e., network still functions despite local failure)

contrast with phone system, electrical system which are highly centralized services

• in 1969, Advanced Research Project Agency funded the ARPANET

 connected computers at UC Los Angeles, UC Santa Barbara, Stanford Research Institute, and University of Utah  allowed researchers to share data, communicate 56Kb/sec communications lines (vs. 110 b/sec over phone lines)

Internet Growth

• throughout the 70's, the size of the ARPANET doubled every year

 e-mail introduced in 1972  decentralization made adding new computers easy  TCP/IP developed in the mid 1970s for more efficient packet routing  migration of ARPANET to TCP/IP completed 1 January, 1983  ~1000 military & academic host computers connected by 1984

• in 80‘s, U.S. government took a larger role in Internet development

 created NSFNET for academic research in 1986  ARPANET was retained for military & government computers

• by 90's, Internet connected virtually all colleges & universities

 businesses and individuals also connecting as computing costs fell  ~1,000,000 computers by 1992

• in 1992, control of the Internet was transferred to a non-profit org

 Internet Society: Internet Engineering Task Force Internet Architecture Board Internet Assigned Number Authority World-Wide-Web Consortium (W3C)

...

(A Very Brief) History of the Web

• the idea of hypertext (cross-linked and inter-linked documents) traces back to

Vannevar Bush in the 1940's

 online hypertext systems began to be developed in 1960's e.g., Ted Nelson and Andy van Dam's Hypertext Editing System (HES), Doug Englebert's NLS (oN-Line System)  in 1987, Apple introduced HyperCard (a hypermedia system that predated the WWW)

• in 1989, Tim Berners-Lee at the European Particle Physics Laboratory (CERN)

designed a hypertext system for linking documents over the Internet

 designed a (Non-WYSIWYG) language for specifying document content

  • evolved into HyperText Markup Language (HTML)  designed a protocol for downloading documents and interpreting the content
  • evolved into HyperText Transfer Protocol (HTTP)  implemented the first browser -- text-based, no embedded media

the Web was born!

History of the Web (cont.)

  • the Web was an obscure, European research tool until 1993
  • in 1993, Marc Andreessen and Eric Bina (at the National Center for Supercomputing

Applications, a unit of the University of Illinois) developed Mosaic, one of the early

graphical Web browsers that popularized the WWW for the general public (Erwise was

the first one, ViolaWWW the second)

 the intuitive, clickable interface helped make hypertext accessible to the masses  made the integration of multimedia (images, video, sound, …) much easier  Andreessen left NCSA to found Netscape in 1994 cheap/free browser further popularized the Web (75% market share in 1996)

  • in 1995, Microsoft came out with Internet Explorer
  • Opera web browser released in 1996
    • Netscape bought by AOL in 1998 for US$4.2 billion in stock
    • Firefox web browser, version 1.0, released in 2004
    • Google Chrome released in 2008
  • today, the Web is the most visible aspect of the Internet

Web growth (cont.)

• Internet addresses are used to identify computers on the internet.

• Internet Protocol version 4 (IPv4) was first defined in 1981 and is still in use today,

but this uses a 32-bit number to specify addresses.

• Projections indicate that the number of IP addresses under IPv4 is due to run out

in 2011, meaning that there will be more than 4.29 billion addresses that are in

use (or reserved).

• IPv6 had been deployed since the mid-2000s and uses 128 bit addresses, but

also redesigned to allow more efficient routing, network aggregation, and ease of

network reconfiguration.

Static vs. Dynamic pages

• most Web pages are static

 contents (text/links/images) are the same each time it is accessed

e.g., online documents, most homepages

HyperText Markup Language (HTML) is used to specify text/image format

• as the Web continues to move towards more and more online services and e-

commerce continues to grow, Web pages must also provide dynamic content

 pages can be fluid, changeable (e.g., rotating banners)  must be able to react to the user's actions, request and process info, tailor services

e.g., amazon.com

• this course is about applying your programming skills to the development of

dynamic Web pages and applications

Server-Side Programming

• Common Gateway Interface (CGI) programming

 programs can be written to conform to the CGI  when a Web page submits, data from the page is sent as input to the CGI program  CGI program executes on server, sends its results back to browser as a Web page

 good if computation is large/complex or requires access to private data  see http://hoohoo.ncsa.uiuc.edu/cgi/  we will discuss CGI programming using Perl, but other languages possible as well (such as Python, Ruby, etc.)

• Active Server Pages (ASP), Java Servlets, PHP, Server Side Includes, Ajax

 some of these are vendor-specific alternatives to CGI (such as Microsoft’s ASP)  provide many of the same capabilities as CGI programs but using HTML-like tags  some of these technologies might require functionality to be enabled in the client’s browser (e.g. Ajax generally requires the use of Javascript combined with PHP or some other server- based programming component)

• can store and execute program on Web server, link from Web page

 more complex, requires server privileges, but can still be (mostly) secure

Exercise

• pick some of your favorite Web sites and try to identify

 static components?

 dynamic components?  client-side? JavaScript? Java applet?  server-side? CGI? ASP?

e.g.,

gmail (uses Ajax for lots of its dynamic functions)