Program cgs4854pgm3b_5 Worth 6 points CGS 4854 - Website Construction and Management Professor: Michael Robinson - 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 and javascript - This is the front end look for program 3 In the following order: 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 # Telephone #_______ First Name First Name________ Last Name Last Name_________ Email Email_____________ ___________________________________ Requests | Requests | | | | | ------------------------------------- Samples Samples________[^] Preferences []CS []IT Miles o Under 20 o 20-30 ______Submit Comment Display area #2______ FIND SAVE MODIFY DELETE CLEAR ******************************* new main css menu ************************* Details: 1) 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 code aligned to the left, and the second code 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 2) Using this file, as shown on the videos: https://users.cs.fiu.edu/~mrobi002/includes/WebM_site/tooltip.html create tool tips for EVERY LABEL in program 3 front end, including the buttons 3) Using this file, as shown on the videos: https://users.cs.fiu.edu/~mrobi002/includes/WebM_site/tooltips.html create a placeholder for EVERY input field as shown on program 3 front-end 4) MAKE SURE THAT YOUR FRONT END FRO PROGRAM 3 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: a - Display the main css3 menu. b - The name of ALL the input fields being passed, with the inputed data in pgm3. c - 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 Requests Non-Smoking area Sugar-Free diet Large Samples City of Miami Preferences IT Engineering Miles 20-30 this is the controller3 page, the XXXXX button was pressed. 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