High School POST Drawings

From Career Pathways Tutorial

(Difference between revisions)

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.

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.

Click at the top of the drawing list to create a new Roadmap drawing.
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.
Your Organization name is confirmed below.
Select an applicable Career Cluster from the drop-down list.

NOTE: This will be displayed under the drawing title bar on your roadmap drawing.
Click
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.

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.
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 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 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 Paste to paste cut or copied cell content.
Right-click any cell (blank or with existing content) to paste content.

Clear

Select 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 button to close the pop-up window and return to the drawing without saving changes to your table.
Click the button to close the pop-up window and save all configuration changes to your drawings table structure.

Rows in your Drawing

Click 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 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

To add an additional grade year row, select the desired year from the drop-down menu before clicking the green arrow

To add a blank row, leave the field blank and click the green arrow

How to Delete Rows

Click to delete any undesired row.
Remember! If you accidentally delete a row that you don't mean to, click 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 to remove columns one at a time, starting far-right.
Click 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 button to close the pop-up window and return to the drawing without saving changes to your table.
Click the 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:

@@ Line 1: / Line 1: @@
-[http://sivecki.com/careerpathways/Tutorials << return to main Tutorials page...]
+{{BrowserNotice}}
+__FORCETOC__
-''Due to cross-browser issues, please use the <b>latest version of [http://www.mozilla.com/firefox/ FireFox]</b> or <b>Internet Explorer 7</b> when working in the <b>Career Pathways Roadmap Web Tool</b>:'' http://oregon.ctepathways.org
+==[[The Roadmap & POST Drawing Lists|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.
-==POST Drawing List==
+==[[POST Drawing Properties|Drawing Properties]]==
-To access, click <b>POST Drawings</b> from the side navigation menu.
+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.
-* The drawing list interface allows you to filter POST drawings by:
-: [[Image:FOrganizations.png]], [[Image:FUsers.png]] and [[Image:FPrograms.png]]
-* Upon log-in, these filters default to the logged-in user's organization and user name, with the drawing list (located beneath the filter boxes) showing only drawings associated with the logged-in user.
-====Filtering Drawings====
+==Adding a New Drawing==
-* As you navigate the Web Tool the filters will remember changes to the selections that you make:
+<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 [Show All] for <b>Organizations</b> to view all drawings for all organizations. <b>Users</b> and <b>Occupations/Programs</b> will automatically [Show All].
-:* Click [Show All] for <b>Users</b> to view all drawings by all users for your organization.
-:* Click on any single <b>Organization</b> or <b>User</b> name to view corresponding results.
-:* Select multiple <b>Organizations</b>, <b>Users</b> or <b>Occupations/Programs</b> by holding down the ''CTRL'' key to view corresponding results.
-:* Click on a specific <b>Occupation/Program</b> to show all users associated with that drawing.
-* All drawings are listed in alphabetic order by drawing <b>Occupation/Program</b> title underneath the filter boxes.
+# 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".
+#* ''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.
+# 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]]
+# 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]].
-* Each drawing reflects who ''created'' and ''last modified'' the drawing.
+==[[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 [[Image:MyDrawings.png]] icon above the drawing list to restore default settings for the logged in user.
+==[[Renaming POST Drawings]]==
+Click the above link to learn how to rename your POST Drawings.
-====Search Bar====
+==TOOLS Orientation==
-* The search bar, [[Image:Search.png]], located above the drawing list filters allows you to search drawing titles, keywords in drawing content, and user names. Click <b>Search</b> or hit <b>Enter/Return</b> to submit the search query.
+: [[Image:POSTHelp.png|right]]
+* View the sidebar <b>HELP</b> menu to the left of the drawing canvas for a complete list of features.
+* Table cells, that appear {{Yellowtext|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.
+: [[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.
-====Drawing Versions====
+===Column Headings (override defaults)===
-* When a new drawing is created, the drawing title and "Version 1" is automatically added to the drawing list.
+* 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.
-* Versions of each drawing are listed beneath the drawing title in numeric order.
+::* 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.
-* Each version has two links listed to the right of the version number:
+:: [[Image:HSHeader.png|450px]]
-:* http://oregon.ctepathways.org/common/silk/wrench.png (Version Settings), and
+* 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.
-:* http://oregon.ctepathways.org/common/silk/pencil.png (Draw/Edit Version) or http://oregon.ctepathways.org/common/silk/picture.png (View Version)
-:: <b>http://oregon.ctepathways.org/common/silk/wrench.png Version Settings</b> provides a summary of the drawing Occupation/Program, version number, who ''created'' and ''modified'' that version, a link to share that specific version with others, and the ability to ''delete this version''. View [[#Version Settings|Version Settings]] and [[#Deleting Drawing Versions|Deleting Drawing Versions]] for more information.
+===Degree Options (right-side vertical column)===
+* 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]]
-:: <b>http://oregon.ctepathways.org/common/silk/pencil.png Draw/Edit Version</b> means the drawings is available to be edited, copied, and/or published. http://oregon.ctepathways.org/common/silk/pencil.png is displayed when that version has never been http://oregon.ctepathways.org/common/silk/lock.png "Locked" or http://oregon.ctepathways.org/common/silk/report.png "Published". The word ''<b>Draft</b>'' is stamped as a watermark in the background of the drawing.
+===Quick Editing Options===
-:: <b>http://oregon.ctepathways.org/common/silk/picture.png View Version</b> means the drawings can no longer be edited, but can be viewed and copied into a new version. http://oregon.ctepathways.org/common/silk/picture.png is displayed when that version has been or currently is http://oregon.ctepathways.org/common/silk/lock.png "Locked" or http://oregon.ctepathways.org/common/silk/report.png "Published". If currently published, the drawing canvas will not have any watermark stamps in the background. If previously published, the drawing is stamped ''<b>Outdated</b>'' and you can either "http://oregon.ctepathways.org/common/silk/page_copy.png copy this version" to edit the drawing, or re-publish the drawing by clicking "http://oregon.ctepathways.org/common/silk/report_go.png publish this version" again.
-* The http://oregon.ctepathways.org/common/silk/report.png (Published Version) icon will appear directly to the right of the version number if it is the currently published version. View [[#Publishing Drawings|Publishing Drawings]] for more information.
+* To easily move content, click, <b>drag-and-drop</b> content from one cell to another.
+# Click the text, and begin dragging.
+# 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.
-====http://oregon.ctepathways.org/common/silk/cog.png Drawing Properties====
-* Here you have access to detailed information and properties settings about the drawing as a whole, such as:
-:* Edit the Occupation/Program drawing title
-:* Confirmation of Organization name
-:* Edit or assign an applicable <b>Oregon Skill Set</b> category from the provided drop-down menu of choices
-:: [[Image:OregonSkillSet.png]]
-:* Click link to <b>Preview</b> the published drawing (if a version is currently published)
-:* Obtain <b>Embed Code</b> for embedding the published version in a public website. (Available in http://oregon.ctepathways.org/common/silk/wrench.png Version Settings page as well.)
-:* Obtain URL hyperlinks for the published and [[#ADA/504 Accessibility Compliance|Accessible]] view of the drawing - once shared these will always link to the currently "Published" version.
-* and view details on each drawing version, such as:
-:* Version # with link to http://oregon.ctepathways.org/common/silk/wrench.png Version Settings
-:* Who ''created'' and ''modified'' each version, and
-:* <b>Actions</b> to
-::* http://oregon.ctepathways.org/common/silk/pencil.png (Draw/Edit Version) or http://oregon.ctepathways.org/common/silk/picture.png (View Version)
-::* http://oregon.ctepathways.org/common/silk/magnifier.png (Preview Version), or
-::* http://oregon.ctepathways.org/common/silk/page_copy.png (Copy Version)
-:* <b>Published</b> versions are highlighted in tan, stamped with the word ''(Published)'' in parentheses beside the version number, and marked as http://oregon.ctepathways.org/common/silk/report.png (Published Version).
-:* Ability to <b>Delete drawing and all versions</b>. View [[#Deleting Drawings|Deleting Drawings]] for more information.
-====http://oregon.ctepathways.org/common/silk/wrench.png Version Settings====
+<b>Right-click main table cells to:</b>
-* Here you have access to version specific drawing information and settings, such as:
+: [[Image:POSTQuickEdit.png|right]]
-:* View the Occupation/Program drawing title with link to http://oregon.ctepathways.org/common/silk/cog.png (Drawing Properties)
+====Cut====
-:* Version #, and whether or not it is ''(Published)''
+* Select http://oregon.ctepathways.org/common/silk/cut.png Cut from the menu. Content is cut from the cell.
-:* Confirmation of Organization name
+* Right-click any cell (blank or with existing content) to paste the cut content.
-:* Save a <b>Note</b> to help identify details about this version, e.g. ''Pending Approval'' or ''Needs OLMIS links''. This note will appear on the drawing list next to the version #.
-:* Who ''created'' and ''modified'' each version
-:* <b>Actions</b> to
-::* http://oregon.ctepathways.org/common/silk/pencil.png (Draw/Edit Version) or http://oregon.ctepathways.org/common/silk/picture.png (View Version)
-::* http://oregon.ctepathways.org/common/silk/magnifier.png (Preview Version), or
-::* http://oregon.ctepathways.org/common/silk/page_copy.png (Copy Version)
-:* Whether or not it is <b>Editable</b> as identified by http://oregon.ctepathways.org/common/silk/lock_open.png (Lock Version) or http://oregon.ctepathways.org/common/silk/lock.png (Version Locked). Use this feature in place of publishing until your drawing is ready to go "public".
-:* Obtain <b>Embed Code</b> for embedding the published version in a public website. (Available regardless of version, and within http://oregon.ctepathways.org/common/silk/cog.png Drawing Properties page as well.)
-:* Obtain URL links for specific version and [[#ADA/504 Accessibility Compliance|Accessible]] view of the drawing version - once shared these will always link to this specific version, regardless if it is current or not.
-:* Ability to <b>Delete this version</b>. View [[#Deleting Drawing Versions|Deleting Drawing Versions]] for more information.
-==Adding a New Drawing==
+====Copy====
-<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.
+* Select http://oregon.ctepathways.org/common/silk/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.
-# Click [[Image:NewDrawing.png]] at the top of the drawing list to create a new Roadmap drawing.
+====Paste====
-# Type a short and descriptive <b>Occupation/Program</b> title for your drawing, such as "Business", "Construction", or "Accounting".
+* Select http://oregon.ctepathways.org/common/silk/page_white_paste.png Paste to paste cut or copied cell content.
-#* ''Please do not add your organization's abbreviation to the title. It is automatically added by default.''
+* Right-click any cell (blank or with existing content) to paste content.
-# Your Organization name is confirmed below.
-# Select an applicable <b>Oregon Skill Set</b> from the drop-down list.
+====Clear====
-#: [[Image:OregonSkillSet.png]]
+* Select http://oregon.ctepathways.org/common/silk/page_white_delete.png Clear to delete cell content without opening the content pop-up window.
-# 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.
+===Configure Rows & Cols===
-#* 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.
+[[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====
+* 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)
+:* 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 <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.
+:* 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 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.
+=====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 "<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.
+===[[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 <b>sample</b> POST Drawing for a Oak Harbor High School:
+: [[Image:HSPOST.png|650px]]
+==[[Deleting Drawings]]==
+<b>There is no way to recover deleted drawings!</b> 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!
+==[[POST Drawings - Print This Version|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.
-==Renaming Drawings==
+==[[Print To PDF]]==
-<b>To rename a drawing</b>:
+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!
-# 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.
+==[[Publish This Version]]==
-* 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.
+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!
-: [[Image:DPVersion.png]]