myportfolio student digital portfolio tools

1
myportfolio - student digital portfolio tools
2
Index

• What is myportfolio?
• Why use myportfolio?
• Teacher benefits
• Student benefits
• Portfolio basics
• Editing
• Title
• Style
• Page Details
• Formatting
• Text
• Tables
• Layout
• Links
• Clean Up

• Content Library
• Files
• Search
• Pages
• Clipart
• Portfolios
• Displaying
• Publishing
• Exporting
• Templates
• Making
• Using

3
What is myportfolio?

• 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

4
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

5
Teacher benefits

• 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

6
Student benefits

• 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

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

•  

8
Portfolio basics

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

9
Portfolio basics

• 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.

10
Editing

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

11
Editing - Title

• 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.

12
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.
13
Editing - Style
14
Editing - Style
15
Editing - Page Details

• Page Details
• The Page Details are found directly below the
  Title and Style options.

16
Editing - Page Details
17
Editing - Page Details
18
Editing - Page Details
19
Editing - Page Details
20
Formatting

• 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.

21
Formatting

• The Formatting Toolbar

22
Formatting
23
Formatting - Text

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

24
Formatting - Text

•  
• 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.

25
Formatting - Text
26
Formatting - Tables

• Inserting a table

27
Formatting - Tables

• 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.)      

28
Formatting - Tables

• You can determine the Layout of 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.

29
Formatting - Tables

• 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.

30
Formatting - Tables

• Path
• The Path is 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.

31
Formatting - Tables
32
Formatting - Tables
33
Formatting - Tables
34
Formatting - Layout

• 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.

35
Formatting - Layout

• 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. 1000 a.m.
• Today's Date The current date, e.g. Tue 13 July
  2004.

36
Formatting - Links

• 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.

37
Formatting - Clean Up

• Page Cleaner provides an easy tool
  to delete formatting or HTML from areas of your
  page.

38
Formatting - Clean Up

• 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.
•  

39
Formatting - Clean Up

• 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.

40
Content Library

• 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.

41
Content Library
42
Library - Files

• 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.

43
Library - Files
44
Library - Files

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

45
Library - Files
46
Library - Files
47
Library - Files

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

48
Library - Files

• 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.

49
Library - Files
50
Library - Search

•  
• Search allows 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.

51
Library - Search
52
Library - Search
53
Library - Search
54
Library - Pages

• Pages allow you to insert links to your other
  portfolio pages into your current document.

55
Library - Pages
56
Library - Clipart

• The Clipart library provides a number of images
  you can use in your pages.
•  
• There are various images, in categories from
  Animals to Weather.

57
Library - Clipart

• Clipart can be inserted into your page as either
  a thumbnail that links to a larger version
  of the image or the full size image
  itself.

58
Files - Create image

• Create Image allows you to create interesting
  buttons and heading graphics or a blank image
  that is ready for editing.

59
Files - Create image
60
Files - Create image
61
Files - Create image
62
Files - Create image

• To immediately insert this new image into the
  page you are editing, first click on the place in
  the page where you want the heading to go and
  click the insert this image link.
• If you are dissatisfied with the resulting
  heading, click Back to make changes or Cancel to
  delete the new heading.

63
Displaying a Portfolio
64
Displaying a Portfolio
65
Displaying a Portfolio
66
Displaying a Portfolio
67
Displaying a Portfolio
68
Displaying a Portfolio
69
Displaying a Portfolio
70
Displaying a Portfolio
71
Exporting a Portfolio
72
Exporting a Portfolio
73
Templates

• If you have created a page suitable for others to
  use as a template to build their own pages, you
  can make it available from a Portfolio Viewer
  Property that you own.

74
Making a Template
75
Making a Template
76
Making a Template
77
Using a Template
78
Using a Template
79
Using a Template
80
Using a Template
81
Using a Template
The page has been saved in the Property entitled
Human Development A.