-
Notifications
You must be signed in to change notification settings - Fork 31
CTAT Tutorials
Sandy Demi edited this page May 6, 2017
·
8 revisions
All you need to build HTML5 tutors with CTAT are the installed authoring tools, the CTAT HTML editor, and access to cloud storage on either Google Drive or Dropbox. See the Quick Start page for important information on setting up and a quick tutorial.
Once you are set up to use the editor, you can work through the following tutorials:
- Building an HTML student interface for fraction addition
- Creating an Example-Tracing tutor for fraction addition
If you prefer not to use the CTAT HTML editor, see Creating an HTML Tutor Manually for instructions on editing .html files directly to create a tutor interface.
Getting Started
Using CTAT
HTML Components
- HTML Examples
- CTATAudioButton
- CTATButton
- CTATChatPanel
- CTATCheckBox
- CTATComboBox
- CTATDoneButton
- CTATDragNDrop
- CTATFractionBar
- CTATGroupingComponent
- CTATHintButton
- CTATHintWindow
- CTATImageButton
- CTATJumble
- CTATNumberLine
- CTATNumericStepper
- CTATPieChart
- CTATRadioButton
- CTATSkillWindow
- CTATSubmitButton
- CTATTable
- CTATTextArea
- CTATTextField
- CTATTextInput
- CTATVideo