creating an electronic portfolio saundra selness, ms information technology services
TRANSCRIPT
![Page 1: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/1.jpg)
Creating an Electronic Portfolio
Saundra Selness, MSInformation Technology Services
![Page 2: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/2.jpg)
What Is an E- Portfolio?
![Page 3: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/3.jpg)
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.
![Page 4: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/4.jpg)
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!!
![Page 5: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/5.jpg)
How to Begin…
1. Define the Purpose2. Select the Electronic Artifacts3. Write the Reflections4. Create the Navigation5. Publish to Web Server
![Page 6: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/6.jpg)
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?
![Page 7: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/7.jpg)
Professional Development PortfolioNavigation Bar/Border with the following:
Welcome Educational Philosophy Statement Letters of Recommendation Resume Conceptual Framework Standards
![Page 8: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/8.jpg)
Other Items to Include…
Section about yourself Volunteer Opportunities Other Recommendations and Certificates Standards, Competencies, Requirements Professional Association Memberships
![Page 9: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/9.jpg)
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
![Page 10: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/10.jpg)
Artifact Reflection
An important aspect of the process The reflection should directly show how
you have attained this standard Not a description or summary
![Page 11: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/11.jpg)
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
![Page 12: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/12.jpg)
Why use a webpage for a portfolio?
All computers have an Internet browser installed and can therefore
view your portfolio!
![Page 13: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/13.jpg)
Web Authoring Software Microsoft FrontPage Macromedia DreamWeaver
![Page 14: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/14.jpg)
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
![Page 15: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/15.jpg)
Creating an Electronic Portfolio
Using FrontPage
![Page 16: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/16.jpg)
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
![Page 17: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/17.jpg)
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
![Page 18: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/18.jpg)
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
![Page 19: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/19.jpg)
Creating a Portfolio Folder
A few intro slides before we begin…
![Page 20: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/20.jpg)
Inserting Text
Very similar to using Microsoft Word formatting techniques
Predefined formats Basic Text Formatting
![Page 21: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/21.jpg)
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.
![Page 22: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/22.jpg)
Creating Tables
![Page 23: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/23.jpg)
Table with a Border
![Page 24: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/24.jpg)
Inserting Artifacts Writing Sample Formal Evaluation Photographs PowerPoint Presentation Award/Certificates Lesson Plans Projects
These artifacts can be in many different types of formats!
![Page 25: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/25.jpg)
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
![Page 26: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/26.jpg)
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
![Page 27: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/27.jpg)
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
![Page 28: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/28.jpg)
Excel Spreadsheet Excel (need Excel to open) Save as a Webpage in Excel
Sample page
![Page 29: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/29.jpg)
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
![Page 30: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/30.jpg)
Professionally Created Documents
Conference Brochure International Tickets Conference Program
Depending on the size of the document, either scan or create a PDF.
![Page 31: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/31.jpg)
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.
![Page 32: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/32.jpg)
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!
![Page 33: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/33.jpg)
Adding Color and BackgroundTwo options:
Format Background
Format Themes
![Page 34: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/34.jpg)
Modifying the Background Color
![Page 35: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/35.jpg)
Applying Themes
![Page 36: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/36.jpg)
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
![Page 37: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/37.jpg)
Creating your Portfolio Folder
Let’s start by opening FrontPage and creating a Portfolio folder!
![Page 38: Creating an Electronic Portfolio Saundra Selness, MS Information Technology Services](https://reader036.vdocuments.site/reader036/viewer/2022081602/551b5758550346d31b8b5375/html5/thumbnails/38.jpg)
Questions? Ideas?
Let’s start creating!