Program cgs4854pgm4c_4Python
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 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 - To your row containing:
Save Find Modify Delete Clear Contact_Me Help About
add a new link named 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
6 - To your row containing:
Save Find Modify Delete Clear Contact_Me Help About Leads
add a new link named Python giving this result:
Save Find Modify Delete Clear Contact_Me Help About Leads Python
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