byxbee wiki

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). * [https://www.youtube.com/watch?v=TyBRbgz-FFs How FTP Works (video 3:07)] - This is a quick talk showing how FTP works compared to normal web browsers.

<!– 2024.9.27 –> Create a VOYAGER account * Go to [https://www.deanza.edu/cis/ Computer Science and Information Systems] * Click on big red “[https://reports.fhda.edu/php/stuact.php Create Your VOYAGER Account]” button * Complete the form and click “Submit for Account Creation” button

'Your username and password MUST be ALL LOWERCASE'

ATC 203 Lab - [https://www.deanza.edu/buscs/labs.html#rules See Lab rules] <br /> Hours: Monday-Thursday: 9:00 a.m. - 5:00 p.m. Friday, Saturday and Sunday: Closed <br /> Contacts: Di Liu, Computer Lab Coordinator: LiuDi@deanza.edu * NEW: Students use their MyPortal login to login to the ATC lab computers

Learn more… Voyager is a Linux system with internet server capabilities * [https://www.cyberciti.biz/tips/understanding-unixlinux-file-system-part-i.html Understanding UNIX / Linux File Systems] * [https://www.cyberciti.biz/faq/linuxunix-rules-for-naming-file-and-directory-names/ Linux/UNIX file and directory naming rules]

ATC supports alternative Putty (available for PCs only)

There is more information in the following sections - this is just an overview of the steps. * Obtain a CIS account and Voyager account from https://www.deanza.edu/buscs/accounts.html * Download and install FileZilla 'Client' (Windows, Mac and Linux versions available) https://filezilla-project.org/download.php

Use FileZilla to connect to Voyager (SFTP). * Enter the address 'sftp://voyager.deanza.edu' into the host field of the Quickconnect bar. Leave port number field blank. * Enter your CIS account username and password in the corresponding fields. * Click on Quickconnect or press Enter to connect to the Voyager server.

The Filezilla window will be split into two. The left is your computer, the right is your directory in the DeAnza Voyager server. Navigate it like you would in your personal computer.

* Once connected, use FileZilla to copy your website to the public_html directory on voyager.deanza.edu. You can drag a file from the left window (your computer) to the right window (Voyager).

NOTE: This is an overview of the steps. The information below provides more details about these steps.

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

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).

* add a 'relative link' to the .css in the head element of the .html file <br /><link rel="stylesheet" href="style.css" /> - 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

* 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

'Download and install an FTP CLIENT on your computer'

Before you can transfer files, download and install an FTP CLIENT on your computer.

* PCs only - Putty recommended for PCs by ATC Lab - not available for Macs. See information provided by ATC Lab

* Macs and PCs - versions of Filezilla CLIENT for Macs as well as PCs. Recommend using '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

'Transfer (copy) file to Voyager - same for all FTP Clients. Voyager is an SFTP server. '

* launch FTP Client - FileZilla or Putty * host : sftp:voyager.deanza.edu and username (all lowercase) and password are the same as your Voyager account. FileZilla - To connect Voyager, enter the address <br />sftp:voyager.deanza.edu into the host field of the Quickconnect bar. Leave port number field blank.

* Enter your username and password for your Voyager account in the corresponding fields. * Click on Quickconnect or press Enter to connect to the server.

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.

* in the left panel, locate the html file that you are going to copy to Voyager. * drag and drop that html file from my system (left panel) to remote site (right panel) under public_html * 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. ==<br />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” <!– - you may need to change the link in your html file to access your css file on Voyager. <br /> May need to be href=“/style.css” or href=“style.css” or href=“./style.css” –> ATC Lab - The DeAnza ATC lab can help help with CIS accounts and passwords. For more general information about web addresses, see the [http://www.w3schools.com/html/html_urlencode.asp 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.''' ==<br /> 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 . 2025.4 5827