Accessing CISWeb Server This Power Point presentation will demonstrate:

1. Accessing CISWeb ServerThis Power Point presentation will demonstrate: • how to logon to the cisweb server using Winscp • how to copy files to the server using Winscp • how to display web pages stored on the server using any web browser

2. CISWEB Server: Secure File Transfer • You will need to transfer files to the CISWeb server as part of this course • To transfer files to the server from outside the college (i.e., from home), you’ll need to use a secure file transfer program • If you have access to a secure file transfer program on your computer, you can use it (this would be something that was previously installed by you – it’s not part of Windows). • If you don’t have access to a secure file transfer program on your computer you can download and install Winscp

3. Winscp • WinSCP is an open source (free) program that can be used on a Windows computer to securely transfer files between a local computer and a remote computer. • WinSCP is available from here: Download Now If the above link doesn’t work for you, try downloading it from the class website, on the supplemental materials page. • Download the file to your computer (pay attention to where you store it). • To install the program, browse to and double-click on the downloaded file (file name=winscp376setup.exe) . When installing the software accept all default settings. • The program should auto run at completion of the installation if it doesn’t, you can access it from Start / All Programs / WinSCP3/winscp

4. Enter the hostname cisweb.bristolcc.edu Enter your username* • Usernames ARE case sensitive! Enter your password. • Passwords ARE case sensitive! Click on Login** Winscp:Logon to the cisweb server Select Session *If you haven’t already done so, you should email me for your account information. ** The first time you connect you will receive a Warning indicating that the server’s host key was not found in cache. Select yes to continue connecting and add the host key to the cache.

5. The right pane displays files and folders in your personal storage area on the cisweb server. The left pane displays files and folders on your computer. Winscp Screen After successfully logging in you should see a window similar to the one seen below:

6. cisweb Storage • Each user has his/her personal storage area on the server. This storage area is referred to as the user’s home folder and its name matches the user’s login name. In this example, I’m logged in as a user named cit1101 therefore my home folder’s path is /home/cit1101. Each user’s home folder initially contains a public_html folder and some files. • Files and folders stored in the public_html folder are ‘public’; that is, they are available to anyone from any web browser. This is where you’ll store the web pages that you’ll create in this course. • Files and folders stored outside the public_html folder are available only to someone who has the appropriate username and password. Here’s where you’d save personal files that you don’t want others to access.

7. Create Folder in Home Folder In this example I am logged in as the cit1101 user and will create a folder named homework in that user’s home folder . After selecting the location to create a folder, click on the F7 Create Directory button (or press Function key 7) The Create Folder dialogue box will appear. Enter the new folder’s name and click OK.

8. The ‘new’ homework folder is stored in the /home/cit1101 folder. Create Folder in Home Folder Because the homework folder was created ‘outside’ the public_html folder, this folder will not be available to the general public.

9. Open each folder. This can be accomplished by double-clicking on each folder. The contents of each folder will be displayed. Copy Files: from local computer to server In this example I will copy files from the CIT11 folder on my local computer to the newly created homework folder on the cisweb server.

10. Copy Files: from local computer to server The contents the local CIT11 folder are displayed in the left pane and the contents of the homework folder stored on the server are displayed in the right pane.

11. Copy Files: from local computer to server Select the files and/or folders that you want to copy. In this example I’ve selected a folder and three files (use ctrl-click to select more than one file or folder) Select the F5 Copy button Or Press the F5 Function key Or Click and Drag the selected files/folders from the left pane to the right pane

12. Copy Files: from local computer to server A Copy dialogue box will appear. The target directory will be displayed. If this is the desired target, click COPY. If it’s not the desired target, change the target before clicking copy. The files and folder were successfully copied to the server

13. HTTP: Displaying Web Pages • Chapter 4 in this course teaches you how to create web pages. • You will initially create the web pages on your local computer and then copy them to the public_html folder in your home folder on the cisweb server • Once stored in the public_html folder, they are available to the general public • To access the pages that you store on the server, you must use a browser and you must enter the appropriate url • The url syntax that you must use to access your personal home page is: http://cisweb.bristolcc.edu/~YourUsernameGoesHere When typing the url, be sure to use the username that was assigned to you. For example, if your username is cit1150, the url to your homepage would be: http://cisweb.bristolcc.edu/~cit1150 This path ‘points’ to the public_html folder that exists in your home folder on the server. Remember what you learned in chapter 3 --- if no file name is entered in the path, the browser will look for a file named index.html; if none exists, an ‘error’ message will be displayed. If you do not have an index.html file in your public_html folder, you must supply the file name of the html file that you want to open. The next 2 slides provide examples of both valid and invalid paths to web pages stored on the cisweb server.

14. HTTP: Displaying Web Pages The url for the CIT1101 user’s home page is entered without a file name. Since there is no index.html in the CIT1101 user’s public_html folder, an error is displayed.

15. HTTP: Displaying Web Pages The url is entered with a file name. (homepage.html). This file exists in the cit1101 user’s public_html folder and its contents are displayed in the browser window.

16. Troubleshooting: Case Sensitivity • The cisweb server IS case sensitive. • Be sure that the names entered in the url match the case used when creating the files and folders. • Example: http://cisweb.bristolcc.edu/~cit1101/HomePage.html will not work if the home page file is stored on the server as homepage.html • Be sure that you reference files in your html code as they are spelled. • Example: If you reference a picture <img src=“Dog.jpg"> and the dogpicture is stored on the server as dog.jpg, your picture will not display. • You should not use spaces in file or folder names. The system allows it, but it’s easier if you just don’t use them.

17. Summary • You can logon to BCC’s cisweb server and transfer files to and from your personal home folder on the server. • Files and folders stored in and below the public_html folder are available to anyone from any web browser. These folders should be used to store your personal web pages. • Files stored outside the public_html folder are available only to you through your user account. Folders created outside public_html should be used to store your private files • You can view your web pages from any web browser • The url to ‘your’ personal home page is: http://cisweb.bristolcc.edu/~YourUsernameGoesHere • Example: To display a webpage named stuff.html that’s stored in a folder name mystuff in the cit1101 user’s public_html folder, you’d enter the following url: • http://cisweb.bristolcc.edu/~cit1101/mystuff/stuff.html • Don’t forget --- the cisweb server is case sensitive!