creating an electronic portfolio saundra selness, ms information technology services
TRANSCRIPT
Creating an Electronic Portfolio
Saundra Selness, MSInformation Technology Services
What Is an E- Portfolio?
Definition
What is an e-portfolio? A generic definition for a portfolio is a
purposeful collection of work that exhibits efforts, progress, and achievements.
A systematic collection of materials or artifacts that demonstrate the capabilities of the person who compiled the portfolio.
Definition
Shows progression and growth in your field (transition from student to teacher to master teacher). A portfolio portrays your knowledge, experience, and skills learned over time.
A portfolio is not a scrapbook!!
How to Begin…
1. Define the Purpose2. Select the Electronic Artifacts3. Write the Reflections4. Create the Navigation5. Publish to Web Server
Purpose Define the audience Type of Portfolio
Career Portfolio Employment Portfolio Professional Development Portfolio Family Vacation Portfolio
What information do you want in your portfolio?
Professional Development PortfolioNavigation Bar/Border with the following:
Welcome Educational Philosophy Statement Letters of Recommendation Resume Conceptual Framework Standards
Other Items to Include…
Section about yourself Volunteer Opportunities Other Recommendations and Certificates Standards, Competencies, Requirements Professional Association Memberships
What is an artifact?
An artifact is a piece of evidence you choose that shows you have attained a certain standard.
Artifact Description
Samples Writing samples Formal evaluations Photographs PowerPoint Participation certificates Lesson plans Video
Artifact Reflection
An important aspect of the process The reflection should directly show how
you have attained this standard Not a description or summary
Creating
Choose the format and the software needed to create a portfolio.
You can chose to create HTML portfolios, or web based. Does not mean it has to be published to the
web Secure server should be considered
Why use a webpage for a portfolio?
All computers have an Internet browser installed and can therefore
view your portfolio!
Web Authoring Software Microsoft FrontPage Macromedia DreamWeaver
Publishing Publish to your space on the Student
Academic Web Server on some campuses Password protected All faculty can view Often retained for a specified period after
graduation, if requested Publish to a CD
Creating an Electronic Portfolio
Using FrontPage
Creating an Electronic Portfolio
Design – decide what items are going in the portfolio
Write – create the portfolio, typing text, creating hyperlinks to other pages, inserting artifacts
Test – using a web browser to make sure all links work and images appear
Publish – to a CD or a secure web server Maintain – update with newer and better
artifacts
Planning Your SiteDecide which items will be on your portfolio homepage and what other pages you will hyperlink to such as your resume, standards, artifacts and so on.
Main Page
PhilosophyStandards
Standard 3Standard 2Standard 1
Suggested Directory Structure
Directory structure of your portfolio is similar to the file system on your computerUsing additional folders helps to manage and organize your portfolio
Root DirectoryHome Page
Other basic main pages
Image Folder Artifact Folder Reflection Folder
Creating a Portfolio Folder
A few intro slides before we begin…
Inserting Text
Very similar to using Microsoft Word formatting techniques
Predefined formats Basic Text Formatting
Creating HyperlinksHyperlink to one of the following:
Another page you’ve created A webpage (i.e. Your college, Internship
sponsor, …) An e-mail address A specific spot on a page
You can use an image or text to create the hyperlink.
Creating Tables
Table with a Border
Inserting Artifacts Writing Sample Formal Evaluation Photographs PowerPoint Presentation Award/Certificates Lesson Plans Projects
These artifacts can be in many different types of formats!
Formats PDF (Portable Document Format) Word Document Text Document Excel Spreadsheet PowerPoint Presentation Hand Written (or with a signature) Professional brochure or conference program Audio Tape Video Clip Photograph
Word DocumentsYou have several options: Word Document
Need Word to open the document with correct formatting.
Word Viewer available from Microsoft Save as Webpage using Word
Flush to left side of screen; does it look better in a table? Copy to a Webpage using FrontPage
Look at the difference between left and justified. Create a PDF using Adobe Acrobat
Keeps format Secure
Sample Pages
PowerPoint Presentation PowerPoint
Need PowerPoint to open Has sounds and animation effects
Save as a Web Page using PowerPoint Shows all slides but without sounds or
animation effects. Opens with a web browser
PDFSample Pages
Excel Spreadsheet Excel (need Excel to open) Save as a Webpage in Excel
Sample page
Anything with Handwritten TextReference Letter, Clinical Evaluations,
Create a PDF using Acrobat Looks more professional Better view Less load time
Create an image using a scanner
Sample Pages
Professionally Created Documents
Conference Brochure International Tickets Conference Program
Depending on the size of the document, either scan or create a PDF.
Shared Border Allows a border to appear
on all pages within your portfolio.
It can be on the left, right, top or bottom of a page.
It can have a table, buttons, hyperlinks and so on to a border.
To use Navigation buttons you must have a Navigation Structure created.
Previewing your Portfolio
Clicking on the Preview tab (located along the bottom of the FrontPage window) does NOT show exactly what you page will look like.
Use the “Preview in Browser” button to view your portfolio in a Web browser to see an accurate display!
Adding Color and BackgroundTwo options:
Format Background
Format Themes
Modifying the Background Color
Applying Themes
Additional Items in Handout Modifying Themes Adding a Page Title Working with Images (Buttons, new name,
…) Shared Borders Navigation Structure (Banners and Shared
Navigation Links) Web Components
Creating your Portfolio Folder
Let’s start by opening FrontPage and creating a Portfolio folder!
Questions? Ideas?
Let’s start creating!