Module 01 - Introduction to Web Development.pdf

▪ ▪ ▪ ▪ ▪ ▪ ▪  9  10  Communication medium Clients and servers are usually The medium...

▪ ▪ ▪ ▪ ▪ ▪ ▪  9  10  Communication medium Clients and servers are usually The medium can be local applications (software), not network, internet, or any necessarily hardware. They may designated channel exist on the same computer. 12  13  14  15  16  Communication medium HTTP - Request URL https://www.ccdisorsogon.edu.ph The Internet Web server HTML Files HTTP - Response Server side Web client: browser Client side 17  18  http://www.netmarketshare.com/ 19  http://news.netcraft.com/ 20  “aboutus/” is the directory (path) on The default port is 80; the server; “index.htm” is the actual file (web page). "/" is used for path “:80” is usually omitted. levels. “https” is the protocol for web “www.ccdisorsogon.edu.ph” is the domain; “.edu.ph” is the top level domain 21  22  "edu.ph" is the top level domain. "www" is the 3rd level domain, or host (a server). “ccdisorsogon" is the 2nd level domain. 23  1. Enter a URL (web address) https://ccdisorsogon.edu.ph/index.html Local computer in the browser. The domain will be converted to IP address and browser 168.28.176.243 by contacting DNS* or from local cache. 2. The browser sends an CCDI's web server at HTTP request to the server 35.208.180.50 5. The browser 4. The server sends the renders (displays) result back using HTTP 3. The server processes the the file response message request and finds the file * Note: we do not cover DNS here. If you are interested, visit http://en.wikipedia.org/wiki/Domain_name_system 24  25  Simple/Static Dynamic Overview Usually document (HTML files) based Advanced processing is utilized at many levels web applications with limited client scripting Technologies Client side: HTML, CSS Client side: CSS, JavaScript Server side: PHP, Java,.Net, Database Advantages Simple, small and fast Functional, versatile Web content Static HTML files A mixture of HTML, scripts, programming codes, executable programs, etc. Web page Web pages are authored at design Web pages are "assembled" at run time (on the fly) construction time Content source Single source: HTML file Multiple sources: HTML files, XML files, other files, databases, other websites, etc. Web navigation and Click and read Rich interaction: write/type, choose, move, slide, interaction mode drag and drop, expand, draw, listen, speak, etc. Usage and Examples Commonly used for web presence, Wide range of applications: e-commerce, intranet, information publishing, etc., for business software, e-learning, social networking, personal or small business websites: system admin, etc. http://cse.spsu.edu/speltsve E-Commerce: http://amazon.com http://desrist2012.unlv.edu Web search engines: http://google.com http://www.dentfirst.com Content publishing: http://wordpress.com Web portal: http://yahoo.com E-Learning: http://spsu.view.usg.edu/ Oracle Enterprise Manager 26  27  28  Adding advanced processing with programming capabilities: Web Server Extension, ASP.Net, Java, PHP, etc. Module, or Database Application Server Server Processing Delegation Other Request Servers: Email, LDAP, Video streaming, Client other web (Browser) servers, etc. Response Generated Content (HTML, CSS, etc.) Web Server HTTP response message with client content (HTML, CSS, JavaScript, image, flash, etc.) Static Content 29  → → 30  31  32 Page 33 *JS stands for JavaScript btw links links everywhere! links! where does this link lead o my so back in the olden days, when dinosaurs had to annotate manuscripts to be printed, I want this word to be emphasized... this was called “markup”  I am a paragraph First ordered list item Second ordered list item