Anthony J. Lenzo

Web Design and Development Portfolio

NEW CLIENT FORM

Below is a sample "New Client" form for which I developed the code shown further below. The HTML form itself was created by a designer at ds303, who had subcontracted me to create the code to process the form and add it to a client database, which I created in MySQL.

New Client Form Example Page

New Client Form Code

Depending on the situation, this form can be used either to input a new client or edit an existing client. For each fiield, PHP code is used to display the current value, if there is one. Two fields (contact_first_name and contact_last_name) also include JavaScript to show the value "First" and "Last" within the field until the user clicks within the box, at which time the word disappears. The user can then type his or her own name without having to delete the default value.

 

FILE UPLOAD PAGE

For the same system as above, I created a login page that verifies the user, and then allows them to upload a file to the client's website. If they are not logged in, and the user attempts to go to the "Upload" page, the user gets an error.

Sign In Page Example

Login Check Code Example

Once the user is properly logged in, he or she may upload a file. The screen the user sees is shown below.

File Upload Page Example

Originally, I had created a simple PHP code to upload the file. However, the client wanted a progress bar to show the status of the upload. After considering several different options, I decided to use an open source set of code called Uploadify that uses a combination of JavaScript, PHP and Flash to upload files with a progress bar. Within the 'folder' tag for Uploadify, I used the user's email address as a folder name in which to put the uploaded file.

Upload Code with JavaScript

Below is the PHP code that Uploadify uses to actually upload the file. (I've blocked out certain details for security reasons.) I modified the code to strip out any apostrophes or any extra slashes in the user's file name. The code then uploads the file and then emails the client to alert them that a user has uploaded a file.

Upload Code in PHP

 

CONTACT FORM PROCESSING PAGE

Below is an example of a form (created by ds303) that a client wanted to use to create an email mailing list. I was subcontracted by ds303 to create the code to process the form and send their client an email with the user's information.

Contact Form Example

The HTML code for the page above submits the information to the PHP page, the code for which I've included below. The page first sets the stage by including the PEAR mail package and then defining some variables and a function to use later.

PHP code for contact form

Below the PHP code continues to process the form. First it gathers all the values entered into the form and then makes sure there aren't any problems with them. For example, the email address must be in the form of a proper email address. If there are any errors (i.e. $error_message is not empty), the code (not shown) processes the function died()(as defined above).

More PHP code for contact form

If there are no errors in the user's input into the form, then the page sends an email to the client with the information from the form in a variable $email_message. (Certain details have been blacked out for security reasons.) The user is then shown a "Thank You" message.

Still more PHP code for contact form

 

 

WEB DESIGN

Below is a simple landing page I created for an artist in Chicago. The website's colors reflect the design of her art and the simple square shows the major types of works she produces.

Artists Website ExampleArtist Website Code

 

SHOPPING CART DESIGN

Below is a shopping cart I designed and implemented using the open source development tool ZenCart. Again, I worked the design for the website off of her logo, which she was already using.

Shopping Cart Design Example

The client had asked me to make her cart look something like the shopping cart below (which I DID NOT design or have any affiliation). I think I got fairly close.

Client Requested Her Page to Look Similar to This Page