diff --git a/docs/labs/adding-labs-to-courses/add-a-lab-to-a-coursera-course.md b/docs/labs/adding-labs-to-courses/add-a-lab-to-a-coursera-course.md index ce1a3d9..11f9594 100644 --- a/docs/labs/adding-labs-to-courses/add-a-lab-to-a-coursera-course.md +++ b/docs/labs/adding-labs-to-courses/add-a-lab-to-a-coursera-course.md @@ -10,7 +10,7 @@ As a Skills Network author, you can create "instructional labs". These are labs HTML files will be automatically generated from instructional labs so they can be easliy embedded or linked to from your course. To embed an instructional lab in your course, follow the steps below. -1. On your course page, navigate to the lab you want (under the `Labs` tab) and click "Add to Course" +1. On your course page, navigate to the lab you want (under the `Labs` tab) and click "Embed" ![image](/img/adding-labs-in-a-course/SN-AW-add-to-course.png) @@ -57,11 +57,11 @@ HTML files will be automatically generated from instructional labs so they can b To add a (non-instructional) lab to your course in **Coursera**: -1. In Coursera, go to the week and unit you want your lab to be in and add a new LTI Item. +1. In Coursera, go to the week and unit you want your lab to be in and add a new App Item. ![image](/img/adding-labs-in-a-course/SN-Coursera-add-LTI-item.png) -2. Add the following values to the corresponding fields within the LTI Item +2. Add the following values to the corresponding fields within the App Item @@ -89,6 +89,24 @@ The Lab Launch url can be easily found in Author Workbench on your course page. ![image](/img/adding-labs-in-a-course/SN-AW-coursera-lab-modal-lab-launch-url.png) +3. Now, go back to Coursera and click on `App Manager` on the left side of your screen to create a new app name and configuration. + +![image](/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager.png) + +4. Click on `Add app` + +![image](/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-add.png) + +5. Now, select `LTI 1.1` and enter the Coursera credentials you copied earlier from the Author Workbench. + +![image](/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-input.png) + +6. After clicking **Continue**, name your app and set your learner privacy preferences. Then select `Add App`. + +![image](/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-config.png) + +7. You can return to your 'App Item,' publish your newly created lab, and then launch it. + ### LTI Credentials The consumer key and secret can be found in Author Workbench on your course page. Navigate to the `Advanced` tab and and scroll to the `LTI Credentials (Advanced Users Only)` section. Here, you will be able to copy the consumer key and secret. If you are publishing your course to Coursera, please use the `LTI Credential (Coursera)` credentials. Otherwise, use `LTI Credential (Skills Network / edX)`. diff --git a/static/img/adding-labs-in-a-course/SN-AW-add-to-course.png b/static/img/adding-labs-in-a-course/SN-AW-add-to-course.png index ac6f649..09561fc 100644 Binary files a/static/img/adding-labs-in-a-course/SN-AW-add-to-course.png and b/static/img/adding-labs-in-a-course/SN-AW-add-to-course.png differ diff --git a/static/img/adding-labs-in-a-course/SN-AW-course-embed-lab-button.png b/static/img/adding-labs-in-a-course/SN-AW-course-embed-lab-button.png index 49516e5..b2ef1b6 100644 Binary files a/static/img/adding-labs-in-a-course/SN-AW-course-embed-lab-button.png and b/static/img/adding-labs-in-a-course/SN-AW-course-embed-lab-button.png differ diff --git a/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-add.png b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-add.png new file mode 100644 index 0000000..138c501 Binary files /dev/null and b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-add.png differ diff --git a/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-config.png b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-config.png new file mode 100644 index 0000000..db52437 Binary files /dev/null and b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-config.png differ diff --git a/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-input.png b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-input.png new file mode 100644 index 0000000..54f4c1b Binary files /dev/null and b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager-lti-input.png differ diff --git a/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager.png b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager.png new file mode 100644 index 0000000..3ffc59e Binary files /dev/null and b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-app-manager.png differ diff --git a/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-modal-lab-launch-url.png b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-modal-lab-launch-url.png index a530933..ec493e7 100644 Binary files a/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-modal-lab-launch-url.png and b/static/img/adding-labs-in-a-course/SN-AW-coursera-lab-modal-lab-launch-url.png differ diff --git a/static/img/adding-labs-in-a-course/SN-Coursera-add-LTI-item.png b/static/img/adding-labs-in-a-course/SN-Coursera-add-LTI-item.png index 0fa0233..ca8f90e 100644 Binary files a/static/img/adding-labs-in-a-course/SN-Coursera-add-LTI-item.png and b/static/img/adding-labs-in-a-course/SN-Coursera-add-LTI-item.png differ