Размещено на http://www.allbest.ru/

Содержание

• Введение
• 1. Описание темы
• 1.1 Теоретическое описание
• 1.2 Практическое описание
• 1.3 Сравнение с похожими проектами
• 2. Ход решения задачи
• 2.1 Организация информационного обеспечения
• 2.2 Организация программного обеспечения
• 2.3 Организация технического обеспечения
• 3. Описание интерфейса
• 3.1 Интерфейс пользователя
• 4. Экономическая эффективность
• 4.1 Эффективность проекта
• 4.2 Расчет себестоимости проекта
• 5. Результаты практического использования
• Заключение
• Список использованных источников



Введение

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

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

Динамическое веб-приложение для определения типа химических элементов по электроотрицательности позволит посетителям сайта получить информацию о каждом химическом элементе, историю открытия, происхождение названия, распространённость, получение, его физические и химические свойства, химические свойства. С помощью веб-приложения "Динамического сайта для расчета физико-химических свойств элементов периодической системы Д.И. Менделева", посетитель сайта может контактировать с администратором сайта.

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

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

Данная работа отличается от большинства веб-приложений в глобальной сети интернет благодаря разработки веб-приложения по технологии Model View Controller(MVC) [2-4], кроссплатформенному шаблону и независимости от Content Management System (CMS) [2]. Преимущество, которое мы получаем от использования концепции MVC - это чёткое разделение логики представления и логики приложения.

Благодаря такому разделению, концепция MVC существенно уменьшает сложность больших приложений [5]. Код получается гораздо более структурированным, и тем самым, облегчается поддержка, тестирование и повторное использование решений, то есть администратор сайта может в любое время добавлять к сайту новые модули, создавая классы с помощью объектно-ориентированного программирования или же редактировать шаблон сайта.

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

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

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

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

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

На данную тему научно-исследовательской работы со стороны автора сделаны 2 публикации, одна из которых опубликована на " XI Ежегодной научной сессии аспирантов и молодых ученых" и на "Международной научно - технической конференции молодых ученых БГТУ им. В.Г. Шухова".

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



1. Описание темы

Тема выпускной квалификационной работы - Создание кроссплатформенного динамического сайта для расчета физико-химических свойств элементов периодической системы Дмитрия Ивановича Менделеева с использованием технологии MVC [2-4], интегрирование с информационной системой Википедия [6], Google и создание шаблона для просмотра веб- страницы сайта на любых гаджетах и платформах.

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

Формулируются требования к техническому обеспечению для тестирования и разработки динамического веб-приложения.

1.1 Теоретическое описание

Электроотрицательность одно из важнейших понятий в органической химии. Определение термину дал Лайнус Полинг [1] в своей книге о природе химической связи. По словам Лайнуса Полинга электроотрицательность это способность атома в молекуле смещать к себе электроны. Изучая свойства молекул можно сравнивать электроотрицательность для определения характеристик атомов в её составе. Лайнус Полинг рассчитал значение электроотрицательности элементов и поместил их в таблицу, которая приведена на рисунке 1.1. Данная таблица позволяет сравнивать разные элементы друг с другом.

Рисунок 1.1 - Относительная электроотрицательность атомов элементов по Полингу [16]

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

Разработка веб-приложения по принципу Model View Controller (MVC) [4] и создание кроссплатформенного шаблона для интерфейса пользователя является важным этапом для автоматизации данного процесса и администрирования для систем на базе объектно-ориентированного программирования с использованием скриптового языка программирования Personal Home Page Tools (PHP). Любое ошибочное разделение ответственности за различное функционирование модели, представления и логики, приведет к неправильной функциональности веб-приложения в целом.

Рисунок 1.2 - Концептуальная схема шаблона MVC [4]

1.2 Практическое описание

Для разработки динамического веб-приложения определения типа химических элементов по электроотрицательности необходимы технические, программные средства и математическое обеспечение. Для обеспечения технических средств необходим компьютер, профессиональный фотоаппарат, съемный носитель, планшет, мобильные телефоны с разными платформами (IOS, Android & Windows Phone) и модем с доступом в интернет. Компьютер необходим для установки программного обеспечения, которое позволит разработчику создать динамическое веб-приложение для определения типа химических элементов по электроотрицательности. Профессиональный фотоаппарат позволяет сделать яркие и качественные снимки. Съемный носитель нужен для передачи информации с одного компьютера на другой. Планшет и мобильные телефоны с разными платформами необходимы, для тестирования мобильных версий сайта во время разработки веб-приложения. Математическое обеспечение необходимо для создания алгоритмов обработки информации, используемых при решении функциональных и проектных задач в ИС и моделирования процессов управления.

1.3 Сравнение с похожими проектами

Чтобы проектировать динамическое веб-приложения "Определения тип химических элементов по электроотрицательности" проведен анализ структуры и дизайн похожих веб-приложений. Каждый сайт уникален по-своему, например, на сайте "www.resy.ru" решение задачи, группировки, сортировки химических элементов и разделение по цветам. Для просмотра и нахождения химических элементов шаблон сайта удобен.

Рисунок 1.3 - Периодическая система химических элементов Дмитрия Ивановича Менделеева на сайте "www.resy.ru"

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

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

Размещено на http://www.allbest.ru/

Рисунок 1.4 - Главная страница "Xumuk.ru"

На сайте XuMuK (сайт о химии) являющимся одним из самых популярных химических сайтов Рунета [], домен "www.xumuk.ru" особое внимание уделено на модельную структуру сайта. Разработан на языке php и JavaScript. Данные хранятся в базе данных. На сайте имеется модуль "Поделится" для социальной сети "Facebook", "Майл", "Вконтакте", "Twitter", "Одноклассники" и "Google+".

Размещено на http://www.allbest.ru/

Рисунок 1.5 - Страница цен для публикации рекламы на сайте "Xumuk.ru"

На "footer"-е сайта размещены ссылки: на разработчика сайта раздел "Дизайн", на обратную связь с администратором сайта раздел "Обратная связь", информация на стоимость размещения рекламы и статистика сайта на сайте "XuMuK (сайт о химии)". На страничке реклама размещена информация о статистике посещения сайта и стоимость публикации рекламы на страницы сайта "XuMuK.ru".

Недостатком сайта XuMuK (сайт о химии) можно отнести не работающую ссылку "Обратная связь", что достаточно негативно влияет на дальнейшее функционирование сайта. Справа слишком много свободного место на сайте, шаблон сайта не динамический, на мобильных устройствах пользоваться.

"Основным меню" неудобно. На сайте XuMuK (сайт о химии) много багов, например, на разделе "Уравнение химических реакций" не работает ссылка "К разделу помощи" и т.д.



2. Ход решения задачи

Для того чтобы реализовать MVC создадим следующую структуру файлов и папок.

Рисунок 2.1 - Структура файлов и папок

В папке core будут храниться базовые классы Model, View и Controller. Их наследники будут храниться в директориях controllers, models и views. Файл index.php это точка в входа в приложение. Ниже приведен код для файла "index.php".

ini_set('display_errors', 1); require_once 'lib/conn_class.php';

require_once 'application/bootstrap.php';

Файл bootstrap.php инициирует загрузку приложения, подключая все необходимые модули. Ниже приведен код для файла "bootstrap.php".

require_once 'core/model.php'; require_once 'core/view.php'; require_once 'core/controller.php'; require_once 'core/route.php'; Route::start();

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

Маршрутизацию поместим в отдельный файл route.php в директорию core. В этом файле опишем класс Route, который будет запускать методы контроллеров, которые в свою очередь будут генерировать вид страниц.

В элементе глобального массива $_SERVER ['REQUEST_URI'] содержится полный адрес, по которому обратился пользователь.

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

Перейдем в папку core и добавим к файлу route.php еще три файла: model.php, view.php и controller.php.

Рисунок 2.2- Структура файлов и папок

Внутри файла model.php создадим базовый класс model.

<?php

class Model {

public function get_data() {

}

}

?>

Класс модели содержит единственный пустой метод выборки данных, который будет перекрываться в классах потомках.

Далее создадим базовый класс "View".

<?php class View

{

function generate($content_view,$template_view,$data=null)

{

include "application/views/".$template_view;

}

}

?>

Метод generate предназначен для формирования вида. В него передаются следующие параметры:

- $content_file - виды, отображающие контент страниц;

- $template_file - общий для всех страниц шаблон;

- $data - массив, содержащий элементы контента страницы.

Функцией include динамически подключается общий шаблон (вид), внутри которого будет встраиваться вид для отображения контента конкретной страницы.

Теперь создадим базовый класс controller.

<?php

class Controller{ public $model; public $view;

function __construct()

{

$this->view=new View();

}

//действие (action)

//вызываемое по умолчанию

function action_index()

{

}}?>

Метод action_index - это действие, вызываемое по умолчанию, его мы перекроем при реализации классов потомков.

2.1 Организация информационного обеспечения

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

Размещено на http://www.allbest.ru/

Рисунок 2.1 - Экспортированная база данных "electrootric"

База данных веб-приложения "Определение тип химических элементов по электроотрицательности" экспортирован в корневой папке "MVC", названием "electrootric" и расширением "sql".

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

"Определения тип химических элементов по электроотрицательности". Для создания СУБД использован тип данных MyIsam, кодировка utf-8.

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

Для реализации статических страниц и шаблонов должны использоваться языки HTML и CSS. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 4.0).

Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и DHTML. Для реализации динамических страниц использовалась скриптовый язык PHP.

Все рисунки на веб-приложении определение типа химических элементов по электроотрицательности в формате png и jpg. Объем одной стандартной загружаемой страницы сайта в среднем не превышает 93 kb. Данные таблицы веб-приложения для определения типа химических элементов по электроотрицательности заполнялись из таблицы Дмитрия Ивановича Менделеева и значение электроотрицательности из таблицы Лайнуса Полинга. В контенте главной страницы сайта размещена таблица химических элементов.

2.2 Организация программного обеспечения

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

Серверная часть:

- операционная система семейства Windows;

- PHP 4.2.0 и выше (должен быть собран как модуль Apache);

- СУБД MySQL 4.1.14 и выше;

- модули PHP: Mcrypt, FTP, ffmpeg-php;

- библиотеки PHP: Smarty, GeoIP;

- возможность доступа к localhost по FTP протоколу;

- доступ к File Zilla для редактирования сайта;

- PHP не был запущен в SafeMode. Пользовательская часть:

Браузер для просмотра веб-страницы (Google chrome, Opera, Safari, Firefox и т.д.) с включенным интерпретатором JavaScript:

Adobe Flash Player версии 9 и выше. Сайт должен быть работоспособен (информация, расположенная на нем, должна быть доступна) даже при отключении в браузере поддержки flash и JavaScript.

Приложение "google analitycs" позволяет анализировать статистику посещение пользователей к сайту и с каких устройств посетители зашли на динамическое веб-приложение для определения типа химических элементов по электроотрицательности. Для того чтобы подключить приложение google analitycs написан код на объектно-ориентированном языке программирования и регистрирация на сайте ИС "Google" для получения уникального кода (UA), который дается каждому пользователю отдельно. Ниже приведен код модуля Google для сбора статистики в "views":

$this->widget('ext.googleAnalytics.EGoogleAnalyticsWidget', array('account'=>'UA-62307819-1', 'domainName'=>'elec.comxa.com'));

В данном коде подключается созданный виджет "google analitycs", далее с помощью массива вводятся параметры подключение к аккаунту разработчика. Ниже приведен код модуля Google для сбора статистики в "extensions":

class EGoogleAnalyticsWidget extends CWidget { public $searchSystems = array(

'mail.ru'=>'q','rambler.ru'=>'words','nigma.ru'=>'s',

'aport.ru'=>'r','blogs.yandex.ru'=>'text','meta.ua'=>'q',

'bigmir.net'=>'q','i.ua'=>'q','online.ua'=>'q', 'ukr.net'=>'search_query','liveinternet.ru'=>'q',

'search.ua'=>'query',); public $account;

public $domainName = ""; public function run() {$gaq = "";

if (!empty($this->searchSystems)){

if (!is_array($this->searchSystems)){throw new Exception('Additional search systems in GoogleAnalytics widget must be specified as array(\'domainName\'=>\'queryParameter\')');} foreach ($this->searchSystems as

$domain=>$queryParametr){$gaq.= "_gaq.push(['_addOrganic','$domain', '$queryParametr']);\n";}}

if (!empty($this->domainName)){ $gaq.= "_gaq.push(['_setDomainName','$this->domainName']);\n";} Yii::app()->clientScript->registerScript('GoogleAnalytics'," var _gaq = _gaq || [];

_gaq.push(['_setAccount', '$this->account']);

$gaq_gaq.push(['_setAllowHash', false]);

_gaq.push(['_setAllowLinker', true]);

_gaq.push(['_trackPageview']);

function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol? 'https://ssl': 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script') [0]; s.parentNode.insertBefore(ga, s);})();",CClientScript::POS_END);}}

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

<?php class LanguageSelector extends CWidget

{public function run()

{$currentLang = app()->language;

$languages = app()->params->languages;

$this->render('languageSelector', array('currentLang' => $currentLang, 'languages'=>$languages));}}

?>

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

<?php class LanguageSelector extends CWidget

{public function run()

{$currentLang = app()->language;

$languages = app()->params->languages;

$this->render('languageSelector', array('currentLang' => $currentLang, 'languages'=>$languages)); }}?>

<?php echo CHtml::form();?>

<div id="language-select">

<?php

if(sizeof($languages) < 4) {

$lastElement = end($languages); foreach($languages as $key=>$lang) { if($key!= $currentLang) {

echo CHtml::ajaxLink($lang,'', array('type'=>'post','data'=>'_lang='.$key.'&YII_CSRF_TOKEN='. app()-

>request->csrfToken,'success' => 'function(data) {window.location.reload();}'), array());} else echo '<b>'.$lang.'</b>';

if($lang!= $lastElement) echo ' | '; } }

else {echo CHtml::dropDownList('_lang', $currentLang,

$languages,array('submit' => '','csrf'=>true,)); }?></div>

<?php echo CHtml::endForm();?>

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

2.3 Организация технического обеспечения

Техническое обеспечения - это оборудование, с помощью которого будет размещено динамическое веб-приложение для сайта для расчета физико- химических свойств элементов периодической системы Д.И. Менделеева. Указаны минимальные системные требования.

Серверная часть:

· компьютер с процессором PENTIUM IV с частотой 2 ГГЦ;

· оперативная память 1 гб;

· место на диске от 1 гб.

Клиентская часть:

· компьютер с процессором Pentium IV с частотой 1.5ГГц; оперативная память 512 Мб.



3. Описание интерфейса

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

3.1 Интерфейс пользователя

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

Рисунок 3.1 - Интерфейс пользователя

Пользователь динамического веб-приложения для определения типа химических элементов по электроотрицательности имеет возможность получить информацию о химических элементах: свойства атома, химические свойства, распространённость, получение, изотопы, свойства изотопов и т.д. Провести расчет для определения типа химических элементов по электроотрицательности. Блок схема "Определение тип связи химических элементов по ЭО" приведена на рисунке 3.2.

Рисунок 3.2 - Блок-схема алгоритма "Определение тип связи химических элементов по ЭО"

Электроотрицательность химического элемента определяется согласно алгоритму [7], а тип связи определяется из полученного значения:

1) Меньше 0,5 связь "Ковалентная неполярная";

2) В пределах 0,5-1,6 связь "Ковалентная полярная";

3) Больше 2 связь "Ионная".

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

Рисунок 3.3 - Статистика электроотрицательности химических элементов [6]

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



Рисунок 3.4 - Мобильная версия сайта, тип устройства Iphone 5/SE

Шаблон сайта поддерживает любые современные гаджеты, благодаря кросплатформенному шаблону, который позволяет посетителям сайта зайти с любого устройства, который имеет доступ к интернету. На рисунке 3.2 приведен дисплей телефона Iphone 5/SE в виде изображения с домена на котором был размещен сайт для тестирования "elec.comxa.com".

Также шаблон веб-приложения протестирован на разрешение дисплея для Iphone 6 plus, Iphone 7 plus и Iphone 8 plus.

Рисунок 3.5 - Мобильная версия сайта, тип устройства Iphone 6/7/8 plus

Рисунок 3.6 - Обратная связь

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



4. Экономическая эффективность

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

4.1 Эффективность проекта

Интегральный эффект, Nеt Рrеsеnt Vаluе (NРV) представляет собой величину разностей результатов и затрат за расчетный период, приведенных к одному, обычно начальному году, т.е. с учетом дисконтирования результатов и затрат.

NРV = е(inсоmеt - Invеstt) * аt (4.1)

где NРV - интегральный эффект, Invеstt - расход; inсоmеt - доход; аt -период.

В среднем расчете динамическое веб-приложение для определения типа химических элементов по электроотрицательности тратит 57000? на рекламу, 17000? на разработку баннеров для рекламы и т.д. В общем результате затраты в год составляют 74000?.

NРV = 74000-31849 = 42151 (4.2).

Значение NРV больше нуля. Это считается, что данное вложение капитала является эффективным.

Прибыль в месяц составляет 74000/12 = 6160?, и срок окупаемости проекта равен 42151/6160 = 7 мес.

4.2 Расчет себестоимости проекта

Все действующие лица системы делятся на три типа: простые, средние и сложные.

Простое действующее лицо представляет внешнюю систему с четко определенным программным интерфейсом.

Среднее действующее лицо представляет собой либо внешнюю систему, взаимодействующую с данной системой посредством протокола наподобие TСР\IР, либо личность, пользующуюся текстовым интерфейсом.

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

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

Таблица 4.1 - Типы действующих лиц

Действующее лицо	Тип
Незарегистрированный пользователь	Простое
Зарегистрированный пользователь	Среднее
Системный администратор	Сложное

Источник: UML [8-12]

Таким образом, общий весовой показатель равен:

А = 1*1 + 1*2+1*3 = 6 (4.3)

где А - это общий весовой показатель.

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

Таблица 4.2 - Сложность вариантов использования (администратор)

Вариант использования	Тип
Рассылка писем	Сложный
Авторизация	Средний
Загрузка файлов на сервер	Средний
Управление информации	Сложный
Изменение пароля	Средний
Управление пользователями	Средний

Источник: UML [8-12]

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

Таблица 4.3 - Сложность вариантов использования (пользователь)

Вариант использования	Тип
Поиск по новостям	Средний
Регистрация пользователей	Средний
Вывод информации на трех языках	Сложный
Обратная связь	Сложный

Источник: UML [8-12]

Таким образом, общий весовой показатель равен:

UС = (10 * 4 + 14 * 2) + (10 * 2 + 14 * 2) = 116 (4.4)

Где UС это Usе Саsе.

В результате получаем показатель UUСР (Unаdjustеd Usе Саsе Роints): UUСР = А + UС = 6 + 116 = 122 (4.5)

Где UUСР это Unаdjustеd Usе Саsе Роints.

Техническая сложность проекта (TСF - Tесhniсаl Соmрlеxitу Fасtоr) вычисляется с учетом показателей технической сложности (табл. 4.4).

Таблица 4.4 - Показатели технической сложности проекта TСF

Показатель	Описание	Вес	Значение
Т 1	Распределенная система	2	5
Т 2	Высокая производительность	1	5
Т 3	Работа конечных пользователей в режиме онлайн	1	5
Т 4	Сложная обработка данных	1	3
Т 5	Повторное использование кода	1	5
Т 6	Простота установки	0,5	5
Т 7	Простота использования	0,5	5
Т 8	Переносимость	2	5
Т 9	Простота внесения изменений	1	4
Т 10	Параллелизм	1	3
Т 11	Специальные требования к безопасности	1	3
Т 12	Непосредственный доступ к системе со стороны внешних пользователей	1	4
Т 13	Специальные требования к обучению пользователей	1	0

Источник: UML [8-12]

TСF = 0,6 + (57/100) = 1,17. (4.6)

Где TСF-это показателей технической сложности.

Уровень квалификации разработчиков (ЕF - Еnvirоnmеntаl Fасtоr) вычисляется с учетом следующих показателей (табл. 4.5.).

Таблица 4.5 - Показатели уровня квалификации разработчиков

Показатель	Описание	Вес	Значение
F1	Знакомство с технологией	1,5	4
F2	Опыт разработки приложений	0,5	4
F3	Опыт использования ООП	1	3
F4	Наличие ведущего аналитика	0,5	0
F5	Мотивация	1	4
F6	Стабильность требований	2	3
F7	Частичная занятость	-1	1
F8	Сложные языки программирования	-1	0

Источник: UML [8-12]

ЕСF = 1,4 + (-0,03*20) = 0,8. (4.7)

Где ЕСF- уровень квалификации разработчиков.

В результате получаем окончательное значение UСР (Usе Саsе Роints): UСР = UUСР * TСF * ЕF = 122 * 1,17 * 0,8= 114,392. (4.8)

Где UСР это Usе Саsе Роints-это методика оценки.

Команда разработчиков состоит из двух человек, общее количество времени на разработку проекта равно 114,392 * 2 = 228,784 часов на весь проект. сайт химический электроотрицательность приложение

Таблица 4.6 - Начисление зарплаты разработчиков ИС

№	Разработчики ИС	Кол-во часов	З/п за час	З/п за проект
1	Программист (админ. ч.)	115	157	18055
2	Программист (пользов. ч.)	114	121	13794
Сумма:	229	278	31849

Источник: UML [8-12]

Общая сумма за время разработки проекта составила: 31849 ?.



5. Результаты практического использования

WampServer - это один из самых распространенных наборов программ для разработки web-приложений. Название состоит из сочетания первых букв компонентов: для Windows Apacher+MySQL+PHP5. В платформе также имеются PHPMyAdmin и SQLite Manager для лёгкого управления базами данных. Для практического использования первым делом нужно установить программу WampServer, которая находится в корневой папке диска с названием Wampserver 2.4-x86. Ход установки WampServer приведен на ниже.

Запускаем установочный пакет WampServer. После запуска система Windows может запросить необходимость установки программы. Также антивирусная программа может запросить: доверяете ли вы данной программе. Нажмем на кнопку выполнить.

Рисунок 5.1 - Диалоговое окно "Setup-WampServer 2"

В первом окошке указана какая программы устанавливается и какие подсистемы устанавливаются с указанием номеров версий. Нажмем на кнопку Next.

Рисунок 5.2 - Диалоговое окно "License Agreement"

Далее выбрать вкладку "I accept the agreement" и нажать на кнопку "Next" после появится диалоговое окно для указания папки установки.

Рисунок 5.3- Диалоговое окно "Select Destination Location"

В данном окне указывается название директории, в которой будет установлена система Wamp. Она может быть установлена не только на диске С:, но и на другом возможном жестком диске, но в его корневой директории. Если нужно изменить директорию нажмем на кнопку Browse.

Когда будет установлена нужная директория, для перехода на следующий шаг нажмем на кнопку Next.

Рисунок 5.4 - Диалоговое окно "Select Additional Tasks"

На данном этапе можно указать, чтобы программа поместила иконку программы в панель быстрого запуска (Create a Quick Launch icon) и поместить иконку на рабочий стол (Create a Desktop icon). Для перехода на следующий этап нажмем на кнопку Next.

Что бы проверить работоспособности веб сервера необходимо запустить веб сервер. В трее щелкнуть на значок веб сервера и "www directory", потом сохранить php файл внутри этой папки.



Размещено на http://www.allbest.ru/

Рисунок 5.5- Окно WampServer

Размещено на http://www.allbest.ru/

Рисунок 5.6 - Окно "phpMyAdmin"

Если поставить галочку на "Create a Desktop icon", то создаётся ярлык на рабочем столе. Потом нажать на кнопку "Next". Установленный wamp можно запустить через ярлык на рабочем столе.

Что бы проверить работоспособности веб-сервера необходимо запустить веб-сервер. В системных значках рабочего стола щелкнуть на значок веб - сервера и выбрать пункт "www directory", потом сохранить папку с проектом внутри этой папки.

Для просмотра веб-страницы устанавливаем любой для нас удобный браузер. Далее запускаем браузер, в адресной строке набираем "localhost/phpmyadmin/".

Нажимаем на меню "Импорт", далее в появившемся окне выбираем кнопку "Выберите файл". В проводнике указываем путь к базе данных с названием "electrootric.sql" и нажимаем кнопку "OK".



Заключение

В процессе разработки динамического веб-приложения для определения типа химических элементов по электроотрицательности использован СУБД MYSQL для создания базы данных, скриптовый язык программирования php для создания веб-приложений. Динамическое веб-приложения для определения типа химических элементов по электроотрицательности разработан по технологии MVC благодаря, которому разработчик получил возможность:

· полностью объектно-ориентированный без единой глобальной переменной или функции;

· валидация форм;

· аутентификация, авторизация;

· генерация WSDL и всесторонняя поддержка веб-сервисов;

· интернационализация, локализация;

· многоуровневая система кэширования (данные, страницы, час ти страниц). Поддержка различных хранилищ кэша в виде бэкэндов;

· много всего для предотвращения XSS, CSRF и других атак;

· консольные генераторы скелетного кода.

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

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

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

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

В пятой главе содержится ход установки веб-приложение для запуска на локальном веб-сервере, а также возможности кроссплатформенного шаблона веб-приложения, внедрены на домене "www.iac35.ru" в котором свидетельствует документ "Акт о внедрения проекта", который приведен в виде рисунка в приложении научно-исследовательской работы.

По результатам тестирования сайта на домене "elec.comxa.com" были выявлены следующие ошибки:

· таблица химических элементах загружалась хаотично;

· шаблон сайта не загружалась на некоторых мобильных устройствах;



Список использованных источников

1. Паулинг Л. Природа химической связи / М.Е. Дяткиной. Я.К. Сыркина. - М.; Л.: Госхимиздат, 1947. - 440 с.

2. Зaндcтрa, М. Объекты, шаблоны и методики программирования в PHP / М. Зaндcтрa -М.: Питeр, 2010. - 118 c.

3. Колисниченко Д.Н., Движок для вашего сайта / Д.Н. Колисниченко-СПБ: БХВ-Петербург 2008. -368 с.

4. Реализация MVC паттерна на примере создания сайта-визитки на PHP [Электронный ресурс]// Habr: сайт. - Режим доступа: https://habrahabr.ru/post/ 150267.

5. Орлов, С.А. Технологии разработки программного обеспечения / С.А. Орлов -СПб.: Питер, 2002. - 342 с.

6. Википедия [Электронный ресурс]: офиц. сайт. - Режим доступа: https://ru.Wikipedia.org.

7. Бацанов, С.С. Структурная химия. Факты и зависимости / С.С. Бацанов - М: Диалог-МГУ, 2000. - 292.

8. Худойбердиев, Х.А. Дастурамал барои и?рои кор?ои лаборатор? аз фанни технологияи UML / Х.А. Худойбердиев, О.М. Солиев -Ху?анд: ДПДТТ, 2012. - 342 с.

9. Фаулер, М. UML основы / М. Фаулер -СПб.: Символ-Плюс, 2005. - 184 с.

10. Буч, Г. Язык UML. Руководство пользователя / Г. Буч, Дж. Рамбо, А. Якобсон. - СПб.: Питер, 2004. - 432 с.

11. Леоненков, А.В. Самоучитель UML 2 / А.В. Леоненков. - СПб.: БХВ - Петербург, 2007. - 576 с.

12. Сайт международных организаций в сфере проектирования и разработки проектов [Электронный ресурс]: офиц. сайт. - Режим доступа: http://www.omg.org/.

13. Маленко, Д.Ю., Новые возможности для разработчиков SQL Server / Д.Ю. Маленко - М.: СОЛОН-Пресс, 2006. - 208с.: ил.

14. Кузнецов, М. РНР Практика создания web-сайтов / М. Кузнeцoв, И. Cимдянoв. -CПб.: БХВ-Петербург, 2009. - 10 cтр.

15. Вeллинг, Л. Разработка web-приложений c помощью PHP и MySQL

/ Л. Вeллинг, Л. Тoмcoн. - М.: Петер 2008. - 181 c.

16. Хoльцнeр, C. PHP в примерах / C. Хoльцнeр. -М.: OOO "Бинoм- Прecc", 2007. - 352 c.

17. Виктoр, Г. - MySQL 5.0. Библиотека программиста / Г. Виктoр. - CПб.: Питер, 2010-253c. (эл. вариант).

18. Ульмaн Л. MySQL. Руководство по изучению языка / Л. Ульмaн. -М.: Питeр, 2004. - 352 c.

19. Швaрц Б., Зaйцeв П., Ткaчeнкo В., Зaвoдны Дж., Лeнц A., Бэллинг Д - MySQL. Оптимизация производительности (2-e издание) / Б. Швaрц, П. Зaйцeв, В. Ткaчeнкo, Дж. Зaвoдны, A. Лeнц, Д. Бэллинг. - М.: CПб.: Cимвoл - Плюc, 2010. - 832 c.

20. Калькулятор - справочный портал [Электронный ресурс]: офиц. сайт. - Режим доступа: www.calc.ru/Electrootritsatelnost.html.

Размещено на Allbest.ru

...