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

Министерство образования Республики Башкортостан

ГАПОУ Стерлитамакский колледж строительства

и профессиональных технологий

Специальность 09.02.03 Программирование в компьютерных системах

Дипломная работа

«Разработка web-сайта коммерческой организации»

Студент группы ПО-42 А.А. Дмитриева

Руководитель дипломной работы Л.И. Михайлова

Рецензент Е.В. Симакова

2017



Содержание

Введение

1. Теоретическая часть

1.1 Цель разработки и анализ её использования

1.2 Анализ технологий и возможных средств решения проблемы

1.3 Выбор средств и технологий

2. Практическая часть

2.1 Описание основных этапов построения информационного портала

2.2 Определение необходимого набора страниц портала

2.3 Размещение web-сайта на хостинге

3. Расчетно-экономическая часть

3.1 Оценка конкурентоспособности в сравнении с аналогом

3.2 Расчет показателя качества балльно-индексным методом

3.3 Планирование комплекса работ по разработке темы и оценка трудоемкости

3.4 Расчет затрат на разработку проекта

3.5 Расчет эксплуатационных затрат

3.6 Расчет показателя экономического эффекта

4. Охрана труда и безопасность жизнедеятельности

4.1 Инструкция по охране труда и технике безопасности для программистов

4.2 Требования безопасности перед началом работы

4.3 Требования безопасности при выполнении работ

4.4 Требования безопасности в аварийных ситуациях

4.5 Требования безопасности по окончании работы

Заключение

Список использованной литературы

Приложения



Введение

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

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

Интернет-представительство организации с одной стороны - это простой сайт в Интернете, с другой - предоставление официального отделения Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа». Поэтому возникает необходимость создания Интернет-ресурса, который бы привлекательно выглядел внешне и по содержанию, эффективно использовал возможности глобальной компьютерной сети, выполнял представительские функции в расчёте на различные категории потенциальных посетителей и играл роль связующего звена с работниками и руководителями.

Качественный сайт является основным информационным ресурсом всей компании. При помощи сайта можно:

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

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

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

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

Объектом дипломной работы является деятельность коммерческой организации. Предмет исследования: сайт Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа».

Задачи дипломной работы:

- произвести обзор существующего ПО для разработки web -сайта;

- описать основные этапы проектирования web - сайта;

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

- выполнить тестирование и отладку Web - сайта;

- разработать к Web - сайту техническую документацию;

- обосновать затраты на реализацию приложения;

- описать охрану труда и безопасности жизнедеятельности.



1. Теоретическая часть

1.1 Цель разработки и анализ её использования

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

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

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

1.2 Анализ технологий и возможных средств решения проблемы

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

Для создания сайтов можно использовать текстовые редакторы, такие как Блокнот, Office Word, Office FrontPage.

Основными преимуществами таких сайтов являются:

- удобство создания уникального дизайна;

- создание сайта с нуля;

- минимальные финансовые затраты;

- отсутствие каких-либо ограничений.

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

- постоянное обновление информации;

- удобное и компактное добавление страниц;

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

Создавая сайт на системе управления можно столкнуться с такой проблемой, как оплата использования необходимых ресурсов. Например, хостинг, CMS, ограничения в дизайнерских решениях. Но, проанализировав поставленные задачи и цели создания Web-сайта Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа», приходим к выводу, что подходит именно система управления, нежели сайт, созданный в каких-либо текстовых редакторах. информационный портал сайт хостинг

1.3 Выбор средств и технологий

На рынке программного обеспечения имеется множество как платных, так и бесплатных систем управления сайтом. Системы управления подразделяются на on-line и off-line, также их можно разделить на профессиональные и пользовательские. Остановимся на бесплатной, on-line, пользовательской системе управления сайтом - DataLife Engine v 10.5.

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

DataLife Engine распространяется бесплатно с возможностью платного дополнительного контента. Это означает, что систему DataLife Engine может использовать каждый [5].

Одним из важных преимуществ DataLife Engine является то, что ни одна другая CMS не позволяет так великолепно и быстро выполнять техническую оптимизацию сайта для поисковых машин. Это достижимо, в том числе благодаря тому, что огромное внимание уделяется чистоте и качеству кода. DataLife Engine имеет встроенный механизм дружественных URL и можно очень быстро создать URL, который полюбят поисковые системы. В DataLife Engine имеется сниппет Sitemap XML, позволяющий автоматически обновлять карту сайта в XML при внесении любых изменений на сайт. Можно редактировать содержимое META тегов отдельно на каждой странице.

DataLife Engine включает в себя мощные компоненты для использования опытными программистами и, в то же время, легко может быть использована для создания сайтов менее технически грамотными специалистами. Наиболее важной отличительной чертой DataLife Engineявляется удивительная свобода творчества, которую дает эта система управления. Она позволяет создавать сайт в точном соответствии с желаниями, без каких-либо компромиссов [8].

Создание сайта на DataLife Engine - интересный, увлекательный процесс, в котором веб-разработчик обладает удивительной свободой творчества.

DataLife Engine написана на программном языке PHP а графическая часть пишется на HTML и использует для хранения данных СУБД MySQL. Система управления DataLife Engine может быть установлена на большинстве веб-серверов (например, таких как IIS, Apache, Hostinger).[9]

При создании шаблона сайта использовался язык программирования HyperText Markup Language (HTML), который является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе их просматривающей.

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

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

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

- тэги, определяющие, как будет отображаться Web-браузером тело документа в целом;

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

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

Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

Для создания стилистического оформления страниц, текста и основных элементов сайта, были использованы каскадные таблицы стилей (CSS). Таблицы стилей - попытка отделить детали дизайна странички от ее структуры и содержания. В классическом HTML структура и дизайн были вперемешку: рядом с текстовым абзацем его цвет, размер шрифта, тип шрифта и т.п. Если разработчик захочет изменить такой простой параметр, как размер шрифта на своем сайте - придется переписывать все странички. CSS позволяет назначить всем объектам стиль, описание которого может храниться вообще в отдельном файле. Используя CSS, разработчик может изменить размер шрифта во всех страницах сайта, исправив только один файл с описанием стилей. Самое главное, что не придется менять уже готовые HTML документы, лежащие на сервере. Браузер пользователя сам обратится к файлу (по ссылке) со стилями и придаст страничке нужный облик.

Принятие Консорциумом W3C в декабре 1996 года в качестве стандарта CSS первого уровня был огромным шагом вперед, поскольку позволял отделить содержание WEB-страницы (текст, изображение и т.д.) от ее форматирования (макет и характеристики текста, например, информация о шрифтах). После этого язык HTML снова стал функционально-ориентированным (а не ориентированным на форму), что однако не мешало пользователем контролировать вид страницы.

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

Для удобства создания цветных секторных 3D диаграмм, были выбраны скрипты JS.

JavaScript изначально создавался для того, чтобы сделать web-странички «живыми». Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML и, как только загружается страничка -- тут же выполняются.

Программы на JavaScript - обычный текст. Они не требуют какой-то специальной подготовки.

В этом плане JavaScript сильно отличается от другого языка, который называется Java.

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

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

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

Для удобной работы с базой данных в CMS DataLife Engine применяется язык PHP.

PHP (рекурсивный акроним словосочетания PHP: Hypertext Preprocessor) - это распространенный язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Web-разработок и его код может внедряться непосредственно в HTML [16].

Вместо рутинного вывода HTML-кода командами языка (как это происходит, например, в Perl или C), скрипт PHP содержит HTML с вкраплениями кода (в нашем случае, это вывод текста "Привет, я - скрипт PHP!"). Код PHP отделяется специальными начальным и конечным тегами <?php и ?>, которые позволяют "переключаться" в "PHP-режим" и выходить из него.

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

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

Хотя PHP, главным образом, предназначен для работы в среде web-серверов, область его применения не ограничивается только этим.

Для создания базы данных была выбрана система управления базами данных MySQL.

MySQL - это одна из самых популярных и самых распространенных СУБД (система управления базами данных) в интернете. Она не предназначена для работы с большими объемами информации, но ее применение идеально для интернет сайтов, как небольших, так и достаточно крупных.

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

Немаловажным фактором является ее бесплатность. MySQL распространяется на условиях общей лицензии GNU (GPL, GNU Public License).

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

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

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

Приложение на РНР, использующее для хранения информации базу данных (в частности MySql) всегда работает быстрее приложения, построенного на файлах. Дело в том, что базы данных написаны на языке C++, и написать на PHP программу, которая работала бы с жёстким диском эффективнее базы данных - задача неразрешимая по определению, поскольку программы на PHP в принципе работают медленнее, чем программы на C++, так как РНР - интерпретатор, а С++ - компилятор.

Таким образом, основное достоинство базы данных заключается в том, что она берёт на себя всю работу с жёстким диском и делает это очень эффективно.

Весь код шаблона был написан с помощью редактора кода NotePad++.

NotePad++ - это бесплатный редактор кода (+IDE) заточенный именно под веб-разработку, с помощью которого можно создавать Интернет-проекты на PHP, CSS, JS и HTML, а также повысить навыки благодаря встроенной библиотеке функций. Имеется поддержка всех PHP Фреймворков (Zend, CodeIgniter, Yii, Symfony and Prado), а также JavaScript Фреймворков (jQuery, Ext JS, Dojo, MooTools, Prototype и других).

Первое что нужно отметить, это оригинальный и очень удобный эффект при фокусе участка кода с определённым языком, то есть если в данный момент разработчик редактирует PHP код, то в файле будет подсвечиваться только он, а все остальные (HTML, CSS, JS) станут затемнёнными. Эта задумка значительно повышает читабельность кода, особенно для веб-разработчиков, у которых в одном файле могут встречаться сразу по 4 языка.

Ещё одним плюсом в карму NotePad++ может послужить наличие работы напрямую с файлами по ФТП. То есть нет необходимости открывать каждый файл по отдельности через FileZilla, вместо этого доступ к любому файлу на хостинге осуществляется напрямую из самого редактора.

Также особенность данного редактора исходных кодов можно понять из самого названия редактора. Данный редактор создан специально для PHP разработчиков, а также для верстальщиков (HTML + CSS) и для программистов JavaScript (в том числе Ajax программистов). Встроенная библиотека NotePad++ имеет в своём наличии более 3000 функций, благодаря чему ваша работа будет сопровождена многочисленными подсказками по работе с той или иной функцией.

У NotePad++ - есть пакеты локализации для большинства популярных языков, в том числе есть перевод на украинский и русский языки.

Недостатки:

Первое, это отсутствия удобного вертикального выделения кода, в отличие от многих бесплатных редакторов, в том числе Sublime Text 2. Его можно включить в настройках NotePad++ однако оно реализовано на столько плохо, что можно попросту засчитать его полное отсутствие.

Нет кроссплатформенности. NotePad++ можно установить только на операционную систему Windows.

В отличие от Sublime Text 2 нельзя менять размер шрифта масштабированием: Ctrl + колёсико мыши. Чтобы поменять шрифт необходимо будет лезть в настройки, а учитывая их количество, там можно и растеряться.

И самый главный недостаток данного редактора - он платный.

Системные требования:

- Microsoft Windows XP, Vista, Windows 7 или Windows 8;

- Должно быть свободно 100 MB на вашем жёстком диске.

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

Администрирование системы управления базой данных осуществлялось с помощью веб-приложения PHPMyAdmin. PHPMyAdmin позволяет через браузер осуществлять администрирование сервера MySQL, запускать команды SQL просматривать содержимое таблиц и баз данных. Приложение пользуется большой популярностью у веб-разработчиков, так как позволяет управлять СУБД MySQL без непосредственного ввода SQL команд, предоставляя дружественный интерфейс.

На сегодняшний день PHPMyAdmin широко применяется на практике. Последнее связано с тем, что разработчики интенсивно развивают свой продукт, учитывая все нововведения СУБД MySQL. Подавляющее большинство российских провайдеров используют это приложение в качестве панели управления для того, чтобы предоставить своим клиентам возможность администрирования выделенных им баз данных.

Приложение распространяется под лицензией GNU General Public License и поэтому многие другие разработчики интегрируют его в свои разработки, например XAMPP, Denwer, AppServ, Open Server.

Проект на данный момент времени локализован на более чем 62 языках.

Инициатором является немецкий разработчик Тобиас Ратшиллер и основывается так же как и phpPgAdmin на аналогичном приложении MySQL-Webadmin, возникшем в 1997 году.

2. Практическая часть

2.1 Описание основных этапов построения информационного портала

Разработка WEB-сайта началась с эскиза дизайна на бумаге. Далее велась работа уже на компьютере. Делался шаблон (вид будущего сайта). Разработка началась с простого написания разметки.

Установка системы управления сайтом

Распаковываем архив и помещаем содержимое папки dle в папку /public_html/nastya/. Вот что у вас после этого должно быть в папке nastya, как показано на рисунке 1.

Рис.1. Дирекция файлов

Запускаем браузер и в адресной строке браузера пишем: http://pyterloond.esy.es/ nastya/ и нажимаем Enter. В окне браузера должно появиться приглашение к инсталляции (рис.2).



Рис.2. Сообщение установки

Нажимаем «Начать установку».

Рис.3. Принятие лицензионного соглашения

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

Рис.4. Проверка установленных компонентов PHP



На этом этапе проверяется наличие всех нужны для установки компонентов PHP.

Рис.5. Проверка записи важных файлов CMS

Рис.6. Параметры подключения к Базе Данных

Здесь мы указываем наш хост, имя пользователя и пароль. Хост у нас mysql.hostinger.ru, пользователь u623677858_Nastya и пароль Nastya9090. Также здесь мы вводим данные для входа администратора WEB-сайта. Теперь необходимо проверить, правильно ли мы все ввели, для этого необходимо нажать на синюю ссылку «Нажмите здесь для проверки соединения с вашим сервером базы данных и получения сопоставления кодировки». В случае успешного подключения откроется вкладка с завершением установки, пример на рисунке 7.

Рис. 7. Успешная установка CMS

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

Разработка шаблона

В ходе разработки тематического Web-сайта было реализован шаблон:

Main - главная страница сайта (приложение 1)

Основой данного сайта является его графическая основа(шаблон), основной шаблон создан на языке PHP с добавлением Style CSS и JavaScript. Основа шаблона лежит в файле Main, в нем содержатся основные коды графического оформления WEB-сайте и из него подаются запросы на другие файлы.



Рис.8. Главная страница

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

Рис.9. Пример внутренней страницы



2.2 Определение необходимого набора страниц портала

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

Меню шапки состоит из следующих разделов

- Главная;

- О компании;

- Социальная ответственность;

- Контакты.

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

Рис.10. Меню сайта.

Рис.11. Выпадающее меню сайта.



2.3 Размещение web-сайта на хостинге

Сайт был помещен на платный хостинг, технические характеристики которого представлены на рисунке 12.

Рис. 12. Характеристики хостинга



3. Расчетно-экономическая часть

3.1 Оценка конкурентоспособности в сравнении с аналогом

Проведём технико-экономическое обоснование для разработки Web-сайта коммерческой организации, созданной на основе DataLife Engine.

В качестве программы для сравнения при разработке проекта принят Web-сайт Dle9, выполненная на основе DataLife Engine. Эта разработка принята в качестве базового варианта исходя из трех факторов:

– смежный профиль;

– соответствие требованиям технического задания проекта;

– доступность для исследования и сравнения с аналогом.

Web-сайт Dle9 создан на основе CMS DataLife Engine и предназначена для распространения информации и полезных статей о создании сайтов. Она может быть полезна для Web-дизайнеров и разработчиков.

Web-сайт Dle9 имеет схожий функционал и цель разработки. Стоимость данного Web-сайта около 70000,00 руб.

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

Тогда комплексный показатель качества продукта по группе показателей можно вычислить по формуле (1):

(1)

где J_ЭТУ - комплексный показатель качества продукта по группе показателей;

n - число рассматриваемых показателей;

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

X_j - относительный показатель качества, устанавливаемый экспертным путем по выбранной шкале оценивания.

3.2 Расчет показателя качества балльно-индексным методом

В таблице 1 представлены результаты расчета балльно-индексным методом при пятибалльной шкале оценивания.

Таблица 1 Расчет показателя качества балльно-индексным методом

Показатели качества	Коэффициент весомости, Вj	Проект	Аналог
		Xj	ВjXj	Xj	ВjXj
1. Удобство работы (пользовательский интерфейс)	0,10	4	0,45	2	0,35
2. Новизна (соответствие современным требованиям)	0,06	4	0,3	3	0,15
3. Соответствие профилю деятельности заказчика	0,15	4	0,6	2	0,3
4. Операционная система (многозадачность, графика)	0,05	4	0,2	4	0,2
5. Надежность (защита данных)	0,13	3	0,4	3	0,4
6. Скорость доступа к данным	0,09	4	0,3	4	0,2
7. Гибкость	0,05	3	0,15	3	0,15
8. Функции обработки информации	0,13	5	0,6	1	0,3
9. Соотношение стоимость/возможности	0,09	4	0,4	2	0,2
10. Время обучения персонала	0,15	4	0,6	3	0,3
Обобщенный показатель качества JЭТУ	JЭТУ1 = 4	JЭТУ2 = 2,55

Отношение двух найденных индексов называют коэффициентом технического уровня А_k первого программного продукта по отношению ко второму, который находится по формуле (2):

(2)

где J_ЭТУ1 - комплексный показатель качества первого продукта;

J_ЭТУ2 - комплексный показатель качества второго продукта.

Так как, коэффициент больше 1, то разработка проекта с технической точки зрения оправдана.

3.3 Планирование комплекса работ по разработке темы и оценка трудоемкости

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

Для определения ожидаемой продолжительности работы Т_ож применяется формула (3):

(3)

где t_мин - кратчайшая продолжительность данной работы (оптимистическая оценка);

t_макс - самая большая продолжительность работы (пессимистическая оценка);

t_нв - наиболее вероятная продолжительность работы (реалистическая оценка).

Оценка трудоемкости отдельных видов работ приведена в таблице 2.

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

Таблица 2 Оценка трудоемкости отдельных видов работ

Виды работ	Оптимистическая оценка, tmin	Реалистическая оценка, tнв	Пессимистическая оценка, tmax	Ожидаемая продолжительность работы, Тож
1.1	3	4	5	4
1.2	3	4	5	4
1.3	7	9	11	9
2.1	1	2	3	2
2.2	2	4	6	4
3.1	3	6	9	6
3.2	7	9	11	9
3.3	2	4	6	4
3.4	1	2	3	2
4.1	1	2	3	2
4.2	2	3	4	3
4.3	2	9	10	8

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

Выбор комплекса работ по разработке проекта производится в соответствии со стандартом «ГОСТ Р ИСО/МЭК 12207-99 Информационная технология. Процессы жизненного цикла программных средств», устанавливающим стадии разработки программных продуктов, и приведен в таблице 3.

Таблица 3 Комплекс работ по разработке проекта

Содержание работ	Исполнители	Длительность, дни	Загрузка
			дни	%
1. Подготовка процесса разработки и анализ требований
1.1. Исследование и обоснование разработки
1.1.1. Постановка задачи	Руководитель	2	1	50
	Программист		2	100
1.1.2. Сбор исходных данных	Руководитель	2	1	50
	Программист		2	100
1.2. Поиск аналогов и прототипов
1.2.1. Анализ существующих методов решения задачи и программных средств	Руководитель	2
	Программист		2	100
1.2.2. Обоснование принципиальной необходимости разработки	Руководитель Программист	2	1 2	50 100
1.3. Анализ требований
1.3.1. Определение и анализ требований к проектируемой программе	Руководитель	2	1	50
	Программист		2	100
1.3.2. Определение структуры входных и выходных данных	Руководитель	2	1	50
	Программист		2	100
1.3.3. Выбор технических и программных средств реализации	Руководитель	3	1	33
	Программист		3	100
1.3.4. Согласование и утверждение технического задания	Руководитель	2	1	50
	Программист		2	100
Итого по этапу 1	Руководитель	17	7
	Программист		17
2. Проектирование
2.1. Проектирование программной архитектуры	Руководитель	2
	Программист		2	100
2.2. Техническое проектирование компонентов программы	Руководитель	4
	Программист		4	100
Итого по этапу 2	Руководитель	6
	Программист		6
3. Программирование и тестирование программных модулей
3.1. Программирование модулей в выбранной среде программирования	Руководитель	6
	Программист		6	100
3.2. Тестирование программных модулей	Программист	9
	Программист		9	100
3.3. Сборка и испытание программы	Руководитель	4	2	50
	Программист		4	100
3.4. Анализ результатов испытаний	Руководитель	2	1	50
	Программист		2	100
Итого по этапу 3	Руководитель	21	3
	Программист		21
4. Оформление рабочей документации
4.1. Проведение расчетов показателей безопасности жизнедеятельности	Руководитель	2
	Программист		2	100
4.2. Проведение экономических расчетов	Руководитель	3
	Программист		3	100
4.3. Оформление пояснительной записки	Руководитель	8	4	50
	Программист		8	100
Итого по этапу 4	Руководитель	12	4
	Программист		12
Итого по проекту	Руководитель	56	14
	Программист		56

На основе данных таблицы 3 разработан календарный график выполнения работ (таблица 4), показывающий последовательность и взаимосвязь выполнения комплекса работ.

Таблица 4 Календарный график выполнения работ

Содержание работы	Исполнители	Длительность, дни	График работ
1. Постановка задачи	Руководитель Программист	1 2	13.02.17-13.02.17 13.02.17-14.02.17
2. Сбор исходных данных	Руководитель Программист	1 2	14.02.17-15.02.17 15.01.07-16.02.07
3. Анализ существующих методов решения задачи и программных средств	Программист	2	17.02.17-20.02.17
4. Обоснование принципиальной необходимости разработки	Руководитель Программист	1 2	19.02.17-19.02.17 21.02.17-22.02.17
5. Определение и анализ требований к программе	Руководитель Программист	1 2	21.02.17-21.02.17 27.02.17- 28.02.17
6. Определение структуры входных и выходных данных	Руководитель Программист	1 2	27.02.17-27.02.17 01.03.17-02.03.17
7. Выбор технических средств и программных средств реализации	Руководитель Программист	1 3	02.03.17-02.03.17 03.03.17-07.03.17
8. Согласование и утверждение технического задания	Руководитель Программист	1 2	07.03.17 - 07.03.17 09.03.17 -10.03.17
9. Проектирование программной архитектуры	Программист	2	13.03.17 -14.03.17
10. Техническое проектирование компонентов программы	Программист	4	15.03.17- 20.03.17
11. Программирование модулей в выбранной среде программирования	Программист	6	21.03.17 - 28.03.17
12. Тестирование программных модулей	Программист	9	29.03.17 - 10.04.17
13. Сборка и испытание программы	Руководитель Программист	2 4	29.03.17 - 30.03.17 11.04.17 - 14.04.17
14. Анализ результатов испытаний	Руководитель Программист	1 2	11.04.17 - 11.04.17 17.04.17 - 18.04.17
15. Проведение расчетов показателей безопасности жизнедеятельности	Программист	2	19.04.17 - 20.04.17
16. Проведение экономических расчетов	Программист	3	21.04.17 - 25.04.17
17. Оформление пояснительной записки	Руководитель Программист	4 8	21.04.17 - 26.04.17 26.04.17 - 10.05.17

3.4 Расчет затрат на разработку проекта

Капитальные вложения, связанные с автоматизацией обработки информации рассчитываются по формуле (4):

К=К_п+К_р, (4)

где К_п - капитальные вложения на проектирование, руб.;

К_р - капитальные вложения на реализацию проекта, руб.

Суммарные затраты на проектирование системы и ее разработку, и отладку на компьютере определяются по формуле (5):

(5)

где m - количество работников, участвующих в разработке проекта;

З_oi - затраты на основную заработную плату работника i-й категории, руб.;

W_d - коэффициент, учитывающий дополнительную заработную плату в долях к основной заработной плате (=0,25 и состоит из коэффициента отпускных, равного 0,1, и районного коэффициента - 0,15 для Стерлитамака);

W_с - коэффициент, учитывающий отчисления на социальные нужды, в долях к сумме основной и дополнительной заработной платы разработчиков (=0,282: страховые взносы в Пенсионный фонд в долях единицы - 0, 20, страховые взносы в ФСС - 0,029, страховые взносы в ФФОМС - 0,051, страховые взносы на производственный травматизм - 0,002);

W_н - коэффициент, учитывающий накладные расходы организации, в долях к основной заработной плате разработчиков (принимается по фактическим данным, W_н = 0,6);

С_M - затраты на материалы;

М_в - затраты на использование машинного времени.

Затраты на основную заработную плату работника i-й категории определяются по формуле (6):

(6)

где З_днi - среднедневная заработная плата работника i-й категории, руб./дн.;

t_i - количество дней, отработанных работником i-й категории.

Затраты времени на разработку системы по каждому исполнителю принимаются, исходя из его загрузки по календарному графику выполнения работ (см. таблицу 4).

Расчет основной заработной платы разработчиков проекта приведен в таблице 5 из расчета, что в месяце в среднем 21 рабочий день.

Таблица 5 Основная заработная плата разработчиков

Должность	Должностной оклад, руб.	Средняя дневная ставка, руб.	Затраты времени на разработку, человеко-дней	ОЗП, руб.
Руководитель Программист	8809,78 2002,12	419,50 95,33	14 56	5873,00 5338,48
Итого	11211,48

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

(7)

где tмв - машинное время компьютера, необходимое для разработки программного продукта; tмв = 374 часов. Данный результат был получен путем данных из (см. таблицы 3), а также проведены расчеты по формулам:

1. днрук % (t) и днпрог %(t),

2. tрук+tпрог;

Sмч - стоимость 1 часа машинного времени; (средняя стоимость платного доступа к ПК в Стерлитамаке составляет Sмч=25 руб./час );

Км - коэффициент мультипрограммности (показывает долю машинного времени, отводимого непосредственно на работу над проектом); Км=1.

Таблица 6 Материалы

Материалы	Единица измерения	Требуемое количество	Цена за единицу, руб.	Сумма, руб.
Тетрадь общая	шт.	2	20,00	40,00
Флеш-накопитель	шт	1	500,00	500,00
Итого	540,00

Таким образом, капитальные вложения на проектирование равны:

К_п = (5873,00+5338,48) ((1+0,25) (1 + 0,282) + 0,60) + 374 25,00 + 540,00= =34583,28руб.

Смета затрат на разработку представлена в таблице 7.

Таблица 7 Затраты на разработку

Статьи затрат	Сумма, руб.
Основная заработная плата	11 211,48
Дополнительная зарплата	2 802,87
Отчисления на социальные нужды	3 161,63
Затраты на материалы	540,00
Затраты на машинное время	9 350,00
Накладные расходы организации	7 517,30
ИТОГО	34 583,28

Капитальные вложения на реализацию проекта:

К_р ⁼ К_о + К_дд + К_пп + К_св + К_иб + К_пк, (8)

где К_о - затраты на основное и вспомогательное оборудование, руб.;

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

К_пп - затраты на приобретение типовых разработок, пакетов, руб.;

К_св - затраты на прокладку линий связи, руб.;

К_иб - затраты на создание информационной базы, руб.;

К_пк - затраты на подготовку и переподготовку кадров, руб.

Таким образом, при внедрении системы, рассматриваемой в данном проекте, затраты на его реализацию определяются затратами на оборудование и материалы. В оборудование и материалы входит компьютер на базе процессора Intel® Core™ i3. Стоимость компьютера 20 000,00 руб.

Тогда затраты на основное и вспомогательное оборудование составят

(9)

где C_bj - балансовая стоимость j-го вида оборудования, руб. (при n=1 C_b1=20000,00 руб.);

Q_j - количество единиц j-гo оборудования, руб. (1 шт.);

Y_j - коэффициент загрузки j-го вида оборудования при обработке информации по решению задач предметной области:

(10)

где Ф_эфj - эффективный годовой фонд времени работы технического средства j-го вида, час./год.

Время работы технического средства j-го вида по решению s задач, час./год:

(11)

где t_кj - трудоемкость однократной обработки информации по к-й задаче на j-м виде технических средств, часов машинного времени (t_кj=8);

U_к - частота (периодичность) решения к-й задачи, дней /год (U_к =264).

Затраты на реализацию:

К_р = 20 000,0018264/(2648) руб. = 20000,00 руб.

Таким образом, суммарные затраты на разработку проекта:

К = К_п + К_р = 34583,28 + 20000,00руб. =54583,28 руб.

Суммарные затраты, связанные с внедрением аналога складываются из следующих затрат:

? затраты на приобретение программного продукта (45000,00 руб.);

? затраты на основное и вспомогательное оборудование (20000,00руб.) (предполагается, что для внедрения аналога понадобится такой же компьютер, что и для проектируемой системы);

? затраты по оплате услуг на установку и сопровождение продукта (5000,00 руб).

? Итого суммарные затраты, связанные с внедрением аналога составят 70000,00 руб.

3.5 Расчет эксплуатационных затрат

К эксплуатационным затратам относятся затраты, связанные с обеспечением нормального функционирования проекта. Текущие затраты рассчитываются по формуле (12):

З_тек = З_зП + С_а + З_э + С_рем + З_м + З_н, (12)

где З_зП - затраты на зарплату основную и дополнительную с отчислениями во внебюджетные фонды, руб.;

С_а - амортизационные отчисления от стоимости оборудования и устройств системы, руб.;

З_э - затраты на силовую энергию, руб.;

С_рем - затраты на текущий ремонт оборудования и устройств системы, руб.;

З_м - затраты на материалы и машинные носители, руб.;

З_н - накладные расходы информационного отдела, руб.

Эксплуатацию разработанной системы осуществляют специалисты. Затраты на заработную плату основную и дополнительную с отчислениями на социальные нужды производственного персонала рассчитываются по формуле (13):

(13)

где t_i - время эксплуатации системы i-м работником, дни;

3_i - среднедневная заработная плата i-го работника, руб./день.

Данные расчета заработной платы специалистов приведены в таблицах 8 и 9.

Таблица 8 Данные по заработной плате специалистов

Должность	Должностной оклад, руб.	Средняя дневная ставка, руб./день	Затраты времени на эксплуатацию, человеко-дней	Фонд заработной платы, руб.
Сотрудник	6300,01	300,00	20	9615,00
Программист	3500,00	166,66	10	2670,83
Итого	12285,83

С_зп1 = (20300,00+10166,66)1,251,282 руб. = 12285,83руб. (за год).

Таблица 9 Данные по заработной плате специалистов (для продукта-аналога)

Должность	Должностной оклад, руб.	Средняя дневная ставка, руб./день	Затраты времени на эксплуатацию, человеко-дней

Подобные документы

• Разработка сайта детского оздоровительно лагеря

  Определение понятия веб-сайта. Рассмотрение и анализ этапов построения информационного ресурса. Изучение и характеристика особенностей процесса расположения сайта в сети интернет. Ознакомление с порядком регистрации доменного имени и аренды хостинга.
  
  дипломная работа [4,7 M], добавлен 08.06.2019
  

• Разработка информационного web-портала

  Изучение теоретических основ разработки программы и правил выбора языка программирования. Рассмотрение основных задач по созданию сайта автоклуба. Основы разработки базы данных, создания web-дизайна, текстового наполнения сайта и его публикации.
  
  курсовая работа [687,9 K], добавлен 07.04.2014
  

• Разработка справочно-информационного портала об автомобилях

  Методы моделирования и продвижения web-сайта, анализ средств для его создания: языки программирования, фреймворки, CMS. Разработка прототипа онлайнового портала об автомобилях, его основные услуги и функциональные возможности; администрирование web-сайта.
  
  курсовая работа [436,3 K], добавлен 07.11.2013
  

• Разработка информационного портала кафедры информатики и математики

  Проектирование и создание информационного портала кафедры информатики и математики, выбор и обоснование комплекса технических средств. Разделы и подразделы сайта. Организационно-экономическое обоснование проекта. Основы охраны труда и безопасности.
  
  дипломная работа [103,5 K], добавлен 25.10.2013
  

• Создание оригинал-макета сайта

  Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.
  
  презентация [2,8 M], добавлен 01.09.2019
  

• Разработка сайта-визитки для фирмы "Кондиционер-сити"

  Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.
  
  курсовая работа [1,6 M], добавлен 13.06.2013
  

• Создание web-сайта

  Разработка общей структуры проектируемого сайта. Выбор программных и аппаратных средств для реализации поставленной задачи. Описание дизайна будущего сайта. Рассмотрение основ регистрации, правил построения программной и эксплуатационной документации.
  
  курсовая работа [5,3 M], добавлен 31.07.2014
  

• Техническое задание на разработку сайта

  Создание ознакомительного информационно-технического форума. Отличие создания интернет-портала от сайта в рунете. Основные ступени разработки информационно-технического портала. Качественное наполнение сайта. Требования к дизайну сайта, цветовые решения.
  
  контрольная работа [29,7 K], добавлен 17.04.2014
  

• Разработка веб-сайта для медицинского центра

  Разработка проекта веб-сайта для медицинского центра, предоставляющего платные услуги. Анализ целевой аудитории создаваемого сайта как информационного ресурса. Навигация сайта, описание профилей пользователей и алгоритмов их взаимодействия с системой.
  
  курсовая работа [1,9 M], добавлен 13.12.2014
  

• Проектирование динамического web-сайта коммерческой организации ООО "Посредник"

  Общая характеристика коммерческой организации. Основные цели проектирования web-сайта, предъявляемые к нему требования. Этапы разработки эскизного и технического проектов динамического сайта, анализ экономической эффективности его создания и окупаемости.
  
  дипломная работа [3,5 M], добавлен 25.12.2012
  

• Сайт "Молодежный хор Brevis"

  Композиционные и цветовые решения сайта, изготовление графических элементов и выбор шрифтов. Файловая структура проекта. Описание шаблонов и функциональных элементов сайта. Процесс тестирования, размещение сайта на хостинге и регистрация в поисковиках.
  
  дипломная работа [6,0 M], добавлен 19.02.2013
  

• Разработка сайта ОАО "Каменск-Уральский литейный завод"

  Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".
  
  курсовая работа [3,5 M], добавлен 05.06.2015
  

• Разработка интернет-дневника

  Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Виды сайтов, их классификация. Характеристика сайта: статический или динамический. Проблема безопасности web-сайта. Исследование программного обеспечения и языков программирования.
  
  дипломная работа [850,3 K], добавлен 11.01.2015
  

• Создание web-сайта на языке PHP

  Формулировка требований к разработке и оформлению информационного сайта предприятия. Описание архитектуры сайта, меню навигации и алгоритма работы, листинг программного кода. Выбор серверной части и процесс отладки. Методы продвижения сайта в Интернете.
  
  курсовая работа [4,6 M], добавлен 18.01.2014
  

• Проектирование и разработка сайта средствами Web Page Maker

  Исследование технических возможностей Web Page Maker для проектирования и разработки сайта. Изучение современных Интернет-технологий. Анализ основных этапов создания сайта. Представление текста и графики на web-страницах. Управление объектами страницы.
  
  курсовая работа [804,3 K], добавлен 16.01.2014
  

• Киберпространство как особая социальная, психологическая и культурная среда

  Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.
  
  курсовая работа [10,7 M], добавлен 01.09.2016
  

• Разработка сайта школы

  Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
  
  курсовая работа [686,4 K], добавлен 13.06.2022
  

• Разработка медиа-портала

  Разработка информативного, удобного и гибкого в управлении web-сайта, удовлетворяющего потребности посетителей и организации. Цепочка ценности индустрии компьютерных игр. Анализ и обоснование выбора среды проектирования и программирования сайта.
  
  дипломная работа [4,0 M], добавлен 20.05.2013
  

• Создание сайта

  Изучение структуры шаблона для создания сайта для НБУ "Юг-Сервис", который будет иметь возможность совместного наполнения информацией в режиме реального времени. Сравнение CMS Drupal, Joomla и WordPress. Наполнение сайта и его размещение на хостинге.
  
  дипломная работа [7,3 M], добавлен 25.04.2015
  

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

  Рассмотрение теоретических подходов к информационным системам и созданию сайта. Исследование бизнес-процессов больницы. Анализ информационных потоков, обеспечивающих работу лечебницы. Разработка проекта сайта организации и оценка его эффективности.
  
  дипломная работа [232,4 K], добавлен 05.07.2010
  

• главная
• рубрики
• по алфавиту
• вернуться в начало страницы
• вернуться к началу текста
• вернуться к подобным работам