1. Creating Digital
Portfolios
DocumentingTeacher & Student Work
Desireé Caskey
Billings Public Schools
www.bpstis.org
Access this document online:
http://www.slideshare.net/caskeyd/creating-digital-portfolios
3. Information & Parking
Lot
• caskeyd@gmail.com
• bpstis.org
• mcceonline.org/summit
• bpstilt.ning.com
• Parking lot - http://goo.gl/RgOyf
• Start with some polls……(collective groan)
3
4. Topics Covered
• What is a digital portfolio
• Why use a digital portfolio
– Student
– Teacher
• Five stages of digital portfolio building
• Planning – Defining the context
• Planning – Determining the content & layout
• Gathering the tools you need
• Adding Content to
– How to embed
• Adding connections
– How to insert hyperlinks
• Publishing your portfolio
4
5. What is a Digital
Portfolio
• STUDENTS: A collection of
work, ideas and artifacts to represent
the learning process.
• TEACHERS: A collection of
work, ideas, artifacts, and resources to
share with students, parents and other
teachers.
• Digital portfolios can contain
images, word
processing, embedded, and/or
multimedia elements.
5
6. Why Use a Digital
Portfolio
STUDENT
• Assess student work
• Guide student learning
• The learning is more accessible to parents, teachers &
administrators
• Creates a vehicle for continual feedback
• Assist with college/career preparation
• Representation of work in the various formats allows
the student and teacher to continually and more
accurately receive a picture of the students work and
progress.
6
WHAT DOES THE RESEARCH SAY? Research shows that students at all levels see assessment as
something that is done to them on their classwork by someone else. Beyond "percent correct,"
assigned letter grades, and grammatical or arithmetic errors, many students have little
knowledge of what is involved in evaluating their classwork. Portfolios can provide structure for
involving students in developing and understanding criteria for good efforts, in coming to see the
criteria as their own, and in applying the criteria to their own and other students' work.
Research also shows that students benefit from an awareness of the processes and strategies
involved in writing, solving a problem, researching a topic, analyzing information, or describing
their own observations. Without instruction focused on the processes and strategies that
underlie effective performance of these types of work, most students will not learn them or will
learn them only minimally. And without curriculum-specific experience in using these processes
and strategies, even fewer students will carry them forward into new and appropriate contexts.
Portfolios can serve as a vehicle for enhancing student awareness of these strategies for thinking
about and producing work--both inside and beyond the classroom.
Office of Research – Education Consumer Guide, United States Government
7. Why Use a Digital
Portfolio
STUDENT
“The portfolio is a laboratory where students construct
meaning from their accumulated experience.”
-Paulson & Paulson
7
“The purpose of the portfolio drives the content.
Digital portfolios can serve many purposes: showcasing
students' best products; proving that students have
mastered expectations required for graduation; and
communicating with parents and other audiences about
what students are learning.”
-David Naguidula
8. Why Use a Digital
Portfolio
TEACHER
• Online resume
• Guide student learning
• Provide resources for your students to
access
• Share teaching philosophy and practices
• Connect with parents and other teachers.
* Constant reflection on your work as a
teacher not only allows you to continually
grow, but enhances your teaching.
8
9. 5 Stages of the Digital Portfolio
Creation
• Defining The Context
– Purpose
– Audience
– Objectives or Outcomes
– PortfolioVehicle (digital tool)
• TheWorking Portfolio
– Planning what will be in the portfolio
– Gather artifacts
– Convert work to digital format
• The Reflective Portfolio
– Narration on content
– Provide reflection on achieving objectives
– From reflection, set future learning goals
• The Connected Portfolio
– Organize the artifacts
– Identify patterns so you can link throughout your portfolio
– Share your portfolio link for review and critique
• The Presentation Portfolio
– Publish your link
– Present your portfolio
Adapted from The Electronic Portfolio Development Process
Helen C. Barrett, Ph.D.
9
10. Defining the Context
• Determine your purpose:
________________________________
• Determine your audience:
________________________________
• Determine your outcomes:
________________________________
________________________________
________________________________
• Determine the tools you will use:
_____________ ____________
_____________ ____________
_____________ ____________
10
11. Determining the Content
…and layout
11
Main Site
Intro
Bio/Philosophy
Area of
Emphasis
Strategy or Subject
Artifact
Embed/Image
Narrative
Explanation
Reflection
What did you learn?
This repeats as
many times as
you change AE.
12. Tools: Evernote
• Ability to use multiple devices
• Notebooks allow for organization
• Easy to use
• Many additional tools or extensions
• Keith Everett has a large collection of videos on how to use Evernote
– http://www.youtube.com/watch?v=7iUl95SR2NY will get you started
• Using Evernote in a 1-1 ipad classroom
– http://vimeo.com/42066807
• Evernote online guide is great
– http://evernote.com/evernote/guide/mac/
• 19 Practical uses for Evernote (for students)
– http://goo.gl/0NRE4
12
15. Tools: Weebly
• Drag N Drop Ease
• Great for beginners
• Free version is effective
• Can have a website and blog in one
• Can collaborate
• Great templates to choose from
• Weebly Beginner’s Guide
– http://help.weebly.com/beginners-guide.html Great Guide!
• WeeblyWizard onYouTube
– http://www.youtube.com/watch?v=uFjxAsDq0Sg Getting Started
– http://goo.gl/33Z9p WeeblyWizardYouTubeChannel
15
16. Weebly has a New Look!
• Provides a planning guide
16
17. Weebly has a New Look!
17
http://www.weebly.com/weebly/main.php
18. Digitizing Physical
Artifacts
Working Portfolio
• Scanner
• Document Camera (if capable)
• Digital Camera
• FlipVideo Camera
• Smart Phone
• iPad/iPod with camera
• Other tools?
• Voice recording tools
– Soundcloud
– Audioboo
– Recordmp3
18
20. Adding Content to your
Portfolio
Which image format is best
20
What file type for what purpose?
JPEG — use for full-color photographs or illustrations with a
full range of color gradients (like watercolors or oil paintings
or computer illustrations with gradated colors).Transparency
is not possible with JPEGs.
PNG — use for line art, clip art, logos, graphical text and
other images with solid lines and little or no gradated color
variation. PNGs do allow transparency.
GIF — use for the same purposes as PNGs, but GIFs generally
result in slightly larger file sizes for the same image quality.
GIFs do allow transparency.
I’m a fan of PNG…seems like a faster load than other file
types.
21. Adding Content to your
Portfolio
Embed, don’t link when possible
Advantages of Embedding
• Information is dynamic – when the
original changes, your widget in your
portfolio changes as well.
• Never leave the site – because embed
makes your element a part of the
website, your viewers never have to
leave.
• Embedding makes a website come
alive. It is not so text-heavy.
21
What is embedding? Embedding is when you take one Web 2.0 tool and
incorporate it into another Web 2.0 tool. Your embedded tool is referred
to as a widget. Although embedding is easy, it can be intimidating
because you copy and paste programming code.
22. Adding Content to your
Portfolio
Embedding Google Docs Files into Weebly
Step 1: From inside your Google File, click on the Share button.Change the access
information so that it reads Public on theWeb. Click Save. Notice the settings
say anyone on the Internet can view this document.Click Done.
Step 2: Go to File > Publish to theWeb. Click on the Start publishing button.
Confirm that you want to publish by clicking OK.
Step 3: Copy the embed code provided.
Step 4: In yourWeebly page you are editing, drag the EmbedCode element to the
desired location on the page. Paste the embed code into the Embed Code box.
22
<iframe
src="https://docs.google.com/presentation/d
/1DS1KjjzKThZUSUfuWywqXdRzQRV7MiUEl9B
4eoaCbM0/embed?start=false&loop=false&d
elayms=3000" frameborder="0" width="960"
height="749" allowfullscreen="true"
mozallowfullscreen="true"
webkitallowfullscreen="true"></iframe>
becomes
23. Adding Content to your
Portfolio
Embedding YouTube Videos into Weebly
Why embedYouTube videos?The free version of Weebly doesn’t allow you to add
videos from your hard drive.This is an alternative you can use.
Step 1: Upload your video toYouTube – need a guide - http://goo.gl/bXZTF
Make sure your video is public. It won’t work otherwise.
Step 2: Embed yourYouTubeVideo - need a guide - http://goo.gl/0FWN1
Although the video shows you how to embed into a blog, the concept is the same
inWeebly.You use the EmbedCode element
In yourWeebly page you are editing, drag the EmbedCode element to the desired
location on the page. Paste the embed code into the EmbedCode box.
23
<iframe
src="https://docs.google.com/presentation/d
/1DS1KjjzKThZUSUfuWywqXdRzQRV7MiUEl9B
4eoaCbM0/embed?start=false&loop=false&d
elayms=3000" frameborder="0" width="960"
height="749" allowfullscreen="true"
mozallowfullscreen="true"
webkitallowfullscreen="true"></iframe>
becomes
24. Adding Content to the
Portfolio
Narration & Reflection
• Add Introduction
• Add narrative to each artifact
– Text Entry
– Recording Narrative
– Webcam orVideo Narrative
• Add narrative wherever explanation is
needed
• Add reflection on artifacts
24
My narrative
My reflection
25. Adding Content to the
Portfolio
Using Soundcloud
HOW TO – Recording a narrative using soundcloud
Step 1:Visit soundcloud.com and create an account. Login
Step 2: Click on Upload, this will take you to a page that lets you either upload an
existing file or record from scratch.
Step 3: Click the Rec button.You may see this Flash Settings window. Click
Remember andAllow.This allows soundcloud to use your recording equipment.
You might have to click Rec again after you allow Flash.
25
Step 4: Record your voice.You will see the sound
waves appear. Click the button again to stop.
Step 5: Click Upload your recording.This will take
you to a screen where you can enter in specific
details for your recording.You can even add an
image to associate it with the sound. Click Save.
Step 6: From theYou menu access your sounds…you will see your collection of
recordings. Each recording has its own Share button.Click Share you will see all
the different ways you can share your recording.
TIP: If you want everyone to hear
your recording, you must make it
public before you share.
26. Adding Content to the
Portfolio
Using Soundcloud
HOW TO – Embedding a soundcloud recording intoWeebly
26
Step 1: Record your narrative using soundcloud and save it.
Step2:Click Share on the sound file.
Step3:Copy the embed code.
Step 4: Open yourWeebly web page.
From the elements, choose Embed Code
Drag it to the desired location
Step 5: Click and paste the embed code.
Your embed will look like this:
The narrative element will look like this:
Visit http://goo.gl/GhnfU to watch a video tutorial
27. Add Hyperlinks and other
Connections
Connected Portfolio
• Insert hyperlinks to cross-reference
• Insert hyperlinks to organize
27
Hyperlink tool – what does the hyperlink tool look like?
To insert hyperlinks:
1. Type in the text you want to be a link
2. Highlight the text and click on the link tool
3. Put your location to link to in the box provided
• Your links can be to other web sites
• Your links can be to other pages in your site
• Your links can be to files you upload
• Your links can be to an email address
28. Publish Your Portfolio
Presentation Portfolio
28
Publishing your digital portfolio to the Internet
allows for many sharing opportunities
• Facebook
• Twitter
• Pinterest
• LinkedIn
• Google +
• Blogs
• Other Social Networks
29. Other Things to
Consider
• Collaborative Digital Portfolios
• Using OtherTools
– Evernote
– GoogleApps
– Live Binders
– VoiceThread
– Devices
• Project-Based Portfolios
29