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.

Google Online Preview   Download