190 likes | 296 Vues
Dive into the world of web development with HTML, XML, JavaScript, PHP, MySQL, and AJAX. Understand the transition from static HTML to dynamic AJAX interactions. Learn the limitations and strengths of each technology, and explore how they work and look like in real examples. Discover the advantages and limits of PHP for server-side processing and see how AJAX enables asynchronous data exchange without screen refreshing. Enhance your skills in creating interactive and dynamic web applications.
E N D
ACCS 2007-0420: What I did last Summer With PHP, MySQL and AJAX
Evolution from HTML to AJAX • HTML • XML • JAVA Script • PHP • MySQL • AJAX
HTML: How it works • How it works
HTML: What it looks like: <HTML><HEAD><TITLE>Hello World </TITLE></HEAD><body> Hello World <TABLE><TH><TD>Point one <td>Point two</td></th> <TR><TD>This is one<td>this is two </table> </body></html>
HTML: Limits • For each page in client computer there must be one page on server. • Each Browser is a little different. • All functions are a one shot deal. • No computing on client computer. • Tags are limited to finite list.
XML: Strengths • More consistent than HTML • Can make your own tags
XML: What it looks like <title>Cosmos</title> <author>Sagan, Carl</author> <publisher>Random House </publisher> <DOP>1980</DOP> <BR/>
XML: Limits • Needs an XML compliant browser or make your own interpreter.
JAVA: How it works • Picture goes here
JAVA: What it looks like <html> <head> <title> JAVA example </title> <script src="JavaScrips01.js" language="javascript" type="text/javascript"> <!-- Hide script from old browers function HelloWorld() { } // End hiding script from older browsers --> </script></head> <body> <CENTER> HelloWorld() </body></html>
PHP: How it works • Picture goes here
PHP: What it looks like <? php $text = “Hello World”; // …. ?> <HTML><head><title>PHP world </title></head><body> Now is the time to say: <? Echo ($text); ?> </body></html>
PHP:Advantages • Very good interface between client and a data base on the server. • Comments don’t show on client computer. • It uses the server clock, not the clock on client computer.
PHP: Limits • All processing in done on server • All processing is a one shot deal • To use the whole screen must be refreshed and processed.
AJAX: What it means • Asynchronous Javascript And XML • Asynchronous means not all at the same time (i.e., not synchronous). • It is not a separate language, but it uses a number of existing languages and technologies in a new way. • It gets a little off the server computer and then goes back for more without refreshing the whole screen.
AJAX: How it works • Picture goes here.