Program cgs4854pgm4b_4 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 10 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, php, mySql, javascript, CSS3 inline and CSS3 Internal. - 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 *** displaying the following Front End (centered): ====This is a Teaching Website==== Joe Smith ________________________________________________________________________ Logged in: Tue Nov 23 2099 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 _____________ Comments ---------------- | | | | ---------------- Dropdowns ___________________^ Coffee o Light o Cuban o Sweet o Decaf Major [] IT [] CS [] Robotics [] Cyber $message Save Find Modify Delete Clear Contact_Me Help About Home Program 1 Program 2 Program 3 Program 4 your full name - 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: Tue Nov 23 2099 9:39:11 GMT-0500 Current Time: 10: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 - 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 5 - ***EXTRA CREDIT *** 2 EXTRA POINTS - To your row containing: Save Find Modify Delete Clear Contact_Me Help About add a new link name Leads giving this result: Save Find Modify Delete Clear Contact_Me Help About Leads which will call the following Screen (program named Leads.php) saved in your includes folder: - The Leads.php program will display the following screen: Your mainMenu.php Your Company Name/Project Name Home Program 1 Program 2 Program 3 Program 4 Telephone _______________________ Last Name _______________________ First Name ______________________ Email _______________________ Comments ----------------------- | | | | ----------------------- $message First Next Previous Last - $message will display the name of the button that was pressed - At this point you need to call a new program named: ControllerFirstNextPreviousLast.php which will access ***---> the corresponding record found in your customer mysql table, used in programs 3 and 4. ***---> examples of these programs can be found by: a) Press any HOME link on any of my webpages b) Select on the left column: Web Design Management c) Select on GENERAL INSTRUCTIONS column: - Program 3 Sample - First Next Previous Last Happy programming!!! 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. NOTE: We recommend to use our FREE Online Tutoring at: https://users.cs.fiu.edu/~mrobi002/teaching/currentSemester2.php and/or email me at michael.robinson@cs.fiu.edu Please remember that we are here to help you succeed in your classes