User:Vtaylor/CIS89A Learning Web Design/Voyager FTP

updated 2023.2.8

Business/CS account to access Voyager
Voyager is DeAnza’s server for hosting student files including pages for web access. Each page file must be saved to the special public_html directory so it will have a unique web address. This done with File Transfer Protocol (FTP).
 * How FTP Works (video 3:07) - This is a quick talk showing how FTP works compared to normal web browsers.

Please follow this link - CS website https://www.deanza.edu/cis/ To create you CS account and your Voyager account, click on the red button labeled "Create your Business/CS Computer Lab Account" - right side of the window below picture. Follow the instructions on the screen to create and access your Voyager account. https://reports.fhda.edu/php/stuact.php


 * The Business/CS Account Request website will be displayed. Enter your 8-digit Student ID, 2-digit Birth Month, 2-digit Birth Day and 4-digit Birth Year. Click on "Submit for Account Creation". window below picture. Follow the instructions on the screen to create and access your Voyager account. https://reports.fhda.edu/php/stuact.php


 * The computer will now check to see if you are enrolled. When it finds you in the database, the next window will appear allowing you to make an account. If you just added a class, then you may get a message that says you are not in the current database -- please try again in one hour. If you still receive the message, please see a Lab Assistant for more information.


 * Read the Lab Rules now displayed on your screen. Click the check box in the lower left bottom corner to indicate that you accept and will participate. Failure to comply will result in the loss of your student account. In addition, read the complete Lab Rules so that you are familiar with them.


 * Choose a Login Name. Use of an inappropriate username will be penalized. We recommend using your first initial followed by your lastname. For example, jstudent for Joe Student. Enter a password that you will keep secret. The password will show up as *'s to keep it hidden. Type the password again to verify that you typed it correctly. Click to continue.


 * If your account has been successfully created, please close your browser. You need to wait at least 5-10 minutes to use your new account.


 * https://www.deanza.edu/buscs/accounts.html

ATC 203 Lab - See Lab rules Hours:   Monday-Thursday: 9:00 a.m. - 5:00 p.m.    Friday, Saturday and Sunday: Closed Contacts:   Di Liu, Computer Lab Coordinator: 408.864.8608 or LiuDi@deanza.edu

voyager.deanza.edu
The web address for your html code files on Voyager will be


 * http://voyager.deanza.edu/~username/filename.html


 * ~username is a shortcut to your public_html directory in your Voyager user directory. username is always all lowercase


 * filename.html - name of the file uploaded


 * to access your web page files stored on Voyager - just http:// (not https://)

example
 * http://voyager.deanza.edu/~vtaylor/m18index.html

== Transferring Files to Voyager==

Technically, an FTP (File Transfer Protocol) application is pretty simple – log in, display directory contents, move files from here to there. Any of the ones that are free and appear in multiple “best” lists will do the job.

Create or save files on your computer

On your own computer, make a copy of html and css files or create and save ones to use for this activity. Save the text files with the appropriate .html or .css file type. If you copy the code from an index.html file and the style.css file, you may need to change link rel="stylesheet" href="/style.css"> - remove the / from style.css.


 * save the html code to a text file with .html extension
 * add the additional code for elements normally included in an html file - html head title meta link body
 * save the css code to a text file named style.css

In Voyager and other web servers, html and css code are in separate files so there has to be a link in the html code to connect to the external css file (or files).

 - css file will be in the same Voyager directory as the html file. If you copy the code from a Glitch index.html file and the style.css file, you may need to change link rel="stylesheet" href="/style.css"> - remove the / from style.css
 * add a relative link to the .css in the head element of the .html file


 * upload the .html file and the .css file to your Voyager public_html directory


 * Make a note of where this file is located - folder, directory, exact file name. The file name must end in .html (or .htm)

To transfer (copy) file to Voyager:

You should see two panels with lists of files and directories. The one on the left (My system) shows everything on your computer. The list on the right (Remote) shows everything in your Voyager account.
 * 1) launch FTP Client - Putty recommended for PCs by ATC Lab. There are versions of Filezilla CLIENT for macs as well as PCs.
 * 2) host : sftp://voyager.deanza.edu  and username (all lowercase) and password are the same as your Voyager account.
 * 1) in the left panel, locate the html file that you are going to copy to Voyager.
 * 2) drag and drop that html file from my system (left panel) to remote site (right panel) under public_html
 * 3) for your .css file with external style information, copy that to Voyager as well. Check the link to the .css file in your .html file to ensure that the link still works. Update the link if necessary.

NOTE: Make sure the File protocol is "SFTP" otherwise you will not be able to connect to the server. Specify sftp://voyager.deanza.edu as the Host.

Filezilla Client for transferring files.

FileZilla is open source software distributed free of charge under the terms of the GNU General Public License.
 * Click on Download FileZilla CLIENT https://filezilla-project.org/  You will automatically go to the page with the right version for your computer - Mac or PC.
 * Download and install the FileZilla program.
 * Documentation, tutorials, are available https://wiki.filezilla-project.org/Documentation

== public_html directory==

When you are logged in to your Voyager account, there are a number of directories, including public_html. You need to transfer your web page files to this directory for them to be viewed from a web browser.


 * If you upload a file named mypage.html to your public_html directory, the page's web address is this url including the complete file name.

http://voyager.deanza.edu/~username/mypage.html


 * Use your Voyager account name to replace “username” in the example. You need the “~” (tilde) character ahead of your username.

Note : ~username is a shortcut. Voyager knows to interpret that as the actual URL path through the Voyager directory structure to your public_html directory. Specifically ~username is a shortcut for /home/student/username/public_html


 * Check that you have uploaded the style.css file for your project and that it is "found"

ATC Lab - The DeAnza ATC lab can help help with CIS accounts and passwords.

For more general information about web addresses, see the URL tutorial.

More about FTP
To transfer your HTML files to Voyager (or any other Linux web server), you need to have FTP - File Transfer Protocol program or app installed on your computer. You can use any ftp application or web page development tool that provides file transfer.


 * If you have a PC you can follow the instructions provided by ATC. You will need to download and install a program called Putty to access the Voyager server. This .pdf document outlines the steps for using Putty and transferring files to Voyager.


 * WinSCP is a good choice for Windows. Once you have it downloaded and ready to go, you log in under host name of voyager.deanza.edu

NOTE: Make sure the File protocol is "SFTP" otherwise you will not be able to connect to the server.

== DeAnza ATC PuTTY ==

Information with screenshots

https://byxbee.wordpress.com/2023/01/31/cis89a-issues-with-voyager/

You need to have PuTTY on your computer. If you don't have it yet, please download and install it by Google it.


 * Search for putty on the search bar at the bottom of the screen:


 * On the opened PuTTY window, use voyager.deanza.edu as host name. You should see this screen:

login:


 * a. Use your username and the temporary password to login. Both of them are case sensitive and must be lowercase letters.


 * b. When you type the password, it won't show anything, not even the dots. Just keep typing and press enter, it'll go through if you type it correctly.


 * c. After logging in, change the temporary password to your own password right away by using the command "passwd".

Do each step without skipping any step, you should get step 5 login screen. Follow step 6 to login.


 * 2018.5 2297 . 2019.3 3445 . 2022.7 1366