Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »


Accessing the Engineering Homepage in Cascade

For instructions on how to use Cascade, visit sandiego.edu/cascade.

To reach the Engineering home page in Cascade, go to http://cms.sandiego.edu, use your USDOne login name and password to log in, and then navigate to the Engineering site in the site selector.

Once there, click on the index page at the very bottom of the Explorer.



Editing the Home Page

Once selected, click the Edit button to begin editing the page.



Sections

The Engineering homepage is divided into five sections:

  • Hero
  • Intro
  • Programs
  • Spotlight
  • Why USD?
  • Personas

Most of these six sections are further divided into sub-sections.

There are two additional portions of the home page, the Engineering MyPostings area, and the Contact Footer. Both of those are controlled outside of the main index page for the home page.




Hero

The Intro section contains three Button fields.

  • Text: Displays the text in the button.
  • URL Type: Determines whether the URL is internal to Cascade or external.
  • Internal or External URL: This field depends on which option is select for URL Type. If Internal is selected, then this field will use the Cascade internal-navigation button to create an internal link. Otherwise, if External is selected, a field will appear so that you can copy and paste a URL from an external website.



Intro

The Intro section contains the following fields:

  • Headline: Displays the heading of the section under the image on the homepage.
  • Lead: Displays the lead under the headline.

The Intro section also contains three Stats.

  • Number: Displays what is usually a numerical stat (i.e. percentage, number, dollar amount, etc.)
  • Blurb (first line): Displays second line, which is supporting text for the number.
  • Blurb (second line), optional *: Displays second line, which is the continuation of the first line of text, if needed.
  • Blurb (third line), optional *: Used optionally, displays a third line, which is the continuation of the second line of text, if needed.

* The second and third lines are helpful if you would like to control the break points of the text portion of a stat. If used, the text entered will be formatted in the same way as the first line of text entered.



Programs

The Programs section is limited to six programs.

For this documentation we will chunk the Programs section into 3 sub-sections below:

  • Program (details)
  • Program (courses)
  • Program (stats)





Program (details)

When a user clicks on one of the six cards, it swaps out the six cards with a panel of information for just the program that was selected/clicked.

The details section of Programs has the following fields. The fields in blue type below are shared between initial page load (1st screenshot in middle column) and program information displayed once the user has selected/clicked a program (2nd screenshot in middle column).

For initial page load, the program cards are displayed:
(1st screenshot in middle column)

For selected/clicked program card, the program information panel is displayed: 
(2nd screenshot in middle column)

  • Name (Short, for Tab): Displays the tab text for the program, this should be the program's name shortened, but not abbreviated.
  • Name (long): Displays the full program name in the card in large type.
  • Degree: Displays the type(s) of degree above the Name (long). 
  • Program URL: The internal Cascade program landing page that sets the link destination for the Explore Program button.
  • Description: Displays a very short description/blurb for the program. Please limit to two sentences at most, and also include an internal Learn More link that points to the program's landing page in Cascade.
  • Courses Link Text: Displays the link text in the panel's bottom, right-hand corner for navigating to a page with all of the program's courses.
  • All Courses URL (if internal to Cascade) *: Use this page selector to internally select the program's course page from within Cascade. 
  • All Courses URL (if external, like PCE) *: Use this text field to copy and paste a URL from an external (non-Cascade) web page, such as PCE.

* Use one or the other of these two fields to link to a program's course page.



Program (stats)

The Stats section of a program's information panel utilize the following fields:

  • Number: Displays the stat entered, can be alphanumeric and contain special characters.
  • Blurb: Displays the number's accompanying text. Typically alpha only.


Program (courses)

The Courses section of a program's information panel utilize the following fields:

  • Image: Used to link an image to the field. The help text states that the image must be 640x360 pixels.
  • Image Description (alt): Used for screen readers. Follow the directions for creating accessible image descriptions.
  • Number: Displays a courses alphanumeric designation, such as CS 101, GENG 101, etc.)
  • Name: Displays the course's title.
  • Description: Displays the course's description/blurb.
  • Course URL (if internal to Cascade) *: Use this page selector to internally select the program's course page from within Cascade. 
  • Course URL Anchor (if internal to Cascade): 
  • Course URL (if external to Cascade, like PCE) *: Use this text field to copy and paste a URL from an external (non-Cascade) web page, such as PCE.

* Use one or the other of these two fields to link to a program's course page.



Spotlight



MyPostings

The News and Events section of the homepage are dynamically fed from MyPostings. To learn more about which options in MyPostings to use to have your news and events display on the homepage, visit the Engineering MyPostings documentation.




Why Engineering

The Why Engineering section is limited to three entries.

The Why Engineering section is divided into three Items, each of which contains a Content and a Button option.

The Content options contain the following fields:

  • Title: Displays the text which appears on the very top of the section overlay. Use the <br/> tag to create a return break in the paragraph.
  • Text: Displays the text which appears inside of the background image. Use the tags <em> and </em> to enclose any text intended to appear in italics.
  • Button Text: This text only displays for screen readers. Text should be limited to two or three words. Examples include, "Learn more." or "Visit." Follow the directions for creating accessible image descriptions.
  • URL Type: Determines whether the URL is internal to Cascade or external.
  • Internal or External URL: This field depends on which option is select for URL Type. If Internal is selected, then this field will use the Cascade internal-navigation button to create an internal link. Otherwise, if External is selected, a field will appear so that you can copy and paste a URL from an external website.
  • Background Image: Displays the image used in the background. The image should be 2500x1500 pixels. To change any background image, submit a web request.

The Button options contain the following fields:



MyPostings

The News and Events section of the homepage are dynamically fed from MyPostings. To learn more about which options in MyPostings to use to have your news and events display on the homepage, visit the Engineering MyPostings documentation.




Contact Panel

The Contact Panel is controlled through the _site-setting-main block under the _site-settings folder. Contact Corinna Lewis by emailing michelles@sandiego.edu.

  • No labels