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:
<!-- ***********************************************************************************
Page Name : current page name
Author : Your Name
Your URL : ocelot-aul.fiu/~__________
Course : CGS 4854 session, date, and time
Program # : Assignment #
Purpose : Describe what this page does
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 full name }..........
************************************************************************************* -->
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 ***