Страницы

четверг, 21 апреля 2011 г.

Пара полезных програмулин парт два








Привет всем!
Сегодня я хочу поделиться опытом решения очень конкретной задачи - создание мультимедийного обучающего курса. 

Изначально была поставлена задача создать обучающий курс для www.rizhenko.com, который будет максимально прост в вопросах требований и при этом содержит в себе видео и гиперссылки. Кроме того нужно было сделать документ. который одинаково хорошо смотрелся бы как на экране, так и в печатном виде.

Подача
Исходный материал который я получил это - 5 файликов в формате *doc (со встроенными картинками)  и 11 видеороликов в формате *mov (общим весом около 16 гигов).
В ворде все было сверстано не очень аккуратно (много лишних пробелов, не понятных знаков, переносы сделанные вручную и так далее), существенно задачу усложняло то, что вся сопутствующая графика, хотя её было и не много, была буквально через буфер обмена вставлена в документ, а значит качество её было плохое.
Что касается формата *mov, то тут все ещё веселей. Этот формат без специальных кодеков не читается, да и 16 гиг хоть и качественного видео, но все ж много. К примеру на болванку DVD (4,7 GB) не влезет ну никак.

Выбор форматов
Я решил, что раз уж нужна универсальность, интерактивность и печатаемость, наиболее подходящим форматом для всего будет *pdf . Он "легкий" в вопросе ресурсов, занимает мало места, програмки для чтения его есть на всех современных компах, а даже если нету, то можно скачать в сети бесплатно Adobe Acrobat Reader X. Кроме того *pdf может содержать гиперссылки внутри документа и встроенные медиафайлы (флеш, видео и аудио). Несомненным его преимуществом будет также то, что он кросплатформенный, читается как на PC, так и на Mac`ах, да ещё и многие современные девайсы (планшеты, электронные книги и даже телефоны) тоже оснащены специальными "ридерами".
Что касается видео, то тут все проще. При помощи Adobe Premiere Pro перегнал все ролики в *flv высокого качества, получив всего 2 гига из 16. При этом качество, в принципе, особо не пострадало. В конце концов, не в кино же крутить эти ролики на большом экране. :)

Подготовка материалов
Весь курс состоял из 150 страничек текста. Ровно одна рабочая неделя ушла на то, чтоб корректно все вычитать и "перебрать" в Word. Поубирал лишние пробелы, выровнял размеры шрифтов, применил четкие стили жля заголовков, вставок, основного текста и так далее. Проще говоря, вылизал. :)  С картинками все куда проще - отрисовал все наново в нужном качестве.

Программа

Для того, чтоб быстро и качественно собрать подобный pdf-курс выбрал InDesign. В принципе никакого другого инструмента для решения подобной задачи я не знаю.


Ньюансы

В процессе верстки я понял, что не очень удобно будет передавать *pdf весом в 2 Гига и потому видео не вставлял, а хранил в соседней директории, а в самом документе, в нужных местах, просто вставлял кнопочку, которая открывает видео.
Кто работал с Индизом знает, что он сохраняет четкие пути к файлам и к примеру если один из видеороликов переложить, он его просто не сможет сам найти. Следовательно нужно, чтоб путь к файлу на всех компах был одинаковый.
Кроме того *flv "не родной формат" для многих операционок, следовательно нужно ставить кодеки. И самым большим обломом оказались pdf-ридеры. Каждый из них коверкал графику или верстку, которую я применял.

Решение первое

Чтоб решить проблему с видео - скачал кодеки и на диск с курсом записал. С ридером веселее, так как собирал я его с помощью Adobe, то логично было бы и читать с помошью Adobe. Потому скачал инсталл Acrobat Reader и положил в папку с курсом. Чтоб облегчить перадачу всего этого - записал все файлы в архив. Человек вставлял диск и извлекал его в указанное место, плучая там 2 папки (одна с видео, вторая с програмками) и сам pdf.
Запустили первые версии.

Первые бока

К моему большому сожалению очень мало кто умеет просто разархивировать файлики в нужную папочку... А когда человек вместо одного файла видел файл и две папки с файлами возникал вопрос: Что открывать?
Чтоб упростить себе жизнь я написал системные требования, типа: Процессор такой-то, памяти столько-то, необходимый софт - такой-то. Не вышло. Все пошло коту под хвост и буквально каждый курс приходилось устанавливать самому. Значит решение не эффективное.

Решение второе

Я нашел програмку Smart Install Maker и с её помощью "спаковал" курс. Он устанавливается всегда в системную папку, а благодаря настройкам программы, ни в какую другую папку его поставить нельзя. Этим я решил проблему с путями к видео. 
Чтоб у человека всегда был нужный софт, в разделе "Действия" я поставил установку Adobe Acrobat и кодеков перед распаковкой курса (и на всякий случай включил в курс директорию с инсталами программ). Так была решена проблема совместимости и отсутствия необходимого софта. А на случай, если кто-то что-то не то ткнет, написал инструкцию по установке, которую внедрил в сам процесс установки. Т.е. каждому человеку буквально сказал что и как нажимать. Кроме того, как техподдержка в любом случае могу сказать человеку откуда установить нужный софт. Бывают просто пользователи без интернета.
Чтоб ответить на вопрос "что открывать", вывел ярлык *pdf `a на рабочий стол и заменил ему значек (с помощью опять таки Smart Install Maker).
В конечном итоге я избавился от кучи возни и вопросов, а человек получает всего один файлик, который все делает сам. Остается только изучать курс.

Выводы:

  • Для дизайнера важно знать не только что такое верстка... Банальные утилитки существенно упростят Вашу жизнь, увеличат доход заказчика и принесут счастье конечному пользователю.
  • Всегда стремитесь к максимальному упрощению всего, в пределах разумного конечно.
  • Пользуйтесь утилитой Smart Install Maker. Триал версии хватает на 30 дней и единственный её недостаток в том, что перед установкой созданого Вами продукта, вылезет окно с текстом типа: Создано на демо версии программы.
Успехов в создании интерактивных курсов и хорошего настроения!



3 комментария:

  1. Да здравствует Smart Install Maker, действительно интересная штука, открыл её после твоего поста.
    И кодировал видео в flv ты наверно всё таки с помощью adobe media encoder, на который направил тебя premiere.

    ОтветитьУдалить