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