Custom Web Pages, Color Changes & Column Names
[pic]
Scholastic ONline Information System
for the Web
Custom Web Page
Example
[pic]
© 2001 - 2004 RJM Systems – all rights reserved
SONISWEB® is designed to be customized. This is an example of a custom Web page that is integrated into SONISWEB®. This example is designed to be used in conjunction with the manual “Custom Fields, Web Pages, and Colors” that’s stored as “CustomWeb.PDF” in the collection of SONISWEB® manuals.
April 2005
Example of Creating Custom Web Page for SONISWEB®
Case
Parapara College wants add a series of Web pages that let a student enter his or her ID, view his or her address, change the address, and see the changed address displayed. This includes showing the student’s address using a drop box for the state. This page can be accessed from an existing student login used by the college. They also want the student to be able to edit the information and save the changes.
Flow
[pic]
• Figure 1 Flow of Data from Web Page to Web Page
Figure 1 illustrates how the information flows from the custom Web page through the system. The files names in Figure 1 are described below.
Files Used
Original Files Provided with SONISWEB®
[pic]
• Figure 2 Part of Unencrypted Folder-Directory
These are the three files that will be copied and modified to build the Web pages for this example:
unencrypted/address_read.cfm
unencrypted/address_update.cfm
unencrypted/state_drpbox
They are found in the “unencrypted” folder illustrated in Figure 2. “state_drpbox” deserves an explanation. SONISWEB® keeps a table of valid state abbreviations that the user must choose from. The state “dropbox” presents the list of valid names.
Files Created or Modified for this Example
para_login.html is shown in Figure 3. It’s what the student sees.
para_address_read.cfm is a copy of “unencrypted/address_read.cfm”.
para_address_update.cfm is a copy of “unencrypted/address_update.cfm”.
para_state_drpbox.cfm is a copy of “unencrypted/state_drpbox”.
para_student_address.cfm is a new Web page writtem for this example.
You copy the original SONISWEB® files before modifying them so you can preserve the originals for later use or use by another person in your institution.
Process:
n First the basic layout of the page is designed. It must be a “form” type of Web page.
n To read the student’s address information, you use the address_read.cfm unencrypted file as a template.
n You save address_read.cfm as para_address_read.cfm. You’ve made a copy of it; you don’t alter the original address_read.cfm delivered with SONISWEB®.
n You change the para_address_read.cfm file so that it will use variables passed to it by Parapara’s login page.
Steps
n Parapara College stores their student’s ID in a session variable called “stud_pid”. In order to use their school’s student ID in the new file you change the line.
to
n And save the changes under your new name, in this example para_address_read.cfm.
n Now, you must save your custom Web page with a “.cfm” extension not as “.htm”. For example “Para_Address.htm” is stored as “Para_Address.cfm”.
n Near the top of your custom Web page (anywhere works so long as its before where you need to show the address fields) you must included the following code:
• This calls para_address_read.cfm, your custom version of address_update.cfm.
n This call to SONISWEB® returns the student’s address information in a variable called Getresults.
n To use the results, you create text box fields for address line 1, address line 2, city, and zipcode. For each textbox’s value, you use a corresponding variable from Getresults.
• An example is the address field:
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related download
Related searches
- color changes in vision
- narrator for web pages microsoft edge
- column names in python
- add column names dataframe pandas
- print column names in python
- assign column names pandas
- change dataframe column names python
- add column names to data frame
- web design color palette generator
- change column names in python
- rename column names in pandas
- add column names r