HS Access to Roadmap Drawings

From Career Pathways Tutorial

---

Revision as of 03:07, 22 April 2009

<< return to main Tutorials page...

Due to cross-browser issues, please use the latest version of FireFox or Internet Explorer 7 when working in the Career Pathways Roadmap Web Tool: http://oregon.ctepathways.org

Contents 1 Roadmap Drawing List 1.1 Search Bar 1.2 Drawing Versions 1.3 Drawing Properties 1.4 Version Settings 2 Print This Version 2.1 Print To PDF 3 Published Drawings 4 Embedding Published Roadmap Drawings 4.1 Embedding Published Drawings 4.2 Embedding an Unpublished Version 4.3 Text-Only View 5 ADA/504 Accessibility Compliance 5.1 Viewing Roadmaps

Roadmap Drawing List

The Roadmap Drawing list is available to high school users so that they can view Career Pathways generated in the Web Tool.

High school users only have the ability to view drawings and " print this version" from the TOOLS menu.

• To access, click Roadmap Drawings from the side navigation menu.
• The drawing list interface allows you to filter Roadmap drawings by:

, and

• As you navigate the Web Tool these filters will remember changes to the selections that you make:

• Click [Show All] for Organizations to view all drawings for all organizations. Users and Occupations/Programs will automatically [Show All].
• Click [Show All] for Users to view all drawings by all users for your organization.
• Click on any single Organization or User name to view corresponding results.
• Select multiple Organizations, Users or Occupations/Programs by holding down the CTRL key to view corresponding results.
• Click on a specific Occupation/Program to show all users associated with that drawing.

• All drawings are listed in alphabetic order by drawing Occupation/Program title underneath the filter boxes.

• Each drawing reflects who created and last modified the drawing.

Search Bar

• The search bar, , located above the drawing list filters allows you to search drawing titles, keywords in drawing content, and user names. Click Search or hit Enter/Return to submit the search query.

Drawing Versions

• Versions of each drawing are listed beneath the drawing title in numeric order.
• Each version has two links listed to the right of the version number:

• Version Settings, and
• View Version

Click Version Settings to access a summary of the drawing: Occupation/Program, version number, who created and modified that version, and a link to share that specific version with others.

Click View Version to view the drawing.

• The Published Version icon will appear directly to the right of the version number if it is the currently published version.

Drawing Properties

• Here you have access to detailed information and properties settings about the drawing as a whole, such as:

• The Occupation/Program drawing title
• Confirmation of Organization name
• Confirmation of assigned Oregon Skill Set category
• A link to Preview Published Drawing (if a version is currently published)
• Obtain Embed Code for embedding the published version in a public website.
• Obtain URL hyperlinks for the published and 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 Version Settings
• Who created and modified each version, and
• Actions to

• View Version
• Preview Version

• Published versions are highlighted in tan, stamped with the word (Published) in parentheses beside the version number, and marked as Published Version.

Version Settings

• Here you have access to version specific drawing information and settings, such as:

• View the Occupation/Program drawing title with link to Drawing Properties
• Version #, and whether or not it is (Published)
• Confirmation of Organization name
• The Note field to identify details about this version, e.g. Pending Approval or Needs OLMIS links. This note appears on the drawing list next to the version # as well.
• Who created and modified each version
• Actions to

• View Version, and
• Preview Version

Print This Version

Most Roadmap Drawings are designed to fit to one (1) page in a portrait layout. The Web Tool does not currently support landscape layout or multi-page printing.

• From the TOOLS menu, print this version to render a Roadmap Drawing for printing from the browser menu.
• Set your browsers print settings to "print background images" so that titles of boxes print white over dark colored boxes.

Setup Firefox
* Click File → Page Setup...
* Make sure Options - Print Background (colors & images) is checked
* Click OK to save

Setup IE7
* 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 Tools → Internet Options
* Click the Advanced tab
* Under Settings, scroll down to Printing
* Make sure Print background colors and images is checked
* Click OK to save

• Select File → Print Preview to preview your drawing prior to printing, and to ensure it will fit to one (1) page.
• Change print size/scale from "Shrink to Fit" to a fixed percentage if the preview shows an undesired layout.

Print To PDF

• Users on Mac computers are able to print direct to PDF.
• PC users are able to print to PDF if they have PDF writing software installed on their system.
• Printing direct to PDF will not keep hyperlinks in your roadmap drawings "live".

By emailing helpdesk@ctepathways.org and requesting a PDF of a Roadmap, you are guaranteed to have a PDF document with active hyperlinks, keeping Roadmap data accessible to all viewers.

When submitting a request, please include your name, school, drawing title and version number. We will provide a high-resolution PDF document by email.

Published Drawings

Published drawings are publicly accessible, and links to published drawings in external websites, or shared by email, will always reference the currently published version!

• To access links to published drawings, click Drawing Properties from the drawing list, Version Settings page, or VERSION menu on the drawing canvas.
• Click within the link box to copy the URL hyperlink or embed code for the published drawing.
• Paste the link into an email or website, or follow the Embedding Published Roadmap Drawings instructions below.

Embedding Published Roadmap Drawings

Several examples are provided to illustrate the different possibilities for embedding Roadmap Drawings into public websites.

Embedding Published Drawings

• It is recommended that you embed a drawing by inserting an <iframe> tag into your website code. This will present the Roadmap drawing within the design of your website, maintaining your website navigation while students and advisors review the Roadmap.
• You can define the height and width of the <iframe> in your website document to best fit the Roadmap, as well as modify the frameborder and scrolling options.

Here is an example of the embed code for a published drawing:

<iframe width="800" height="600" 
src="http://oregon.ctepathways.org/c/published/lcc_drafting.html" 
frameborder="0" scrolling="no"></iframe>

• To obtain the embed code, click on the Drawing Properties icon from the drawing list or VERSIONS menu.
• The URL for the drawing will always have the word "published" within the URL, like this:

http://oregon.ctepathways.org/c/published/lcc_drafting.html

• This is the best method of embedding a drawing. When a new version of this drawing is published, this link will always reference the currently published version of the drawing - specified by the drawing code, in this case, "lcc_drafting".

NOTE: If the drawing is renamed after a drawing is embedded, the drawing code will change as well, breaking any links on external sites to this drawing. For this reason, it is a good idea never to change the names of drawings once they are used in external sites.

Embedding an Unpublished Version

• If you wish, you can also embed an unpublished version of a drawing. In this case, you provide the version number (3.html) in addition to the drawing code.
• You can find the full URL on the Version Settings page.

Here is an example of modifying embed code for a specific version of a drawing:

<iframe width="800" height="600" 
src="http://oregon.ctepathways.org/c/version/lcc_drafting/3.html" 
frameborder="0" scrolling="no"></iframe>

NOTE: When embedding a drawing this way, you will ALWAYS be linking to this specific version. If a new version is created and published, this has the disadvantage of not automatically updating when a new version is created and published. This method is not recommended except for special cases.

Text-Only View

• A URL to an Accessible (text-only/ADA Compliant) version of your drawing is available in the Drawing Properties page, accessible from the drawing list or VERSIONS menu.
• The URL for the drawing will always have the word "text" within the URL, like this:

http://oregon.ctepathways.org/c/text/lcc_drafting.html

• The "Accessible" URL will always link to the published version of that drawing.
• This view eliminates all the graphical components of the roadmaps, and is suitable for viewing in any browser or using a screen reader.
• Include a link to this URL on your web page where you have embedded the full Roadmap drawing so that visitors can access a version of your drawing that will be compatible with screen readers.

IMPORTANT NOTICE: In order for a Roadmap to function in this view, it must be created using Connections that link boxes and content together. If a drawing does not use connections, it will still be visible in this view, however it will be difficult to navigate. It is the responsibility of the Roadmap creator to assure their Roadmaps are created in a way to support this representation.

ADA/504 Accessibility Compliance

Viewing Roadmaps

• The transition to using the Canvas technology for rendering roadmaps also enables end-users and Roadmap creators with vision impairments to zoom the view of each Roadmap to a certain extent.
• Using the browser's zoom functionality a Roadmap viewer can zoom a Roadmap in or out of normal view.
• Zooming out too far will cause certain components of the Roadmap to appear broken, or missing color.