Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
pruklad.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
1.31 Mб
Скачать

Розділ 2. Розробка і обґрунтування системного наповнення інформаційного забезпечення електронного посібника

2.1. Оцінка алгоритму функціонування педагогічного

Програмного засобу

Стартове меню

Тестування

Головне меню підручника

Про автора

Практика

Теорія

Тема 1

Тема 2

Тема 3

Тема 4

Тема 5

Відеоуроки

Тренажери

Схема 2.1.1. Алгоритм функціонування посібника

Тема 1. Навчальна система Moodle

Тема 2. Структура системи Moodle, встановлення та інтерфейс

Тема 3. Створеня курсів в системі Moodle

Тема 4. Практичні можливості системи Moodle

Тема 5. Практичні можливості системи Moodle

2.2 Опис створення програмного засобу

Електронний підручник було створено засобами мови розмітки Інтернет сторінок HTML (HyperText Markup Language), каскадними стилями таблиць CSS (Cascade Style Sheets) та засобами мови програмування Java Script.

Спочатку було створено «кістяк» структуру підручника і розроблено дизайн в програмі Adobe Photoshop CS5. Після чого дизайн було перенесено в електронний підручник засобами HTML та CSS.

Сторінку розділено на такі частини:

  1. Контейнер – вміщає в собі навігацію та контент;

  2. Блок навігації – меню підручника;

  3. Блок контент – вся текстова та відео інформація буде відображатись в цьому блоці.

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

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

Матеріал для підручника було сформовано і також додано засобами розмітки Інтернет сторінок HTML.

Для більшої ергономічності використання підручника, меню керування було зафіксовано з лівої сторони, а сама сторінка з матеріалом може прокручуватись. Також для візуалізації знаходження користувача було створено меню «хлібні залишки», яке відображає кожний структурний елемент підручника і дає можливість швидкого переходу до цих елементів.

Всі відео уроки та тренажери додавались засобам Java Script, CSS та HTML.

2.3. Опис створення відео уроків в програмі

Для створення відео уроків практичної частини електронного посібника я використовував програмний засіб Camtasia Studio 6. Дана програма дозволяє створювати відео файли шляхом запису усіх дій що виконуються на комп'ютері та відображаються на моніторі, а також запис звуку із мікрофона.

При завантажені програми пропонується обрати варіанти запису (рис. 2.1):

  1. запис екрану;

  2. звукозапис;

  3. запис PowerPoint.

Для запису скнару обираємо «Запись экрана».

Рис. 2.1. Вікно програми Camtasia Studio

Далі з’явиться панель керування запису (рис. 2.2). Ця панель дозволяє налаштувати розмір екрану, що буде записуватись; мікрофон, веб-камеру, ефекти та інші параметри.

Рис. 2.2. Вікно параметрів запису

Коли всі налаштування здійснено натискаємо кнопку запису «rec». З’явиться вікно керування записом (рис. 2.3). В якому знаходяться відповідні кнопки для зупинки, паузи та перезапису. Якщо цього вікна не видно то відкрити його можна клікнувши на значок у системному треї .

Рис. 2.3. Вікно керування записом

Після того запинки запису пропонується зберегти відео файл, або відредагувати його. Якщо обрати редагувати, то відкриється головне вікно програми (рис. 2.4) де можна здійснювати редагування.

Рис. 2.4. Головне вікно програми

Для того щоб зберегти відео файл натисніть «Сохранить видео как». З’явиться вікно параметрів збереження (рис. 2.5), де можна обрати тип файлу для збереження.

Рис. 2.5. Вікно вибору формату файлу

Після вибору формату програма запропонує обрати директорію для збереження та задати ім’я для файлу.

Після декількох хвилин конвертування файл буде збережено і він буде доступний для перегляду.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]