Eportfolio workshop

ePortfolio WorkshopFor the PSA Art Program

!

William Cromar, MFA Lecturer, New Media in Art

ePortfolio WorkshopFor the PSA Art Program

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

newMedia course blog Student blog Student webpage

Group class blog > Individual blog > Individual ePortfolio

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

Studio Art Making

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

Acquisition of specific skills or outcomes

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

Achievement of specifically stated goals

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

Showcase of highest level of achievement

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

PSU Personal Space becomes a gateway to...

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

... a reciprocally linked externally hosted site...

> <

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

... later evolving into your professional ePortfolio

ePortfolios exhibit... ... Process and Product ... Proficiency ... Progress ... Professionalism ... Portability (Web 2.0)

ePortfolio how-to...

How to make an e-portfolio...

...Create your content cloud ...Set up website ...Embed content in form ...Create your network ...Create feedback loop

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Your content cloud...

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Your content cloud... decide on needed artifacts

Documents? G-Drive, Dropbox, etc.

Resume/CV Artist statement Teaching Philosophy

!Features

Linkable Downloadable No to low cost

Videos? YouTube, Vimeo, etc.

Video documentary Video art (HD) Slideware conversions

!Features

Linkable, embeddable Customizable embeds Vimeo downloadable Licensing control No to low cost

Images? Flickr, Picasa, etc.

Documentary images Native digital images Video clips (Flickr)

!Features

Linkable, embeddable Downloadable Sets and collections Licensing control No to low cost

Slideshows, Publications? SlideShare, Scribd, etc.

Slideshows PDFs and eBooks Text documents

!Features

Linkable, embeddable Downloadable Licensing control No to low cost

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Your site… Webfiles (server) or CMS?

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Your WebFiles... setting up a server-based web space

Visit WEBFILES » A server-based file management system New Web 2.0 interface with drag and drop upload Download and other buttons for file management !

Visit PASS INFORMATION » Find Change Quota menu: change to 10.0 GB Incidentally: note other info available here... !

Visit Penn State Personal Web Server » Find Apply for Web space on www.personal.psu.edu » You will be asked to take a quiz on proper use of site Pass the quiz, and move on to the application You will be emailed when the web account is created

Visit WEBFILES again » Double-click on a new folder named [ www ] . Observe a file named index.html .

!In a new browser tab, visit www.personal.psu.edu/user1234 »

Observe a boilerplate homepage: this is index.html in WebFiles WE MUST DESTROY and REPLACE THIS BOILERPLATE!

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Your WebFiles... replacing the index.html file

Wiki HTML file like TiddlyWiki » A complete website in one HTML file. Add content on desktop, upload to [ www ] as index.html . Download to desktop to update, then re-up to PASS. Shallow learning curve, no HTML knowledge required. Limited customization, but advanced users can use CSS. Useful as portal to link to external site, blog, etc. TiddlyWiki is free to download and use.

HTML editor: Dreamweaver, KompoZer, etc » Can create complete websites. Build page(s) in folder on desktop, upload to [ www ] . Keep local copy to edit and upload to PASS to update. More of a learning curve, some HTML helpful. High customization, but can also edit free templates from web. Start with a link portal, add functionality as skills increase. Dreamweaver available 343 Woodland, free 30 day trial. KompoZer is free and open-source.

!!Afraid of code and file upload? There’s other ways…

!

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Your CMS... options for a Content Management System

Google Site ePort Available w/ Google account !Pros

No cost Easy to learn Flexible Somewhat scalable

Cons Privacy? Pages feel old-school

Blog-based ePort Wordpress, Blogger, etc. !Pros

No to low cost Easy to learn Very flexible Highly scalable

Cons Themes limiting w/o CSS $60 to host w/domain

!NEW!

SITES @ PENN STATE » Powered by WordPress EASY way to create Art pages hosted here »

Social-based ePort LinkedIn, Facebook, etc. !Pros

No cost Easiest to learn Pages in FB easy to share

Cons Not as flexible, scalable Not customizable Sometimes limited access

Other CMS-based ePort Weebly, Apostrophe, OPP, etc. !Pros

Drag+drop content Fairly easy to learn Highly scalable Your own www.domain.com

Cons Most expensive option Subscriptions limit mobility

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Embed your content...

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Embed your content...

External Web 2.0 platforms, including Sites @ Penn State Google Sites

Easy image management, video embeds, document and external linking Blog-based solutions

Easy (but sometimes process-particular) image management and embedding, doc and external linking Social-media solutions

Easy (but sometimes localized) image management and embedding, doc and external linking CMS solutions

Easy (but often localized) image management and embedding, doc and external linking

WebFiles-based HTML pages TiddlyWiki

Image, doc and external links handled in “wiki-code” - shallow learning curve Embeds handled through plug-ins or iframe code accessible “backstage”

HTML editors Image, doc and external links via html code - steeper learning curve Embeds handled via code

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Creating your network...

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Creating your network... social media > social

Reciprocal linking Every web asset links to every other web asset Be selective: avoid the “Nascar” problem

!Reciprocal posting

Post one time to multiple environments Get audience to blog, website from social media

!RSS feeds

Blog posts show up in website Social posts show up in website

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Creating a feedback loop...

Studio Art Making

Cloud artifacts to ePortfolio

Pin, tweet, share

Feedback Critique

Reflection

ePortfolios how-to... ...Create your cloud ...Set up site ...Embed content ...Create your network ...Create feedback loop

Creating a feedback loop... critique beyond studio

Private conversations Messaging, Skype, Email

Easy to send links One-on-one feedback

!!!!!!!!!!Public conversations Plus-1, Like, Comments

Broadcasting opinions Get audience to do the footwork Example from my Flickr account >>

Data analysis and insights Register site with Google Analytics

See your audience habits Number of visits Demographics Amount of time spent on site

Data suggests changes to make

Media Concentrations Drawing + Painting

Printmaking

Sculpture

Ceramics

New Media

Art at Penn State Abington

https://www.facebook.com/PennStateAbington.ArtProgram

http://newmediaabington.pbworks.com

Bonnie Levinthal | blevinthal@psu.edu

Yvonne Love | ymm1@psu.edu

William Cromar | wrc11@psu.edu !John Thompson | hjt106@psu.edu

http://www.abington.psu.edu/art

@psa_art