MyPortfolio: A Comprehensive Electronic Portfolio Application for Schools

1. myportfolio - student digital portfolio tools

2. An electronic portfolio application built especially for schools. Content management system digital student locker Teacher's personal resource library WYSIWYG authoring tool Creation of simple web pages Creation or editing of images Creation of standards compliant learning objects Portable record of achievement What is myportfolio?

3. Why use myportfolio? • Enhances communication • Builds on existing skills - tools are presented in familiar format, using graphical buttons similar to many word processors such as Microsoft Word • Saves time for teachers • Cost effective   • Fully integrated with mydesktop and myclasses  • Relevance   • Creativity • Reduces need for web authoring or costly image-creation software

4. Create templates for student reflections assessment rubrics research tasks and assignments student designed learning quests book reviews action research project Webquests Digital storage of student submissions Ability to review and comment on draft versions Structure a series of activities/lessons Comment on skill development, and progression towards achievement of learning outcomes Student engagement Teacher benefits

5. Individual student reflection/journal Collate and organise work for different subject areas Digital scrapbook of successes Photos of the journey through school Evidence of achievement and developmental learning Publish and submit work electronically Portable document storage from school to home Learn basic web publishing and imaging techniques Student benefits

6. Portfolio basics The myportfolio homepage is where you will begin to build you own portfolio of pages.

7. Edit will either be on the left hand side of the editing field or in the top right hand corner of the screen. Portfolio basics

8. You can change the navigation style for all your pages! Click Options from the links at the top of the page to change the way you move between the pages in your portfolio. Portfolio basics

9. There are six main areas that provide different functions for page editing: Title Style Page Details Formatting Toolbar and Editing Field Path Library Editing

10. Title The Title field initially reflects the page name as entered on the template selection page. You can change the name at any time during editing by entering the new name in the Title field. Editing - Title

11. Editing - Style Styles Styles are used to change the look and feel of pages by applying a specific set of backgrounds, colours and fonts to your page content. There are a variety of styles that can be applied, and styles are immediately reflected in the document editor as they are selected.

12. Editing - Style

13. Editing - Style

14. Page Details The Page Details are found directly below the Title and Style options. Editing - Page Details

15. Editing - Page Details

16. Editing - Page Details

17. Editing - Page Details

18. Editing - Page Details

19. Formatting Toolbar and Editing Field The formatting toolbar contains many tools to allow you to control and change the content of your page. These tools are similar to that of other word processing software with which you may be familiar. Formatting

20. The Formatting Toolbar Text Undo Redo Spell Check Alignment Lists Indenting Text and Fill colour Background colour Format cleaner Insert menu Layout Helper HTML View Formatting

21. Formatting

22. Clicking on the Font colour will bring up the box below with these colour options. You can now select a colour for your font. Formatting - Text

23. The text Nutrition above was constructed by: Clicking on the place in the page where you want the text to go. Selecting Georgia as the font, size 6(24pt), Normal and bold; it is automatically left justified. The colour of the font was determined by selecting FF9966 (orange) from the text colour options. Formatting - Text

24. Formatting - Text

25. Inserting a table Formatting - Tables

26. The desired Width of the table can be determined by three ways, either by selecting: a figure that constitutes the Percent of the page width, the number of Pixels to use, or em. (Em refers to a width equivalent to the maximum height of a character in the font you are using, e.g. from the base of a lower case y to the top of a t.) Formatting - Tables

27. You can determine the Layoutof your table through alignment and border thickness. If no alignment has been set from the drop-down menu it will default to left alignment. Border thickness is measured in pixels, with 0 being an invisible border. Formatting - Tables

28. Cell spacing sets the amount of space between table cells, while cell padding sets the amount of space between the content of cells and their border. To insert nested tables, place your cursor in the relevant cell of an existing table prior to clicking Insert Table from the toolbar. Formatting - Tables

29. Path The Pathis displayed at the bottom of the editing field. It refers, in HTML terms, to the elements that make up your page, and indicates where your cursor is at any time within the document editor. The Path can be used to navigate and select elements from within your table (or page) for editing. Formatting - Tables

30. Formatting - Tables

31. Formatting - Tables

32. Formatting - Tables

33. Layout Helper The Layout Helper is a simple pop-up menu that allows you to quickly add a number of basic features to your page. Formatting - Layout

34. You can select the following items to insert from the available options. Columns 2 columns: one-row field with two cells. 3 columns: one-row field with three cells. 4 columns: one-row field with four cells. Image with text wrap Right aligned with text wrap: a field that contains an example image to the right with a paragraph of text surrounding it. Left aligned with text wrap: a field that contains an example image to the left with a paragraph of text surrounding it. Special Current Time: The current time, e.g. 10:00 a.m. Today's Date: The current date, e.g. Tue 13 July 2004. Formatting - Layout

35. Insert A Web Link Click on Insert Web link and then type or paste the URL in the field provided. Enter Title text for the link. When this page is viewed, the text will appear when the mouse is hovered over the link. Formatting - Links

36. Page Cleaner provides an easy tool to delete formatting or HTML from areas of your page. Formatting - Clean Up

37. Select the appropriate radio button to determine if you are cleaning a Selection or All of the document. Next, choose the Cleaning Option you want to initiate. Formatting will remove any CSS (Cascading Style Sheet) syntax and any font, bold, strong, italic, emphasise, underline and strike tags. All HTML will remove all HTML including, links, tables, and images. Formatting - Clean Up

38. After you have made your selections, click OK and Page Cleaner will remove the desired elements. If a page has been created using a template, removing the formatting can potentially "damage" the template by removing some formatting elements essential to the template. Removing the HTML will remove the entire template and leave you with a blank page. Formatting - Clean Up

39. The Library is a collection of resources to enable you to easily add images, document links and URLs to your portfolio pages. It allows you to go to the following areas that provide a variety of resources: Files Search Pages Clipart. Content Library

40. Content Library

41. To view any of the files in your Files Box, click the name of the file you require. Depending on the type of file you are viewing and your browser, the file may be displayed in the library window or opened by the relevant program. Library - Files

42. Library - Files

43. Make sure your cursor is positioned in the editing field where you want the image to go BEFORE you select an image. Library - Files

44. Library - Files

45. Library - Files

46. To insert a link to a Document file in your page, go to My Files and select Documents. Library - Files

47. Documents are displayed by name with the date they were uploaded and the file size. Click on the place in the page you are editing where you want the link to go. Select the document you want to link to. Then from the Action column adjacent to the file you want, click the insert link to this file and a text link will be inserted. Library - Files

48. Library - Files

49. Searchallows you to find Internet resources through Google and add links to your page or you can just add local links to your other portfolio pages To insert a link to a website from your search results, first click on the place in the page you are editing where you want the link to go. Library - Search

50. Library - Search