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

Министерство образования и науки Российской Федерации

Федеральное государственное автономное образовательное учреждение высшего профессионального образования

Национальный исследовательский ядерный университет «МИФИ»

Обнинский институт атомной энергетики

Техникум

Расчётно-пояснительная записка к дипломному проекту

Специальность 230105

Программное обеспечение вычислительной техники и автоматизированных систем

тема: Web-сайт для свадебного салона «Престиж»

Дипломник А.А. Дейнега

Руководитель проекта Е.С. Баталова

Консультант по экономической части Е.М.Курова

Консультант по специальной части Л.А. Здорова

Обнинск 2012

Содержание

• Введение
• 1. Постановка задачи
• 2.Формализация
• 3.Описание среды программирования
• 3.1 Требования к техническому обеспечению
• 3.2 Требования к программному обеспечению
• 4. Методика разработки программы
• 4.1 Алгоритмизация задачи
• 4.1.1 Описание алгоритма
• 4.1.2 Структурная схема
• 4.2 Программирование
• 4.3 Аномалии и защитное программирование
• 4.4 Тестирование и отладка
• 5. Анализ результатов решения
• 6. Инструкция пользователю
• Экономическая часть
• Заключение

Введение

Разработка Web-сайта для свадебного салона, обусловлено поднятием комфорта для пользователя. Немаловажно то, что сейчас на рынке присутствует не малая конкуренция. Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в сети. Следовательно, сайт должен в некоторой степени поднять рейтинг салона. Удачный web-сайт -- это в высшей степени эффективный инструмент торговли -- он способен захватывать внимание аудитории. Как и любой другой маркетинговый инструмент, основанный на принципе непосредственного отклика, прежде всего он должен заинтриговать посетителя, а затем сподвигнуть его на определенные действия. Разумеется, что мой проект не выполняет, к примеру, каких либо числовых вычислений, что характерно, допустим, для программ автоматизации предприятия. Мой продукт в первую очередь является методом упрощения занятости пользователя, в моем случае клиента свадебного салона. Я имею в виду то, что в наше время, в частых случаях, для проведения свадебного торжества молодожены для себя просто обязаны выбрать определенный свадебный инвентарь. Будь то свадебное платье, или же простое украшение стола. Все это нужно сперва увидеть. На сайте присутствует вся необходимая информация для пользователя. Все, от подставки для колец до украшения торжественного зала. Все что найдено на сайте, можно заказать, отправив заявку администратору веб - сайта. Как и на многих других сайтах, которые в частых случаях посвящены какой-нибудь организации или мероприятию, не последним делом является и некая «гостевая комната», где пользователи могут пообщаться, и в основном задать интересующий вопрос. И самое главное - нужно это красиво преподать. Это немало важно. Веб - сайт гораздо упростит подбор свадебного инвентаря. Ведь у многих дома в наше время проведен интернет, и не составляет труда зайти на нужный сайт. И в некоторых случаях это действительно удобнее, чем отправляться в отдел, или офис какого либо предприятия.

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

1. Постановка задачи

Задача дипломного проекта - разработка web-сайта для свадебного салона «Престиж» с использованием таких языков программирования как Html, css, javascript, php, который позволит:

Визуально показать товар салона;

Помочь выбрать правильный инвентарь для торжества;

Возможность оставить заказ на форуме свадебного салона;

2.Формализация

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

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

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

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

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

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

3. Описание среды программирования

Html.

Всемирная паутина соткана из Web-страниц (Web-pages), а эти страницы создаются при помощи языка разметки гипертекста (HyperТext Markup Language, HTML). Хотя многие, особенно новички, говорят сегодня о «Программировании (именно с большой буквы) на HTML», HTML вовсе не является языком программирования. HTML - это язык разметки. Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме. HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер.

Версии Html:

§ RFC 1866 -- HTML 2.0, одобренный как стандарт 22 сентября 1995 года;

§ HTML 3.2-- 14 января 1997 года;

§ HTML 4.0-- 18 декабря 1997 года;

§ HTML 4.01 (изменения, причём более значительные, чем кажется на первый взгляд) -- 24 декабря 1999 года;

§ ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) -- 15 мая 2000 года.

§ HTML 5 -- в разработке. Конец разработки запланирован на 2014 год.

CSS

CSS (Cascading Style Sheets -- каскадные таблицы стилей) - одна из базовых технологий в современном Интернете. Нечасто можно встретить сайт, свёрстанный без примененения CSS.

CSS-код - это список инструкций для браузера, - как и где отображать элементы веб-страницы, написанный особым образом. Под «элементами» обычно подразумеваются теги XHTML/HTML и их содержимое.

Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением .css, либо в виде отдельного текстового фрагмента в начале XHTML/HTML.

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

Версии CSS:

Уровень 1 (CSS1)

Рекомендация W3C, принята 17 декабря 1996 года, откорректирована 11 января 1999 года. Среди возможностей, предоставляемых этой рекомендацией:

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

§ Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы.

§ Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (то есть межстрочные отступы)

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

§ Свойства блоков, такие как высота, ширина, внутренние (padding) и внешние (margin) отступы и рамки. Так же в спецификацию входили ограниченные средства по позиционированию элементов, такие как float и clear.

Уровень 2 (CSS2)

Рекомендация W3C, принята 12мая 1998 года. Основана на CSS1 с сохранением обратной совместимости за несколькими исключениями. Добавление к функциональности:

§ Блочная вёрстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной вёрстки.

§ Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК).

§ Звуковые таблицы стилей. Определяет голос, громкость и т. д. для звуковых носителей (например, для слепых посетителей сайта).

§ Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати.

§ Расширенный механизм селекторов.

§ Указатели.

§ Генерируемое содержимое. Позволяет добавлять содержимое, которого нет в исходном документе, до или после нужного элемента.

В настоящее время W3C больше не поддерживает CSS2 и рекомендует использовать CSS2.1

Уровень 2, ревизия 1 (CSS2.1)

Рекомендация W3C, принята 7 июня 2011 года.

CSS2.1 основана на CSS2. Кроме исправления ошибок, в новой ревизии изменены некоторые части спецификации, а некоторые и вовсе удалены. Удаленные части могут в будущем быть добавлены в CSS3.

Уровень 3 (CSS3)

Разрабатываемая версия.

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

Уровень 4 (CSS4)

Разрабатывается W3C с 29 сентября 2011 года.

PHP

PHP -- это язык программирования высокого уровня, на котором пишутся сценарии (скрипты) различного назначения. Первая версия этого языка была создана Расмусом Лердофом для разработки веб-узлов (сайтов). Отсюда и первоначальное название языка -- PHP (Personal Home Page -- персональная домашняя страница). Однако с быстрым ростом популярности PHP развился настолько, что стал полноценным языком программирования. Теперь его называют Hypertext Processing (обработка гипертекста). Высокий уровень языка предполагает простоту его синтаксиса и принципов программирования. Интерпретатор PHP имеет открытый код, что позволяет программистам всего мира расширять и улучшать его функциональность. В разработке PHP принимает участие международное сообщество программистов, что и обеспечивает довольно быст-рое развитие средств этого языка. Сценарий на языке PHP сохраняется в обычном текстовом файле, и, следовательно, для его написания и последующего редактирования можно воспользоваться простым текстовым редактором, например Блокнотом Windows. Расширение файла со сценарием может быть любым, но чаще всего используется .php.

JAVASCRIPT

JavaScript -- прототипно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

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

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation.

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

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

1) Любой ПК с процессором любой архитектуры, либо мобильное устройство.

2) Современный браузер с графическим интерфейсом, поддержкой Javascript, CSS, Flash.

3) Доступ в интернет.

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

1) ЦП: X86 или X64 процессор c частотой не ниже 1,6 гГц (рекомендуется ЦП поколения Core), процессор на другой архитектуре, с характеристиками на уровне 1.6 гГц x86 или x64 процессора.

2) Память: 2 Гб оперативной памяти.

3) Жесткий диск: минимум 100мб .100Мбит/1Гбит

4) Сетевой адаптер и подключение к сети / интернет.

3.2 Требования к программному обеспечению

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

4) Любой ПК с процессором любой архитектуры, либо мобильное устройство.

5) Современный браузер с графическим интерфейсом, поддержкой Javascript, CSS, Flash.

6) Доступ в интернет.

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

1) Microsoft Windows server 2003 или выше(рекомендуется MS Windows 2008, 64-бит )

2) Net framework 4.0

3) Web-server (рекомендуется Apache HTTP server 2.2.17)

4) СУБД MySQL (подходит версия MySQL 5.1.54)

5) PHP5 (подходит PHP 5.3.5)

4. Методика разработки программы

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

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

4.1 Алгоритмизация задачи

4.1.1 Описание алгоритма

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

Home.html - Это главная страница, которая виндна пользователю сразу же после открытия сайта

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

Orders.html - Пункт «заказы», в котором можно будет перейти к необходимой теме, и оставить заказ интересующей вещи, или услуги.

About.html - Этот документ включает в себя информацию о самой компании.

Contacts.html - Данный документ хранит контактную информацию салона.

Service.html - Здесь имеется информация о предоставляемых свадебных услугах салона.

Так же в корневой папке сайта можно увидеть документ style.css - это важный документ, который определяет отображение html-докментов. А именно он работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многим другим

4.1.2 Структурная схема

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

4.2Программирование

В соответствии со схемой, приведенной выше в пункте 4.1.2. «Структурная схема», создан программный модуль на языке html, с использованием php, css, javascript.

4.3 Аномалии и защитное программирование

Описание аномалии	Реакция на аномалию	Способ защиты
Попытка оставить сообщение без регистрации на форуме	Браузер запрашивает авторизацию или регистрацию	Защищено разработчиком

4.4 Тестирование и отладка

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

Основные принципы организации тестирования:

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

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

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

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

следует сохранять использованные тесты;

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

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

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

5. Анализ результатов решения

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

Все найденные ошибки были успешно устранены.

6. Инструкция пользователю

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

Достоинства программы: удобство и простота в эксплуатации; существенное облегчение работы сотрудника магазина.

Запуск web-сайта

Запуск осуществляется путем ввода в строке браузера:

Доменного имени сайта

После чего должна открыться стартовая страница сайта:

Работа с меню.

В меню входят страницы: «Главная», «Галерея», «Заказы», «Контакты», «Скидки и акции», «Форум». При нажатии на один из пунктов меню, открывается соответствующая страница.

Пункт меню «Галерея»

При нажатие на «Галерею», открывается данная страница:

В пункте «Галерея» меняется, как видно, не только содержимое, но и меню, а именно добавляются: «Свадебные платья», «Вечерние платья», «Детские платья» и «Свадебный сервис».

При нажатие на пункт «Свадебные платья» открывается галерея свадебных платьев:

При нажатии на пункт «Вечерние платья» открывается страничка с вечерними платьями:

Соответственно при нажатии на «Детские платья» в меню, откроется галерея детских платьев, предоставленных свадебным салоном:

Нажав на пункт меню «Свадебный сервис» открывается данная страница

Пункт меню «Контакты»

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

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

Пункт меню «Форум».

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

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



Как видно на предыдущем рисунке, новому пользователю нужно будет ввести свой e-mail, пароль и собственно свое имя. Так как на форуме присутствует возможность заказа понравившейся вещи или услуги, то естественно верным будет ввести свое подлинное имя.

К примеру, зарегистрировав пользователя Анна, мы, после завершения регистрации, видим следующую страницу:

Это главная страница форума, где имеется все необходимое для полноценного пользования.

Например, во вкладке «FAQ» имеется наиболее важная и часто проблемная информация. А именно там можно узнать, к примеру, почему пользователь не может написать сообщение, или создать новую тему для обсуждения.

Перейдя по ссылке «Поиск», пользователю откроется данная страница:

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

Далее вкладка «пользователи», в которой видны все юзеры на данный момент, пользующиеся форумом.



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

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

На рисунке видно, что есть список настроек, а именно «Обзор», «Профиль», «Настройки форума», «Личные сообщения» а так же «Группы» и «Друзья и недоброжелатели». Тут можно настроить свой профиль как угодно. То есть добавить аватар, изменить свои данные, управлять сообщениями, подписаться на какую либо тему и другое.

Вернувшись на главную страницу форума, можно увидеть на страничке список форумов на сайте:

 Экономическая часть

Для того чтобы данный проект был реализован на сервере свадебного салона «Престиж» необходимо подсчитать годовой экономический эффект от внедрения программного продукта - Web-сайта для свадебного салона «Престиж». Экономический эффект - это, прежде всего, экономия денежных средств. В связи с тем, что реальной экономии добиться сложно, экономическим эффектом данного программного проекта будет экономия рабочего времени. Так как сотрудников мало, а заказчиков и работ, которые должен выполнить сотрудник, очень много, это программное обеспечение поможет сотруднику потратить меньшее количество времени.

Таблица 1. График затрат времени на разработку и внедрение проекта.

Этап разработки	Характеристика	Трудоёмкость, ч.
Постановка задачи	Пред проектное обследование. Разработка, утверждение, технико-экономическое обследование.	15
Составление технического проекта	Уточнение структуры и формы представления входных и выходных данных (алгоритм и структура), Разработка плана мероприятий по проекту. Согласование утверждение технического проекта.	30
Составление рабочего проекта	Написание программы на языке программирования. Первоначальная отладка, тестирование. Разработка согласование и утверждения порядка и методики испытания. Корректировка программы.	90
Документирование и внедрение	Разработка программной документации. Сдача программы и программной документации.	20
ИТОГО:		155ч.

Затраты на внедрение проекта.

Коэффициент сложности задачи C характеризует сложность данной программы по отношению к типовой задаче, сложность которой принята за 1 (величина C лежит в пределах от 0,5 до 1). Для данной программы C равно 0,8 , так как в данной программе форум, полноценная галерея и форма заказа инвентаря с сайта.

C = 0, 8 - коэффициент сложности программы

Коэффициент P увеличения объёма работ за счёт внесения изменений в алгоритм или программу по результатам уточнения установок. Коэффициент меняется от 0,1 до 0,5. Заказчик четко описал конечный результат, который должен выдаваться данным программным обеспечением, однако некоторые изменения и доработки все же придётся внести. Необходимо принять во внимание, что в данном случае заказчик не имел глубоких компьютерных знаний и не мог изначально объяснить задачу в целом. Это приводило к неоднократным доработкам, модернизациям и корректировке. Лучше всего взять среднее значение коэффициента.

Р = 0,4 - коэффициент увеличения работ

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

В =1 - коэффициент увеличения затрат труда

Коэффициент К коэффициент квалификации разработчика, который зависит от стажа. Коэффициент К равен: для работающих до двух лет - 0,8; от трех до пяти - 1; от пяти до восьми - 1,2; более восьми лет - 1,5. Поскольку опыта у разработчика не достаточно, то коэффициент К мы берем равным 0,8.

К = 0,8 - коэффициент квалификации разработчика. Так как мой стаж менее 2-х лет, то К составляет 0,8:

ЗПосн = ЗП*С*(1+Р)*В*К

С учетом всех коэффициентов заработная плата в месяц составит:

ЗПосн = 5000,00 * 0,8 * (1 + 0,4) * 1 * 0,8 = 4480,00 рублей/ месяц.

Дополнительная заработная плата высчитывается по формуле:

ЗПдоп = ЗПосн * К

К - размер премии в процентах. Премия работнику за это время не выплачивалась.

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

ЗПсум = (ЗПосн + ЗПдоп)

Количество временных затрат на создание равно 155 часов.

Страховые отчисления берутся в размере 26% от

ЗПсум. СО = 5956,00* 26% = 1548.60 рублей.

Суммарная затрата на оплату труда

ЗПобщ = ЗПсум + СО = ((5956,00+1548.60)*155)/22*8=6608.60рублей.

Содержание и эксплуатация вычислительной техники.

Время, затраченное на отладку программы (2 + 3 + 4 этапы из таблицы 1) равно 140 ч. Необходимо посчитать стоимость одного машинного часа по формуле:

(стоимость электроэнергии + амортизация + затраты на ремонт)/Фвт

Фвт - действительный фонд времени работы вычислительного комплекса.

Стоимость электроэнергии - 5.50 рубля за кВт/ч., потребление энергии - 600 Вт/ч.

8ч. * 22дня * 12 мес. * 0,3 кВт/ч * 5,50 рубля = 3484,80 рубля стоимость за год.

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

Амортизация = общая сумма / количество лет.

Стоимость ПК составила 36000,00 рублей, а количество лет полезного использования - 4 года.

Амортизация = 36000,00 / 4 = 9000,00 руб./год.

На ремонт уходит 5 % от стоимости ПК. В данном случае на ремонт будет уходить 36000,00 * 5 % = 1800,00 рублей.

Действительный фонд времени работы вычислительного комплекса рассчитываем так:

Ф_вт = Ф_ном - Ф_проф

Ф_ном - номинальный фонд времени работы вычислительного комплекса.

Ф_проф - годовые затраты времени на профилактические работы (5% = 0,05).

Ф_вт=Ф_ном -Ф_проф= (8ч. * 22 дн. * 12 мес.) - (8ч.* 22 дн.* 12 мес.* 0,05)=2112-106=2006 ч.

Стоимость 1 машинного часа работы = (3484,80 + 9000,00+ 1800,00) / 2006 = 7.12 рубля.

Стоимость затрат всего равна 155 * 7.12 рубля =1103,60 рублей.

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

График затрат на разработку и внедрение проекта.

Таблица 2.

№	Наименование статьи расходов	Затраты, руб.
1	Зарплата суммарная исполнителя	5956,00
2	Страховые отчисления	1548, 60
3	Затраты на эксплуатацию ПК, используемого для написания программы	1103,60
4	Расходы на программное обеспечение	0,00
5	Прочие затраты	0,00
Итого:		8608,20

Экономический эффект.

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

Т₁ - время, которое занимала одна операция.

До внедрения программного обеспечения сотрудник выполнял примерно 5 операций по поиску и вводу данных в день. На одну операцию он тратил приблизительно 10 минут, т.к. определенную информацию приходилось искать в бумажных архивах. Т₁ = 10 мин. = 0.16 часа.

Тестирование показало, что время выполнения операции после внедрения программного обеспечения стало занимать 5 минут вместо 10. Так как вся информация уже находится в базе и надо всего лишь открыть необходимую форму, которая выведет нам нужные данные; нет никакой необходимости отвлекать другого сотрудника от работы либо производить ручной поиск в архиве. Т₂ = 5 мин. = 0.08 часа.

Мы сократили время на

Т = Т₁ - Т₂ = 10 мин. - 5 мин. = 5 мин. = 0.08 часа.

Теперь рассчитаем стоимость работы сотрудника.

В месяц количество рабочих часов равно: 8 * 22 = 176.

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

P_ч = ЗП / 176.

Заработная плата сотрудника составляет 10000,00 руб. / месяц. Тогда стоимость одного часа работы будет стоить

10000,00 / 176 = 56,80 руб.

Стоимость экономии страховых отчислений рассчитывается по формуле:

P_со = (ЗП * 0,26) / 176 = (10000,00 * 0,26) / 176 = 14,80 руб.

В итоге получается

P_сум = P_ч + P_со = 56,80 + 14,80 = 71,60 руб.

Годовая экономия времени рассчитывается по формуле:

Тгод = Т * Q * кол-во рабочих дней в месяц * кол-во месяцев = 0.08 * 10 * 22 * 12 = 211.2 часа.

Годовая экономия составит

Тгод * P_сум = 211.2 * 71,60 = 15121,90 руб.

Вычтем затраты и определим экономический эффект:

15121,90-8608,20= 6513,70 руб. в год

Теперь посчитаем, за какое количество времени окупится приложение:

Т = затраты / ЭФ = 6513,70/ 15121,90 = 0,4года.

Вывод: Таким образом, если свадебный салон «Престиж» решит реализовать у себя данный программный продукт, то он окупится за 0,4 года.

Заключение

В данной дипломной работе был разработан web-сайт, специально для свадебного салона «Престиж», с использованием всех ведущих современных языков web-программирования, таких как html, css, php. А так же я использовал СУБД mysql, в которой на данный момент хранятся таблицы с данными для моего форума. Мой проект поставленной задаче соответствует.

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

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

Литература

1. «http://html.manual.ru/»;

2. «http://ru.wikipedia.org»;

3. «http://htmlbook.ru/»;

4. «http://www.php.net/»;

5. «http://www.easyphp.org/»;

6. Javascript. Подробное руководство. Пятое издание. Автор: Дэвид Флэнаган.

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

Приложение

Index.html

<html>

<head>

<link href=«style.css» rel=«stylesheet» type=«text/css»/>

<title>Престиж</title>

<head>

<body>

<div id=«container»>

<div id=«top»>

</div>

<div id = «navcontainer»>

<div class=«menu»>

<div align = «center»>

<a href=«Index.html»>Главная</a>

<a href=«Gallery.html»>Галерея</a>

<a href=«#modalWindow» id=«modalUrl»>Заказы</a>

<a href=«Contacts.html»>Контакты</a>

<a href=«#»>Скидки и акции</a>

<a href=«/forum/index.php» target=«_blank»>Форум</a>

</div>

</div>

</div>

<a href=«#modal» class=«overlay» id=«modalWindow»></a>

<div class=«popup»>

<form action=«action.php» method=«post» enctype=«multipart/form-data»>

Ваше имя: <br><input type=«text» name=«name» /><br />

Ваша фамилия:<br> <input type=«text» name=«surname» /><br />

Ваш телефон:<br> <input type=«text» name=«phone» /><br />

Заказ:<br>

<textarea name=«Message» cols=«30» rows=«10»>

</textarea><br>

<input type=«submit» value=«Оставить заказ» />

<input type=«reset» value=«Очистить поля»>

</form>

<a href=«#close»><h3>Закрыть окно</h3></a>

</div>

<div id=«leftnav»>

<div id = «leftnavpic»>

<img class=«leftnavpic» src=«img/topwomen.jpg»/>

</div>

</div>

<div id=«content»>

<h2> Если вы готовитесь к свадьбе, или мечтаете о ней, наши провессионалы помогут Вам организовать и провести свадебное торжество</h2>

</div>

<table class=«tab1»>

<tr>

<td class=«td1»><img class = «imgtab» src=«img/1.jpg»></td>

<td class=«td1»><img class = «imgtab» src=«img/2.jpg»></td>

<td class=«td1»><img class = «imgtab» src=«img/3.jpg»></td>

</tr>

<tr>

<td class=«td1»><img class = «imgtab» src=«img/4.jpg»></td>

<td class=«td1»><img class = «imgtab» src=«img/5.jpg»></td>

<td class=«td1»><img class = «imgtab» src=«img/6.jpg»></td>

</tr>

</table>

<div id=«content»>

<ul id=«contnavmenu»>

<li><a href=««>Зажигательный тамада, ди-джей</a></li>

<li><a href=««>Свадебные фотографы, видеоператоры</a></li>

<li><a href=««>Лимузины на свадьбу, прокат, украшение машин</a></li>

<li><a href=««>Свадебные торты, караваи</a></li>

<li><a href=««>Украшение шарами банкетных залов</a></li>

<li><a href=««>Букеты невест</a></li>

<li><a href=««>Фейрверки, файершоу, небесные фонарики</a></li>

</ul>

<h2>Мы дарим Вам любовь и красоту</h2>

<a href = «http://vk.com/club32608857»><img src=«img/full.png» alt=««Престиж»« title=«престиж» width = «108» height = «27»/>

</div>

<div id=«footer»>

<p> &copy; Свадебный салон престиж</p>

</div>

</div>

</body>

</html>

Gallery.html

<html>

<head>

<link href=«style.css» rel=«stylesheet» type=«text/css»/>

<title>web престиж</title>

<title>Простая галерея</title>

<head>

<body>

<div id=«container»>

<div id=«top»></div>

<div id = «navcontainer»>

<div class=«menu»>

<div align = «center»>

<a href=«Index.html»>На главную</a>

<a href=«Wedding dresses.html»>Свадебные платья</a>

<a href=«Evening dresses.html»>Вечерние платья</a>

<a href=«Children dresses.html»>Детские платья</a>

<a href=«Service.html»>Свадебный сервис</a>

<a href=«Service.html»>Аксессуары</a>

</div>

</div>

</div>

<div id=«contentforgallery»>

<div id=«images»>

<section id=«thumbnails»>

<div class=«image»>

<a href=«#test1»>

<img src=«img/Gallery/1.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test2»>

<img src=«img/Gallery/2.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test3»>

<img src=«img/Gallery/3.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test4»>

<img src=«img/Gallery/4.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test5»>

<img src=«img/Gallery/5.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test6»>

<img src=«img/Gallery/6.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test7»>

<img src=«img/Gallery/7.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test8»>

<img src=«img/Gallery/8.jpg»>

</a>

</div>

<div class=«image»>

<a href=«#test9»>

<img src=«img/Gallery/9.jpg»>

</a>

</div>

</section>

<section id=«mainimage»>

<div id=«test1»>

<div id=«test2»>

<div id=«test3»>

<div id=«test4»>

<div id=«test5»>

<div id=«test6»>

<div id=«test7»>

<div id=«test8»>

<div id=«test9»>

<div id=«imageplaceholder»></div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

</div>

</div>

<div id=«footer»>

<p> &copy; Свадебный салон престиж</p>

</div>

</div>

</body>

</html>

Wedding dresses.html

<html>

<head>

<link href=«style.css» rel=«stylesheet» type=«text/css»/>

<title>Свадебные платья</title>

<head>

<a name = «up»></a>

<body>

<div id=«container»>

<div id=«top»></div>

<div id = «navcontainer»>

<div class=«menu»>

<div align = «center»>

<a href=«Index.html»>На главную</a>

<a href=«#.html»><font color = «#dab63e»>Свадебные платья</font></a>

<a href=«Evening dresses.html»>Вечерние платья</a>

<a href=«Children dresses.html»>Детские платья</a>

<a href=«Service.html»>Свадебный сервис</a>

</div>

</div>

</div>

<div id=«contentforwedding»>

<table class=«wedtab» border = «0»>

<tr>

<td class=«wedtd»><a href = «img/Wedding/IMG_0065_Гретта_n_s.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/IMG_0065_Гретта_n_s.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/IMG_0073_Гретта_n_s.jpg»><img title=«Нажмите для увеличения»class = «imgtabwed» src=«img/miniwedd/IMG_0073_Гретта_n_s.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/IMG_0176_Корсика_n_s.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/IMG_0176_Корсика_n_s.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Алексис.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Алексис.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Амбрейс (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Амбрейс (1).jpg» height = «170» width = «110»></a></td>

</tr>

<tr>

<td class=«wedtd»><a href = «img/Wedding/Амбрейс.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Амбрейс.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Амелия (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Амелия (1).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Амелия.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Амелия.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Белла.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Белла.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Биата.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Биата.jpg» height = «170» width = «110»></a></td>

</tr>

<tr>

<td class=«wedtd»><a href = «img/Wedding/Брук.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Брук.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Верона.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Верона.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Вероника (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Вероника (1).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Вероника (2).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Вероника (2).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Вероника.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Вероника.jpg» height = «170» width = «110»></a></td>

</tr>

</table>

</div>

<div align = «center»><p>

<a href = «Gallery.html»><img class = «« title=«Назад в галерею» src=«Left.png» height = «25» width = «25»></a>

<a href=«#up»><img class = «« title=«Вверх» src=«Up.png» height = «25» width = «25»></a>

<a href = «Wedding dresses2.html»><img class = «« title=«Следующая страница №2» src=«Right.png» height = «25» width = «25»></a>

</p>

</div>

<div id=«footer»>

<p> &copy; Свадебный салон престиж</p>

</div>

</div>

</body>

</html>

Wedding dresses2.html

<html>

<head>

<link href=«style.css» rel=«stylesheet» type=«text/css»/>

<title>Свадебные платья</title>

<head>

<a name = «up»></a>

<body>

<div id=«container»>

<div id=«top»></div>

<div id = «navcontainer»>

<div class=«menu»>

<div align = «center»>

<a href=«Index.html»>На главную</a>

<a href=«#.html»><font color = «#dab63e»>Свадебные платья</font></a>

<a href=«Evening dresses.html»>Вечерние платья</a>

<a href=«Children dresses.html»>Детские платья</a>

<a href=«Service.html»>Свадебный сервис</a>

</div>

</div>

</div>

<div id=«contentforwedding»>

<table class=«wedtab» border = «0»>

<tr>

<td class=«wedtd»><a href = «img/Wedding/Генуя.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Генуя.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Голди (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Голди (1).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Голди.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Голди.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Грейс.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Грейс.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Грейт (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Грейт (1).jpg» height = «170» width = «110»></a></td>

</tr>

<tr>

<td class=«wedtd»><a href = «img/Wedding/Диана (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Диана (1).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Диана (2).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Диана (2).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Диана.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Диана.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Дюваль.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Дюваль.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Жадор (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Жадор (1).jpg» height = «170» width = «110»></a></td>

</tr>

<tr>

<td class=«wedtd»><a href = «img/Wedding/Жадор.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Жадор.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Иллинойс.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Иллинойс.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Исида (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Исида (1).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Исида (2).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Исида (2).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Исида.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Исида.jpg» height = «170» width = «110»></a></td>

</tr>

</table>

</div>

<div align = «center»><p>

<a href = «Wedding dresses.html»><img class = «« title=«Предыдущая страница №1» src=«Left.png» height = «20» width = «20»></a>

<a href=«#up»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>

<a href = «Wedding dresses3.html»><img class = «« title=«Следующая страница №3» src=«Right.png» height = «20» width = «20»></a>

</p>

</div>

<div id=«footer»>

<p> &copy; Свадебный салон престиж</p>

</div>

</div>

</body>

</html>

Wedding dresses3.html

<html>

<head>

<link href=«style.css» rel=«stylesheet» type=«text/css»/>

<title>Свадебные платья</title>

<head>

<a name = «up»></a>

<body>

<div id=«container»>

<div id=«top»></div>

<div id = «navcontainer»>

<div class=«menu»>

<div align = «center»>

<a href=«Index.html»>На главную</a>

<a href=«#.html»><font color = «#dab63e»>Свадебные платья</font></a>

<a href=«Evening dresses.html»>Вечерние платья</a>

<a href=«Children dresses.html»>Детские платья</a>

<a href=«Service.html»>Свадебный сервис</a>

</div>

</div>

</div>

<div id=«contentforwedding»>

<table class=«wedtab» border = «0»>

<tr>

<td class=«wedtd»><a href = «img/Wedding/Корсика (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Корсика (1).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Корсика.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Корсика.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Лавиана.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Лавиана.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Лантана (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Лантана (1).jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Лантана.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Лантана.jpg» height = «170» width = «110»></a></td>

</tr>

<tr>

<td class=«wedtd»><a href = «img/Wedding/Лаурель.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Лаурель.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Леруа.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Леруа.jpg» height = «170» width = «110»></a></td>

<td class=«wedtd»><a href = «img/Wedding/Лоренса (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Лоренса (1).jpg» height = «170» width = «110»></a></td>

...