1.2.4 Выбор состава технических и программных средств

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

Для нормального функционирования программного продукта требуется ПК со следующими рекомендуемыми характеристиками:

• центральный процессор с тактовой частотой не менее 1 ГГц;

• ОЗУ не менее 1024 MБ;

• жесткий диск с объемом свободной памяти не менее 250 МБ;

• видеоадаптер;

• дисковод CD/DVD;

• манипулятор «мышь»;

• клавиатура;

• монитор.

Программа может работать в операционной системе Microsoft Windows XP/Vista/7/10. Операционные системы данного класса являются самыми надежными и популярными.

Требования, предъявляемые к аппаратной и программной части ЭВМ необходимы для быстрой и надёжной работы операционной системы.

Также программный продукт должен нормально функционировать при бесперебойной работе ЭВМ.

При разработке электронного учебника была использована операционная система Windows 7 и следующий состав программных средств:

• браузер «Internet Explorer»;

• текстовый процессор «Word»;

• редактор html-кода «Notepad++Portable»;

• графический редактор «Paint.NET».

Internet Explorer лежит в основе операционных систем семейства Windows, это клиентская программа службы WWW и средство для просмотра Web-документов, созданных в формате HTML.

Microsoft Word – мощный текстовой процессор, предназначенный для выполнения всех процессов обработки текста: от набора и верстки, до проверки орфографии, вставки в текст графики в стандарте *. pcx или *. bmp, распечатки текста. Он работает со многими шрифтами, как с русским, так и с любым из двадцати одного языка мира.

 Notepad++Portable – свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более 100 форматов. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

Paint.NET. – бесплатный графический редактор для работы с изображениями и фотографиями, для использования на компьютерах с ОС Windows. Поддерживает работу со слоями, неограниченную историю, специальные эффекты и широкое разнообразие полезных и мощных инструментов.

В качестве языковых средств при разработке программы используются:

• язык сценариев Java Script;

• язык гипертекстовой разметки HTML.

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

Для реализации поставленной задачи я выбрала языки HTML и Java Script, так как именно эти языки позволяет создавать универсальные гипертекстовые документы, структура которых как нельзя лучше подходит для реализации задачи, поставленной в дипломной работе.

HTML (Hyper Text Markup Language) – язык разметки гипертекста, применяемый для разработки web-страниц.

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

Язык HTML предназначен для разметки и оформления документов в Интернете. Зарождение HTML следует отнести к далекому 1986 году, когда впервые усилиями Международной организации по стандартизации (ISO) был принят ISO-8879-стандарт, названный ими «Standard Generalized Markup Language» (SGML). Данный язык тогда описывался как язык для структурной (логической) разметки текста и не подразумевал наличия хоть сколько-нибудь малого описания внешнего вида документа.

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

При создании электронного учебника использовались основные базовые теги HTML – документа:

<HTML> – данный тэг используется для открытия HTML-страницы.

<HEAD> – определяет заголовок Web-страницы.

<TITLE> – внутри данного тега заключается название html-документа.

<BODY> – данный тэг заключает в себя документ.

Тег <BODY> имеет атрибуты:

• Bgcolor = “…” – определяет цвет фона документа.

• Background = “…” – указывает браузеру местоположение файла, который необходимо использовать в виде фонового рисунка.

• Text = “…” – устанавливает цвет текста.

• Alink = “…” – определяет цвет активной ссылки.

• Vlink = “…” – определяет цвет просмотренной ссылки.

• Link = “…” – определяет цвет непросмотренной ссылки.

Тег <META> - позволяет описывать свойства документа. Информация, расположенная внутри этого тега предназначается для браузера.

<P> - используется для создания абзаца.

<BR> - используется для начала новой строки.

<p align = “Left”> - выравнивание по левому краю.

<p align = “center”> - выравнивание по центру

<p align = “right”> - выравнивание по правому краю

<p><center> - также выравнивание по центру, однако в данном случае будет использоваться тэг </center>

<b></b> - устанавливает жирный шрифт.

<i></i> - устанавливает наклонный шрифт.

<u></u> - подчёркнутое написание символов.

 - приспускает текст

 - приподнимает текст

<IMG> служит для внедрения графики на страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF).

Атрибуты тега:

• Src = “…” – определяет url-адрес графического файла.

• align - выравнивает изображение к одной из сторон документа;

• left - выравнивание по левому краю;

• right - выравнивание по правому краю;

• center - выравнивание по центру;

• bottom - выравнивание по нижнему краю;

• top - выравнивание по верхнему краю;

• alt - выводит текст к картинке.

• Width = “…” – устанавливает ширину.

• Height = “…” – устанавливает высоту.

<UL> (Unordered List) служит для создания ненумерованного списка.

• <TD> определяет отдельную ячейку в таблице.

Атрибуты тега:

• height - указывает высоту элемента в процентах или пикселях;

• align - выравнивает текст в ячейке:

• left – выравнивание по левому краю (по умолчанию);

• rigth - выравнивание по правому краю;

• center - выравнивание по центру;

• valign - выравнивает текст в ячейке по вертикали:

• top - - выравнивание по верхнему краю;

• middle – выравнивание по центру;

• bottom – выравнивание по нижнему краю;

• colspan - указывает кол-во столбцов, которое объединено в одной ячейке);

• rowspan - указывает кол-во строк, которое объединено в одной ячейке (по умолчанию=1);

• title - всплывающая подсказка.

Для создания электронного учебника использовалась блочная верстка. Такая верстка обладает рядом преимуществ:

• Отделение стиля элементов от кода html;

• Возможность наложения одного слоя на другой – такая возможность во многом облегчает позиционирование элементов.

• Лучшая индексация поисковиками;

• Высокая скорость загрузки страницы, состоящей от взаимно независимых элементов;

• Легкость создания визуальных эффектов (выпадающих меню, списков, всплывающих подсказок).

Основным элементом, применяемым в блочной верстке, является тег <div>. Участок кода, отделенный этим тегом, называется слоем. Все стилевые решения вынесены за границы кода html в каскадные таблицы стилей. Доступ к ним осуществляется через идентификаторы или классы css

JavaScript – это язык для составления сценариев, позволяющих выполнять разные действия непосредственно на машине пользователя.

Язык Java Script используется для создания аплетов, работающих в составе Web-страниц, для написания JSP-страниц, а также для разработки автономных приложений. Популярность языка Java Script обеспечивается во‑многом из-за его платформенной независимости.

Идея JavaScript очень проста. Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектами, которыми являются элементы рабочей области программы-браузера и контейнеры языка HTML. Собственно объектная ориентированность JavaScript на этом и кончается. Есть только объекты с набором свойств и набор функций над объектами (методы). Кроме методов существуют и другие функции, которые больше похожи на функции из традиционных языков программирования и позволяют работать со стандартными математическими типами или управлять процессом выполнения программы. Еще в JavaScript есть события – аналог программных прерываний. Эти события также ориентированы на работу в World Wide Web, например, загрузка страницы в рабочую область браузера или выбор гипертекстовой ссылки. Используя события, автор гипертекстовой страницы и программы ее отображающей может организовать просмотр динамических объектов, например, бегущая строка, или управление многооконным интерфейсом.

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

Каждый из классов имеет функции управления объектами класса - методы. Самыми главными из методов являются те, которые позволяют переназначать значения объектов. Делается это обычно по операции присваивания. Вообще, все типы операторов, которые поддерживаются обычными языками программирования, реализованы в JavaScript (+, -, *, /, %, >>, <<, +=, -=, ...). При этом оператор сложения "+" при работе со строками означает конкатенацию последних, т.е. добавление в конец строки новую строку: s = "string1"+"string2"

Кроме операций с числами и описаний стандартных классов в JavaScript есть команды управления потоком вычислений:

• break - принудительный выход из цикла;

• continue - переход в конец цикла;

• for - цикл;

• for - цикл свойств объекта (переменных определенных в классе);

• if..else - условный оператор;

• wile - условный цикл;

• var - оператор объявления переменной.

Тип переменной определяется по присвоенному ей значению.

В контексте стека гипертекстовых ссылок интересно рассмотреть еще одну возможность JavaScript, связанную с переходом по гипертекстовой ссылке вообще. В обычном случае параметр HREF контейнера <A> должен иметь какое-нибудь значение. Если, например, по событию onClick необходимо открыть новое окно и в старом сохранить отображенный документ, то его URL следует указывать в качестве значения HREF. В противном случае, в старое окно будет загружена пустая страница, если HREF=" ". В новой версии JavaScript введена функция void. Точнее тип void, который означает отсутствие какого-либо значения. Если нам необходимо выполнить некоторые действия при выборе гипертекстовой ссылки, но при этом не перегружать текущие страницы, то в параметре HREF можно указать конструкцию:

<A HREF="javascript:void(0)">Lekc1</A>

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

2 ПРАКТИЧЕСКАЯ ЧАСТЬ