Как да създадем интерактивно обучение?

Случайно попаднах на инструмента Smartbuilder, който може да се използва за тази цел. Много лесен за използване редактор, но опитът ми да създам обучителен ресурс на кирилица се оказа не много успешен. Но затова пък колегите, преподаващи чужди езици, могат да се възползват от него :)
Кратък преглед как да работим с инструмента тук
Примери за интерактивни уроци :
Как да използваме компютърните портове /интерактивно обучение/ можете да видите като кликнете тук

Пример за това как се работи с обучителния ресурс:

В изображението ясно се вижда, как когато потребителят посочи съответния порт, той вижда как изглежда и получава описание за неговото предназначение във вид на текст.
Ако искате да се научите как да свържете телевизора с различни кабелни връзки, можете да използвате обучителния ресурс като кликнете тук.
Какво получих аз:

След като избрах начало (begin) получих възможност да провлача и пусна в полето за тази цел кабелните връзки, които са необходими за включването на телевизора. Прозорецът изглежда така:

А след моите действия получих следното.
Допускането на грешен избор се визуализира по този начин: