Разработка сайта компании

  • Вид работы:
    Отчет по практике
  • Предмет:
    Информационное обеспечение, программирование
  • Язык:
    Русский
    ,
    Формат файла:
    MS Word
    539,15 Кб
  • Опубликовано:
    2015-06-03
Вы можете узнать стоимость помощи в написании студенческой работы.
Помощь в написании работы, которую точно примут!

Разработка сайта компании

Содержание

Введение

Общая часть

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

.1 Требования к программному изделию в целом

.2 Требования к функциям и задачам

.3 Требования по информационному и программному обеспечению

. Концептуальная модель данных

.1 Изучение предметной области

.2 Разработка проектных решений

. Разработка технического задания

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

.2 Неформальное описание алгоритма

.4 Требования к защите данных от разрушений

.5 Требования к контролю, обновлению и восстановлению данных

.6 Оценка затрат на разработку программного изделия

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

.1 Описание пользовательского интерфейса

.2 Создание контрольного примера

. План подготовки документации

.1 Документация пользователя

.2 Документация программиста

Заключение

Список использованных источников

Введение


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

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

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

Темой данной работы является сайт «Тагер».

Целью работы, является разработать сайт, для ознакомления с компаниями «LSD Elektronics» и «Laserwar».

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

исследовать предметную область;

составить постановку задачи;

разработать алгоритм решения;

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

дать экономическую оценку программному изделию;

разработать программное изделие;

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

 

Общая часть


Краткая история развития предприятия

ООО «Курьинские просторы». открыт в 2010 году.

График работы магазина с 9.00 да 17.00 без обеда и выходных

Структура предприятия в графическом виде

Рисунок 1 - Структура предприятия

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

Практика проходила в магазине.

Фамилия, имя, отчество и должность руководителя практики от предприятия

Сидоров Данил Владимирович директор ООО «Курьинские просторы».

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

Розничная торговля.

 

 

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

 

.1 Требования к программному изделию в целом


Сайт «Тагер» должен обладать удобным, и интуитивно понятным интерфейсом. Кроме этого на будущую популярность, сайта в не меньшей мере влияет его содержание.

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

Для повышения актуальности, сайт должен соответствовать следующим требованиям:

-       сайт должен быть выполнен в едином стиле;

-       цвета должны контрастировать друг с другом;

-       сайт должен отображается одинаково во всех браузерах;

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

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

 

.2 Требования к функциям и задачам

 

-       организация поиска по новостям и продуктам;

-       информационная. Предоставление сведений о компаниях 24 часа в сутки 7 дней в неделю всем пользователям Интернет;

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

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

-       маркетинговая. Исследование предпочтений постоянных и потенциальных клиентов;

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

-       сервисная. Предоставление услуг в Интернет. Дополнение существующих и создание новых сервисов

 

.3 Требования по информационному и программному обеспечению


Требования по информационному обеспечению сайта:

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

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

-       размещение на сайте спецпредложений, информации по различным акциям;

-       проверка актуальности материалов.

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

-       PHP 5.0 отвечает за использование команд языка php;

-       PhpMyAdmin используется для создания баз данных;

-       MySQL-5.5 позволяет сайту работать с базами данных.

Для работы с кодом использовался PhpStorm интегрированная среда разработки на PHP с интеллектуальным редактором, которая глубоко понимает код, поддерживает PHP 5.6, 5.5, 5.4 и 5.3 для современных и классических проектов, обеспечивает автодополнение кода, рефакторинги, предотвращение ошибок налету и поддерживает смешивание языков.

Для работы с данными приложениями необходимо

Операционные система Windows:

Microsoft Windows 8/7/Vista/2003/XP (вкл. 64-bit)

Требования к компьютеру:

-       Intel Pentium III/800 MHz или выше (или аналогичный);

-       минимум 512 Мб ОЗУ;

-       рекомендуется 2 Гб ОЗУ;

-       минимальное разрешение экрана 1024х768;

-       Oracle (Sun) JDK 1.6 и выше.

Операционные система Mac:OS X 10.5 или выше, включая 10.8 (Mountain Lion).

Требования к компьютеру:

-       JDK 6;

-       минимум 512 Мб ОЗУ;

-       рекомендуется 2 Гб ОЗУ;

-       минимальное разрешение экрана 1024х768;

-       Oracle (Sun) JDK 1.6 и выше.

Операционные системы Linux:

Требования к компьютеру:

-       Intel Pentium III/800 MHz или выше (или аналогичный);

-       минимум 512 Мб ОЗУ;

-       рекомендуется 2 Гб ОЗУ;

-       минимальное разрешение экрана 1024х768;

-       Sun JDK 1.6 и выше (или Open JDK 1.7 и выше);

-       Рабочий стол GNOME или KDE.

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

-       операционная система Microsoft Windows xp/vista/7/8.1;

-       Intel Core i3-4700HQ 2.40 GHz;

-       2 Гб ОЗУ;

разрешение экрана 1920x1080

2. Концептуальная модель данных

 

.1 Изучение предметной области

сайт программа интерфейс

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

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

-  корпоративные сайты;

-       презентационные сайты;

-       интернет-магазины;

-       тематические сайты.

Данный сайт относится к разряду презентационных.

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

 

.2 Разработка проектных решений


Для написания сайта «Тагер» был выбран язык программирования PHP так как он является простым, удобным, распространенным и функциональным.

Препроцессор Гипертекста или PHP, является широко используемым языком сценариев общего назначения с открытым исходным кодом. PHP создавался специально для ведения Web-разработок и может использоваться непосредственно в HTML-коде. Синтаксис языка берет начало из C, Java и Perl и является легким для изучения. Преимущественным назначением PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц, однако, область применения PHP не ограничивается только этим. PHP является встраиваемым языком, а это значит, что вставлять скрипты, написанные на этом языке, можно в любом месте HTML страницы.

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

 

 

. Разработка технического задания

 

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


Сайт «Тагер» должен обладать удобным, и интуитивно понятным интерфейсом.

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

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

Задачи:

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

-       удобная навигацию, удобный поиск информации на сайте;

-       проектирование макет сайта;

-       программирование сайта.

 

.2 Неформальное описание алгоритма


При открытии сайта открывается главная страница с кратким описанием сайта, с главным меню, состоящим из трёх разделов и полем для поиска в шапке сайта.

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

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

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

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

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

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

При нажатии на кнопку «Контакты» из дополнительного меню, открывается меню с контактами компании.

При вводе информации в поле для поиска «Что ищем?» и нажатии на кнопку «Enter» открывается страница со всеми новостями, где совпадает введенная в поле информация и содержание новости.

 

.4 Требования к защите данных от разрушений


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

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

 

.5 Требования к контролю, обновлению и восстановлению данных


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

Должно быть предусмотрено резервное копирование (архивирование) информации БД.

Контроль, хранение, восстановление данных должны быть регламентированы. Хранение резервных данных должно осуществляться в местах, не допускающих их повреждения, в случае уничтожения или повреждения основных данных ИС УОС.

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

 

.6 Оценка затрат на разработку программного изделия


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

-       определить общую продолжительность работ по созданию сайта;

-       произвести расчет суммарных затрат на разработку сайта;

-       определить цену реализации сайта;

Определение общей продолжительности работ по созданию сайта

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

         подготовительный этап;

         составление технического задания (ТЗ);

         основной этап;

         тестирование;

         сдача темы.

Таблица 3 - Данные по длительности этапов

Этапы работ

Исполнитель

Длительность этапа (дни)

1

Подготовительный этап.

Программист

3

2

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

Программист

2

3

Основной этап

Программист

5

4

Тестирование

Программист

3

5

Сдача темы

Программист

2

Итого:



Расчет суммарных затрат на разработку сайта

К затратам на разработку ПП (Зс) относятся:

-       материальные затраты (Зм);

-       затраты на электроэнергию (Зэ);

-       затраты на оплату труда (Зт);

-       отчисления на социальные нужды (Зо);

-       амортизация оборудования (За);

-       прочие затраты (Зп).

Зс = Зм +Зэ+Зт+Зо+За+Зпр (1)

Расчет материальных затрат на разработку сайта

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

Таблица 4 - Расчет затрат на основные и вспомогательные материалы

Наименование

Цена за единицу, без НДС, руб.

Кол-во

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

Бумага

250,00

1 пачка

250,00

Flash-память

400,00

1

400,00

Тонер

300,00

1

300,00

Итого:

950,00


Расчет затрат на оплату электроэнергии

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

В соответствии с Санитарно-эпидемиологическими правилами и нормами, программист должен работать за компьютером не более 6 часов за 1 рабочую смену, от сюда общее время работы оборудования:общ = 15×6 = 90 ч.

Расход электропотребления одного компьютера

Стоимость 1 КВт для физических лиц 4,72 р.

Зэл = 15×4,72 = 70,8 р.

На искусственное освещение израсходовано 100 Вт/ч.

Эи осв = 90×100 = 9000 = 9 КВт.

Зосв = 9×4,72 = 42,48 р.

Общие затраты на электроэнергию находим по формуле:

Зосн=Зосв+ Зэлпк (2)

Зэл = 70,8 +42,48 = 113,28р.

Расчет затрат на оплату труда

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

Основной фонд оплаты труда складывается из оплаты труда разработчика программы (студент-программист):

Общее время работы над проектом разработчика составляет - 15 дней. Учитывая, что оклад составляет 6759 рублей в месяц и 15 рабочих дней, получаем:

Зосн.=6759*15/26=3899,42 (руб)

Принимаем дополнительный фонд оплаты труда равным 10% от основного фонда оплаты труда.

Здоп=3899,42×0,1=389,94 (руб).

Затраты на оплату труда составят:

Зопт=3899,42+389,94=4289,36 (руб).

Отчисления на социальные нужды

В статью «Отчисления на социальные нужды» включаются суммы страховых взносов в Пенсионный фонд РФ, Фонд социального страхования РФ и фонды обязательного медицинского страхования (федеральный и территориальный). На 2015 г. установлены следующие тарифы страховых взносов - ПФР - 22%, ФСС - 2,9%, ФОМС - 5,1%, что в сумме составляет 30%.

Суммарную величину страховых взносов (Зо) рассчитываем по формуле

, (3)

где Зопт - основная заработная плата.

 (руб).

Расчет затрат на амортизацию

Общая величина амортизационных отчислений (За) определяется по формуле

, (4)

где Фi - стоимость i-го оборудования, руб.;

НАi - годовая норма амортизации i-го оборудования, %;

ТНИРi - время работы i-го оборудования за весь период разработки сайта, ч;

Тэфi - эффективный фонд времени работы i-го оборудования за год, ч/год;- вид оборудования;- количество оборудования i-го вида.

Результаты расчетов записаны в таблицу 5.

Таблица 5 - Расчет амортизационных отчислений

Наименование оборудования

Стоимость оборудования, руб.

Годовая норма амортизации, %

Эффективный фонд времени работы оборудования, ч/год

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

Сумма, руб.

Системный блок

35000.00

20

1314

102

543,38

Мышь

900.00

20

1314

102

13,97

МФУ

6700

20

219

1

6,12

Итого:

563,47


Расчет прочих затрат

К прочим затратам (Зпр) относят оплату интернет-трафика, оплату процентов по банковским кредитам, прочие накладные расходы.

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

, (5)

где ηп - коэффициент накладных расходов.

Коэффициент накладных расходов ηн составляет 0,21 основной заработной платы.

Расчет сметы затрат на разработку ПО

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

Таблица 6 - Смета затрат

Статьи затрат

Сумма, руб.

 950,00 113,28 4289,36 1290,35 563,47 818,87

Итого:

8025,33


Определение цены реализации сайта

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

Таблица 7 - Определение цены реализации 1 копии сайта

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

Сумма, руб.

Суммарные затраты на 1 копию сайта

8025,33

Закладываемая прибыль (20 %)

1605,06

Итого, продажная цена без НДС

9630,40

НДС 18%

1733,47

Итого, цена с НДС (Ц)

11363,87

 

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

 

.1 Описание пользовательского интерфейса


На главной странице, изображенной на рисунке 2, продемонстрировано основное меню под номерами 1,2,3. При выборе одного из компонентов меню происходит переход на другую страницу. На данном макете изображено, что нажата кнопка под номером 1. Под номером 4 окно поиска по новостям и продуктам сайта, после ввода искомого значения и нажатии кнопки «Enter» будет открыта страница с информацией, найденной по искомому значению. Так же на макете ниже написан заголовок страницы под номером 5 и текст под номером 6.

Рисунок 2 - Описание пользовательского интерфейса главной страницы

На рисунке 3 продемонстрирован пользовательский интерфейс раздела LSD, переход в который происходит при нажатии на кнопку 2. В этом раздели помимо также доступного основного меню 1,2,3, становится доступно дополнительное 5,6,7,8. Дополнительное меню состоит из 4 кнопок, каждая из которых открывает соответствующую ее названию страницу. Тик же на макете ниже написан заголовок страницы под номером 9 и текст под номером 10.

Рисунок 3 - описание пользовательского интерфейса раздела «LSD»

На рисунке 5 продемонстрирован пользовательский интерфейс раздела Laserwar, переход в который происходит при нажатии на кнопку 2. В этом раздели помимо также доступного основного меню 1,2,3, становится доступно дополнительное 5,6,7,8. Дополнительное меню состоит из 4 кнопок, каждая из которых открывает соответствующую ее названию страницу. Тик же на макете ниже написан заголовок страницы под номером 9 и текст под номером 10.

Рисунок 4 - описание пользовательского интерфейса раздела «Laserwar»

На следующих макетах серым цветом обозначаются нажатые кнопки и то что происходит после их нажатия рисунок 5,6,7,8,9,10,11,12,13,14,15,16.

На рисунке 5 представлен макет главной формы.

Рисунок 5 - Макет главной формы

На рисунке 6 представлен макет страницы «LSD».

Рисунок 6 - Макет страницы «LSD»

На рисунке 7 представлен макет страницы «LSD» с открытым разделом «О компании».

Рисунок 7 - Макет страницы «LSD» раздела «О компании»

На рисунке 8 представлен макет страницы «LSD» с открытым разделом «Новости».

Рисунок 8 - Макет страницы «LSD» раздела «Новости»

На рисунке 9 представлен макет страницы «LSD» с открытым разделом «Продукты».

Рисунок 9 - Макет страницы «LSD» раздела «Продукты»

На рисунке 10 представлен макет страницы «LSD» с открытым разделом «Контакты».

Рисунок 10 - Макет страницы «LSD» раздела «Контакты»

На рисунке 11 представлен макет страницы «Laserwar».

Рисунок 11 - Макет страницы «Laserwar»

На рисунке 12 представлен макет страницы «Laserwar» с открытым разделом «О компании».

Рисунок 12 - Макет страницы «Laserwar» раздела «О компании»

На рисунке 13 представлен макет страницы «Laserwar» с открытым разделом «Новости».

Рисунок 13 - Макет страницы «Laserwar» раздела «Новости»

На рисунке 14 представлен макет страницы «Laserwar» с открытым разделом «Продукты».

Рисунок 14 - Макет страницы «Laserwar» раздела «Продукты»

На рисунке 15 представлен макет страницы «Laserwar» с открытым разделом «Контакты».

Рисунок 15 - Макет страницы «Laserwar» раздела «Контакты»

На рисунке 16 представлен макет страницы «Поиск».

Рисунок 16 - Макет страницы «Поиск»

 

.2 Создание контрольного примера


На рисунках 17 представлен контрольный пример страницы LSD.

Рисунок 17 - Контрольный пример раздела «LSD»

На рисунке 18 представлен контрольный пример страницы Laserwar

Рисунок 18 - Контрольный пример раздела «Laserwar»

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

Для того чтобы открыть сайт можно воспользоваться любым из существующих браузеров (Safari, Chrome, Opera и т.д.).

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

 

.2 Документация программиста


Среда программирования, в которой создавалась программа, PhpStorm. Язык программирования, использующийся для создания программы, php. Для работы сайта необходим веб сервер Apache 2.2 и PHP 5.0 и более новые, SQL.

Для внесения изменений в структуру сайта нужно отредактировать файл «index.php» в блоке «switch (URL_PAGE)». Далее приведен пример одного из блоков:

/*Биндинг (привязка) компаний*/

case "nnpcto": echo companion(

/*Строка запроса*/

URL_QUERY,

/*Массив статических данных*/

array(

/*Главная страница компании*/

"blank page",

/*Страница с информацией о компании*/

"info page",

/*Страница с контактной информацией*/

"contacts page"

/*Страница с продукцией компании */

"prd page"

),

/*Аббревиатура компании на латинице */

"Lwr",

/*Экземпляр подключения к базе данных*/

$query

);;

Заключение


В ходе данной работы был создан сайт «Тагер» позволяющий получить различную информацию о компаниях «LSD Electronics» и «Laserwar». Для увеличения их популярности на рынке лазертаг оборудования и возможности сравнения продукции обеих компаний потребителями.

В ходе создания сайта были решены следящие задачи:

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

         составлена постановка задачи;

         разработан алгоритм решения;

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

         дана экономическая оценка программного изделия;

         разработано программное изделие;

         проверена корректная работа данного изделия в различных браузерах.

Список использованных источников


1       ГОСТ 19.001-77 ЕСПД. Общие положения;

         ГОСТ 19.401-78 ЕСПД. Текст программы. Требования к содержанию и оформлению;

         ГОСТ 19.701-90 ЕСПД. Схемы алгоритмов, программ, данных и систем. Условные обозначения и правила выполнения;

         ГОСТ 19.201-78 ЕСПД. Техническое задание. Требования к содержанию и оформлению;

         ГОСТ 19.504-79 ЕСПД. Руководство программиста;

         Суэринг С., Конверс Т., Джойс П. PHP и MySQL. Библия программиста, 2-е издание = PHP 6 and MySQL 6 Bible - М.: «Диалектика», 2010;

         Зандстра М., PHP: объекты, шаблоны и методики программирования, 3-е издание = PHP Objects, Patterns and Practice, Third Edition - М.: «Вильямс», 2010;

         Овицкий, Н.Ф. PHP как инструмент для работы с MySQL базой данных / Л.З Овицкий - М. : Вильямс, 2010;

         Материалы официального сайта языка программирования PHP http://www.php.net/.


Не нашел материал для своей работы?
Поможем написать качественную работу
Без плагиата!