Section 3.7. Connecting the parts of the coffee maker

3.7. Connecting the parts of the coffee maker

You've seen the three basic parts of the coffee maker app. But let's go a little further, and see how these parts combine into a coffee-making wonder. Obviously, we've got an HTML form, some JavaScript, and a coffee-making script on the server. So how does all this fit together?

The web page displays the status of the each coffee maker. If a coffee maker is busy brewing, then the status should say what the coffee maker is brewing. If a coffee maker isn't doing anything, then the status should read "Idle".

The Javascript needs to be able to send requests to brew coffee to the coffee maker script on the server and handle the response from the server. It also needs to update the status of the coffee makers, and let users know when their coffee is ready.

The coffee maker script is really simple: it just takes a request to brew coffee, along with the size and type of coffee, and name of the person who placed the order. Once the coffee's brewed, the script sends back a response with the name of the person whose order is ready.

The web page also gives you a few options for ordering your perfect cup of coffee, and a button to place your order.

 JavaScript coffeemaker.php