Embedding HTML code into Blackboard

 Blackboard allows for the embedding of HTML code for web native applications. This post will cover how to embed a web application into Blackboard in a few steps. Starting from the home page here are the steps to embed an HTML application, for this example we will use Quizlet web app -a description and an example of quizlet is at the bottom of this blog-.
  
1. Assuming you have a content folder, click on Content. In the Content page, from the Build Content tab select Item. 

2 .In the Create Item page, make sure Text Editor is turned on. One of the options is Toggle HTML source, it is represented by two angle brackets (< >), click on it to toggle on HTML source.  

3. Click on the link (quizlet SAT words), this will open up a set of interactive flashcards. On the top-left corner under "Share this set" click on the option "Link or embed".
 

4. A small window will pop-up with several options. We want to embed the "Flashcards" html snippet. Highlight the HTML code, right click and copy (Ctrl + C) it. 

5. Switch back to the Create Item page, give the item a name (SAT Vocab); paste the HTML snippet that you copied into the text editor and click Submit.  

6. Congratulations, you have just embedded a piece of code into Blackboard that allows students to interact with an online web application.  

 
Quizlet.com is an online crowdsourced (a la Wikipedia) repository of Flashcards. The student or teacher fills out the blanks for each term and definition or it can be exported from a word document, or excel (.csv) file. The website has lots of features and it is free, the only exception is the uploading of images. This app is useful for classes with glossaries, technical vocabulary, and important dates to remember. One can have a static glossary and include a Flashcard mode for students to engage in active learning.
See Below for a demonstration: