Материал: Курсовая_работа_Web__Матвиенко._Вариант_0033_д3

2 Постановка задачі

Вимоги до програми

Створити шаблон засобами CSS для електронного підручника

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

розробити веб-сторінки, розмістити інформацію електронного підручника,

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

Практичне завдання Розробити та програмно реалізувати електронний підручник - з

всесвітньої історії (частина 1).

СумДУ МК І КР 0033

Затверд.

3 Дослідження програмної галузі

Електронний підручник — комп’ютерний педагогічний програмний засіб,

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

Одна з найбільш поширених класифікацій ґрунтується на цілях і завданнях навчальних систем або режимах використання електронного підручника з виділенням таких типів: ті, що ілюструють, консультують, операційні середовища, тренажери, навчальний контроль. У конкретному електронному підручнику можуть бути реалізовані декілька типів із зазначених режимів його використання.

При проектуванні і створенні електронного підручника та навчальних програм потрібно дотримуватися психологічних принципів взаємодії людини і комп’ютера. Виняткове дидактичне значення має компоновка текстового,

графічного та іншого матеріалу. Якість сприйняття нової інформації, можливість узагальнення й аналізу, швидкість запам’ятовування, повнота засвоєння навчальної інформації значною мірою залежать як від розташування інформації на сторінці (екрані монітора), так і від послідовності сторінок. Ці елементи відіграють важливу роль не тільки в усвідомленні й розумінні змісту матеріалу користувачем, але і в подальшому кодуванні та перекладі в довготривалу електронну пам’ять матеріалів електронного підручника для його зберігання й використання.

СумДУ МК І КР 0033

Затверд.

4 Структура електронного підручника та схема навігації.

Веб-додаток має структуру, що зазначена на рисунку 1.1 Для переходу між складовими підручника застосовується схема навігації. Щоб здійснити переміщення між сторінками: головна, зміст, опорний конспект, сторінка самоконтролю, словник політологічних термінів використовувалася складна система гіперсилок. ( рис. 1.2 )

Рисунок 1.1 Схема навігації веб-додатку

Рисунок 1.2 Перехід між темами

СумДУ МК І КР 0033

5 Сценарії та основні модулі

5.1 Головна сторінка

При створенні головної сторінки було використано блокову верстку сайту.

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

Кожному блоку можна задати довільну ширину та висоту, відступи ззовні та всередині блоку, довільний фон.

При блокової верстки істотне значення приділяється універсальному тегу

<div> , який виконує безліч функцій. Елемент <div> є блоковим елементом і призначений для виділення фрагмента документа з метою зміни виду вмісту. Як правило, вид блоку управляється за допомогою стилів. Щоб не описувати кожен раз стиль всередині тега , можна виділити стиль в зовнішню таблицю стилів, а

для тега додати атрибут class або id з ім'ям селектора. ( Додаток А )

Рисунок 2 – Головна сторінка

СумДУ МК І КР 0033

Затверд.