Diplom_Dmitrieva124124124124124


Министерство образования Республики Башкортостан
ГАПОУ Стерлитамакский колледж строительства
и профессиональных технологий
СОГЛАСОВАНО:
Зав. дневным отделением
__________ А.Х. Хасанова
«___»__________20____г. ДОПУСТИТЬ К ЗАЩИТЕ:
Зам. директора по учебной работе
_________ В.А. Роганова«___»__________20____г.
Специальность 09.02.03 Программирование в компьютерных системах
ДИПЛОМНАЯ
РАБОТА
Разработка Web-сайта коммерческой организации
Студент группы ПО-42______________________________________________ /А.А. Дмитриева/
(Подпись) (Ф.И.О.)
Руководитель дипломной работы_________________________________ /Л.И. Михайлова/
(Подпись) (Ф.И.О.)
Рецензент____________________________________________________ /Е.В. Симакова/
(Подпись) (Ф.И.О.)
Оценка_________________________
«____»____________________2017 г.
СОДЕРЖАНИЕ
TOC \o "1-3" \h \z \u ВВЕДЕНИЕ PAGEREF _Toc485515912 \h 31. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ PAGEREF _Toc485515913 \h 51.1. Цель разработки и анализ её использования PAGEREF _Toc485515914 \h 51.2. Анализ технологий и возможных средств решения проблемы PAGEREF _Toc485515915 \h 51.3. Выбор средств и технологий PAGEREF _Toc485515916 \h 62. ПРАКТИЧЕСКАЯ ЧАСТЬ PAGEREF _Toc485515917 \h 152.1. Описание основных этапов построение информационного портала PAGEREF _Toc485515918 \h 152.2. Определение необходимого набора страниц портала PAGEREF _Toc485515919 \h 202.3. Размещение Web-сайта на хостинге PAGEREF _Toc485515920 \h 223. РАСЧЕТНО-ЭКОНОМИЧЕСКАЯ ЧАСТЬ PAGEREF _Toc485515921 \h 233.1. Оценка конкурентоспособности в сравнении с аналогом PAGEREF _Toc485515922 \h 233.2. Расчет показателя качества балльно-индексным методом PAGEREF _Toc485515923 \h 243.3. Планирование комплекса работ по разработке темы и оценка трудоемкости PAGEREF _Toc485515924 \h 253.4. Расчет затрат на разработку проекта PAGEREF _Toc485515925 \h 293.5. Расчет эксплуатационных затрат PAGEREF _Toc485515926 \h 343.6. Расчет показателя экономического эффекта PAGEREF _Toc485515927 \h 374.ОХРАНА ТРУДА И БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ PAGEREF _Toc485515928 \h 404.1. Инструкция по охране труда и технике безопасности для программистов PAGEREF _Toc485515929 \h 404.2. Требования безопасности перед началом работы PAGEREF _Toc485515930 \h 414.3. Требования безопасности при выполнении работ PAGEREF _Toc485515931 \h 424.4. Требования безопасности в аварийных ситуациях. PAGEREF _Toc485515932 \h 444.5. Требования безопасности по окончании работы. PAGEREF _Toc485515933 \h 44ЗАКЛЮЧЕНИЕ PAGEREF _Toc485515934 \h 45СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ PAGEREF _Toc485515935 \h 47ПРИЛОЖЕНИЕ PAGEREF _Toc485515936 \h 49
ВВЕДЕНИЕЧеловечество сегодня переживает информационный взрыв. Объем информации, поступающей к человеку через все информационные средства, непрерывно растет. Поэтому для каждого человека, живущего в информационном обществе, очень важно иметь легкий доступ к интересующей его информации. Всевозможные организации стараются предоставить информацию о своей деятельности клиентам.
Профессионально созданный сайт обеспечивает легкость нахождения необходимой информации. Сайт сегодня является не только информационным средством или визиткой, а полноценным маркетинговым инструментом, привлекающим новых клиентов.
Интернет-представительство Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа» не просто сайт, а официальный информационный ресурс предоставляющий информацию от первых лиц компании. Поэтому возникает необходимость создания Интернет-ресурса, который бы привлекательно выглядел внешне и по содержанию, эффективно использовал возможности глобальной компьютерной сети, выполнял представительские функции в расчёте на различные категории потенциальных посетителей и играл роль связующего звена с работниками и руководителями.
Качественный сайт является основным информационным ресурсом всей компании. При помощи сайта можно:
-передать всю необходимую информацию о компании, услугах, в том числе самые последние новости;
-современно разрекламировать компанию так, чтобы иметь одновременно зрелищность телевизионной рекламы и информативность буклета.
Разрабатываемый Интернет-ресурс должен иметь понятный пользователю интерфейс, удобную навигацию, привлекательный дизайн и обширные функциональные возможности.
Таким образом, целью дипломной работы является разработка Web-сайта коммерческой организации.
Объектом дипломной работы является деятельность коммерческой организации. Предмет исследования: сайт Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа».
Задачи дипломной работы:
произвести обзор существующего ПО для разработки web -сайта;
описать основные этапы проектирования web - сайта;
реализовать приложение в выбранной среде;
выполнить тестирование и отладку Web - сайта;
разработать к Web - сайту техническую документацию;
обосновать затраты на реализацию приложения;
описать охрану труда и безопасности жизнедеятельности.

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 мы увидим главную страницу нашего сайта.

Рис.7. Главная страница
В ходе разработки тематического Web-сайта было реализован шаблон:
Main – главная страница сайта (приложение 1)
Основой данного сайта является его графическая основа(шаблон), основной шаблон создан на языке PHP с добавлением Style CSS и JavaScript. Основа шаблона лежит в файле Main, в нем содержатся основные коды графического оформления WEB-сайте и из него подаются запросы на другие файлы.
Рис.8. Главная страница
Внутренние страницы – внутренние страницы являются статическими страницами, данная функция предоставлена CMS DataLife Engine благодаря которой не нужно создавать отдельный дизайн для каждой страницы, что упрощает работу сайта, дает более короткую скорость загрузки страниц и возможность быстрого изменения информации на WEB-сайте.

Рис.9. Пример внутренней страницы
2.2. Определение необходимого набора страниц порталаНа главной странице вверху отображается меню доступное на всех страницах сайта. Вверху контента располагается информация о статических страницах, а в нижней области - события/новости компании и справа блок необходимых функций.
Меню шапки состоит из следующих разделов
Главная;
О компании;
Социальная ответственность;
Контакты.
При наведении мышью на пункт меню появляется подменю, в котором можно выбрать необходимый раздел, либо информацию и т.д. Так же на сайте имеется счетчик посещений, по которому можно отследить количество посетителей.

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

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

2.3. Размещение Web-сайта на хостингеСайт был помещен на платный хостинг, технические характеристики которого представлены на рисунке 14.

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

3. РАСЧЕТНО-ЭКОНОМИЧЕСКАЯ ЧАСТЬ3.1. Оценка конкурентоспособности в сравнении с аналогомПроведём технико-экономическое обоснование для разработки Web-сайта коммерческой организации, созданной на основе DataLife Engine.
В качестве программы для сравнения при разработке проекта принят Web-сайт Mobinews, выполненная на основе DataLife Engine. Эта разработка принята в качестве базового варианта исходя из трех факторов:
смежный профиль;
соответствие требованиям технического задания проекта;
доступность для исследования и сравнения с аналогом.
Web-сайт Mobinews создан на основе CMS DataLife Engine и предназначена для распространения информации и полезных статей о создании сайтов. Она может быть полезна для Web-дизайнеров и разработчиков.
Web-сайт Mobinews имеет схожий функционал и цель разработки. Стоимость данного Web-сайта около 70000,00 руб.
Эксплуатационно–технический уровень (ЭТУ) разрабатываемого продукта – это обобщенная характеристика его эксплуатационных свойств, возможностей, степени новизны, являющихся основой качества продукта. Для определения ЭТУ продукта можно использовать индекс эксплуатационно–технического уровня JЭТУ, который рассчитывается как сумма частных индексов, куда входят показатели качества программного продукта. Для учета значимости отдельных параметров применяется балльно–индексный метод.
Тогда комплексный показатель качества продукта по группе показателей можно вычислить по формуле (1):
, (1)
где JЭТУ – комплексный показатель качества продукта по группе показателей;
n – число рассматриваемых показателей;
Вj – коэффициент весомости j–го показателя в долях единицы, назначаемый в соответствии с потребностями организации–заказчика программного продукта;
Xj – относительный показатель качества, устанавливаемый экспертным путем по выбранной шкале оценивания.
3.2. Расчет показателя качества балльно-индексным методомВ таблице 1 представлены результаты расчета балльно–индексным методом при пятибалльной шкале оценивания.
Таблица 1
Расчет показателя качества балльно–индексным методом
Показатели качества Коэффициент весомости, ВjПроект Аналог
XjВjXjXjВjXjУдобство работы (пользовательский интерфейс) 0,10 5 0,5 2 0,2
Новизна (соответствие современным требованиям) 0,06 5 0,3 3 0,18
Соответствие профилю деятельности заказчика 0,15 5 0,75 2 0,3
Операционная система (многозадачность, графика) 0,05 4 0,2 4 0,2
Надежность (защита данных) 0,13 4 0,52 4 0,52
Скорость доступа к данным 0,09 5 0,45 3 0,27
Гибкость 0,05 4 0,2 4 0,2
Функции обработки информации 0,13 4 0,52 2 0,26
Соотношение стоимость/возможности 0,09 4 0,36 2 0,18
Время обучения персонала 0,15 5 0,75 3 0,45
Обобщенный показатель качества JЭТУ JЭТУ1 = 4,55 JЭТУ2 = 2,80
Отношение двух найденных индексов называют коэффициентом технического уровня Аk первого программного продукта по отношению ко второму, который находится по формуле (2):
, (2)
где JЭТУ1 – комплексный показатель качества первого продукта;
JЭТУ2 – комплексный показатель качества второго продукта.

Вывод: Так как, коэффициент больше 1, то разработка проекта с технической точки зрения оправдана.
3.3. Планирование комплекса работ по разработке темы и оценка трудоемкостиТрудоемкость работ определяется с учетом срока окончания работ, объема выполняемых функций, выбранной среды программирования.
Для определения ожидаемой продолжительности работы Тож применяется формула (3):
, (3)
EQ где 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
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

Окончание табл.4
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-й категории, руб.;
Wd – коэффициент, учитывающий дополнительную заработную плату в долях к основной заработной плате (=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-й категории, руб./дн.;
ti – количество дней, отработанных работником i-й категории.
Затраты времени на разработку системы по каждому исполнителю принимаются, исходя из его загрузки по календарному графику выполнения работ (см. таблицу 4).
Расчет основной заработной платы разработчиков проекта приведен в таблице 5 из расчета, что в месяце в среднем 21 рабочий день.

Таблица 5
Основная заработная плата разработчиков
Должность Должностной оклад, руб. Средняя дневная ставка, руб. Затраты времени на разработку, человеко-дней ОЗП, руб.
Руководитель Программист 8809,78
5005,10 420,00
95,50 14
56 5880,00
5348,00
Итого 11228,00
Ввиду того, что проектируемая информационная система должна быть запрограммирована и отлажена с помощью компьютеров, к суммарным затратам на разработку добавляются затраты на использование машинного времени.
, (7)
где tмв – машинное время компьютера, необходимое для разработки программного продукта; tмв = 374 часов. Данный результат был получен путем данных из (см. таблицы 3), а также проведены расчеты по формулам:
днрук % (t) и днпрог %(t),
tрук+tпрог;
Sмч – стоимость 1 часа машинного времени; (средняя стоимость платного доступа к ПК в Стерлитамаке составляет Sмч=25 руб./час);
Км – коэффициент мультипрограммности (показывает долю машинного времени, отводимого непосредственно на работу над проектом); Км=1.
Таблица 6
Материалы
Материалы Единица измерения Требуемое
количество Цена за единицу, руб. Сумма, руб.
Тетрадь общая шт. 2 18,00 36,00
Флеш-накопитель шт1 300,00 300,00
Итого 336,00
Таким образом, капитальные вложения на проектирование равны:
Кп = (5880,00+5348,00) ((1+0,25) (1 + 0,282) + 0,6) + 374 25,00 + 336,00= =34415,67руб.
Смета затрат на разработку представлена в таблице 7.
Таблица 7
Затраты на разработку
Статьи затрат Сумма, руб.
Основная заработная плата 11 228,00
Дополнительная зарплата 2 586,88
Отчисления на социальные нужды 8 758,20
Затраты на материалы 336,00
Затраты на машинное время 2 524,19
Накладные расходы организации 8 982,40
ИТОГО 34415,67
Капитальные вложения на реализацию проекта:
Кр = Ко + Кдд + Кпп + Ксв + Киб + Кпк , (8)
где Ко – затраты на основное и вспомогательное оборудование, руб.;
Кзд – затраты на строительство, реконструкцию здания и помещений, руб.;
Кпп – затраты на приобретение типовых разработок, пакетов, руб.;
Ксв – затраты на прокладку линий связи, руб.;
Киб – затраты на создание информационной базы, руб.;
Кпк – затраты на подготовку и переподготовку кадров, руб.
Таким образом, при внедрении системы, рассматриваемой в данном проекте, затраты на его реализацию определяются затратами на оборудование и материалы. В оборудование и материалы входит компьютер на базе процессора Intel® Core™ i3. Стоимость компьютера 20 000,00 руб.
Тогда затраты на основное и вспомогательное оборудование составят
, (9)
где Cbj – балансовая стоимость j-го вида оборудования, руб. (при n=1 Cb1=20000,00 руб.);
Qj – количество единиц j-гo оборудования, руб. (1 шт.);
Yj – коэффициент загрузки j-го вида оборудования при обработке информации по решению задач предметной области:
, (10)
где Фэфj – эффективный годовой фонд времени работы технического средства j-го вида, час./год.
Время работы технического средства j-го вида по решению s задач, час./год:
, (11)
где tкj – трудоемкость однократной обработки информации по к-й задаче на j-м виде технических средств, часов машинного времени (tкj=8);
Uк – частота (периодичность) решения к-й задачи, дней /год (Uк =264).
Затраты на реализацию:
Кр = 20 000,0018264/(2648) руб. = 20000,00 руб.
Таким образом, суммарные затраты на разработку проекта:
К = Кп + Кр = 34415,67 + 20000,00руб. =54415,67 руб.
Суммарные затраты, связанные с внедрением аналога складываются из следующих затрат:
затраты на приобретение программного продукта (45000,00 руб.);
затраты на основное и вспомогательное оборудование (20000,00руб.) (предполагается, что для внедрения аналога понадобится такой же компьютер, что и для проектируемой системы);
затраты по оплате услуг на установку и сопровождение продукта (5000,00 руб).
Итого суммарные затраты, связанные с внедрением аналога составят 70000,00 руб.
3.5. Расчет эксплуатационных затрат К эксплуатационным затратам относятся затраты, связанные с обеспечением нормального функционирования проекта. Текущие затраты рассчитываются по формуле (12):
Зтек = ЗзП + Са + Зэ + Срем + Зм + Зн , (12)
где ЗзП – затраты на зарплату основную и дополнительную с отчислениями во внебюджетные фонды, руб.;
Са – амортизационные отчисления от стоимости оборудования и устройств системы, руб.;
Зэ – затраты на силовую энергию, руб.;
Срем – затраты на текущий ремонт оборудования и устройств системы, руб.;
Зм – затраты на материалы и машинные носители, руб.;
Зн – накладные расходы информационного отдела, руб.
Эксплуатацию разработанной системы осуществляют специалисты. Затраты на заработную плату основную и дополнительную с отчислениями на социальные нужды производственного персонала рассчитываются по формуле (13):
, (13)
где ti – время эксплуатации системы i-м работником, дни;
3i – среднедневная заработная плата i-го работника, руб./день.
Данные расчета заработной платы специалистов приведены в таблицах 8 и 9.
Таблица 8
Данные по заработной плате специалистов
Должность Должностной оклад, руб. Средняя дневная ставка, руб./день Затраты времени на эксплуатацию, человеко-дней Фонд заработной платы, руб.
Сотрудник 6 300,01 300,00 20 9 665,00
Программист 5 500,00 170,00 10 2 674,25
Итого 12 339,25
Сзп1 = (20300,00+10170,00)1,251,282 руб. = 12339,25 руб. (за год).
Таблица 9
Данные по заработной плате специалистов (для продукта-аналога)
Должность Должностной оклад, руб. Средняя дневная ставка, руб./день Затраты времени на эксплуатацию, человеко-дней Фонд заработной платы, руб.
Сотрудник 8 500,00 340,00 25 12 673,42
Программист 7 200,25 160,05 45 12 489,43
Итого 25 162,85
Сзп2 = (25340,00+45160,05)1,251,282=25 162,85 руб. (за год).
Сумма амортизационных отчислений рассчитывается следующим образом:
, (14)
где Cbj – балансовая стоимость j-гo вида оборудования, руб.;
tj – время работы j-гo вида оборудования, час;
Fэфj – эффективный фонд времени работы оборудования в год, час;
aj – норма годовых амортизационных отчислений для j-гo вида оборудования;
gj – количество единиц оборудования j-гo вида.
Эффективный фонд времени работы оборудования можно вычислить по формуле (15):
Fэф =DрНэ , (15)
где Dp – количество рабочих дней в году. Dp = 244;
Нэ – норматив среднесуточной загрузки, час./день, Нэ = 8.
Таким образом, эффективный фонд времени работы оборудования составит
Fэф =2448=1952 час.
Данные для расчета:
aj =0,2 (используется ускоренная амортизация – 20-30 %);
gj =1;
tj (для проекта) = (20 + 10)8 = 240 час.;
tj (для аналога) = (25 + 45)8 = 560 час.;
Cb1=20000, 00 руб.; Cb2=20 000,00 руб.
Сумма амортизационных отчислений для проекта составит
Са1=0,01((20 000,00201240) /1952) руб. = 491,80 руб.
Сумма амортизационных отчислений для аналога составит
Са2=0,01((20000,00201560) /1952) руб. = 1147,54 руб.
Затраты на силовую энергию рассчитываются по формуле
, (16)
где Nj – установленная мощность j-го вида технических средств, кВт;
tj – время работы j-го вида технических средств, час;
gj – коэффициент использования установленной мощности оборудования;
Тэ – тариф на электроэнергию, руб./кВт ч.
В настоящее время тариф на электроэнергию в предприятие, в городе Стерлитамак составляет 4,55 руб./кВт, установленная мощность для компьютера равна 0,2 кВт, таким образом затраты на силовую энергию для проекта составят Зэ = 0,22404,55 руб. = 218,40 руб., для аналога составят Зэ = 0,25604,55 руб.= 509,60 руб.
Затраты на текущий ремонт оборудования рассчитываются по формуле
, (17)
где Cpi - норматив затрат на ремонт (Cpi = 0,05).
Затраты на текущий ремонт оборудования составят:
для проекта Зрем1 = (0,0520 000,00240) /1952= 122,95 руб.,
для аналога Зрем2 = (0,0520 000,00560) /1952= 286,88 руб.
Затраты на материалы, потребляемые в течение года, составляют 1% от балансовой стоимости основного оборудования и равны 200,00 руб. (20000,00000,01).
Накладные расходы включают затраты на содержание административного и управленческого персонала, на содержание помещения и т.д. Норматив накладных расходов составляет 20 % от прямых затрат, включающих первые пять статей затрат, представленных в таблице 10.
Накладные расходы для проекта:
Зн1 = (12339,25+491,80 +218,40 +122,95 +200)0,2 = 2674,48 руб.
Накладные расходы для аналога:
Зн2 = (25162,85+1147,54+509,60+268,88+200)0,2 =5457,78 руб.
Таблица 10
Годовые эксплуатационные затраты
Статьи затрат Затраты на проект, руб. Затраты на аналог, руб.
Основная и дополнительная зарплата с отчислениями во внебюджетные фонды 12 339,25 25 162,85
Амортизационные отчисления 491,80 1 147,54
Затраты на электроэнергию 218,40 509,60
Затраты на текущий ремонт 122,95 268,88
Затраты на материалы 200,00 200,00
Накладные расходы 2 674,48 5 457,78
Итого 16 046,88
32 764,65
3.6. Расчет показателя экономического эффекта Годовой экономический эффект от использования разрабатываемой системы определяется по разности приведенных затрат на базовый и новый варианты в расчете на годовой объем выпуска:
Э=(З1Ak–З2)N, (18)
где З1,З2 – приведенные затраты на единицу работ, выполняемых с помощью базового и проектируемого вариантов процесса обработки информации, руб.;
Ak – коэффициент эксплуатационно-технической эквивалентности, или технического уровня, Ak = 1,13 (формула (2));
– объем работ, выполняемых с помощью разрабатываемого продукта (примем равным 1).
Приведенные затраты Зi на единицу работ, выполняемых по базовому и разрабатываемому вариантам, рассчитываются по формуле (19):
3i=Ci+EнKi , (19)
где Ci – себестоимость (текущие эксплуатационные затраты единицы работ), руб.;
Ен – нормативный коэффициент экономической эффективности (Ен =0,33);
Ki – суммарные затраты, связанные с внедрением нового проекта.
Затраты на единицу работ по аналогу:
З1=32764,65+0,3370000,00= 55864,65 руб.
Затраты на единицу работ по проекту:
З2=16046,88+0,3354415,67 =34004,05 руб.
Экономический эффект от использования разрабатываемой системы:
Э=55864,651,57 –34004,05=53703,45 руб.
Сводные данные по расчету экономического эффекта приведены в таблице 11.
Таблица 11
Экономический эффект
Характеристика Значение
продукт-аналог (базовый) разрабатываемый продукт
Себестоимость (текущие эксплуатационные затраты), руб. 32 764,65 16 046,88
Суммарные затраты, связанные с внедрением проекта, руб. 70 000,00 54 415,67
Приведенные затраты на единицу работ, руб. 55 864,65 53 703,45
Экономический эффект от использования разрабатываемой системы, руб. 53 703,45руб
После определения годового экономического эффекта необходимо рассчитать срок окупаемости затрат на разработку продукта по формуле (20):
Ток = К/Э. (20)
Срок окупаемости составит: Ток =55 864,65/53 703,45= 1 год.
Затем рассчитаем фактический коэффициент экономической эффективности разработки (Еф) и сопоставим его с нормативным значением коэффициента эффективности капитальных вложений Ен =0,33:
Еф=1/Tок.= 1/1=1. (21)
Фактический коэффициент экономической эффективности разработки получился больше, чем нормативный, поэтому разработка и внедрение разрабатываемого продукта является эффективной.
Таким образом, в ходе проделанной работы найдены все необходимые данные, доказывающие целесообразность и эффективность данной разработки. Приведем эти данные в сводной таблице 12.
Таблица 12
Результаты экономического обоснования проекта
Характеристика проекта Значение
Затраты на разработку и внедрение проекта, руб. 54 415,67
Общие эксплуатационные затраты, руб. 16 046,88
Экономический эффект, руб. 53 703,45
Коэффициент экономической эффективности 1
Срок окупаемости, лет 1

ОХРАНА ТРУДА И БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИИнструкция по охране труда и технике безопасности для операторов
Во время работы с ПК на оператора возможно воздействие следующих опасных и вредных факторов:
а) физических:
низкочастотные электрические и магнитные поля;
статическое электричество;
лазерное и ультрафиолетовое излучение;
повышенная температура;
ионизация воздуха;
опасное напряжение в электрической сети.
б) химических:
пыль;
вредные химические вещества, выделяемые при работе принтеров и копировальной техники.
в) психофизиологических:
напряжение зрения и внимания;
интеллектуальные и эмоциональные нагрузки;
длительные статические нагрузки и монотонность труда.
К работам с ПК допускаются лица: - не моложе 18 лет, прошедшие обязательный предварительные при приеме на работу и ежегодные медицинские осмотры в порядке и сроки, установленные Минздравмедпромом России и Госкомсанэпиднадзором России, и не имеющие медицинских противопоказаний для работы с ПК и ВДТ; - прошедшие курс обучения принципам работы с вычислительной техникой и специальное обучение работе на ПК с использованием конкретного программного обеспечения; - прошедшие вводный инструктаж по электробезопасности с присвоением 1-й квалификационной группы; - ознакомленные с инструкциями по эксплуатации на используемые на рабочем месте средства оргтехники (собственно ПК, принтеры, сканеры, источники бесперебойного питания и т.п.).
К работе с ПК не допускаются женщины со времени установления беременности и в период кормления ребенка грудью.
Требования безопасности перед началом работыДо включения, используемого на рабочем месте оборудования оператор обязан:
осмотреть и привести в порядок рабочее место, убрать с рабочего места все посторонние предметы, которые могут отвлекать внимание и затруднять работу;
проверить правильность установки стола, стула, подставки под ноги, пюпитра, угол наклона экрана монитора, положение клавиатуры и, при необходимости, произвести их переустановку в целях исключения неудобных поз и длительных напряжений тела. Особо обратить внимание на то, что дисплей должен находиться на расстоянии не менее 50 см от глаз (оптимально 60-70 см), плоскость его экрана должна быть перпендикулярна направлению взгляда и центр экрана должен быть ниже уровня (или на уровне) глаз оператора;
проверить правильность и надежность заземления оборудования: - защитный экранный фильтр должен быть надежно заземлен на корпус системного блока ПК (например, под винт крепления встроенного источника питания системного блока); не допускается заземление защитного фильтра к винтам крепления разъемов связи системного блока с периферийными устройствами и к винтам крепления кожуха системного блока; - при наличии дополнительного проводника для заземления ПК (в случае питании ПК через двухконтактную вилку питания либо от трехконтактной розетки, но с незаземленным третьим контактом), заземляющий проводник должен быть надежно подсоединен под винт крепления встроенного источника питания системного блока ПК;
проверить правильность расположения оборудования;
кабели электропитания ПК и другого оборудования (включая переноски и удлинители) должны находиться с тыльной стороны рабочего места;
источник бесперебойного питания для исключения вредного влияния его повышенных магнитных полей должен быть максимально возможно удален от оператора;
проверить надежность подключения к системному блоку разъемов периферийного оборудования;
убедиться в отсутствии засветок, отражений и бликов на экране монитора. Убедиться в отсутствии ярко освещенных предметов в поле зрения при переносе взгляда с экрана монитора на документ. Убедиться, что освещенность документов достаточна для четкого различения их содержания. При возможности, отрегулировать освещение и принять меры к исключению бликов и засветок на экране и в поле зрения;
убедиться в отсутствии пыли на экране монитора, защитном фильтре и клавиатуре, при необходимости, протереть их специальной салфеткой;
включить оборудование рабочего места в последовательности, установленной инструкциями по эксплуатации на оборудование с учетом характера выполняемых на рабочем месте работ;
убедиться в отсутствии дрожания и мерцания изображения на экране монитора;
установить яркость, контрастность, цвет и размер символов, фон экрана, обеспечивающие наиболее комфортное и четкое восприятие изображения;
оператору ПК запрещается приступать к работе в случае обнаружения несоответствия рабочего места установленным в данном разделе требованиям, а также при невозможности выполнить указанные в данном разделе подготовительные к работе действия.
Требования безопасности при выполнении работОператор во время работы обязан:
в течение рабочего дня содержать в порядке и чистоте рабочее место;
не закрывать вентиляционные отверстия ПК;
при необходимости временного прекращения работы корректно закрыть все активные задачи;
соблюдать правила эксплуатации оборудования и требования настоящей инструкции;
при работе с каждой программой выбирать наиболее оптимальное сочетание визуальных параметров (цвет и размер символов, фон экрана, яркость, контрастность и др.);
соблюдать установленные режимом рабочего времени регламентированные перерывы в работе, выполнять рекомендованные физические упражнения.
Оператору во время работы запрещается:
прикасаться к задней панели системного блока при включенном питании;
переключать разъемы интерфейсных кабелей периферийных устройств при включенном питании;
закрывать оборудование бумагами и посторонними предметами;
допускать скапливание бумаг на рабочем месте;
производить отключение питания во время выполнения активной задачи;
снимать защитный фильтр с экрана монитора;
допускать попадание влаги на поверхности устройств;
производить самостоятельно вскрытие и ремонт оборудования;
производить вскрытие или заправку на рабочем месте картриджей лазерных принтеров и копировальной техники;
прикасаться к нагретым элементам принтеров и копировальной техники;
работать со снятыми кожухами оборудования, являющегося источниками лазерного и ультрафиолетового излучения;
располагаться при работе на расстоянии менее 50 см. от экрана монитора.
Режимы труда и отдыха при работе с ПК должны организовываться в соответствии с требованиями СанПиН 2.4.2.1178-02 в зависимости от вида и категории трудовой деятельности. При выполнении в течение рабочей смены работ, относящихся к разным видам трудовой деятельности, за основную работу с ПК следует принимать такую, которая занимает не менее 50% времени в течение рабочей смены или рабочего дня. Продолжительность непрерывной работы с ПК без регламентированного перерыва не должна превышать 2 часов. Во время регламентированных перерывов с целью снижения нервно-эмоционального напряжения, утомления зрительного аппарата, устранения влияния гиподинамии и гипокинезии, предотвращения развития познотонического утомления необходимо выполнять комплексы физических упражнений (СанПиН 2.4.2.1178-02).
Требования безопасности в аварийных ситуациях.При обнаружении обрыва проводов питания или нарушения целости их изоляции, неисправности заземления и других повреждений электрооборудования, появления запаха гари, посторонних звуков в работе оборудования и тестовых сигналов, индицирующих о его неисправности немедленно прекратить работу и отключить питание.
При поражении работника электрическим током принять меры по его освобождению от действия тока путем отключения электропитания и до прибытия врача оказать потерпевшему первую медицинскую помощь.
В случае возгорания оборудования отключить питание, сообщить в пожарную охрану и руководителю, после чего приступить к тушению пожара имеющимися средствами.
Требования безопасности по окончании работы.По окончании работы оператор обязан соблюдать следующую последовательность отключения оборудования:
произвести закрытие всех выполняемых на ПК задач;
отключить питание в последовательности, установленной инструкциями по эксплуатации на оборудование с учетом характера выполняемых работ;
убрать со стола рабочие материалы и привести в порядок рабочее место.
ЗАКЛЮЧЕНИЕСайт - это не просто полная информация о фирме, ее сфере деятельности и контактах – это возможность решения различных маркетинговых и коммерческих задач любого бизнеса. В условиях использования современных информационных технологий наличие сайта является необходимым фактором существования, позволяет расширить поле рекламной деятельности и привлечь, тем самым, дополнительных клиентов.Так сайт Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа» является его визитной карточкой, цель которого состоит в том, чтобы привлечь как можно больше клиентов.
В данной дипломной работе рассмотрены актуальные вопросы разработки и создания современного Web-сайта.
Создание сайта коммерческой организации осуществлялось в несколько этапов. На этапе планирования были поставлены задачи по разработке сайта. Во время этапа составления требований к проекту был составлен план изучения объекта и были выдвинуты требования к сайту. Благодаря этапу дизайна и проектирования вовремя обнаружены проблемы с юзабилити, до того, как был написан программный код. Также на этом этапе проанализированы несколько CMS и для реализации сайта коммерческой организации была выбрана CMS DataLife Engine v 10.5. На этапе программной реализации проекта применен метод стилевых правил, благодаря которым удалось добиться единообразия между различными экранными страницами сайта. Было проведено тестирование и анализ сайта методом эвристической оценки, на этом этапе удалось выявить мелкие недочеты в работе сайта и устранить их. Заключительным этапом в разработке стал этап выпуска сайта. На этом этапе был проведен опрос пользователей, который показал, что сайт полностью соответствует требованиям, выдвинутым в начале проектирования.
Разработанный и внедренный сайт коммерческой организации позволяет:
-создавать условия для взаимодействия гостей, сотрудников и руководства компании;
-информировать сотрудников о событиях и новостях компании;
-знакомить с традициями компании и его достойным качеством предоставления услуг.
Таким образом, в процессе реализации дипломной работы были решены поставленные задачи, а именно:
собрана информация по Стерлитамакскому ЛПУМГ ООО «Газпром трансгаз Уфа»;
выбраны программные средства для разработки сайта;
разработан проект сайта компании на основе системы управления содержимым DataLife Engine;
заполнена информацией разработанная структура сайта;
протестирован созданный сайт.
Расчет экономической эффективности показал, что разработанный информационный Web-сайт позволяет сэкономить 15584,40 руб. в год, а срок его окупаемости составляет 1 год.
Поставленные задачи в полной мере реализованы в дипломной работе. Также возможна доработка интерфейса сайта с целью дальнейшего повышения его информативности, привлекательности и удобства.
Учитывая всё вышесказанное можно сделать вывод о целесообразности внедрения разработанного информационного web-сайта.
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫГОСТ 12.1.005-88 Система стандартов безопасности труда. Общие санитарно-гигиенические требования к воздуху рабочей зоны.
ГОСТ 12.2.032-78 ССБТ. Рабочее место при выполнении работ сидя. Общие эргономические требования.
ГОСТ Р МЭК 61140-2000 Защита от поражения электрическим током. Общие положения по безопасности, обеспечиваемой электрооборудованием и электроустановками в их взаимосвязи.
Артемьев М.А. Основы использования и проектирования WEB-сайтов. - М.: Юрайт, 2013. - 231 с.
Бабушкин А.Н. PHP программирование. – М.: OOO «PHP-Soft», 2016. - 218 с.
Дубянский В.А. DLE. Основы программирования PHP. – СПб.: БХВ-Петербург, 2013. - 170 с.
Гончаров Д.Н. Введение модулей в систему «DataLife Engine 10.6». Основные объекты. – М.: DLE-Info, 2013. - 194 с.
Даринский М.Г. «DataLife Engine». Практическое пособие разработчика – М.: DLE, 2015. – 512 с.
Журавлёв А. П. DataLife Engine. Простые примеры разработки – М.: DLE, 2016. – 382 с.
Ковалева Г.П. Стильный сайт с помощью CSS. – М.; НТ Пресс, 2012. – 272с.
Колисниченко Д. Н. Руководство пользователя. – СПб.: Диалектика, 2013. – 224c.
Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5 на примерах. – С.П.: БХВ-Петербург, 2012, – 346с.
Кухарчик А.Б. PHP. Обучение на примерах. – Минск: Новое знание, 2012. – 402с.
Леонтьев В. П. Новейшая энциклопедия Интернет – М.: ОЛМА-ПРЕСС, 2013. – 781с.
Лешев Д. Создание интерактивного Web-сайта. Учебный курс; СПб: Питер, 2012. – 544c.
Николенко Д.В. Практические занятия по JavaScript. – М.: Наука и техника, 2012. – 128с.
Нильсен Я. Web-дизайн. – СПб.: Символ-Плюс, 2013. – 512с.
Орлов А.А. PHP. Полезные приемы. – М.: Горячая линия – Телеком, 2014. – 368с.
Петюшкин А.В. HTML экспресс курс. – СПб.: БХВ-Петербург, 2014. – 256с.
Федорчук А. Как создаются Web-сайты. – СПб.: Питер, 2013. – 224с.
Шафран Э. Создание Web-страниц. – СПб.: Питер, 2012. – 320с.
Описание CMS «DataLife Engine» [Электронный ресурс]. - Режим доступа: http://dle-news/info.htm, свободный - [дата обращения: 02.05.2017].
Форум Web-дизайна [Электронный ресурс]. - Режим доступа: http://web-silver.ru/forum, свободный - [дата обращения: 22.05.2017].
Все для DLE [Электронный ресурс]. - Режим доступа: http://dle-net.ru, свободный - [дата обращения: 01.05.2017].
Оптимизация сайта [Электронный ресурс]. - Режим доступа: https://myrusakov.ru/forum.html, свободный - [дата обращения: 06.05.2017].

ПРИЛОЖЕНИЕ

Приложение 1
Листинг шаблона:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
{headers}
<link rel="shortcut icon" href="/favico.ico" />
<link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/libs.js"></script>
<script type="text/javascript" src="{THEME}/js/box.js"></script>
</head>
<body>
{AJAX}
<div id="topbar">
<div class="topbar">
<div class="wrap">
<span class="lcol">
<a id="ihome" href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://site.ru');">Сделать домашней</a>
<a id="ilike" href="#" onclick="return addBookmark('Все, что нужно знать социальных сетях.', 'http://site.ru');">Добавить в избранное</a>
</span>
<div class="rcol">
<form id="searchbar" method="post" action=''>
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<div class="searchbar">
<input class="stext" id="story" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" />
<input class="sbtn" type="image" src="{THEME}/images/spacer.gif" title="Искать" alt="Искать" />
</div>
</form>
<li><a href="#">О нас</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="wrap">
<div id="header">
<span class="htext"><i class="thide">(i)</i><h1>Все, что нужно знать<br />о социальных сетях.</h1></span>
<div id="hbanner"><img src="{THEME}/images/banner_468x60.png" alt="Всё для Веб-Мастера" /></div>
</div>
<div id="menubar">
{login}
{include file="topmenu.tpl"}
</div>
<div class="slidespace"></div>
{include file="slider.tpl"}
<div id="mcontent">
<div class="lside lcol">
<div class="binner">
<div class="mbanner"><div align="center"><img src="{THEME}/images/banner_468x60.png" /></div></div>
<div class="shadow">&nbsp;</div>
<span id="check-lc"></span>
{include file="scroller.tpl"}
<div class="clr"></div>
</div>
{info}{content}
<br />
<br />
</div>
<div class="rside rcol">
{include file="sidebar.tpl"}
</div>
<div class="clr"></div>
</div>
<div class="footspace"> </div>
</div>
<div id="footbg">
<div class="wrap">
<div id="footbox">
<div class="lside lcol">
<div id="btags" class="fbbox">
<h4><span><b>Популярные теги сайта</b></span></h4>
<div class="dcont">{tags}</div>
</div>
</div>
<div class="rside rcol">
<div id="bcal" class="fbbox">
<h4><span><b>Календарь</b></span></h4>
<div class="dcont">{calendar}</div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div id="footer">
<div class="wrap">
<div class="counts">
<ul>
<li><img src="{THEME}/images/count.png" alt="" /></li>
</ul>
</div>
<div class="lcol">
<div id="copyright">При использовании материалов ссылка на источник обязательна. <br />Copyright &copy; 2011
All Rights Reserved.</div>
<div id="footinfo">
<div class="wrap">
</div>
</div>
</body>
</html>
Приложение 2
Карта сайта
ГлавнаяСобытия/новости компании
О компании
Информация о компании
Социальная ответственность
Поддержка культуры и искуства/Поддержка спорта/Профсоюз
Контакты
Контакты компании
Обратная связь
Связь с руководством
ПравилаПравила пользования сайтом

Приложенные файлы

  • docx 18242013
    Размер файла: 7 MB Загрузок: 0

Добавить комментарий