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

1.3 Постановка задачи

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

1.4 Методы решения

1.4.1 Алгоритм решения

Словесный алгоритм решения поставленной задачи

ШАГ 1 НАЧАЛО

ШАГ 2 Процесс поиска необходимой информации

ШАГ 3 Формирование структуры учебного пособия

ШАГ 4 Формирование разделов

ШАГ 5 Создание тестовой системы

ШАГ 6 Оформление словаря

ШАГ 7 КОНЕЦ

1.4.2 Функциональная модель

Рисунок 3.Функциональная модель

Рисунок 4.Процесс изучения дисциплины

Рисунок 5.Процесс прохождения теста студентом

1.5 Программная реализация

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

1.6 Программная документация

1.6.1 Техническое задание

Наименование программы:

Электронное учебное пособие по дисциплине: Технические средства информатизации

Область применения программы:

БСК, учебное заведение.

Основание для разработки:

задание выдано Резванову Д.Т., в БСК, руководителем дипломного проекта Михайловской И.Г.

Функциональное назначение программы:

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

Эксплуатационное назначение:

просмотр материала по теме, система помощи, тестирование,

Требования к программе:

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

Информация оформлена в виде входных данных, вопросы с правильным ответами в тестах и результаты тестов.

1.6.2 Руководство по использованию программы

Назначение программы:

Назначение и функции, выполняемые программой:

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

Способы эксплуатации программы:

Программа должна использоваться для проверки знания учащегося.

Условия, необходимые для выполнения программы:

Данная программа должна запускаться без особых сложностей и занимать около не более 40Mb памяти на жестком диске.

Минимальный состав аппаратных и программных средств:

Для успешной работы программы должен присутствовать необходимый минимум: процессор Pentium; ОС Windows ХР или другая операционная система не ниже Windows 98.

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

Требования и квалификации пользователя программы:

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

1.6.3 Проверка качества программного продукта

Проверка программы выполнялось в различных вариантах:

1) программа прошла проверку на занятиях студентов I и II курса по ТСИ;

2) при прохождении процентовок оценивалась качество программного продукта преподавателями комиссии и руководителем Михайловской И.Г.;

3) цикловая комиссия выявила недочеты, указала на достоинства и недостатки;

4) в электронном учебном пособии были сделаны доработки по устранению, выявлению недостатков.

Рисунок 6. Главная страница электронного учебного пособия (Start.htm)

Для запуска программного продукта необходимо запустить файл Start.htm открывается главная страница электронного учебного пособия, состоящая из трех частей: (рис.6)

1. Верхняя часть (top.html) - содержит название учебника, ФИО разработчика и руководителя;

2. Левая часть (left.html) - в ней находятся содержание в виде гиперссылок;

3. Правая часть (right.html) - в ней отображается информация учебного пособия.

Тестовая программа написана на JavaScript (рис.7), находится прямо в электронном учебном пособии (рис.6), что позволяет проверять знания студентов без отрыва от изучения теоретической части.

Рисунок 7. Код тестовой программы

Рисунок 8.Тестовая программа

Вывод результата количества правильных ответов осуществляется при нажатии кнопки «Подсчитать баллы» (рис.9)

Рисунок 10.Вывод результатов теста

Нажав на кнопку поиск, мы переместимся в форму поиска, в котором нужно ввести слово для поиска.

Рисунок 11.Пример работы с поиском

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

Рисунок 12.Результат поиска

1.7 Защита программного продукта и данных от несанкционированного доступа, копирования, непреднамеренных ошибок пользователя

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

Заключение

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

Выполнены все поставленные задачи:

ь проведен анализ предметной области;

ь разработаны функциональная и информационная модели;

ь наличие информации для повторения определенной темы;

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

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

Интерфейс программы представлен в виде окна, написанном на html коде с использованием некоторых элементов JavaScript.

При дипломном проектировании по данной теме была изучена соответствующая техническая литература и выбран метод решения задачи. Работа над проектом позволила закрепить навыки работы с гипертекстовой разметки HTML и объектным JavaScript, редактором Microsoft FrontPage, а также Macromedia Dreamweaver MX 2004, усовершенствовать технику работы на персональных компьютерах.

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

1. Железо ПК. Соломенчук В.Г., Соломенчук П.В. - Спб: “Питер”, 2009.

2. HARD'n'SOFT. Аксененко И.С., Карабуто А.Л. - Москва,2009.

3. Computer Bild. Маляревский А.С., Макарова Е.Л. - Москва, 2009.

4. Смирнова И. Начала Web-дизайна БХВ. - Петербург, 2008.

5. Кирсанов Д. Веб-дизайн: (2008) Символ - Плюс. - Москва, 2009.

6. Здир О., Николаенко А. Работа на ПК. - Спб.: Питер, 2008.

7. Левин А.Ш. Самоучитель работы на компьютере. Начинаем с Windows - Спб.: Питер, 2009.

Приложение А

(обязательное) - Текст файла главной страницы (index.html)

<html>

<head>

<title>Предмет Технические Средства Информатизации</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link href="..\STYLES\STYL 2.css" type="text/css" rel="stylesheet">

<link href="..\STYLES\STYL 3.css" type="text/css" rel="stylesheet">

<base target="1">

</head>

<SCRIPT language=Javascript1.2>

<!--//

function click() {

if (event.button==2) {

// Чтобы отключить левую кнопку поставьте цифру 1

// Чтобы отключить третию кнопку поставьте цифру 3

alert('Кнопка мышки отключена');

} }

// Здесь введите свою надпись

function press(){

alert('Клавиатура отключина');

}

// Здесь введите свою надпись

document.onmousedown=click;

document.onkeydown=press;

// -->

</SCRIPT>

<FRAMESET rows="26%,*">

<frame src="new/top.html" name="top" scrolling="auto" target="right">

<frameset cols="25%,*">

<FRAME src="new/left.html" name="left" scrolling="auto" target="right" marginwidth="0">

<FRAME src="new/right.html" name="right" marginwidth="5" scrolling="auto">

</frameset>

</FRAMESET>

<body topmargin="5" bottommargin="5" marginwidth="1" marginheight="1">

</html>

Приложение Б

(рекомендуемое) - текст файла поиска

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Поиск</title>

<script language="javascript">

a_00="../Glava 1/Электронно - лучевые мониторы.htm";

a_01="../Glava 1/Характеристики ЖК и ЭЛТ мониторов.htm";

a_02="../Glava 1/Сенсорные мониторы.htm";

a_03="../Glava 1/Мониторы.htm";

a_04="../Glava 1/Жидко - кристаллические мониторы.htm";

a_05="../Glava 1/Газоразрядные или плазменные панели.htm";

a_06="../Glava 1/OLED.htm";

b_00="../Glava 2/3D - конвейер.htm";

b_01="../Glava 2/AMD.htm";

b_02="../Glava 2/NVIDIA.htm";

b_03="../Glava 2/Аппаратное ускорение графических функций.htm";

b_04="../Glava 2/Глубина цвета и разрешение.htm";

b_06="../Glava 2/Интерфейсы видеокарт.htm";

b_07="../Glava 2/Мультимониторные системы.htm";

b_08="../Glava 2/Особенности современных видеокарт.htm";

b_09="../Glava 2/Производители видеокарт и графических процессоров.htm";

b_10="../Glava 2/Режим работы видеокарты.htm";

b_11="../Glava 2/Технологии SLI и CrossFire.htm";

b_12="../Glava 2/Характеристики современных видеокарт.htm";

c_00="../Glava 3/Конструкция системных плат.htm";

c_01="../Glava 3/Производители системных плат.htm";

c_02="../Glava 3/Слоты расширения.htm";

c_03="../Glava 3/Сокеты.htm";

c_04="../Glava 3/Стандарты и спецификации.htm";

Страницы: 1, 2, 3, 4, 5