Разработка сайта рекламного агентства "ART"

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

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

Чувашской Республики «Чебоксарский электромеханический колледж»

Министерства образования и молодежной политики Чувашской Республики

МДК.02.01 «Разработка, внедрение и адаптация

программного обеспечения отраслевой направленности»

КУРСОВОЙ ПРОЕКТ

Разработка сайта рекламного агентства «ART»

КП.И3-13.19.МДК.02.01.ПЗ

Выполнил студент 3 курса, группы И3-13

Николаев Е. Н.

Преподаватель Никифоров В. Ф.

2016



Содержание

Введение

1. Описание программных продуктов

1.1 Notepad++

1.2 OpenOffice.org

1.3 HTML

1.4 CSS

2. Описание проекта

3. Конструкторская часть

4. Технологическая часть

4.1 Разработка графической части

4.2 Навигационное меню сайта

4.3 Добавление контента

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

6. Охрана труда

Заключение

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

Приложение



Введение

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

Сейчас многие пользователи могут позволить себе разместить на просторах сети Internet свой тематический интернет-сайт.

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

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

В связи с этим формируются следующие цели и задачи проекта.

Соответственно целями проекта являются:

привлечь внимание публики к рекламному агентству «ART»;

В связи с этим возникают задачи проекта:

разработать подробное техническое задание;

разработать дизайн проекта;

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

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

графический редактор дизайн notepad



1. Описание программных продуктов

1.1 Notepad++

Notepad++ - текстовый редактор, который приняли «на вооружение» не только программисты, WEB-мастера, модификаторы, но и обычные пользователи, так или иначе связанные с редактированием. Программа распространяется свободно, имеет открытый исходный код, потребляет минимум ресурсов, быстро загружается. Утилита позиционируется, прежде всего, как редактор исходных кодов. Вместе с этим, Notepad++ довольно часто используется для открытия различных текстовых файлов.

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

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

Notepad++ поддерживает большинство языков программирования таких как: C, C++, Java, C#, XML, HTML, PHP, CSS и т.д.

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

1.2 OpenOffice.org

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

Пакет OpenOffice.org включает в себя следующие программы:

OpenOffice.org Base - программа для создания небольших баз данных.

OpenOffice.org Calc - программа для работы с электронными таблицами, аналог Microsoft Excel.

OpenOffice.org Draw - программа для создания и редактирования изображений.

OpenOffice.org Impress - программа для создания простеньких презентаций, аналог Microsoft PowerPoint.

OpenOffice.org Writer - программа для работы с текстовыми документами, аналог Microsoft Word.

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

Системные требования: процессор с частотой не менее 233 МГц, ОЗУ 64 Мб, 300 Мб свободного места на жестком диске; для комфортной работы с программой требуется более производительный компьютер.



1.3 HTML

HTML (HyperText Markup Language) - язык разметки (маркировки) гипертекста. Гипертекст своим развитием обязан интернету, хоть и создавался он совсем не для того. HTML дает возможность производить переход от одной части текста к другой, и, что замечательно, эти части могут храниться на совершенно разных компьютерах.

HTML не стоит путать с языками программирования, он создан специально для разметки веб-страниц. Именно язык разметки дает браузеру необходимые инструкции о том, как отображать тексты и другие элементы страницы на мониторе. Важно заметить, что не только различные браузеры, но и различные их версии могут по-разному воспринимать и отображать на экране код. Следовательно, некоторые элементы корректно выглядящие в браузере Operа могут выглядеть иначе в Internet Explorer и других браузерах.

При верстке (грубо говоря, создании страниц) HTML-страниц это необходимо помнить, и просматривать их в самых популярных браузерах типа Mozilla Firefox, Internet Explorer и Operа.

Код разметки в HTML состоит из так называемых «тегов». Теги предоставляют информацию браузерам о форматировании и разметке страницы. Название тега заключается в угловые скобки «<» и «>». Некоторые тэги бывают открывающимися и закрывающимися.

Они влияют на отображение содержимого, находящегося в нем. Данные, находящиеся между такими символами, называются содержимым тега. Иногда встречаются теги, являющиеся одновременно и закрывающими и открывающими, например hr - линия.

Язык html родился в Женеве, примерно, в 1989-1991 годах. Британский ученый Тим Бернерс-Ли разработал данный язык, работая на Совет по ядерным исследованиям. Первоначальная идея Бернерса заключалась в том, чтобы создать удобный язык для обмена важной документацией. Причем этот язык должен был быть свободно прочитан людьми, которые не являлись специалистами в верстке. Ядро языка html - это небольшое количество структурных и семантических элементов, называемых "дескрипторами". Другое, более близкое пользователям, название - "теги". HTML дал возможность создавать простой, но приятный на вид документ. Главное достоинство языка - это возможность создавать разнообразные сайты, которые будут доступны и понятны пользователю.

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

1.4 CSS

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

Если страница полностью написана на HTML, то каждый элемент кода определяет не только элемент содержимого страницы, но и его способ отображения.

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

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

СSS позволяет получить полный контроль над визуальными эффектами сайта. В наше время HTML-код и его способ разметки отошли на второй план. Ни один создатель сайта не будет использовать HTML для оформления страницы. Это колоссально неудобно и долго. Теперь большинство программистов используют CSS. Система дает не только удобство контроля, но и его гибкость. В CSS можно сделать намного больше элементов и дать им более сложные команды, чем в языке HTML. Чтобы у какого-то элемента были определенные характеристики, вы должны описать этот элемент только один раз и определить это описание как стиль. После надо будет просто указывать, что элемент, который вы хотите оформить, принимает свойства описанного стиля. Сохранять описание стиля лучше отдельным файлом, тогда вы сможете использовать его для нужного вам количества web-страниц. Так же можно поменять оформление любого количества страниц, изменив описание стиля. CSS позволяет удобнее работать с дизайном сайтов, при этом не утяжеляя страницы.

Выводы по разделу:

a) Notepad++ является удобным редактором для создания web-сайта, т.к он обладает широким рядом возможностей таких как: подстветка синтаксиса, сворачивание кода и т. д;

б) CSS используется для оформления сайта;

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



2. Описание проекта

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

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

Выводы по разделу:

Главная страница сайта содержит всю необходимую информацию для знакомства с агентством;

Информационная часть включает гипертекст, оснащенный гиперссылкми.



3. Конструкторская часть

Карта сайта

Рисунок 3.1 -- Карта сайта

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

Основное меню содержит ссылки на все разделы сайта.

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

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



Рисунок 3.2 -- Главная страница

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

Рисунок 3.3 -- Страница раздела «Об агентстве»



Рисунок 3.3 -- Страница раздела «Портфолио»



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

Выводы по разделу:

Проанализировав веб-сайты рекламных агентств составил карту сайта и контентное оформление страниц.

Карта сайта дает начальную схему по созданию проекта.



4. Технологическая часть

4.1 Разработка графической части

На данном этапе создания веб-сайта для рекламного агентства «ART», был разработан дизайн подобающе данной тематике. Стиль можно описать как современный, деловой. В качестве фона были выбраны светлые тона.

Разработанные элементы дизайна были выполнены с помощью продуктов фирмы Adobe. Использовалась программа Adobe Photoshop.

Adobe Photoshop - это многофункциональны графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном, работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Изначально программа была разработана как редактор изображений для полиграфии, не смотря на это, в данное время она широко используется и в веб-дизайне.

Рисунок 4.1 -- Разработка дизайн сайта



4.2 Навигационное меню сайта

Главное меню, разделы: «Главная», «Об агентстве», «Портфолио», «Прайс», «Контакты».

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

Проект создавался на основ HTML кода, для написания HTML использовалась программа Notepad++

Рисунок 4.2 -- HTML код меню разделов

Разделы сайта

Разделы сайта создавались на основ HTML кода, для написания HTML использовалась программа Notepad++



Рисунок 4.3 -- HTML код раздела

4.3 Добавление контента

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

Рисунок 4.4 -- CSS форматирование контента

Выводы по разделу:

Шаблон облегчает работу по созданию сайта. Исходя из шаблона создавались остальные страницы;

При помощи стилей CSS удобно менять оформление страниц, изменив описание стиля. CSS позволяет удобнее работать с дизайном сайта;

Страницы html-документа переименованы в соответствии с их содержанием. Это сделано для быстрой дальнейшей работы с ними.



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

Расчет себестоимости разработки проекта

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

основная заработная плата;

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

отчисления на социальное страхование;

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

Разработку сайта проводит программист, почасовая зарплата которого составляет 180 руб/час. При этом продолжительность рабочего дня составляет 8 часов.

Расчет основной заработной платы приведен в таблице 5.1.

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

Этапы	Часовая ставка (руб.)	Трудоемкость (дней)	Размер зарплаты, руб
Исследование рынка, разработка технического задания	180	1	1440
Создание базового шаблона веб-страницы	180	2	2880
Создание каскадных таблиц стилей(CSS)	180	2	2880
Разработка контента	180	6	8640
Тестирование и отладка	180	1	1440
Итого		12	17280
Дополнительная зарплата (20%)			3456
Всего			20736

К дополнительной заработной плате относятся: оплата отпусков, выплата вознаграждения за выслугу лет и т.д. Дополнительная заработная плата составляет 20% от основной:

17280*0,2=3456 руб.

К отчислениям на социальное страхование относятся отчисления на оплату перерывов в работе в связи с временной нетрудоспособностью и отчисления в пенсионный фонд. Норматив отчислений на социальное страхование составляет 30% от величины основной заработной платы:

17280*0,262=4527,36 руб.

К прочим расходам следует отнести расходы на обслуживание ПК и плату за электроэнергию.

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

10*8=80 часов

Следовательно, плата за электроэнергию составит:

0,50*2*90=80 руб.

Расходы на обслуживание ЭВМ определяются из стоимости ЭВМ и времени ее эксплуатации, по истечении которого, она подлежит замене (обычно это время не превышает 3-х лет. Стоимость ПК -- 25000 руб.). В течение года ЭВМ использует 254 рабочих дня по 8 часов. Тогда:

25000/(3*8*254)*80=328 руб.

Расчет себестоимости разработки сайта представлен в таблице 5.2.

Таблица 5.2 - Расчет себестоимости разработки сайта

Статьи затрат	Сумма, руб.
Основная заработная плата	17280
Дополнительная	3456
Отчисления	4527,36
Расходы на обслуживание ЭВМ	328
Плата за электроэнергию	80
Итого:	25 671,36 руб.

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

Выводы по разделу:

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

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

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



6. Охрана труда

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

1. Общие требования безопасности.

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

1.1. В кабинете информатики и информационных технологий допускаются учащиеся, которые прошли инструктаж по ОТ, ТБ и ПБ.

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

Соблюдайте пожарную безопасность в кабинете.

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

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

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

Соблюдайте правила личной гигиены, держите руки в чистоте.

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

Категорически запрещается находиться в кабинете информатики в верхней одежде.

В кабинете информатики запрещено использование мобильных средств связи.

Лица, нарушившее требования инструкции по охране труда, несут ответственность в порядке, установленном законодательством.

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

Проверьте исправность оборудования, вентиляции, освещения.

Убедитесь в отсутствии видимых повреждений рабочего места, оборудования.

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

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

Нельзя работать при недостаточном освещении, при плохом самочувствии.

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

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

Не пользуйтесь клавиатурой, если не подключено напряжение.

Работайте на клавиатуре чистыми руками.

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

Запрещается:

Трогать разъемы соединительных кабелей.

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

Прикасаться к экрану и тыльной стороне экрана и клавиатуры.

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

Работать во влажной одежде и влажными руками.

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

4. Требования безопасности в аварийных ситуациях.

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

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

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

5. Требования безопасности по окончании работы.

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

Выводы по разделу:

Охрана труда занимает важную роль в создание проекта.

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

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



Заключение

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

Показаны определенные правила, по которым создавался сайт. Сайт создавался в при помощи программ Notepad++, Adobe Photoshop CS5. Данный сайт ориентирован на всех пользователей Интернета. С его помощью пользователи смогут заказать рекламу для своего бизнеса.

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

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

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

Были решены следующие задачи:

Разработан подробное техническое задание;

Разработать дизайн проекта;

Разработана программная часть проекта;

Разработан сайт для рекламного агентства «ART» ;



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

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

2. Пример оформления материалов из Интернет:

3. Интернет - ресурсы:

4. Казюлькина И. Сьюз Доктор [Электронный ресурс]/ И. Казюлькина . - [М.], 9.02.2006. - Режим доступа: http://bibliogid.ru/authors/ pisateli /seuss. - 21.02.06.



Приложение А

Техническое задание на разработку сайта рекламного агентства «ART»

Общие сведения
Назначение документа	Настоящее Техническое задание определяет требования и порядок разработки веб-сайта рекламного агентства «ART».
Заказчик	Рекламное агентство «ART»
Исполнитель	Николаев Евгений Николаевич Адрес: г. Чебоксары
Краткие сведения о компании	Рекламное агентство «ART» занимается оказанием рекламных услуг. До настоящего времени веб-сайта у агентства не было.
Основание для разработки сайта	Основанием для разработки сайта является Договор № 1 от 15.02.2016 между Исполнителем и Заказчиком.
Плановые сроки начала и окончания работ по созданию сайта	Начало работ: 13.02.2016 Окончание работ: 28.05.2016 Содержание и длительность отдельных этапов работ приведены в разделе настоящего ТЗ. Сроки, состав и очередность работ являются ориентировочными и могут изменяться по согласованию с Заказчиком.
Порядок оформления и предъявления результатов работ	Работы по созданию сайта производятся и принимаются поэтапно. По окончании каждого из этапов работ, перечисленных в разделе настоящего ТЗ, Исполнитель представляет Заказчику соответствующие результаты, и стороны подписывают Акт сдачи-приемки работ
Назначение и цели создания сайта
Назначение сайта	Сайт должен представлять рекламное агентство «ART» в Интернете, поддерживать ее положительный и современный имидж, знакомить посетителей с услугами компании.
Цели создания сайта	Цель сайта - познакомить посетителей с рекламным агентством, направлениями ее деятельности и услугами, предоставить информацию о способах приобретения услуг. Сайт должен представлять собой информационную структуру, доступную в сети Интернет под доменным именем. Сайт должен состоять из взаимосвязанных разделов с четко разделенными функциями.
Основные требования к сайту
Структура сайта	Сайт должен состоять из следующих разделов: главная страница; о компании; портфолио; цены; контакты.
Навигация	Пользовательский интерфейс сайта должен обеспечивать наглядное, интуитивно понятное представление структуры размещенной на нем информации, быстрый и логичный переход к разделам и страницам. Навигационные элементы должны обеспечивать однозначное понимание пользователем их смысла: ссылки на страницы должны быть снабжены заголовками, условные обозначения соответствовать общепринятым. Графические элементы навигации должны быть снабжены альтернативной подписью. Система должна обеспечивать навигацию по всем доступным пользователю ресурсам и отображать соответствующую информацию. Для навигации должна использоваться система контент - меню. Меню должно представлять собой текстовый блок (список гиперссылок) в левой колонке или в верхней части страницы (в зависимости от утвержденного дизайна). Для разделов, содержащих подразделы, должно быть предусмотрено выпадающее подменю. При выборе какого-либо из пунктов меню пользователем должна загружаться соответствующая ему информационная страница (новостная лента, форма обратной связи и пр.), а в блоке меню (или в основной части страницы в зависимости от утвержденного дизайна) открываться список подразделов выбранного раздела.
Наполнение сайта (контент)	Страницы всех разделов сайта должны формироваться программным путем на основании информации из базы данных на сервере. Модификация содержимого разделов должна осуществляться посредством администраторского веб-интерфейса (системы управления сайтом), который без применения специальных навыков программирования (без использования программирования и специального кодирования или форматирования) должен предусматривать возможность редактирования информационного содержимого страниц сайта. Наполнение информацией должно проводиться с использованием шаблонов страниц сайта. В рамках разработки сайта Исполнитель должен обеспечить ввод представленной Заказчиком статической информации в создаваемые динамические разделы (с учетом предусмотренной настоящим ТЗ функциональности). Текстовая информация должна предоставляться Заказчиком в виде отдельных файлов формата MS Word 2003 (DOC). Названия файлов должны соответствовать названиям разделов. Перед передачей текстов Исполнителю они должны быть вычитаны и отредактированы. Графический материал должен предоставляться в формате JPG. По возможности, названия графических файлов должны отражать содержимое файла. Изображения для галерей и разделов сайта должны размещаться в папках или архивах с названиями соответственно галерее или разделу сайта, для которых они предназначаются. Исполнитель должен обеспечить обработку иллюстраций для приведения их в соответствие с техническими требованиями и HTML-верстку подготовленных материалов. При необходимости дополнительной обработки (набор, вычитка, сканирование, ретушь, монтаж, перевод и т.п.) силами Исполнителя она должна осуществляться в рамках отдельного соглашения с Заказчиком. После сдачи сайта в эксплуатацию информационное наполнение разделов, включая обработку и подготовку к публикации графических материалов, должно осуществляться Заказчиком самостоятельно или на основании отдельного договора на поддержку сайта.
Система управления контентом (CMS)	Система управления контентом (административная часть сайта) должна предоставлять возможность добавления, редактирования и удаления содержимого статических и динамических страниц. Также должна быть предусмотрена возможность добавления информации без отображения на сайте. Система управления контентом должна иметь стандартный для Windows интерфейс, отвечающий следующим требованиям: реализация в графическом оконном режиме; единый стиль оформления; интуитивно понятное назначение элементов интерфейса; отображение на экране только тех возможностей, которые доступны конкретному пользователю; отображение на экране только необходимой для решения текущей прикладной задачи информации; отображение на экране хода длительных процессов обработки; диалог с пользователем должен быть оптимизирован для выполнения типовых и часто используемых операций; для операций по массовому вводу информации должна быть предусмотрена минимизация количества нажатий на клавиатуру для выполнения стандартных действий.
Типовые статические страницы	Типовые страницы могут изменяться, редактироваться или дополняться в административной части сайта. Для каждой типовой статической страницы в административной части заполняются такие поля: Заголовок (длина не более 125 символов). Полный текст страницы (количество сопроводительных иллюстраций в нём не ограничено, количество символов в одной статье - не более 15000; тексту может быть придано подчеркнутое, наклонное и жирное начертание).
Функциональные возможности разделов
Главная страница	На главной странице должна быть представлена следующая информация: информация о сфере и направлении деятельности компании; услуги агентства; отзывы;
Новости	В разделе «Новости» должны быть представлены новости компании. При добавлении новости ей должна присваиваться категория; эти категории в дальнейшем могут быть использованы для отбора новостей. На странице должно быть представлено 10 последних новостей в краткой форме и ссылки на полную форму новостной записи. В нижней части страницы должна быть ссылка на предыдущую страницу новостей.
О продукции	В разделе «О продукции» должна содержаться информация о продукции компании, сопровождаемая иллюстрациями, а также ссылки на страницы «Как работает «АП»» и «Контакты». «О продукции» - это типовая статическая страница. Она может редактироваться и дополняться в административной части сайта.
Как мы работаем	В разделе «Как мы работаем»» должна быть представлена информация о принципах работы компании, а также ссылки на страницы «Тренинги, семинары» и «Контакты». На этой странице также предполагается разместить иллюстрации и ссылки на скачивание документов формата MS Excel. «Как мы работаем» -- это типовая статическая страница. Она может редактироваться и дополняться в административной части сайта.
Контакты	В разделе «Контакты» должна быть представлена информация: адрес, телефоны, факс адреса электронной почты ICQ карта проезда «Контакты» - это типовая статическая страница. Она может редактироваться и дополняться в административной части сайта.
Требования к дизайну
Общие требования	Стиль сайта можно описать как современный, деловой. В качестве фонового цвета рекомендуется использовать белый цвет. Оформление сайта должно оставлять ощущение свежести и чистоты - в качестве иллюстраций можно использовать изображения с зелёным полем и чистым небом. Оформление не должно ущемлять информативность: хотя на сайте и должно быть довольно много изображений, он должен быть удобен пользователям в плане навигации и интересен для многократного посещения.
Типовые навигационные и информационные элементы
Шапка сайта	Шапка сайта должна содержать логотип и название компании, а также контактную информацию. Логотип является ссылкой на главную страницу сайта.
Основное и боковое меню	Основное меню должно располагаться в верхней части окна (под шапкой) и содержать ссылки на все разделы первого уровня. Боковое меню должно располагаться в левой или правой части окна (в зависимости от утвержденного дизайн-макета) и содержать ссылки на разделы, связанные тематически с текущим, если таковые существуют для выбранного раздела первого уровня.
Основное поле контента	Основное поле контента должно располагаться в центре страницы. В этом поле отображается основное содержание выбранного раздела. Стилевое оформление материалов и их элементов (ссылок, заголовков, основного текста, изображений, форм, таблиц и т.п.) должно быть единым для всех страниц веб-сайта.
Подвал	В подвале должна располагаться информация о правообладателях, ссылка на веб-сайт Разработчика и логотип Разработчика. В случае регистрации сайта в веб-каталога в подложке могут располагаться счетчики данных каталогов.
Эскизы страниц
Типовая статическая страница	В верхней части типовой страницы должна располагаться шапка и навигационное меню сайта; левая часть страницы представляет собой основную контентную часть; в правой боковой области расположены тематические ссылки, прайс-лист (ссылка на скачивание), информация о компании. В нижней части должна быть подложка. В контентной области типовой статической страницы должен содержаться текст и, при необходимости, иллюстрации.
Главная страница	Главная страница сайта должна содержать, помимо стандартных элементов, краткую информацию о издательстве, направлении ее деятельности и ссылки на разделы «Каталог» и «Контакты» - все это должно располагаться в контентной области. В правой части страницы должны быть представлены заголовки двух последних новостей.
Страница новостей	На странице новостей, помимо стандартных элементов, должно быть представлено две-три последних новости в краткой форме, они должны располагаться в контентной области. Внизу новости должна быть ссылка, ведущая на полный текст новости (должен открываться в отдельном окне).
Требования к информационному обеспечению
Требования к хранению данных	Все данные сайта должны храниться в структурированном виде под управлением реляционной СУБД. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них.
Требования к языкам программирования	Для реализации статических страниц и шаблонов должны использоваться языки HTML5 и CSS3. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 5.0). Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и DHTML. Для реализации динамических страниц должен использоваться язык PHP.
Требования к лингвистическому обеспечению	Сайт должен быть выполнен на русском и английском языках. Должна быть предусмотрена возможность переключения между русским и английским языками на любой из страниц сайта.
Требования к программному обеспечению	Программное обеспечение клиентской части должно удовлетворять следующим требованиям: Веб-браузер: Internet Explorer 7.0 и выше, или Firefox 3.5 и выше, или Opera 9.5 и выше, или Safari 3.2.1 и выше, или Chrome 2 и выше; Включенная поддержка javascript, Flash и cookies.
Требования к аппаратному обеспечению	Аппаратное обеспечение серверной части должно удовлетворять следующим требованиям: веб-сервер Apache; не менее 500 МБ свободного места на диске. Аппаратное обеспечение клиентской части должно обеспечивать поддержку программного обеспечения клиентской части, указанного в п. «Состав и содержание работ по созданию сайта»
Порядок контроля и приемки сайта
Виды, состав, объем и методы испытаний	Сдача-приемка выполненных работ должна осуществляться при предъявлении Исполнителем комплектов соответствующих документов и завершаться оформлением акта сдачи-приемки, подписанного Исполнителем и утвержденного Заказчиком. Испытания сайта проводятся силами Исполнителя.
Общие требования к приемке сайта	Приемка сайта должна проводиться приемочной комиссией, в состав которой должны входить представители Заказчика и Исполнителя, в течение трех рабочих дней после завершения работ. Результаты работы комиссии должны оформляться актом, подписанным членами комиссии и утверждённым Заказчиком.
Требования к составу и содержанию работ по вводу сайта в эксплуатацию	Для создания условий функционирования, при которых гарантируется соответствие создаваемого сайта требованиям настоящего ТЗ и возможность его эффективной работы, в организации Заказчика должен быть проведен определенный комплекс мероприятий. Для переноса сайта на хостинг необходимо, чтобы параметры хостинга соответствовали требованиям, указанным в настоящем ТЗ. На хостинг переносится программа (сайт), сверстанный шаблон дизайна и структура и наполнение базы данных. Перенос данных осуществляется в течение трех рабочих дней после подписания акта о завершении работ.

Таблица А.1 - Этапы создания сайта

Состав и содержание работ	Срок разработки (в днях)
Исследование рынка, разработка технического задания	1
Разработка шаблонов дизайна в формате PSD (Adobe Photoshop) для всех типовых страниц веб-сайта	2
Вёрстка шаблонов дизайна в HTML, разработка таблицы стилей	3
Разработка типовых страниц	2
Модуль «Новости»	2
Форма регистрации на тренинг	1
Общая длительность работ (с учетом резервного срока на отладку и исправление ошибок -- плюс 1 день) и срок окончания проекта	12



Приложение Б

Карта проекта или блок-схема алгоритма работы

Рисунок В.1 -- Пример оформления графической части КП______________________________________________

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