1. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Title
Screen: 1
Background: Austin
Color/Type/Size of Font:
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Green/ Century Gothic
(Headings)/ 36
Audio:
Actual Text:
Creating an Electronic
Portfolio
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next slide
Animation:
Audience Interaction:
of 14

2. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Definition of an
electronic portfolio
Screen: 2 of 14
Background: Austin
Color/Type/Size of Font:
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Green/ Century Gothic
(Headings)/ 36 / 24
Actual Text:
What is an e-portfolio?
An e-portfolio is a digitized
collection of artifacts
including demonstrations,
resources, and
accomplishments that
represent an individual,
group, or institution. This
collection can be
comprised of text-based,
graphic, or multimedia
elements archived on a
website or other electronic
media.
Transition to next clip: Next slide
Animation:
Audience Interaction:
An e-portfolio is a
digitized collection of
artifacts including
demonstrations, resources,
and accomplishments that
represent an individual,
group, or institution. This
collection can be
comprised of text-based,
graphic, or multimedia
elements archived on a
website or other electronic
media.
Audio:
(Sketch screen here noting color, place, size of graphics if any)

3. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Comparing traditional
and electronic portfolios
Screen: 3 of 14
Background: Austin
Color/Type/Size of Font:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Green/ Century Gothic
(Headings)/ 36 / 22
Actual Text:
Electronic:
More accessible
Provides easy access to
stakeholders
Can store multiple forms of
media
Easy to upgrade
Can demonstrate
competence in use of
technology
Traditional:
Includes tangible artifacts
Provides an opportunity to
elaborate on projects
during an interview.
Includes original samples
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next slide
Animation:
Audience Interaction:
Narration:
Electronic portfolios are
becoming a popular
alternative to traditional
paper-based portfolios
because they offer
practitioners, peers, and
potential employers the
opportunity to review,
communicate and assess
portfolios in an
asynchronous manner. Use
of an electronic portfolio
provides more accessibility
and easy access to those
you’ll want to review your
portfolio. You can also
incorporate various forms
of multi-media, which also
provides the opportunity to
demonstrate competence in
use of technology. A
traditional portfolio
includes tangible and
original samples and
artifacts, and provides an
opportunity to elaborate on
projects during an
interview.

4. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Choosing content for
the portfolio
Screen: 4 of 14
Background: Austin
Color/Type/Size of Font:
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Green/ Century Gothic
(Headings)/ 36 / 18
Actual Text:
Selecting Content
What should you include?
Welcome
Summarize who you are and a bit
about what visitors will find in your
e-portfolio. Give your audience a
flavor for what you’re all about and
let them know what you value.
Table of Contents
Include ways to display links to
contents of the portfolio.
Résumé or Vita
Summarize your education,
achievements, and work experience.
Include detailed information on your
skills.
Work samples
This information is as diverse as
your background. Upload articles,
papers, projects, reports, and
publications so your audience can
see your work. Consider including
graphics, audio and video for further
illustration.
Instructor feedback or evaluations.
Transition to next clip: Next slide
(Sketch screen here noting color, place, size of graphics if any)
Every portfolio will be different
as each person’s experiences and
backgrounds are unique. An
electronic portfolio should
contain professional or careerrelated content that expands,
supports and elaborates on what
is found on a resume.
Throughout your academic
career and employment, collect
and preserve documents and
items that should be considered
for inclusion in an electronic
portfolio, and only post a limited
amount of information. Readers
will fail to explore all of the
links provided if too much
content is included. Here are
some things you may want to
include but are certainly not
limited to. Include a welcome
that summarizes who you are
and what visitors will find in
your portfolio. Include a site
map of ways to display links to
your portfolio contents. You
may also want to include a
resume or curriculum vita.
You’ll definitely want to include
samples of your work; this will
be a large component of the
overall portfolio. As an
instructor, you may want to also
include evaluations received in
the past.

5. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Choosing a website
for your portfolio.
Screen: 5 of 14
Background: Austin
Color/Type/Size of Font:
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Green/ Century Gothic
(Headings)/ 36 / 28
Actual Text:
Which sites can I use?
There a number of free and
subscription sites available
for organizing, publishing,
and sharing your eportfolio. For this
demonstration, we will use
Google Docs and Google
Sites.
Audio:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next slide
Animation:
Audience Interaction:
There a number of free and
subscription sites available
for organizing, publishing,
and sharing your eportfolio. For this
demonstration, we will use
Google Docs and Google
Sites.

6. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Transition slide to
creating the e-portfolio
Screen: 6 of 14
Background: Austin
Color/Type/Size of Font:
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Green/ Century Gothic
(Headings)/ 36
Audio:
Actual Text:
GETTING STARTED:
CREATING AN
ELECTRONIC
PORTFOLIO
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next slide
Animation:
Audience Interaction:

7. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Creating a Google
Account
Background:
Screencast of how to create
and account with
Google/Google Sites
Screen: 7 of 14
Screen Size: 640 x 480
19:9, 4:3, 3:2
Color/Type/Size of Font:
Actual Text:
Creating an account
Narration:
The two main applications
you’ll use to create your
portfolio will be Google
Docs and Google Sites.
Google Docs allows you to
create and edit documents,
spreadsheets, and
presentations online, and
allows you to share what
you create with the world,
or with a select group of
people. Google Sites
allows you to easily create
a website to showcase your
work with whatever level
of access you choose. To
get started, you’ll need to
create an account with
Google.
Audio:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next slide
Animation:
Audience Interaction:

8. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: How to edit and add
Screen: 8 of 14
Background: Austin
Color/Type/Size of Font:
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Green/ Century Gothic
(Headings)/ 36 / 24
Audio:
Actual Text:
Editing and adding samples
of teaching or other work.
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next slide/scene
Animation:
Audience Interaction:

9. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Choosing a template
and site name
Background: Screencast
on how to choose a
template and site name
Screen: 9 of 14
Screen Size: 640 x 480
19:9, 4:3, 3:2
Color/Type/Size of Font:
Actual Text:
Narration:
Start by going to Google
Sites. After entering your
Google password, you’re
ready to choose a template
and build your site. You’ll
also need to choose your
site name. This is what
your visitors will see. It
can be changed later, but as
you type, the site URL
automatically become the
same as the site name. The
URL can’t be changed
later, so pay close attention
to that field.
Audio:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next scene
Animation:
Audience Interaction:

10. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: How to create your
site
Background: Screencast
of how to create your site.
Color/Type/Size of Font:
Screen: 10 of 14
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Actual Text:
Once the page is created, it
shows up in the sidebar and
the page will be opened in
edit mode. You will be
able to upload a photo,
change text, add content,
etc.
Audio:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next scene
Animation:
Audience Interaction:

11. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Editing your site
Screen: 11 of 14
Background: Screencast
of how to edit your site
Color/Type/Size of Font:
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Actual Text:
The “Edit Sidebar” link
appears under the list of
pages. Clicking the link takes
you to the site layout page.
The “Edit Navigation” link
brings up the form for
customizing the toolbar. To
customize, uncheck
“automatically arrange my
sidebar.” Click “add page” to
add a page to the toolbar and
use the arrows to move a page
up or down. If there’s a page
in your sidebar that you don’t
want, highlight the page and
click on the x. It doesn’t
delete your page form the
site; it just deletes the link
from your sidebar. When it’s
set up to your specifications,
click on “ok,” and then click
on “Save Changes” on the
main layout page.
Audio:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next scene
Animation:
Audience Interaction:

12. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Editing the layout of
your page
Background:
Screencast of editing the
layout of the page
Screen: 12 of 14
Screen Size: 640 x 480
19:9, 4:3, 3:2
Color/Type/Size of Font:
Actual Text:
Narration:
Let’s talk about site layout.
The default is to have the
sidebar on the left and a
logo header across the top.
You can alter this
somewhat by choosing
“Change Site Layout.”
There are many themes to
choose from, and you can
preview your choice before
changing it completely.
“Colors and Fonts” allows
you to tweak your theme
design even further.
Audio:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next scene
Animation:
Audience Interaction:

13. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: Adding documents
and various types of media
Background:
Screencast of Adding
documents and various
types of media
Narration:
Screen Size: 640 x 480
19:9, 4:3, 3:2
Color/Type/Size of Font:
Actual Text:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next scene
Screen: 13 of 14
Google Docs is another great part of the Google suite
that allows you to create and store files online, which
means you can access them from wherever you have an
internet connection. You can embed text documents,
presentations, or spreadsheets directly from Google
Docs. If you have a PDF, you can provide a link to the
PDF, or attach it as a file and provide a link to the
downloadable file. But note that Sites doesn’t offer
automatic preview for PDFs. We will use the following
steps to add a document, a photo, and a video.
When you have files stored in Google Docs, inserting
lengthy documents is made easy in Sites. To make sure
that a Google document is viewable to site visitors,
publish the document as a web page in Google Docs.
To do this, click on “share,” choose “publish as web
page,” check off “automatically re-publish when
changes are made,” and save. To embed a document in
your site, go to “edit page,” choose “insert,” “drive,”
and then select “document.” A list of your stored
documents will appear. Click on the document you
want to insert and some options will appear.
Inserting other media is easy, and having media to
support your portfolio is important. On the site, go to
the page where you’d like to include an image. On the
top left, click on “insert,” and choose “image.” You’ll
get a choice of “uploaded images” or image from URL.
Choose “uploaded images” and upload the image just
as you would attach one to an email. After the image is
uploaded, a toolbar will appear when you click on it in
edit mode. L-C-R allows you to align it either left,
center, or right. Size options allow you to resize to fit
the page.
Videos can be added in two different ways. The
“insert” menu offers the option to insert a video from
Google Video or YouTube. If you’re using a site like
Vimeo or Flickr, you can manually embed video. On
the edit page toolbar, click on the “html” button. Copy
the embed code from your video-sharing site and paste
it into the text box that pops up.

14. Video Storyboard
Name of Video: Creating an Electronic Portfolio Description of this scene: How to share and
manage viewing
Background:
Screencast of how to share
your site
Screen: 14 of 14
Screen Size: 640 x 480
19:9, 4:3, 3:2
Color/Type/Size of Font:
Actual Text:
Narration:
For sharing options, click
on “Share” at the top right
of the site. This will take
you to “Manage Site”.
Click on “Sharing and
Permissions” for the link to
share and to change
settings for who can view
your site.
Audio:
(Sketch screen here noting color, place, size of graphics if any)
Transition to next clip: Next scene
Animation:
Audience Interaction: