Разработка интернет-приложения для работы с клиентами 'КСС-СЕРВИС'

Разработка интернет-приложения для работы с клиентами 'КСС-СЕРВИС'

Содержание

Введение

. Общая часть

.1 Описание предметной области

.2 Анализ существующей ситуации

.3 Обзор существующих информационных систем

. Специальная часть

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

.2 Проектирование программного обеспечения

.3 Реализация программного обеспечения

. Экономика производства

.1 Расчет затрат на создание программы

.2 Расчет экономической эффективности и срока окупаемости

. Безопасность жизнедеятельности

.1 Мероприятия по охране труда на рабочем месте оператора ПК

.2 Общие требования по технике безопасности и охране труда

.3 Основные санитарно-технические требования в помещении

.4 Расчет искусственной освещенности рабочего места

Заключение

Литература

Введение

Целью дипломной работы является разработка интернет - приложения для работы с клиентами «КСС-СЕРВИС».

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

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

На этапе проектирования:

Изучение информационной базы клиента “Управление торговлей», предоставленной предприятием;

Выбор платформы для построения сайта

Изучение платформы для построения сайта

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

Выбор технологии и среды разработки;

Разработка основных алгоритмов решения задач, хранения данных;

Определение требований к программному обеспечению;

Проектирование структуры программного обеспечения;

Проектирование интерфейса пользователя.

На этапе реализации:

Разработка основных форм;

Реализация кода программы;

Разработка и определение требований к программному обеспечению;

Разработка руководства пользователя;

Разработка руководства системного программиста.

Актуальность проекта состоит в использовании современных средств и оборудования, таких как язык программирования PHP, CSS, HTML.

Предметной областью разработки является программа для создания баз данных Denwer и написания PHP кода.

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

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

платформа сайт интерфейс база

1. Общая часть

.1 Описание предметной области

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

В частности, компания ООО «КСС-СЕРВИС»

Общество с ограниченной ответственностью «КСС-СЕРВИС» зарегистрировано 10.06.2014 году.

На данный момент предприятие ООО «КСС-СЕРВИС» занимается продажей туристического оборудования в г. Череповце.

Компания ООО «КСС-СЕРВИС» осуществляет следующие виды деятельности:

Основные виды деятельности:

Продажа различного оборудования и снаряжения для туристических походов:

Туристические палатки;

Газовое оборудование;

Одежда и рюкзаки для походов;

Продажа расходных материалов;

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

Темой дипломного проекта является разработка интернет - приложения для работы с клиентами «КСС-СЕРВИС», а также дальнейшая адаптация его функционала для удобной работы с ним как администратору, так и клиентам фирмы. Приложение должно быть разработано для работы на выделенном хостинге, а также оптимизировано для обмена с конфигурацией, используемой на предприятии.

Рисунок 1 - Организационная структура предприятия

.2 Анализ существующей ситуации

Компания ООО «КСС-СЕРВИС» оповещает клиентов о наличии, отсутствии существующего товара, а также поступлениях нового товара следующим образом. Администратор принимает звонки от покупателей с интересующими их вопросами и на основании полученных данных делает уведомления для всей основной деятельности фирмы в области «уведомлений», заходя в базу, используемую на предприятии. Существующий метод работы, на сегодняшний день является весьма неудобным вариантом для ведения уведомлений в общем.

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

Общей задачей будет являться:

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

Разработка дружественных интерфейсов;

Создание и настройка обмена между сайтом и базой

Тестирование на работоспособность всех функций разработанного программного решения.

1.3 Обзор существующих информационных систем

На данный момент на рынке уже имеются сайты фирм которые продают туристическое оборудование.

Одна из таких фирм является «РыбакProfi» - сайт по продаже рыболовно-туристических товаров.

Такой сайт сокращает время для клиента, а также улучшает и упрощает работу администратора магазина с клиентом. Интерфейс сайта предоставлен на рисунке 1.

Рисунок 1 - интерфейс сайта «РыбакProfi»

Достоинства сайта:

возможность просмотра цен;

возможность обратиться с вопросом;

просмотр адресов магазинов и номера;

получение информации о новых товарах и скидках.

Недостатки сайта:

Отсутствует возможности онлайн заказа;

Отсутствие личного кабинета;

Возможность более подробного просмотра товара.

Так же существует «Робинзон» - сайт по продаже туристических товаров и товаров для охоты. Такой сайт так же сокращает время для клиента, а также улучшает и упрощает работу администратора магазина с клиентом. Интерфейс сайта предоставлен на рисунке 2.

Рисунок 2 - интерфейс сайта «Робинзон»

Достоинства сайта:

возможность фирмы товара;

возможность оставить отзыв;

быстрый поиск по сайту;

новостная лента.

Недостатки сайта:

Отсутствует возможности регистрации;

Отсутствие личного кабинета;

Отсутствие цен на сайте.

2. Специальная часть

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

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

Каталог товаров с подробным описанием и информацией о товаре.

Возможность оставлять комментарии.

Возможность регистрации на сайте.

Создание новостной ленты.

Для выполнения поставленной задачи необходимо:

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

Выбрать метод разработки;

Разработать алгоритмы, структуру и спецификации по проекту;

Протестировать и отладить проект.

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

Обоснование выбора категории разрабатываемого ресурса

Рассмотрим классификацию сайтов по различным типам.

По цели создания выделяют следующие типы сайтов:

Некоммерческие;

Коммерческие.

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

Закрытые (недоступны для людей, не входящих в определенный круг);

Полузакрытые (для доступа потребуется пройти процедуру регистрации);

Открытые (доступны каждому пользователю).

По стилю оформления и функциональности выделяют следующие типы сайтов:

Флэш-сайты;

Динамические;

Статические.

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

Узконаправленные и тематические;

Интернет-порталы;

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

Требования к составу и параметрам технических средств

Минимальная конфигурация:

Клиентский компьютер:

тип процессора - Intel CORE i3 и выше;

операционная система -XP, Vista, 7;

объем оперативного запоминающего устройства - 2 Гб и более;

объем дискового пространства - 100 Мб и более;

web-обозреватель - Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera;

клавиатура, мышь.

Серверный компьютер:

тип процессора - Intel CORE i5 и выше;

операционная система -XP, Vista, 7;

объем оперативного запоминающего устройства - 2 Гб и более;

объем дискового пространства - 300 Мб и более;

web-обозреватель - Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera;

клавиатура, мышь.

Требования к характеристикам интернет приложения

В таблице 1 приведены требования к характеристикам интернет приложения.

Таблица 1 - Критерии оценки интернет приложения.

Требования к стилистическому оформлению и дизайну интернет приложения

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

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

Основные разделы сайта должны быть доступны с первой страницы.

На первой странице не должно быть большого объема текстовой информации.

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

Требования к функциональному наполнению интернет приложения

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

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

Графическое отображение объектов;

Новостная оснащенность сайта;

Полная поддержка браузерами;

Требования к системе управления контентом интернет приложение

Администраторская часть системы управления контентом должна содержать:

Возможность администратора вносить данные в таблицы, а также редактировать и удалять их;

Возможность администратора вносить данные о товарах в вручную, в случае ошибочного обмена с базой;

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

.2 Проектирование программного обеспечения

Выбор подхода к программированию

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

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

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

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

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

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

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

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

Объектно-ориентированное программирование. Реализуется архитектура (модель) системы с помощью объектно-ориентированного языка программирования.

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

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

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

Разработка структуры ресурса и системы навигации

Структура меню интернет приложение показана в таблице 2.

Таблица 2 - Структура меню

Структура интернет приложения в полном графическом виде предоставлена на рисунке 3.

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

Проектирование интерфейса

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

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

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

Для сайта компании «Железобетон - 12» были предоставлены макеты страниц, разработанные дизайнерами компании «ГРАФИСТА» и утвержденные заказчиками по которым был составлен весь дизайн веб-ресурса. Макет главной страницы сайта, приведен на рисунке 4.

С главной страницы можно будет воспользоваться меню или же поиском по квартирам. Так же на главной странице будет присутствовать слайдер с быстрым просмотром объекта, отображение текущих новостей, главного партнера, партнеров компании, последних фотографий и объектов. Дальнейшие страницы должны быть выполненными в стилистике данной страницы. Схема отображения элементов главной страницы показана на рисунке 5.

Рисунок 4 - Макет главной страницы

Рисунок 5 - Схема главной страницы

Проектирование БД

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

Хранимые данные имеют определенную логическую структуру - иными словами, описываются некоторой моделью представления данных, поддерживаемой СУБД. Существуют следующие модели:

иерархическая;

сетевая;

реляционная;

объектно-ориентированная;

многомерная;

постреляционная.

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

Описание сущностей информационно-логической модели базы данных «agent» представлено в таблице 3.

Таблица 3- Описание сущностей базы данных

Описание атрибутов сущностей информационно-логической модели базы данных «agent» представлено в таблице 4.

Таблица 4 - Описание атрибутов базы данных

Описание доменов атрибутов сущностей информационно-логической модели базы данных «Учет студентов» представлено в таблице 5.

Таблица 5 - Описание доменов атрибутов базы данных

В приложении Д1 приведена структура базы данных.

Разработка алгоритмов

В разрабатываемой программе реализуются следующие операции:

добавление, удаление, сохранение и обновление данных;

формирование данных квартир;

поиск.

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

На рисунке 6 изображен обобщенный алгоритм сайта с комментариями.

Рисунок 6- Обобщенный алгоритм программы

В приложении Д приведена схема алгоритма поиска сайта. В этом алгоритме расписывается порядок выполнения действий:

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

Идет подключение к базе и если оно происходит то далее отправляется запрос к базе с параметрами по которым идет отбор квартир.

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

2.3 Реализация программного обеспечения

Выбор средств программирования

При разработке веб ресурса встала задача выбора языка для разработки, для этого были прочитаны сопутствующие материалы и был сделан выбор. . Прост в освоении, удобен в работе. Повышенная по сравнению с прародителем приспособленность к программированию приводит к тому, что работают с этим языком миллионы человек по всему миру. Объектно-ориентированный язык основанный на С++, приспособлен к созданию программ и приложений, способных обрабатывать огромные потоки информации в специализированных средах и учитывать специфику среды внедрения готового программного продукта. Технология Java - это основа, позволяющая в неограниченных количествах увеличивать инфраструктуру предприятий и компаний, способная связать воедино системы самого различного калибра, начиная от подключения к сети телефона по Wi-fi и заканчивая суперкомпьютерами.

Выбор языка был между С# и Java было проведено сравнение:

оба языка используют в качестве синтаксической основы язык программирования C. В частности, от него унаследованы без изменений;

обозначения начала/конца блока кода фигурными скобками;

обозначения, ассоциативность и приоритет большинства встроенных операций (присвоение, арифметические, логические, побитовые операции, операции инкремента/декремента, тернарная условная операция);

синтаксис описания и использования переменных и функций (порядок «тип имя», использование модификаторов, обязательность скобок для функций, описание формальных параметров);

синтаксис всех основных конструкций: условного оператора, циклов, оператора множественного выбора.

Синтаксические различия указаны в таблице 6.

Таблица 6 - Синтаксические различия языков

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

В нашем случае можно было бы использовать за место JS, C#, но главное преимущество Java это его универсальность. Написанные на нем программы могут свободно запускаться на различных платформах. Данная система работает по принципу: один код - много операционных систем. Еще одним преимуществом Java перед C-подобными языками, является его скорость работы. Структура Java тяготеет к оптимальности - в нем отсутствуют указатели, а невостребованные объекты удаляются из памяти.- хотя и не веб-язык программирования, SQL является языком для общения с базами данных, который часто используется в сочетании с PHP для доступа и размещения веб-контента. SQL является бесплатным для персонального пользователя, и использует команды, которые на самом деле логичны при создании и доступа к содержимому. Если вы собираетесь создать веб-страницу, которая требует базы данных для выводимых на экран данных (вы еще не знаете, нужно это или нет, но в зависимости от ситуации это без труда можно узнать), то, вероятно, имеет смысл использовать SQL для доступа к базам данных на сервере.

Выбор ОС, Web - сервера

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

Сбор данных квартир;

Долговременное архивирование собранных данных;

Администрирование информационной системы;

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

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

Так как данный программный продукт будет разрабатываться в AdobeDreamweaver, выбор веб-сервера был между MicrosoftIISExpress и Локальным web-сервером OpenServer. .Express является веб-сервером по умолчанию для проектов веб-приложений в VisualStudio 2012 и VisualStudio 2013.

Локальный web-сервер OpenServer.

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

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

Клиентская операционная система предназначена для управления ресурсами компьютера, на котором она выполняется и для представления пользователю определенных сервисов.

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

Реализация клиентской части

Вторая неотъемлемая часть каждого сайта - это его клиентская часть. Клиентская часть сайта - это все что мы видим, все, что двигается у нас на экране и все, на что можно нажать.

Клиентскую часть обеспечивают две обязательные составляющие и одна не обязательная.

Первая обязательная составляющая - это язык разметки веб-страниц HTML.

Он задает расположение элементов страниц, а также связь страниц между собой посредством ссылок. Он позволяет создавать блоки, таблицы, маркированные и нумерованные списки, заголовки и параграфы. Но, умея расставлять объекты, HTML не умеет делать их «красивыми».

Для того чтобы страница стала «красивой» используются каскадные таблицы стилей CSS. И это тоже не язык программирования. Это набор правил, которые указывает параметры того или иного элемента HTML-разметки. Такие как размер, цвет, позиция, тени, фоны и так далее.

Таким образом, внешний вид страницы формируется за счет взаимодействия HTML и CSS.

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

При переходе в меню по вкладке «О компании» можно просмотреть информацию о компании, предлагающиеся компанией. Данная страница представлена на рисунке 7.

Рисунок 7 - Макет страницы информации о компании

При переходе в меню по вкладке «Партнеры» можно просмотреть партнеров компании и перейти на их сайт. Данная страница представлена на рисунке 8.

Рисунок 8 - Макет страницы информации о компании

При переходе в меню по вкладке «Контакты» можно просмотреть контакты компании и отправить сообщение на их е-мейл либо позвонить на их номер через программу Skype. На странице имеется возможность оставить комментарий о сайте либо же предложение по его улучшению. Данная страница представлена на рисунке 9.

Рисунок 9 - Макет страницы контактов компании

При переходе в меню по вкладке «объекты» можно просмотреть объекты, предлагающиеся компанией. Их можно отсортировать по уже построенным или же строящимся. Данная страница представлена на рисунке 10.

Рисунок 10 - Макет страницы объектов

После выбора объекта предоставляется выбор квартиры, Данная страница представлена на рисунке 11.

Рисунок 11 - Макет страницы вывода параметров в таблицу

При выборе пункта 3D в таблице квартиры можно просмотреть квартиру в объеме с различных ракурсов.

Шаблон главной страницы представлен на рисунке 12.

Рисунок 12 - Макет главной страницы

В данном стиле использовались документ, содержащий стили css которые были подключены к данной странице кодом:

<link href="css/styles.css" rel="stylesheet">

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

<header id="masthead">

<div>

<div>

<div>

<button type="button">

<span>

…

<span>

</button>

<div>

<a href="#">

<imgsrc="images/header-logo.png" alt=""></a>

</div>

<nav id="primary-navigation">

<div>

<ul>

<li>Главная</a></li>

<li><a href="01_portfolio.html">Окомпании</a></li>

…

<li><a href="10_contact.html">Контакты</a></li>

</ul>

</div>

</nav>

<div id="search-2">

<br>

<div>

<form>

<input type="text">

<input type="submit" value="Поиск" >

</form>

</div>

…

</div>

</header>

Слайдер квартир на главной странице формируется кодом:

<div id="carousel-home">

<ol>

<li data-target="#carousel-home" data-slide-to="0">

<li data-target="#carousel-home" data-slide-to="1"></li>

…

<li data-target="#carousel-home" data-slide-to="5"></li>

</ol>

<div>

<div>

<imgsrc="images/content/SG.png" alt="">

<div>

<h3>Солнечныйгород</h3>

<a href="#">Выбратьквартиру<i>

</div>

<div>

<imgsrc="images/content/JD.png" alt="">

<div>

<h3>ЖилойдомЧеремушки</h3>

<a href="#">Выбратьквартиру<i>

</div>

</div>

…

</div>

<a>

<span>

</a>

<a>

<span>

</a>

</div>

В данном коде формируется отображение построенных и строящихся объектов:

<section>

<div>

<div>

<div id="filter">

<ul id="options">

<li><a data-filter="*" href="#">Всепостройки</a></li>

<li><a data-filter=".building" href="#">Постренные</a></li>

<li><a data-filter=".interior" href="#">Строящиеся</a></li>

</ul>

</div>

<div id="foliowrap">

<figure>

<imgsrc="images/content/folio-01.png" alt="">

<figcaption>

<span>Постренные</span>

<h3>Солнечныйгород</h3>

<a href="#">Смотреть</a>

</figcaption>

</figure>

<figure>

<imgsrc="images/content/folio-02.png" alt="">

<figcaption>

<span>Постренные</span>

<h3>

<a href="#">Смотреть</a>

</figcaption>

</figure>

…

<figure>

<imgsrc="images/content/folio-06.png" alt="">

<figcaption>

<span>Строящиеся</span>

<h3></h3>

<a href="#">Смотреть</a>

</figcaption>

</figure>

</div>

</div>

</div>

</section>

Код формирует подвал, который используется на каждой странице сайта:

<div>

<ul>

<li>

<a href="#"><i>

</li>

</ul>

<p>ООО «Железобетон-12» г. Череповец<br> (8202) 316-000, 545-123, 201-000 <br>Разработановстудии<br><a href="#">Grafista</a></p>

</div>

</div>

<script src="js/vendor/jquery-1.11.1.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/plugin.js"></script>

<script src="js/main.js"></script>

</body>

</html>

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

.team-row{top: 10%;bottom: 30%;

}{: inline-block;left: 5px;weight: 300;

}img {: block;: 1px solid #c9c9c9;

}figcaption {size: 16px;weight: 300;top: 5px;

}figcaption span {: block;size: 14px;

}> figure + figure {left: 50px;

}

.btr {top: -35px;left: 980px;

margin-bottom: 25px;

}

Реализация серверной части программ

Для формирования вывода информации о квартирах определенного объекта используется подключение к базе данных agent реализованное на серверной части веб - ресурса:

mysql_connect("localhost", "root", "");_select_db ("agent");

После произведения данной процедуры следует запрос, реализующий вывод названия объекта на странице:

$query="SELECT * FROM `объект` WHERE `объект`.ID_объекта=".$_GET['idk']."";

$result=mysql_query($query);

$obj=mysql_result($result,$x,'Название_объекта');'

<div>

</div>';

Для вывода и отображения данных о квартирах создан запрос на основе которого заполняется таблицы с квартирами:(!$_GET['sort']){$query="SELECT * FROM `квартира`,`продажа`,`статус`,`город`,`объект` WHERE `квартира`.ID_статуса=`статус`.ID_статусаand `квартира`.ID_объекта=`объект`.ID_объектаand `квартира`.ID_города=`город`.ID_городаand `квартира`.ID_квартиры=`продажа`.ID_квартирыand `квартира`.ID_объекта=".$_GET['idk']." group by квартира.ID_квартиры";}

$result=mysql_query($query);

$x=0;

$s=1;($_GET['id']==''){

$str1=1;

$str2=10;}else{

$str2=10*$_GET['id'];

$str1=$str2-2;

}($i=0;$i<mysql_num_rows($result);$i++){($i%10==0){$s++;}}($str2>mysql_num_rows($result)){$str2=mysql_num_rows($result);}($i=$str1;$i<=$str2;$i++){

$idk=mysql_result($result,$x,'ID_квартиры');

…

$obj=mysql_result($result,$x,'Название_объекта');

$qqq="SELECT COUNT(*) FROM `изображение` WHERE ID_квартиры =".$idk."";

$results=mysql_query($qqq);

$rows=mysql_fetch_row($results);

$ress=$rows[0];($ress>=10){

Для отображения 3Д модели квартиры написан javascript который формирует вывод изображений на странице:

<script>cl(){.getElementById("psp").innerHTML="";

}start(y){=new XMLHttpRequest();.onreadystatechange=function(){(xhttp.readyState==4 &&xhttp.status==200).getElementById("psp").innerHTML=xhttp.responseText;

}.open("GET","#"896852.files/image014.gif">, (21)

где Е - экономическая эффективность;

ΔП - прирост прибыли, руб/год;

К - единовременные затраты, руб.

Экономическая эффективность характеризует величину прироста прибыли от одного рубля единовременных затрат. Для средств автоматизации и программного обеспечения экономическая эффективность должна быть не меньше 0,33. При соблюдении данного условия внедрение считается целесообразным.

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

, (22)

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

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

ΔП = П2 - П1 , (23)

где П2 -прибыль после внедрения, руб/год;

П1 -прибыль до внедрения, руб/год.

Прибыль при реализации однородной продукции можно определить по формуле

П = (Ц-С)*Вр , (24)

где Ц - цена реализации, руб/ед;

С - себестоимость продукции, руб/ед;

Вр - объем реализации продукции, ед/год.

Расчеты по формулам были произведены в программе MicrosoftExcel и приведены в таблице 9.

Таблица 9 - Оценка экономической эффективности внедрения программного продукта

4. Безопасность жизнедеятельности

.1 Мероприятия по охране труда на рабочем месте оператора ПК

К выполнению работ в качестве оператора компьютера и на другой оргтехнике (принтеры, сканеры, ксероксы и т.д.) допускаются лица:

не моложе 16 лет;

прошедшие медицинский осмотр;

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

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

Оператор обязан:

Выполнять правила внутреннего трудового распорядка, установленные в положениях и инструкциях, утвержденных президентом предприятия, или его заместителями;

Выполнять требования настоящей инструкции по охране труда и технике безопасности;

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

Не допускать присутствия на рабочем месте посторонних лиц;

Уметь оказывать первую помощь и при необходимости оказывать ее пострадавшим при несчастных случаях на производстве, по возможности сохранив обстановку на месте происшествия без изменения и сообщив о случившемся руководителю;

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

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

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

Возможность травмирования электрическим током при отсутствии или неисправности заземляющих устройств;

Вредное воздействие монитора компьютера при его неправильной установке или неисправности;

Возможность возникновения заболеваний при неправильном расположении монитора, клавиатуры, стула и стола;

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

.2 Общие требования по технике безопасности и охране труда

Настоящая инструкция по охране труда программиста, занятого эксплуатацией персональных электронно-вычислительных машин (ПЭВМ) и видеодисплейных терминалов.

К работам оператором допускаются:

лица не моложе 18 лет, прошедшие обязательный при приеме на работу и ежегодные медицинские освидетельствования на предмет пригодности для работы;

прошедшие вводный инструктаж по охране труда;

прошедшие обучение безопасным приемам и методам труда по программе, утвержденной руководителем предприятия (работодателем), разработанной на основе Типовой программы, и прошедшие проверку знаний, в том числе по электробезопасности;

прошедшие курс обучения на персональном компьютере с использованием конкретного программного обеспечения;

прошедшие инструктаж по охране труда на конкретном рабочем месте по данной инструкции.

.3 Основные санитарно-технические требования в помещении

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

Общие санитарно-технические требования к производственным помещениям, рабочим местам и зонам, а также к микроклимату изложены в Строительных нормах и правилах (СНиП) и Санитарных нормах проектирования предприятий (СН).

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

Объем производственных помещений на одного работника должен составлять не менее 15 м3, площадь - не менее 4,5 м2, высота - не менее 3,2 м. Производственные помещения должны содержаться в надлежащей чистоте.

.4 Расчет искусственной освещенности рабочего места

Проектируя осветительную установку, необходимо решить ряд вопросов.

Выбрать тип источника света. Для освещения производственных помещений должны применяться газоразрядные лампы; там, где температура воздуха может быть менее +10°С и напряжение в сети переменного тока может падать ниже 90% номинального, следует отдавать предпочтение лампам накаливания.

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

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

Произвести распределение светильников и определить их количество. Светильники могут располагаться рядами, в шахматном порядке, ромбовидно. Обеспечение равномерного распределения освещенности достигается в том случае, если отношение расстояния между центрами светильников L к высоте их подвеса над рабочей поверхностью Нр составит для светильников: «Глубокоизлучатель» 1,4; «Универсаль» 1,5; «Люцетта» 1,4; «Шар молочного стекла» 2,0; ВЗГ 2,0; ОД 1,4; ПВЛ 1,5.

Определить нормируемую освещенность на рабочем месте. Для этого необходимо определить характер выполняемой работы по наименьшему размеру объекта различения, оценить контраст объекта с фоном и фон на рабочем месте и по табл. 1 или 2, в соответствии с выбранной системой освещения и источником света, найти минимальную нормируемую освещенность.

Рассчитаем необходимое количество ламп по формуле

, (25)

где N - определяемое число ламп;- световой поток, F = 55578.947 Лм;л- световой поток лампы, Fл = 3380 Лм.

 шт., (26)

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