• ПЕРЕЧЕНЬ УСЛОВНЫХ ЭЛЕМЕНТОВ
• ВВЕДЕНИЕ
• 1. АНАЛИТИЧЕСКИЙ ОБЗОР ЛИТЕРАТУРЫ
• 2. РАЗРАБОТКА ПРОГРАММНОГО СРЕДСТВА
• 3. ОБОСНОВАНИЕ ТЕХНИЧЕСКИХ ПРИЕМОВ ПРОГРАММИРОВАНИЯ
• 4. ТЕСТИРОВАНИЕ ПРОГРАММНОГО СРЕДСТВА
• 4.1 Функциональное тестирование
• 4.2 Полное тестирование
• 4.3 Анализ результатов
• 5. РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ СИСТЕМЫ
• 6. ТЕХНИКО-ЭКОНОМИЧЕКОЕ ОБОСНОВАНИЕ
• 6.1 Расчет прогнозируемой цены и прибыли на программное средство
• 6.1.1 Расчет полной себестоимости программного продукта
• 6.1.2 Определение прибыли и свободной отпускной цены программного средства
• 6.2 Обоснование экономической целесообразности проведения мероприятия
• 6.3 Расчет капитальных затрат
• 6.4 Технико-экономические показатели. Выводы по расчетам
• 7. ОХРАНА ТРУДА И ТЕХНИКА БЕЗОПАСНОСТИ
• 7.1 Общие требования безопасности
• 7.2 Требования безопасности перед началом работы
• 7.3 Требования безопасности во время работы
• 7.4 Требования безопасности в аварийных ситуациях
• 7.5 Требования безопасности по окончании работы
• ЗАКЛЮЧЕНИЕ
• СПИСОК ИСПОЛЬЗОВАНЫХ ИСТОЧНИКОВ
• ПРИЛОЖЕНИЕ А
• ПРИЛОЖЕНИЕ Б
• ПРИЛОЖЕНИЕ В
• ПРИЛОЖЕНИЕ Г


ПЕРЕЧЕНЬ УСЛОВНЫХ ЭЛЕМЕНТОВ

В настоящей пояснительной записке применяются следующие термины и определения:

- CoffeScript - язык программирования, транслируемый в JavaScript;

- CSS - Cascading Style Sheets (каскадные таблицы стилей);

- HTML - HyperText Markup Language (язык гипертекстовой разметки);

- Jade - высокопроизводительный шаблонизатор;

- JavaScript - прототипно-ориентированный скриптовый язык программирования;

- Node или Node.js - программная платформа, основанная на движке V8 (транслирующем JavaScript в машинный код);

- npm - пакетный менеджер Node.js;

- Stylus - препроцессора CSS;

- БД - База данных;

- СУБД - Система управления базами данных.

ВВЕДЕНИЕ

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

В наши дни вопрос «Зачем нужен сайт?» задается все реже. И это неудивительно, ведь ответ на него давно уже стал очевидным: сайт нужен, в основном, для того, чтобы помогать его владельцу донести информацию до интернет-пользователей, а также продать им свой товар или услугу.

Целью данной дипломного проекта является разработка web-приложения «Виртуальная тестирующая среда «Познай себя»» для педагогов-психологов БагГУ. Главные задачи данного web-приложения:

- поддержка мобильных устройств;

- кроссбраузерность;

- быстрая загрузка;

- в удобном виде предоставлять всю необходимую информацию для пользователей;

- тесты для студентов;

- предоставить студентам удобный интерфейс для прохождения требуемых тестов;

- полная отчетность по всем тестам;

- обеспечить защиту личной информации студентов;

- обеспечить отказоустойчивость web-приложения.

Данное web-приложение облегчит работу психологов по тестированию студентов. В удобном и простом виде предоставит нужную и информацию о сотрудниках и работе психологов.

Пояснительная записка состоит из семи разделов:

- раздел «Аналитический обзор литературы», включает краткое описание предметной области, функциональную модель, постановку задачи;

- раздел «Разработка программного средства», содержит модель данных, описание процесса реализации, описание последовательности выполнения дипломного проектирования;

- раздел «Обоснование технических приемов программирования», включает обоснование архитектурного построения программного средства, описание выбора операционной системы и языков программирования;

- раздел «Тестирование программного средства», включает способы проверки правильности и работоспособности отдельных функций и программного средства в целом;

- раздел «Руководство пользователя системы», включает краткое пояснение работы программного средства;

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

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

1. АНАЛИТИЧЕСКИЙ ОБЗОР ЛИТЕРАТУРЫ

Web-программирование - бурно развивающийся раздел программирования, ориентированный на разработку динамических web-приложений. Языки web-программирования - это соответственно языки, которые в основном предназначены для создания web-приложений. Языки web-программирования делятся на две группы: клиентские и серверные.

Как следует из названия, клиентские языки обрабатываются на стороне пользователя, а если проще - программы на клиентском языке обрабатывает браузер. Отсюда следует и недостаток - обработка скрипта зависит от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы он вообще игнорировал скрипты. При этом если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую опирался разработчик. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Также код клиентского скрипта может посмотреть каждый, выбрав в меню "Вид" своего браузера вкладку "Исходный код".

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

Самым распространенным из клиентских языков является JavaScript, разработчиками которого является компания Netscape совместно с компанией Sun Microsystems.

Благодаря JavaScript разработчики получили возможность создавать web-страницы с визуальными эффектами и способностью проверять правильность заполнения форм, избавив тем самым пользователей от необходимости повторно загружать всю страницу, если они забыли указать какую-либо информацию или в случае ошибки.

Сегодня Всемирная сеть - это среда информационного обмена для миллионов людей. Они размещают текст, видео, звук, и информацию, и все более и более, они усложняют свои страницы, делая их интерактивными в сети. JavaScript - это язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотрудничестве с Sun Microsystems на базе языка Sun's Java. С помощью JavaScript на web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web-документов, включающих программы на JavaScript, требует наличие текстового редактора и подходящего браузера. Некоторые браузеры включают в себе встроенные редакторы, поэтому необходимость во внешнем редакторе отпадает.

Несмотря на отсутствие прямой связи с языком Java, JavaScript может обращаться к внешним свойствам и методам Java-апплетов, встроенных в страницу HTML. Разница сводится к тому, что апплеты существуют вне браузера, в то время как программы JavaScript могут работать только внутри браузера. На первой взгляд кажется, что найти информацию по JavaScript несложно. Сначала создается впечатление, что ее можно увидеть везде: на любом сайте посвящённом интернет разработке, в виде электронных руководств и примеров, во многих других местах. Тем не менее, разыскать информацию об объектах, операторах, цветах и всем прочем в одном источнике, чтобы она была всегда под рукой, трудно.

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

Книга Д. Крокфорд - JavaScript: сильные стороны, кратко показывает самые сильные стороны языка. Любой язык программирования имеет сильные так и слабые стороны, JavaScript больше всего имеет слабых сторон, с помощью этой книги, на различных примерах, вы узнаете о всех проблемах и странностях поведения непороых операторов или объектов [10]. Книга Стефана Коха "Введение в JavaScript для мага" является руководством, которое представляет собой введение в JavaScript. Состоит она из 12 глав. С помощью JavaScript можно легко создавать интерактивные web-страницы. В данном руководстве показано, что можно сделать с помощью JavaScript, и даже более того - расписано, как это сделать [9]. "JavaScript. Библия пользователя, 4-е издание", автора Дэнни Гудмана рассчитана на широкий круг web-разработчиков и посвящена языку JavaScript. В ней приводится полная информация по синтаксису языка, объектов документа и языка [8].

К достоинствам книги относится то, что она является одной из самых полных и сильных по языку JavaScript, в котором раскрываются огромные возможности данного языка, о которых многие web-разработчики даже и не подозревают. Детальная справочная информация по языку плюс рабочие примеры позволяют использовать её в качестве практического настольного справочника-руководства.

Недостатками книги является описание CSS, которое приводится в виде справки, что не позволяет увидеть тонкости и нюансы практического применения. Примеры использования методов и свойств приведены в объеме, необходимом только для демонстрации их использования. В ряде случаев были замечены некоторые странности и ошибки в их работе. Ряд пояснений составлены таким образом, что понять, о чем идет речь, очень трудно.

JavaScript, профессиональные приемы программирования адресована, прежде всего, разработчикам. Данная книга написана Джоном Рейсигом. На практических примерах создания веб-сайтов подробно рассмотрены возможности и особенности современного языка JavaScript, вместе с тем, здесь нет информации для начинающих о структуре и синтаксисе языка, предполагается, что читатель знаком с ними [15].

PHP - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки Web-приложений. Этот язык в настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web-сайтов.

Важной стороной работы серверных языков является возможность организации непосредственного взаимодействия с системой управления базами данных (СУБД) - сервером, на котором упорядоченно хранится информация, которая может быть вызвана в любой момент.

Джентльменский набор web-мастера, Николая Прохоренка, рассматривает вопросы создания интерактивных web-сайтов с помощью HTML, JavaScript, PHP и MySQL. Представлен материал о применении каскадных таблиц стилей (CSS) для форматирования web-страниц. Даны основные конструкции языка PHP, на примерах показаны приемы написания сценариев, наиболее часто используемых при разработке web-сайтов. Описаны приемы работы с базами данных MySQL при помощи PHP, а также администрирования баз данных с помощью программы phpMyAdmin. Особое внимание уделено созданию программной среды на компьютере разработчика и настройке web-сервера Apache [13].

В 3-м издании книги описываются новые версии программ Apache 2.2.14, PHP 5.3.0 и MySQL 5.1.40. Добавлено описание программ Notepad++, Aptana Studio, NetBeans и HeidiSQL, рассмотрены возможности шаблонизатора Smarty, а также переработаны и дополнены все главы книги.

Создание динамических Web-сайтов с помощью PHP, MySQL и JavaScript, рассмотрено в книге Робина Никсона [11]. Если есть базовые знания о HTML, то с помощью книги Робина Никсона, опытнейшего разработчика и автора многочисленных бестселлеров по web-мастерингу, вы без особого труда научитесь создавать современные динамические сайты, характеризующиеся высоким уровнем взаимодействия с пользователями. Откройте для себя сочетание PHP и MySQL, узнайте, как они облегчают создание современных веб-сайтов, научитесь добавлять к этим технологиям возможности JavaScript, позволяющего создавать высокотехнологичные, эффективные и отзывчивые приложения. Здесь рассмотрена только малая часть из большого количества предлагаемых книг и пособий.

2. РАЗРАБОТКА ПРОГРАММНОГО СРЕДСТВА

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

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

Для отображения административной панели, необходима в адресной строке браузера ввести адрес приложения c добавлением в конце пути секретного адреса установленного к конфигурации сервера (/admin) затем авторизоваться.

На рисунке 2.1 приведена структура web-приложения для педагогов-психологов БарГУ.

Рисунок 2.1 - Структура web-приложения

Реализация разметки web-страниц представлена в Приложении В

В состав web-приложения входят следующие модули:

- администрирования сайта;

- пользовательский интерфейс;

- модуль прохождения тестов;

- модуль хранения данных;

- авторизация пользователей;

- маршрутизации запросов.

Интерфейсный модуль построен на двух типах диалогов: диалог "запрос - ответ" и диалог типа "контент". Интерфейсный модуль управляет компиляцией пользовательских шаблонов с учетом устройства сделавшего запрос к серверу.

Модуль администрирования сайта отвечает за управлением всех данных. Обеспечена высокая степень защищённости данной части сайта. Применяются различные методы для работы с данным из БД.

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

Модуль хранения данных обеспечивает бесперебойное подключение к БД. Так же занимается верификацией сохраняемых данных.

Модуль авторизации отвечает за авторизации пользователей, восстановления или изменения пароля. Дополнительным элементом которой является социальная авторизация. Которая требует от пользователя меньших усилий, нужен только аккаунт в социальной сети поддерживаемый проектом. Основные из них такие как:

- ВКонтакте;

- Facebook;

- Яндекс.

Модуль маршрутизации запросов отвечает за роутинг в web-приложении. Кеширование статических ресурсов и генерацию динамического контента.

Программный код модулей серверной части web-приложения предоставлен в Приложении А.

Для рецитации задач web-приложения используется следующие npm пакеты:

- async - библиотека, облегчающая работу с асинхронными функциями;

- body-parser - парсер передаваемых данных;

- compression - модуль, обеспечивающий gzip сжатие страниц;

- connect - вспомогательный модуль;

- connect-redis - модуль для работы с базой данных Redis;

- cookie-parser - парсер кук;

- csurf - защита от подделывания всех POST запросов;

- debug - отладчик;

- express-device - модуль для определения типа устройства;

- express-recaptcha - подключение сервиса recaptcha на сайт;

- express-session - модуль для работы с сессиями;

- helmet - защита от подделывания HTTP запросов;

- jade - движок шаблонов;

- mongoose - модуль для работы с базой данных MondoDB;

- morgan - логер;

- nconf - модуль конфигурирования;

- passport - модуль упрощенной регистрации пользователей;

- passport.socketio - авторизация в сокет запросах;

- passport-facebook - авторизация через социальную сеть Facebook;

- passport-local - локальная авторизация и регистрация;

- passport-vkontakte - авторизация через социальную сеть Vkontakte;

- passport-yandex - авторизация через почтовый сервис Yandex;

- serve-favicon - кеширование и обработка запроса /favicon.ico;

- socket.io - веб-сокет запросы.

Схема отношении в динамической БД web-приложения не имеет четко выраженной структуры, реализация циркулирования информации в виртуальной среде «Познай себя» описана в виде взаимосвязанных таблиц, основные характеристики которых представлены в таблицах 2.1 - 2.6.

Таблица 2.1 - Модель пользователя

Таблица 2.2 - Модель группы

Таблица 2.3 - Модель теста

Таблица 2.4 - Модель новости

Таблица 2.5 - Модель объявления

Таблица 2.6 - Модель сообщения обратной связи

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

3. ОБОСНОВАНИЕ ТЕХНИЧЕСКИХ ПРИЕМОВ ПРОГРАММИРОВАНИЯ

Для разработки серверной части web-приложения «Виртуальная тестирующая среда «Познай себя»» использовался фреймворк «Express.js» написанный на JavaScript. Язык программирования - CoffeeScript, который компилируется в понятный Node JavaScript. Единый язык как на стороне клиента, так и на стороне сервера обеспечивает эффективность и скорость разработки. JavaScript также используется для построения запросов к NoSQL базе данных MongoDB.

Express - очень малый и быстрый серверный веб-фреймворк, построенный на базе connect. Для работы которого потребуется Node.

Основные возможности Express:

- гибкая система маршрутизации запросов;

- перенаправления;

- динамические представления;

- уточнение контента;

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

- обработка представлений и поддержка частичных шаблонов;

- поддержка конфигураций на основе окружений;

- оповещения, интегрированные с сессиями;

- утилиты для быстрой генерации основы приложений;

- настройки представлений на уровне приложений.

Кроме этого:

- поддержка сессий;

- кэш API;

- поддержка mime;

- поддержка ETag;

- постоянные оповещения;

- поддержка кук;

- JSON RPC;

- логирование.

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

Принятая в Node модель принципиально отличается от распространенных платформ для построения серверов приложений, в которых масштабируемость достигается за счет многопоточности. Утверждается, что благодаря событийно-ориентированной архитектуре снижается потребление памяти, повышается пропускная способность и упрощается модель программирования. Сейчас платформа Node быстро развивается, и многие считают ее привлекательной альтернативой традиционному подходу к разработке веб-приложений - на базе Apache, РНР и т. п.

В основе Node лежит автономная виртуальная машина JavaScript с расширениями, делающими ее пригодной для программирования общего назначения с упором на разработку серверов приложений. Платформу Node не имеет смысла напрямую сравнивать ни с языками программирования, которые обычно используются для создания веб-приложений (PHP/Python/Ruby/Java и прочие), ни с контейнерами, реализующими протокол HTTP (Apache/Tomcat/Glassfish ит. д.). В то же время многие считают, что потенциально она может заменить традиционные стеки веб-приложений.

В основе реализации лежит цикл обработки событий неблокирующего ввода/вывода и библиотеки файлового и сетевого ввода/вывода, причем все это построено поверх движка V8 JavaScript (используемый в веб-браузере Chrome). Библиотека ввода/вывода обладает достаточной общностью для реализации любого протокола на базе TCP или UDP: DNS, HTTP, IRC, FTP и др. Но хотя она поддерживает разработку серверов и клиентов произвольного протокола, чаще всего применяется для создания обычных веб-сайтов, где заменяет Apache/PHP или Rails.

В настоявшее время количество мобильных устройств растет, как и пользователей, которые используют мобильные устройства для доступа в интернет. И создание мобильной версии сайта стало необходимостью. На текущий момент при построении мобильных версий сайтов используется адаптивный дизайн или отдельная мобильная версия сайта. Для моего web-приложения использовался адаптивный дизайн. С помощью CSS3 медиа запросов и сетки из Bootstrap.

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

В основу web-дизайна легла блочная структура. Использование каскадных таблиц стилей CSS, значительно упростила работу по созданию дизайна страницы, обеспечила гибкость в дальнейшем совершенствование и изменении облика web-страницы. Для ускорения набора и обеспечения кроссбраузерности использовался Stylus c дополнением nib.

Используется создателями для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры web-страницы от описания внешнего вида этой web-страницы. Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.

Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей. Эти таблицы могут располагаться как в самом web-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS.

Для повышения производительности web-приложения используется БД Redis в которой хранятся сессии пользователей. Redis - сетевое журналируемое хранилище данных типа «ключ -- значение» с открытым исходным кодом. Не реляционная высокопроизводительная СУБД. Главное преимущество -- это скорость запросов. Производительность Redis обычно измеряется в десятках тысяч или даже сотнях тысяч операций в секунду. Высокая производительность Redis обуславливается тем, что все данные хранятся в оперативной памяти. На Linux-сервере начального уровня был установлен результат в 110 000 запросов SET и 81 000 запросов GET в секунду.

Для хранения данных использовался СУБД MongoDB. Это обусловлено сложностью хранения тестов. Различные тесты и способы их анализа и подсчета результатов. Так как MongoDB не требует какого-либо описания схемы базы данных - она может постепенно меняться по мере развития приложения, что есть удобно.

MongoDB -- документо-ориентированная система управления базами данных (СУБД) с открытым исходным кодом, не требующая описания схемы таблиц. Написана на языке C++. JavaScript используется для построения запросов к базе данных.

Основные возможности:

- документо-ориентированное хранение (json-подобная схема данных);

- достаточно гибкий язык для формирования запросов;

- динамические запросы;

- поддержка индексов;

- профилирование запросов;

- быстрые обновления «на месте»;

- эффективное хранение двоичных данных больших объёмов, например, фото и видео;

- журналирование операций, модифицирующих данные в базе данных;

- поддержка отказоустойчивости и масштабируемости: асинхронная репликация, набор реплик и распределения базы данных на узлы;

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

MongoDB состоит из «баз данных», которые состоят из «коллекций». «Коллекции» состоят из «документов». Каждый «документ» состоит из «полей». «Коллекции» могут быть проиндексированы, что улучшает производительность выборки и сортировки. И наконец, получение данных из MongoDB сводится к получению «курсора», который отдаёт эти данные по мере надобности.

Чтобы не нагружать сервер излишними запросами при прохождении теста студентами, принято решение использовать WebSocket.

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

Что в свою очередь позволяет уменьшить количество второстепенных запросов, за счет не полной перезагрузки страницы. Сервер использует socket.io, который главным образом использует протокол WebSocket. Но если нет поддержки браузером данного протокола, используются другие методы, например: Adobe Flash сокеты, JSONP запросы или AJAX запросы, предоставляя тот же самый интерфейс.

4. ТЕСТИРОВАНИЕ ПРОГРАММНОГО СРЕДСТВА

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

Выделяем следующие уровни тестирования:

– модульное тестирование - тестируется минимально возможные компоненты web-приложения;

– интеграционное тестирование - ищет проблемы в интерфейсах взаимодействия между модулями системы;

– функциональное тестирование - это тестирование ПО в целях проверки реализуемости функциональных требований, то есть способности ПО в определённых условиях решать задачи, нужные пользователям. Цель тестирования - ответить на вопрос: способен ли web-сайт решить задачу, нужную конечному пользователю.

Функциональные требования определяют, как именно должны функционировать сервисы web-приложения и какого результата должен достигать пользователь, пользуясь им.

Функциональные требования к web-сайту включают:

– функциональную пригодность;

– точность;

– скорость загрузки;

– способность к взаимодействию;

– соответствие стандартам и правилам;

– защищённость.

Таблица 4.1 -- Форма для тестовых случаев

По данным тестов, наиболее уязвимые места прошли проверку (результаты в таблице 4.1).

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

Сайт оптимизирован под следующий список браузеров:

– Chrome

– Firefox

– Internet Explorer 9+

– Opera 12+

– Safari 5+

Результаты кроссбраузерности предоставлены на рисунках 4.1 - 4.3

Рисунок 4.1 - Вид главной страницы в Safari 5

Рисунок 4.2 - Вид главной страницы в Internet Explorer 9

Рисунок 4.3 - Вид главной страницы в Opera 12

4.2 Полное тестирование

При работе с web-приложением «Виртуальная тестирующая среда «Познай себя»» пользователь может открывать любую страницу, ссылки прописаны во всех страницах и являются работоспособными.

На странице «Главная» содержатся последние новости, объявления и основная информация.

На странице «Проекты» пользователь может ознакомится со всеми проектами.

На странице «Постеры» пользователь может просмотреть все доступные постеры.

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

На странице «Регистрация» пользователь может создать свой профиль пройдя двух факторную регистрацию с подтверждением email адреса. Для дальнейшей авторизации используется страница «Вход».

Для зарегистрированных пользователей доступна страница «Тесты» на которой студенты могут проходить все доступные тесты.

Для тестирования скорости загрузки сайта использовались два сервиса «PageSpeed Insights» и «WebPagetest». Тестировалась главная страница сайта, так как на ней содержится большое количество изображении, скриптов, стилей.

Результаты теста PageSpeed Insights предоставлены на рисунке 4.5.

Рисунок 4.5 - Результаты теста PageSpeed Insights

Результаты теста потрясающие, 100 из 100 балов в скорости загрузки и удобства для пользователей мобильных устройств. Результаты теста WebPagetest предоставлены на рисунке 4.6.

Рисунок 4.6 - Результаты теста WebPagetest

Результаты теста WebPagetest показатель Speed Index не превышает 1000, а вторичный запрос показывает значение 500. Количество запросов уменьшилось при первой загрузке страницы уменьшилась с 67 к 8. Полная загрузка страницы осуществляется за 3 - 5 секунд. Ещё важный показатель: начало отображения страницы 0.5 секунд.

4.3 Анализ результатов

6.1 Расчет прогнозируемой цены и прибыли на программное средство

6.1.1 Расчет полной себестоимости программного продукта

В данном разделе рассчитана полная себестоимость программы.

Себестоимость программного средства - это затраты разработчика в денежной форме на производство и реализацию программного средства.

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

7.1 Общие требования безопасности