2.3 Розробка програмного забезпечення.
Розробка електронних навчальних курсів є доволі тривалим та багатоланковим процесом, тому важливо добре уявити собі всі основні етапи створення комп’ютерного курсу і прийнятні для кожного етапу розробки рішення.
Для створення віртуального тренажера спочатку ставимо задачі з функціонування, малюємо схему взаємодії основних елементів, вирішуємо проблему технічної програмної реалізації об’єкту проектування .
Для програмної реалізації обрано JavaScriptIHTML.
Проаналізуємо найбільш трудоємні операції:
Ромітка веб-сторінок
Електронний навчально-методичний комплекс проектувався за допомогою мови гіпертекстової розмітки HTML.
Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок i не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх форматування.
Керуючим елементом мови HTML є тег, який визначає, як буде виглядати відповідний фрагмент на екрані броузера.
Тег – це команда HTML формування вигляду фрагменту Web-сторінки, яка завжди записується в кутові дужки.
Наприклад,<I> – почати виводити текст курсивом,<B> – почати виводити текст напівжирним.
Закриваючий тег, який припиняє дію відповідної команди, починається з “/”. Наприклад, </I> (або </B>) – припинити виведення тексту курсивом (або напівжирним). Ці теги можна використовувати комбіновано.
Наприклад,так:
<В>напівжирний<I>напівжирний+кусив</I>напівжирний</В>
Теги типу <I> i <В> ще називаютьконтейнерами, бо між ними знаходиться фрагмент тексту. Не всі теги є контейнерами. Наприклад, тег <IMG> – розміщує на сторінці зображення.
HTML-тег може мати параметри, ям називаютьсяатрибутами.
Атрибут повідомляє браузеру додаткову інформацію проособливості застосування даного тега.
Наприклад, тег, який створює гіпертекстове посилання, повинен мати атрибут, що визначає URL Web-сторінки, на яку вказує посилання. Атрибут може мати значення. Ім'я атрибуту i значення розділяються знаком "=". Нехай треба створити гіпертекстове посилання на HTML-файл, для чого вказується URL цього файла як значення атрибута HREF. Атрибут разом з наданим йому значенням розташовується перед закриваючою кутовою дужкою тега <А>:
<А HREF=example.htm>
Bci HTML-документа будуються за визначеними правилами:
текст документа починається тегом <HTML> i закінчується тегом </HTML>;
всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY> (її вміст);
всередині; контейнера <HEAD> знаходяться інші контейнери, серед них <TITLE> (рядок символів заголовка вікна броузера).
Web-сторінка зберігається в текстовому файл зрозширенням HTML або НТМ. Текс коду тренажеру міститься у додатку Ґ
Треба набрати цей текст будь-яким редактором (наприклад, "Блокнот"), зберегти його з довільним іменем, але обов'язково з розширенням .html або .htm (наприклад, index.html). Якщо тепер відкрити програму Internet Explorer i виконати команду "Файл" ->"Открыть" -> кнопка "Обзор..." -> index.html.
При відображенні HTML-файла броузером зайві пропуски ігноруються. Якщо розділити два слова трьома пропусками, то на екрані міжсловами залишиться один пропуск, а кілька порожніх рядків на екрані броузера будуть замінені на один. Коли текст досягає правої границі вікна, він автоматично переходить на новий рядок.
Все, що розташовано між тегами <head></head>, – це службова інформація.
Все, що розташовано між тегами <body></body>, – це безпосередній вміст документа.
Кожна вставка, написана на JavaScript, в HTML –документі починається командою <SCRIPT> з необов'язковим параметром LANGUAGE і закінчується командою </SCRIPT>.
Реалізаціія умов збереження і відтворення даних можлива з допомогою роботи JavaScriptз Сookie-даними .
Сookie - це дані, які можуть бути передані сервером клієнтові (у багатьох випадках в ролі клієнта виступає браузер) разом з прошеним multimedia -контентом. Клієнт може зберегти ці дані на машині користувача, і передавати їх назад серверу при наступних запитах (про це вже говорилося). Оскільки cookie зберігаються на машині користувача (причому, кожен браузер самостійно зберігає отримані їм cookie) і можуть віддаватися браузером серверу по витікання досить великого періоду часу (про це трохи пізніше), в cookie зазвичай записують інформацію, так або інакше що ідентифікує користувача.
Підтримує JavaScript вбудований об'єкт з ім'ям document.cookie для роботи з кукисам. Цей об'єкт зберігає усі кукиси, доступні для сторінки, з якою запущений скрипт.
Якщо вставити значення в document.cookie, то буде створений кукис:
<SCRIPT LANGUAGE="JavaScript">
document.cookie="foo=bar; path=/; expires=Mon, 01 - Jan -2001 00:00:00 GMT";
</SCRIPT>
Для роботи з кукисами можна скористатися функцій SetCookie :
<SCRIPT LANGUAGE="JavaScript">
function setCookie (name, value, expires, path, domain, secure){
document.cookie = name + "=" + escape(value)+
(( ((expires) ? "; expires=" + expires: "") +
(( ((path) ? "; path=" + path: "") +
(( ((domain) ? "; domain=" + domain: "") +
(( ((secure) ? "; secure": "");
}
</SCRIPT>
Значення name і value єобов'язковими, аіншінеобов'язкові.
Розглянемо детальніше призначення аргументів:
Name-назва cookie
value -значення cookie (рядок)
props-об'єкт з додатковими властивостями для установки cookie :
expires- Час витікання cookie. Інтерпретується по-різному, залежно від типу:
Якщо число - кількість секунд до витікання.
Якщо об'єкт типу Date - точна дата витікання.
Якщо expires у минулому, то cookie буде видалене.
Якщо expires відсутній або рівне 0, то cookie буде встановлене як сесійне і зникне при закритті браузеру.
Path-Шляхдля cookie.
Domain-домендля cookie.
Secure- Пересилати cookie тільки по захищеному з'єднанню.
Question Writer 3 – це швидка сервісна програма розробки засобів електронного навчання, яка дозволяє створювати професійні тести.
Для того щоб створити тести Вам потрібно:
Запустити програму Question Writer 3.5 . Для запуску програми натисніть Пуск — усі програми - Question Writer 3.5- і вибрати Question Writer 3.5
Для створення нового тесту вам потрібно натиснути на клавішу Нове опитування.(Рис.2.6. )
Якщо Вам потрібно відкрити створений попередній тест натисніть Файл-відкрити опитування-і вибрати файл попередньо збереженого тесту
Рисунок 2.6. — Меню програми Question Writer 3.5
Для збереження створеного вами тесту виберіть Файл-зберегти результати.
Для створення нового запитання натисніть Додати питання і виберіть тип запитання.
Заповніть комірки Властивості вікна і натистіть ОК
Створивши 20 тестів шляхом вибору на панелі інструментів виду тестового завдання, зберігаємо наш проект натиснувши пункт меню «Публікування» - «Публікувати для Веб» (експорт в html). Папка з сконвертованим нашим проектом містить файл тесту у форматі html та у форматі swf (останній відкривається за допомогою SWF Player – перегляд SWF та EXE файлів Macromedia Flash).
AutoPlay Media Studio 7,5 – програмний засіб для створення запускного меню
Головне меню (Autorun) розроблений з використанням AutoPlay Media Studio 7,5 і складається з таких кнопок: "Теорія, Практика, Тестування , Тренажер Відеоурок ".Бонус
Д
ля
встановлення фону при завантаженні
AutoPlay Media Studio 7,5 вибираємо заготовку
Finanse.
Далі двічі клацаємо по вже існуючих на заготовці кнопках і у відкритому вікні (рис. 2.7) змінюємо властивість Text на («Теорія», «Практика», «Тестування» , «Тренажер» «Відеоурок» ") кожної кнопки відповідно.
Рисунок 2.7. — Вікно «Властивості тексту»
Д
алі
в цьому ж вікні заходимо в «Швидкі дії»
і натискаємо кнопку «Action to run», (рис. 2.8
)тут обираємо «Show Page » і вказуємо сторінки
на які ми переходимо
Рисунок 2.8.— Опції вікна вибору швидких дій
Решта побудова програми проводиться по раніше описаній технології. Для закриття програми натискаємо на білий хрестик на червоному фоні, що знаходиться у верхньому правому краю.
Для встановлення маски потрібно натиснути ПКМ по робочій зоні і вибрати опцію Властивості сторінки – Сценарій –Onpreload-Window.SetMask (Application.GetWndHandle(),"AutoPlay\\Images\\11mask12ggg.bmp", true, 0); де, 11mask12ggg.bmp- це назва маски. ", (рис 2.9.)
Рисунок 2.9. Меню вікна , яке зроблене за домогою маски