Information & ParkingLot• email@example.com• bpstis.org• mcceonline.org/summit• bpstilt.ning.com• Parking lot - http://goo.gl/RgOyf• Start with some polls……(collective groan)3
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 portfolio4
What is a DigitalPortfolio• STUDENTS: A collection ofwork, ideas and artifacts to representthe learning process.• TEACHERS: A collection ofwork, ideas, artifacts, and resources toshare with students, parents and otherteachers.• Digital portfolios can containimages, wordprocessing, embedded, and/ormultimedia elements.5
Why Use a DigitalPortfolioSTUDENT• 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 allowsthe student and teacher to continually and moreaccurately receive a picture of the students work andprogress.6WHAT DOES THE RESEARCH SAY? Research shows that students at all levels see assessment assomething 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 littleknowledge of what is involved in evaluating their classwork. Portfolios can provide structure forinvolving students in developing and understanding criteria for good efforts, in coming to see thecriteria 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 strategiesinvolved in writing, solving a problem, researching a topic, analyzing information, or describingtheir own observations. Without instruction focused on the processes and strategies thatunderlie effective performance of these types of work, most students will not learn them or willlearn them only minimally. And without curriculum-specific experience in using these processesand 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 thinkingabout and producing work--both inside and beyond the classroom.Office of Research – Education Consumer Guide, United States Government
Why Use a DigitalPortfolioSTUDENT“The portfolio is a laboratory where students constructmeaning from their accumulated experience.”-Paulson & Paulson7“The purpose of the portfolio drives the content.Digital portfolios can serve many purposes: showcasingstudents best products; proving that students havemastered expectations required for graduation; andcommunicating with parents and other audiences aboutwhat students are learning.”-David Naguidula
Why Use a DigitalPortfolioTEACHER• Online resume• Guide student learning• Provide resources for your students toaccess• Share teaching philosophy and practices• Connect with parents and other teachers.* Constant reflection on your work as ateacher not only allows you to continuallygrow, but enhances your teaching.8
5 Stages of the Digital PortfolioCreation• 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 portfolioAdapted from The Electronic Portfolio Development ProcessHelen C. Barrett, Ph.D.9
Defining the Context• Determine your purpose:________________________________• Determine your audience:________________________________• Determine your outcomes:________________________________________________________________________________________________• Determine the tools you will use:_____________ _________________________ _________________________ ____________10
Determining the Content…and layout11Main SiteIntroBio/PhilosophyArea ofEmphasisStrategy or SubjectArtifactEmbed/ImageNarrativeExplanationReflectionWhat did you learn?This repeats asmany times asyou 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/0NRE412
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 WeeblyWizardYouTubeChannel15
Weebly has a New Look!• Provides a planning guide16
Weebly has a New Look!17http://www.weebly.com/weebly/main.php
Digitizing PhysicalArtifactsWorking Portfolio• Scanner• Document Camera (if capable)• Digital Camera• FlipVideo Camera• Smart Phone• iPad/iPod with camera• Other tools?• Voice recording tools– Soundcloud– Audioboo– Recordmp318
Adding Content to yourPortfolioWhich image format is best20What file type for what purpose?JPEG — use for full-color photographs or illustrations with afull range of color gradients (like watercolors or oil paintingsor computer illustrations with gradated colors).Transparencyis not possible with JPEGs.PNG — use for line art, clip art, logos, graphical text andother images with solid lines and little or no gradated colorvariation. PNGs do allow transparency.GIF — use for the same purposes as PNGs, but GIFs generallyresult 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 filetypes.
Adding Content to yourPortfolioEmbed, don’t link when possibleAdvantages of Embedding• Information is dynamic – when theoriginal changes, your widget in yourportfolio changes as well.• Never leave the site – because embedmakes your element a part of thewebsite, your viewers never have toleave.• Embedding makes a website comealive. It is not so text-heavy.21What is embedding? Embedding is when you take one Web 2.0 tool andincorporate it into another Web 2.0 tool. Your embedded tool is referredto as a widget. Although embedding is easy, it can be intimidatingbecause you copy and paste programming code.
Adding Content to yourPortfolioEmbedding Google Docs Files into WeeblyStep 1: From inside your Google File, click on the Share button.Change the accessinformation so that it reads Public on theWeb. Click Save. Notice the settingssay 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 thedesired location on the page. Paste the embed code into the Embed Code box.22<iframesrc="https://docs.google.com/presentation/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 yourPortfolioEmbedding YouTube Videos into WeeblyWhy embedYouTube videos?The free version of Weebly doesn’t allow you to addvideos from your hard drive.This is an alternative you can use.Step 1: Upload your video toYouTube – need a guide - http://goo.gl/bXZTFMake sure your video is public. It won’t work otherwise.Step 2: Embed yourYouTubeVideo - need a guide - http://goo.gl/0FWN1Although the video shows you how to embed into a blog, the concept is the sameinWeebly.You use the EmbedCode elementIn yourWeebly page you are editing, drag the EmbedCode element to the desiredlocation on the page. Paste the embed code into the EmbedCode box.23<iframesrc="https://docs.google.com/presentation/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 thePortfolioNarration & Reflection• Add Introduction• Add narrative to each artifact– Text Entry– Recording Narrative– Webcam orVideo Narrative• Add narrative wherever explanation isneeded• Add reflection on artifacts24My narrativeMy reflection
Adding Content to thePortfolioUsing SoundcloudHOW TO – Recording a narrative using soundcloudStep 1:Visit soundcloud.com and create an account. LoginStep 2: Click on Upload, this will take you to a page that lets you either upload anexisting file or record from scratch.Step 3: Click the Rec button.You may see this Flash Settings window. ClickRemember andAllow.This allows soundcloud to use your recording equipment.You might have to click Rec again after you allow Flash.25Step 4: Record your voice.You will see the soundwaves appear. Click the button again to stop.Step 5: Click Upload your recording.This will takeyou to a screen where you can enter in specificdetails for your recording.You can even add animage to associate it with the sound. Click Save.Step 6: From theYou menu access your sounds…you will see your collection ofrecordings. Each recording has its own Share button.Click Share you will see allthe different ways you can share your recording.TIP: If you want everyone to hearyour recording, you must make itpublic before you share.
Adding Content to thePortfolioUsing SoundcloudHOW TO – Embedding a soundcloud recording intoWeebly26Step 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 CodeDrag it to the desired locationStep 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
Add Hyperlinks and otherConnectionsConnected Portfolio• Insert hyperlinks to cross-reference• Insert hyperlinks to organize27Hyperlink tool – what does the hyperlink tool look like?To insert hyperlinks:1. Type in the text you want to be a link2. Highlight the text and click on the link tool3. 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
Publish Your PortfolioPresentation Portfolio28Publishing your digital portfolio to the Internetallows for many sharing opportunities• Facebook• Twitter• Pinterest• LinkedIn• Google +• Blogs• Other Social Networks
Other Things toConsider• Collaborative Digital Portfolios• Using OtherTools– Evernote– GoogleApps– Live Binders– VoiceThread– Devices• Project-Based Portfolios29