Instant E-Portfolios By: Ramesh Sabetiashraf Santa Ana College For Faculty and Students

7 Ramesh Sabetiashraf Today’s Agenda Overview of ePortfolios Faculty ePortfolio / websites Student ePortfolio / websites

8 Ramesh Sabetiashraf My Background Adjunct faculty of Computer Science and Business/Marketing since Software developer – Educational and other technologies since Developer of software used in this workshop.

9 Ramesh Sabetiashraf Terminology Portfolio: A collection of one’s work E-Portfolio or ePortfolio: A portfolio in any electronic or digital format Webfolio: An online (web-based) format of ePortfolio. Etymology: From Italian Portafoglio (porta = to carry, foglio = sheet).

10 Ramesh Sabetiashraf Why ePortfolios? Traditional portfolios  Common among art and business students  Presentation/Showcase portfolios  Career/resume portfolios Learning portfolios  The new thing?  Track student work  Course and program level ePortfolios  Authentic Assessment

Part I – Faculty ePortfolios

12 Ramesh Sabetiashraf Components Personal info Professional info  Courses  Resume / CV  Research, Accomplishments, Etc.  Contact info Other… Faculty ePortfolios

13 Ramesh Sabetiashraf Quick Overview We are going to: 1. Create an Account 2. Create a website / ePortfolio 3. Create a class Faculty ePortfolios

14 Ramesh Sabetiashraf Create a faculty account 1. Signup at RCampus.com 2. Activate your website  Unique URL: Go to your website and login. Faculty ePortfolios

15 Ramesh Sabetiashraf Basic Website Components Faculty ePortfolios Side menu Header Top menu Footer Content Area

16 Ramesh Sabetiashraf Build Website Quick Overview 1. Select a skin 2. Build home page 3. Build header/footer 4. Build menus Faculty ePortfolios

17 Ramesh Sabetiashraf Build Your Home Page Use Internet Explorer for Windows for best results. From home page 1. Select Create this page or Revise this page 2. Enter “Welcome to My Site” in content area 3. Highlight your entry and change text font and color* 4. Press Save * See Tutorial and Editor Help for more. Faculty ePortfolios

18 Ramesh Sabetiashraf Build Header and Footer From side menu 1. Expand Admin Tools 2. Select Header/Footer 3. In the Header section, enter your name, change text size and color 4. Leave the footer as is for now 5. Press [Save] * Header and footer are applied to the entire site. Faculty ePortfolios

19 Ramesh Sabetiashraf Modify Side Menu From side menu 1. Expand Admin Tools 2. Select Side Menu 3. Click on About me 4. Click on Up arrow to move it up 5. Press [Save] Top and Side menus are applied to the entire site. Click on Side menu help to see more features. Faculty ePortfolios

20 Ramesh Sabetiashraf Build a Class Quick Overview Create class Invite Students Faculty ePortfolios

21 Ramesh Sabetiashraf Create A Class 1. Select Classroom from top menu 2. Select Classes from submenu 3. Select New Class 4. Enter class info 5. Enter for Access Code 6. Press [Save] You’ll be redirected to Course info page 1. Enter Course info 2. Press [Save] Faculty ePortfolios

22 Ramesh Sabetiashraf My Classes Classes are automatically displayed on your ePortfolio: Select My Home from top menu Look at Current Classes and Courses taught pages Faculty ePortfolios

23 Ramesh Sabetiashraf Invite students 1. Click on the class link. 2. Select How to join from side menu 3. Make a note of Class ID and Access Code 4. We’ll continue this part later… Faculty ePortfolios

Part II –Student ePortfolios

25 Ramesh Sabetiashraf Student ePortfolio Websites Similar in features to Faculty ePortfolios Current version: Acts like a website Coming Soon: Fall 2007 version  Multiple ePortfolios per student  ePortfolio submissions  Track coursework, tasks, goals, reflections, and assessments. Student ePortfolios

26 Ramesh Sabetiashraf Learning Portfolios Learning ePortfolios track student learning progress and outcomes. Components: Coursework & Assignments Artifacts Tasks Goals Reflections Assessments More… Student ePortfolios

27 Ramesh Sabetiashraf Create a Fictitious Student 1. Open a new browser window (keep the other one open) 2. Click on “become a member” and create a student account Student ePortfolios

28 Ramesh Sabetiashraf Build ePortfolio Activate the website  similar to building a faculty website Student ePortfolios

29 Ramesh Sabetiashraf Build Sidemenu We want to build this menu:  Purpose  Tasks  Goals  Project 1 My work (artifacts) My reflections My Info  About me  Contact me Student ePortfolios

30 Ramesh Sabetiashraf Build Side Menu - Purpose Change the label of “home” side menu to “purpose” 1. Select Admin Menu 2. Select Side Menu 3. Select “Home” from the box on the right 4. Change its label to “Purpose” Student ePortfolios

31 Ramesh Sabetiashraf Build Side Menus - Tasks Change the label of “Calendar” to “Tasks”  Similar to changing “home” to “purpose” Click on up arrow to move this menu to the second position Student ePortfolios

32 Ramesh Sabetiashraf Build Side Menu - Goals Add a custom page and change its label to “goals” 1. From the left box select any “custom” options 2. Click on Right Arrow to move it to the box on the right 3. Click on Up Arrow to move it to the 3 rd position  Add another custom page and name it “project 1” Student ePortfolios

33 Ramesh Sabetiashraf Build Side Menu – My work 1. Add another custom option and change it to “My Work”  Similar steps as the previous menu 2. Move the menu options below “Project 1” 3. Click on this button to make it into a sub-menu of “Project 1” Student ePortfolios

34 Ramesh Sabetiashraf Building Side Menu – My Info 1. Add another custom option and change its label to “My Info” 2. Click on this button to make it into a menu header Student ePortfolios

35 Ramesh Sabetiashraf Building Side Menu Add other menu items Remove unneeded menu item by clicking on left arrow Press [Save] Student ePortfolios

36 Ramesh Sabetiashraf Adding Artifacts On the “My Work” page, student is required to add three files. 1. Click on “My Work” and select “Create this page” 2. Type an intro: “These are my documents:” 3. Type “document 1”, then highlight it and press Student ePortfolios

37 Ramesh Sabetiashraf Adding Artificats (cont) Upload a file from your PC: 1. Click on Browse 2. Select a file 3. Click on Send it to server 4. Press OK Student ePortfolios

Faculty-Student Interactions

39 Ramesh Sabetiashraf Overview Faculty build classes Students join classes They can securely share messages, grades, documents, etc. Faculty/Student Interactions

40 Ramesh Sabetiashraf Features – For Faculty: Build class website Assign coursework (with rubrics) Post grades (grade with rubrics) Build teams Share documents Manage Rosters Post messages Faculty/Student Interactions

41 Ramesh Sabetiashraf Features – For Students Access Coursework Submit work online Access Grades Communicate with class, teams, faculty Share documents Faculty/Student Interactions

42 Ramesh Sabetiashraf Join the Class In previous steps, faculty built a class. Steps for a student to join the class: From top menu, select Classroom From submenu, select classes From side menu, select join class Enter Class ID and Access Code from Part I Faculty/Student Interactions

43 Ramesh Sabetiashraf Upcoming versions Class portals will allow faculty to Collect student ePortfolios Post goals and tasks Assess student work Track progress

44 Ramesh Sabetiashraf What else: Faculty Groups Create a faculty group account Invite other faculty Manage it the same way as managing a faculty website

45 Ramesh Sabetiashraf Availability ePortfolios are available for free at:    Knowledgebase: 

46 Ramesh Sabetiashraf Contact Me My website: My s:  

Thank you Download Slides at