@@ -60,6 +60,8 @@ You can access this self-reported information for all of the students who are en
The student data that is available to course staff always reflects the set of live, current enrollments. Students can register for your course throughout the defined enrollment period, and they can unregister from a course at any time, which unenrolls them. Students can also change their email addresses and full names at any time. As a result, you may want to download student data periodically to gain insights into how the student population changes over time.
.. _View and download student data:
==========================================
View and download student data
==========================================
...
...
@@ -81,9 +83,9 @@ To view or download student data:
A table of the student data displays, with one row for each enrolled student. Longer values, such as student goals, are truncated.
.. image:: Images/StudentData_Table.png
:alt: Table with columns for the collected data points and rows for each student on the Instructor Dashboard
:alt: Table with columns for the collected data points and rows for each student on the Instructor Dashboard
**Note**:: In the future, edX may also request that students select a language and location. This data is not collected at this time.
.. note:: In the future, edX may also request that students select a language and location. This data is not collected at this time.
5. To download student enrollment data in a CSV file, click **Download profile information as a CSV**.
...
...
@@ -115,7 +117,7 @@ To display demographic data for your students:
.. image:: Images/Distribution_Gender.png
:alt: Table with columns for different possible values for level of education completed and total count reported for each value
"No Data" is the sum of the students for whom no value exists for the demographic.
"No Data" is the sum of the students for whom no value exists for the demographic.
Data for individual students is not shown, and you cannot download data directly from this page. See :ref:`View and download student data`.
@@ -18,6 +18,7 @@ to add customized learning tools such as word clouds to your course.
response to a question - into a colorful graphic that students can see.
- :ref:`Zooming image`: Zooming images allow you to enlarge sections of an image so
that students can see the section in detail.
- :ref:`Full Screen Image`: The Full Screen Image tool allows a student to enlarge an image in the whole browser window. This is useful when the image contains a large amount of detail and text that is easier to view in context when enlarged.
.. _LTI Component:
...
...
@@ -327,20 +328,64 @@ Create a Zooming Image Tool
#. Click **Save** to save the HTML component.
.. _Full Screen Image:
******************
Full Screen Image
******************
Some large images are difficult for students to view in the courseware. The full screen image tool allows students to enlarge the image, so they can see all the detail in context.
The Student View of an Full Screen Image
-----------------------------------------
The student sees the full screen image in a unit page. When the student hovers the mouse pointer over the image, the **FULL SCREEN** button is shown:
.. image:: Images/image-modal.png
:alt: Image the the full screen image tool with the Full Screen button.
When the student clicks **FULL SCREEN**, the image opens and expands in the full browser window. The buttons **Close**, **Zoom In**, and **Zoom Out** are shown:
.. image:: Images/image-modal-window.png
:alt: Image the the Image Modal tool with the Full Screen button.
The student can then zoom in on the image, and drag the image to view the desired part of it:
.. image:: Images/image-modeal-zoomed.png
:alt: Image the the Image Modal tool with the Full Screen button.
Create a Full Screen Image
---------------------------
#. Upload your image file to the **Files & Uploads** page. For more information about how to do this, see :ref:`Add Files to a Course`.
#. Under **Add New Component**, click **html**, and then click **Full Screen Image**.
#. In the new component that appears, click **Edit**.
#. In the component editor, replace the default title, remove the instructional paragraph, and add text as needed.
#. Switch to the **HTML** tab.
#. Replace the following placeholders with your own content.
* Replace the value of the <a> element's href attribute with the path to your image. Do not change the value of the class attribute. For example:
* Ensure that the value of the href and src attributes are the same, and that you do not change the class attribute. You sample code should look like the following:
