Organize and Customize

The previous two pages told you how to create a single Digication page and add modules to it. But a portfolio with only one page either wouldn’t have much content, or would shove too much content together. A good ePortfolio contains multiple pages. These pages are all webpages, like any other pages you might access on the web, and comparable to pages in a book.

So far, we’ve seen that the pages in an ePortfolio are each made up of modules, which contain your content. For a small ePortfolio, a few pages, each with a few modules, might be all you need. But a larger ePortfolio is best divided into sections, which you can think of like the folders or directories on your hard drive: sections contain the pages.

To create a new section, go to that section bar across the top and click the tab labelled Add/Edit, then the green Add Section button that appears.

 

To create a new page, go to the section in which you want the page to appear, and click Add/Edit in the page section. Make sure not to confuse the Add/Edit for sections (on top of each page) with the Add/Edit for pages (on the left of each page).

 

 

 

Add/Edit also allows you to rename pages or sections, by clicking on the pencil-and-paper icon beside their names.

 

You can also drag and drop the pages around within the section, and drag around the sections within the portfolio.

What if you want to do something on a bigger scale, such as move pages into a different section, or move modules to a different page? For this, Digication has a tool called the Organizer. To find the Organizer, go to the Portfolio Tools button at the top right corner of any ePortfolio page, and then press Organize.

You’ll be taken to the Organizer screen:

In this view you’ll see the structure of your whole ePortfolio clearly laid out for you: modules represented with M, pages with P, sections with S and the entire ePortfolio with E. The Organizer allows you to move any of these elements (modules, pages, sections) anywhere else in the portfolio with a simple drag-and-drop. When you mouse over any element, you’ll see Copy and Preview buttons beside it. Copy will create a duplicate of it; Preview will let you see which one it is. (Preview is especially important since modules don’t have a name but only a type.)

You’ll also notice a blank space on the right of the Organizer window. This space allows for a particularly powerful feature of the Organizer: moving elements across multiple portfolios without the tedium of manual cut-and-paste. The Select an e-Portfolio menu above the space allows you to select any of your other portfolios, and you’ll see a structure just like the first one; you can then drag and drop elements from one portfolio to another. If you want multiple copies of a portfolio element, copy it first and then drag the copy over. In this way, you can have a private portfolio for personal reflection and a public portfolio for employers and grad schools, transferring material from the former to the latter when it’s polished enough for public view.

You can go back to either portfolio by hitting the Return to e-Portfolio button above the menu. If you’d like to make two portfolios with small differences between them, you can press Make A Copy under Portfolio Tools and you’ll have two different portfolios that start out the same but can be edited separately.

Once you have a portfolio set up, you can take extra steps to make it your own. Go to Portfolio Tools (upper right-hand corner) and click Settings. You’ll see a page that looks very much like the one you saw when you first created your portfolio. Now you have the power to change a lot about your portfolio. You can change its title or its privacy settings.

You can also change how your portfolio looks. Click the Customize button under Choose A Theme and many options await. Header Image allows you to replace the standard BU logo at the top of your portfolio with something more individualized; you can upload it from your computer. (These images can be no more than 779 pixels wide by 200 pixels long.) Directory Icon lets you similarly change the small square image that appears beside your portfolio’s name in lists of portfolios in the system. And Footer lets you add text (like a copyright notice) to the bottom of your pages.

The most flexible customization comes with the Custom CSS section. This allows you to change the colors and fonts throughout your portfolio, giving it a look very different from the standard look. However, doing this requires editing CSS code. That’s not hard to do if you know basic HTML; the principles are similar. Teaching you CSS is beyond the scope of this site (and the trainings we offer at BU), but there’s a great free CSS tutorial online.