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

Содержание

• Введение
• 1. Общая часть
• 1.1 Характеристика магазина «Книжный Мир»
• 1.1.1 История магазина «Книжный Мир»
• 1.2 Постановка задачи
• 1.2.1 Назначение разработки
• 1.2.2 Описание задачи
• 1.2.3 Требования к видам обеспечения
• 1.3 Обзор и анализ известных аналогов разрабатываемого сайта
• 2. Специальная часть
• 2.1 Характеристика входной оперативной и выходной информации
• 2.2 Анализ и обоснование выбора языков программирования и средств разработки сайта
• 2.3 Программное обеспечение сайта
• 2.3.1 Описание структуры сайта
• 2.3.2 Описание программных модулей
• 2.4 Тестирование и отладка сайта
• 2.5 Руководство пользователя
• 3. Экономическая часть
• 3.1 Затраты на разработку и внедрение сайта
• 3.2 Эксплуатационные расходы
• 3.3 Эффекты, достигаемые в результате внедрения сайта
• 4. Безопасность жизнедеятельности
• 4.1 Общие требования безопасности при работе на персональном компьютере
• 4.2 Требования безопасности перед началом работы
• 4.3 Требования безопасности во время работы
• 4.4 Требования безопасности в аварийных ситуациях при работе за персональным компьютером
• 4.5 Требования безопасности после окончания работы с ПК
• Заключение
• Список литературы

Введение

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

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

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

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

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

Цель дипломной работы - разработать сайт книжного интернет-магазина.

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

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

- обзор аналогов;

- разработка логической и физической модели предметной области;

- анализ и выбор СУБД;

- разработка базы данных;

- разработка приложения;

- тестирование функционала сайта;

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

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

1.1 Характеристика магазина «Книжный Мир»

1.1.1 История магазина «Книжный Мир»

1 октября 1998 года на улице Горького был торжественно открыт книжный магазин №7, вскоре получивший имя «Книжный Мир». Так началась история магазина, которому на долгие годы суждено было стать нужным и любимым для множества жителей города Чайковский. Первым директором магазина стал известный московский «книжник» А.С. Семенов. Именно ему магазин обязан заложением лучших своих традиций, формированием принципов, по которым и ныне работают сотрудники книжного магазина «Книжный Мир». Магазин стремительно завоевывал свое место в книжном мире столицы, полностью оправдывая почетное название - «Книжный Мир»; вокруг него сформировался особый круг покупателей - настоящих друзей магазина. 5 июня 2012 года бразды правления магазином приняла Т.В. Смирнова, ранее работавшая в нашем магазине заведующей отделом. На протяжении всех этих лет коллектив магазина формировал и поддерживал самые высокие стандарты в работе. Книжный магазин «Книжный Мир» смог стать известным и любимым среди жителей города Чайковский.

1.1.2 Краткая характеристика деятельности магазина «Книжный мир», его структура

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

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

1.2.1 Назначение разработки

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

1.2.2 Описание задачи

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

– главная страница, которая предназначена для ознакомления с сайтом;

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

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

интернет магазин сайт

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

Техническое обеспечение

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

– INTEL D2500HN (OEM) Atom D2500 <NM10> SVGA+GbLAN SATA Mini-ITX 2DDR-III SO-DIMM

– Crucial <CT25664BF160B> DDR-III SODIMM 2Gb <PC3-12800>

– HDD 250 Gb SATA-II 300 Seagate/Samsung Barracuda F3 3.5" 7200rpm 16Mb

Информационное обеспечение

Информационное обеспечение должно быть полным, соответствовать стандартам и ГОСТам, актуальным, носить информационный характер. Информационное обеспечение сайта состоит из:

– руководство пользователя.

Программное обеспечение

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

В качестве операционной системы была выбрана Windows XP по целому ряду причин:

– во-первых, она является одной из наиболее распространенных на сегодняшний день. Создавать программу, работающую на основе OS/2, было бы нерационально;

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

– в третьих, в состав Windows XP входит ряд программ, совместное применение которых повышает производительность компьютера;

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

Браузеры:

– Windows Internet Explorer - серия браузеров, разрабатываемая корпорацией Microsoft с 1995 года. Входит в комплект операционных систем семейства Windows. Занимает первое место по числу пользователей (рыночная доля в апреле 2010 года - 59,95 %, в январе 2011 - 45,99 %, в феврале 2012 - 52,84 %, в январе 2013 -55,14 % (по данным Net Applications)). В России, по данным портала LiveInternet, на март 2012 занимает третье место c 15,6 % пользователей, первое место у браузера Google Chrome с 19,5 %.

– Mozilla Firefox - свободный браузер, входящий в набор программ Mozilla Application Suite, разработкой и распространением которого занимается Mozilla Corporation. Третий по популярности браузер в мире и первый среди свободного ПО -в мае 2013 года его рыночная доля составила 19,77 %. Браузер имеет особенный успех в некоторых странах, в частности, в Германии и Польше это самый популярный браузер с долей 47 % и 43 % соответственно. В России Firefox занимает второе место по популярности среди десктопных браузеров с долей 22,41 % пользователей на май 2013 год.

1.3 Обзор и анализ известных аналогов разрабатываемого сайта

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

«Book.Ru - Книги России» (первое название «Символ»)

Старейший книжный интернет-магазин в России. Начал свою работу 30 августа 1996 года по адресу symbol.ru, позже переехав на books.ru. К настоящему моменту в ассортименте магазина не только бумажные, но и электронные книги, а также электроника, софт, музыка и видео. Является официальным интернет-магазином издательства «Символ-Плюс». Главная страница сайта представлена в соответствии с рисунком 1.

Рисунок 1 - Books.ru

OZON.ru (ОЗОН.ру) - российский интернет-магазин. Магазин предлагает книги, музыкальную и видеопродукцию, электронику и цифровую технику, программные продукты и мультимедийные игры, товары для детей и их родителей, всё для дома, косметику, парфюмерию, подарки и ювелирные изделия, а также эксклюзивные антикварные издания. С 2009 года был запущен магазин путешествий OZON.travel, а в 2011 открыт новый раздел «Обувь».



Рисунок 2 - OZON.ru

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

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

2.1 Характеристика входной оперативной и выходной информации

Входная информация интернет-магазина:

1 Информация о фирме создателе.

2 Информация об ассортименте товаров

3 Ценовая политика фирмы и цены ее товаров

4 Информация о товарном наименовании, товарной категории и т.д.

5 Информация о системе предоставления услуг

6 Перечень предоставляемых услуг

7 Информация о фирмах - поставщиках

8 Информация о сертификатах, лицензиях связанных с торговой деятельностью

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

Выходная информация интернет-магазина:

1 Доведение информации о фирме до потребителя.

2 Выведение информации на общедоступный уровень.

3 Прямая связь между товаром и покупателем (без посредников и без потери лишнего времени на дорогу).

4 Простая система заказа.

5 Простая система получения товара.

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

2.2 Анализ и обоснование выбора языков программирования и средств разработки сайта

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

– HTML - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

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

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

– среда программирования Java;

– среда программирования PHP;

– среда программирования RubyonRails.

Java

Java - это распространенный язык программирования, который применяется для написания приложений и является объектно-ориентированным. Популярность java объясняется возможностью относительно легкого создания приложений для работы с сетью интернет.

Особенностью языка Java в отличие от других языков(C,C++,Fortran) является наличие встроенной поддержки многопоточного программирования. Поток выполнения (thread) - элемент кода программы, выполняемый последовательно. В многопоточных программах потоки выполняются асинхронно, совместно используя сегменты данных и кода процесса. Организация взаимодействия между потоками гораздо проще чем между процессами с использованием внешних функций API. Каждый порожденный процесс имеет собственную копию виртуального адресного пространства и использует больше системных ресурсов.

Многопоточность Java позволяет осуществить многозадачность внутри одной программы. В Java используется достаточно простая модель синхронизации потоков. Организация связи и контекстное переключение(context switch) потоков контролируется исполняющей системой Java. Унифицированный многопоточный интерфейс поддерживается всеми виртуальными машинами Java.

Многопоточность реализуется достаточно просто при разработке объектно ориентированного приложения Java. Такое приложение состоит из набора объектов, взаимодействующих друг с другом. Каждый объект - независимый компонент, который может выполняться потоком и запускаться параллельно с другими объектами.

PHP

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

Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNUGPL.

В области программирования для сети Интернет PHP - один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

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

- автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;

- взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

автоматизированная отправка HTTP-заголовков;

– работа с HTTP-авторизацией;

– работа с cookies и сессиями;

– работа с локальными и удалёнными файлами, сокетами;

– обработка файлов, загружаемых на сервер;

– работас XForms.

Ruby on Rails

Ruby on Rails - фреймворк, написанный на языке программирования Ruby. Ruby on Rails предоставляет архитектурный образец Model-View-Controller (модель-представление-контроллер) для веб-приложений, а также обеспечивает их интеграцию с веб-сервером и сервером базы данных.

RubyonRails является открытым программным обеспечением и распространяется под лицензией MIT.

Ruby on Rails определяет следующие принципы разработки приложений:

- предоставляет механизмы повторного использования, позволяющие минимизировать дублирование кода в приложениях (принцип Don't repeat yourself);

- По умолчанию используются соглашения по конфигурации, типичные для большинства приложений (принцип Convention over configuration). Явная спецификация конфигурации требуется только в нестандартных случаях.

Вокруг Rails сложилась большая экосистема плагинов - подключаемых «гемов» (англ. gem), некоторые из них со временем были включены в базовую поставку Rails, например Sass и CoffeeScript, другие же, хотя и не были включены в базовую поставку, являются фактическим стандартом для большинства разработчиков, например, средство модульного тестирования Rspec.

Начиная с 3-й версии Rails наблюдается тенденция вынесения части функционала в отдельные «гемы», отчасти из-за их более быстрого развития, чем сам Rails, отчасти для облегчения фреймворка.

Количество разработчиков, сделавших хотя бы одну модификацию в код Rails на начало 2013 года составило 2782 человека.

Для разработки сайта был использован язык программирования PHP 5.14.

Средства разработки сайта:

Microsoft FrontPage - WYSIWYG (What you see is what you get) -редактор. Недостаток: автоматически вырабатываемый html-код документа, созданного разработчиком в визуальном режиме, как правило, неоптимален.

Macromedia Flash 5 - Технология Flash становится очень популярной. Она позволяет создавать очень эффектные web-страницы, содержащие FLASH-объекты или исполняемые файлы, содержащие большое количество векторной графики, анимационные ролики. За счет применения векторной графики Flash-страницы быстрее загружаются на компьютеры клиента, чем традиционные (содержащие растровую графику) и одинаково воспринимаются на различных платформах: Windows, Macintosh, Solaris, Unix.
Имеется возможность передачи данных из HTML-документа FLASH-объекту и наоборот, что позволяет создавать управляемые FLASH-объекты, а также делать более эффектными HTML-страницы (например, формы).

Notepad++ - это редактор, представляющий альтернативу стандартной утилите Notepad, которая входит в поставку Windows. Данный инструмент могут использовать программисты для редактирования кода или все те, кому необходим хороший текстовый редактор. Среди особенностей приложения - подсветка синтаксиса большого количества языков (C, C++, Java, XML, HTML, PHP, Java Script, ASCII, VB/VBS, SQL, CSS, Pascal, Perl и Python), многоязыковая поддержка, работа с несколькими документами, система поиска выражений в тексте и прочие востребованные функции.

Macromedia Dreamweaver MX 2004 - WYSIWYG-редактор. Профессиональное решение для web-дизайна и разработки web-сайтов.

– имеет очень удобный, простой интерфейс (в стиле PageMaker/Illustrator/PhotoShop);

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

– содержит встроенные средства работы с графикой.

– позволяет непосредственно внутри пакета создавать FLASH-анимации.

– обеспечивает средства отладки JavaScript-сценариев для браузеров MS Internet Explorer и Netscape Navigator.

– допускает расширение возможностей за счет дополнительных модулей. Библиотека дополнительных компонент (более 150) входят в комплект поставки

– при вводе кодов создает список значений тэгов и атрибутов в виде всплывающей подсказки

Adobe Photoshop 6 - Мировой стандарт обработки изображений как для печати, так и для web. Широкие возможности по созданию оформления для веб-сайта, присутствует «врезка» картинок в веб-сайт сразу с кодом.

Для разработки сайта использовались Adobe Photoshop 6 и Notepad++.

2.3 Программное обеспечение сайта

2.3.1 Описание структуры сайта

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

– главная страница, посвященная ознакомлению с сайтом;

– контактная информация;

– история магазина;

– помощь в работе с сайтом;

– каталог.

Административная часть включает:

– добавление новых пользователей;

– добавление новых товаров;

– добавление новых страниц сайта;

– обработка заказов.

Сайт создан для представительства книжного магазина «Книжный Мир» в сети для потенциальных клиентов, список основных разделов предоставленных в соответствии с рисунком 3.

На каждой страничке подробно описывается каждый спектр предоставления услуг, информации. А в разделе «Контакты» - юридический адрес.

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

Рисунок 3 - Структура сайта

2.3.2 Описание программных модулей

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

Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title> устанавливающего заголовок окна веб-страницы.

Внутри контейнера <head> допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.

<title> - Определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера, представленный в соответствии с рисунком 1. Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.

Рисунок 4 - тег Title

<meta> - определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», которые определяются ключевыми словами content, name или http-equiv.

<body> - Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д

Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

.

Рисунок 5 - тег Body

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

<div> - Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

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

<ul> - Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.

<li> - Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol> устанавливает тип списка - маркированный или нумерованный.



Рисунок 7 - Теги ul и li

<p> - Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.

Рисунок 8 - тег P

<a> - Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Рисунок 9 - тег а

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

Рисунок 10 - тег h

Скрипты:

1 Автозаполнитель поиска - автоматически подставляет значения в поле «поиск», при нахождении первых соответствий;

2 Библиотека скриптов jquery;

3 Корзина - добавление товаров в корзину без обновления страницы;

4 Скрипт проверки форм на наличие введенных данных;

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

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

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

– ошибки в безопасности (доступ к закрытым разделам сайта);

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

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

– ошибки взаимодействия с сайтом (возникает неудобство в пользовании сайтом).

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

Сайт протестирован и отлажен для всех видов браузеров, которые включают в себя:

– Internet Explorer 8.

Плюсы: Простота

Минусы: Internet Explorer не поддерживается большинством web-сайтов на данный момент.



Рисунок 11 - Сайт магазина «Книжный Мир» в браузере Internet Explorer 8

– Mozilla Firefox 11

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

Рисунок 12 - Сайт магазина «Книжный Мир» в Mozilla Firefox 11

2.5 Руководство пользователя

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

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

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

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

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

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

3.1 Затраты на разработку и внедрение сайта

Затраты на разработку и внедрение web-сайта книжного магазина «Книжный Мир». Период проведения работ с 05.04.2013 до 10.06.2013

Стоимость оборудования использованного при разработке web-сайта приведена в таблице 1.

Таблица 1 - Стоимость оборудования

Наименование оборудования	Описание	Кол-во	Цена, руб.	Сумма, руб.
Системный блок	INTEL D2500HN (OEM) Atom D2500 <NM10> SVGA+GbLAN SATA Mini-ITX 2DDR-III SO-DIMM Crucial <CT25664BF160B> DDR-III SODIMM 2Gb <PC3-12800> HDD 250 Gb SATA-II 300 Seagate/Samsung Barracuda F3 3.5" 7200rpm 16Mb	1	7206	7206
Монитор	19” Asus G702AD	1	5000	5000
Клавиатура и мышь	Defender	1	500	500
Итого:	12706

Стоимость программного обеспечения использованного при разработке web-сайта приведена в таблице 2.

Таблица 2 - Стоимость программного обеспечения

Программное обеспечение
Операционная система	Windows XP	1	3000 руб.	3000 руб.
Система разработки	Notepad++	1	Распространяется бесплатно	Распространяется бесплатно
	Adobe Photoshop 6		3000 руб.	3000 руб.
Итого:	6000 руб.

Амортизационные отчисления в период разработки

Срок эксплуатации компьютерной техники 7 лет.

Нпо = 1/7*100 = 14,3%

Годовые амортизационные отчисления(Системный блок, монитор):

Аг = 12206 * 0,143 = 1745 руб.

Ар = 1745,45/12*2=291 руб.

Амортизационные отчисления программного обеспечения:

Нпо = 1/60 * 100 = 1,67%

Апо = 6000 * 0,0167 * 2 = 200,4 руб.

Всего амортизационных отчислений:

200 + 291 = 491 руб.

Этапы разработки указаны в таблице 3.

Таблица 3 - Этапы разработки

Этапы проектирования	Описание	Трудоемкость, н/ч
Постановка задачи	Предпроектное исследование: системный анализ, встреча с заказчиками, изучение аналогов, выявление недостатков, завершение пред проектного исследования	50
Проектирование	Разработка технического проекта, уточнение структуры сайта, определение состава технических средств, проектирование информационного обеспечения, завершение проектирования.	200
Документация и внедрение	Разработка программной документации, подготовка и передача программы и программной документации.	34
Итого:	284

Заработная плата разработчика.

Разработкой web-сайта занимается 1 человек, установленный оклад 5500 руб.

Заработная плата за 1н/ч: 5500/173,1 = 31,77 руб.

Заработная плата за период разработки: 9023 руб.

Дополнительная заработная плата - 9% от заработной платы в период разработки: 9023 * 0,09 = 812 руб.

Районный коэффициент 15%

(9023 + 812) * 0,15 = 1475 руб.

Итого заработная плата составляет

9023 + 812 + 1475 = 10498,25 руб.

Отчисления во внебюджетные фонды:

– пенсионный фонд - 22% от основной и дополнительной заработной платы: 10498 * 0,22 = 2309 руб.;

– отчисления в фонд социального страхования - 2,9% от основной и дополнительной заработной платы: 10498 * 0,029 = 304 руб.;

– отчисления в фонд мед. страхования - 5,1% от основной и дополнительной заработной платы: 10498 * 0,051 = 535 руб.;

– отчисления на возмещение ущерба от несчастных случаев - 0,2% от основной и дополнительной заработной платы: 10498 * 0,002 = 21 руб.

Всего отчислений: 2309 + 304 + 535 + 21 = 3170 руб.

Всего фонд заработной платы: 13668 руб.

Затраты на электроэнергию за период разработки:

Эр = Wk * Fk, где Wk = 0,3Вт, Кс=0,65

Эр = 0,3 * 284 * 0,65 = 55,38 кв.ч

Зэ = Эр*Тэ, где Тэ = 2,64

Зэ = 55,38 * 2,64 = 138 руб.

Всего затраты на разработку и внедрение:

291 + 200,4 + 13668 + 138 = 14297 руб.

3.2 Эксплуатационные расходы

Доплата системного администратора 2% от установленного оклада.

Установленный оклад - 5500 руб.

Основная годовая заработная плата (5500 * 0,02) * 11 = 1210 руб.

Дополнительная годовая заработная плата - 8% от основной зарплаты:

1210 * 0,08 = 96,8 руб.

Районный коэффициент 15%

(1210 + 96) * 0,15 = 196 руб.

Всего годовая заработная плата 1210 + 96,8 + 181,5 = 1502 руб.

– пенсионный фонд - 22% от основной и дополнительной заработной платы: 1502 * 0,22 = 330 руб.;

– отчисления в фонд социального страхования - 2,9% от основной и дополнительной заработной платы: 1502 * 0,029 = 43 руб.;

– отчисления в фонд мед. страхования - 5,1% от основной и дополнительной заработной платы: 1502 * 0,051 = 76 руб.;

– отчисления на возмещение ущерба от несчастных случаев - 0,2% от основной и дополнительной заработной платы: 1502 * 0,002 = 3 руб.;

Всего отчислений: = 330 + 43 + 76 + 3 = 451 руб.

Всего фонд заработной платы: 1502 + 451 = 1953 руб.

Амортизационные отчисления:

Норма амортизации - 14,3% годовые амортизационные отчисления на системный блок и монитор составляют:

Аг = 12206 * 0,143 = 1745,45 руб.

1,5% годовых амортизационных отчислений на данный программный продукт.

1745,45 * 0,015 = 26 руб.

Амортизационные отчисления на программное обеспечение (1,67 - в месяц):

(6000 * 1,67/100) = 100 руб.

На данный программный продукт:

100 * 0,015 * 12 = 18 руб.

Всего амортизационные отчисления:

26 + 18 = 44 руб.

Затраты на электроэнергию:

Эр = Wk * Fk, где Wk = 0,3Вт

FЗ = 1ч * 365р.д. = 365 часа

Расход электроэнергии Э=Fз*W = 365 * 0,3 =109,5

Зэ = Эр*Тэ, где Тэ = 2,64

Зэ = 109,5 * 2,64 = 283 руб.

Затраты на комплектующие 1% от стоимости оборудования:

12206 * 0,01 = 122 руб.

Эксплуатационные расходы представлены в таблице 4.

Таблица 4 - Эксплуатационные расходы

Наименование затрат	Сумма, руб.
Затраты на оплату системного администратора	1953
Отчисление во внебюджетные фонды	451
Затраты на электроэнергию	283
Затраты на техническое обслуживание: Амортизационные отчисления Затраты на комплектующие	44 122
Итого:	2853
Непредвиденные расходы (2%)	57
Всего:	2910

Таблица 5 - Приведенные затраты

Наименование	Сумма, руб.
Затраты на разработку и внедрение(К)	14297
Эксплуатационные расходы(С)	2910
Приведенные затраты(С+Е*Квл)	4625

Затраты на разработку сайта приведены в таблице 6.

Таблица 6 - Затраты на разработку web-сайта в специализированной фирме

Вид работы	Норма затрат, руб.	Количество страниц	Всего, руб.
1	2	3	4
Разработка дизайна web-сайта(оформление титульной страницы, различных кнопок, подбор цветовой гаммы и. т. п)	10000	1	10000
1	2	3	4
Набор текста без таблиц, формул, рисунков	800	1	800
Преобразование электронного текста в формат HTML, оформление с помощью CSS	100	25	2500
Оформление подготовленных рисунков в формате HTML за 1 рисунок	6800	1	6800
Разработка панели управления сайтом	4000	1	4000
Корзина товаров	1000	1	1000
Автоматизация работы с сайтом	3000	1	3000
Тестирование и отладка web-сайта	1500	-	1500
Итого:	29600

Норма прибыли(30%):

29600 * 0,30 = 8880 руб.

НДС (18%):

(29600+8880)*0,18 = 6926 руб.

Цена реализации сайта:

29600+8800+6926 = 30529 руб.

Разработка web-сайта в специализированной фирме составит 45326 руб.

Эксплуатационные расходы составляют: 2910 руб.

Сумма приведенных затрат:

30529*0,12+2910 = 6573 руб.

Технико-экономическое обоснование приведено в таблице 7.

Таблица 7 - Технико-экономическое обоснование

Показатели	Web-сайт специализированной фирмы «Дизайн и Ко»	Проект	Отклонение (-) или (+)
Затраты на разработку и внедрение	45326	14297	31029
Эксплуатационные расходы	2910	2892	-
Приведенные затраты	6573	4625	1948

3.3 Эффекты, достигаемые в результате внедрения сайта

При внедрении web-сайта в Internet будут достигнуты следующие эффекты:

а) Экономические:

1 Экономический эффект 31029 руб.;

2 Экономический эффект по приведенным затратам 1948 руб.;

3 Расширение круга потребителей;

4 Расширение круга партнеров;

5 Исследования в выборе продукции.

б) Социальные:

1 Быстрая навигация пользователей по видам услуг.

в) Технологические:

1 Автоматизированная обработка информации.

2 Быстрый доступ к информации.

3 Организация и осуществление быстрого поиска и систематизации информации.

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

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

4.1 Общие требования безопасности при работе на персональном компьютере

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

- повышение уровня электромагнитного излучения;

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

- повышенный уровень шума;

- повышенный или пониженный уровень освещенности;

- повышенная яркость светового изображения;

- повышенное значение напряжения в электрической цепи, замыкание которой может произойти через тело человека;

- напряжение зрения, внимания, длительные статические нагрузки.

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

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

Пользователь при работе с персональным компьютером обязан:

- осмотреть и привести в порядок рабочее место;

- отрегулировать освещенность на рабочем месте, убедиться в достаточности освещенности, отсутствии отражений на экране;

- проверить правильность подключения оборудования в электросеть;

- проверить исправность проводящих проводов и отсутствие оголенных участков проводов;

- убедиться в наличии защитного заземления;

- протереть салфеткой поверхность экрана и защитного фильтра;

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

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

Пользователю при работе с персональным компьютером запрещается приступать к работе при:

- отсутствии защитного экранного фильтра класса «полная защита»;

- отсутствии специальной вилки с подключением заземления;

- обнаружении неисправности оборудования;

- при размещении персонального компьютера в ряд на расстоянии менее 1,2 метра, при расположении рабочих мест с компьютерами в колонку на расстоянии менее 2,0 метра, при рядном расположении дисплеев экранами друг к другу.

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

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

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

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

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

Пользователю при работе на персональном компьютере запрещается:

- касаться одновременно экрана монитора и клавиатуры;

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

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

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

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

- включить блок питания;

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

- включить системный блок (процессор).

Работник обязан отключить персональный компьютер от электросети:

- при обнаружении неисправности;

- при внезапном снятии напряжения электросети;

- во время чистки и уборки оборудования.

Пользователь обязан оборудовать рабочее место:

- высоту рабочей поверхности стола отрегулировать в пределах 680-800 мм, при отсутствии регулировки высота рабочей поверхности стола должна составлять 725 мм;

- рабочий стол должен иметь пространство для ног высотой не менее 600 мм, шириной - не менее 500 мм, глубиной на уровне колен - не менее 450 мм и для вытянутых ног - не менее 650 мм;

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

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

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

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

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

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

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

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

На рабочем месте запрещается иметь огнеопасные вещества.

В помещениях запрещается:

– зажигать огонь;

– включать электрооборудование, если в помещении пахнет газом;

– курить;

– сушить что-либо на отопительных приборах;

– закрывать вентиляционные отверстия в электроаппаратуре.

Источниками воспламенения являются:

– искра при разряде статического электричества;

– искры от электроборудования;

– искры от удара и трения;

– открытое пламя.

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

Помещения с электроборудованием должны быть оснащены огнетушителями типа ОУ-2 или ОУБ-3.

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

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

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

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

– после окончания работы с пк соблюдать следующую последовательность его выключения:

– произвести закрытие всех активных задач;

– выполнить парковку считывающей головки жесткого диска (если не предусмотрена автоматическая парковка головки);

– убедиться, что в дисководах нет дискет;

– выключить питание системного блока (процессора);

– выключить питание всех периферийных устройств;

– отключить блок питания.

Заключение

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

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

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

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

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

В ходе выполнения дипломной работы был произведен анализ предметной области. Были проанализированы средства разработки сайта, в результате чего были выбраны HTML, CSS, MySQL и PHP, т.к. эти средства лучшим образом подходят для выполнения поставленной задачи. Была произведена экономическая целесообразность создания сайта. Был разработан сайт. Были разработаны руководство пользователя и техника безопасности при работе с сайтом. В ходе выполнения дипломной работы были разработаны страницы: «Главная», «Помощь», «О нас», «Контакты», «Корзина», «Каталог».

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

Задачи отчета по дипломной работе решены, цель достигнута.

Список литературы

1 Вайнман Л., Динамический HTML: руководство разработчика Web-сайтов;

2 Загуменнов А.П., Как раскрутить Web-сайт;

3 Китинг Дж., Искусство создания Web-сайт;

4 Графкина Н.В., Охрана труда и производственная безопасность;

5 http://stackoverflow.com/;

6 http://habrahabr.ru;

7 Cyberforum.ru;

8 «Современная экономика», издательство «Феникс» 2011 год;

9 Поляк, «Финансовый менеджмент», 2010 год;

10 Ковалева, «Финансы и управление предприятием», 2010 год;

11 Савицкая, «Анализ хозяйственной деятельности», г. Москва, 2010 год.

Размещено на Allbest.ru