---
tags: ulla
disqus: hackmd
---

# ULLA: Типы контента


Ключевая концепция ULLA: простым упорядоченным размещением текстов и файлов вы создаете элементы приложения и интерактивные сценарии, не прибегая к программированию:
- обозначая в тексте учебника заголовки -- вы автоматически создаёте пункты выдвижного меню,
- создавая файлы переводов, вы автоматически создаёте кнопки переключения переводов
- размещая информацию под заголовком 1-го уровня -- вы автоматически заполняете обложку вашего приложения и т.д.

Что касается содержимого уроков, главная цель -- сделать их интерактивными:
- звучащими,
- иллюстрированными,
- анимированными,
- откликающимися на ваши действия,
- предоставляющими нужные порции информации по требованию,

и для этого в вашем распоряжении есть несколько типовых блоков, комбинируя которые вы можете создавать интересные уроки.

## 1. Одна строка -- один файл (аудио:sound: и/или картинка:art:)
`oneLineOneFile`

Это самый простой и первый формат, подробно описанный в [ULLA: Идейная часть](/@aparus/ulla-intro-ru).

Каждому слову или фразе соответствует:
- отдельная строка в тексте
- отдельный аудио файл
- отдельный файл картинки

Именуя файл аудио или картинки: `номерУрока-номерСлова.mp3 или jpg` вы автоматически создаете связь текста с этими файлами, добавляя ему иллюстрацию и звучание.

## 2. Слова/фразы внутри текста

`inText`

В учебниках иностранного языка обычно идёт объяснение темы на понятном для ученика языке, и в него встраиваются примеры на изучаемом языке, жирным шрифтом или курсором (чтобы выделялись).

Чтобы создать подобный блок в приложении и добавить звучание таким примерам, напишите обычный текст markdown и выделите в нём иностранные слова `[]` - двумя квадратными скобками. А в папку `/content/intext` поместите одноименные файлы с аудио записью.

В файле `content.md` вы пишите так:

Множественное число в английском языке образуется добавлением окончания -s к слову: 
[hand] - рука
[hands] - руки

Заранее добавляете файлы:

/content/intext/
    hand.mp3
    hands.mp3

В итоге выглядеть это будет примерно так:

> Множественное число в английском языке образуется добавлением окончания -s к слову:
**hand** - рука
**hands** - руки

Нажав на выделенные слова, пользователь услышит их.

## 3. Текст с таймингом

`timing`

Длинные аудио файлы (дольше нескольких секунд), вроде подкастов и аудиокниг -- удобно изучать вместе с субтитрами, чтобы одновременно слушать и видеть тексты.

В таком случае вам придётся заранее сделать субтитры, то есть прописать временные интервалы всех фраз в файле `content.md`:

0.00	02.04	Alice’s Adventures in Wonderland
2.32	3.22	by Lewis Carroll
3.70	4.71	CHAPTER I.
5.00	6.19	Down the Rabbit-Hole
07.05	10.46	Alice was beginning to get very tired of sitting by her sister on the bank,
10.74	12.13	and of having nothing to do:
12.52	15.20	once or twice she had peeped into the book her sister was reading,
15.38	17.71	but it had no pictures or conversations in it,
18.00	19.68	“and what is the use of a book,”
19.92	23.17	thought Alice “without pictures or conversations?”

При проигрывании такого материала появится дополнительная панель навигации с:
- полоса прокрутки аудио
- переключатель фраз (следующая, предыдущая)
- повтор фразы
- многократный повтор фразы с заданной задержкой и количеством повторений

По мере проигрывания файла текущая фраза будет подсвечиваться в тексте, а экран -- перелистываться.

Вы можете использовать такой формат для адаптированных книг или упражнений на аудирование.

Если настроить 1-2 повторения с длинной задержкой -- так можно писать ==диктант== по услышанному. А если настроить десятки повторений с маленькой задержкой и повторять за ними -- то получится методика =="хора"==, полезная для создания себе натурального акцента.

## 4. Аудио

`audio`

Если вам нужна обёртка для ваших аудиофайлов и навигация по ним - используйте вид интерактивности `audio`.

## 5. Видео

- youtube
- локальные файлы

## 6. Справочник

Разделенная на мелкие порции информация, на которую удобно ссылаться и встраивать ссылками из других материалов.

## 7. Тесты

- один правильный вариант
- несколько правильных вариантов

выберите правильный ответ
- [ ] вариант 1
- [x] вариант 2
- [ ] вариант 3
- [x] вариант 4

Продолжение:
[**:arrow_right: Виды интерактивности. Настройка :gear:**](/YTmhzZTjT7WHMcIu1lNaLw)
[**:arrow_right: Виды интерактивности. Пользовательский ввод**](/brJTHPbAT0C1-mKGl4gAjg)