Feed on

In order to edit a sidebar on your homepage, please do the following:

  • Log in to Cascade and select the folder likely entitled “homepage-sidebar” on the left of your screen.


  • Once you click that folder, a dropdown menu will appear. You will likely have blocks entitled, “top,” middle,” and “bottom.” A block such as Related Sites will likely be the “top” block. Select the appropriate block.


  • Once you click the appropiate block, its content will appear on the screen. Click the edit tab on the right hand side of the screen to change the content as you please.



  • Once you have finished making your edits, click the submit button on the bottom right of the screen.
  • A green bar with the phrase “Edit Successful” will appear on the top of your screen.


  • Afterwards, on the left side of the screen, select the page on which this sidebar is found. If it is your homepage, it will be most likely be a page entitled “Index”.
  • Once you have click on Index, click on the “Publish” tab found on the top of the screen. Your screen should look as follows:


  • To publish your changes to your sidebar, click the submit button.
  • A green bar with the message “Publish message sent successfully” should appear on your screen.


All done, you have updated your sidebar!









Updating Video Pages

Many departments have Lecture Series pages where the current year’s lecture series is posted as a playlist from Brightcove. This tutorial allows you to update the page from previous lecture series to the current one.

Screen Shot 2015-10-23 at 12.44.37 PM

  1. Copy existing video page and rename (Suggested name: LectureArchive_<year>)
  2. If there is an existing video archive page, add the link to the copied page there by editing the page on Cascade.
    As you can see, the CEAS page already has an archive page “Lecture Series Archives”
    Screen Shot 2015-10-23 at 12.49.52 PM
  3. If there is not already a video archive page, make a new page and add the link to the copied page there.
  4. Go back to original page and update the bright cove id to that of the new playlist.
    Screen Shot 2015-10-23 at 12.51.48 PM
  5. Retitle page if necessary (i.e.: change from 2015/2016 Lecture Series to 2016/2017 Lecture Series)
  6. Submit!

This tutorial allows you to make a complete copy of an existing page in Cascade.

1. Go to the page you’d like to copy.
In this example, the page we’ve chosen is “staffbios”.

Screen Shot 2015-10-23 at 12.33.01 PM

2. Click on the tab “Copy”. This should be near where the “Edit” tab (to the right of it)

Screen Shot 2015-10-23 at 12.38.54 PM

3. Rename the page if necessary by changing the text in “System name”

4. Choose a parent folder by clicking on the search icon. This is where you choose where you want to copy the page to.

5. Click “Submit”.

To share a video on social media

1. Find the video you want to share by going to Video@Wesleyan.

2. Once you’re on the video’s page, find the facebook icon which will be to the right of the video.

Screen Shot 2015-10-08 at 4.15.45 PM

3. There will be a facebook pop-up. You may be prompted to sign in if you aren’t already.

4. At the top left hand corner, there will be a drop down box where you can choose where to post the video. The default option is “Post to your own timeline”
Screen Shot 2015-10-08 at 4.22.54 PM

If you wish to post to a specific page you manage, there will be an option for that when you click the drop down

Screen Shot 2015-10-08 at 4.22.10 PM

5. There is an option to add a caption and you may do so if you wish.

6. Click “Post to Facebook” and you’re done!

These are the instructions on how to modify the Testimonials page under Career at Wesleyan on the Human Resources website.

Step 1: Navigate to Human Resources, find careers1 > testimonials.

Screen Shot 2015-04-24 at 2.59.42 PM

Step 2: Go to Edit in the page you just navigated to. Each block will have these fieldsScreen Shot 2015-04-24 at 3.02.50 PM

There are usually two options for each block you are editing:

1) Make it a solid-colored background with hover text in the middle like this:

Screen Shot 2015-04-24 at 3.04.39 PM

  • Fill in Hover Name.
  • Fill in Description (which will appear when you hover the mouse over the block).
  • Leave Thumbnail blank.
  • Leave Brightcove Video ID blank.
  • Choose Background Color.

2) Put in a thumbnail image for the block with a video link embedded like this:

Screen Shot 2015-04-24 at 3.05.05 PM

  • Leave Hover Name blank.
  • Fill in Description (which will appear when you hover the mouse over the block).
  • Choose a Thumbnail by clicking Screen Shot 2015-04-24 at 3.15.24 PM and choose the image (size 225 x 125) you want to use as thumbnail (usually from the images folder).
  • Fill in Brightcove Video ID with the Brightcove ID of the video you want to link to.
  • Leave Background Color blank.

Step 3: Hit Submit down below the page when you are done editing to submit the changes.

This documentation will guide you through the necessary steps to update byline entries on the Wesleyan President page.

Step 1. Navigate to the President section of Cascade

Screen Shot 2015-04-03 at 3.08.10 PM

Step 2. Expand the “byline-entries” folder. Bylines are organized into different folders according to their respective year.

Note: A “config” file exists under these folders. More on this in later steps.

Screen Shot 2015-04-03 at 3.09.15 PM


Step 3. Navigate to an existing folder (or create a new one inside “byline-entries” via New > Folder found on the blue horizontal toolbar above) that holds bylines of the year you wish to update. Example here shows bylines of the year 2008.

Screen Shot 2015-04-03 at 3.12.52 PM


Step 4. While in the desired folder, create New > Byline

Screen Shot 2015-04-03 at 3.17.33 PM


Step 5. Fill in the information:

  1. System name: The name of the byline displayed in Cascade. This should be similar to the name of the article or interview referred to in the byline, only with dashes (-) instead of blank spacing between words.
  2. Date: Date and time of publication for the byline.
  3. Source: Where the information was retrieved from i.e The Huffington Post, The New York Times, etc.
  4. Icon: Choose “Radio” or “TV” if the byline was in a kind of broadcast, “None” for other cases.
  5. Title: Title of the article or interview you wish to enter.
  6. Excerpt: Brief description of the President’s byline.
  7. Link: Link to the original web-source.

Step 6. Click “Submit” when you are done editing.

Step 7 (Optional). Change how a post is considered a “new byline.” Now on the President page, only bylines within the last 4 months are displayed, and the rest goes to the archive. To change this, edit the “config” file mentioned earlier. In “Expiration,” choose from the drop-down menu to set the desired number of months as the “expiration date” for bylines.

Screen Shot 2015-04-03 at 3.30.14 PM


The Studio Art Thesis Archive (http://learningobjects.wesleyan.edu/artthesis/) was originally built in 2008 by Ryan Lee (under the guidance of Philip Isaacs) and re-built in 2012 by Jason Vienneau in the New Media Lab at Wesleyan University. It is built in PHP and pulls in the data from the Media Database. The site lives on the Learning Objects production server (stronggood).

The archive includes studio art majors since 1980 and can be viewed by name, by year, and by concentration. When a listing of names is greater than 20, an alphabar appears at the top of the page to aid with navigation. When one chooses an artist’s name a gallery of images appears. Breadcrumb navigation is available across the site.


How to update the Studio Art Thesis Archive

by Mariah E. Reisner, Feb. 2012

Updating list of studio concentrations

  1. Go to the Media Database http://www.wesleyan.edu/its/mediadb
  2. Choose “Catalog and Collect” link on the left to login to Media Database Workspace
  3. Choose “Work with Media” from the top yellow bar
  4. From the drop-down at the top, choose the collection or group (by year)
  5. Click Info
  6. Click “Add Info to Media”
  7. Edit “Description” field to be proper concentration
  8. Click “Apply Changes” at bottom of window


Rotating images from horizontal to vertical (notes from Dan Schnaidt 2/12)

  1. Go to the Media Database http://www.wesleyan.edu/its/mediadb
  2. Choose “Catalog and Collect” link on the left to login to Media Database Workspace
  3. Scroll to the bottom and select “Studio Collections”
  4. Select a collection (each concentration/year is a collection) to work with from the drop-down menu
  5. Next to the appropriate image, select a rotation from the drop-down menu (90 degrees, 180 degrees, 270 degrees) as needed. All rotations are clockwise.
  6. Select Yes or No (for inclusion in the slideshow). This field will be used to signal completion and must have a value chosen.
  7. Click Submit at the left top or bottom of the screen to save
  8. Advance to the next set of 15 images by selecting from the drop-down menu
  9. Repeat until done.

Note that you will be working on a copy of the Studio collections data. Once all the changes have been made, they will be processed to update the live Studio collections data. The image rotations will only display when the data is processed. Any changes made directly in the Media Database to the Studio collections will be wiped out when the data is copied, so we want to be careful not to edit directly in the Media Database until the rotations and selections are completed and processed.


**Note from MER – this application does not appear to be running at this time.


Adding new artists/years/images

Per 2/6/12 email with Dan Schnaidt – he will personally train those who will be updating/adding new artists/years/images to the database. Contact dschnaidt@wesleyan.edu or call x2608 directly for more assistance.





Current version of this document is located on WesFiles:

New Media Lab \ Labshare \ documentation \ art-thesis-archive-user-documentation.doc

  • 2-13-12: Initial Release, MER

(Note: This tutorial was made using Adobe Photoshop CS5, but earlier/later versions of Photoshop should have only cosmetic differences; the mechanics of image resizing and cropping should be the same.)

Cropping Images

1. Open the image in Photoshop.

2. Select the “Crop” tool from the lefthand toolbar.


Crop Tool Location

3. Lock the dimensions of the cropped area by changing the width and height of the tool in the upper toolbar, keeping the “Resolution” field at 72 pixels/inch. See below for which dimensions to set.


Crop Size

The size will depend on where the image will be located.

  •  3a. If it will be a single-photo banner as seen below, the crop tool should be specced to 960 x 192 px (960 pixels wide and 192 pixels high).
Single Photo Header - Engineering
  • 3b. If it will be one of 5 squares in a banner as seen below, the crop tool should be specced to 190 x 192 px.
5-Square Header - EES
  • 3c. If it will appear in a gallery as seen below, the crop tool should be specced to 500 x 350 px.
Gallery Photo - Dance
4. With the dimensions set, click and drag over the original image to select the area of the new image. The frame will snap to the dimensions you have specified; you can also click and drag the corners of the crop square to adjust the image. Photoshop will gray out the areas to be cropped out to give you a preview of what the new image will look like.
5. Press Enter to finalize the crop.

6. Save the image as a JPEG.


Save as JPEG


6. Follow these directions to upload the image to Cascade.

(Note: This tutorial was made using Adobe Photoshop CS5, but earlier/later versions of Photoshop should have only cosmetic differences; the mechanics of image resizing and cropping should be the same.)

Resizing Images

1. Open the image in Photoshop.

2. From the “Image” dropdown, select “Image Size.”

Image Size

3. Make sure that the resolution is set at 72 DPI. If it is already at 72, skip to step 4. If not…

  • 3a. Un-check the “Resample Image” box.
Uncheck Resample Image
  • 3b. Making sure that the “Pixel Dimensions” field has been grayed out, change the Resolution field to 72 pixels/inch.
Change Resolution
  • 3c. Re-check the “Resample Image” box.
Recheck Resample Image

4. Now you will have to change the dimensions of the image in the “Pixel Dimensions” field. The final size of the image will depend on where it will be located.

  •  4a. If it will be a single-photo banner as seen below, the image should be resized to 960 x 192 px (960 pixels wide and 192 pixels high).
Single Photo Header - Engineering
  • 4b. If it will be one of 5 squares in a banner as seen below, the image should be resized to 190 x 192 px.
5-Square Header - EES
  • 4c. If it will appear in a gallery as seen below, the dimensions are 500 x 350 px.
Gallery Photo - Dance

5. In the image below, “Constrain Proportions” is unchecked, which may lead to distortion of the image after resizing. If you do not want this, make sure to check the box. Once you have done that, the height (width) will automatically adjust according to your input of the width (height). For obtaining undistorted images of different height:width ratio, see instructions for Cropping Images In Photoshop.



6. Save the image as a JPEG.


Save as JPEG

6. Follow these directions to upload the image to Cascade.

This tutorial will walk you through the steps necessary to make changes to the header slideshow on a page. If you do not need to upload new images, skip to Step 2.


Step 1 – Uploading the images you want to use: 

  • Navigate to the Base Folder of the site and go to image_header > images

images navigation

  • Upload the images:
    • For single images:
      • On the blue bar above, select New > File or Image
      • file or image
      • Drag and drop the image into the gray box
      • Hit Submit
    • For multiple images
      • Create a .zip file of your images
      • On the blue bar above, select Tools > Zip Archive
      • zip archive
      • Drag and drop the .zip file you just created into the gray box
      • Hit Submit

Step 2 – Editing the slideshow

  • Under the image_header folder you just visited earlier, click on the file (located below the images subfolder) called header-images and select Edit tabedit header
  • There are now several actions you can perform:
    • Deleting existing images: This is done by clicking on the Screen Shot 2015-04-21 at 9.33.53 AM button in the block of the image you want to delete.
    • Adding new placeholders for additional images: This is done by clicking on the Screen Shot 2015-04-21 at 9.35.51 AM button in any existing image block, and it will increase the number of photos you can have in the slideshow by 1. You can then set the blank image block(s) to host new photo(s) (see bullet point below for setting photos).
    • Setting an image block to hold a new image: This is done by clicking on the Screen Shot 2015-04-21 at 9.43.35 AM button in the existing image block you wish to change. You will then see the Current Selection screen like below, and on the left-hand side you can choose any image you want to have in the current block you are editing. Hit Confirm to finalize the selection
      select photo
    • Reorder existing photos: If you want to move an image forward or backward in a slideshow, use the Screen Shot 2015-04-21 at 9.41.18 AM buttons in that particular image block to move it down (backward) or up (forward) in the current image order.
  • Continue making changes to the existing images if necessary, and hit Submit when you are done modifying

Step 3 – Re-publishing: Republish header_images and the page that you have edited to make the changes live

« Newer Posts - Older Posts »

Log in