SYST28043 - Odds & Ends

Diagram Review

Your next project deliverable includes two diagrams: a wireframe and a site map. We'll review these 2 diagrams and do some simple exercises.

References:
Cacoo
Website Interface/Layout
Types of Site Structure
Presenting Information Architecture

JavaScript Review

First, you'll get an in-class, open-book JavaScript quiz. Just answer the questions and hand it in before the end of class.

Exercise

This exercise lets you work a little bit more with JavaScript form validation.

Design this HTML form (you don't have to use the image, you can use your own if you want, or you can steal one from the web).

screen shot of pizza form

All fields are empty in the form's default state, including the radio buttons and check boxes.

Once you have the form set up the way you like, write the JavaScript that validates the form and get it working with your Submit button:

The Clear button should set the form back to its default state (e.g. write a clear() function)

Submit your exercise as syst28043: Exercise 1 via the Course Evaluation Index. ZIP/RAR all your source files and name the file login_ex1.zip or login_ex1.rar, where "login" is your Sheridan username.

Web Space Setup

Do this before next class when you get some free time:

You've been given some web space on the Sheridan servers. You can use this space to store and display your web sites for the rest of the term, and you'll need this in order to create and view PHP and database pages, and use the MySql database.

First, You will need to install an FTP client that supports Secure FTP (SFTP) so you can upload your files to the server. A good one that's free is Core FTP or you can use Filezilla.

Next, you'll need to configure a connection properly so you can connect to your space on the FTP server and upload files. Remember that you must connect using a secure FTP (SFTP) connection! Set up a new connection and use the following server and credentials:

Server Address: mobile.sheridanc.on.ca
Login: YourSheridanLoginName
Password: YourStudent#

The screen shot below shows the connection config using Core FTP:

core ftp config screen

Once you've configured a connection, you can try connecting to the server. When you successfully connect, you'll see a directory structure similar to the one below:

public_html directory

Double-click the public_html directory node to go into that directory; this is where you will store all of your web site files and directories.

To view the root of your web space, browse to http://mobile.sheridanc.on.ca/~yourloginname

Make sure you're able to connect, upload files, and view your web space before the start of next class. Email me if you have any problems.