Размещено на http://www.allbest.ru/

Департамент образования города Москвы

Государственное бюджетное профессиональное образовательное учреждение

«КОЛЛЕЖД АВТОМАТИЗАЦИИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ № 20»

ДИПЛОМНАЯ РАБОТА

Разработка образовательного интернет-портала и создание мультимедийных учебных курсов для ИП Мирошниченко Г.И.

по специальности (09.02.05) «Прикладная информатика (по отраслям)»

Студента гр. П-42Д

Тафратов Виктор Дмитриевич

Руководитель

Мирошниченко Георгий Игоревич

Москва 2017



Содержание

Введение

1.Теоретические основы создания мультимедийного учебного курса

1.1 Запись экрана и звука

1.2 Видео монтаж сырого материала

1.3 Анализ и выбор Платформы для создания портала. (Wix, joomla, wordpress)

1.4 Описание структуры сайта

2. Практическая часть

2.1 Создание портала, содержащего мультимедийный контент

2.2 Создание обучающего видео урока

2.2.1 Работа над содержанием видео урока

2.2.2 Выбор программного обеспечения для создания видео урока

2.2.3 Видеомонтаж Отснятого урока

2.2.4 Размещение в сети Интернет и на портале

2.2.5 Размещение на портале Wix

3. Экономическая часть

Заключение

Список литературы



Введение

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

Записать видеоурок можно 2 основными способами.

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

С помощью компьютера и специального программного обеспечения для записи рабочего стола, и звука (через микрофон компьютера).

На занятиях по мультимедийным технологиям, я понял, что мне интересно работать в программе Adobe After Effects и я подумал о том, что можно создать мультимедийный обучающий курс по Adobe After Effects с применением интернет технологий, так как это будет неплохим подспорьем для будущих студентов и поможет им лучше понять, как работает After Effects.

Adobe After Effects -- программа для редактирования видео и динамических изображений, а также применения цифровых видеоэффектов и др. Чаще всего используется при создании рекламных роликов, музыкальных клипов, титров для телевизионных и художественных клипов, при производстве анимации (для web и телевидения) и т.п.

Режиссеры и редакторы видео все чаще используют программу Adobe After Effects в своей работе. Можно сказать, что данная программа стала промышленным стандартом для создания видеоэффектов и графики движения. After Effects - это лучшая программа для создания видео с эффектами.

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

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

Наш сайт доступен для любого пользователя мы можем опубликовать ваш видео урок на http://viktor-tafratov.wixsite.com/viktormedia.



1. Теоретические основы создания мультимедийного учебного курса

мультимедийный учебный монтаж экран

Теоретические основы разработки электронных образовательных ресурсов

Электронный дидактический материал, как правило, представляет собою самостоятельное мультимедийное средство обучения, поэтому структура электронного учебника должна быть представлена на качественно новом уровне.

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

Одним из основных элементов электронного учебника являются фрагменты "живых" лекций лучших преподавателей. При этом изложение учебного материала построено так, что есть возможность увидеть структуру лекции и обучаемый имеет возможность повторить любой фрагмент лекции.

В целом Электронный дидактический материал значительно экономит время студента, затрачиваемое на рутинные операции по поиску учебного материала, а также при повторении неизвестных или забытых понятий. Все это возможно благодаря наличию "дерева знаний": гипертекстовых ссылок и словарей.

Использование иллюстраций эффективно вместе с помощью, обеспечивающей появление надписи рядом с интересующим элементом. Обязательным элементом является дополнительная видеоинформация или анимированные клипы, сопровождающие разделы курса, трудные для понимания в текстовом изложении. Видеоклипы позволяют изменять масштаб времени и демонстрировать явления в ускоренном или замедленном темпе.

Электронный дидактический материал обеспечивает возможность копирования выбранной информации, её редактирования и распечатки без выхода из самого учебника.

Необходимым элементом в электронном учебнике является аудиоинформация, например, распознавание птиц по их пению, изучение сердечных шумов.

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

Несомненно, электронная учебная литература имеет свои преимущества, однако существуют и недостатки. Это выражено в отсутствии учета психолого-педагогических требований, междисциплинарных связей и недостаточной преемственности материала. Отсутствует единый подход к подбору иллюстрированного материала, адресность, которая выражается в учете индивидуальных особенностей обучающегося, состоянии здоровья и профессиональной направленности в обучении. Существенными недостатками являются фрагментарность программ, которая заключается в неполном охвате материала или полное дублирование учебников, несоблюдение санитарно- гигиенических норм в подаче материала, слабое использование графических возможностей компьютера.

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

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

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

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

Для создания мультимедиа курсов используются инструментальные средства специализированного (авторские среды) или универсального (системы программирования) характера. Первые рассчитаны на «программирование без программирования», т.е. программа создается путем конструирования и размещения определенных модулей из которых состоит мультимедиа курс, без написания создателем курса сложного машинного кода (именуемого языком программирования). Для работы со вторыми необходимо знание языка программирования.

Появление современных систем визуального проектирования, таких как Visual Basic или Delphi, в значительной степени снимает различия между этими средствами, поскольку они позволяют разрабатывать интерфейс в интерактивном режиме. В то же время они не ограничивают свободу готовыми решениями.

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

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

Современные технологии обучения, базирующиеся на повсеместном использовании вычислительной техники, потенциально обладают колоссальными возможностями. Однако полноценное применение компьютеризированных технологий требует серьезной проработки проблемы взаимодействия человека и технических средств.

Объем информации, предлагаемый обучающимся за определенный промежуток времени, сильно варьируется в зависимости от их индивидуальных особенностей. Существует целый ряд формальных приемов, позволяющих выяснить имеющийся уровень знаний, однако опытные преподаватели «интуитивно» чувствуют настроение аудитории, ее контактность, готовность к восприятию материала и соответственно корректируют ход занятия. В этом одна из проблем автоматизированных обучающих систем - нет обратной связи, компьютер не может чувствовать эмоциональное состояние человека. Ситуация обостряется еще и тем, что восприятие новой информации имеет несколько фаз. Доза информации, перерабатываемая организмом за фиксированный промежуток времени, образует информационную нагрузку. Положительное или отрицательное воздействие на организм данной ему нагрузки зависит от соотношения ориентировочных и оборонительных реакций. Информационная нагрузка считается положительной, если, вызывая ориентировочные реакции, она в минимальной степени затрагивает оборонительный рефлекс. Очевидно, что достичь высокой эффективности процесса обучения можно только в том случае, когда не возникает информационной перегрузки.

Основная проблема на пути оптимизации обучения с точки зрения сохранности и развития адаптационных резервов - оценка и коррекция состояния человека в процессе получения новых знаний. Отсюда следует четвертый принцип, который следует учитывать при разработке электронного курса - принцип адаптивности к личностным особенностям обучаемого.

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

- принцип полноты: каждый модуль должен иметь следующие компоненты:

-теоретическое ядро,

-контрольные вопросы по теории,

-примеры,

-задачи и упражнения для самостоятельного решения,

-контрольные вопросы по всему модулю с ответами,

-контрольная работа,

-контекстная справка.

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

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

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

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

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

Несмотря на определяющую роль самостоятельной работы в обучении с применением компьютерных технологий, основными субъектами учебного процесса являются студент и преподаватель. Соучастие студента в познавательной деятельности наравне с преподавателем есть одно из условий качества как в традиционной, так и в дополнительной системе образования.

1.1 Запись экрана и звука

Чтобы записать экран, запустите Камтазию и нажмите на вкладку «Record the screen».



Рис 1. запись экрана и звука

Появится рабочая панель, где первым делом мы указываем область экрана, которую хотим записать. Если выберем «Full screen», то выделим экран полностью. Вкладка «Custom» позволяет выбрать разные размеры экрана, а также настроить их самостоятельно. Я чаще всего захватываю весь экран, за исключением панели инструментов, для этого мышкой регулирую края выделенной области.

Рис 2. панель настроек Camtasia Studio.

Также на этой панели мы можем включить вебкамеру - тогда на записи экрана внизу будет отображаться маленькое окошко - где будете видны вы с вебкамеры. И здесь же убедитесь, что включен звук («Audio on») и ползунок стоит на максимуме.

Нажатием красной кнопки «Rec» мы включаем запись экрана.

Во время записи на помощь приходят клавиши:

F9 - пауза, ее повторное нажатие - возобновление записи;

и F10 - остановка записи.

После остановки записи появляется проигрыватель - где мы можем просмотреть, что у нас получилось. Если не нравится, то жмем по иконке «Delete» - удаляем запись. И записываем по новой.

Рис. 3 главный экран Camtasia Studio.

Если запись нас устраивает, нажимаем на иконку «Save and Edit» - тем самым переходим в программу Camtasia Studio для ее дальнейшего редактирования.

Здесь, первым делом, нам нужно указать размеры видео. В выпадающем списке я выбираю 1280х720 YouTube&HD и жму «Ок».

Рис. 4 указываем размеры видео

А теперь пройдемся по основным настройкам, которые могут быть нам полезными.

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

Чтобы использовать ее, жмем по иконке «Audio», ставим галочку напротив «Включить выравнивание громкости» и выбираем «Высокое изменение громкости».

Рис.5. настройка аудио.

Если вы хотите вырезать из видео лишний фрагмент, то с помощью предварительного просмотра найдите его в записи. На шкале времени, двигая ползунки, выделите этот фрагмент и нажмите на ножнички. Или правой кнопкой мыши - «вырезать».

Рис.6. увеличение масштаба записи.

Для удобства можно увеличить масштаб записи на шкале времени, передвинув ползунок рядом с лупой:

Рис. 7

В Camtasia Studio есть разные дополнительные функции - добавление выносок, текста, различных указателей в видео, размывка текста и т.д.

Рис. 8. выноски.

Они доступны во вкладке «Сервис» - «Выноски».

Рис. 9

Чтобы добавить ту или иную выноску, нажмите по ней мышкой. Она отобразится в окне предпросмотра и добавится на шкалу времени. А дальше вы уже ее настраивайте.

В окне предпросмотра мышкой регулируете размеры и положение на экране.

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

Если хотите убрать выноску, кликните по ней правой кнопкой мыши и нажмите «вырезать». Или воспользуйтесь одноименной кнопкой сверху.

Теперь покажу, как сохранить запись в hd-качестве.

Итак, поработав над записью, нам остается ее сохранить в формате mp4, в хорошем качестве для загрузки на Ютуб (или другой видеохостинг), а также для просмотра на компьютере.

Для этого кликаем по вкладке «Produce and share».

Рис. 10. Сохранение записи

В выпадающем списке выбираем формат HD и жмем «Далее».



Рис.11. название видео и место его сохранения.

На следующем этапе называем наше видео, указываем место, куда хотим его сохранить, и жмем «Готово».

Рис.12

Начнется процесс обработки. Длительность зависит от продолжительности видео и производительности вашего компьютера. На моем ноутбуке 15-минутный ролик обрабатывается примерно 20-25 минут.

Рис.13 процесс обработки видео.

Когда обработка закончится, в Camtasia Studio увидим такое сообщение:

Рис. 14

1.2 Видео монтаж сырого материала

Рис.15 настройка проекта.

После запуска Premiere появляется окошко выбора проекта. Вверху отображаются уже созданные ранее проекты. Кликаем ниже по иконке «New project» и создаем новый проект. рис.15. Это окно настроек проекта. На первой вкладке «General» в самом низу вводим название проекта и указываем путь, где будет расположен файл проекта.

Рис. 16. Название проекта и сохранение.

На второй закладке можно указать куда будут сохраняться различные типы файлов, с которыми мы будем работать. Captured -- если вы записываете видео/аудио через Premiere. Previews -- временные файлы для предпросмотра видео/аудио. Жмем «Ок». рис.16. настройка аудио и видео файла.

Открывается окно аудио/видео настроек проекта. На первой вкладке вы видите различные преднастроенные видеорежимы. Можете здесь выбрать тот который вам нужен, или как я создать новый. Т.к. там нет видеопрофиля для GoPro, то я сам создам его. Кликаем на вторую закладку. Video -- указываем разрешение видео файла, все остальные настройки выставляйте так, как на скриншоте ниже.

Рис. 17 настройка шкалы времени.

Теперь настроим временную шкалу. Кликаем по третьей вкладке «Tracks». Я выставляю 3 видео дорожки и 3 аудио стерео дорожки. В самом низу окна мы видим название текущего интерфейса в проекте (можно назвать его первым видеорядом в проекте). Жмем Ок.

Рис.18.основной интерфейс.

Перед нами открывается основной интерфейс. У вас он может иметь незначительные отличия. Главные элементы:

1-Список аудио/видео файлов для работы

2-Предпросмотр выбранного видео файла

3-Предпросмотр видео со шкалы времени

4-Шкала времени (Timeline)

Рис..19.работа с медиа файлами.

Приступаем к работе. Сначала необходимо перенести в программу видео и аудио файлы. Самый простой вариант -- это выделить все файлы и просто перетащить их в панель импорта (как на картинке).

рис.20 добавление медиа файлов.

Есть два варианта перенести видео файл на шкалу времени. Можно перенести файл взявшись за иконку (перед названием) и перетащив видео на шкалу времени внизу (если кликните не на иконку а на имя файла, программа позволит его переименовать). Либо если кликнуть дважды по иконке файла -- файл откроется на панели редпросмотра. На панели предпросмотра под видео есть еще две иконки: видео и звук. Если перетащить иконку видео на шкалу времени, то видео файл перенесется без звука!

рис.21. настройка временной последовательности.

Если на шкале времени попробовать передвигать видео, то увидите, что звук, записанный на видео в виде еще одной дорожке везде следует за видео дорожкой. Чтобы отсоединить звуковую дорожку, необходимо кликнуть правой клавишей на видео файле и выбрать «Unlink». Теперь звуковую дорожку можно свободно перемещать.

рис.22. перемешение аудио дорожки.

Чтобы связать звуковую дрожку с видео, необходимо выделить их, кликаем на них правой клавишей, затем «Link». рис.22. растягивание аудио дорожки.

На шкале времени видео и аудио дорожки можно сокращать и растягивать. Если необходимо вырезать, то вам поможет панель инструментов в правой части экрана. Выбираем там лезвие (razor tool).

рис. 23.увиличение масштаба аудио.

Теперь кликаем по видео в нужном месте. Если необходимо увеличить/уменьшить масштаб на шкале времени, слева внизу экрана есть ползунок. Видео и привязанный к этому видео звук режутся. Для того, чтобы снова можно было перетаскивать дорожки, кликните справа на значке курсора.

рис.24. аудио эффекты.

Теперь давайте обратимся к эффектам. Панель эффектов находится справа от шкалы времени. Если у вас там ничего нет или вы случайно закрыли панель эффектов, нажмите сверху Window-Workspace-Reset current workspace. Эта функция возвратит все окна по умолчанию.

рис.25 видео-эффекты.

В панели эффектов есть как видео, так и аудио эффекты. Если знаете название нужного вам эффекта, достаточно начать набирать его в верхней строчке поиска и он отобразится у вас в списке. Чтобы применить эффект, просто перетащите его на виде/аудио фрагмент. Если это видео/аудио переход, то перетаскивать его нужно на стык или край фрагмента.

рис.26. Увеличение длительности эффекта.

Можно увеличить длительность эффекта, растягивая его за края.

Рис 27 Сохранение видео.

Теперь пришло время сохранить наш проект. На этом этапе есть два пути: перенести текущий проект в After Effects и продолжить там накладывать эффекты. В этом случае вам необходимо нажать File-Adobe Dynamic link (подробнее о совместной работе с AE напишу в следующей статье).

Рис. 28. Наложение эффектов.

Если же вам не нужно накладывать эффекты, то нажимайте слева вверху File-Export-Media.

рис. 29. Настройка рендера.

Перед вами окно выбора настроек рендеринга. Вверху слева есть две закладочки: Source -- параметры текущего видео (и проекта) Output -- параметры видео, которое получится после рендеринга. Справа есть параметр Match Sequence settings -- это означает, что видео будет с такими же настройками, как и настройки вашего проекта. Еще есть кнопочка Preset -- в ней можно выбрать преднастроенные параметры. Например, видео для Youtube, или HDTV 1080.

рис.30

Просмотр

Настроек

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

Рис.31. рендеринг видео.

Если все устраивает, то запускайте рендеринг, нажав кнопку Export.

1.3 Анализ и выбор Платформы для создания портала. (Wix, joomla, wordpress.)

Конструктор сайтов Wix

Это платформа для создания красивых сайтов, услугами которой пользуются более 96 миллионов пользователей по всему миру. Функционал Wix позволяет сделать свой сайт настолько уникальным, насколько это возможно, и при этом не требуется быть профи веб-мастеринга. А благодаря самой большой коллекции шаблонов (к тому же адаптированных под мобильные версии) этот конструктор подойдет для создания любого типа сайтов.

Удобство использования

Wix удобно использовать, стал одним из самых известных конструкторов. На рост популярности повлияло несколько факторов:

Универсальность - на Wix можно создать визитку, блог, интернет-магазин и т.д.

Простой визуальный редактор. Лучшее описание для него - «интуитивно понятный». Это значит, что для освоения редактора не требуется подготовка. Все элементы легко добавляются, редактируются и удаляются с помощью мышки.

Оптимизация под мобильные устройства. Шаблоны одинаково хорошо смотрятся на разных платформах.

Wix чуть посложнее, чем uKit, но и возможностей он предлагает больше. Настройка сайта также требует больше времени.

Дизайн

Шаблоны - Wix. Это 500 макетов для разных типов сайтов, выполненных профессионалами, вставки видео на фон страницы, 3D-эффекты, собственный. фотобанк и редактор изображений. Придраться к внешнему исполнению может только тот, кто искренне ненавидит Wix и принципиально не желает признавать, что этот конструктор действительно позволяет создать великолепный сайт, как написано на его главной странице.

Дизайн можно изменить до неузнаваемости, добавляя виджеты, горизонтальные полосы с любым содержанием, вставляя код HTML и закрепляя полезные элементы на странице. Обратной стороной творческой свободы становится опасность испортить изначально привлекательный макет. Но даже при отсутствии минимальных навыков в веб-дизайне, пары дней тренировок хватит, чтобы сделать красивый сайт.

Если нужно создать сайт-визитку или блог, то достаточно будет возможностей, предоставляемых на тарифном плане Combo. Для корпоративного сайта или информационного портала с высокой посещаемостью необходимо выбирать уже тариф Unlimited. Если же требуется создать интернет-магазин, то остается только один вариант - план eCommerce.

В принципе, на Wix можно создать сайт бесплатно, и даже разместить его в сети. Но тогда придется терпеть ряд ограничений:

Домен третьего уровня с указанием конструктора, на котором сделан сайт.

Реклама сервиса на страницах.

Невысокая производительность и небольшой объем доступного места на диске.

Даже без оплаты премиум-тарифа сайт на Wix будет доступен для управления.

Joomla - система управления сайтом

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

Joomla - это:

Популярность. 30 000 000 владельцев сайтов в мире выбирают Joomla.

Невероятная доступность. Скачать систему можно абсолютно бесплатно: англоязычная версия есть на сайте joomla.org, русскоязычная - на joomla.ru.

Простота использования. Чтобы легко и удобно размещать информацию на сайте, загружать и обновлять фотографии, добавлять музыкальные или видеофайлы, использовать базы данных и многое другое, вам не потребуются ни специальные знания, ни какой-либо опыт. Система интуитивно понятна. И для полноценного управления контентом сайта на Joomla! абсолютно не нужно быть ни программистом, ни верстальщиком.

шаблоны и расширения для Joomla

Для того чтобы вы могли сделать функционал сайта отвечающим требованиям вашего проекта, используйте любые из более 9400 расширений для Joomla! от популярных разработчиков со всего мира. На сайте Joomall.org собраны расширения и шаблоны с руссими описаниями. А главное, туда можно добавить свои собственные!

Где разместить сайт на Joomla!

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

Можно сделать сайт на Joomla и самостоятельно. Тогда вам нужно будет заплатить только за домен и размещение сайта на хостинге. А остальное - абсолютно бесплатно.

Движок WordPress.

Один из самых известных бесплатных движков для разработки сайта - это,

WordPress - одна из самых популярных в мире информационных систем для обеспечения и организации процесса создания, редактирования и управления содержимым (CMS). Она предоставляет все необходимые функции для создания блога, новостного сайта (и, разумеется, для сателлитов). Эта современная платформа сориентирована на удобство использования, сетевые стандарты и, естественно, эстетическую привлекательность. WordPress блог бесплатен и свободен к распространению. Язык написания - РНР, в качестве базы данных используется My SQL, распространяется под универсальной общедоступной лицензией GNU.

Возможности WordPress.

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

Установка и настройка не представляют никакой сложности (см. раздел выше).

Поддерживает функции создания автоматически обрабатываемых списков обновлений RSS, Atom, trackback, pingback.

Уникальная простота системы взаимодействия с кодом подключаемых модулей (плагинов).

Реализация «тем», как наборов файлов - шаблонов (на РНР), весьма заметно увеличивает скорость и гибкость.

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

Неисчерпаемые объемы библиотек «тем» и «плагинов»

Доступна реализация сложных решений за счет заложенного потенциала архитектуры.

Предлагается использование человеко-понятных URL.

Присутствует система русского перевода.

1.4 Описание структуры сайта

Рис. 32 Главная страница

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

Рис. 33. Уроки.

Здесь размешаются уроки по Программам, Adobe Premiere Pro, After Effects, и Adobe Audition.

Рис.34. Наша команда.

Эта страница нужна для того, чтобы рассказать о себе или про свою команду. Здесь можно указать образование, квалификацию, показать фотографии, сообщить, что вы считаете важным в своей работе и на чем делаете акцент. Если хотите, можете добавить виджет с новостями из соцсетей. Если в двух словах, то это идеальный раздел для того, чтобы поговорить о себе.

Рис.35 Форум.

Ответы на часто задаваемые вопросы, или FAQ: зачем отвечать на каждый вопрос лично, если можно ответить всем сразу? Подумайте, какие вопросы люди задают чаще всего, и сделайте раздел с ответами -- его можно назвать FAQ. Благодаря ему вы убьете сразу двух зайцев: сэкономите свое время и поможете новичкам разобраться в том, как у вас все устроено.

Рис. 36 Контакты.

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



2. Практическая часть

2.1 Создание портала, содержащего мультимедийный контент

Рис 2.1.

Регистрация

Для того чтобы начать, достаточно пройти регистрацию в несколько шагов: ввести e-mail, придумать пароль. После чего перейдите на почту и подтвердите регистрацию, сделав перход по ссылке в письме.

После регистрации можно начинать работать над сайтом. Конструктор предлагает десятки всевозможных шаблонов. Найти подходящий можно, используя категории. Просто выберите понравившийся шаблон и продолжите работу.

Редактор

После того как шаблон выбран, нажмите на кнопку «Редактор». Все управляющие элементы расположены слева и в верхней части страницы.

В первую очередь, необходимо определиться со структурой вашего ресурса. Добавьте категории и суб-страницы, дайте им название. Сделать это можно, нажав на кнопку «Страницы».

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

Конструктор Wix сделал эту задачу простой. Выбираете нужную и нажмите на кнопку, указанную на скриншоте, далее перейдите на вкладку «Seo-страницы». Здесь можно ввести всю важную информацию для успешного продвижения сайта в поисковых системах. Доступны следующие параметры:

-Заголовок страницы, который будет отображаться в поиске;

-О чем страница;

-Ключевые фразы/слова.

Меняем дизайн

Рис.2.2. редактор

После подготовительных работ пора переходить к настройке дизайна. Здесь можно подобрать шрифты, цвета, увеличить или уменьшить блоки, загрузить свои картинки или использовать изображения, предложенные конструктором. Все настройки доступны в верхней левой части экрана, а также во вкладке «Инструмент», после нажатия на которую в правой части появится окно для внесения настроек.

Настройка внешнего вида сайта займет не более 10-15 минут, ведь основная работа уже выполнена дизайнерами, работавшими над выбранным вами шаблоном.

Работа с приложениями

Неоспоримым достоинством конструктора является возможность работы сайта в компании с другими приложениями. Благодаря этому можно сразу после публикации делиться ими через социальные сети и форумы. Сделать это просто:

Нажмакм на вкладку «Добавить», выбераем нужную категорию, на примере - это «Соцсети», понравившийся значок перетащите курсором и разместите в любом месте сайта.

Рис.2.3. Наполнение сайта

На этом основная настройка сайта завершена, осталось наполнить его полезным иконтентом. Wix позволяет сделать наполнение разнообразным и интересным. Так, можно добавить не только текст, но и изображения, видео, аудио. Редактировать тексты довольно просто. Выбирайте шрифты, выделяйте заголовки, устанавливайте нужный цвет, включайте в текст ссылки и прочее.

Начнем с заголовка сайта:

-Наведите курсор на нужный блок, в данном случае - это заголовок ресурса;

-Кликните на кнопку «Редактировать»;

-Введите текст.

Нажав на кнопки «Изменить фон» и «Настроить дизайн», вы сможете подобрать оптимальный размер букв, изменить их цвет, шрифт и прочее.

Добавить текст также легко, как и настроить заголовок. Наведите курсор на ту область, где хотите разместить статью и нажмите кнопку «Добавить пост», там же располагаются значки настроек, изменения фона, редактирования.

жмем на кнопку «Добавить пост», откроется окно, где система предложит ввести заголовок и напечатать текст, который также можно скопировать, например, из файла word.

После введения текста, нажмаем кнопки «Сохранить» и «Опубликовать», расположенные справа. В итоге должно получиться нечто подобное:

Добавление изображений в текст

Нажмите на кнопку «Редактировать посты», выберите нужную запись и нажмите «Редактировать». На верхней панели система предложит добавить фото, видео, галерею и прочее, в примере добавим фото.

Предварительно подготовленное изображение (загруженное на компьютер) перетащите в окно конструктора, согласно подсказкам системы. После чего нажмите «Готово», «Применить», «Обновить текст».

Теперь добавленный пост выглядит так:

Таким образом можно добавлять любой другой контент.

Мобильная версия

Рис.2.4. мобильная версия сайта.

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

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

Нажмите кнопку «Сайт» в верхней части экрана и выберите функцию «Мобильная версия сайта». После опубликуйте сайт нажав на кнопку, расположенной в верхнем правом углу.

Создание сайта завершено.

2.2 Создание обучающего видео урока

2.2.1 Работа над содержанием видео урока

Для видеомонтажа. я использовал комбинацию из Adobe After Effects и Adobe Premiere, в результате чего получалась отличная картинка. Программа для аудио монтажа. Я использовал продукт Adobe под названием Audition. Если вы решили серьезно заняться видеоуроками и другими роликами, то качественный микрофон - необходимая вещь. Но, если вы хотите записать пробник, Далее следует представить структуру видеоурока. В моем случае он состоял из таких элементов: Приветствие; Общая информация о программе; Визуализация результата и пошаговое объяснение, как все работает; Приветствие Особо важной роли приветствие не играет. Достаточно просто поздороваться, представиться и в двух словах рассказать, о чем будет видеоурок. В первые секунды видео зритель невольно обращает все внимание на качество голоса, речи и картинки. Короткая и лаконичная заставка также будет очень кстати. Общая информация На этом моменте видео я объяснял в общих чертах суть сортировки. Расскажите поподробнее, в чем суть видео. Заверьте зрителя в том, что он не потратит время зря и все поймет. Но, сделайте это четко и лаконично. Визуализация с пошаговым объяснением Визуализация не должна быть скучной. Данная часть является основной и именно она является накопителем всех ошибок начинающих видеомонтажёров. Сделайте все четко и снимайте с наиболее выгодного ракурса. Объясняйте каждый шаг, но не повторяйтесь. Любое повторение, заминка или ошибка - запоротый дубль. И не стоит лениться записывать все по 5-6 раз. Результат того стоит. Код и объяснение каждой строчки Данный пункт актуален для авторов подобных мне по направлению и может игнорироваться или посвящаться теоретической части видеоурока. Тут также стоит избегать заминок. После того как вы определились с набросками вашего видеоурока переходите к сценарию Написание сценария - одна из самых скучных и унылых стадий создания хорошего видео. Он необходим для избежания заминок, отклонений видео от центральной идеи, резко появившейся нездоровой инициативы, плохих объяснений, повторений, ошибок разного рода и конечно всеми нами любимых бээ…, мээ…., нуу…., ыы….. В общем, он нужен. Пропишите в нем каждое слово и доведите объяснения до идеала. Пропишите и все ваши действия. Таким образом, вы получите профессиональный ролик. В сценарии не бойтесь легко пошутить и добавьте забавности в вашу речь или действия. Запись на данном этапе удовольствия будет побольше. Сценарий уже распечатан вы стоите перед камерой и не спеша методично выполняете действия, которым вы хотите научить зрителя. При этом читаете со сценария или рассказываете по памяти объяснения к вашим действиям. Опять же, не ленитесь повторить все сначала в случае ошибки или заминки.

При создании видеоуроков Все заминки и ошибки при записи видеоурока я вырезал при монтаже. Монтаж вы склеиваете видео в кучу, убираете лишнее, экспериментируете с громкостью речи. Далее идет финальный рендер, и можно заливать ролик на любой сервис.. По своему опыту могу сказать, что для качественного видеоурока требуются: Хорошая и уникальная идея; Время; Материальная база; Желание; Терпение; Немного чувства вкуса; Немного умения в области видео и аудио монтажа. Совместив все это, вы гарантировано получите качественный видеоурок.

2.2.2 Выбор программного обеспечения для создания видео урока

Программа Camtasia Studio

С программой Camtasia Studio вы сможете создавать самые разные видеофайлы -- презентации и наглядные пособия, видеоуроки и демонстрационные слайды для лекций. Camtasia Studio имеет огромное количество настроек для оформления ваших материалов и профессиональной работы с ними. Здесь и расширенный функционал для записи, редактирования и опубликования видеороликов, который позволяет не только захватывать ту часть экрана, которая вам нужна, но и работать с проектом до полной его готовности.

Здесь вы можете так оформить видеоурок, чтобы его дизайн был максимально приближен к дизайну вашего блога/сайта. Также можно этот видеоролик записать на диск и распространять его и в сети, и офф-лайн. основной функционал Camtasia Studio:

Можно захватывать как целый экран, так и отдельное окно или область, можно сопровождать видео любым звуковым треком - собственными речевыми комментариями, музыкальным треком, отрывками мелодий или песен, компьютерными звуками. Также можно вставлять фрагменты других видеоматериалов.

Есть возможность захватывать видео из 3D-приложений, фильмов или Flash-роликов, а также плавно увеличивать кадровую частоту.

В программе есть плагин PowerPoint. Он снабжен панелью инструментов, при помощи которой можно записывать презентации через программный интерфейс Camtasia Studio.

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

Есть очень много инструментов, позволяющих редактировать ролик: можно добавлять графические элементы и элементы управления, можно подсвечивать курсор, встраивать видео и звуковые комментарии, плавно переключать окна в видеоуроке, размещать текст сверху картинки, и многое другое.

Домашние заготовки можно хранить в специальной библиотеке и встраивать их в процессе работы с новым видеоматериалом.

Сохранять заготовки можно при помощи «горячих клавиш» Ctl+C и Ctl+V.

Загрузка роликов в YouTube через интерфейс Camtasia Studio в высоком качестве.

Всевозможные маркеры и пометки на полях ролика и на изображении, новые всплывающие окна, кнопки, анимация на видеоуроке.

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

2.2.3 Видеомонтаж Отснятого урока

Монтаж отснятого урока начинается с добавления материала и настройки проекта в программе Adobe Premiere Pro.

Рис.2.5 настройка проекта.

После настройки рабочей области, идёт просмотр материала на выявление ошибок при записи урока.

Рис.2.6 добавление материала

Если есть ошибки при записи урока они убираются инструментом (razor tool)-лезвие.

Когда ошибки устранены еще раз просматриваем материал если нужно делаем цветокоррекцию, выравниваем уровень звука, добавляем титры и смотрим всё ли соответствует описанию урока.

Если всё подходит, то подготавливаем материал для финального рендера.

Нажимаем файл- экспорт-медиа выбираем папку куда сохранить видео урок, как правило это папка с видео уроками проверяем настройки экспорта если все в порядке, то нажимаем кнопку-экспорт ждем экспорта видео.

Далее заливаем видео на YouTube а так же заливаем видео на Wix с помощью

Встроенного плеера.

На этом Монтаж отснятого материала окончен.

2.2.4 Размещение в сети Интернет и на портале

Создайте аккаунт на YouTube. Для этого нужно открыть в браузере страницу http://www.youtube.com и щелкнуть по кнопке «Создать аккаунт».2

Заполните регистрационную форму: придумайте и введите имя пользователя, укажите страну, дату рождения, пол и подтвердите свое согласие с Условиями использования YouTube, Условиями предоставления услуг Google и политикой конфиденциальности нажатием на кнопку «Принимаю».3

На открывшейся странице введите пароль Дождитесь письма на указанный при регистрации адрес электронной почты. В письме вы получите ссылку для подтверждения адреса. Перейдите по ссылке. Аккаунт на YouTube создан.5

Нажмите на ссылку «Добавить видео», которая расположена в правой верхней части страницы. На открывшейся странице щелкните по ссылке «Добавить видео». В открывшемся окне проводника выберите на одном из дисков своего компьютера видеофайл для размещения на YouTube. Файл, который предполагается разместить, должен быть не длиннее 15 минут и не превышать 2Гб по размеру. Щелкните по кнопке «Открыть».6

Дождитесь окончания загрузки видео. Укажите название видео, добавьте описание и ключевые слова. Нажмите на кнопку «Сохранить изменения». После окончания постобработки видео будет размещено на YouTube и доступно для просмотра.

Видео, загружаемое на YouTube, подвергается постобработке. Любая постобработка снижает качество видео, поэтому выбирайте для загрузки файлы хорошего качества.

2.2.5 Размещение на портале Wix

Настройки видео позволят вам добавить и настроить определенное видео с Youtube или Vimeo. Сначала скопируйте адрес видео, затем вставьте здесь и нажмите «Обновить». Для Youtube видео у вас будет возможность Показать, Скрыть или Авто-скрыть панель управления. Авто-скрыть означает, что панель управления будет показана только после того, как пользователь нажмет Play. Вы можете выбрать автопроигрывание видео, чтобы оно начало работать, как только сайт загрузится, или выбрать Loop для того, чтобы видео начинало проигрываться сначала, как только оно закончится. У вас также есть возможность показать название видео и выбрать светлую или темную панель управления, чтобы сделать видео плеер более заметным на странице.



3. Экономическая часть

А. Расчет экономической эффективности разработки проекта.

I. Определение трудоемкости работ по обследованию объекта, для которого разрабатывается проект.

Таблица 1.

№	Наименование операции	Трудоемкость, час.
1 2 3 4 5 6 7	Формирование требований пользователей к?ИС Сбор информации о клиентах Анализ деятельности предприятия Анализ организационной структуры управления Выявление особенностей финансовых и материальных потоков Сбор фототеки Ознакомление с проектной документацией объекта	4 4 4 3 8 4 5

Итого суммарная трудоемкость работ по обследованию объекта - 32 час. (ТЕ_о)

II. Определение трудоемкости работ по разработке проекта.

Таблица 2.

№	Наименование операции	Трудоемкость, час.
1 2 3 4 5	Создание макета сайта Вёрстка сайта, html и css Программирование на стороне клиента JS PHP - программирование на стороне сервера Создание БД	8 30 4 10 4

Итого суммарная трудоемкость работ по разработке проекта - 56 час. (ТЕ_п)

III. Смета расходов по разработке проекта.

1. Расходы на используемое оборудование.

Таблица 3.

№	Наименование	Цена, руб.	Срок службы, лет	Амортизация в год, руб.	Стоимость затрат, руб.
1	2	3	4	5	6
1 2 3 4	Компьютер Фотоаппарат Принтер Роутер	20 000 12 000 3 000 3 000	5 5 5 3	4 000 2 400 600 1 000	160 96 24 40

Итого стоимость затрат на используемое оборудование - 320 руб. (С_об)

2. Расходы на используемые программные средства.

Таблица 4.

№	Наименование	Цена, руб.	Срок эксплуатации (до выхода новых версий), лет	Расходы в год, руб.	Стоимость затрат, руб.
1	2	3	4	5	6
1 2 3 4	Windows 10 Photoshop Microsoft Office Sublime Text	9 754 15 456 2 700 3 850	3 5 3 5	3 251 3 091 900 770	130 123 36 31

Итого стоимость затрат на используемые программные средства - 320 руб. (С_по)

3. Расчет расходов на создание проекта.

Таблица 5.

№	Наименование	Расходы в месяц, руб.	Затраты за период разработки, руб
1	2	3	4
1	Трудозатраты по обследованию объекта (с учетом отчислений во внебюджетные фонды в размере 30%)	15 184	15 184
2	Трудозатраты по разработке проекта (с учетом отчислений во внебюджетные фонды в размере 30%)	26 572	26 572
3	Используемое оборудование	320	320
4	Используемые программные средства	320	320
5	Материалы, сырье, комплектующие	-	-
6	Затраты на рекламу	-	-
7	Транспортные расходы	-	.
8	Коммунальные услуги	543	532
9	Электроэнергия	882	864
10	Телефон	300	294
11	Интернет	300	294

Итого расходы на создание проекта - 44 380 руб. (С)

IV. Определение доходов от реализации проекта. Маркетинговое исследование.

1. Цена реализации проекта на рынке.

Таблица 6.

№	Наименование цены	Цена, руб.
1	Минимальная цена на рынке	70 000
2	Максимальная цена на рынке	110 000
3	Цена реализации (Ц)	80 000

V. Оценка экономической эффективности разработки проекта.

1. Выручка = 80 000 руб.

2. Выручка без НДС = 67 796 руб.

3. Расходы = 44 380 руб.

4. Прибыль = 23 416 руб.

5. Налог на прибыль = 3 512 руб.

6. Чистая прибыль = 19 904 руб.

7. Рентабельность реализованной продукции = 44%

Б. Расчет экономической эффективности использования проекта.

1. Сопоставление трудоемкости выполнения операций.

Расчёт экономической эффективности внедрения проекта производится на основании сопоставления трудоёмкости выполнения операций в ручном режиме и с использованием разработанной автоматизированной информационной системы (АИС).

Таблица 7

Наименование показателя	Обозначение	Единица измерения	Исходные данные
Среднее количество представляемой информации для клиента	Na	ед. в день	30
время представления информации (ручной режим)	Ta1	час	0, 17
время поиска информации (автоматический режим)	Ta2	час	0, 02

Для расчёта годовых эксплуатационных затрат при ручном режиме поиска находим годовую трудоёмкость в часах.

T1 = 1 255 ч.

Для расчёта годовых эксплуатационных затрат при поиске автоматизированным методом находим годовую трудоёмкость в часах.

T2 = 148 ч.

2. Расчет годовых эксплуатационных затрат.

Часовая заработная плата работника, использующего АИС рассчитывается исходя из месячной зарплаты, которая составляет 60000 руб.

З_АИС = 60000 * 12 / 246 / 8 = 365, 85 руб.

Отчисления на социальные нужды.

О_сн = З_АИС * 30% = 365, 85 * 0, 3 = 109, 76 руб.

Годовые эксплуатационные затраты при ручном режиме работы составят:

А = 596 891 руб

Годовые эксплуатационные затраты при автоматизированном режиме работы составят

П = 70 390 руб

Годовая экономия эксплуатационных затрат равна:

Э_гэ = 526 500 руб

3. Оценка экономической эффективности использования проекта.

Окупаемость капитальных вложений определим по формуле:

Т_ок = 0, 15 года

Результаты расчетов сведем в таблицу:

Таблица 8

№№ п/п	Наименование показателя	Единица измерения	Значение показателя
			до внедрения	проект
1.	Трудоёмкость обработки информации	час. 1, 5	3 813	1 345
2.	Капитальные вложения	руб. 40 000	60 000	80 000
3.	Годовые эксплуатационные расходы	руб./год 50 000	596 891	70 390
4.	Годовая экономия эксплуатационных расходов	руб./год 100 000	526 500
5.	Срок окупаемости	Лет 5	0, 15

Вывод: проведённые расчёты показывают, что данный проект является экономически эффективным и быстро окупаемым.



Заключение

В процессе работы сайт все более развивался и позволил людям дистанционно обучиться программе After Effects. Моя цель - научить и позволить людям учится - достигнута и в связи с прогрессированием техники, Интернета, задачи для сайта с каждым годом будет больше и труднее преодолевать трудности, связанные с обучением, но я считаю, что, дистанционное обучение тоже отличное подспорье для всех кто хочет научиться.

Наш сайт доступен для любого пользователя мы можем опубликовать ваш видео урок на http://viktor-tafratov.wixsite.com/viktormedia.



Список литературы

1. Adobe Premiere Pro (официальный учебный курс).

2. Стив Райт. «Цифровой композитинг в кино и видео»

3. Цифровое видео. Основы съемки, монтажа и постобработки с помощью инструментов Adobe.

4. Видеомонтаж средствами Sony Vegas 6.

5.Adobe Premiere Pro Видеокурс.

Размещено на Allbest.ru

...