Gonzaga University

Gonzaga University | 502 East Boone Avenue | Spokane, WA 99258-0102 | (800) 986.9585




What is a portfolio?

A portfolio is a carefully selected collection of artifacts used to show an individual's growth, capabilities, competencies, and experiences. Portfolio artifacts may include: text files, multi-media files, descriptions of experiences, reflections, journal entries, work experience, skills, learning objectives, learning goals and more. A portfolio owner (e.g., student) can create an unlimited number of portfolios that can be organized and displayed according to purpose and / or audience.

How do I get an account for iWebfolio?

Accounts for iWebfolio will be given out to students of professors that assign an electronic portfolio for class.

Each eligible student will receive a notice through their Gonzaga student email account (Zagmail). This initial notice will include a link to follow to setup an account in iWebfolio. Once your account is set up, you can go to http://www.iwebfolio.com to access the login screen.

If you are faculty or staff at Gonzaga University and would like an iWebfolio account or would like to integrate e-portfolios into your class, please contact ATAS.

How do I insert an image into my portfolio?

To insert an image into your portfolio follow these simple steps

1. Click on the ‘Insert/Edit Image’ icon, it looks like a picture of a house and sun. If your portfolio has an image placeholder, select it and then click the ‘Insert/Edit image’ icon to replace it with a new image.
2. This will bring up an ‘Image Properties’ window and there will be a button that says ‘Browse Server’; click on that.
3. When you click on ‘Browse Server’, it will bring up your file storage space in your iWebfolio account. If you have already saved an image in the Files part of your storage space, find the file and then click on the ‘Select’ link next to it on the right hand side.
4. If the image is not already saved in your file storage space, click on the link at the top of the window that says ‘Add New File’. This will allow you to browse your computer to find the image. Click on the ‘Browse’ button to search for your image file.
5. Once you find the image, select it and then click on ‘Open’ and it will populate the File Path. You can also give the image an optional display name and description.
6. Then click on the button, ‘Save File(s)’.
7. Once the image is saved into your storage space, then you can now click on ‘Select’ next to the filename. This will then insert the image.
Shortcut – if you have already added the image to iWebfolio you will see it in the Files list in the right-­‐hand accordion menu of your portfolio when it is in edit mode. You can quickly insert the image by clicking on and dragging the thumbnail of the file from the menu onto the page of your portfolio. You can add images and files to iWebfolio by selecting the ‘Files’ section of the accordion menu, clicking on the green plus sign and then selecting ‘Add File(s)’ from the pop-­‐up menu.
Please note-­‐ there are limited editing options after the image has been added to your portfolio. Make sure to have written permission for any pictures that are of a real person and are not in the public domain.

What is my files storage space in iWebfolio?What are ‘Files’?

The ‘Files’ portion of your storage space lists all files you have uploaded into your iWebfolio account. Files are the portfolio artifacts created outside of iWebfolio and are available to attach to a portfolio. Any file that is available in an electronic format may be used as a portfolio artifact. For example, portfolio owners may create a resume in a word processing program and simply attach the existing text file to a portfolio created in iWebfolio. Other examples of electronic files include the various photo formats (jpeg, tiff, pict, etc.), pdf files, audio files and video clips. To attach a file, owners are prompted to browse out to their computer’s hard drive or other storage device in order to capture a copy of the file. That copy is stored within iWebfolio in the owner account’s ‘Files’ tab.

How do I upload new files?

  1. To upload a file to your storage space before editing the portfolio, select the ‘Files’ tab from the top menu of the main iWebfolio page.
  2. By default, you will have a My Files folder, but you can create additional folders to store and organize your files.
  3. Select ‘Add New File’ to browse for the file(s) you want to upload.
  4. After you select your file, fill in the Display Name field -­‐ optionally you can give the file a description
  5. then click on ‘Save File(s)’ to finish the upload to your My Files folder.
How do I create a link in my portfolio?You can add a link in your portfolio that goes to a website outside of your portfolio or you can create a link that will open an artifact that you added to your repository like a document, PDF, PowerPoint, spreadsheet, image, audio, video or any other file format.

1. First you need to make sure you are in Edit mode and select the page you would like to add a link to.
2. Then decide what the text should say that will be used as the link. If there are directions from your template to create a link designated by brackets [ ], highlight that text, delete it, then insert text appropriate for your link. Type the text that you want to use for your link, for example; click here to view my resume.
3. Next, highlight the text you want to use as your link and click on the link icon in the toolbox editor within the workspace; it looks like a chain link .
4. This will bring up a Link Info window. (Here is where you can enter a URL if you are linking to a website.)
5. Click on the ‘Browse Server’ button and then select the file to link to from your iWebfolio Files repository by clicking on the ‘Select’ link next to that file/document.
6. If your file is not already in your My Files storage space, click on the ‘Add New File’ link at the top of the window.
7. In the Browse Server window you can now browse your computer for your file and give it an optional display name and description. Then click the ‘Save File(s)’ button at the bottom of the screen.
8. Click the ‘Select’ link next to that file to complete the link.

Shortcut – if you have already added the file to your iWebfolio Files repository you will see it in the Files list in the right-­‐hand accordion menu of your portfolio when it is in Edit mode. You can quickly make a link to a file by dragging & dropping the title of the file from the menu onto the page of your portfolio.
How do I edit the text in my portfolio?

Editing text within iWebfolio is very similar to most text editing programs you may use, like MicroSoft Word, but fairly limited.

  1. Click on the page (category) within iWebfolio that you would like to edit.
  2. Once you see that page in the main window of your screen, click on the blue 'Edit' icon from the floating toolbar in the lower left hand corner.
  3. Now you are able to add type to the portfolio page within the edit window.
  4. Across the top of the edit window you will see a tool bar that allows you to do the following functions and more
    - You can change the font type, size and color
    - Format your text to bold, italicized or underlined
    - Insert a bulleted list, an image, table or link
    - The source icon will allow you to see the html code that is behind the page
  5. Make sure to save after making all of your edits.
How does a faculty member or facilitator review portfolios?

Click here to view thorough reviewer instructions for iWebfolio.

To review and provide feedback on a portfolio:

1. Click on the ‘Review’ link next to the student’s name to review his/her portfolio;
the link will open in a new tab or window. Depending on the design of the portfolio you are reviewing, Categories will be represented either by tabs across the top of the page or in the navigation menu on the left-­‐hand side of the screen. The left-­‐hand side navigation menu is also where Sub-­‐Category information will be found. Depending on the portfolio assignment, each Category or Sub-­‐Category will have one or more combinations of text, images, pictures and links to other information within each page. Links can point to anything from documents to presentations to audio and video, websites, etc.

2. As a Reviewer, the option to add Feedback to the portfolio will only be available if it was requested as part of the portfolio template design. Feedback can be given on individual pages or for the overall portfolio: Ø Feedback on Individual Portfolio Pages On each individual page you will see a FEEDBACK[+] box float to the lower right-­‐hand corner of the window.

3. Click on Feedback [+] to open a pop-­‐up box where you can directly type in your feedback or add a link to a separate document(s) or webpage. Other feedback items available to fill in:
Release Date: You can choose a specific date to release the feedback to the student.
Feedback Type (Required): There are three types of feedback: Public Affiliated -­‐ other Reviewers at Gonzaga and the Owner (Student) can view; Public -­‐ anyone with permission to view the portfolio can view the feedback; and Affiliated Reviewers – only other Reviewers at Gonzaga can view the feedback, not the students. We recommend Public Affiliated.
Rating: If you created a rubric for an individual page, it will appear in the Rating section. Fill in the rubric as indicated. Otherwise, the Rating box is optional.

4. When you have completed your feedback for the individual page, click on ‘Save & Print’ to print a copy of the feedback, or click on ‘Save’ to return to the portfolio.
After feedback has been given on an individual page, you will see a new ‘Feedback’ link in the upper right-­‐hand corner of the screen. By clicking on this link you can view, edit or delete the feedback you have given on that specific page, as well as view what other Reviewers have said about the page. When the student logs back into iWebfolio and views his/her portfolio, the same ‘Feedback’ link will display on each page where feedback has been provided.

5. To provide feedback for the overall portfolio, click on the name of the portfolio at the top of the screen – it will be underlined and next to the student’s name. You will see brief information about the portfolio and the same FEEDBACK[+] box in the lower right-­‐hand corner.
6. Click on Feedback [+] to open a separate window where you can directly type in your feedback or add a link to a separate document(s) or webpage. Other feedback items to fill in:
Release Date: You can choose a date to release the feedback to the student.
Feedback Type: There are three types of feedback: Public Affiliated -­‐ other Reviewers at Gonzaga and the Owner (Student) can view; Public -­‐ anyone with permission to view the portfolio can view the feedback; and Affiliated Reviewers – only other Reviewers at Gonzaga can view the feedback. We recommend Public Affiliated.
Rating: If you created a rubric for the overall portfolio, it will appear in the Rating section. Fill in the rubric as indicated. Otherwise, the Rating box is optional.
7. When you have completed your feedback for the overall portfolio, click on ‘Save & Print’ to print a copy of the feedback, or click on ‘Save’ to return to the portfolio. After feedback has been given on the overall portfolio, click on the name of the portfolio and you will see a new ‘Feedback’ link in the upper right-­‐hand corner of the screen. By clicking on this link you can view, edit or delete the feedback you have given, as well as view what other Reviewers have said about the portfolio. When the student logs back into iWebfolio and views his/her portfolio, the same ‘Feedback’ link will display on each page where feedback has been provided.

How do I download and save a copy of my portfolio?

1) Once you log in to your account, click on the ‘Portfolios’ tab.
2) Click ‘View’ next to the portfolio you wish to save.
3) The portfolio will open up in another window.
4) Click on the title of the portfolio listed at the top of the new page that opens up.
5) You will then see the portfolio name listed, the date it was last modified and then a link called Zip File.
6) If you want to save all feedback that was added to the portfolio, click on the radio box to include feedback.
7) Then click on the link called ‘Zip File’. This will bring up a window that will ask you if you want to open or save this file. (NOTE: You are saving the file in a compressed format. There is not an option to change this.)
8) Choose to save the file.

How do I share my portfolio online?As an iWebfolio user, you have the ability to make your portfolios public and viewable by anyone with a web browser. By following these steps, you can make a single portfolio public (giving it a unique URL link) or you can make several of your portfolios public by placing them on your Public Portfolio website, where anyone can view Page and select from a list of your portfolios.

Here are the steps for making one or more of your portfolios public.

1. Make sure you are logged into iWebfolio and have your portfolio open and in the Main Design Window.
2. Click on the light blue Permissions icon (look for the key symbol) located on the floating toolbar.
3. This will open up the grey accordion menu on the right-­‐hand side of the screen.
4. Click on the grey arrow next to Public Settings. This will open two available checkboxes.
5. To make your single portfolio public, select the first checkbox – Enable direct URL to portfolio.
6. To make your portfolio part of a Public Portfolio website, select the second checkbox -­‐ Include this portfolio.
7. With either option, you can give anyone the URL link (to your single portfolio or to your Public Portfolio website), and he/she can open the link and view your portfolio(s).
How do I link my portfolio to my LinkedIn profile?

As an iWebfolio user, you have the ability to make your portfolios public and viewable by anyone with a web browser. By following these steps, you can link your portfolio to your LinkedIn account, making it viewable by potential employers. The first step is to make your portfolio viewable online. For those steps see the steps beneath question 9 "How do I share my portfolio online?"

Here are the steps to linking your iWebfolio portfolio to your LinkedIn profile.

1. 
Log into your Linkedin account
2. Click the profile link on the top bar
3. Underneath should pop up an Edit Profile option, click on that
4. This will transport you to your Linkedin profile
5. At the top of your profile is your background information with your picture, education experience, current job etc
6. Directly below that is a little address book icon with the words “Edit Contact Info” next to it.
7. Click on the Edit Contact Info icon.
8. A drop down display of all your contact information should appear. It is broken up into two sections, information only available to your connections and information available to anyone on Linkedin.
9. On the section for information available to anyone in Linkedin is a section titled Websites. Besides it is a blue pencil icon. Click on that icon.
10. Three spaces for different URLs should pop down. Go to the first open URL bar.
11. Besides it should be a drop down section that allows you to designate what type of website you are linking to your profile. For iWebfolio, select the “Portfolios” label.
12. Once you have selected the Portfolio label, you are a ready to copy and paste your iWebfolio URL into the open bar.
13. After you have copied and pasted the iWebfolio URL into the bar click the save button on the bottom part of this section.
14. After clicking save it will take you back to your contact info page, now with a little blue “Portfolio” link besides the Websites label.
15. Simply go back to the top of your background information part and click “Done Editing” and it will save your links.
16. Now when you see your profile there should be a portfolio link underneath your background information section.
17. Click on the link to make sure the link is working
18. If it is not go back to step 7 and repeat until step 16. 

How do I share my portfolio with someone by email?A Custom Reviewer is someone inside or outside of Gonzaga with whom you wish to share your portfolio, but not necessarily make it Public. Custom Reviewers can include family members, friends, potential employers, etc. Anyone who has an email address can be added as a Custom Reviewer.

Here are the steps:

1. Make sure you are logged into iWebfolio and have your portfolio open and in the Main Design Window.
2. Click on the light blue Permissions icon (look for the key symbol) located in the floating toolbar.
3. The accordion menu on the right-­‐hand side of the screen will open with several Permission options.
4. Click on the grey arrow next to Custom Reviewers. A drop-­‐down list of people you have made Custom Reviewers (to this or any other portfolio) will be listed here.
5. Click on the green plus sign, and then select ‘Add Custom Reviewer’ to add someone to be a Custom Reviewer to your portfolio.
6. In the pop-­‐up window, enter required (*) information about your Custom Reviewer – first name, last name, email address, and email subject line. Optionally, you can give a description (for yourself) and an email message (for your Custom Reviewer). In the checkboxes listed, you can decide how much access you would like that person to have – whether he/she can add or view Feedback, view Reflection, download the portfolio, etc.
7. Click on the Save button, and the name will be added to the list of Custom Reviewers.
8. Mouse over the person’s name in the list of Custom Reviewers and click on the key icon to send an email with information about how to review and give feedback in your portfolio. In the pop-­‐up window you will have the ability to set how many times your Custom Reviewer can access your portfolio or an expiration date for limiting his/her access.
How do I edit an image for iWebfolio?

Most computers come equipped with a standard photo editing program such as photoshop, iPhoto, Preview etc. If your computer is not equipped or you just need an easy way to edit a photo you wish to import into iWebfolio, we recommend using either this free, online tool from Adobe or the online editor Pixlr. Most pictures are not optimized for web use, meaning they are too big of files. These online sites allow you to simply compress your photo into a workable size so you can utilize those pictures for iWebfolio and any other website.

We recommend using http://www.photoshop.com/tools and http://pixlr.com/express/
Both editors work on Internet Explorer, Firefox and Chrome.

Steps for using Photoshop Editor by Adobe

1.    Go to the website: http://www.photoshop.com/tools
2.    Click on Photoshop Express Editor link
3.    You will be prompted to upload a photo. Browse your computer for the picture you wish to use
4.    Select the photo and click open
5.    Your picture will open up to the edit page
6.    On the left hand navigation toolbar is an option called resize, select that icon
7.    You will open a new editor with options on the top of the page.
8.    There are a myriad of options, but for iWebfolio you will want to select the website sized option
9.    The editor will automatically resize the photo down to a website format
10.    If that is the only alteration you need to perform on your photo, click done, if not continue to play along with the editor
11.    Once you are done editing click the done button in the right hand corner
12.    You will be prompted to save your new photo onto your computer as a JPEG
13.    Name the photo an appropriate name so you can find it later when you need to upload it
14.    Once you have saved the photograph, click done. And the editor will close.

The PhotoShop Express Editor is a fast, efficient, free, internet based photo editor. No software downloaded needed. It is really easy to use and simple steps lead to the compressing and optimizing of photographs to be utilized by students for their iWebfolio projects. It is an official Adobe product and therefore is accessible across a wide range of internet programs.
Steps for using the online editor by Pixlr

1. Go to the website http://pixlr.com/express/
2. Click on the browse icon
3. The editor will open a window to search your files for the photo you want. Find and click the photo you want. Then click Open.
4.  Your picture will open to the edit page.
5. Click on the adjustment icon. It has two overlapping circles, much like a venn diagram.
6. There are a myriad of edit options that show up on the bottom of the page. For the simple purpose of resizing your photo to upload onto you iWebfolio portfolio, click on the resize icon on the bottom. It has two squares, as its icon image.
7. It will drop down to the bottom page and give two dimensions, width and height. There will also be an option to maintain proportions. We suggest you keep that option on. For iWebfolio we recommend using between a 200-300 pixel width or height. It is at your discretion which one of those two dimensions to change in the web editor.
8. Once you have typed in the new width or height, click apply. The photo will shrink to the dimensions you entered into the program. If you think the photo is too small or if you would rather change the height or width more simply click on the resize icon again and go back through the steps of entering a size dimension.
9. If you simply want to resize your photo, then you are almost done. However, there are a lot of interesting ways to alter your photo on Pixlr including adding borders and changing the effects. It is a great program to play around with.
10. Once you are done with your photo click on the save button in the top left hand corner, with a checkmark beside it. Save the photo with a name and in a place you will remember.
11. You are now ready to upload your photo to iWebfolio.

Pixlr is a great online photo editing tool. It provides users with a lot of options for adding effects, sharpening color, removing red eye and adding borders to photos. It is fast, free and available across web browsers. No software download needed. It is an easy step-by-step process to add a little something special to photos. It is a great tool for resizing photos for web use on iWebfolio and other programs. 

How do I embed a video into iWebfolio?

Steps for embedding a video from Windows Movie Maker

  1. Create a video in Windows Movie Maker using pictures, video, music and images. For a complete step by step process for how to use Movie Maker click here.
  2. Once you have saved your video, upload it to Youtube. Make sure when you upload your video, you upload it as a public, if you upload it as private, you won't be able to view it from your portfolio.
  3. After uploading it to Youtube, return to your portfolio in edit mode. (but keep the Youtube page/tab open, you will need it later)
  4. Go to the page you are wanting to add your slideshow
  5. Click on the page where you plan to put your slideshow
  6. Once you have decided on placement, go to the toolbar right about the content page and click on the filmstrip icon (next to the globe with a link)
  7. Copy and paste the URL from your Youtube video into the URL space
  8. Once you have pasted the URL into the space, click okay.
  9. Your video should show up on the page.
  10. You cannot view the video from edit mode, so at this point save your page by clicking on the green floppy disc icon in the lower left hand part of the page
  11. Once you have saved, click on the magnifying glass in the lower left hand toolbar to return to view mode on your portfolio
  12. Go to the page with your newly embedded video.
  13. Click on the video to see if it plays.
  14. If the video does not play, we suggest returning to edit mode, deleting the video and going through steps 4-10 again.
  15. As always if you are having trouble please contact us at atasupport@gonzaga.edu

Steps for embedding a video from iMovie

  1. Create a video in Windows Movie Maker using pictures, video, music and images. For a complete step by step process for how to use Movie Maker click here.
  2. Once you have saved your video, upload it to Youtube. Make sure when you upload your video, you upload it as a public, if you upload it as private, you won't be able to view it from your portfolio.
  3. After uploading it to Youtube, return to your portfolio in edit mode. (but keep the Youtube page/tab open, you will need it later)
  4. Go to the page you are wanting to add your slideshow
  5. Click on the page where you plan to put your slideshow
  6. Once you have decided on placement, go to the toolbar right about the content page and click on the filmstrip icon (next to the globe with a link)
  7. Copy and paste the URL from your Youtube video into the URL space
  8. Once you have pasted the URL into the space, click okay.
  9. Your video should show up on the page.
  10. You cannot view the video from edit mode, so at this point save your page by clicking on the green floppy disc icon in the lower left hand part of the page
  11. Once you have saved, click on the magnifying glass in the lower left hand toolbar to return to view mode on your portfolio
  12. Go to the page with your newly embedded video.
  13. Click on the video to see if it plays.
  14. If the video does not play, we suggest returning to edit mode, deleting the video and going through steps 4-10 again.
  15. As always if you are having trouble please contact us at atasupport@gonzaga.edu



©2011 Gonzaga University. All Rights Reserved. | Full HTML Version