Program cgs4854pgm5hx_5k (2020Fall) 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 html5, css3 and php. - Using tools shown ***** IN CLASS ONLY *****. New Programs to be created: --------------------------- 1) program5.php 2) contact_me.php 3) contact_me_controller.php 1) program5.php --------------- a) DO NOT MODIFY YOUR PROGRAM4.PHP or CONTROLLER4.PHP b) Copy your program4.php into program5.php, into your includes folder. c) In program 5, FIX the errors, if any, that you had in program 4 to avoid losing points again. d) Copy your Controller4.php into contact_me_controller.php, in your includes folder. e) Add a NEW link called program 5 to your mainMenu.php, to display the following: home program 1 program 2 program 4 program 5 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 5" link load a new page named program5.php, located in your includes folder, displaying the following front end, in the following order: **** MAKE SURE YOUR first field (on your program5 front end) is your mySql Primary Key field, regarless of what you call it, examples: Customer Number, Order Number, Panther ID, Email, Telephone, etc AGAIN, in the following order: - Display your header page named YourLastName_header.html, found in your includes folder, - The First line can be any color, any font, any size - Your Full name can be any color, any font, any size - The horizontal line MUST BE green - Any background color is allowed, if you want to use one, displaying the following Front End (centered): ====This is a Teaching Website==== Your Full Name _______________________________________________________________________________ Home Program 1 Program 2 Program 4 program 5 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 your full name - MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE. - MAKE SURE TO HAVE THE SHOWN LINE SPACES ABOVE - MAKE SURE THAT YOUR radio buttons are aligned with your checkboxes - On the title section display your last name, first name, Program 5 - When you press any of the following six(6) buttons Save Find Modify Delete Clear Contact_Me *The ONLY new link NOW on the previous buttons: Save Find Modify Delete Clear Contact_Me is Contact_Me, so when you press the Contact_Me link, call your program NEW contact_me.php, located in your includes folder. 2) contact_me.php ----------------- The contact_me.php program, will look like this: a - Display your header page named YourLastName_header.html, found in your includes folder. then display one empty row. b - Display the heading "CONTACT ME" in bold and red color then display one empty row. c - Display your mainMenu.php then display one empty row. d - After this display all the following labels and input fields (aligned) as shown below. e - Your Submit button will call your new contact_me_controller.php program f - Your Clear button will clear all your front-end variables for your contact_me screen, before refreshing your contact_me front end. ====This is a Teaching Website==== Joe Smith _____________________________________________________________________ CONTACT ME Home Program 1 Program 2 Program 4 program 5 Your Email ___________________ Last Name ___________________ First Name ___________________ Coffee o Light o Dark o Sweet Major [] IT [] CS [] Physics Dropdowns ___________________^ Comments ------------------- | | | | ------------------- Submit Clear Home Program 1 Program 2 Program 4 program 5 3) contact_me_controller.php ---------------------------- Fill in all the information requested on the ABOVE contact_me.php front-end and then press Submit This program will call it's own contact_me_controller.php, located in your includes folder, which will send all the data inputed in the ABOVE contact_me front end, ***** to my email = michael.robinson@cs.fiu.edu ***** the data send MUST BE ALIGNED in two columns: the field label and the corresponding data, example I recommend that you first sent this data to YOUR email, SO THAT YOU CAN SEE THE RESULTS until it displays as shown below, and then change your email address with my email address Your Email abc@abc.com Last Name Smith First Name Joe Coffee Light or Dark or Sweet Major IT CS Robotics Dropdowns value chosen Comments This is the comments data After you send your "Contact_me" data, display the following: ====This is a Teaching Website==== Joe Smith _____________________________________________________________________ CONTACT ME Home Program 1 Program 2 Program 4 Your message has been submitted to name@fiu.edu thank you New Programs to be created: --------------------------- 1) program5.php 2) contact_me.php 3) contact_me_controller.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 https://users.cs.fiu.edu/~mrobi002/contactsus/contactUs.php https://users.cs.fiu.edu/~mrobi002/css/cssInlineSample.html https://users.cs.fiu.edu/~mrobi002/css/cssInternalSample.html https://users.cs.fiu.edu/~mrobi002/css/cssExternalwithClassAndID.html https://users.cs.fiu.edu/~mrobi002/includes/Web_Videos/Web_2020_Videos/2020_Summer/Web_2020Summer.php Submission of program 5: ------------------------ 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 at michael.robinson@cs.fiu.edu 2 - Contact our FREE Online Tutoring, open 6 (six) day a week. https://users.cs.fiu.edu/~mrobi002/tutoring/includes/tutoringOnline2.php *** PLEASE REMEMBER, WE ARE HERE TO HELP YOU ***