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

Содержание

Глава 1.(теоретическая часть)

1.Основы Web-программирования

1.1 Немного о Web-программировании

1.2 Терминология

2. Выбор инструментария

2.1 Web-сервер Apache

2.2 Сервер баз данных MySQL

2.3 Язык сценариев PHP

2.4 Язык гипертекстовой разметки HTML

Глава 2.(практическая часть)

1.Техническое задание

1.2 Назначение и цели разработки сайта

1.3 Требования к дизайну Сайта

1.4 Требования к структуре сайта

1.5 Описание контента

2.Разработка интернет магазина для предприятия “Апельсин”

2.1 Главная страница

2.2 Продукты

2.3 Форма входа и регистрации, обратная связь

Глава 3. Расчёт затрат на программное обеспечение

1. Сбор показателей и коэффициентов для расчёта единовременных затрат на проектирование системы и разработку ПО

2. Расчет затрат на проектирование системы.

2.1 Затраты на электроэнергию, потребляемую ПК

2.2 Затраты на текущий и профилактический ремонт

Заключение

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

Приложение 1

ВВЕДЕНИЕ

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

Естественно, что для осуществления электронной коммерции, необходимо современное программное обеспечение. Сегодня существует множество технологий (такие как PHP, JSP, ASP, ASP.NET), позволяющих создавать надёжные и эффективные web-приложения, отвечающие самым современным требованиям, удобные в использовании, как со стороны продавца, так и со стороны покупателя.

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

В качестве ОС для разработки была выбрана Windows 7.

Предварительный анализ



Таблица 1 - Сравнительная характеристика традиционной и электронной торговли

«Традиционный магазин»	Электронный магазин
Торговый зал	Электронный магазин
Ходьба покупателя по торговому залу и осмотр товаров на полках магазина	Просмотр покупателем страниц сервера
Личный контакт покупателя с продавцом (консультация)	Консультация у продавца (при необходимости) по компьютерной сети или по телефону
Выбор покупателем товара	Выбор покупателем товара
Заказ товара	Заказ товара через сервер
Выписка продавцом и вручение покупателю счета на оплату	Пересылка продавцом по компьютерным сетям покупателю счета на оплату
Оплата. Покупателем счета на товар в кассе магазина наличными деньгами или банковской картой	Оплата покупателем счета по какой-нибудь системе электронных платежей (банковская карта, электронный чек, цифровые деньги, электронные деньги)

Далее преимуществам Интернет магазина над электронным магазином относятся (см. таблицу 2).

Таблица 2. Преимущества Интернет магазина над электронным магазинном

№	Название преимущества	Описание преимущества
1	Экономия времени	Когда человек работает 6 дней в неделю с 10 до 19, ему бывает некогда сходить в магазин. Интернет-магазин позволяет сделать покупку не выходя из офиса в любое время, а выбор и заказ товара займет у него несколько минут, если он точно знает, что хочет купить. Служба доставки интернет - магазина доставит выбранный товар в удобно время и место. Кроме этого выбор и оценка свойств товара происходит в интернет - магазине намного быстрее и удобнее чем в обычном магазине.
2	Неограниченный ассортимент и информативность	ассортимент интернет магазина ничем не ограничен
3	Экономия денег	Затраты на работу интернет магазина, включая доставку, существенно ниже чем у обычного. В отличие от обычного магазина интернет-магазин способен обслужить несколько сотен клиентов одновременно.

Недостатками интернет магазина является:

1) нельзя «пощупать», нельзя узнать больше, чем написано (пример: мебель, одежда).

2) проблемы гарантии, сопровождения (весьма критично в России).

3) зачастую долгая доставка (до 6 недель), особенно если мы говорим о международности.

Сравнение с аналогами

Первые Интернет-магазины появились в России в 1998 году, тогда их количество исчислялось несколькими десятками, но уже к 2001 году их количество превысило 800, а в 2003 уже 4000. Какие-то из них являются Интернет-версиями реальных магазинов, какие-то действуют только в сети, кто-то торгует широким спектром товаров, а кто-то специализируется на конкретном виде товара. Все Интернет магазины предоставляют потенциальному покупателю в целом идентичный набор функций, отличаясь друг от друга только широтой ассортимента и дизайном.

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

Основные требования покупателей, их ожидания от Web-сайта Интернет-магазина:

“легко найти” - понятный интерфейс и удобная навигация;

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

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

“способы оплаты” - предоставление различных способов оплаты.

“время доставки” - чем меньше время доставки товара, тем лучше.

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

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

Актуальность систем электронной коммерции

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

· Магазин работающий 24 часа в сутки

· Быстрые бизнес процессы, передачи информации.

· Опросы и рассылки без дополнительных затрат.

· Экономия денег на персонале и аренде помещения.

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



Глава 1.(теоретическая часть)

1. Основы Web-программирования

1.1 Немного о Web-программировании

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

Во вторую группу включаются те языки, программы на которых выполняются на том компьютере, где расположен web-сервер. Эта группа более обширна - дело в том, что в принципе на web-сервере могут исполняться программы на любом языке, даже командных .bat-файлов MS-DOS, важно лишь, чтобы на нем была установлена программа-интерпретатор этого языка, удовлетворяющая стандарту CGI, которому также должен удовлетворять сам web-сервер. К таким языкам программирования относится РНР, о котором будет описано далее.

1.2 Терминология

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

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

CGI (сокращение от Common Gateway Interface) - технология, позволяющая запускать на web-сервере программы, имеющие возможность получать данные от посетителей сайтов, поддерживаемых этим web-сервером, и в свою очередь выдавать им обработанные данные в виде web-страниц или других файлов. Для использования технологии CGI программа web-сервер должна удовлетворять определенным критериям - «поддерживать CGI». Если программа, запускаемая на web-сервере, представлена не двоичным кодом (т.е. скомпилированным файлом), а текстовым, то для ее выполнения требуется программа-интерпретатор того языка, на котором написана эта программа. Такой интерпретатор включается в состав web-сервера и вызывается им при необходимости заняться выполнением программного кода.

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

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

Сервер - любой отдельно взятый компьютер в Интернете, который позволяет другим машинам, грубо говоря, использовать себя в качестве «посредника» при передаче данных. Также все серверы участвуют в вышеописанной «лавине» поиска компьютера по ее IP-адресу, на многих хранится какая-то информация, доступная или нет извне. Сервер - это именно машина («железо»), а не логическая часть Сети, он может иметь несколько различных IP-адресов (не говоря уже о доменных именах), так что вполне может выглядеть из Интернета как несколько независимых систем. Отличительной чертой сервера является то, что он использует один единственный стек TCP/IP, т.е. на нем запущено только по одному «экземпляру» драйверов протоколов.

У термина «сервер» есть и еще другое, определение - это программа (в терминологии, TCP - процесс), обрабатывающая запросы клиентов. Например, приложение, обслуживающее пользователей WWW, называется Web-сервером.

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

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

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

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

Страница (или HTML-страница) - адресуемая из Интернета минимальная единица текстовой информации службы World Wide Web, которая может быть затребована у Web-сервера и отображена в браузере. Язык HTML (Hypertext Markup Language - Язык разметки гипертекста) позволяет вставлять в страницы ссылки на другие страницы.

2. Выбор инструментария

2.1 Web-сервер Apache

Данный комплекс программ позволяет запускать полноценный веб-сервер Apache с поддержкой PHP, Perl и сервер MySQL на машине, работающей под управлением MS Windows 95/98/Me/NT/2000/XP/Vista/7. Как правило, при установке не требуется никакой настройки, комплекс может использоваться даже неподготовленными пользователями. Тем не менее, он нашел применение не только для обучения азам web-программирования, но и для отладки интерактивных сайтов, программ, использующих базу данных MySQL, написанных на языках PHP и Perl.

Web-сервер Apache имеет несколько основных отличий:

Модульность и расширяемость. Нет необходимости скачивать много мегабайтные дистрибутивы отдельных компонентов. Базовая версия предлагаемого комплекса Apache+PHP+Perl+MySQL имеет размер всего около 3.1 Мб и при этом полностью функциональна.

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

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

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

программирование язык гипертекстовый сайт

2.2 Сервер баз данных MySQL

MySQL разработал Михаэль Видениус. MySQL - небольшой, компактный многопоточный сервер баз данных. MySQL характеризуется большой скоростью, ошибкоустойчивостью и легкостью в использовании. MySQL был разработан компанией TcX для внутренних нужд, которые заключались в быстрой обработке очень больших баз данных. Ядро, на котором сформирован MySQL - набор подпрограмм, которые использовались в высокотребовательном окружении много лет. MySQL является идеальным решением для малых и средних приложений. Исходные тексты сервера компилируются на множестве платформ. Наиболее полно возможности сервера проявляются на Unix-серверах, где есть поддержка многопоточности, что дает значительный прирост производительности. В варианте под Windows, MySQL может запускаться как сервис Windows NT или как обычный процесс на Windows 95/98. В то время, как MySQL все еще находится в разработке, это уже предоставляет богатый и полезный функциональный набор. MySQL-сервер является бесплатным для некоммерческого использования.является относительно небольшой и быстрой реляционной СУБД основанной на традициях языка запросов SQL в стандарте ANSI 92, и кроме этого имеет множество расширений к этому стандарту, которых нет ни в одной другой СУБД:

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

Количество строк в таблицах может достигать 50 млн.

Быстрое выполнение команд. Возможно MySQL самый быстрый сервер из существующих.

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

2.3 Язык сценариев PHP

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

Он серьезно отличается от скриптов, написанных на языках Perl или C - вместо написания программы с большим количеством команд для вывода HTML, вы пишете HTML-скрипт с некоторым количеством встроенного кода для выполнения каких-либо действий. Код PHP заключён в специальные начальный и конечный тэги (<? php…?>), что позволяет вам входить в и выходить из «режима PHP».

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

PHP может использоваться на всех крупных операционных системах (ОС), включая Linux, Microsoft Windows, и, возможно, другие. PHP имеет поддержку для большинства существующих web-серверов: Apache, Microsoft Internet Information Server, Personal Web Server, и многие другие. Для большинства этих серверов PHP имеет модули. В других, поддерживающих стандарт CGI, PHP может работать как CGI-процессор.

В PHP вы не имеете ограничений в выводе HTML. PHP может выводить изображения, PDF-файлы и даже клипы Flash, генерируемые на лету. Вы также легко можете выводить любой текст, включая XHTML, и любой другой XML-файл. PHP может автоматически генерировать эти файлы и сохранять их в файловой системе, вместо их распечатки, формируя серверный кэш для вашего динамического содержимого. Одна из наиболее сильных и привлекательных черт PHP - поддержка им большого количества баз данных (БД).

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

2.4 Язык гипертекстовой разметки HTML

Для создания данного сайта мы использовали язык гипертекстовой разметки HTML - Hyper Text Markup Language. Web-страница (документ HTML) представляет собой текстовый файл на языке HTML формата *.htm или *.html, размещенный в World Wide Web (WWW). WWW - Всемирная Паутина, распределенная система доступа к гипертекстовым документам, существующая в Интернете. Web-страница кроме текста может содержать гипертекстовые ссылки, при помощи которых можно переходить к другим Web-страницам и просматривать их. Web-страница может содержать вставки в виде графики, анимации, видеоклипов и музыки.

Для просмотра Web-страниц можно использовать, например, MicroSoft Internet Explorer или NetScape Navigator, или Opera (просмотрщик или браузер).

Язык HTML позволяет:

) Создавать и редактировать Web-страницы, в том числе свою домашнюю Web-страницу, которую можно затем разместить в Интернете;

) Редактировать документы HTML, полученные из Интернета, так чтобы функционировали все внедренные в документ объекты (картинки, анимации и т.д.);

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

Существуют три основных способа создания Web-страниц (или документов HTML):

) Использование текстового редактора Блокнот (NotePad), встроенного в Windows, и просмотр результатов с помощью браузера. Этот самый простой способ рекомендуется начинающим.

Технология этого способа создания Web-страницы такова:

В редакторе Блокнот создается файл Web-страницы, который сохраняется с расширением *.htm. Затем этот файл загружается и просматривается программой Internet Explorer. Для вызова редактора Блокнот с целью редактирования файла Web-страницы во время ее просмотра в Internet Explorer, используется пункт меню Вид, Источник или в виде HTML. После сохранения файла и выхода из Блокнота для просмотра отредактированной страницы надо нажать клавишу F5 или кнопку «Обновить» в панели инструментов Internet Explorer.

) Использование специальных редакторов документов HTML, например Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad и др.

) Использование редактора Word-2010, где создается текст документа, который затем конвертируется в HTML-формат.



Глава 2.(практическая часть)

1.Техническое задание

1.1 Введение

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

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

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

Основание для разработки

Приказ по техникуму от “17” января 2014г. За №01-47/4.

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

Автоматизированная информационная система (АИС) предназначена для:

§ того чтобы можно было вести свой бизнес в онлайн режиме

§ формирование базы данных потенциальных клиентов, .

§ круглосуточная работа магазина.

§ уменьшение штата магазина.

§ получение дополнительной конкурентоспособности среди магазинов подобного профиля.

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

Требование к интернет-магазину

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

АИС должна выполнять следующие функции:

· добавление, изменение и удаление товаров,

· загрузка большого количества товаров при помощи cvs файлов

· возможность изменения атрибутов товара: цена, размер, вес, цвет, установки скидки на товары

Требования к надежности

Интернет-магазин должен осуществлять контроль ограничений

целостности, обусловленных предметной областью.

АИС должна работать с базой данных разработанной конфигурации в соответствии с алгоритмом функционирования.

Условия эксплуатации

Условия эксплуатации АИС (Интернет-сайта) совпадают с условиями эксплуатации ПЭВМ IMB PC-совместимых с ними ПК (для распределенной системы или системы, работающей в режиме клиент-сервер и сетевого оборудования)

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

Необходимо наличие IBM PC-совместного ПК в комплекте и сетевое оборудование для доступа в интернет.

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

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

Сайт должен работать под управлением в среде ОС(Windows 7 или Windows 8). Программное обеспечение должно быть написано на HTMl языке с помощью CSS

Требование к программной документации

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

· Акт передачи программы

· Код сайта

· Описание применения

· Руководство программиста

Стадии и этапы разработки

Эскизный проект

На этой стадии осуществляется выбор СУБД и другого программного обеспечения, определяется конфигурация технических средств.

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

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

Срок окончания: ”30”апреля 2014 г.

Технический проект

Создается сайт под управлением выбранной СУБД.

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

Вносятся дополнения в пояснительную записку

Срок окончания: “30” апреля 2014 г.

Рабочий проект

На этой стадии осуществляется отладка программного обеспечения.

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

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

Срок окончания:”12” мая 2014 г.

Перечень графического материала

1. Общее описание проекта

2. Структура сайта

3. Требования к дизайну сайта

4. Описание контента

7. Порядок контроля и приемки

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

Срок сдачи дипломного проекта:”12” мая 2014 г.

1.2 Назначение и цели разработки сайта

1. Имя сайта(название домена): _______________________

Название сайта:_______________________

2. Язык сайта: Русский

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

4. Основные разделы сайта:

Главная (информация о компании)

Продукты

Наши контакты

Доставка

Обратная связь

Форма регистрации

5. Цели создания Сайта:

Предоставление развернутой информации о товарах.

Возможность подачи заявок на товары.

Привлечение новых клиентов

1.3 Требования к дизайну Сайта

· Дизайн Сайта должен зависеть от функциональных возможностей и удобства использования Сайта.

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

· Дизайн всех Сайта должен быть выполнен в единой цветовой гамме и едином стиле.

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

· Дизайн должен иметь легко читаемые шрифты.

· В верхней части всех страниц Сайта расположен логотип Компании.

· В нижней части всех страниц Сайта расположена информация об авторских правах и разработчиках Сайта, а также ссылка на контакты Администратора (Оператора) Сайта.

· Дизайн Сайта должен быть привлекательным для потенциальных клиентов и партнёров Компании.

· Дизайн Сайта корректно отображается во всех основных браузерах при разрешении экрана 1024х768 и выше.

· Время загрузки каждой страницы Сайта не должно превышать 15 сек. при скорости соединения 49200 кБит/сек, без учёта контента конкретных страниц.

1.4 Требования к структуре сайта

Сайт состоит из следующих функциональных областей (разделов):

Открытая область

Область управления сайтом

1. Администратору Сайта доступны все функции Сайта.

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

3. Должна быть реализована возможность масштабируемости Сайта - добавления/удаления новых страниц Сайта без ущерба действующей функциональности и дизайну Сайта.

Требования к структуре открытой области сайта

1. Открытая область Сайта доступна всем посетителям Сайта.

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

3. Примерный макет страниц:

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

1) Основные блоки сайта:

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

Логотип

Форма входа-выхода

Основное меню содержит основную навигацию сайта (горизонтальное меню).

Главная страница (обязательное размещение в меню);

Продукты -переход на страницу с товарами сайта;

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

Наши контакты -- переход на страницу, содержащую телефоны сотрудников;

Обратная связь

2) Главная страница:

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

Схема главной страницы

		Название компании Форма входа-выхода
Главная Продукты Доставка Наши Контакты Обратная связь
Текст

3) Описание контента разделов сайта:

Контакты (контактная информация, адрес, номера).

Схема страницы контакты:

		Название компании Форма входа-выхода
Главная Продукты Доставка Наши Контакты Обратная связь
Должность Имя Телефон Email

Схема страницы Продукты:

		Название компании Форма входа-выхода
Главная Продукты Доставка Наши Контакты Обратная связь
Картинка товара1 Артикул товара Цена товара Подробнее... Картинка товара2 Артикул товара Цена товара Подробнее.. Картинка товара3 Артикул товара Цена товара Подробнее... Картинка товара4 Артикул товара Цена товара Подробнее...

Схема страницы подробнее:

		Название компании Форма входа-выхода
Главная Продукты Доставка Наши Контакты Обратная связь
Картинка товара1 Артикул товара Цена товара Описание товара

Подробное описание функционала страницы категории товаров: при щелчке на кнопку «подробнее» должен происходить переход на страницу с товара;

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

· Область управления содержанием Сайта доступна только Администраторам Сайта.

· Администратор Сайта имеет возможность изменить, добавить, удалить содержание любой страницы Открытой области через web-интерфейс.

1.5 Описание контента

1. Общая информация.

* Информация о фирме, адрес, контактные телефоны, контактный e-mail, и т.п.

* Правила предоставления услуг, правила проведения продаж, условия поставок, транспортировка, оплата и т.п.

2. Тематическая информация.

* Справочная, энциклопедическая информация.

* Рекомендации, варианты выбора товара или услуги.

3. Интернет-каталог товаров и услуг:

* Краткая вводная информация о сфере деятельности фирмы.

* Перечень и краткое описание всех групп товаров.

* Описание, цены.

* Общие характеристики и свойства отдельного товара или услуги.

* При необходимости формирования системы заказов on-line (интернет-магазин) - правила составления заказа, методы доставки и оплаты, способы формирования заказа.

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

4. Информация для зарегистрированных пользователей.

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

* Система защиты от несанкционированного доступа.

5. Средства динамического общения с посетителями.

· Система сбора адресов подписчиков электронной рассылки новостей.

· Система подписки на почтовую рассылку рекламных материалов, каталогов и т.п.

2.Разработка интернет магазина для предприятия “Апельсин”

2.1 Главная страница

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

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



(рис.1)

На данной странице расположен основной текст в котором содержится специфика работы данного магазина и его основные возможности, так же посетитель может ознакомиться с самой фирмой “Апельсин” и спектром его услуг. Также на данной странице находятся ссылки на другие страницы такие как:

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

· Доставка - страница с ознакомлением возможности доставки

· Наши контакты - страница с именами, телефонами и должностями сотрудников

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

2.2 Продукты

Данная страница содержит информацию о товаре и выглядит следующим образом(рис.2):

(рис.2)

Обратим внимание на то что данная страница не содержит полного описания о товаре, на ней мы можем только увидеть артикул товара и его цену, для того чтобы ознакомиться с полным описанием товара нам нужно перейти по ссылке “Подробнее” и мы окажемся на странице полного описания товара(рис.3)

(рис.3)

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

· Наличный расчет - товар оплачивается курьеру наличными деньгами при получении покупателем товара;

· Кошелек WebMoney - электронная система расчета;

Покупатель сам выбирает какой способ ему более подходит, но если же он выбирает 2 способ то непосредственно переходит на форму оплаты и на сам сайт оплаты(рис.4)

(рис.4)

2.3 Форма входа и регистрации, обратная связь

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



(рис.5)

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

(рис.6)

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

Также на сайте предоставлена форма обратной связи(рис.7)



(рис.7)

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



Глава 3. Расчёт затрат на программное обеспечение

1. Сбор показателей и коэффициентов для расчёта единовременных затрат на проектирование системы и разработку ПО

В таблице 1.1 представлен календарный план выполнения работ разработчика по созданию сайта предприятия.

Таблица 1.1 - Календарный план

Этап	Сроки выполнения	Количество чел. - час
Разработка технического задания	21.04.2014	12
Изучение подходов и аналогов	22.04.2014	6
Работа с материалами сайта	23.04.2014 - 24.04.2014	6
Разработка модели сайта	25.04.2014	8
Выбор инструментальных средств разработки	26,04,2014	12
Разработка схемы пользовательского интерфейса	27.04-05,05,2014	25
Разработка web-интерйфеса	05,05-09,05,2014	20
Разработка прототипа	09,05-11,05,2014	15
Разработка компьютерных графических материалов	12,05-14,05,2014	10
Программная реализация	14,05,2014	8
Тестирование и отладка функционала	15,05,2014	10
Внесение данных	16.05.2014	6
Разработка эксплутационной документации	17.05.2014	6
Суммарная трудоемкость проектировщика, , чел.- час.144

- месячный оклад программиста (8000 руб.);

- коэффициент премий (20%);

- районный коэффициент (10%);

- Отчисления в социальные фонды (13%);

общее число дней в году (360);

- число праздничных дней в году (14);

- число выходных дней в году (108);

- число рабочих часов в день (6);

- число рабочих часов в день (6 час.);

- число рабочих часов в году (1428 час.);

- время профилактики ежемесячное (5 час.);

- время профилактики ежегодное (6 суток);

- установочная мощность ПК проектировщика (0,3 кВт);

- годовой фонд полезного времени работы ПК (1332 час.);

- стоимость 1 кВт/час электроэнергии (3,6 руб.);

А - коэффициент интенсивного использования ПК (0.9 - 1);

- годовые отчисления на амортизацию;

- годовые затраты на электроэнергию для ПК;

- годовые затраты на ремонт ПК;

- годовые затраты на дополнительные комплектующие ПК;

- прочие расходы.

2. Расчет затрат на проектирование системы

Расходы по оплате труда проектировщика

Расчет расходов по оплате труда проектировщика , руб., вычисляется по формуле (7.6):

, (7.6)

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

- средняя часовая оплата проектировщика, руб./час.

Зпр = 144*76=10944(руб.)

3. Расчет затрат на разработку ПО

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

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

Сумма годовых амортизационных отчислений , руб., определяется по формуле (7):

, (7)

где - балансовая стоимость ПК;

- норма амортизационных отчислений (20%).

Балансовая стоимость ПК, , руб., вычисляется по формуле (8):

, (8)

где - рыночная стоимость ПК проектировщика (21000 руб.);

- коэффициент, учитывающий затраты на установку и наладку (12%).

(руб.)

(руб.)

Расчет годового фонда времени работы ПК

Действительный годовой фонд времени ЭВМ , час вычисляются по формуле (9):

, (9)

где - число рабочих часов в день (6 час.);

- число рабочих часов в году (1428 час.);

- время профилактики ежемесячное (5 час.);

- время профилактики ежегодное (6 суток).

ТГПК =1428-(6*6+5*12)=1332 (час.)

3.1 Затраты на электроэнергию, потребляемую ПК

Затраты на электроэнергию, потребляемую ПК, , руб., вычисляются по формуле (10):

, (10)



где - установочная мощность ПК проектировщика (0,3 кВт);

- годовой фонд полезного времени работы ПК (1332 час.);

- стоимость 1 кВт/час электроэнергии (1,2 руб.);

А - коэффициент интенсивного использования ПК (0.9 - 1).

ЗГЭ = 0,3*1332*1,2*0,9=431(руб.)

3.2 Затраты на текущий и профилактический ремонт

Затраты на текущий и профилактический ремонт, , руб., принимаются равными 6% от стоимости ПК и вычисляются по формуле (11):

, (11)

где- балансовая стоимость ПК.

(руб.)

Затраты на материалы

Затраты на материалы, необходимые для обеспечения эксплуатации ПК, принимаются равными 2% от стоимости ПК, , руб., вычисляются по формуле (12):

, (12)

где - балансовая стоимость ПК.

(руб.)

Косвенные затраты

Косвенные затраты, связанные с эксплуатацией ПК, , руб., принимаются равными 5-10% стоимости ПК и вычисляются по формуле (13):

,(13)

где - балансовая стоимость ПК.

(руб.)

Полные затраты

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

, (14)

где- годовые отчисления на амортизацию;

- годовые затраты на электроэнергию для ПК;

- годовые затраты на ремонт ПК;

- годовые затраты на дополнительные комплектующие ПК;

- прочие расходы.

ЗГПК =4704+431+1411+470+1646=8662(руб.)

Расчет себестоимости одного часа работы ПК

Себестоимость одного часа работы ПК, , руб./час., вычисляется по формуле (15):

, (15)

где - годовые текущие затраты на эксплуатацию ПК;

- годовой фонд полезного времени работы ПК.

СПК =8662/1332=6,5(руб./час.)

Затраты машинного времени

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

, (16)

Где n - количество ПК.

tмаш =144/1=144(час.)

Затраты на оплату машинного времени

Затраты на оплату машинного времени, , руб., вычисляются по формуле (17):

, (17)

где - затраты машинного времени;

- себестоимость одного часа работы ПК.

Змаш = 144*6,5=936(руб.)

3. Общие затраты на создание программы

Общие затраты на создание программы , руб. рассчитываются по формуле (18):

,(18)

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

- затраты на оплату машинного времени.

(руб.)

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

- затраты на оплату машинного времени.

(руб.)



Заключение

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

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

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

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

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



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

Джерк, Н. Разработка приложений для электронной коммерции [Текст] / Н. Джерк. - СПб. : Питер, 2001. - 512 с.

Диго, С.М. Проектирование и эксплуатация баз данных [Текст] : учебник / С.М. Диго. - М. : Финансы и статистика, 1995. - 280 с.

Кузнецов, М.В. РНР 5. Практика разработки Web-сайтов [Текст] / М.В. Кузнецов, И.В. Симдянов, С.В. Голышев. - СПб. : БХВ-Петербург, 2005. - 960 с.

Кузнецов, М. В. РНР 5 на примерах [Текст] / М.В. Кузнецов, И.В. Симдянов, С.В. Голышев. - СПб. : БХВ-Петербург, 2005. - 576 с.

Ломов, А.Ю. HTML, CSS, скрипты: практика создания сайтов [Текст] / А.Ю. Ломов. - СПб. : БХВ-Петербург, 2007. - 416с.

Орлов, Л.В. Web-сайт без секретов [Текст] / Л.В. Орлов. - 2-е изд. - М. : Бук-пресс, 2006. - 512 с.

Пауэлл, Т. Web-дизайн [Текст] / Т. Пауэлл. - 3-е изд., перераб. и доп. - СПб. : БХВ-Петербург, 2007. - 1084 с.

Смирнова, Г.Н. Проектирование экономических информационных систем [Текст] : Учебник / Г.Н. Смирнова, А.А. Сорокин, Ю.Ф. Тельнов. ; под общ. ред. Ю.Ф. Тельнова. - М. : Финансы и статистика, 2001. - 512 с.

Томсон Л. Разработка Web-приложений на РНР и MySQL [Текст] /Л. Томсон, Л. Веллинг. - 2-е изд., испр. - СПб: ООО «ДиаСофт», 2003. - 672 с.

Успенский, И. Энциклопедия Интернет бизнеса [Текст] / И.Успенский. - СПб. : Питер, 2000. - 432 с.

Уткин, В.Б. Информационные системы в экономике [Текст] : учебник / В.Б. Уткин, К.В. Балдин. - М. : Академия, 2004. - 288 с.

Филлипс, Д. PR в Интернете [Текст] / Д. Филлипс. - М. : ФАИР-ПРЕСС, 2004. - 320 с.

Фролов, А. В. Базы данных в Интернете: практическое руководство по созданию Web-приложений с базами данных [Текст] / А.В. Фролов, Г.В. Фролов. - 2-ое изд., испр. - М. : Издательско-торговый дом «Русская Редакция», 2000. - 448 с.

Хокинс, С. Администрирование Web-сервера Apache и руководство по электронной коммерции [Текст] / С. Хокинс. - М. : Издательский дом «Вильямс», 2001. - 336 с.

Холмогоров, В. Интернет-маркетинг [Текст] / В. Холмогоров. - СПб. : Питер, 2002. - 272 с.

Хорошилов, А. Мировые информационные ресурсы [Текст] : учеб. Пособие для вузов / А. Хорошилов, С. Селетков. - СПб. : Питер, 2003. - 176 с.

Рагулин П. Г.,Дипломное проектирование: прикладная информатика в экономике: учебное пособие. / П.Г. Рагулин. - Владивосток: Издательство Дальневосточного университета, 2009. - 224с.

Орлов Л. В. Как создать Интернет-магазин. / Л. В. Орлов- изд. Бук-Пресс, Москва, 2006 год, 384 с.

Крамаренко Н. В. Базы данных./ Н. В. Крамаренко - изд. ДВГУ, Владивосток, 2004 год, 86 с.

Рева О. Н. НТМL. Просто как дважды два. / О. Н Рева. - изд. Эксмо, Москва, 2006 год, 256 с.

Евдокимов Н. В. Основы контентной оптимизации. / Н. В Евдокимов. - изд. ООО И. Д. Вильяме, Москва, 2007 год, 160 с.



Приложение 1

Листинг web-приложения

Главная страница

<html>

<head>

<title>Апельсин</title>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />

<link rel="stylesheet" href="stylesheet.css" type="text/css" />

</head>

<body>

<div id="content">

<div id="header">

<div class="topong">

<h1><span class="green bigl">А</span>пельсин<span class="green bigl"></span></h1>

<span class="slogan">Интернет-магазин</span>

<form action="index5.html" method="POST">

<table border="0" align="center">

<tr>

<td class="avto">Логин:

</td>

<td > <input type="text" name="login" size="20">

</td>

</tr>

<tr >

<td class="atvo">Пароль:

</td>

<td ><input type="text" name="pass" size="20">

</td>

</tr>

<tr >

<td colspan="2" align="center">

<input type="submit" value="Войти">

<input type="reset" value="Очистить">

<a href="index5.html"> <input type="submit"value="Регистрация" >

</td>

</tr>

</table>

</form>

</div>

<div id="menu">

<div class="pad">

<div id="search">

</div>

<div class="submit">

<ul>

<li><a href="Index1.html"><span>Главная</span></a></li>

<li><a href="Index2.html"><span>Продукты</span></a></li>

<li><a href="index3.html"><span>Доставка</span></a></li>

<li><a href="index4.html"><span>Наши контакты</span></a></li>

<li><a href="forma.html"><span>Обратная связь</span></a></li>

</ul>

</div>

</div>

</div>

<br>

<br>

<br>

<br>

<div id="maincontent">

<div id="introduction">

<h2> <span class="green">Компьютерный сервис</span></h2>

<p> Помимо того, что вы можете заказать здесь нужный вам товар, вы можете связавться со специалистом, для того, что бы вам вызвали мастера на дом, для установки оборудования, диагностики ПК, или его ремонта. Для этого перейдите по вкладке <h3>"Наши контакты"<span class="green bigl"></span></h3>Которая находиться на панели вкладок. <br />

<br />

</div>

<div id="leftside">

<div class="r">

<h2>Наши <span class="green">Услуги</span></h2>

В спектр наших услуг по обслуживанию компьютерного оборудования входит:<br>

<ol>

<li>Ремонт компьютеров, их настройка и модернизация.</li>

<li>Ремонт ноутбуков, а также их upgrade и настройка.</li>

<li>Установка и настройка операционных систем и программного обеспечения</li>

<li>Установка и настройка операционных систем и программного обеспечения</li>

<li>Поиск и удаление вирусов, SMS-информеров, снятие паролей.</li>

<li>Восстановление данных.</li>

</ol>

</div>

<div class="le">

<h2>Специфика <span class="green">Работы</span></h2>

Перед ознакомлением с нашим перечнем услуг хотелось бы немного рассказать о специфике работы компьютерных сервисов или как их сейчас называют "Компьютерная помощь". Компьютерных сервисов на сегодняшний день достаточно много, также много недобросовестных организации, которые берут с клиентов не совсем оправданные суммы за ремонт компьютерной техники, с этим конечно еще можно поспорить, но конечному пользователю это не так интересно. В общем средне-рыночная стоимость одного выезда сервисного инженера в недобросовестных организациях, независима от проведенных работ составляет порядка 9000 рублей! и это без стоимости запчастей!, бывают суммы и побольше, думаю такими услугами далеко не каждый был бы доволен, учитывая, что на сегодняшний день стоит добавить еще немного денег и купить новое устройство. Конечно же сейчас появились Частные компьютерные мастера, они берут меньше денег и вроде бы все умеют, однако как быть уверенным в этом частном мастере? Кто он? Откуда? И как получить гарантию? Исходя из сложившейся на компьютерном рынке ситуации мы решили открыть компьютерный сервис с доступными ценами и опытными специалистами. </div>

</div>

</body>

</html>

Продукты

<html>

<head>

<title>Апельсин</title>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />

<link rel="stylesheet" href="stylesheet.css" type="text/css" />

</head>

<body>

<div id="content">

<div id="header">

<div class="topong"

<h1><span class="green bigl">А</span>пельсин<span class="green bigl"></span></h1>

<span class="slogan">Интернет-магазин</span> </div>

<div id="menu">

<div class="pad">

<div id="search">

</div>

<div class="submit">

<ul>

<li><a href="Index1.html"><span>Главная</span></a></li

<li><a href="Index2.html"><span>Продукты</span></a></li>

<li><a href="index3.html"><span>Доставка</span></a></li>

<li><a href="index4.html"><span>Наши контакты</span></a></li>

<li><a href="forma.html"><span>Обратная связь</span></a></li>

</ul>

</div>

</div>

</div>

<div id="maincontent">

<div id="introduction">

<h2> <span class="green">Продукты</span></h2>

<p>На данной странице вы можете ознакомиться с прайс-листом компании и выбрать подходящее вам оборудование <br />

<br /></div>

<img src="Принтер1.jpg"align="left">

<h2>

Принтер Canon<br>

Артикул:1<br>

Цена:1250руб<br>

<a href="podr.html">Подробнее</a>

</h2>

</body>

</html>

Доставка

<html>

<head>

<title>Апельсин</title>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />

<link rel="stylesheet" href="stylesheet.css" type="text/css" />