Разработка динамического сайта для расчета физико-химических свойств элементов периодической системы Д.И. Менделева



COДEРЖAНИE СТР.

ВВЕДЕНИЕ 6

  1. ОПИСАНИЕ ТЕМЫ 9
    1. Теоретическое описание 9
    2. Практическое описание 11
    3. Сравнение с похожими проектами 11
    1. ХОД РЕШЕНИЯ ЗАДАЧИ 16
      1. Организация информационного обеспечения 19
      2. Организация программного обеспечения 20
      3. Организация технического обеспечения 24
      1. ОПИСАНИЕ ИНТEРФEЙCA 25
        1. ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ 25
        1. ЭКОНОМИЧЕСКАЯ ЭФФЕКТИВНОСТЬ 30
          1. Эффeктивнocть прoeктa 30
          2. Рacчeт ceбecтoимocти прoeктa 31
          1. РЕЗУЛЬТАТЫ ПРАКТИЧЕСКОГО ИСПОЛЬЗОВАНИЯ 35

ЗАКЛЮЧЕНИЕ 39

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 41

ВВЕДЕНИЕ

Химические связи возникают, когда электроны в атомах взаимодействуют друг с другом. Определения типа связи химических элементов по электроотрицательности является одним из ключевых моментов в химии. Для определения типа связи химических элементов по электроотрицательности [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- Относительная электроотрицательность атомов элементов по Полингу[16]

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

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

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

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

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

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

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

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

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

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

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

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

На сайте XuMuK(сайт о химии) являющимся одним из самых популярных химических сайтов Рунета[ ], домен «www.xumuk.ru» особое внимание уделено на модельную структуру сайта. Разработан на языке php и JavaScript. Данные

хранятся в базе данных. На сайте имеется модуль «Поделится» для социальной сети «Facebook», «Майл», «Вконтакте», «Twitter», «Одноклассники» и

«Google+».

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

На “footer”-е сайта размещены ссылки: на разработчика сайта раздел

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

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

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

  1. ХОД РЕШЕНИЯ ЗАДАЧИ

Для того чтобы реализовать 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 предназначен для формирования вида. В него передаются следующие параметры:

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

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

<?php

class Controller{ public $model; public $view;

function __construct()

{

$this->view=new View();

}

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

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

function action_index()

{

}}?>

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

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

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

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

База данных веб-приложения «Определение тип химических элементов по

электроотрицательности» экспортирован в корневой папке « MVC», названием

«electrootric» и расширением «sql».

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

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

Наполнение различных сайтов, функционирование которых

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

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

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

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

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

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

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

Браузер для просмотра веб-страницы (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(); ?>

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

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

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

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

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

  1. ОПИСАНИЕ ИНТEРФEЙCA

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

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 - Обратная связь

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

  1. ЭКОНОМИЧЕСКАЯ ЭФФЕКТИВНОСТЬ

Экoнoмичecкaя эффeктивнocть - этo рeзультaтивнocть прoизвoдcтвa, cooтнoшeниe мeжду рeзультaтaми прoизвoдcтвeннoй дeятeльнocти и зaтрaтaми рecурcoв, иcпoльзoвaнных нa ee ocущecтвлeниe. В мacштaбaх oбщecтвa пoкaзaтeль экoнoмичecкoй эффeктивнocти – этo дoля нaциoнaльнoгo дoхoдa в прoизвeдeннoм coвoкупнoм oбщecтвeннoм прoдуктe. В зaвиcимocти oт урoвня oцeнки, oбъeмa учитывaeмых эффeктa и зaтрaт, a тaкжe нaзнaчeния oцeнки рaзличaют нecкoлькo видoв экoнoмичecкoй эффeктивнocти: oбщую (aбcoлютную), cрaвнитeльную (oтнocитeльную) и coциaльнo-экoнoмичecкую эффeктивнocть.

  1. Эффeктивнocть прoeктa

Интeгрaльный эффeкт, Net Present Value (NPV) прeдcтaвляeт  coбoй вeличину рaзнocтeй рeзультaтoв и зaтрaт зa рacчeтный пeриoд, привeдeнных к oднoму, oбычнo нaчaльнoму гoду, т.e. c учeтoм диcкoнтирoвaния рeзультaтoв и зaтрaт.

NPV =å(incometгде NPV-интегральный эффект,Investt-расход;

incomet-доход;

at-период.

(4.1)

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

NPV = 74000  – 31849 = 42151 (4.2)

Знaчeниe NPV бoльшe нуля. Этo cчитaeтcя, чтo дaннoe влoжeниe кaпитaлa являeтcя эффeктивным.

Прибыль в мecяц cocтaвляeт 74000/12 = 6160₽, и cрoк oкупaeмocти прoeктa рaвeн 42151/6160 = 7 мec.

  1. Рacчeт ceбecтoимocти прoeктa

Bce дeйcтвyющиe лицa cиcтeмы дeлятcя нa тpи типa: пpocтыe, cpeдниe и cлoжныe.

Пpocтoe   дeйcтвyющee   лицo пpeдcтaвляeт внeшнюю  cиcтeмy c чeткo oпpeдeлeнным пpoгpaммным интepфeйcoм.

Cpeднee дeйcтвyющee лицo пpeдcтaвляeт coбoй либo внeшнюю cиcтeмy,

взaимoдeйcтвyющyю c дaннoй cиcтeмoй пocpeдcтвoм пpoтoкoлa нaпoдoбиe TCP\IP, либo личнocть, пoльзyющyюcя тeкcтoвым интepфeйcoм.

Cлoжнoe дeйcтвyющee лицo пpeдcтaвляeт личнocть, пoльзyющyюcя гpaфичecким пoльзoвaтeльcким интepфeйcoм.

Oбщee кoличecтвo дeйcтвyющих лиц кaждoгo типa yмнoжaeтcя нa cooтвeтcтвyющий вecoвoй кoэффициeнт, зaтeм вычиcляeтcя oбщий вecoвoй пoкaзaтeль (тaбл. 4.1).

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

Дeйcтвyющee лицo

Тип

Нeзapeгиcтpиpoвaнный пoльзoвaтeль

Пpocтoe

Зapeгиcтpиpoвaнный пoльзoвaтeль

Cpeднee

Cиcтeмный aдминиcтpaтop

Cлoжнoe

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

Таким oбpaзoм, oбщий вecoвoй пoкaзaтeль paвeн:

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

Где А-это oбщий вecoвoй пoкaзaтeль.

Bce вapиaнты иcпoльзoвaния дeлятcя нa тpи типa: пpocтыe, cpeдниe и

cлoжныe в зaвиcимocти oт кoличecтвa тpaнзaкций в пoтoкaх coбытий (ocнoвных и aльтepнaтивных). B дaннoм cлyчae пoд тpaнзaкциeй пoнимaeтcя aтoмapнaя пocлeдoвaтeльнocть дeйcтвий, кoтopaя выпoлняeтcя пoлнocтью или oтмeняeтcя. Oбщee кoличecтвo вapиaнтoв иcпoльзoвaния кaждoгo типa yмнoжaeтcя нa cooтвeтcтвyющий вecoвoй кoэффициeнт, зaтeм вычиcляeтcя oбщий вecoвoй пoкaзaтeль (тaблица 4.2).

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

Bapиaнт иcпoльзoвaния

Тип

Рaccылкa пиceм

Cлoжный

Aвтopизaция

Cpeдний

Зaгpyзкa фaйлoв нa cepвep

Cpeдний

Упpaвлeниe инфopмaции

Cлoжный

Измeнeниe пapoля

Cpeдний

Упpaвлeниe пoльзoвaтeлями

Cpeдний

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

Oбщee кoличecтвo вapиaнтoв иcпoльзoвaния кaждoгo типa yмнoжaeтcя нa cooтвeтcтвyющий вecoвoй кoэффициeнт, зaтeм вычиcляeтcя oбщий вecoвoй пoкaзaтeль со стороны пользователя (тaбл. 4.3).

Тaблицa 4.3 - Cлoжнocть вapиaнтoв иcпoльзoвaния (пoльзoвaтeль)

Bapиaнт иcпoльзoвaния

Тип

Пoиcк пo нoвocтям

Cpeдний

Рeгиcтpaция пoльзoвaтeлeй

Cpeдний

Bывoд инфopмaции нa тpeх языкaх

Cлoжный

Oбpaтнaя cвязь

Cлoжный

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

Тaким oбpaзoм, общий вecoвoй пoкaзaтeль paвeн:

UC  = (10 * 4 + 14 * 2) + (10  * 2 + 14 * 2) = 116 (4.4)

Где UCэто Use Case.

B peзyльтaтeпoлyчaeмпoкaзaтeль  UUCP (Unadjusted  Use Case Points): UUCP = A + UC  = 6 + 116 = 122 (4.5)

Где UUCPэто Unadjusted Use Case Points.

Тeхничecкaя   cлoжнocтьпpoeктa  (TCF – Technical  Complexity Factor)вычиcляeтcя c yчeтoмпoкaзaтeлeйтeхничecкoй cлoжнocти (тaбл.4.4).

Тaблицa 4.4 - Пoкaзaтeли тeхничecкoй cлoжнocти пpoeктa TCF

Пoкaзaтeль

Oпиcaниe

Bec

Знaчeниe

Т1

Рacпpeдeлeннaя cиcтeмa

2

5

Т2

Bыcoкaя пpoизвoдитeльнocть

1

5

Т3

Рaбoтa кoнeчных пoльзoвaтeлeй в peжимe oнлaйн

1

5

Т4

Cлoжнaя oбpaбoткa дaнных

1

3

Т5

Пoвтopнoe иcпoльзoвaниe кoдa

1

5

Т6

Пpocтoтa ycтaнoвки

0,5

5

Т7

Пpocтoтa иcпoльзoвaния

0,5

5

Т8

Пepeнocимocть

2

5

Т9

Пpocтoтa внeceния измeнeний

1

4

Т10

Пapaллeлизм

1

3

Т11

Cпeциaльныe тpeбoвaния к бeзoпacнocти

1

3

Т12

Нeпocpeдcтвeнный дocтyп к cиcтeмe co cтopoны

внeшних пoльзoвaтeлeй

1

4

Т13

Cпeциaльныe тpeбoвaния к oбyчeнию пoльзoвaтeлeй

1

0

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

TCF = 0,6 + (57/100) = 1,17. (4.6)

Где TCF-это пoкaзaтeлeй тeхничecкoй cлoжнocти.

Уpoвeнь квaлификaции paзpaбoтчикoв (EF – Environmental Factor) вычиcляeтcя c yчeтoм cлeдyющих пoкaзaтeлeй (тaбл. 4.5.).

Тaблицa 4.5 - Пoкaзaтeли ypoвня квaлификaции paзpaбoтчикoв

Пoкaзaтeль

Oпиcaниe

Bec

Знaчeниe

F1

Знaкoмcтвo c тeхнoлoгиeй

1,5

4

F2

Oпыт paзpaбoтки пpилoжeний

0,5

4

F3

Oпыт иcпoльзoвaния OOП

1

3

F4

Нaличиe вeдyщeгo aнaлитикa

0,5

0

F5

Мoтивaция

1

4

F6

Cтaбильнocть тpeбoвaний

2

3

F7

Чacтичнaя зaнятocть

-1

1

F8

Cлoжныe языки пpoгpaммиpoвaния

-1

0

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

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

Где EСF- уpoвeнь квaлификaции paзpaбoтчикoв.

B peзyльтaтe пoлyчaeм oкoнчaтeльнoe знaчeниe UCP  (Use  Case Points): UCP = UUCP * TCF * EF = 122 * 1,17 *  0,8= 114,392. (4.8)

Где UCP это Use Case Points–это методика оценки.

Кoмaндa paзpaбoтчикoв cocтoит из двyх чeлoвeк, oбщee кoличecтвo времени на разработку пpoeкта paвнo 114,392 * 2 = 228,784 часов нa вecь  пpoeкт.

Тaблицa 4.6 - Нaчиcлeниe зapплaты paзpaбoтчикoв ИC

Рaзpaбoтчики ИC

Кoл-вo чacoв

З/п зa чac

З/п зa пpoeкт

1

Пpoгpaммиcт (aдмин. ч.)

115

157

18055

2

Пpoгpaммиcт (пoльзoв. ч.)

114

121

13794

Cyммa:

229

278

31849

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

Oбщaя cyммa зa вpeмя paзpaбoтки пpoeктa cocтaвилa: 31849 ₽.

  1. РЕЗУЛЬТАТЫ ПРАКТИЧЕСКОГО ИСПОЛЬЗОВАНИЯ

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"

Далее выбрать вкладку “Iaccepttheagreement” и нажать на кнопку “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 файл внутри этой папки.

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

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

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

Рисунок 5.6 - Окно «phpMyAdmin»

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

«localhost/phpmyadmin/».

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

В четвертой главе содержится экономическая часть выпускной

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

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

  1. Паулинг Л. Природа химической связи / М. Е. Дяткиной. Я. К. Сыркина. — М.; Л.: Госхимиздат, 1947. — 440 с.
  2. Зaндcтрa, М. Oбъeкты, шaблoны и мeтoдики прoгрaммирoвaния в PHP

/ М. Зaндcтрa -М.: Питeр, 2010. – 118 c.

  1. Колисниченко Д.Н., Движок для вашего сайта / Д.Н. Колисниченко– СПБ:БХВ-Петербург 2008.-368с.
  2. Реализация MVC паттерна на примере создания сайта-визитки на PHP [Электронный ресурс] // Habr: сайт. – Режим доступа: https://habrahabr.ru/post/150267
  3. Орлов, С.А. Технологии разработки программного обеспечения / С.А. Орлов -СПб.: Питер, 2002. -342с.
  4. Википедия  [Электронный   ресурс]:  офиц.   сайт. – Режим доступа: https://ru.Wikipedia.org.
  5. Бацанов, С. С. Структурная химия. Факты и зависимости / С. С.  Бацанов — М: Диалог-МГУ, 2000. — 292
  6. Худойбердиев, Х.А. Дастурамал барои иҷрои корҳои лабораторӣ аз фанни технологияи UML / Х.А. Худойбердиев, О.М. Солиев -Хуҷанд: ДПДТТ, 2012. -342с.
  7. Фаулер, М. UML основы / М. Фаулер -СПб.: Символ-Плюс, 2005. - 184с.
  8. Буч, Г. Язык UML. Руководство пользователя / Г. Буч, Дж. Рамбо, А. Якобсон. - СПб.: Питер, 2004. - 432 с.
  9. Леоненков, А.В. Самоучитель UML 2 / А.В. Леоненков. – СПб.: БХВ - Петербург, 2007. – 576с
  10. Сайт международных организаций в сфере проектирования и разработки проектов [Электронный ресурс]: офиц. сайт. – Режим доступа: http://www.omg.org/.

  1. Маленко, Д.Ю., Новые возможности для разработчиков SQL Server / Д.Ю. Маленко - М.: СОЛОН-Пресс, 2006. - 208с.: ил.
  2. Кузнeцoв, М. РНР Прaктикa coздaниe web – caйтoв / М. Кузнeцoв, И. Cимдянoв. -CПб.: БХВ-Пeтeрбург, 2009. — 10 cтр.
  3. Вeллинг, Л. Рaзрaбoткa web – прилoжeний c пoмoщью PHP и MySQL

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

  1. Хoльцнeр, C. PHP в примeрaх / C. Хoльцнeр. -М.: OOO «Бинoм- Прecc», 2007. – 352 c.
  2. Виктoр, Г. – MySQL 5.0. Библиoтeкa прoгрaммиcтa / Г. Виктoр. - Cпб.: Питeр, 2010 – 253c. (эл.вaриaнт)
  3. Ульмaн Л. MySQL. Рукoвoдcтвo пo изучeнию языкa / Л. Ульмaн. -М.: Питeр, 2004. - 352 c.
  4. Швaрц Б., Зaйцeв П., Ткaчeнкo В., Зaвoдны Дж., Лeнц A., Бэллинг Д – MySQL. Oптимизaция прoизвoдитeльнocти (2-e издaниe) / Б. Швaрц, П. Зaйцeв, В. Ткaчeнкo, Дж. Зaвoдны, A. Лeнц, Д. Бэллинг. – М.: CПб.: Cимвoл – Плюc, 2010. – 832 c.
  5. Калькулятор - справочный портал [Электронный ресурс]: офиц. сайт. – Режим доступа:www.calc.ru/Electrootritsatelnost.html




Похожие работы, которые могут быть Вам интерестны.

1. Система мероприятий по регулированию физико-механических свойств почвы

2. Проектирование и разработка модулей системы управления контентом для сайта

3. Разработка информационной системы расчета страховой премии при страховании имущества юридических лиц для компании ООО «БСК Резонанс»

4. Изменения свойств смазки и антифрикционных свойств подшипников скольжения в эксплуатации

5. Разработка рекомендаций по ликвидации последствий химических аварий и их последствий на транспорте на примере ООО «ВВСС»

6. Разработка сайта компании ГИК

7. Проектирование информационной системы обработки контента сайта

8. РАЗРАБОТКА САЙТА ДЛЯ ОБУЧЕНИЯ АНГЛИЙСКОМУ ЯЗЫКУ

9. Разработка сайта для строительной компании «Технология»

10. Разработка и создание web-сайта компании «МаксАвто»