Business Requirements - Courses: Phase 1

COURSE DESCRIPTION & SYLLABI PAGES This project is to create new versions of the Course Description and Syllabus pages.

The existing pages in their existing format will still exist. The new pages we are creating for this project will be altered versions of the preexisting format for these pages.

Course Description page Present Course Description Example can be found at: • http://www.gowithcea.com/programs/spain/barcelona/1515/course_descripti on.html?course=7673 The new page will contain all of the same elements as present, but will have several adjustments made:  The new page will not be Offering-based.  The URL will need to change up one level, as on the present version, it calls based on offering. The new page is not nested within an offering, but the city.

The new URL will follow this template: o http://www.gowithcea.com/programs/COUNTRY/CITY/course_descripti on.html?course=COURSEID  e.g. http://www.gowithcea.com/programs/spain/barcelona/course_ description.html?course=7673  Page Created on: • Prod: http://intranet/Applications/WebsiteManagement/PageE ditor.aspx?PageID=537 • Test: http://testintranet/Applications/WebsiteManagement/Pa geEditor.aspx?PageID=534  The left nav should highlight “Courses” instead of the session (e.g. Semester Programs)  The H1 will not be associated with a specific offering, but instead just read “Course Description”. Note: This is not reflected in the screen shot.  The H2 with the specific course name should be moved up and placed immediately beneath the H1. All other components on the page will fall below it. Note: This is not reflected in the screen shot.  There will be a box with logic similar to the one that renders for the code <span id='programtable' />. o The offerings that pull into this box should follow the same logic as Dates & Prices for being Offered on Web and Open, and need to be associated with the Course ID. o However, this box will be laid out slightly differently and it will pull programs and their offerings based on their association with the specific course. The purpose of this is so that users can tell which programs they are able to take that specific course under. o Text for the content on the left-hand portion of the page should wrap around the box. o The header for this box should read “This Course is Available through these Programs:”

The session links in the menu will take users to the Overview page for that program. o Graphic Requirements  See other document attached to SharePoint for code. There is a bug with the width; it displays fine in Firefox, but not in IE. Can you assist with this?  For the course description page, it should float right under the "Printable Version Icon, Aligning at top with the Course Title H2 The “Return to Course Listing” should still appear in the same way as it does presently: <a href="courses.html">Return to Course Listing</a> o Note: The way this link is set-up, it will actually return users to the City Courses page instead of the offering Courses page, because it is pulling by page name and not by level. This is intentional.  e.g. http://www.gowithcea.com/programs/spain/barcelona/courses. html The field “CEA Partner Institution” should read “Academic Institution” instead.

The “Printable Version” link on the present page will need to be removed and instead we need to add the standard “ | ” to the bottom right-hand corner as it displays and functions for other page templates.

The “View Syllabus” link will not change. o It’s placement should continue to be on the same line as the “Return to Course Listing” link. As the “Printable Version” link is removed from that line, this link should be fully right aligned. o They hyper link will remain the same:  <a class="footer" href="course_syllabus.html?course=7677"> <img src="/uploadedImages/programs/courses/syllabiIcon.gif" width="12" height="13" hspace="3" border="0" align="absmiddle">View Syllabus</a>  As the Course Description page is on a different level, this link written in this relative fashion will take users to the new nonoffering specific syllabus page as related to the course.

• That link will display in this fashion: www.gowithcea.com/programs/COUNTRY/CITY/course_s o



 



yllabus.html?course=COURSEID o e.g. www.gowithcea.com/programs/costa_rica/san_jos

e/course_syllabus.html?course=4152 o Page Created on:  Prod: http://intranet/Applications/WebsiteManage ment/PageEditor.aspx?PageID=538  Test: http://testintranet/Applications/WebsiteMan agement/PageEditor.aspx?PageID=535 •



The description of changes for this new syllabus page is listed below.

The layout for this new Course Description page should follow that of the examples below.

Example 1 â&#x20AC;&#x201C; multiple programs associated with a given course:

Example 2 â&#x20AC;&#x201C; one program associated with a given course:

Syllabus Page Present Syllabus Example can be found at:  http://www.gowithcea.com/programs/spain/barcelona/1515/course_syllabus. html?course=7673 The new page will contain all of the same elements as present, but will have a few minor adjustments made: 1. As indicated above, the link for this type of page will need to change to no longer include the offering; the change will simply move the page name up a level: a. That link will display in this fashion: www.gowithcea.com/programs/COUNTRY/CITY/course_syllabus.html?

course=COURSEID i. e.g. www.gowithcea.com/programs/costa_rica/san_jose/course_syllab

us.html?course=4152 ii. Page Created on: 1. Prod: http://intranet/Applications/WebsiteManagement/PageEdito r.aspx?PageID=538 2. Test: http://testintranet/Applications/WebsiteManagement/PageE ditor.aspx?PageID=535 2. The H1 will follow the same change as the Course Description – it will modify from the program and offering name to the text “Course Syllabus”. Note: This is not reflected in the screen shot.

3. The H2 with the specific course name should be moved up and placed immediately beneath the H1. All other components on the page will fall below it. Note: This is not reflected in the screen shot.

4. The “Return to Course Listing” and “Return to Course Description” links should layout the same, but they are presently pulling dynamically and returning the user to the offering specific versions of those pages. The links need to change as follows: a. Return to Course Listing i. Link to www.GoWithCEA.com/programs/COUNTRY/CITY/courses.html 1. e.g. http://www.gowithcea.com/programs/spain/barcelona/c ourses.html b. Return to Course Description i. Link to www.GoWithCEA.com/programs/COUNTRY/CITY/courses.html 1. e.g. http://www.gowithcea.com/programs/spain/barcelona/c ourse_description.html?course=7673 5. The left nav should be present and highlight Courses.

6. The remainder of the page will remain the same and pull the same components.

a. There is intentionally still no Printer Friendly version of this page.

Example: