Program pgm4e2_5Web CGS 4854 - Website Construction and Management Professor: Michael Robinson e-mail : michael.robinson@cs.fiu.edu ****************************************************************************** * !!!!*** USE THE TOOLS THAT WE HAVE LEARNED IN OUR CLASS ONLY ***!!!! * ****************************************************************************** -------------------------------------------------------------------------------- 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 documentation in EVERY web page: 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 *****. Program 4: ---------- - DO NOT MODIFY YOUR Program3.php - Copy your program3.php into program4.php - DO NOT MODIFY YOUR Controller3.php - Copy your Controller3.php into Controller4.php - Add a NEW link called program 4 to your CSS mainMenu.php, to display the following: Home Program 1 Program 2 Program 3 Program 4 In this program 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, When you press the "program 4" link load a new page named program4.php displaying the following front end, in the following order: **** MAKE SURE YOUR Primary Key field is a Primary field regarless of what you call it, examples: Customer Number, Order Number, Panther ID, Email, Telephone, etc *** MAKE SURE TO display the heading "Program 4" in bold and red color *** ====This is a Teaching Website==== Joe Smith _____________________________________________________________________ Logged in: Fri Mar 20 2020 19:39:11 GMT-0500 Current Time: 19:39:20 Program 4 Home Program 1 Program 2 Program 3 Program 4 Telephone ________________ Email _______________________ Last Name _______________________ First Name _______________________ Address _____________________________ City _____________ State _____________ Country _____________ Zip _________ Dropdowns ___________________^ Coffee o Light o Cuban o Sweet o Decaf Major [] IT [] CS [] Robotics [] Cyber Comments ---------------- | | | | ---------------- $message Save Find Modify Delete Clear Contact_Me Help About your full name CGS 4854-RVCC (53199) Websiteconmgmt Syllabus 2020 Summer for classes held Online - MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE. - MAKE SURE TO HAVE THE SHOWN LINE SPACES ABOVE - On the title section display your last name, first name, Program 4 - When you press any of the first 8 (eight) buttons Save Find Modify Delete Clear Contact_Me Help About call a new page named Controller4.php, to implement each of the buttons as follows: ============ 1 - As shown above on the program 4 screen, using Javascript display in ONE LINE current time and date information as follows: Logged in: Fri Mar 20 2020 19:39:11 GMT-0500 Current Time: 19:39:20 For detailed information please see: https://users.cs.fiu.edu/~mrobi002/teaching/cgs4854/javascript/timeJS.html 2 - Add Localized help by hovering over the field names to display clear help comments, for all input fields shown in your program4.php, such as Please see sample program at: https://users.cs.fiu.edu/~mrobi002/includes/WebM_site/tooltip.html 3 - On the input boxes of your program 4, insert the field names, known as placeholders Please see sample program at: https://users.cs.fiu.edu/~mrobi002/includes/WebM_site/tooltips.html 4 - On the buttons sections Save Find Modify Delete Clear Contact_Me Help About You will see two new commands Help and About The new above commands will call the following programs to be created inside the includes folder, called by Controller4 - Help.php - About.php These programs will implement the following detailed instructions: a) HELP. When the HELP button is pressed on program4.php page, using Controller4.php, call Help.php which must be written in Javascript, it most be movable and resizable. Please see sample program at: 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: - Save - Find - Modify - Delete - Clear - Contact_Me - Help - About b) ABOUT. Using CSS3 create about.php describing your web page purpose Please see sample program at: https://users.cs.fiu.edu/~mrobi002/includes/about.php 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 program one, two or three 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 https://users.cs.fiu.edu/~mrobi002/tutoring/includes/tutoringOnline2.php and after the coronaVirus crisis, at PG6 Room 102 also