creating digital portfolios
DESCRIPTION
Information on creating portfolios for students or teachers highlighting several Web 2.0 tools. This provides steps, ideas and purpose of a digital portfolio.TRANSCRIPT
Creating Digital Portfolios
Documenting Teacher & Student Work
Desireé Caskey Billings Public Schools
www.bpstis.org
Access this document online: http://www.slideshare.net/caskeyd/creating-‐digital-‐portfolios
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
2
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.
3
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.
4
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 le?er grades, and gramma@cal or arithme@c errors, many students have li?le knowledge of what is involved in evalua@ng their classwork. PorColios 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 wri@ng, solving a problem, researching a topic, analyzing informa@on, or describing their own observa@ons. Without instruc@on focused on the processes and strategies that underlie effec@ve 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. PorColios 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 – Educa1on Consumer Guide, United States Government
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 constantly grow, but enhances your teaching.
5
5 Stages of the Digital Portfolio Creation
• Defining The Context – Purpose – Audience – Objectives or Outcomes
– Portfolio Vehicle (digital tool)
• The Working 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 Por?olio Development Process Helen C. Barre?, Ph.D.
6
Defining the Context
• Determine your purpose: ________________________________ • Determine your audience: ________________________________ • Determine your outcomes: ________________________________ ________________________________ ________________________________ • Determine the tools you will use: _____________ ____________ _____________ ____________ _____________ ____________ 7
Determining the Content …and layout
8
Main Site
Intro
Bio/Philosophy
Area of Emphasis Strategy or Subject
Ar@fact
Embed/Image
Narra@ve
Explana@on
Reflec@on
What did you learn?
This repeats as many @mes as you change AE.
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
9
Tools: Evernote
10
Tools: Evernote
11
h?p://goo.gl/s66D3
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 on YouTube – http://www.youtube.com/watch?v=uFjxAsDq0Sg Getting Started – http://goo.gl/33Z9p WeeblyWizard YouTube Channel
12
Weebly has a New Look!
• Provides a planning guide
13
Weebly has a New Look!
14
h?p://www.weebly.com/weebly/main.php
Digitizing Physical Artifacts Working Portfolio
• Scanner • Document Camera (if capable) • Digital Camera • Flip Video Camera • Smart Phone • iPad/iPod with camera • Other tools?
• Voice recording tools – Soundcloud – Audioboo – Recordmp3
15
ADDING CONTENT TO YOUR PORTFOLIO
16
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.
17
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 in@mida@ng because you copy and paste programming code.
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 the Web. Click Save. Notice the settings say anyone on the Internet can view this document. Click Done.
Step 2: Go to File > Publish to the Web. 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 your Weebly page you are editing, drag the Embed Code element to the desired location on the page. Paste the embed code into the Embed Code box.
18
<iframe src="h?ps://docs.google.com/presenta@on/d/1DS1KjjzKThZUSUfuWywqXdRzQRV7MiUEl9B4eoaCbM0/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
becomes
Adding Content to your Portfolio Embedding YouTube Videos into Weebly
Why embed YouTube 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 to YouTube – need a guide -‐ http://goo.gl/bXZTF Make sure your video is public. It won’t work otherwise.
Step 2: Embed your YouTube Video -‐ need a guide -‐ http://goo.gl/0FWN1 Although the video shows you how to embed into a blog, the concept is the same in Weebly. You use the Embed Code element In your Weebly page you are editing, drag a Embed Code element to the desired location on the page. Paste the embed code into the Embed Code box.
19
<iframe src="h?ps://docs.google.com/presenta@on/d/1DS1KjjzKThZUSUfuWywqXdRzQRV7MiUEl9B4eoaCbM0/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
becomes
Adding Content to the Portfolio Narration & Reflection
• Add Introduction • Add narrative to each artifact – Text Entry – Recording Narrative – Webcam or Video Narrative
• Add narrative wherever explanation is needed
• Add reflection on artifacts
20
My narra@ve
My reflec@on
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 and Allow. This allows soundcloud to use your recording equipment. You might have to click Rec again after you allow Flash.
21
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 the You 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.
Adding Content to the Portfolio Using Soundcloud
HOW TO – Embedding a soundcloud recording into Weebly
22
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 your Weebly 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 hCp://goo.gl/GhnfU to watch a video tutorial
Add Hyperlinks and other Connections Connected Portfolio
• Insert hyperlinks to cross-‐reference • Insert hyperlinks to organize
23
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 loca@on 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
Publish Your Portfolio Presentation Portfolio
24
Publishing your digital porColio to the Internet allows for many sharing opportuni@es • Facebook • Twi?er • Pinterest • LinkedIn • Google + • Blogs • Other Social Networks