VSV For Foundations

Online communications tools for Giving Families and Small Foundations

2009-02-03T07:30:52Z

In 2003, I was engaged by the Frieda C. Fox Family Foundation to guide a geographically dispersed board and family through the creation of governance policies, funding initiatives, communications systems, and grantmaking process.

Technology was more limited in 2003, but it was not difficult to put up a website with off the shelf software, to get our mission out to the community. Creating a password protected private website let us maintain a "board site" which functioned like a weekly newsletter to our board, and replaced the need for massive quantities of informational emails.

Now, in 2009 -2010, web production is easier, and Google Groups and other online tools make a password protected discussion place readily available with the creation of a free account. Our family foundation has 24/7 access to foundation news from anywhere, anytime. A one line email goes out from time to time, saying "Remember to log in for the latest news..."

Now, all you need is some basic "user" skills on the computer (or a high school or college student) and a free Gmail login to use online tools to

-share documents and collaborate without sending versions back and forth on email

-talk on the phone while looking at the same document, with both parties editing in real time

-collaborate and converse with family, board or staff, via video, chat, and discussion groups

Rachel Fox has prepared a series of short guides to some currently available online tools.

These documents were included in a presentation to the Council on Foundations Family Philanthropy Conference in early Feb. 2009. They are downloadable here, as pdf files for all foundations and giving families, in an effort to advance everyone's use of easy technology.

We hope they are informative guides for giving families!

Downloadable PDF Handouts:
Working on Collaborative Projects (pdf)
Conversations Over Long Distances (pdf)

Families or Foundation Boards can use simple, free tools to easily share documents without the confusion of sending multiple versions back and forth by email, or make a presentation of slides or text document to participants in different cities, while discussion on the phone, making changes, and/or talking with each other on conference call.

How To Embed Your YouTube Video into Your Website

2008-05-28T21:49:00Z

If you already have a YouTube video that you want to put up on your organization's website, here is the step by step guide to make the task easier.

If your video is not yet uploaded to YouTube, see our article, "How To Upload Your Video To YouTube".

1: Getting Started
As you may already know, at the end of every YouTube video a list of "related videos" appears. You probably don't want this list to scroll by, since you can't control the types of video might be listed there.

So, first, let's remove the "related videos" list before you embed your video. Go the viewing page for your new YouTube video, as if you were going to watch it now. To the right of the video you will see a box containing information about you and your video. In the section entitled "Embed", click on the "Customize" link (labeled A in green, below). This will expand the embedding options.

In the options, choose the radio button (circle) beside "Don't include related videos" (labeled B).

Step 2: Copy the video's code
Now we're going to "Copy" the video embedding code, and in Step 3, we'll "Paste" that code into your site.

You probably know how to copy/paste already. So, go ahead and highlight all the text in the window in the white box under "Embed" (labeled C in the diagram above).

If you don't know how to copy/paste already follow these instructions. Highlight all the text in the window in the white box under "Embed" (labeled C in the diagram above). Next, go to the "Edit" menu from your Internet browser, which is probably in the top right if you're using Internet Explorer, Firefox, or Netscape. In the "Edit" menu, select the "Copy" option to copy all the highlighted text in the "Embed" window.

You've now COPIED the code. Go on to Step 3.

Step 3: Paste in the video's code to Embed in your site.
Don't be daunted by the length of these instructions! The steps depend on how your organization manages your website, choose the option below that best fits your situation!

Option A: For organizations that have a person or company that manages your website.

Send an email to that person or company, letting them know two things:

1) where in your site you would like to place the video, and

2) the code you just copied, in step two. So, "paste" the code into the email (using the "Edit" menu or other pasting method you know). Give them the go-ahead, and they'll embed the video for you.

Option B: You don't know a lot about websites, but you use a program like MS Frontpage or Adobe Dreamweaver and do it yourself.

This may be a little tricky, but you can do it! Dreamweaver will be a little bit easier for you, if you can choose which program to use.

When you open your program, it takes you to the front page of your website. Decide which page you want your video to appear on. You can place the video on your main index page, or any other page on your site. You could also create a separate page in your site just for displaying your video and then link to it elsewhere on your site. This is your choice, but be sure to give your video strong visibility.

Once you have pulled up the page you want, place your cursor in the window and "Paste" the code in. (Use your Internet browser's "Edit" menu or your favorite other method to "Paste" your code.)

You may all done now! But, you should test the page to see if displays properly. Different website management programs treat this code in different ways!

Your program should show you right on the screen what it looks like, however if you are not connected to the Internet you may just see blank space where you placed the video, since your program needs to access the YouTube page from the web to display your video.

If there is a blank space where your video should be, then your program will require you to "save" your work, and then go visit your website online to see how it looks. In that case, you may want to test it out by embedding it on a page that isn't linked to other pages, as a beta test, or, doing this process late at night when you likely do not have very many viewers, because you're working right on your "live" website.

Troubleshooting a common problem: "I copied and pasted the code, but when I check the website, all I see is the code just printed on my site."
The Fix: Your website management program thinks that this is plain text rather than code, so here's what you do:

First, delete the code - we'll have to try again in a different "view" mode. (Delete can be done using the "Undo" option in your "Edit" menu, or the undo arrow, or any other delete option on your keyboard or browser).

Now, to edit the code directly, we'll need you to be in "Code View" or "HTML View" depending on what your program calls it. Most programs have an option near the top of your screen that will allow you to change the "view" you're working in. You can switch back and forth between the "Design View" mode and the "Code View" mode. If you don't see such a toggle button, try looking in the "View" menu in your program's main menu, and look at the options. You'll probably see something like "Design View" and "Code View" as Dreamweaver calls them. If you still can't find this, please refer to your program's Help files to switch to the "Code View" or "HTML View" mode.

Note: Some programs, like Dreamweaver, let you use a "Split View" option which will let you see your pages in "Design View" and "Code View" at the same time, which is quite helpful!

Now, let's work with the code and put your cursor exactly where you want the video to appear.

Code looks a bit odd if you are not accustomed to looking at HTML code. If you place your cursor in the position on the screen where you wish to place your video while in "Design View" mode, your cursor should still be in that spot when you switch to "Code View" mode. If not, you may need to do some trial and error. Be sure you don't click "Save" until you are sure things look just right. Before you "Save" you have the option of closing the page, and everything goes back to the way it was, no damage done.

When you've got your cursor in the right location, within the code, "Paste" in the YouTube code we copied earlier.

Then go back to your "Design View" mode or test online and see how it looks.

If you want to include text beside your video on your website, read on to Option D where we show you some added table code that can help you. You should also have table options in your program that can help you with this if you'd like to try it on your own.

Option C: You use a blog program to run your organization's website.

Log into your blog program. (It doesn't matter if you use blogger, typepad, myspace or something else entirely). Create a new post as you would in any other situation. Give your post a title and anything else you would normally do when updating your site. Place your cursor in the blog post window where you would normally write something and "Paste" the video code.

You should be done, but if you look online and all you see is code instead of a video, go to the Option B's "Common Problem" box, above. Copy the text you wrote so you don't have to rewrite it later and then delete that blog entry.

Option D: You know how to code, so you build and manage your own website.

If you fall into this category you most likely know what to do with the code now, but, in the interest of helping everyone, here are instructions.

You will likely want to place your video code into table code so that you can align a paragraph of text beside the video. Here, we will build a very basic table to display your video which can be inserted into your current website.

Example Of Single Video Embedding Table

You can put all the text that you want here. Tell us about your organization, program, video. Sell us on you. And don't forget to throw in a link to your donation information or directly to online donation form!

Click to see this example larger and on its own page

The Code To Build The Above Example:
 = this text is a note explaining what a piece of code does. The arrow like pieces at either side make it invisible when it remains in the code of your site.

<tr> 
<td>  Now that you understand this code you can modify it for your organization.

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/nwqRVYS-BMQ&hl=en&rel=0">
</param> <param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/nwqRVYS-BMQ&hl=en &rel=0" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"> </embed></object>


</td> 

<td valign="top"> 

<b>Example Of Single Video Embedding Table</b> 

<br><br> 

You can put all the text that you want here. Tell us about your organization, program, video. Sell us on you. And don't forget to throw in a link to your donation information or directly to online donation form!

</td> 

</tr>

</table> 

Now that you understand this code you can modify it for your organization.

1. Replace the Purple code with the code that you copied from the YouTube site earlier.
2. Replace the header and description with information about your own video.

3. Determine where in your website you want your video to appear, and then open the file for that page.

4. Select all of this code, "Copy" the code and then "Paste" it directly into the code of your website in the location that you want this video to appear. All of my text in green or between tags that look like this: are fine to stay there. You can remove those if you wish, but if you choose not to, they'll stay invisible on your page. You will see them only in the code. They may serve as a good reference, for later.
5. Save your page and check it out online. You may want to do this late at night or during a time when not many people are looking at your website, in case you find mistakes.

Step 4: Congratulations!
Your Virtual Site Visit video is embedded on your site!

That's it, you are done. You can now use your website to give a "virtual site visit" to potential donors, volunteers, clients and everyone!

Check back soon, for more How-To articles! And, please share your stories about how you use your virtual site visit with us and others!

Frieda C. Fox Family Foundation Case Study

2008-05-13T23:05:07Z

Introduction:
VirtualSiteVisit.org grew out of the Frieda C. Fox Family Foundation's experimentation with video and online promotion of its grantee Non Profit Organizations (NPOs). After several years of trials, errors, successes and research, we feel we have some valuable information to share about best practices in conveying the message and spirit of nonprofit organizations through multimedia and the web.

Through this website we will share information with NPOs and Foundations using two main teaching vehicles, How-To-Guides and Case Studies.

How-To Guides
Online technology changes so quickly that it's not always easy to keep up, and the latest tools often require new skills. There's a whole new breed of media tools and services, like YouTube, Flickr, RSS Feed Readers, Blogger and more.

But despite all the talk about how critical it is for the nonprofit sector to embrace these tools and run with them, we find a shortage of practical, step-by-step guides geared for the nonprofit practitioner. Time is a precious and limited commodity for the busy non profit professional, and we can't take time away from our core mission and services to struggle with new technologies and uncertain results.

So, to make it easier to venture into the world of Internet technologies, VirtualSiteVisit.org will create step-by-step how-to articles demonstrating both the basics and the details of how to get your message out on the internet, so you can concentrate on your message itself.

Case Studies
We all learn from experience, and so naturally we would like to share some of our experiences as a foundation, and the experiences of some of our NPO's so you can learn from them too. Consider this article our first case study - one on ourselves - a window into where we've been and how we got here.

Who is the Frieda C. Fox Family Foundation?:
The Frieda C. Fox Family Foundation supports NPO's in California's Los Angeles and Santa Clara Counties whose programs maximize the potential of children and youth. Named for Frieda Fox, a teacher, musician, mother and grandmother who shared her love of learning with all who knew her, this foundation is the loving tribute of four generations who hope to do the same. They envision all children having the strong and effective learning environments they need to encourage their talent, creativity and excellence independent of their families' household income or socio-economic status.

The Beginning:
The path to VirtualSiteVisit began with a site visit to the Diabetes Society of Santa Clara County, back in 2003. As the program was an educational summer camp, and it was fall, their Executive Director showed our Executive Director a short video to "experience" the camp.    But that video was prefaced with their E.D.'s warning - that they use more modern medical equipment than featured in the video. The video was nearly a decade old, and it showed. She then apologized for the outdated clothes and poor video quality. The organization as a whole came off "dated" and set in the past, but without the video, no prospective funder could see what the summer camp was like.

When this was reported back to the foundation's board, we began to brainstorm. The Foundation's founding donor thought to tap a Hollywood film company to help the Diabetes Society and several of the foundation's other grantees. So in 2003 the foundation collaborated with Film Garden to produce short documentaries as part of a filmmaker internship program, where non profits would provide the subjects for the aspiring filmmakers' projects.   Of the films the Greenhouse produced, 15 documentaries were produced for our grantees, each film was 7 - 12 minutes in length.

Then, the real learning started. Some films met the NPO's needs, others did not. The pieces were well done, so why didn't they all convey the message, the spirit, mission, or program goals well enough? We honed in on a few key areas for improvement. First, there can't be any gaps in communication between NPO and Producer. Second, the Producer must really "know" the organization and understand the intended audience and how the video will be utilized to advance the NPO's stated needs. Third, the Producer must collaborate through the whole process with the NPO to make videos that are on-message, informative and powerful. Fourth, a better dissemination tool is needed than a a few copies of a video on DVD and no plan how to distribute next.

The Foundation was inundated with requests to fund DVD replication so they could mail the video to their sponsors. But there was no way for them to know if this was really beneficial or cost-effective, and often the DVDs were placed on a shelf and brought out only during site visits or special events. This was not a good use of funds or resources for the nonprofits or the FCFox Foundation. We knew that there were many ways these videos could be beneficial to the organizations, and now we had to ask ourselves "Is there a way to spend a little more time and money to make the larger amount of resources that we have already put into the project more meaningful and effective"?

Taking The Next Step:
With several of the foundation's active participants in the Silicon Valley and the technology sector, it was a logical move for the foundation to bring the videos online, hosting them so that they could be seen by a much wider audience with minimal added costs. In 2005 the bandwidth expenses and knowledge to host a video on a website meant a lot of work and money for each nonprofit video. If the Foundation acted as the "hub," we could invest once and provide the service to each NPO video recipient, to avoid each reinventing the wheel. We could promote our grantees, and feature them on our website, to reach their constituents and attract additional foundations and other funders.

In January 2006, shortly after launching our video hosting, foundation members attended a Council on Foundations conference. While preparing for the conference, Kevin Fox and I came up with the idea to load a few of the most recent videos onto our (newly released) video iPods.   That way, we could take the videos with us in our pockets.   The attention we received was amazing.

We were quick to realize that how powerful this tool would be for an NPO. Getting a potential funder to come for a site visit is the hardest step in the funding cycle. Being able to bring the site visit to them in a compelling and effortless way is an extremely powerful tool for our grantees.

Now an NPO could go to a donor meeting with the organization's video in hand, or be ready at any moment for an elevator pitch. It was now possible to plug into most TVs to show off the organization to create interest and generate new volunteers and donor-advocates. It really started us thinking.

We started looking at which videos did best online and on the iPod. How long were they? What was the right balance of statistics and heart? Were there better ways to present the most pertinent information in a short period of time?

At this point we came full circle back to the Diabetes Society. While parts of their documentary were good, they could not use it to show parents or children, because the tone was off for the message they were trying to convey.   They had been seeking a video to promote their summer camps program, and gain the trust of parents that their children would be well cared and safe in professional care of doctors and nurses while at the camp. The children could have fun, and LEARN about how to manage their diabetes and BE with children who faced the same challenges, perhaps for the first time in their lives.

Their documentary focused on issue awareness and how difficult diabetes is, which parents and potential campers already knew. The video needed to drive home the activities and safety aspects in a positive and upbeat way – the way the Diabetes Society approaches the problem.

Looking at the situation, the Fox Foundation's first question was, "how can we fix this without completely starting over?" We offered to try.

The Process:
My artistic background was in theatre and photography, not videography, but I had been playing around with Apple's iMovie over the previous few months and decided to give it a try. My Masters degree is in Arts Management from Carnegie Mellon, and I've worked with NPOs. Dana Marcus has experience as a teacher, lawyer, NPO development director, educator and foundation director. Together, we had a VERY focused perspective on the needs of nonprofits the Frieda C. Fox Family Foundation serves.

We also brought in James Noah, Professor Emeritus of Public Relations and Journalism as well as former Director of Public Relations at San Jose University. Jim graciously offered his time and expertise pro-bono. The team honed in on what were the successful and less successful aspects of short and mobile videos, and focused on short pieces that proved effective in online environments. The key was getting between 3 and 5 minutes, and getting to the point quickly and directly. Jim's years of experience crafting messages would prove a valuable asset.

I'll go more into the step-by-step details of how to build a video in another article, but for the purposes of this case study I will give a brief description of the process that we found successful.

We had several initial meetings with key staff at Diabetes Society where we discussed the intended uses of the video, and the message and key points they needed to convey.

We looked at the documentary and identified which parts (both audio and visual) worked

After getting the necessary permission to use the footage already in the prior video with credits given, I used iMovie to cut the video in pieces. I separated out the audio and video and further split them into pieces, keeping the pieces that worked.

Because the original video was longer than than what we were planning to build I had enough quality audio to craft our message, but we needed more visual assets. Working with the Diabetes Society's archives, we collected photography from many of their summer camps as well as statistics about their services and quotes from campers and their families, all of which could be used for the video.

I arranged, crafted and worked through the data as much as I could on my own and then, through a series of meetings with the FCFox team as well as Diabetes Society, we worked through a few rounds of drafts, leading up to a final product that all were happy with.

We hosted the video online and linked to it from the Diabetes Society website.

The video became an effective tool that staff could show to parents of potential campers, as well as their doctors and nurses, who in turn could make their other patients aware of the program or volunteer for the program themselves. Moreover, it has become an excellent awareness tool for getting potential individual donors and foundations interested in the program. This became our first real Virtual Site Visit.

Next, we wanted to create a multi-media piece from scratch, without depending on video. None of us were experienced videographers, but we had success in the first piece with text and photos, so that was our starting point.   We chose to work with Fox Foundation grantee, Project H.E.L.P. in Sunnyvale, California.  Their needs were urgent, as interest was coming in from everywhere, including the California Department of Education, so a mobile, visual "elevator pitch" would be a compelling tool.   Dana set up our first meeting to discuss the message needs and goals for the piece. We then we set up site visits where I visited several classrooms over a few days. I borrowed a audio recorder, took my camera and dove in to begin to understand the program, documenting along the way. Through our talks, we had all agreed to focus on the story of one family in the program. Project HELP chose a family that they had worked with for several years, who I then met and talked to. With ample material, we began the process of building another video. We found ways to animate the piece and keep viewers engaged even without recorded video. In the process, we found that when the visuals aren't constantly animated, the viewer has a greater opportunity to listen and understand the data better.

Our second Virtual Site Visit was done.

How were these received?
As we continued building and editing videos, hosting online, and promoting the use of portable media players (predominantly iPods) to increase the value of the videos, we started getting questions from nonprofits and foundations alike. "Who created these for you?" "How do you do this?"

The 'how' was not something we could answer easily or in a thorough manner over the phone or email but we did our best to point people in the right direction. In the meantime, we kept experimenting with our own videos, finding ways to make them more effective and engaging. We took photos, and wrote text. We asked the NPO's for their favorite photos and statistics. We experimented with online promotional campaigns and Google AdWords ads with our nonproft Jeremiah's Promise. We experimented with YouTube as it got bigger, and we made lists of the web technologies we wanted to explore in the future because they seemed to show promise for nonprofit use. Over the two years we have been doing this, we have received many more requests from NPOs asking for videos than we could handle ourselves.

We do not take applications for video grants. Our foundation works only with our current grantees, with a preference towards those grantees whom we have funded for several years. Because of an open door policy that Dana Marcus set up early in the foundation's life, many of our nonprofits call or email to ask us questions when they have a problem that we might help with. This keeps us privy to current events at our grantee organizations, and provides Dana with a unique opportunity to identify organizations who could best benefit from a video or online resource right when they most need it.

This system works for us, and it may work for other small foundations, but is not a one-size-fits-all. We hope to hear from other foundations and NPOs about their variations on the theme.   We hope this site will be a venue to teach what we know geared specifically for the non -profit sector.

Articles up next:
I can't promise a new article every day or every week, but we will be as diligent as we can, posting new unique content as well as sharing the content we find on the web that others are putting out there. Don't worry, we won't just say "you should use YouTube." we'll show you how to use YouTube effectively, and provide step by step instructions how to embed your video in a webpage so you can show your own page, logo and information without other distractions on the YouTube site.

We're excited, and so are our featured NPO partners, so here we go!
Please sign up for our RSS feed for notification of new content, and thanks for joining us!