Створення сайту дистанційного навчання
Содержание
Вступ
1. Аналіз предметної області
1.1 Особливості використання каскадних таблиць стилю CSS
1.2 Функціональні можливості мови розмітки даних HTML
1.3 Особливості JavaScript
2. Розробка та створення сайта дистанційного курсу
2.1 Макет сайта дистанційного курсу за темою: "Граматика
англійської мови"
2.2 Функції CSS, які були використані при розробці сайта
2.3 Огляд існуючих сайтів дистанційного навчання
3. Розробка сайта дистанційного курсу за темою "граматика
англійської мови"
3.1 Інструкція для користувача
3.2 Вимоги до програмного забезпечення
Висновоки
Список джерел інформації
Додатки
Вступ
Інтерес до дистанційного навчання сформувався вже
давно. Заочна форма отримання знань була затребувана і в попередні роки, а
зараз, в епоху бурхливого розвитку телекомунікаційних технологій, дистанційному
навчанню як одній з форм заочного навчання приділяється особлива увага.
Дистанційне навчання як одна з форм освіти
розвивається в загальному руслі науково-технічної революції та інформатизації
суспільного життя. Новий сплеск інтересу до дистанційної освіти виник на тлі
бурхливого розвитку засобів телекомунікаційних технологій, виникнення світової
інформаційної мережі Інтернет.
Мета курсової роботи - створення дистанційного
навчального курсу за темою "Граматика англійської мови".
Актуальність даного виду навчання підтверджує
динамічний розвиток мережі Інтернет, який забезпечить подальший розквіт
дистанційного навчання.
Говорячи далі про достоїнства і переваги
дистанційної форми навчання, перш за все, слід згадати перспективи впровадження
даної форми в систему підвищення кваліфікації, післядипломної освіти. Ці
перспективи мають і цілком конкретні економічні передумови. Нескладні
розрахунки показують, що витрати на проведення традиційних очних курсів (що
включають витрати на утримання будівель, аудиторій, комп'ютерних класів) вище
витрат на організацію дистанційних курсів.
сайт дистанційне навчання програмне
1. Аналіз
предметної області
1.1
Особливості використання каскадних таблиць стилю CSS
Каскадні таблиці стилів (англ.
<#"657008.files/image001.gif">
Рисунок 2.1 Головна сторінка сайта
Рисунок 2.2 Головна сторінка сайта
Ширина заголовку 950px, висота 100px, шрифт
курсивний Verdana 12pt, межа 1см. Лівий блок маэ 148px ширини, висота 650px.
Ліва межа в 2 px, пунктиром, жовтого кольору. Правий блок також оформлений
шириною 148px, висотою 650px, права межа в 2 px, пунктиром, жовтого кольору.
Центральна частина оформлена шириною 600px, відступ від межі 20px, абзац 2em.
Нижній блок має ширину 950px, висоту 70px. Чотири перших блоки мають резинову
верстку (float).
На головній сторінці (index.html) у правому блоці
розміщений календар, написаній мовою JavaScript.
Меню на лівому блоці на перших п’яти сторінках і
меню у правому блоці на дев’яти сторінках лекцій, завдань та контрольних робіт
створене за допомогою псевдо класів: link, active, visited та hover. В
результаті посилання в меню при наведенні змінює колір на червоний, жирний та
збільшується в розмірі до 25 pt.
На головній сторінці контрольних робіт (4.html),
щоб створити буквицю, було використано властивість first-letter зі значеннями
кольору, розміру та стилю шрифта (color, font, font-size). В результаті перша
літера голубого кольору, шрифтом lange Verdana, напівжирна, та розміром 30px.
У завданнях контрольних робіт на посиланнях на
сторінки Past Simple, Present Simple та Future Simple встановлена допоміжна
функція для студента (Підказочка). Під час написання контрольної роботи по
певній темі, студент може звернутися до підказки, яка знаходиться у лівому
верхньому кутку сайта та обрати потрібну тему та перейти через посилання до
лекцій по потрібній тематиці. Та на кожній сторінці лекцій по трём темам (Past
Simple, Present Simple та Future Simple) вбудована кнопка Назад (створені за
допомогою форм), для зручності повертатися назад до контрольної роботи після
перегляду лекції. Підказка написана мовою сценарію JavaScript.
Також на кожній сторінці контрольних робіт
вбудована таблиця зв’язку із тьютором або кнопка Відправити для відсилання результатів
контрольних робіт тьютору. На сайті розташовані три фотографії за допомогою
<img src="1. jpeg" >.
2.2
Функції CSS, які були використані при розробці сайта
Сайт створений за домогою блокової моделі CSS. В
CSS прописані чотири блоки: заголовок (header), лівий (left_bl) та правий
(right_bl) вертикальні блоки, центральна (головна) частина (center_bl) та
нижній горизонтальний блок (footer).
Для підключення CSS до HTML прописуємо: <link
rel="stylesheet" type="text/css" href="style.
css">;
Кожна веб-сторінка та кожний блок має свої
функції прописані в CSS. Розглянемо головну сторінку (index.html) заголовок
(header):
Width - встановлює ширину блоку;- висоту блоку;-
стиль шрифта;- дозволяє відділити основний уміст блоку від межі;
Ліва блокова частина (left_bl):-
встановлює ширину блоку;- висоту блоку;- стиль шрифта;- визначає чи буде блок
плаваючим чи ні, і в яку сторону він буде переміщатися;right - встановлює межу
з права;bottomє - поле знизу;- встановлює колір елементу;decoration - задає
параметри слів, рядків та їх взаємного роз положення;- встановлює фонове
зображення;
Права блокова частина (right_bl):
Width - встановлює ширину блоку;- посилання, на
якому наведена мишка.- висоту блоку;- визначає чи буде блок плаваючим чи ні, і
в яку сторону він буде переміщатися;- встановлює ширину полей (%);left -
встановлює межу з ліва;bottomє - поле знизу;
Центральна частина (center_bl):
Width - встановлює ширину блоку;- визначає чи
буде блок плаваючим чи ні, і в яку сторону він буде переміщатися;- дозволяє
відділити основний уміст блоку від межі;indent - встановлює відступ червоного
рядка для абзаців та заголовків. Розмір довжини відступу вказується в одиницях
довжини або у відсотках;- керує переповненням блоку;height - дозволяє
встановити відстань між рядками тексту, тобто відстань між двома базовими
лініями сусідніх рядків;- дає можливість загрузити графічний файл;
Використовуємо чотири псевдо класи, які
дозволяють працювати із посиланнями:- звичайне просте посилання;- активне
посилання;- відвідане посилання;- посилання, на якому наведена мишка.size -
вказує розмір штифта;family - встановлює гарнітуру штифта;- встановлює
межу;href - встановлює зв'язок між головним документом та посиланням;
Календар на головній сторінці прописаний мовою
JavaScript.торінкa Реєстрації (1.html):- встановлює ширину блоку;- висоту
блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку від межі;
Сolor - встановлює колір елементу;- встановлює
фонове зображення;- звичайне просте посилання;- активне посилання;- відвідане
посилання;- посилання, на якому наведена мишка.- поле;
Таблиця Реєстрація та кнопка Назад створені за
допомогою форм (<Form></Form>)торінка Лекцій (2.html):- встановлює
ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст
блоку від межі;
Сolor - встановлює колір елементу;- встановлює
фонове зображення;href - встановлює зв'язок між головним документом та
посиланням;- дає можливість загрузити графічний файл;indent - встановлює
відступ червоного рядка для абзаців та заголовків. Розмір довжини відступу
вказується в одиницях довжини або у відсотках;- керує переповненням
блоку;height - дозволяє встановити відстань між рядками тексту, тобто відстань
між двома базовими лініями сусідніх рядків;- звичайне просте посилання;-
активне посилання;- відвідане посилання;- посилання, на якому наведена мишка;-
поле;
STYLE - створює внутрішній лист стилю.
Cторінка Завдань (3.html):- встановлює ширину
блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку
від межі;
Сolor - встановлює колір елементу;- встановлює
фонове зображення;href - встановлює зв'язок між головним документом та
посиланням;- дає можливість загрузити графічний файл;indent - встановлює
відступ червоного рядка для абзаців та заголовків. Розмір довжини відступу
вказується в одиницях довжини або у відсотках;- керує переповненням
блоку;height - дозволяє встановити відстань між рядками тексту, тобто відстань
між двома базовими лініями сусідніх рядків;- звичайне просте посилання;-
активне посилання;- відвідане посилання;- посилання, на якому наведена
мишка.торінка Контрольних робіт (4.html):letter - цей псевдо елемент дозволяє
створювати буквицю, тобто спеціальне оформлення першої літери;- встановлює
ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст
блоку від межі;
Сolor - встановлює колір елементу;- встановлює
фонове зображення;href - встановлює зв'язок між головним документом та
посиланням;- дає можливість загрузити графічний файл;indent - встановлює
відступ червоного рядка для абзаців та заголовків. Розмір довжини відступу
вказується в одиницях довжини або у відсотках;- керує переповненням
блоку;height - дозволяє встановити відстань між рядками тексту, тобто відстань
між двома базовими лініями сусідніх рядків;bottomє - поле знизу;decoration -
задає параметри слів, рядків та їх взаємного роз положення;- звичайне просте
посилання;- активне посилання;- відвідане посилання;- посилання, на якому
наведена мишка.торінка Зв'язок із тьютором (5.html):- звичайне просте
посилання;- активне посилання;- відвідане посилання;- посилання, на якому
наведена мишка.- встановлює ширину блоку;- висоту блоку;- стиль шрифта;-
дозволяє відділити основний уміст блоку від межі;
Сolor - встановлює колір елементу;- встановлює
фонове зображення;href - встановлює зв'язок між головним документом та
посиланням;- поле;
Таблицю зв’язку там кнопки Відправити та Стерти
створені за допомогою форм (<Form></Form>) [7].
2.3
Огляд існуючих сайтів дистанційного навчання
Курс дистанційного навчання (ДН) - це не тільки
сам текст занять, а цілісний процес, що включає пошук підходящої інформації в
мережах, обмін листами з автором курсу, звернення до баз даних, періодичних
інформаційних видань, розповсюджуваних через Інтернет.
На користь подібної освіти для різних моделей
дистанційного навчання говорять наступні фактори, обумовлені дидактичними
властивостями цього засобу інформаційних технологій.
Можливість надзвичайно оперативної передачі на
будь-які відстані інформації будь-якого обсягу, будь-якого виду (візуальної і
звукової, статичної і динамічної, текстової та графічної).
Можливість оперативної зміни інформації через
мережу Інтернет зі свого робочого місця.
На користь подібної освіти для різних моделей
дистанційного навчання говорять наступні фактори, обумовлені дидактичними
властивостями цього засобу інформаційних технологій.
Можливість надзвичайно оперативної передачі на
будь-які відстані інформації будь-якого обсягу, будь-якого виду (візуальної і
звукової, статичної і динамічної, текстової та графічної).
Можливість оперативної зміни інформації через
мережу Інтернет зі свого робочого місця.
Ефективність будь-якого виду навчання на відстані
залежить від чотирьох складових:
1) ефективної взаємодії
викладача і учня, незважаючи на те, що вони фізично розділені відстанню;
2) використовуваних при цьому педагогічних
технологій;
) ефективності розроблених методичних матеріалів
і способів їх доставки;
) ефективності зворотного зв'язку [3].
Існує дуже багато сайтів дистанційного навчання,
особливо по вивченню англійської мови. В основному на сайтах можна знайти будь-який
розділ, будь-яку тему: граматика, лексика, фонетика, вимова, говоріння і т.д.
Наприклад на рисунку 2. 1 зображений сайт "Англійська мова" на якому
можна знайти теми по лексиці, морфології, синтаксису, словотворення, також
можна знайти таблицю граматики, тексти на переклад, он-лайн тести, та форум для
спілкування та допомоги при навчанні. Також тут присутні каталог репетиторів та
англійських шкіл. Сайт має офіційну групу в соціальній мережі "В
контакті" та блок останніх змін та новин на сайті [6].
Рисунок 2.1 Сайт "Англійська мова"
На рисунку 2. 2 зображений сайт "Навчання в
Центрі англійської мови", на якому можна знайти різні методики викладанні,
викладачі, різні програми, он-лайн вікторини та он-лайн тести, рєстрації,
розцінки за семестр. Також на цоьму сайті користувач може обрати мову на якій
буде проводитись навчання: російську, українську чи англійську.
На рисунку 2. 3 розміщений сайт під назвою:
"Learn English". Сайт створений для студентів які вже мають базові
знання та навички, тому що сайт створений англійською мовою та навчання
проводиться також англійською мовою. Тут можна отримати знання теоретичні та
практичні граматики та вимови. Також вбудоване мультимедійне прослухування
аудіювання, чат та скайп для спілкування з носіями мови. Користувачу надається
можливість проглядати архів газет, дивитися мультфільми, читати статті, новини,
грати в ігри англійською, дізнатися більше про британську культуру. Щодо
перевірки знань: кожного дня можна тренувати свій словниковий запас та писати
диктанти.
Рисунок 2.3 Сайт вивчення англійської мови
"Learn English"
На рисунку 2.4 зображений сайт "British
council". Сайт створений для студентів, які вже володіють англійською
мовою, тому що навчання проводиться англійською мовою. Ціль сайта -
удосконалення мови. Сайт має дві категорії: Вивчення англійської мови та
Навчання дітей англійської мови. Зайшовши на сайт потрібно одразу обрати
необхідну категорію. В горизонтальному меню можна обрати розділ навчання:
аудіювання та відео-ролики; граматика та лексика; ігри та веселощі; бізнес та
робота; вимова, змагання та спілкування. Також є великий перелік тем: видатні
люди, поезія, проза, історія, спорт, наука та новітні технології, культура й
звичаї, навколо світу та багато інших тем для опрацювання.
Рисунок 2.4 Сайт "British council"
3. Розробка сайта дистанційного курсу
за темою "граматика англійської мови"
3.1
Інструкція для користувача
На головній сторінці в центральному блоці можна
побачити цілі та задачі сайта. В лівому блоці знаходиться головне навігаційне
меню. В правому блоці головної сторінки сайта вбудований календар за допомогою
якого, студент може позначити дні початку і кінця опрацювання як окремої теми,
так і всього курсу. Будемо дуже вдячні, якщо Ви прослідкуєте точний період
опрацювання конкретної теми і всього курсу загалом та відправити ці дані тьютору.
Внизу розташована інформація про те, як можна
перевірити свої знання граматики англійської мови перед початком занять, для
того щоб наприкінці курсу звірити результати. Перейти до тесту можна натиснувши
в центральну частину флагу на картинці. Таким чином здійсниться перехід через
навігаційну карту на веб-сторінку з тестом. Тест слід виконувати так: для
початку слід прочитати уважно завдання, потім ознайомившись реченням,
продивіться варіанти відповідей, натиснувши на стрілочку вниз, та оберіть на Вашу
думку правильну відповідь. Після виконання тесту слід натиснути кнопку
"Відправити". Скориставшись навігаційним меню зліва, Ви можете
потрапити на сторінку "Реєстрації". При реєстрації слід обов’язково
вказати електронну адресу та ім’я. на Вашу електронну адресу будуть приходити
оцінки та вказівки тьютору. Зареєструвавшись і ставши студентом дистанційного
курсу, можна приступати до занять.
Це можна зробити таким чином: за допомогою
навігаційного меню зліва слід клацнути ссилку "Лекції". Ознайомившись
із вступною інформацією, необхідно обрати тему в правому навігаційному меню.
Опрацювавши тему слід переходити до практики, повернувшись за допомогою кнопки
Назад, клацнувши ссилку Завдання в лівому навігаційному меню. На веб-сторінці
Завданя перейдіть до практичних завдань обравши з права тему, яка відвідає
опрацьованій лекціі. Відповіді вправ потрібно відіслати тьютору перейшовши на
сторінку "Зв'язок із тьютором" скориставшись меню зліва. Після
відправки відповідей результати та оцінка прийде Вам на електронну адресу
протягом трьох днів. Через кнопку "Назад" можна повернутися на минулу
сторінку або розпочинати контрольну роботу. Через ліве навігаційне меню
натиснувши "Контрольна робота" Ви потрапите на веб-сторінку з
контрольними завданнями. Ознайомившись із вступною інформацією слід обрати
відповідну тему і перейти через посилання. Відповіді необхідно відіслати
тьютору через таблицю зв’язку із тьютором, яка вбудована для зручності в кінці
кожної сторінки контрольних робіт або через головне меню. На кожній сторінці
контрольних робіт в лівому верхньому кутку також можна побачити та скористатися
"Підказочкою", обравши тему, яка відповідає темі контрольної роботи,
потрібну перейти клацнувши на ній мишкою. Ви потрапите до сторінок
"Лекцій" на обрану Вами тему. Опрацювавши її за допомогою кнопки
"Назад" можна повернутися назад до контрольної роботи і завершивши,
обов’язково відіслати відповіді тьютору. Закінчивши і остаточно опрацювавши
тему можна переходити до наступної. Вказівки та інструкції ті ж самі. Вивчати
одночасно декілька тем не рекомендується.
3.2
Вимоги до програмного забезпечення
Програ́мне забезпе́чення (програ́мні за́соби) (ПЗ; англ.
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0>
software) - сукупність програм
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80%D0%BD%D0%B0_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%B0>
системи обробки інформації і програмних документів
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B0_%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F>,
необхідних для експлуатації цих програм.
Розрізняють системне програмне забезпечення
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>
(зокрема, операційна система
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9E%D0%BF%D0%B5%D1%80%D0%B0%D1%86%D1%96%D0%B9%D0%BD%D0%B0_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0>,
транслятори
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A2%D1%80%D0%B0%D0%BD%D1%81%D0%BB%D1%8F%D1%82%D0%BE%D1%80>,
редактори <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80>,
графічний інтерфейс користувача
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%93%D1%80%D0%B0%D1%84%D1%96%D1%87%D0%BD%D0%B8%D0%B9_%D1%96%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D0%B0>)
та прикладне програмне забезпечення
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%B8%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>,
що використовується для виконання конкретних завдань, наприклад, статистичне
програмне забезпечення.
Виконання програмного забезпечення комп'ютером
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80>
полягає у маніпулюванні інформацією
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%86%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D1%96%D1%8F>
та керуванні апаратними компонентами комп'ютера. Наприклад, типовим для
персональних комп'ютерів
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80>
є відображення інформації на екран
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%94%D0%B8%D1%81%D0%BF%D0%BB%D0%B5%D0%B9>
та прийом її з клавіатури
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BB%D0%B0%D0%B2%D1%96%D0%B0%D1%82%D1%83%D1%80%D0%B0>
[12].
Програмне забезпечення (software) та апаратне
забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BF%D0%B0%D1%80%D0%B0%D1%82%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>
(hardware) є дві комплементарні компоненти комп'ютера, причому межа між
ними нечітка: деякі фрагменти програмного забезпечення на практиці реалізуються
суто апаратурою мікросхем
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9C%D1%96%D0%BA%D1%80%D0%BE%D1%81%D1%85%D0%B5%D0%BC%D0%B0>
комп'ютера, а програмне забезпечення, в свою чергу, здатне виконувати
(емулювати) функції електронної апаратури. По суті, призначення програмного
забезпечення полягає в керуванні як самим комп'ютером так і іншими програмами
та маніпулюванні інформацією.
Розрізняють системне
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>
та прикладне програмне забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%B8%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>:
Системне програмне забезпечення призначено для обслуговування власних потреб
комп'ютера - забезпечення його працездатності і виконання його внутрішніх
функцій, а також для створення передумов для виконання прикладного програмного
забезпечення. Типовим прикладом системного програмного забезпечення є
операційна система
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9E%D0%BF%D0%B5%D1%80%D0%B0%D1%86%D1%96%D0%B9%D0%BD%D0%B0_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0>.
Прикладне програмне забезпечення
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%B8%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>,
призначено для розв'язання задач користувача. Наприклад: редактори тексту
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80_%D1%82%D0%B5%D0%BA%D1%81%D1%82%D1%83>,
електронні таблиці
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%95%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D1%96_%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%96>,
бази даних <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%91%D0%B0%D0%B7%D0%B8_%D0%B4%D0%B0%D0%BD%D0%B8%D1%85>,
тощо.
Програмне забезпечення можна розділити на корисне і
шкідливе. Корисне програмне забезпечення створюється для виконання завдань, що
відповідають побажанням користувача комп'ютера. Основна мета шкідливого
програмного забезпечення
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A8%D0%BA%D1%96%D0%B4%D0%BB%D0%B8%D0%B2%D0%B8%D0%B9_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B8%D0%B9_%D0%B7%D0%B0%D1%81%D1%96%D0%B1>
- виконувати операції, які є небажаними для користувача, часто із завдаванням
прихованої чи явної шкоди. Прикладом шкідливого програмного забезпечення є
комп'ютерні віруси
<mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80%D0%BD%D0%B8%D0%B9_%D0%B2%D1%96%D1%80%D1%83%D1%81>
[4].
Вимоги до програмного забезпечення - набір вимог щодо властивостей,
якості та функцій програмного забезпечення
<mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>,
що буде розроблено, або знаходиться у розробці. Вимоги визначаються в процесі
аналізу вимог
<mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BD%D0%B0%D0%BB%D1%96%D0%B7_%D0%B2%D0%B8%D0%BC%D0%BE%D0%B3>
та фіксуються в специфікації вимог, діаграмах прецедентів <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%94%D1%96%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D0%B0_%D0%BF%D1%80%D0%B5%D1%86%D0%B5%D0%B4%D0%B5%D0%BD%D1%82%D1%96%D0%B2>
та інших артефактах <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D1%80%D1%82%D0%B5%D1%84%D0%B0%D0%BA%D1%82>
процесу аналізу та розробки вимог.
Розробка вимог до програмної системи може бути розділена на
декілька етапів:
· Знаходження вимог
(збір, визначення потреб заінтересованих осіб та систем).
· Аналіз вимог
(перевірка цілісності та закінченості).
· Специфікація
(документування вимог).
· Тестування
<mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A2%D0%B5%D1%81%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>
вимог.
Види вимог за характером
· Функціональний
характер - вимоги до поведінки системи
o Бізнес-вимоги
o Вимоги
користувача
o Функціональні
вимоги
· Нефункціональний
характер - вимоги до характеру поведінки системи
o Бізнес-правила -
визначають обмеження, о витікають з предметної області.
o Системні вимоги -
вимоги до програмних інтерфейсів, надійності, обладнанню.
o Атрибути якості
o Зовнішні системи
та інтерфейси
o Обмеження
Зазвичай вимоги використовують як засіб
комунікації між різними заінтересованими особами та системами. З цього
виходить, що вимоги повинні бути простими та зрозумілими як для звичайних
користувачів, так і для розробників.
Для цього створюються наступні документи:
· Бачення (Vision)
· Специфікація вимог до програмного
забезпечення
<mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D0%B8%D1%84%D1%96%D0%BA%D0%B0%D1%86%D1%96%D1%8F_%D0%B2%D0%B8%D0%BC%D0%BE%D0%B3_%D0%B4%D0%BE_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>
(англ. <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0>
Software Requirements Specification, SRS)
Системні вимоги та
програмне забезпечення. Отримати доступ до сайту дистанційного навчання
дуже просто. Все, що потрібно: комп´ютер, модем або
мережева карта та доступ до Інтернету через будь-якого провайдера послуг
Інтернет [1].
Комп´ютер повинен
відповідати наступним системним вимогам:
1) Процесор: 1ГГц або вище
) Оперативна пам´ять (RAM): щонайменьше 256Mb, рекомендовано 512Mb
) Операційна система: Microsoft Windows
XP/Vista/Windows 7
) Браузер: Firefox/3. 6. 24; Internet Explorer
версії 6. 0, 7. 0, 8. 0.
Висновоки
У рамках бурхливого розвитку мережі Інтернет
відбуваються корінні зміни у суспільстві. В Інтернет переноситься усі сфери
життя людини: робота, розваги, спілкування, а в останній час обертів набирає й
навчання у мережі.
Як показує практика, Інтернет є сприятливим
середовищем для навчання. Це підтверджує поява безлічі дистанційних форм
навчання за останні десятиліття Кількість інформаційних ресурсів мережі і
кількість користувачів постійно зростає. Для багатьох людей Інтернет стає
звичним і зручним засобом для отримання інформації та спілкування.
Створення дистанційного курсу за темою
"Граматика англійської мови" у рамках цієї курсової роботи - ще один
крок у розвитку дистанційного навчання. Постійний розвиток засобів створення
мультимедійних додатків дозволяє створювати з кожним днем більш зручні і
функціональні форми дистанційного навчання. Для розробки даного дистанційного
курсу було використано мову розмітки гіпертексту HTML, мову сценарію JavaScript
та CSS технології.
Розроблений курс пропонує користувачу оволодіти
матеріалом курсу у зручний для нього час та у зручному місці. В цьому і полягає
перевага дистанційного навчання.
Список
джерел інформації
1 Вікіпедія: Вільна енциклопедія: http://uk. wikipedia.org
2 Дригалкін В.html в примерах v1. 1 //, 2002
3 Канаво В.А. Методичні рекомендації щодо створення курсу
дистанційного навчання через Інтернет [Електронний ресурс] / В.А. Канава. Режим
доступу: <http://www.curator.ru/method.html>
4 Фигурнов В.Э. IBM PC для пользователя. Краткий курс. Изд.
7-е. М.: ИНФРА-М, 1997, 432 с.
5 Гудман Д. JAVA SCRIPT Біблія користувача. - Москва:
Діалектика, 2006.
6 http://www.englishnotes.ru
<http://www.englishnotes.ru>
7 <http://www.osvita.org.ua>
8 http://css. manual.ru <http://css.manual.ru>
9 http://www.native-english.ru
<http://www.native-english.ru>
10 <http://on-line-teaching.com>
11 <http://javascript.ru>
Додатки
Додаток
А
Таблиця стилів CSS розробленого дистанційного
курсу{background-image: url (flag. jpg);family: Verdana, sans-serif;
text-decoration: none;align: justify; line-height: 155%;
}
#block {width: 950px; margin: 0 auto;color:
braun}
. header {width: 950px; height: 100px; font:
obligue 12pt Verdana, sans-serif;: 1cm; color: mediumslateblue}
. left_bl {: 148px;: 650px;: left;right: 2px
dashed yellow;bottom: - 15px
}: link, a: active, a: visited{: yellow;: bold 0.
8em Arial, sans-serif;decoration: none; }: hover
{: red;: bold 25pt Arial, sans-serif;
}
. bbb: first-letter{color: mediumslateblue; font:
bold lange Verdana, sans-serif; font-size: 30px}
. ccc{padding: 30px; }
. center_bl {width: 600px; float: left;
text-indent: 2em; padding: 20px; overflow: auto; text-align: justify}
. xxx{text-indent: 2em}
. fff{text-align: center}
. right_bl {width: 148px; height: 650px;: left;
border-left: 2px dashed yellow;bottom: - 15px
}
. footer {width: 950px; height: 70px; text-align:
center;: both }
Додаток
Б
Таблиця стилів CSS розробленого дистанційного
курсу
<html>
<head>
<title>Мой сайт/главная</title>
<link rel="stylesheet"
type="text/css" href="style. css">
</head>
<body>
<div id="block">
<div>
<div>
<center><a
href="1.html">Регистрация</a></center><br>
<center><a href="2.html">
Лекции</a></center><br>
<center><a href="3.html">
Задания</a></center><br>
<center><a href="4.html">
Контрольная работа </a></center><br>
<center><a href="5.html">
Связь с тьютором </a></center><br>
</div>
<div>
<h4 align="center"> Ваша цель:
</h4>
<div>
приобрести новую специальность или повысить свою
квалификацию без отрыва от дома и работы?
выбрать удобное для себя время и темп обучения?
получить сертификат, подтверждающий уровень Ваших
знаний, полученных в рамках программы или в иностранном ВУЗе?
существенно снизить стоимость обучения по
сравнению с другими формами платного образования?
</div>
<h4 align="center"> Наша цель:
</h4>
<div>
помочь … языка. <br>
</div>
<h4 align="center"> Проверить
себя: </h4> Если перед началом занятий Вы хотите проверить уровень своих
знаний английского языка, нажмите мышкой в центр флага на картинке.
<div>
<img src = "english. jpg"=
"#Map_name">
<MAP name = "Map_name">
<AREA shape = "circle" coords =
"65,69,30" href = "6.html">
</MAP>
</div>
</div>
<div>
<br>
<div>
</p>
</div>
</div>
<div>
</body>
</html>
Додаток
В
Код сценаріїв JavaScript дистанційного курсу
<script language="JavaScript">
<! - -
<! - Begin= new Array (
"Январь",
"Февраль",
"Март",
"Апрель",
"Май",
"Июнь",
"Июль",
"Август",
"Сентябрь",
"Октябрь",
"Ноябрь",
"Декабрь");linkcount=0;addlink (month,
day, href) {entry = new Array (3);[0] = month;[1] = day;[2] =
href;[linkcount++] = entry;
&&! (thisyear % 100 == 0))
|| (thisyear % 400 == 0)) monthdays [1]
++;=thisdate;(startspaces > 7) startspaces-=7;= thisday - startspaces +
1;(startspaces < 0) startspaces+=7;. write ("<table border=4
bgcolor=#7B68EE bordercolor=#FFFF00>");. write ("<tr><td colspan=7
align=center><b><font size=2>" + monthnames [thismonth] +
" " + thisyear +
"</font></b></td></tr>");. write
("<tr>");. write ("<td align=center><font
size=2>Вс</font></td>");. write ("<td
align=center><font size=2>Пн</font></td>");. write
("<td align=center><font size=2>Вт</font></td>");.
write ("<td align=center><font
size=2>Ср</font></td>");. write ("<td
align=center><font size=2>Чт</font></td>");. write
("<td align=center><font size=2>Пт</font></td>");.
write ("<td align=center><font
size=2>Сб</font></td>");. write ("</tr>");.
write ("<tr>");(s=0; s<startspaces; s++) {. write
("<td></td>");
}=1;(count <= monthdays [thismonth]) {(b =
startspaces; b<7; b++) {=false;. write ("<td><font
size=2>");(c=0; c<linkdays. length; c++) {(linkdays [c]! = null) {(
(linkdays [c] [0] ==thismonth + 1) && (linkdays [c] [1] ==count)) {.
write ("<a href=\"" + linkdays [c] [2] +
"\">");=true; }}
}(count==thisdate) {. write ("<font
color='FF0000'><b>");
}(count <= monthdays [thismonth]) {. write
(count);
}{. write (" "); }(count==thisdate) {.
write ("</b></font>");
}(linktrue). write ("</a>");.
write ("</font></td>");++; }. write
("</tr>");=0;
}. write ("</table>");
// End
// - ->