Skip to content
Shawn Van Every edited this page Sep 2, 2015 · 13 revisions

In order to complete your first assignment, you'll need to upload your files to your web server. You'll need an FTP or SFTP ((secure) file transfer protocol) client application (Cyberduck, Fetch, Fugu, WS-FTP). ITS at NYU has software available for download for free including various text editors and SFTP clients. For this class, I would recommend using Cyberduck which is freely available from their site.

Here is a video tutorial about this:

Residents' Doc Day tutorial

  • How to set up your SFTP user (These instructions assume you're using Dreamhost, but if you're using another hosting option, it should be similar)

Get some FTP software

Once you have CyberDuck, follow these steps:

  1. Select "Open Connection".
  2. Change protocol to "SFTP".
    • Server: You'll need to get this from your host. For this example scenario, it's caroline.dreamhost.com b/c I have a dreamhost account. You probably do too but it might be somethingelse.dreamhost.com, or it could be your domain name, like mywebsite.com.
    • Username: your SFTP user's username
    • Password: your SFTP user's password

CyberDuck

  1. Click "connect".
  2. If you get a message saying "unknown fingerprint" click "allow" (and select "always").

Find your sketch folder

From the p5.js editor you can get to your sketch folder by selecting VIEW → SHOW SELECT FOLDER (also command-K). Your sketch folder will contain index.html, sketch.js, a libraries directory (and eventually more things too).

Sketch Folder

This is the folder that you need to drag into cyberduck. You'll need to put it in your "public" web folder. For a dreamhost account, this is a directory named with your domain (like "yourdomain.com")

homeworkcomplete

You can then go to the URL: http://mydomainthing.com/assignment1/ to view your homework. Here is the result of the example depicted here: http://shiffman.imnyuad.com/example_01_05_zoog/.