3.2. Setting up the Student View

3.2.1. Overview

This section describes how you set up your course to be displayed in the course summary page and in the course listings on student dashboards. The information you configure for your course is important for prospective and current students to understand.

See:

3.2.2. The Course Summary Page

The following image shows an example course summary page. Students can see the course summary page before they enroll in the course, and may decide to enroll based on the content of the page. You configure the contents of this page in Studio, as described in this section.

An image of the course summary page.

3.2.3. The Student Dashboard

If a student enrolls in your course, the course is added to their course listings on their dashboard, with the course image. From the dashboard, a student can open a course that has started. If the course has not started, the student can see the start date, as explained in this section.

An image of the dashboard

You can enable social media icons for your course so that enrolled learners can share links to the course on Facebook or Twitter directly from the course listing on the their dashboards. For information, see Enable Social Media Icons.

3.2.4. Set Important Dates for Your Course

You must set dates and times for enrollment and for the course.

In Studio, from the Settings menu, select Schedule and Details.

An image of the course schedule page.

Follow the on-screen text to enter the course and enrollment schedule.

EdX recommends that you check that all important dates are correct one week before you plan to start the course.

Note

The Time fields on this page, and the times that students see, use UTC (Universal Coordinated Time)

3.2.5. The Course Start Date

Note

The default course start date is set far into the future, to 01/01/2030. This is to ensure that your course does not start before you intend it to. You must change the course start date to the date you want students to begin using the course.

Students see the course start date and time on their dashboards and on the course About page (sometimes also called the course summary page). Students can see some parts of the course before the course start date. For example, students can see your Course Info page and course-wide discussion topics as soon as they enroll in your course. For more information about course-wide discussion topics, see Create Course-Wide Discussion Topics.

EdX recommends that you set the start time of your course to early in the day, generally 12:00 UTC or earlier. Learners often expect the course to be available on the start date in their own time zones and try to access course content during the day.

The following example shows the course start date and time on the course summary page:

An image of the course About page, with the start date circled.

Note

For courses on edX.org, you must communicate the course start date and time to your edX program manager to ensure the date is accurate on the course About page.

In the dashboard, students see the start dates and times for each of their courses, as in the following examples.

An image of two courses in the student dashboard, with the start dates and times circled.

Note

If you do not specify a start time for your course, students see the default start time, 00:00 Coordinated Universal Time (UTC).

3.2.6. Set the Advertised Start Date

You can set an advertised start date for your course that is different than the course start date you set in the Schedule and Details page. You may want to do this if there is uncertainty about the exact start date. For example, you could advertise the start date as Spring, 2014.

To set an advertised start date:

  1. From the Settings menu, select Advanced Settings.
  2. Find the Course Advertised Start Date policy key. The default value is null.
  3. Enter the value you want to display as the advertised start date. You can use any string, enclosed in double quotation marks. If you format the string as a date (for example, as 02/01/2014), the value is parsed and presented to students as a date.
Image of the advertised start date policy key with a value of "anytime, self-paced"
  1. Click Save Changes.

The start date shown on the dashboard is now the value of the Course Advertised Start Date policy key:

An image of a course listing in the student dashboard, with the advertised start date circled.

If you do not change the default course start date (01/01/2030), and the Course Advertised Start Date policy value is null, then the student dashboard does not list a start date for the course. Students just see that the course has not yet started.

3.2.7. The Course End Date

The course end date is the date after which students can no longer earn credit toward certificates. Students who have earned certificates can view them after the course end date.

Important

If you do not set a course end date, students will not be able to access earned certificates.

Note

For courses on edX.org, you must communicate the course end date to your edX Program Manager, to ensure the date is accurate on the course summary page.

After grades and certificates are finalized, students see the course end date on their dashboards, as shown in the following examples.

  • If grades and certificates are not yet finalized, students can see the course end date and a message:

    Image of a course on the student dashboard that has ended, but not been graded
  • When grades and certificates are finalized, students who have not earned a certificate see their score and the score required to earn a certificate:

    Image of a course on the student dashboard that has ended, but not been graded
  • Students whose final score is equal to or higher than the required score can click Download Certificate to get their certificates as PDFs:

    Image of a course on the student dashboard that has ended, but not been graded

3.2.8. Describe Your Course

On Edge, students that you explicitly invite see the description of your course on the course summary page.

For example, the course description is circled in the following course summary page:

Image of a course summary with the description circled

Note

For courses on edX.org, you must communicate the course description to your edX Program Manager, to ensure the content is accurate on the course summary page.

  1. From the Settings menu, select Schedule & Details.
  2. Scroll down to the Introducing Your Course section, then locate the Course Overview field.
Image of the HTML course description.
  1. Overwrite the content as needed for your course, following the directions in the boilerplate text. Do not edit HTML tags. For a template that includes placeholders, see A Template For Your Course Overview.

    Note

    There is no save button. Studio automatically saves your changes.

  2. Click your course summary page in the text beneath the field to test how the description will appear to students.

3.2.9. Add a Course Image

The course image that you add in Studio appears on the student dashboard. It should be a minimum of 378 pixels in width by 225 pixels in height, and in .jpg or .png format. Make sure the image that you upload maintains the aspect ratio of those dimensions so that the image appears correctly on the student dashboard.

In the following example, the course image that was added in Studio is circled in the student dashboard.

Image of the course image in the student dashboard
  1. From the Settings menu, select Schedule & Details.
  2. Scroll down to the Course Image section.
  3. To select an image from your computer, click Upload Course Image, then follow the prompts to find and upload your image.
  4. View your dashboard to test how the image will appear to students.

Note

On edX.org, the course image you add in Studio is used on the student dashboard, but does not automatically appear on the course About page. Work directly with your edX program manager to set up the About page assets and course image for the course summary page.

3.2.10. Add a Course Introduction Video

On Edge, the course introduction video appears on the course summary page that students see.

Note

On edX.org, you work directly with your Program Manager to set up the course video in the summary page.

In the following example, the course video is circled in the course summary page:

Image of the course video in the course summary page.

The course video should excite and entice potential students to enroll, and reveal some of the personality the instructors bring to the course.

The video should answer these key questions:

  • Who is teaching the course?
  • What university or college is the course affiliated with?
  • What topics and concepts are covered in your course?
  • Why should a learner enroll in your course?

The video should deliver your message as concisely as possible and have a run time of less than 2 minutes.

Ensure your course introduction video follows the same Compression Specifications and Video Formats guidelines as course content videos.

To add a course introduction video:

  1. Upload the course video to YouTube. Make note of the code that appears between watch?v = and &feature in the URL. This code appears in the green box below.
Image of a sample course video
  1. From the Settings menu, select Schedule & Details.
  2. Scroll down to the Course Introduction Video section.
  3. In the field below the video box, enter the YouTube video ID (the code you copied in step 1). When you add the code, the video automatically loads in the video box. Studio automatically saves your changes.
  4. View your course summary page to test how the video will appear to students.

3.2.11. Set Course Requirements

The estimated Effort per Week appears at the bottom of the course summary page.

  1. From the Settings menu, select Schedule & Details.
  2. Scroll down to the Requirements section.
  3. In the Hours of Effort per Week field, enter the number of hours you expect students to work on this course each week.
  4. View your course summary page to test how the requirements will appear to students.

3.2.12. Enable Social Media Icons

You can enable social media icons for your course so that enrolled learners can share links to the course on Facebook and Twitter directly from the course listing on their dashboards.

To enable social media icons for your course, follow these steps.

  1. In Studio, from the Settings menu, select Advanced Settings.
  2. Find the Social Media Sharing URL policy key. The default value is null, which means that social sharing icons do not appear in your course listing on the student dashboard.
  3. Enter the URL that you want social media sites to link to when learners share your course using the social media icons. Make sure you provide absolute path URLs. That is, include the protocol, subdomain, and domain. For example, http://www.edx.org/course/Introduction-to-MOOCs-ITM001.
The Social Media Sharing URL policy key, populated with an example URL.
  1. Click Save Changes.

Studio reformats the policy key you have entered to surround it with a set of double quotation marks.

In your course listing on learners’ dashboards, icons for Facebook and Twitter are now available. Learners can post about their involvement in the course, along with a link back to the course using the URL you specified.

A course listing from the Current Courses dashboard with Facebook and Twitter icons visible.

Note

To hide social media icons from your course listing on the Current Courses dashboard, change the value of the Social Media Sharing URL policy key back to null.

3.2.13. A Template For Your Course Overview

Replace the placeholders in the following template with your information.

<section class="about">
  <h2>About This Course</h2>
  <p>Include your long course description here. The long course description
    should contain 150-400 words.</p>
  <p>This is paragraph 2 of the long course description. Add more paragraphs
    as needed. Make sure to enclose them in paragraph tags.</p>
<section>
<section class="prerequisites">
  <h2>Prerequisites</h2>
  <p>Add information about class prerequisites here.</p>
</section>
<section class="course-staff">
  <h2>Course Staff</h2>
  <article class="teacher">
    <div class="teacher-image">
      <!-- Replace the path below with the path to your faculty image. -->
      <img src="/c4x/edX/edX101/asset/Placeholder_FacultyImage.jpg"
        align="left" style="margin:0 20 px 0"/>
    </div>
    <h3>Staff Member</h3>
    <p>Biography of instructor/staff member</p>
  </article>
<article class="teacher">
    <div class="teacher-image">
      <img src="/c4x/edX/edX101/asset/Placeholder_FalcutyImage.jpg"/>
    </div>
    <h3>Staff Member Name</h3>
    <p>Biography of instructor/staff member</p>
  </article>
</section>
<section class="faq">
  <section class="responses">
    <h2>Frequently Asked Questions</h2>
    <article class="response">
      <h3>Do I need to buy a textbook?</h3>
      <p>No, a free online version of Chemistry: Principles, Patterns, and
        Applications, First Edition by Bruce Averill and Patricia Eldredge
        will be available, though you can purchase a printed version
        (published by FlatWorld Knowledge) if you'd like.</p>
    </article>
    <article class="response">
      <h3>Question 2?</h3>
      <p>Answer 2.</p>
    </article>
  </section>
</section>

<!--Paragraph: <p>CONTENT GOES IN HERE</p> -->
<!--Line break: <br/> -->
<!--Hyperlink: <a href="URL">LINK TEXT</a> -->
<!--Email hyperlink: <a href="mailto:EMAIL@ADDRESS.COM">LINK TEXT</a> -->
<!--Bold text: <b>TEXT</b> -->
<!--Italic text: <i>TEXT</i> -->