High School POST Drawings

From Career Pathways Tutorial

(Difference between revisions)
Jump to: navigation, search
(ADA/504 Accessibility Compliance)
(Configure Rows & Cols)
 
(14 intermediate revisions not shown)
Line 7: Line 7:
Click the above link to learn about navigating the drawing list and utilizing dynamic filter box tools to browse drawings created by all organizations in the Web Tool.
Click the above link to learn about navigating the drawing list and utilizing dynamic filter box tools to browse drawings created by all organizations in the Web Tool.
-
==[[POST Drawing Properties]]==
+
==[[POST Drawing Properties|Drawing Properties]]==
Here you have access to detailed information and properties settings about each POST drawing, as a whole - inclusive of all versions created for that drawing.
Here you have access to detailed information and properties settings about each POST drawing, as a whole - inclusive of all versions created for that drawing.
==Adding a New Drawing==
==Adding a New Drawing==
-
<b>Each drawing must have a unique Occupation/Program name.</b> The Web Tool stores and references each drawing by organization abbreviation and drawing Occupation/Program name.   
+
<b>Each drawing must have a unique Occupation/Program name.</b> The Web Tool stores and references each drawing by organization abbreviation and drawing Occupation/Program name.   
# Click [[Image:NewDrawing.png]] at the top of the drawing list to create a new Roadmap drawing.
# Click [[Image:NewDrawing.png]] at the top of the drawing list to create a new Roadmap drawing.
# Type a short and descriptive <b>Occupation/Program</b> title for your drawing, such as "Business", "Construction", or "Accounting".  
# Type a short and descriptive <b>Occupation/Program</b> title for your drawing, such as "Business", "Construction", or "Accounting".  
-
#* ''Please do not add your organization's abbreviation to the title. It is automatically added by default.''
+
#* ''Please do not add your Organization's name or abbreviation to the title. It is automatically added by default.''
# Your Organization name is confirmed below.
# Your Organization name is confirmed below.
 +
# Select an applicable <b>Career Cluster</b> from the drop-down list.
 +
#: [[Image:OregonSkillSet.png]]
 +
#: ''<b>NOTE</b>: This will be displayed under the drawing title bar on your roadmap drawing.''
# Click [[Image:Create.png]]
# Click [[Image:Create.png]]
# Your new drawing and ''Version 1'' has now been created. You are now viewing the drawing canvas to start creating your new drawing.  
# Your new drawing and ''Version 1'' has now been created. You are now viewing the drawing canvas to start creating your new drawing.  
-
#* Your organization abbreviation, the Career Pathways logo, and drawing title are automatically placed in a title bar at the top of the drawing canvas. These are fixed.
+
#* Your organization abbreviation, the Career Pathways logo, and drawing title are automatically placed in a title bar at the top of the drawing canvas. These are fixed. To edit the title, see [[Renaming POST Drawings]].
==[[Importing a POST Drawings from Excel]]==
==[[Importing a POST Drawings from Excel]]==
Click the above link to learn about using this feature to import Plan of Study Templates that have been completed in Excel. Download the Excel (.XLS) template to help with formatting data for importing.
Click the above link to learn about using this feature to import Plan of Study Templates that have been completed in Excel. Download the Excel (.XLS) template to help with formatting data for importing.
-
==Renaming Drawings==
+
==[[Renaming POST Drawings]]==
-
<b>To rename a drawing</b>:
+
Click the above link to learn how to rename your POST Drawings.
-
# From the POST drawing list or the drawing canvas ''TOOLS'' menu, click on http://oregon.ctepathways.org/common/silk/cog.png Drawing Properties to the left of the drawing title.
+
-
# Click <b>edit</b> to the right of the current drawing title
+
-
# A text editing field will appear; change the title as desired
+
-
# Click [[Image:TitleSave.png]]
+
-
''<b>Warning:</b> changing the drawing title will break any external web pages that link to this drawing. Update external links as necessary.''
+
-
 
+
-
* Return to the drawing list by clicking <b>back</b>, the back arrow on your browser, or clicking <b>POST Drawings</b> from the side navigation.
+
-
* Return to editing the drawing by clicking http://oregon.ctepathways.org/common/silk/pencil.png Draw/Edit Version from the Version <b>Actions</b> menu.
+
-
: [[Image:DPVersion.png]]
+
==TOOLS Orientation==
==TOOLS Orientation==
: [[Image:POSTHelp.png|right]]
: [[Image:POSTHelp.png|right]]
* View the sidebar <b>HELP</b> menu to the left of the drawing canvas for a complete list of features.
* View the sidebar <b>HELP</b> menu to the left of the drawing canvas for a complete list of features.
-
* Table cells, that appear <b>yellow</b> when hovered over can be edited.
+
* Table cells, that appear {{Yellowtext|yellow}} when hovered over can be edited.
:*Click to edit cell content in pop-up windows.
:*Click to edit cell content in pop-up windows.
* Right-click table cells for a menu of quick editing options.
* Right-click table cells for a menu of quick editing options.
===Table Row Content===
===Table Row Content===
-
* Presents course information in a pre-formatted content in your table.
+
* A WYSIWYG (''What You See Is What You Get'') editor allows for text entry and basic formatting, including the ability to add multiple hyperlinks and spellcheck.  
-
* Only one hyperlink can be added to each table cell if this option is used.
+
: [[Image:HS12English.png|450px]]
-
:: [[Image:HS12English.png|450px]]
+
* Selected <b>legend symbols</b> will automatically display in a legend under the table. Click <b>F5</b> to refresh your screen to see changes to the current version.
-
* Selected <b>legend symbols</b> will automatically display in a legend under the table. Click F5 to refresh your screen to see changes to the current version.
+
===Column Headings (override defaults)===
===Column Headings (override defaults)===
-
* Edit the default column headings by clicking on the desired column header, when it is highlighted in yellow, to edit the description in a pop-up window.
+
* Edit the default column headings by clicking on the desired column header, when it is {{Yellowtext|highlighted in yellow}}, to edit the description in a pop-up window.
::* Change the text in the field provided, as desired, and click "Save" or hit <tt>ENTER</tt> on your keyboard to save and return to the drawing.  
::* Change the text in the field provided, as desired, and click "Save" or hit <tt>ENTER</tt> on your keyboard to save and return to the drawing.  
:: [[Image:HSHeader.png|450px]]
:: [[Image:HSHeader.png|450px]]
Line 55: Line 48:
===Degree Options (right-side vertical column)===
===Degree Options (right-side vertical column)===
-
* Using your mouse to highlight the degree table cell in <b>yellow</b>, click to select the appropriate degree option from a pre-determined list.
+
* Using your mouse to highlight the degree table cell in {{Yellowtext|yellow}}, click to select the appropriate degree option from a pre-determined list.
:: [[Image:HSDegreeOptions.png|450px]]
:: [[Image:HSDegreeOptions.png|450px]]
Line 62: Line 55:
* To easily move content, click, <b>drag-and-drop</b> content from one cell to another.
* To easily move content, click, <b>drag-and-drop</b> content from one cell to another.
# Click the text, and begin dragging.  
# Click the text, and begin dragging.  
-
# The original table cell will remain highlighted in yellow. The text will move with your mouse and appear grey in a floating box.  
+
# The original table cell will remain {{Yellowtext|highlighted in yellow}}. The text will move with your mouse and appear grey in a floating box.  
# Drop the text into the desired <b>empty cell</b>. All content, including hyperlinks and selected legend symbols, will move with this feature.
# Drop the text into the desired <b>empty cell</b>. All content, including hyperlinks and selected legend symbols, will move with this feature.
Line 82: Line 75:
====Clear====
====Clear====
* Select http://oregon.ctepathways.org/common/silk/page_white_delete.png Clear to delete cell content without opening the content pop-up window.
* Select http://oregon.ctepathways.org/common/silk/page_white_delete.png Clear to delete cell content without opening the content pop-up window.
-
 
-
===Header Row (aka Header Notes)===
 
-
This is <b>not a default row</b> and must be enabled (included) in the [[#Configure Rows & Cols|Configure Rows & Cols]] tool feature.
 
-
 
-
Click the header row at the top of the POST table to assign:
 
-
[[Image:HSHeaderRow.png|350px|right]]
 
-
====Header Content====
 
-
* Free type desired content, e.g. program overview or disclosures.
 
-
====Link this Content (Optional)====
 
-
* Link the content to additional information on an external website.
 
-
* Copy and paste a URL address in the provided field. The header content will become a hyperlink.
 
-
* Click "Save" to return to the drawing canvas.
 
-
<b>NOTE</b>: Unless manually deleted from the row, any content will stay in the header notes row and made visible or hidden depending on whether this box is checked or not in the [[#Configure Rows & Cols|Configure Rows & Cols]] feature. <b>Hidden content will copy to new drawings or new versions.</b>
 
-
 
-
===Footer Row (aka Footer Notes)===
 
-
This is a <b>default row</b> for all new drawings, however it can be disabled (hidden) in the [[#Configure Rows & Cols|Configure Rows & Cols]] tool feature.
 
-
 
-
Click the footer row at the bottom of the POST table to assign:
 
-
[[Image:HSFooter.png|350px|right]]
 
-
====Footer Content====
 
-
* Free type desired content, e.g. the Occupation/Program name for a Roadmap Drawing.
 
-
====Link this Content (Optional)====
 
-
* Ideal for creating a hyperlink to an externally embedded Roadmap Drawing.
 
-
* Copy and paste a URL address in the provided field. The footer content will become a hyperlink.
 
-
* Click "Save" to return to the drawing canvas.
 
-
<b>NOTE</b>: Unless manually deleted from the row, any content will stay in the footer notes row and made visible or hidden depending on whether this box is checked or not in the [[#Configure Rows & Cols|Configure Rows & Cols]] feature. <b>Hidden content will copy to new drawings or new versions.</b>
 
===Configure Rows & Cols===
===Configure Rows & Cols===
-
''Warning'': Use caution - changes are saved automatically! Click "<b>Close</b>", or "<b>X</b>" on the pop-up window to return to the drawing.
 
[[Image:HSRowConfig.png|250px|right]]
[[Image:HSRowConfig.png|250px|right]]
 +
This feature allows you to '''preview changes''' to your table structure before you commit them to your drawing.
 +
* Click the "<b>X</b>" or [[Image:ConfigCancel.png]] button to close the pop-up window and return to the drawing without saving changes to your table.
 +
* Click the [[Image:ConfigSave.png]] button to close the pop-up window and save all configuration changes to your drawings table structure.
 +
====Rows in your Drawing====
====Rows in your Drawing====
* Click http://oregon.ctepathways.org/common/silk/table.png configure rows & cols from the ''TOOLS'' menu to add:
* Click http://oregon.ctepathways.org/common/silk/table.png configure rows & cols from the ''TOOLS'' menu to add:
:* rows for additional grade years (duplicates are allowed for additional content)
:* rows for additional grade years (duplicates are allowed for additional content)
-
:* rows for course electives (below grade years), and
+
:* blank or customized row titles for additional content (above or below grade years).
-
:* blank rows at the bottom of the table for additional content.
+
* The grey numbers in parenthesis next to the row title, for instance <b>(0)</b> or <b>(4)</b>, indicate how many table cells have content in them.
-
* The grey numbers in parenthesis next to the row name, for instance <b>(0)</b> or <b>(4)</b>, indicate how many table cells have content in them.
+
 
 +
=====How to Add New Rows=====
* Click http://oregon.ctepathways.org/common/silk/arrow_left.png to the left of the "Add Row" option to instantly add additional rows. The "Rows in your Drawing" section will update to display the selected change.
* Click http://oregon.ctepathways.org/common/silk/arrow_left.png to the left of the "Add Row" option to instantly add additional rows. The "Rows in your Drawing" section will update to display the selected change.
-
* Click http://oregon.ctepathways.org/common/silk/cross.png to delete a row.
+
:* To add a custom row title, type in the desired row name before clicking the green arrow
-
* <b>Include header notes?</b> - click the checkbox to disable/enable
+
::[[Image:HSAddCustomRow.png]]
 +
:* To add an additional grade year row, select the desired year from the drop-down menu before clicking the green arrow
 +
:: [[Image:HSAddGradeRow.png]]
 +
:* To add a blank row, leave the field blank and click the green arrow
 +
:: [[Image:HSAddBlankRow.png]]
 +
 
 +
=====How to Delete Rows=====
 +
* Click http://oregon.ctepathways.org/common/silk/cross.png to delete any undesired row.
 +
* ''Remember! If you accidentally delete a row that you don't mean to, click [[Image:ConfigCancel.png]] to exit the tool without saving changes, and simply return to the tool and start over.''
 +
 
 +
=====Include header notes?=====
 +
* Click the checkbox to disable/enable
:* Unless manually deleted from the row, any existing content will stay in the header notes row and made visible or hidden depending on whether this box is checked or not. Hidden content will copy to new drawings or new versions.
:* Unless manually deleted from the row, any existing content will stay in the header notes row and made visible or hidden depending on whether this box is checked or not. Hidden content will copy to new drawings or new versions.
-
* <b>Include footer notes?</b> - click the checkbox to disable/enable
+
=====Include footer notes?=====
 +
* Click the checkbox to disable/enable
:* Unless manually deleted from the row, any existing content will stay in the footer notes row and made visible or hidden depending on whether this box is checked or not. Hidden content will copy to new drawings or new versions.
:* Unless manually deleted from the row, any existing content will stay in the footer notes row and made visible or hidden depending on whether this box is checked or not. Hidden content will copy to new drawings or new versions.
====Columns====
====Columns====
-
* Click <b>Delete Last Column</b> to remove columns one at a time, starting far-right.
+
* Click [[Image:ConfigDeleteColumn.png]] to remove columns one at a time, starting far-right.
-
* Click <b>Add Column</b> to add columns one at a time, to the far-right side of the table.
+
* Click [[Image:ConfigAddColumn.png]] to add columns one at a time, to the far-right side of the table.
====Block Diagram====
====Block Diagram====
* All row and column changes are instantly reflected in the Block Diagram.
* All row and column changes are instantly reflected in the Block Diagram.
 +
* This feature allows you to '''preview changes''' to your table structure before you commit them to your drawing.
 +
* Click the "<b>X</b>" or [[Image:ConfigCancel.png]] button to close the pop-up window and return to the drawing without saving changes to your table.
 +
* Click the [[Image:ConfigSave.png]] button to close the pop-up window and save all configuration changes to your drawings table structure.
-
''Warning'': Use caution - changes are saved automatically! Click "<b>Close</b>", or "<b>X</b>" on the pop-up window to return to the drawing.
+
===[[POST Drawings - Headers & Footers]]===
 +
Click the above link to learn how to customize free type content (e.g. program overviews, prerequisites, links to published Roadmaps, disclosures, degree credit offerings) in the header and footer rows for your POST Drawings.
==Sample POST==
==Sample POST==
-
Here is a screen shot of a completed <b>sample</b> POST Drawing for a Lane County High School:
+
Here is a screen shot of a completed <b>sample</b> POST Drawing for a Oak Harbor High School:
: [[Image:HSPOST.png|650px]]
: [[Image:HSPOST.png|650px]]
Line 146: Line 133:
For copying existing drawings as new versions or as templates for new drawings. Click the above title link to learn more!
For copying existing drawings as new versions or as templates for new drawings. Click the above title link to learn more!
-
==Print This Version==
+
==[[POST Drawings - Print This Version|Print This Version]]==
-
* From the ''TOOLS'' menu, click http://oregon.ctepathways.org/common/silk/printer.png print this version to render a POST Drawing for printing from the browser menu.
+
Click the above link to learn how to render a printer-friendly version of your POST Drawing from your browsers print menu.
-
 
+
-
<b>Setup Firefox</b>
+
-
* Click <b>File → Page Setup...</b>
+
-
* Make sure <b>Options - Print Background (colors & images)</b> is checked
+
-
* Click <b>OK</b> to save
+
-
 
+
-
<b>Setup IE7</b>
+
-
* If you do not see your browser toolbar at the top of your browser window,
+
-
  hit the ALT key (for PC) to make it visible.
+
-
* Click <b>Tools → Internet Options</b>
+
-
* Click the <b>Advanced</b> tab
+
-
* Under Settings, scroll down to <b>Printing</b>
+
-
* Make sure <b>Print background colors and images</b> is checked
+
-
* Click <b>OK</b> to save
+
-
 
+
-
* Select <b>File → print preview</b> to preview your drawing prior to printing, and to ensure it will fit to one (1) page.
+
-
* Change the print size/scale from "Shrink to Fit" to a fixed percentage if the preview shows an undesired layout.
+
-
 
+
==[[Print To PDF]]==
==[[Print To PDF]]==

Current revision as of 08:37, 21 December 2012

Due to browser compatibility issues, please use the latest version of Google Chrome or FireFox when using the Career Pathways Roadmap Web Tool.



Contents

POST Drawing List

Click the above link to learn about navigating the drawing list and utilizing dynamic filter box tools to browse drawings created by all organizations in the Web Tool.

Drawing Properties

Here you have access to detailed information and properties settings about each POST drawing, as a whole - inclusive of all versions created for that drawing.

Adding a New Drawing

Each drawing must have a unique Occupation/Program name. The Web Tool stores and references each drawing by organization abbreviation and drawing Occupation/Program name.

  1. Click Image:NewDrawing.png at the top of the drawing list to create a new Roadmap drawing.
  2. Type a short and descriptive Occupation/Program title for your drawing, such as "Business", "Construction", or "Accounting".
    • Please do not add your Organization's name or abbreviation to the title. It is automatically added by default.
  3. Your Organization name is confirmed below.
  4. Select an applicable Career Cluster from the drop-down list.
    Image:OregonSkillSet.png
    NOTE: This will be displayed under the drawing title bar on your roadmap drawing.
  5. Click Image:Create.png
  6. Your new drawing and Version 1 has now been created. You are now viewing the drawing canvas to start creating your new drawing.
    • Your organization abbreviation, the Career Pathways logo, and drawing title are automatically placed in a title bar at the top of the drawing canvas. These are fixed. To edit the title, see Renaming POST Drawings.

Importing a POST Drawings from Excel

Click the above link to learn about using this feature to import Plan of Study Templates that have been completed in Excel. Download the Excel (.XLS) template to help with formatting data for importing.

Renaming POST Drawings

Click the above link to learn how to rename your POST Drawings.

TOOLS Orientation

  • View the sidebar HELP menu to the left of the drawing canvas for a complete list of features.
  • Table cells, that appear yellow when hovered over can be edited.
  • Click to edit cell content in pop-up windows.
  • Right-click table cells for a menu of quick editing options.

Table Row Content

  • A WYSIWYG (What You See Is What You Get) editor allows for text entry and basic formatting, including the ability to add multiple hyperlinks and spellcheck.
  • Selected legend symbols will automatically display in a legend under the table. Click F5 to refresh your screen to see changes to the current version.

Column Headings (override defaults)

  • Edit the default column headings by clicking on the desired column header, when it is highlighted in yellow, to edit the description in a pop-up window.
  • Change the text in the field provided, as desired, and click "Save" or hit ENTER on your keyboard to save and return to the drawing.
  • Defaults to the column heading can be permanently changed by High School Administrative users only. Refer to High School Settings for more information. Changes affect only NEW drawings.

Degree Options (right-side vertical column)

  • Using your mouse to highlight the degree table cell in yellow, click to select the appropriate degree option from a pre-determined list.

Quick Editing Options

  • To easily move content, click, drag-and-drop content from one cell to another.
  1. Click the text, and begin dragging.
  2. The original table cell will remain highlighted in yellow. The text will move with your mouse and appear grey in a floating box.
  3. Drop the text into the desired empty cell. All content, including hyperlinks and selected legend symbols, will move with this feature.


Right-click main table cells to:

Cut

  • Select cut.png Cut from the menu. Content is cut from the cell.
  • Right-click any cell (blank or with existing content) to paste the cut content.

Copy

  • Select page_white_copy.png Copy to duplicate content. Content will remain in original cell copied.
  • Right-click any cell (blank or with existing content) to paste the copied content.

Paste

  • Select page_white_paste.png Paste to paste cut or copied cell content.
  • Right-click any cell (blank or with existing content) to paste content.

Clear

  • Select page_white_delete.png Clear to delete cell content without opening the content pop-up window.

Configure Rows & Cols

This feature allows you to preview changes to your table structure before you commit them to your drawing.

  • Click the "X" or Image:ConfigCancel.png button to close the pop-up window and return to the drawing without saving changes to your table.
  • Click the Image:ConfigSave.png button to close the pop-up window and save all configuration changes to your drawings table structure.

Rows in your Drawing

  • Click table.png configure rows & cols from the TOOLS menu to add:
  • rows for additional grade years (duplicates are allowed for additional content)
  • blank or customized row titles for additional content (above or below grade years).
  • The grey numbers in parenthesis next to the row title, for instance (0) or (4), indicate how many table cells have content in them.
How to Add New Rows
  • Click arrow_left.png to the left of the "Add Row" option to instantly add additional rows. The "Rows in your Drawing" section will update to display the selected change.
  • To add a custom row title, type in the desired row name before clicking the green arrow
Image:HSAddCustomRow.png
  • To add an additional grade year row, select the desired year from the drop-down menu before clicking the green arrow
Image:HSAddGradeRow.png
  • To add a blank row, leave the field blank and click the green arrow
Image:HSAddBlankRow.png
How to Delete Rows
  • Click cross.png to delete any undesired row.
  • Remember! If you accidentally delete a row that you don't mean to, click Image:ConfigCancel.png to exit the tool without saving changes, and simply return to the tool and start over.
Include header notes?
  • Click the checkbox to disable/enable
  • Unless manually deleted from the row, any existing content will stay in the header notes row and made visible or hidden depending on whether this box is checked or not. Hidden content will copy to new drawings or new versions.
Include footer notes?
  • Click the checkbox to disable/enable
  • Unless manually deleted from the row, any existing content will stay in the footer notes row and made visible or hidden depending on whether this box is checked or not. Hidden content will copy to new drawings or new versions.

Columns

  • Click Image:ConfigDeleteColumn.png to remove columns one at a time, starting far-right.
  • Click Image:ConfigAddColumn.png to add columns one at a time, to the far-right side of the table.

Block Diagram

  • All row and column changes are instantly reflected in the Block Diagram.
  • This feature allows you to preview changes to your table structure before you commit them to your drawing.
  • Click the "X" or Image:ConfigCancel.png button to close the pop-up window and return to the drawing without saving changes to your table.
  • Click the Image:ConfigSave.png button to close the pop-up window and save all configuration changes to your drawings table structure.

POST Drawings - Headers & Footers

Click the above link to learn how to customize free type content (e.g. program overviews, prerequisites, links to published Roadmaps, disclosures, degree credit offerings) in the header and footer rows for your POST Drawings.

Sample POST

Here is a screen shot of a completed sample POST Drawing for a Oak Harbor High School:

Deleting Drawings

There is no way to recover deleted drawings! Click the above title link to learn more.

Lock This Version

This feature is ideal when you are collaborating on a drawing, or want to compare versions without the risk of making accidental changes, and you are NOT ready to “publish”. Click the above title link to learn how!

Copy This Version

For copying existing drawings as new versions or as templates for new drawings. Click the above title link to learn more!

Print This Version

Click the above link to learn how to render a printer-friendly version of your POST Drawing from your browsers print menu.

Print To PDF

PDF documents are now automatically generated on the Web Tool server and always render the currently published version of your Roadmap Drawing, just like the HTML Links do. Click the above link to learn more!

Publish This Version

Published drawings are publicly accessible. If you are ready to embed or link to a drawing in a public website, click the above link to learn more!