Program cgs4854pgm3a_5
Worth 6 points

CGS 4854 - Website Construction and Management
Professor: Michael Robinson 

Server:     ocelot.aul.fiu.edu
Usernames:  spr17_username
db:         spr17_username
password:   Panther ID.


- Make sure the program is properly documented and aligned uniformally, looking professionally,

- Include the following header in every page:

  <%-- ***********************************************************************************
  Author       : Your Name 
  Your URL     : ocelot-aul.fiu/~__________
  Course       : WEB1, 2, 3 OR 4
  Program Name : Asignment Purpose/Description 
                 {A brief description of the program } 

  Due Date     : MM/DD/YYYY 
  Certification: 
  I hereby certify that this work is my own and none of it is the work of any other person. 

  ..........{ your signature }..........

  ************************************************************************************** %>


Purpose of this program 3:

- Create this assignment using an editor only, NO TEMPLATES OR IDES ALLOWED.

- To your main CSS menu add a new link called pgm3. Make sure to leave the functionally of
  program 1 and program 2 as it was turned in program 2.

- Copy your program2.php to a new program called program3.php
- Copy your controller2.php program to a new program called controller3.php
- Place both programs in the includes folder

- All the material for program 3 is new material, we are just extending the knowlegde from 
  previous programs, In program3 will be using html, php, css, javascript and mySql.

- This is the front end look for program 3


                               Your Company/Project Name (display area #1)

             ******************************* new main css menu *************************   
             Logged in: Sun Feb 26 2017 19:39:11 GMT-0500 (EST)   Current Time: 19:39:20 
             
                         Telephone #     _____________ 
                         First Name      _____________  
                         Last Name       _____________    
                         Email           _____________
                                    
                         Miles           o Under 20    o 20-30    o 31-40

                         Preferences     []CS          []IT       []Robotics 

                         Samples         _____________[^]   
                 
                                         ___________________________________   
                         Requests       | Non-Smoking area                  |
                                        | Sugar-Free diet                   |
                                        | Large letter monitor              |
                                        -------------------------------------


                              ______Submit Comment Display area #2______
  
  
                                FIND   SAVE   MODIFY   DELETE   CLEAR
                         

             ******************************* new main css menu *************************   



Details:

Using this file:

 https://users.cs.fiu.edu/~mrobi002/teaching/cgs4854/javascript/timeJS.html

you will find the JAVASCRIPT code for the time clocks to be displayed under the top mainMenu

Example:

             ******************************* new main css menu *************************   
             Logged in: Sun Feb 26 2017 19:39:11 GMT-0500 (EST)   Current Time: 19:39:20 
             

Modify this code to display the time clocks in ONE LINE ONLY, the first one aligned to the left,
and the second aligned to the right, as shown above.
  
Use the following code for details for program 3:
  
Special Instructions:
- Additional code samples: 
  http://users.cis.fiu.edu/~mrobi002/databases/cgs4854/ 
  http://users.cis.fiu.edu/~mrobi002/includes/OcelotCreatingWebsite    
  http://users.cis.fiu.edu/~mrobi002/includes/Web.php



=====================================================


  MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE.

  CHOOSE YOUR OWN FIELD NAMES BASED ON YOUR WEBSITE TOPIC.


When you press any of ALL the five(5) buttons (FIND, SAVE, MODIFY, DELETE, CLEAR), call 
a new page named Controller3.php,  

At the Controller3.php file, display the following:

   1 - Display the main css3 menu.  
   2 - The name of ALL the input fields being passed, with the inputed data in pgm3.
   3 - The name of the button pressed, example:
   
                    
                  ****************** new main css menu ******************

                  Telephone #     555-555-5555 
                  First Name      Joe  
                  Last Name       Martinez    
                  Email           abc@abc.com
                  Gender          Male  
                  Age             20-30 
                  Preferences     IT  Engineering
                  Special Needs   Non-Smoking area Sugar-Free diet Large 
                                  letter monitor             
                    
                  this is the controller3 page, the XXXXX button was pressed.
                   
                    
   4 - Test ALL five(5) above submit buttons (FIND, SAVE, MODIFY, DELETE, CLEAR). 

NOTE: Do not use the reset input type for the clear button, make it as a submit button.

Please fix the errors from program2.php in program3.php, if any, 


Submission of program 3:
1 - For all classes except Online classes, print and STAPLED the NEW PHP pages ONLY and turn them in 
    at the begining of class, when due.

2 - Please zip your public_html folder and rename it as follows:
    your last name, first initial of your first name, pgm3, zip
    and upload it to https://moodle.cis.fiu.edu/ AND Blackboard for the ONLINE classes
    when this program is due, or before.
    
    
If you have any questions, please 
1 - Ask in class
2 - Ask during my office hours
3 - Ask our tutors at PG6 Room 102 Open M-F from Noon to 8 pm
4 - email me