Создание веб-сайта

Введение

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

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

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

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

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

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

— техническое задание;

— алгоритм решения задачи;

— программный продукт;

— техническую документацию к программному продукту;

— контрольный пример.

В процессе дипломного проектирования необходимо разработать программный продукт реализующий web-сайт для ООО «ПиАр» компании Nomination, а также оформить пояснительную записку к дипломному проекту в соответствии с ГОСТами.

Nomination — компания, созданная Паоло Дженсини во Флоренции, Италия, стала первым брендом, предложившим браслет, способный отразить индивидаульность, ценности, желания и чувства своего обладателя. Взяв за основу традиционный браслет с брелоками «CHARMS», который в случае необходимости может легко видоизменяться, Дженсини придумал состоящий из модулей наборный браслет, каждое звено которого соединяется с последующим при помощи подпружиненного механизма и легко заменяется, в случае необходимости, другим декоративным звеном. Изготовленные из высококачественной нержавеющей стали, звенья не тускнеют и не изменят свой цвет. Дженсини назвал свой браслет «Nomination», что в переводе с латинского означает «давать кому-либо подходящее имя».

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

эталоны стиля со всего мира, включая Бритни Спирс, Дженифер Лопес и Мэрайя Кери. Прочный, драгоценный, но доступный браслет, Composable, стал популярным украшением. Наряду с браслетами Composable компания Nomination, за годы своего существования, выпустила еще более 20 различных коллекций украшений из стали и золота, пользующихся огромным успехом.

Концепция Nomination: украшение, освобожденное от старой классификации «вечернее — дневное», украшения Nomination — на все случаи жизни.

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

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

В ходе прохождения дипломной практики и дипломного проектирования было необходимо разработать web-сайт для ООО «ПиАр» компании Nomination.

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

Для обеспечения надежности данного web-сайта для ООО «ПиАр» компании Nomination необходимо:

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

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

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

Модульная сетка сайта представлена на рисунке 1.

Первый модуль

Второй модуль

Третий модуль

Четвертый модуль

Рисунок 1 — Модульная сетка web-сайта для ООО «ПиАр» компании Nomination»

Модульная сетка web-сайта для ООО «ПиАр» компании Nomination», приведенная на рисунке 1, обеспечит удобство пользованием сайта, так как основные элементы управления сайтом будут постоянно присутствовать на экране пользователя. Назначение каждого модуля сетки следующие:

1. Первый модуль предназначен для размещения в нем логотипа;

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

3. Третий модуль должен содержать текстовую и графическую информацию страниц сайта;

4. Четвертый модуль предназначен для размещения в нем формы регистрации на сайте и корзины пользователя.

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

Сайт содержит следующие разделы, представленные в таблице 1.

Таблица 1 — Перечисление страниц сайта и их описание

Название страницы

Описание

Способ навигации

Коллекций «Me and you»

Страница содержит информацию о коллекции и видах товара данной коллекции

Пункт меню «Коллекции» во втором модуле сайта

Коллекция «Natura»

Страница содержит информацию о коллекции и видах товара этой коллекции

Пункт меню «Коллекции» во втором модуле сайта

Коллекция «Butterfly»

Страница содержит информацию о коллекции и видах товара этой коллекции

Пункт меню «Коллекции» во втором модуле сайта

Коллекция «Charms»

Страница содержит информацию о коллекции и видах товара этой коллекции

Пункт меню «Коллекции» во втором модуле сайта

Коллекция «Love»

Страница содержит информацию о коллекции и видах товара этой коллекции

Пункт меню «Коллекции» во втором модуле сайта

Коллекция «Poesia»

Страница содержит информацию о коллекции и видах товара коллекции

Пункт меню «Коллекции» во втором модуле сайта

Серьги «Class Pave

Страница содержит информацию о коллекции и видах товара коллекции

Пункт меню «Коллекции» во втором модуле сайта

Часы «Paris»

Страница содержит информацию о коллекции и видах товара этой коллекции

Пункт меню «Коллекции» во втором модуле сайта

Браслеты «Composable»

Страница содержит информацию о коллекции и видах товара этой коллекции

Пункт меню «Коллекции» во втором модуле сайта

Вкладка «О дизайнерах»

Страница содержит информацию о работниках компании

Пункт меню «Главная» во втором модуле сайта

Вкладка «История»

Страница содержит информацию о зарождении компании

Пункт меню «Главная» во втором модуле сайта

Вкладка «Адреса и контакты»

Страница содержит адреса и телефоны компании, где можно приобрести украшения

Пункт меню «Главная» во втором модуле сайта

Вкладка Extention серьги

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать коллекцию

Вкладка Браслет Freedom

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать коллекцию

Вкладка Браслет Freedom

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Браслет Freedom

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Колье Freedom

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Колье Freedom

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Подвеска Freedom

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Колье Me and You

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекции

Вкладка Колье Me and You

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Подвеска Natura пчела

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Колье Butterrfly

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Подвеска Natura коровка

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Серьги Butterrfly

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Серьги Butterrfly

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Браслет charms

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Подвеска charms бабочка

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Подвеска charms эльф

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Браслет Love

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Серьги Love

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Колье Poesia

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

Вкладка Колье Poesia

Страница содержит информацию о коллекции

Пункт меню «Главная» во втором модуле сайта, выбрать данную коллекцию

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

На рисунке 2 показана иерархическое строение сайта.

Рисунок 2 — Взаимосвязь программных модулей сайта

1.2 Требование к программе

программный сайт пользователь

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

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

Для обеспечения надежности данного web-сайта для ООО «ПиАр» компании Nomination необходимо:

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

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

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

ѕ удобный пользовательский интерфейс;

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

ѕ контакты. Это обязательное условие: связь с компанией должна быть удобной и самой прямой;

ѕ совместимость браузеров. Сайт должен быть совместим со всеми браузерами и платформами;

ѕ обязательная регистрация пользователей;

ѕ наличие корзины для покупок в интернет — магазине.

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

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

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

2. Все данные должны быть введены правильно и корректно;

3. Разграничение доступа к определенным страницам.

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

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

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

Предварительная регистрация — это способ зарегистрироваться до первого заказа и его оформления для того, что бы воспользоваться большинством из преимуществ регистрации в качестве зарегистрированного пользователя интернет-магазина ООО «ПиАр».

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

1. Имя, фамилии и отчество

2. Телефон для связи

3. E-mail (в дальнейшем будет являться логином)

4. Пароль (может состоять только из латинских букв, а также из цифр)

5. Подтверждение пароля

6. Адрес (почтовый индекс, край, город, улица)

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

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

Для заинтересованности пользователя при работе с web-сайтом для ООО «ПиАр» компании Nomination», необходимо создать удобный и приятный интерфейс, который отвечает следующим условиям:

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

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

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

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

4. На сайте не должно быть ошибок, опечаток и плохой литературной стилистики в тексте. Не соблюдение правил вёрстки текста, подбора шрифтов и их размера — также снижают его оценку пользователем;

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

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

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

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

1. Температура окружающей среды не выше 30оC;

2. Относительная влажность не выше 65%;

3. Атмосферное давление от 80 до 106,7 кПа;

4. Расстояние между компьютерами около 3 м.

5. Информация, хранимая на ПК, должна быть зашифрована.

Для эксплуатации сайта необходимо иметь на компьютере любую операционную систему, но браузер должен поддерживать Java, HTML5, CSS3.

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

Для бесперебойной работы и удобного использования web-сайта для ООО «ПиАр» компании Nomination необходимо выполнять требования к составу и параметрам технических средств.

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

1. Компьютер типа IBM PC (или совместимый с ним);

2. Процессор Intel Pentium III, AMD, Intel Celeron с тактовой частотой от 75 mhz и выше;

3. Оперативная память от 128 Мб;

4. Жесткий диск c объемом памяти не менее 60 Мб свободного дискового пространства;

5. Видеокарта SVGA, с объемом оперативной памяти 512 Мб;

6. Монитор с размером экрана 15 дюймов, поддерживающий разрешение 800*600 при 256 цветах;

7. Манипулятор типа мышь PS/2 или USB;

8. Клавиатура стандартная PS/2 (101/102 клавиши);

9. Операционная система Windows ME/2000/XP/Vista/7.

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

1.4 Функциональная модель решения задачи (BPWin)

Рисунок 3 — Композиция функциональной модели решения задач

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

Входной информацией будет являться:

1. Информация о товаре — влияет на формирование потребительского спроса на товары;

2. Информация о компании — сведения о подробном описании компании, истории ее зарождения;

3. Заявка — документированная информация о покупке какого-либо изделия.

Выходной информацией будет являться:

1. Страницы сайта;

2. Оформление заказа;

3. Сертификат соответствия;

4. Чек — прикрепляется к гарантийному талону;

5. Гарантийный талон;

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

Ресурсами сайта будут являться:

1. Администратор;

2. ЭВМ;

3. Клиент;

4. Служба доставки.

Документами будут являться:

1. Устав ООО «ПиАр»;

2. Закон о защите авторских прав;

3. Лицензия на право осуществления торговли;

4. Закон о защите прав потребителя;

5. Закон об обороте изделий из драгоценных металлов.

Декомпозиция функциональной модели решения задач представлена на рисунке 3:

Рисунок 3 — Декомпозиция функциональной модели решения задач

Данная композиция функциональной модели решения задач разделена на 4 подпроцесса:

1. Сформировать контент — наполнение сайта, образно и логически связанное с графическими элементами и системой навигации;

2. Обновить сайт — это важный этап работ по поддержке и оптимизации Интернет-ресурса. Это значит, что сайт не выполняет свои функции и его следует обновить или обновить данные (новые коллекции, изменение цен и т.д.);

3. Обработать заявку клиента — после того как заявка отправлена администратору, действия администратора следующие:

— связаться со складом фирмы, уточнить о наличии товара;

— связаться с заказчиком по телефону для подтверждения заказа;

— подать заявку на склад.

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

— собрать товар по заявке от администратора по артиклям;

— составить счет-фактуру.

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

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

Описание входной информации

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

I. Текстовая информация представлена документами, соответственно графическая — иллюстрациями. Графическая информация состоит из фотографий и графических файлов:

1. Фотографии коллекций, имеющихся в продаже;

2. Графическое изображение логотипа;

II. Страницы сайта;

1. Оформление заказа;

2. Сертификат соответствия;

3. Чек;

4. Гарантийный талон;

5. Счет фактура.

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

1. Логин пользователя;

2. Пароль;

3. Фамилия пользователя;

4. Имя пользователя;

5. Отчество пользователя;

6. Е-mail пользователя;

7. Телефон пользователя;

8. Адрес пользователя.

1.5.2 Описание выходной информации

Выходными данными для web-сайта для ООО «ПиАр» компании Nomination будут являться «Корзина пользователя», представленная ему в экранном виде.

Корзина содержит следующие данные:

1. Код товара;

2. Наименование товара;

3. Количество заказанного товара в единицах измерения;

4. Общая стоимость всех заказанных товаров.

1.5.3 Описание нормативно-справочной информации

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

Справочник «Тип товара», включает в себя следующую информацию: код типа товара, наименование типа товара.

2. Рабочая часть

2.1 Алгоритм решения задачи

Алгоритм решения задачи представлен в приложении А.

Блок 1 — Загрузка главного модуля.

Блок 2 — Вывод главного меню на экран в виде кнопок и меню.

Блок 3 — Выбор пункта главного меню или кнопки.

Блок 4 — Анализ и передача управления информации, выбранной в пункте 2.

Блок 5 — Модуль «Index.php» выполняет вывод стартовой страницы сайта.

Блок 6 — Модуль «History.php» выполнят вывод страницы, содержащей ссылки на подробную информацию о зарождении компании.

Блок 7 — Модуль «Bras.php» выполняет вывод страницы, содержащей ссылки на подробную информацию о коллекции браслетов фирмы.

Блок 8 — Модуль «Diz.html» выполняет вывод страницы, содержащей ссылки на подробную информацию о коллекции браслетов фирмы.

Блок 9 — Модуль «Kont.php» выполняет вывод страницы, содержащей ссылки на подробную информацию о коллекции браслетов фирмы.

Блок 10 — Вывод на экран информации о коллекции Extention.

Блок 11 — Вывод на экран информации о коллекции Me and You.

Блок 12 — Вывод на экран информации о коллекции Natura.

Блок 13 — Вывод на экран информации о коллекции Butterfly.

Блок 14 — Вывод на экран информации о коллекции Charms.

Блок 15 — Вывод на экран информации о коллекции Love.

Блок 16 — Вывод на экран информации о коллекции Poesia.

Блок 17 — Вывод на экран информации о коллекции Composable.

Блок 18 — Вывод на экран информации о коллекции Paris.

Блок 19 — Вывод на экран информации о коллекции Class Pave.

Блок 20 — Вывод на экран информации о коллекции Freedom.

2.2 Описание Webайта

Web-сайт для ООО «ПиАр» компании Nomination предназначен для рекламы в глобальной сети Internet, а так же сознан интернет-магазин, покупатели могут приобрести какой-либо товар не выходя из дома.

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

— Главное меню, содержащее пункты:

1. Главная — страница, содержащая ссылки на коллекции;

2. История — страница, содержащая сведения о истории зарождения компании;

3. Браслеты — страница, содержащая сведения о коллекции;

4.О дизайнерах — страница, содержащая сведения о работниках компании;

5. Контакты — страница, содержащая сведения о месторасположении бутиков в г. Красноярск;

6. Коллекция Extention — страница, содержащая сведения о коллекции;

7. Коллекция Me and You — страница, содержащая сведения о коллекции;

8. Коллекция Natura — страница, содержащая сведения о коллекции;

9. Коллекция Butterfly — страница, содержащая сведения о коллекции;

10. Коллекция Charms — страница, содержащая сведения о коллекции;

11. Коллекция Love — страница, содержащая сведения о коллекции;

12. Коллекция Poesia — страница, содержащая сведения о коллекции;

13. Коллекция Composable — страница, содержащая сведения о коллекции;

14. Коллекция Paris — страница, содержащая сведения о коллекции;

15. Коллекция Class Pave — страница, содержащая сведения о коллекции;

16. Коллекция Freedom — страница, содержащая сведения о коллекции.

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

На web — сайт ООО «Пиар» можно зайти по трем параметрам:

1. Гость

2. Пользователь

3. Администратор

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

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

Предварительная регистрация — это способ зарегистрироваться до первого заказа и его оформления для того, что бы воспользоваться большинством из преимуществ регистрации в качестве зарегистрированного пользователя интернет-магазина ООО «ПиАр».

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

Так же для удобства пользователя создана корзина покупателя, можно добавить украшение и удалить до нажатия клавиши «Заказать».

Для загрузки web-сайт для ООО «ПиАр» компании Nomination необходимо запустить любой Интернет-обозреватель и выбрать сайт.

2.3 Контрольный пример

Для запуска сайта необходимо в адресной строке любого Интернет-обозревателя ввести его адрес: index.php. На рисунке 5 представлена главная страница сайта:

Рисунок 5 — Главная страница сайта

На рисунке 6 представлена страница с подробным описанием коллекций часов на рисунке 6:

Рисунок 6 — Страница сайта «Часы»

В Италии, в маленьком городке Сесто Фьорентино, расположенном недалеко от Флоренции, зародилась и была воплощена в жизнь идея «сборных» браслетов, способных выражать индивидуальность, желания, ценности, секреты и чувства своего обладателя.

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

Если все поля были правильно заполнены, то выводится окно о авторизации пользователя.

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

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

Для обеспечения надежности данного web-сайта для ООО «ПиАр» компании Nomination реализовано:

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

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

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

— программа отображает информацию о деятельности компании Nomination

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

Руководство пользователя (оператора) представлено в таблице 2.

Таблица 2 — Руководство пользователя (оператора)

Операция

Действие пользователя

Действие программы

Запуск сайта

Для запуска сайта в интернете ввести адрес сайта в адресную строку браузера, запустить Denwer, открыть браузер, в адресную строку ввести http://localhost/

В браузере откроется главная страница сайта

Получение информации о коллекции Extention

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Natura

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Me and You

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Butterfly

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Charms

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Love

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Poesia

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции браслетов Composable

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Paris

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Class Pave

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о коллекции Freedom

Из списка выбрать требуемую ссылку

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о компании

Выбрать пункт меню «О нас»

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о месторасположении бутиков в г. Красноярск

Выбрать пункт меню «Адреса»

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Получение информации о дизайнерах компании

Выбрать пункт меню «О дизайнерах»

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

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

Выбрать пункт меню «Регистрация нового пользователя»

В зависимости от выбранной ссылки откроется та или иная страница с интересующей информацией

Закрытие программы

Совершается кнопкой закрыть на форме страницы или одновременным нажатием «Alt»+ «F4»

При нажатии данной кнопки или одновременного нажатия этих клавиш на клавиатуре программа закрывается

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

Web-сайт для ООО «ПиАр» компании Nomination был разработан под управлением операционной системы Windows XP. Задача сайта состоит в том, чтобы предоставить возможность донести информацию об товаре до потенциального клиента в виде текстовых или графических данных, а так же для удобства разработан интернет — магазин. Пользователи, не выходя из дома, могут приобрести какое-либо украшения. Сайт разработан на языке PHP.

Для бесперебойной работы web — сайта для ООО «ПиАр» компании Nomination, должна быть установлена операционная система Windows 2000 и Windows XP.

Также бесперебойного и удобного использования данного web — сайта необходимо:

— Pentium III;

— RAM 128 Mb;

— 20 Mb свободного дискового пространства;

— клавиатура и манипулятор типа мышь;

— OC Windows 2000 / XP;

— монитор;

— модем;

— сетевая карта;

— наличие сети Internet;

— браузер для просмотра Web-сайтов.

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

Основные функции данного информационного сайта:

— программа должна отображать информацию о компании «Nomination»

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

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

Входные и выходные данные описаны в разделе 1.5.

Данный web — сайт для ООО «ПиАр» компании Nomination состоит из главной страницы «index.php», страниц данного сайта и нескольких фотографий и картинок для оформления страниц.

Для запуска данного web — сайта для ООО «ПиАр» компании Nomination необходимо запустить в работу главную страницу «index.php». На экране монитора появится главная страница программы.

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

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

Носитель информации должен быть подписан следующим образом:

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

— информация о разработчике:

— дата последнего изменения программы.

Носитель информации должен храниться у программиста Nomination.

Index.php — Загрузка главного модуля.

History.php — Вывод главного меню на экран в виде кнопок и меню.

Diz.php — выполняет вывод страницы, содержащей ссылки на подробную информацию о коллекции браслетов фирмы.

Kont.php — выполняет вывод страницы, содержащей ссылки на подробную информацию о коллекции браслетов фирмы.

Ext.php — Вывод на экран информации о коллекции Extention.

Me.php — Вывод на экран информации о коллекции Me and You.

Natura.php — Вывод на экран информации о коллекции Natura.

But.php — Вывод на экран информации о коллекции Butterfly.

Charms.php — Вывод на экран информации о коллекции Charms.

Love.php — Вывод на экран информации о коллекции Love.

Poesia.php — Вывод на экран информации о коллекции Poesia.

Comp.php — Вывод на экран информации о коллекции Composable.

Paris.php — Вывод на экран информации о коллекции Paris.

Class.php — Вывод на экран информации о коллекции Class Pave.

Freed.php — Вывод на экран информации о коллекции Freedom.

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

3.1 Расчет себестоимости разработки web-сайта для ООО «ПиАр» компании Nomination

Себестоимость — все издержки (затраты), понесённые предприятием на производство и реализацию (продажу) продукции или услуги.

Более полное определение себестоимости:

«Себестоимость — денежное выражение затрат предприятия на производство и реализацию продукции»

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

С/С разработки= Зм+Зз/п осн.+Зз/п доп.+Зрк+Зсев.+Зен.+Зохр+Зфт+Зкр (1)

Где Зм — затраты на материалы с учетом транспортных расходов, руб.,

Зз/п осн. — затраты на основную заработную плату, руб.,

Зз/п доп. — затраты на дополнительную заработную плату, руб.,

Зрк — затрты на районный коэффициент, руб.,

Зсев. — затраты на северную надбавку, руб.,

Зсн. — затраты на социальный страхование, руб.,

Зохр. — затраты на общехозяйственные расходы, руб.,

Зкр. — затраты на коммерческие расходы, руб.

программный сайт пользователь

3.2 Расчет затрат на основные материалы

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

Расчет проводится с помощью формулы 2:

Зм=Hi*Цмi*Ктр (2)

Где Hi — норма расхода основного материала данного вида на единицу продукции, кг, т, м, шт., и т.д.

Цмi — цена основного материала данного вида, руб./т, руб./шт. и т.д.

Ктр — коэффициент транспортных расходов (1,05 — 1,15)

Расчет оформляется в виде таблицы 3.

Таблица 3 — Расчет затрат на основные материалы

№п/п

Наименование материала

Ед.измерения

Требуемого количества

Цена за ед., руб.

Стоимость, руб.

1

Бумага

Пачка

1

160

160

2

Карандаш

шт.

1

3

3

3

Ластик

шт.

1

5

5

4

Линейка

шт.

1

15

15

5

Ручка

шт.

1

10

10

6

Картридж

шт.

1

1923

1923

7

Скоросшиватель

шт.

1

22

22

8

Файлы для бумаг

шт.

72

2

144

Итого:

2282

Расчет затрат на материалы с учетом транспортных расходов:

Зм =2282*1.15=2624,3 рублей

3.3 Расчет затрат на основную заработную плату

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

В основную заработную плату включается заработок по сдельным расценкам за разработку в экспериментальных условиях, поэтому трудоемкость берется на уровне фактических затрат времени на выполнение каждой операции по разработке web — сайта ООО «ПиАр» компании Nomination.

Расчет оформляется в виде таблицы 6. Тарифная ставка взята из штатного расписания организации, которая равна 5250 руб.

Ч.тар. ст.=М.тар. ст./(Число.раб. дн.*Длит.раб. дня) (3)

где: Ч.тар. ст. — часовая тарифная ставка, руб.,

М.тар. ст — месячная тарифная ставка в соответствии со штатным расписанием организации, руб.,

Числораб.дн — число рабочих дней в месяце,

Длит.раб. дня — Длительность рабочего дня, час.

Ч.тар. ст.= 5250*2/((22+18)*8)=32,81 рублей

Часовая тарифная ставка в данном примере равна 32,81 рублей

В апреле 22 рабочих дня, в мае 18 рабочих дней.

Таблица 6 — Расчет основной заработной платы

Наименование операций

Разряд

Ч.тар. ст, руб.

Трудоёмкость, н-час

Основная з/пл., руб.

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

4

32,81

15

492,15

Определение основных требований к проекту

4

32,81

33

1082,73

Обзор и анализ путей решения

4

32,81

120

3937,2

целей и задач проекта

Составление технического задания

4

32,81

13

426,53

Определение себестоимости разработки проекта

4

32,81

16

524,96

Комплексная отладка

4

32,81

18

590,58

Итого

215

7056,15

3.4 Расчет дополнительной заработной платы

В дополнительную заработную плату включаются расходы на очередные отпуск, за выполнение государственных обязанностей. В ООО «ПиАр» компании Nomination размер дополнительной заработной платы составляет (10%).

Зз/п. доп.=(7056,15*10%)/100%=705,6 рублей

3.5 Расчет затрат на районный коэффициент

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

Расчет выполняется по формуле 4:

Зр.к. = (З./п осн+Зз/п доп.)*%р.к./100% (4)

где Зр. к. — затраты на районный коэффициент, руб.,

Зз/п. осн. — затраты на основную заработную пату, руб.,

Зз/п. доп. — затраты на дополнительную заработную плату, руб.,

%р.к — размер районного коэффициента, %

Зр.к. = (7056,15+705,6)*20%/100%=1552,35 рублей

3.6 Расчет затрат на северный коэффициент

В соответствии с федеральным законодательством размер северного коэффициента для города Красноярска составляет не более 30%. Расчеты выполняются по формуле 5:

Зс.к. = (Зз/п. осн. +Зз/п доп)*%с.к./100% (5)

где Зс.к-затраты на северный коэффициент, руб.,

Зз/п. осн — затраты на основную заработную плату, руб.,

Зз/п доп — затраты на дополнительную заработную плату, руб.,

% с.к. — размер северного коэффициента, %.

Зс.к. = (7056,15+705,6)*30%/100%= 2328,48 рублей

3.7 Расчет затрат на социальный налог

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

В рамках реализации Бюджетного послания Президента РФ Федеральному Собранию о бюджетной политике в 2012-2014 годах в части, касающейся снижения размеров тарифов страховых взносов в государственные внебюджетные фонды, принят Федеральный закон от 03.12.2011 №379-ФЗ. Документ вносит изменения в целый ряд законов и, в первую очередь, в законы: «О страховых взносах во внебюджетные фонды», «Об обязательном пенсионном страховании в РФ» и «Об индивидуальном (персонифицированном) учете». Изменения вступили в силу в 1 января 2012 года.

В течение 2012-2013 годов максимальный тариф страховых взносов понижен с 34 до 30 процентов. Отчисления по единому социальному налогу осуществляется от суммы основной и дополнительной заработной платы с учетом районного и северного коэффициентов.

Зен. = (7056,15+705,6+1552,35+2328,48)*30%/100%=3492,774 рублей

Затраты на фонд травматизма рассчитываются по формуле 6

Зфт = 3492,774*0,2 = 698,55 (6)

3.8 Затраты на общехозяйственные расходы

Затраты на общехозяйственные расходы включают заработную плату административно — управленческого персонала организации, охрану организации, отопление и освещение здания и т.д. данные затраты ООО «ПиАр» компании Nomination устанавливаются в размере 80% от основной заработной платы.

Зохр.= 7056,15*0.8=5644,92 рублей

3.9 Коммерческие расходы

Коммерческие расходы — это расходы организации по реализации продукции.

На основании проделанных расчетов определяется себестоимость разработки программного продукта по формуле (7).

Прс =Зм+Зз/п осн.+Зз/п доп.+Зрк+Зсев.+Зен.+Зохр+Зфт (7)

Зкр= Прс*%к.р, (8)

Где% к.р-размер коммерческих расходов, %.

Прс — производственная себестоимость.

Для расчета себестоимости разработанного продукта размер коммерческих расходов принимается 10%.

Расчет по формуле 7.

Прс=2624,3+7056,15+705,6+1552,36+2328,48+3492,774+5644,92+644,92 =24049,504

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

Зкр=(24049,504*10%)/100%=2404,95

3.10 Расчет себестоимости разработки программного средства ООО «ПиАр» компании Nomination

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

С / Сразработки=2624,3+7056,15+705,6+1552,36+2328,48+3492,774+5644,92+644,92+2404,95=26454,454

Результаты расчета оформляются в таблице 7

Таблица 7 — Структура себестоимости разработки проекта

№ п/п

Наименование калькуляционных статей

Сумма затрат, руб.

Удельный вес, %

1

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

2624,3

9.9

2

Затраты на основную заработную плату

7056,15

26,7

3

Затраты на дополнительную заработную плату

705,6

2,7

4

Затраты на районный коэффициент

1552,36

5,9

5

Затраты на северный коэффициент

2328,48

8,8

6

Затраты на единый налог

3492,774

13,2

7

Затраты на общехозяйственные расходы

5644,92

21,3

8

Затраты на фонд травматизма

644,92

2,4

9

Затраты на коммерческие расходы

2404,95

9,1

Итого

26454,454

100

Себестоимость разработанного проекта составляет 26454,454 рублей.

Структура себестоимости разработки Web-сайта ООО «ПиАр» компании Nomination, показывает удельный вес всех статей на разработку данного программного средства, а также сумму затрат в рублях.

Вывод:

В результате проведенного анализа структуры себестоимости Web-сайта ООО «ПиАр» компании Nomination в размере 26454,454 рублей. Было установлено, что расходы на основную заработную плату работников составили наибольший процент 26,7%. Разработка сайта — это трудоемкий процесс, зависящий от множества факторов. Например, от объема разрабатываемого сайта, от вычислительной техники, которая используется при разработке, от программного обеспечения и от расхода на заработную плату.

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

3.11 Экономическая эффективность внедрения новой техники, нового программного продукта

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

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

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

Можно выделить два основных направления:

1. Повышение эффективности использования труда человека: рассчитываются показатели роста производительности труда, экономии труда;

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

Рассчитывая экономическую эффективность Web-сайта ООО «ПиАр» компании Nomination сравним его себестоимость с себестоимостью Web-ресурса Web-сайта ООО «ПиАр» компании Nomination. Расчет выполняется по формуле 9.

ЭЭФ= C1 — C2 (9)

Где Ээф — Экономическая эффективность, руб.,

C1 — себестоимость Web-сайта ООО «ПиАр» компании Nomination, руб.

C2 — себестоимость уже существующего web-сайта ООО «ПиАр» компании Nomination, руб.

Ээф = 26454,454 — 35600 = — 9145,546 (руб.)

Относительно экономия от разработки сайта составляет 9145,546 рублей. Также стоит отметить, что web — сайт разрабатывался специально для ООО «ПиАр» компании Nomination Красноярске, подобный сайт более затратный, чем представленный сайт.

Заключение

Во время прохождения преддипломной практики и дипломного проектирования был разработан web — сайт для ООО «ПиАр» компании Nomination. Данный web — сайт позволяет приобретать товары не выходя из дома, пройдя предварительно регистрацию. Только зарегистрированный человек может заказать товар.

Web — сайт кратко представляет лицо, компанию, продукт или услугу в Интернете. Часто web — сайт используют компании, которые не хотят нести большие затраты на создание отдельного сайта.

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

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

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

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

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

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

1. Монахов В.В. Язык программирования Java и среда NetBeans

2. Эккель Б. Философия cms wordpress

3. Блинов И.Н., Романчик В.С. Java 2: Практическое руководство

4. http://www.softtime.ru/bookphp/gl1_1.php — самоучитель PHP

5. http://htmlbook.ru/samhtml5 — Самоучитель PHP

Нужна похожая работа?

Оставь заявку на бесплатный расчёт

Смотреть все Еще 421 дипломных работ