{"id":1654,"date":"2025-02-04T09:58:22","date_gmt":"2025-02-04T09:58:22","guid":{"rendered":"https:\/\/www.cmsgalaxy.com\/blog\/?p=1654"},"modified":"2025-02-04T09:58:24","modified_gmt":"2025-02-04T09:58:24","slug":"how-to-create-and-manage-virtual-labs-and-interactive-exercises-in-open-edx","status":"publish","type":"post","link":"https:\/\/www.cmsgalaxy.com\/blog\/how-to-create-and-manage-virtual-labs-and-interactive-exercises-in-open-edx\/","title":{"rendered":"How to create and manage virtual labs and interactive exercises in Open edX?"},"content":{"rendered":"\n

Creating and managing virtual labs and interactive exercises<\/strong> in Open edX<\/strong> enhances hands-on learning experiences, especially for STEM, coding, and technical courses. Open edX supports virtual labs using LTI integrations, Jupyter Notebooks, Code Editors, and External Tools<\/strong>. Below is a step-by-step guide on how to create, integrate, and manage virtual labs<\/strong> in Open edX.<\/p>\n\n\n\n

\n\n\n\n

1. Choose the Type of Virtual Lab<\/strong><\/h2>\n\n\n\n

Open edX supports several methods for adding interactive exercises and virtual labs<\/strong>:<\/p>\n\n\n\n

Type<\/strong><\/th>Description<\/strong><\/th>Common Tools<\/strong><\/th><\/tr><\/thead>
LTI (Learning Tools Interoperability)<\/strong><\/td>Integrates third-party tools<\/td>JupyterHub, Labster, MATLAB, Unity<\/td><\/tr>
Jupyter Notebooks<\/strong><\/td>Interactive coding exercises<\/td>JupyterHub<\/td><\/tr>
Embedded Code Editors<\/strong><\/td>Code execution inside Open edX<\/td>CodeJail, nbgrader, CodeOcean<\/td><\/tr>
Virtual Simulations<\/strong><\/td>Hands-on simulations for science & engineering<\/td>Labster, PhET, OpenLab<\/td><\/tr>
Custom XBlocks<\/strong><\/td>Custom-built interactive exercises<\/td>Problem Builder, Drag & Drop, SCORM<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\n\n\n\n

2. Set Up a Virtual Lab in Open edX<\/strong><\/h2>\n\n\n\n

Method 1: LTI Tool Integration (For External Labs)<\/strong><\/h3>\n\n\n\n

If using Labster, MATLAB, or JupyterHub<\/strong>, integrate via LTI (Learning Tools Interoperability)<\/strong>.<\/p>\n\n\n\n

Step 1: Enable LTI Consumer in Open edX<\/strong><\/h4>\n\n\n\n
    \n
  1. Go to Open edX Studio<\/strong> (\/studio<\/code>).<\/li>\n\n\n\n
  2. Navigate to Settings > Advanced Settings<\/strong>.<\/li>\n\n\n\n
  3. Find \"lti_consumer_enabled\"<\/code> and set it to: \"true\"<\/code><\/li>\n\n\n\n
  4. Save Changes<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    Step 2: Add the LTI Tool<\/strong><\/h4>\n\n\n\n
      \n
    1. Open the course in Studio<\/strong>.<\/li>\n\n\n\n
    2. Click on \u201cAdd New Component\u201d \u2192 Advanced<\/strong>.<\/li>\n\n\n\n
    3. Select LTI Consumer<\/strong>.<\/li>\n\n\n\n
    4. Enter the following details:\n
        \n
      • LTI URL<\/strong> (provided by the external tool)<\/li>\n\n\n\n
      • Consumer Key & Secret<\/strong> (given by the external provider)<\/li>\n\n\n\n
      • LTI Launch Target<\/strong> (New Window<\/code> recommended for external tools)<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Save<\/strong> and preview the lab.<\/li>\n<\/ol>\n\n\n\n
        \n\n\n\n

        Method 2: Jupyter Notebook Integration<\/strong><\/h3>\n\n\n\n

        Jupyter Notebooks allow interactive coding<\/strong> exercises.<\/p>\n\n\n\n

        Step 1: Enable JupyterHub<\/strong><\/h4>\n\n\n\n
          \n
        1. Install JupyterHub on a cloud server.<\/li>\n\n\n\n
        2. Get the JupyterHub LTI Plugin<\/strong> and configure it with Open edX.<\/li>\n\n\n\n
        3. Add it as an LTI component (see Method 1<\/strong>).<\/li>\n<\/ol>\n\n\n\n

          Step 2: Embed Jupyter Notebooks<\/strong><\/h4>\n\n\n\n
            \n
          • If you don’t need LTI, you can embed Jupyter notebooks using NBViewer<\/strong>.<\/li>\n\n\n\n
          • Add an iframe<\/strong> to an HTML component: <iframe src=\"https:\/\/nbviewer.jupyter.org\/url\/YOUR-NOTEBOOK-URL\" width=\"800\" height=\"600\"><\/iframe><\/code><\/li>\n<\/ul>\n\n\n\n
            \n\n\n\n

            Method 3: Embedding Code Editors (Python, Java, C, R)<\/strong><\/h3>\n\n\n\n

            Open edX allows in-course code execution<\/strong> using:<\/p>\n\n\n\n

              \n
            • CodeJail<\/strong> (for Python execution)<\/li>\n\n\n\n
            • External Editors<\/strong> (JSFiddle, CodePen)<\/li>\n\n\n\n
            • Google Colab \/ Replit<\/strong> (for Python & other languages)<\/li>\n<\/ul>\n\n\n\n

              Step 1: Enable CodeJail<\/strong><\/h4>\n\n\n\n
                \n
              1. Install CodeJail on the Open edX server: pip install codejail<\/code><\/li>\n\n\n\n
              2. Configure CodeJail in the Open edX settings (lms.env.json<\/code>): \"ENABLE_CODEJAIL\": true<\/code><\/li>\n\n\n\n
              3. Restart Open edX.<\/li>\n<\/ol>\n\n\n\n

                Step 2: Embed a Code Editor<\/strong><\/h4>\n\n\n\n

                For an in-browser code editor<\/strong>, use Replit:<\/p>\n\n\n\n

                  \n
                1. Add an HTML component<\/strong> in Studio.<\/li>\n\n\n\n
                2. Paste: <iframe height=\"400px\" width=\"100%\" src=\"https:\/\/replit.com\/@yourusername\/sample-code?lite=true\"><\/iframe><\/code><\/li>\n<\/ol>\n\n\n\n
                  \n\n\n\n

                  Method 4: Virtual Simulations (Physics, Chemistry, Biology)<\/strong><\/h3>\n\n\n\n

                  For interactive simulations:<\/p>\n\n\n\n

                    \n
                  1. Use PhET or Labster<\/strong>
                    • Embed simulations using <iframe><\/code>.<\/li><\/ul><iframe src=\"https:\/\/phet.colorado.edu\/sims\/html\/pendulum-lab\/latest\/pendulum-lab_en.html\" width=\"800\" height=\"600\"><\/iframe><\/code><\/li>\n\n\n\n
                    • Upload SCORM Packages<\/strong>\n
                        \n
                      • If the lab is a SCORM package, enable SCORM in Open edX settings: \"ENABLE_SCORM\": true<\/code><\/li>\n\n\n\n
                      • Upload the SCORM package in Studio<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
                        \n\n\n\n

                        3. Manage & Track Virtual Lab Performance<\/strong><\/h2>\n\n\n\n

                        Once labs are set up, you need to track learners’ engagement<\/strong>.<\/p>\n\n\n\n

                        Method 1: Open edX Insights<\/strong><\/h3>\n\n\n\n
                          \n
                        • Go to Open edX Insights Dashboard<\/strong>.<\/li>\n\n\n\n
                        • Track lab completion, time spent, and performance<\/strong>.<\/li>\n<\/ul>\n\n\n\n

                          Method 2: LTI Reports<\/strong><\/h3>\n\n\n\n
                            \n
                          • If using Badgr or Labster<\/strong>, download LTI analytics reports<\/strong>.<\/li>\n\n\n\n
                          • Analyze grades and participation<\/strong>.<\/li>\n<\/ul>\n\n\n\n

                            Method 3: Custom Tracking with XBlocks<\/strong><\/h3>\n\n\n\n
                              \n
                            • Install Problem Builder XBlock<\/strong> for tracking interactive exercises.<\/li>\n\n\n\n
                            • Use Open edX event logs<\/strong> for user interactions.<\/li>\n<\/ul>\n\n\n\n
                              \n\n\n\n

                              4. Troubleshooting & Best Practices<\/strong><\/h2>\n\n\n\n
                              Issue<\/strong><\/th>Solution<\/strong><\/th><\/tr><\/thead>
                              LTI Lab not loading<\/td>Check LTI URL, Consumer Key, and Secret.<\/td><\/tr>
                              Code editor not working<\/td>Ensure CodeJail is enabled.<\/td><\/tr>
                              Jupyter Notebook not displaying<\/td>Verify the Jupyter server is running and accessible.<\/td><\/tr>
                              SCORM packages not running<\/td>Enable \"ENABLE_SCORM\": true<\/code> and upload a valid SCORM file.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
                              \n\n\n\n

                              5. Conclusion<\/strong><\/h2>\n\n\n\n

                              Integrating virtual labs and interactive exercises<\/strong> in Open edX enhances hands-on learning<\/strong>. Whether using LTI tools, JupyterHub, code editors, or virtual simulations<\/strong>, Open edX provides flexible ways to incorporate interactive elements.<\/p>\n\n\n\n

                              <\/p>\n","protected":false},"excerpt":{"rendered":"

                              Creating and managing virtual labs and interactive exercises in Open edX enhances hands-on learning experiences, especially for STEM, coding, and<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1654","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/1654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/comments?post=1654"}],"version-history":[{"count":1,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/1654\/revisions"}],"predecessor-version":[{"id":1655,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/1654\/revisions\/1655"}],"wp:attachment":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/media?parent=1654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/categories?post=1654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/tags?post=1654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}