- 1. Introduction to the Web and Web Applications Teaching
Presentationat Georgia Gwinnett College Jack G. Zheng Feb 20
th2009
2. Agenda
- What is the web? What is web application?
- Evolution of the web and web applications
-
- Dynamic web (since second-half 1990s)
-
- Current web (21 stcentury)
3. Pre-Web
- Before there was the Web, there was theInternet
- Which one generates the most traffic volume on the
Internet?
-
- Answer form:ipoque ,Cisco ,Sandvine
4. Early Web, Simple Web
- A client/server application for information and other
services
- Fundamental elements of web applications
-
- Web content: HTML (hypertext markup language)
-
- Web protocol: HTTP (hypertext transfer protocol)
-
- Web address: URL (uniform resource locator)
5. Simple Web Architecture The Internet HTTP URL
Browser(Internet Explorer, Firefox, etc.) Web serverHTML Files 6.
How does it work?
- What happens after a URL is entered in the web browser?
-
-
http://gzheng.cis.gsu.edu/teaching/cis2010su2005/coursework.htm
DNSserver(s) 1. Looking for the IP of
thedomaingzheng.cis.gsu.edu 2. Returning the IP of the domain:
131.96.101.1193. Sending anHTTP requestto 131.96.101.119 5. Sending
anHTTP responseback 4. Looking for the file
/teaching/cis2010su2005/coursework.htm 7. Simple Web
Applications
- Document based web application
- Web presence, information publishing
-
- http://www.atlantapetrescue.org
-
- http://facultyweb.ggc.usg.edu/cpark/
-
- http://desrist2009.ist.psu.edu/
-
- http://www.useit.com/alertbox/
8. Dynamic Web
-
- Web pages are constructed at design timeat run time
-
- HTML filesa mixture of HTML, scripts,programming codes,
executable programs, etc.
-
- Content is from a single sourcemultiple sources (HTML files,
XML files, other files, databases, other websites)
-
- Interaction mode: click and readwrite/type, choose, move,
slide, drag and drop, expand, draw, listen, speak, etc.
-
- Development: Webpage authoringweb application development (web
engineering)
9. Dynamic Web Technology:Client Side (DHTML)
-
- Page style (color, size, position, etc.):website themes
-
- Style change on events:link hover
-
- Dynamically changing content:dropdown menu
-
- Simple animations:text animation
-
- Flash, Sliverlight, Java Applets
10. Dynamic Web Technology:Server Side
-
- Web server extensions or application servers
-
-
- Adding programming capabilities: ASP, ASP.Net, JSP, JSF,
Servlet, PHP, ColdFusion, etc.
-
-
- Complementing file systems for content management
- Dynamic pages: no longer stored in pure html
-
- Database populated: news site, portal, product catalog,
directory, etc.
-
- URL query string:product data
-
- Acting on user input: web search, forum post, log in, etc.
11. Dynamic Web Applications
-
- Shopping, banking, bidding, trading, etc.
- Online news and magazines
12. Current Web
- Web as a platform/infrastructure
-
- For enterprises and other organizations, web is becoming a
fundamental piece of their information system
-
- A general and loose concept for recent advancements of the
World Wide Web
13. Web as a Platform
- A fundamental platform for organizational information systems
(company, enterprise, non-profit, government, college, community,
etc.)
-
- Add-oninfrastructure/platform
-
- Security infrastructure: SSL, PKI
-
- Matured web application servers and frameworks: SharePoint,
DotNetNuke, Drupal, Structs, CommunityServer, etc.
14. Web 2.0 Applications
-
- youtube.com, myspace.com, ireport.com,blogspot.com,
yelp.com,
-
- maps.google.com, Photoshop express, eyeos.info
-
- Blog, Wiki, SNS, folksonomy, mash-up, web desktop
15. Web 2.0 Technologies
-
- Enables new interaction model:Yahoo Finance
-
- Enables new navigation model: Yahoo Mail, MyYahoo
-
- Bringing structure and meaning, for easy aggregation and
integration
-
- Distributed, but integrated
-
- Example:Google search API
16. Summarizing Web Trend
-
- Browserany other application
-
- One server handles allmultiple distributed and specialized
servers
-
- HTMLXML, XHTML, CSS, embedded content (Flash etc.),
scripts
-
- HTTPworking with other protocols (video streaming, email,
etc.)
-
- Physical documentvirtual entry point (resource identifier)
17. Future
18. Summary
-
- What is a web application?
-
-
- How do you classify an application as web application?
19. Key Concepts
- Internet, web, web application