Program pgm4c_5Web CGS 4854 - Website Construction and Management Professor: Michael Robinson e-mail : michael.robinson@cs.fiu.edu Worth 6 Points - Make sure your program is properly documented and aligned uniformally, looking professionally I will take points off if it is not. - Include the following header in every web page, pgm4.php and Controller4.php: Purpose of this program: ------------------------------ - Create this assignment using an editor only, NO TEMPLATES OR IDES ALLOWED. - Extend your current website creating the new pages, described below, using html, css3, php, mySql and javascript - Using tools shown ***** IN CLASS ONLY *****. - In this program we will extend your mainMenu.php dropdown menu, See examples at: http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/CSS/cssDropdownMenu.html Choose whatever colors, fonts and sizes you want, Program 4: ---------- 1 - Add a NEW link called program 4 to your CSS mainMenu.php, to display the following: program 1 program 2 program 3 program 4 home When you press link "program 4" this link will load a new page named program4.php displaying the following front end, in the following order: !!!*** NOTE: Your first field on the front-end MUST BE YOUR PRIMARY KEY ***!!! Logged in: Sun Feb 26 2099 19:39:11 GMT-0500 (EST) Current Time: 19:39:20 Your Company/Project Name program 1 program 2 program 3 program 4 home Primary Key ___________________ Dropdowns ___________________^ Last Name ___________________ First Name ___________________ Major [] IT [] CS [] Robotics [] Business Email ___________________ Telephone ___________________ Coffee o American o Cuban o Colombian o Dark Comments ------------------- | | | | ------------------- $message Find Modify Save Delete Clear Help About Email_Me program 1 program 2 program 3 program 4 home - MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE. - MAKE SURE TO HAVE THE SHOWN LINE SPACES ABOVE 2 - As shown above on the program 4 screen, using Javascript display in ONE LINE current time and date information such as: Logged in: Sun Feb 26 2099 19:39:11 GMT-0500 (EST) Current Time: 19:39:20 For detailed information please see: https://users.cs.fiu.edu/~mrobi002/teaching/cgs4854/javascript/timeJS.html 3 - Add Localized help by hovering over the field names to display, clear help comments, for all input fields shown in your program4, such as Please see sample program at: https://users.cs.fiu.edu/~mrobi002/includes/WebM_site/tooltips.html 4 - On the input boxes of your program 4, insert the field names as shown in the example program at: https://users.cs.fiu.edu/~mrobi002/includes/WebM_site/tooltips.html 5 - On the title section display your last name, first name, Program 4 6 - When you press any of the following submit buttons (Help About Email_Me), call the new expanded page named Controller4.php, implementing each of the previous buttons as follows: - Create the following programs, inside the includes folder, called by Controller4 - Help.php - About.php - Email_Me.php These programs will implement the following detailed instructions: a) HELP. When the HELP button is pressed on pgm4.php page, using Controller4.php, call Help.php which must be written in Javascript, it most be movable and resizable. see: https://users.cs.fiu.edu/~mrobi002/includes/help.php The HELP program should contain information about how to use and what to expect when you press the following buttons: - FIND - SAVE - MODIFY - DELETE - CLEAR - HELP - ABOUT - EMAIL ME b) ABOUT. Using CSS3 create about.php describing your web page purpose see: https://users.cs.fiu.edu/~mrobi002/includes/about.php c) EMAIL ME. Create the email_me.php program that will allow us to send information to my email. see: https://users.cs.fiu.edu/~mrobi002/contactsus/contactUs.phpBAK https://users.cs.fiu.edu/~mrobi002/contactsus/mailer.phpBAK see view page source 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 - In program 4, FIX the errors, if any, that you had in programs 2 and 3 to avoid losing points again. Submission of program 4: ------------------------ 1 - Zip your public_html folder and rename it as follows: your last name, first initial of your first name, pgm4, zip and upload it to CANVAS, when this program is due, or before. If you have any questions, please 1 - email me 2 - Ask our FREE professional tutors at PG6 Room 102