Feed on

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


The video aggregate web application is populated through the Brightcove Video Cloud (https://videocloud.brightcove.com). Static content areas can be modified through Cascade Server (https://cascade.wesleyan.edu). Rules mapping collections to tags can also be modified through Cascade. After tagging in Brightcove, the Brightcove API can take up to 15 minutes to update completely.

All videos must be tagged with the word “public” to show up on the site. Videos must also be contained within the NML account or shared with this account (http://support.brightcove.com/en/video-cloud/docs/media-sharing).

Home Page (http://video.wesleyan.edu)

Featured Videos

This section displays a photo gallery of Video Stills from any videos tagged with the word “featured”. This is displayed in the order of most recently published. There must be at least one featured video.

Recent Videos

This section on the home page is automatically generated from the Brightcove system. It displays the last twelve published videos that contain the tag “public”. If a video needs to be hidden from this section, apply the tag “hidefromhome”.


Any video tagged with the word “public” will show up in the search results even if it does not belong to a Collection. Searches will find matches in the display name, short description, long description, and tags.

Collection Pages

Collections can be managed through Cascade Server under the Video Aggregate site on the page collections. When editing the page, each collection will have a Tag and Collection Name. The Tag will match what is tagged in Brightcove, and the Collection name will become the menu item, header, and links on the Video Aggregate site. Videos can belong to multiple collections.

Current tags for collections (subject to change)










Detail Pages

Detail pages will display the embedded video, title, short description, long description, and the first three related videos. If the video belongs to any collection, it will be shown on this page as well.

Long Description

Brightcove does not allow for HTML formatting in the long description field. The Video Aggregate site will interpret new lines as breaks(<br />) and carriage returns as paragraphs(<p></p>). URL’s will also be automatically converted to hyperlinks that open in a new window.

Any Brightcove video can be added to a blog post or page.  You can add multiple videos to a page or post, currently you can not add a playlist.

Install/Activate Plugin

  • contact New Media Lab to activate and set up the Brightcove plugin for your blog
    • put in a service request ticket at http://service.wesleyan.edu
  • New Media Lab will contact you to let  you know the plugin has been activated

Embed Video on Page/Post

  • edit the page/post where the video will be embedded
  • you can put text above the video and you can format it using the tool bar
  • place the cursor where you want the video
  • click the Add Media button
    add media
  • select Brightcove from the Insert Media on the left
  • fill in the Video number given to you by the person who created/uploaded your video
    • it is a 13 code number similar to this: 3958280905001
  • there is no submit button —  press Enter to add the video
  • on your post/page you will see the brightcove embed code
    • similar to this:
      brightcove-embed-code-on page
  • you can not see your video in preview mode
  • you can:
    • use the Preview button
    • Save Draft then Preview
    • Publish and look at page/post in production
    • if you choose Draft, be sure to Publish when finished

Edit Faculty Showcase

If you have a faculty showcase on your site and would like to edit it, here are some instructions on how to do so:

  • First, if you have any new images to upload, navigate to the folder in your site that holds these faculty images.
    • Each site is different—for Theater, for example, the images folder “slideshow-image” is nested under the “faculty” folder, while for Biology, the folder is simply “faculty-images”.
    • You will have to upload the photo by going to New > Image with Thumbnail instead of New > File or Image as usual. This will create two versions of the photo you upload, one in original size and one in thumbnail size (55×75).

Screen Shot 2015-04-21 at 10.54.00 AM

  • After you have uploaded an image and have a thumbnail for that image, navigate to your faculty showcase page. If you have a hard time finding that page on your left-hand navigation tree, navigate to that page in Cascade through the view window that allows you to preview your site.
  • When you’re on the faculty showcase page, hit “Edit” from the tabbed toolbar above the site preview window. You should see the following:
  • Screen Shot 2014-11-12 at 10.38.56 AM
  • On this Edit page, you can perform several actions
    • A green plus sign Screen Shot 2015-04-21 at 9.35.51 AM that allows you to add a new faculty slide.
    • A red minus sign Screen Shot 2015-04-21 at 9.33.53 AM that will delete an existing slide.
    • Blue up and down arrows Screen Shot 2015-04-21 at 9.41.18 AM that allow you to change the order of the slides (up is to move it forward in the slide, down is backward)
    • “Faculty Name” field—add the name of your faculty member.
    • “Faculty Title”—add the title of your faculty member.
    • “Research Area”—serves as a place for you to add a description of the faculty member, not necessarily constrained to research.
    • “Personal Website URL”—you can add a link to the faculty member’s own website
    • “Photo”—Find the larger image of original size you have uploaded for this faculty member.
  • After you’ve made your changes, be sure to hit “Submit” at the bottom.

Older Posts »

Log in