Hybridoma Technology ( Production , Purification , and Application )
Web Technology and Terminology
1. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Web Technology &
Terminology
Bruce Clary, McPherson College, McPherson, Kansas
2. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Internet
•
International network of computers used to share
data.
•
Includes e-mail, bulletin boards, IM, newsgroups,
databases, streaming audio and video–almost all
of which can now be delivered through the WWW.
4. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
World Wide Web
•
The graphical interface that uses the Internet to
share information.
5. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
World Wide Web
•
The graphical interface that uses the Internet to
share information.
•
The WWW cannot exist without the Internet. The
Internet can and does exist without the Web.
6. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Protocols
Sets of rules that allow data to be shared via the
Internet
•
•
HTTP: HyperText Transfer Protocol
FTP: File Transfer Protocol
7. HTTP
HyperText Transfer Protocol
The protocol, or rules, that move Web pages across
the Internet and that link pages together
•
•
One way transfer, server to browser
Stateless (which means no copy of the transfer is
saved on the server side)
8. FTP
File Transfer Protocol
The rules that move digital files across the Internet
•
•
Two way
Copies of transfers on both server and client sides
9. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
IP
Internet Protocol
IP addresses are unique numbers that identify
specific computers connected to the Internet.
10. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
•
The rules that identify specific files available on the
Internet
•
The address beginning with the transfer protocol
http:// in a browser address bar
•
See pg. 22 in Robbins for parts of a URL address
11. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
12. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
Protocol
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
13. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
Protocol
Host
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
14. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
Protocol
Host
Domain
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
15. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
Protocol
Host
Domain
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
Site Name
16. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
Protocol
Host
Domain
Directory
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
Site Name
17. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
Protocol
Host
Domain
Directory
File
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
Site Name
18. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
URL
Uniform Resource Locator
Protocol
Host
Domain
Directory
File
http://bulldog.mcpherson.edu/~shordeo/ex_4-5.html
Site Name
Path
19. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
DNS
Domain Name System
Connecting to computers and Web sites through
the Internet would be far more laborious and errorprone if it had to be done with IP addresses—e.g.,
10.0.1.197).
The DNS translates domain names (e.g.,
www.mcpherson.edu) that have meaning into an IP
address.
20. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
How it all works
•
See pg. 31 in Robbins
for illustration of HTTP
requests and responses
21. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Why are browsers different?
•
•
•
•
Independently developed
Document Object Model (DOM) support varies
Each uses independent JavaScript engines
Multiple rendering engines drive layout &
appearance
22. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Multiple rendering engines
Trident
Blink
Gecko
Web-Kit
23. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Browser consistency driven by Web
Standards
24. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Browser consistency driven by Web
Standards
•
In 1990s, market share drives browser development
25. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Browser consistency driven by Web
Standards
•
•
In 1990s, market share drives browser development
Development of open-source browsers such as
Firefox and Opera in 2000s finally get attention of
commercial browser developers
26. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Other ubiquitous Web technologies
27. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Other ubiquitous Web technologies
•
JavaScript: A client-side scripting language (which
means end-users can turn it off, disabling any parts
of your Web page dependent upon scripting)
28. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Other ubiquitous Web technologies
•
JavaScript: A client-side scripting language (which
means end-users can turn it off, disabling any parts
of your Web page dependent upon scripting)
•
jQuery: A JavaScript library that can be called with
just a few lines of code in your HTML pages
29. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Other ubiquitous Web technologies
•
JavaScript: A client-side scripting language (which
means end-users can turn it off, disabling any parts
of your Web page dependent upon scripting)
•
jQuery: A JavaScript library that can be called with
just a few lines of code in your HTML pages
•
PHP: Hypertext Preprocessor (originally, Personal
Home Page
30. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Other ubiquitous Web technologies
•
JavaScript: A client-side scripting language (which
means end-users can turn it off, disabling any parts
of your Web page dependent upon scripting)
•
jQuery: A JavaScript library that can be called with
just a few lines of code in your HTML pages
•
PHP: Hypertext Preprocessor (originally, Personal
Home Page
•
CMS: Content Management System (e.g.,
Wordpress, Bulldog Connect, even Facebook)
31. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
More essential Web technologies
32. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
More essential Web technologies
•
MySQL: Structured Query Language
The preceding “My” indicates that MySQL is Open
Source and free for anyone to use
33. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
More essential Web technologies
•
MySQL: Structured Query Language
The preceding “My” indicates that MySQL is Open
Source and free for anyone to use
•
XML: eXtensible Markup Language
34. CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
More essential Web technologies
•
MySQL: Structured Query Language
The preceding “My” indicates that MySQL is Open
Source and free for anyone to use
•
•
XML: eXtensible Markup Language
AJAX: Asynchronous JavaScript and XML