Embed Size (px)
Citation preview
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 | [email protected]
Yvonne Love | [email protected]
William Cromar | [email protected] !John Thompson | [email protected]
http://www.abington.psu.edu/art
@psa_art
