Video Storyboard

Name of Video: Creating an Electronic Portfolio

Description of this scene: Title Screen: 1 of 14

Background: Austin Color/Type/Size of Font: Green/ Century Gothic (Headings)/ 36 Actual Text: Creating an Electronic Portfolio

Narration: Audio:

Transition to next clip: Next slide Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

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: 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.

Narration: 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:

Transition to next clip: Next slide Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

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: 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

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.

Transition to next clip: Next slide Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

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: 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.

Narration: Every portfolio will be different as each person’s experiences and backgrounds are unique. An electronic portfolio should contain professional or career-related 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.

Transition to next clip: Next slide

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

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: 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 e-portfolio. For this demonstration, we will use Google Docs and Google Sites.

Narration: There a number of free and subscription sites available for organizing, publishing, and sharing your e-portfolio. For this demonstration, we will use Google Docs and Google Sites. Audio:

Transition to next clip: Next slide Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

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: Green/ Century Gothic (Headings)/ 36 Actual Text: GETTING STARTED: CREATING AN ELECTRONIC PORTFOLIO

Narration: Audio:

Transition to next clip: Next slide Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

Video Storyboard

Name of Video: Creating an Electronic Portfolio

Description of this scene: Creating a Google Account

Screen: 7 of 14

Background: Screencast of how to create and account with Google/Google Sites 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:

Transition to next clip: Next slide Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

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: Green/ Century Gothic (Headings)/ 36 / 24 Actual Text: Editing and adding samples of teaching or other work.

Narration: Audio:

Transition to next clip: Next slide/scene Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

Video Storyboard

Name of Video: Creating an Electronic Portfolio

Description of this scene: Choosing a template and site name

Screen: 9 of 14

Background: Screencast on how to choose a template and site name 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:

Transition to next clip: Next scene Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

Video Storyboard

Name of Video: Creating an Electronic Portfolio

Description of this scene: How to create your site

Screen: 10 of 14

Background: Screencast of how to create your site. Color/Type/Size of Font: Actual Text:

Narration: 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:

Transition to next clip: Next scene Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

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: Actual Text:

Narration: 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:

Transition to next clip: Next scene Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

Video Storyboard

Name of Video: Creating an Electronic Portfolio

Description of this scene: Editing the layout of your page

Screen: 12 of 14

Background: Screencast of editing the layout of the page 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:

Transition to next clip: Next scene Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

Video Storyboard

Name of Video: Creating an Electronic Portfolio

Description of this scene: Adding documents and various types of media

Screen: 13 of 14

Background: Screencast of Adding documents and various types of media Color/Type/Size of Font: Actual Text:

Narration: 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.

Transition to next clip: Next scene

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)

Video Storyboard

Name of Video: Creating an Electronic Portfolio

Description of this scene: How to share and manage viewing

Screen: 14 of 14

Background: Screencast of how to share your site 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:

Transition to next clip: Next scene Animation: Audience Interaction:

Screen Size: 640 x 480 19:9, 4:3, 3:2

(Sketch screen here noting color, place, size of graphics if any)