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