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

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

Разработка интерактивного интернет-каталога фирмы «Nexus»

Дипломный проект

ОГЛАВЛЕНИЕ

Оглавление

• ВВЕДЕНИЕ
• ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ И СРЕДСТВ РАЗРАБОТКИ
• 1.1 Описание предметной области
• 1.2 Анализ аппаратных и программных средств для разработки веб-сайта
• 1.3 Техническое задание
• ГЛАВА 2. РАЗРАБОТКА ИНТЕРАКТИВНОГО ИНТЕРНЕТ-КАТАЛОГА ФИРМЫ NEXUS
• 2.1 Проектирование структуры сайта
• 2.2 Конфигурирование модулей сайта
• 2.3 Тестирование web-сайта
• 2.4 Инструкция администратора web-сайта
• ЗАКЛЮЧЕНИЕ
• СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ
• ПРИЛОЖЕНИЕ
• ВВЕДЕНИЕ
• В последнее время создание сайтов является довольно популярным занятием и над удобством и простотой создания сайтов трудится огромное количество людей. Большим прорывом в технологии создания и разработки современных веб-проектов является создание CMS. Современные системы управления контентом широко используются на просторах сети Интернет при создании проектов любой сложности.
• Очень большое распространение получили бесплатные системы управления контентом. Большинство этих систем имеет хорошее качество исполнения и высокую надежность, что дает им большое преимущество среди других систем. А технологии добавления контента популярных бесплатных CMS не отличается от платных, что только делает их более популярными среди создателей сайтов.
• Основные отличительные черты систем управления контентом, которые одновременно являются преимуществами, это возможность создавать сайты, практически любой сложности, не имея познаний в html, css и других областях веб-программирования. А так же возможность быстрого, простого и интуитивного добавления, удаления, редактирования и форматирования контента, это значительно упрощает и облегчает задачу администрирования сайта.
• С использованием CMS возможно не только добавления текстового контента, но и различного мультимедийного материала. Это позволит значительно разнообразить сайт и привлечь новых посетителей. Так же системы управления контентом автоматически генерируют панель администратора, которая затрагивает все сферы работы сайта, что очень удобно и практично.
• Об уникальности дизайна задумываться не стоит. В настоящее время для CMS постоянно разрабатываются шаблоны, которые отличаются большим разнообразием. А если создатель сайта немного разбирается в html и каскадных таблицах стилей, то он может редактировать дизайн на свой вкус.
• Цель - разработать интерактивный Интернет-каталог фирмы разработчика мобильных устройств Nexus.
• Задачи:
• Описать предметную область.
• Проанализировать аппаратные и программные средства, для разработки веб-сайта.
• Разработать техническое задание.
• Построить модели предметной области.
• Изучить структуру предложенного шаблона.
• Подключить интерактивные плагины.
• Создать веб-страницы и заполнить их информацией.
• Протестировать программный продукт.
• Разработать инструкцию пользователя.
• Структура работы: работа состоит из введения, двух глав, заключения, списка литературы. Во введении обоснована актуальность темы исследования. В первой главе описан анализ предметной области и средств разработки. Вторая глава посвящена описанию процесса разработки веб-сайта для структурирования Интернет-каталога, фирмы «Nexus». Заключение отражает результат достижения цели работы. Список литературы насчитывает 20 источников.

ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ И СРЕДСТВ РАЗРАБОТКИ

1.1 Описание предметной области

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

Интернет-каталог - это многостраничный, структурированный web-сайт, разработанный с помощью системы управления содержимым сайта (англ. Content Management System, CMS). Задачей такого сайта является предоставление возможности пользователю ознакомиться с полной информацией о фирме и мобильных устройствах, которые она производит.

Разрабатываемый web-сайт структурирует объёмы информации, связанные с товарами фирмы, а именно: информацию о виде товара, его производителе и технические характеристики.

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

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

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

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

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

Наиболее оптимальную работу CMS WordPress можно достичь, используя платформу Open Server, которая представляет собой связку Apache, MySQL и PHP. У сервера Apache должен быть включен модуль mod_rewrite, который выполняет функцию перезаписи URL-адресов, что позволяет применять WordPress постоянные ссылки.

Минимальные требования для размещения сайта на базе WordPress следующие:

ѕ PHP 4.3 или выше.

ѕ MySQL 4.0 или более поздняя версия.

ѕ Модуль mod_rewrite сервера Apache.

Для разработки с помощью CMS - WordPress, необходимо интегрировать ее в Open Server.

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

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

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

Таблица 1.1 - Минимальные аппаратные требования локального сервера Open Server

Наименование	Описание требования
Процессор	AMD Athlon™ 64 X2 Dual Core 5600+ 2.80 CHz
Оперативная память (ОЗУ)	512 Мб свободной памяти
Жесткий диск (HDD)	1 Гб свободного места
Дополнительные устройства ПК	Клавиатура, мышь

В таблице 1.2 указаны программные требования, без которых локальный сервер Open Server не функционирует.

Таблица 1.2 - Минимальные программные требования локального сервера - Open Server

Наименование	Описание требования
Операционная система	Windows (32-бит и 64-бит): Windows XP SP3 и все более новые версии
Дополнительные требования	Установленный набор библиотек Microsoft Visual C++ 2005-2008-2010 Redist. Package x86

При разработке и эксплуатации web-сайта рекомендовано использовать следующие совместимые браузеры:

ѕ Internet Explorer

ѕ Mozilla Firefox

ѕ Google Chrome

ѕ Opera

В CMS WordPress автоматически используется модуль респонсив, который позволяет корректно отображать web-сайт на всех платформах мобильных устройств.

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

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

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

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

На техническое задание существует стандарт ГОСТ 19.201-78 «Техническое задание. Требования к содержанию и оформлению». В соответствии с этим стандартом техническое задание должно содержать следующие разделы:

ѕ введение;

ѕ основания для разработки;

ѕ назначение разработки;

ѕ требования к программе или программному изделию;

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

ѕ технико-экономические показатели;

ѕ стадии и этапы разработки;

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

В приложении 1 представлено техническое задание для создания веб-сайта «Интерактивный Интернет-каталог фирмы Nexus».

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



ГЛАВА 2. РАЗРАБОТКА ИНТЕРАКТИВНОГО ИНТЕРНЕТ-КАТАЛОГА ФИРМЫ NEXUS

2.1 Проектирование структуры сайта

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

Рисунок 2.1 - Первоначальный шаблон страниц web-сайта

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

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

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

Блок с логотипом сайта был добавлен в шаблон главной страницы и размещен в верхней части страницы (Рисунок 2.2).

Рисунок 2.2 - Добавление логотип сайта

Для осуществления возможности быстрой и удобной навигации по web-сайту был установлен блок - Меню сайта (Рисунок 2.3).



Рисунок 2.3 - Добавление меню сайта

Также был добавлен блок с слайдером, предназначенным для графических изображений. (Рисунок 2.4).

Рисунок 2.4 - Добавление слайдера



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

Рисунок 2.5 - Шаблон главной страницы

Шаблон страниц, содержащих информацию о сайте и контактные данные фирмы Nexus, не использует блок слайдер (Рисунок 2.6). Блок слайдер используются для рекламы новых мобильных устройств и не актуален для страниц с информацией о товарах фирмы.



Рисунок 2.6 - Шаблон контактных страниц

Для страниц с информацией о товарах фирмы и их характеристиках была использована одна модель страницы, выдерживающий стиль сайта. Шаблон не использует блок слайдера и виджеты (Рисунок 2.7).

Рисунок 2.7 - Шаблон страниц товара

2.2 Конфигурирование модулей сайта

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

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

Рисунок 2.8 - Ссылка на добавление новой темы оформления сайта

Существует несколько вариантов установки темы оформления:

1. Установка темы оформления использую Интернет-библиотеки WordPress.

2. Установка темы оформления, используя zip-архив c файлами темы.

Рисунок 2.9 - Фильтр для поиска темы оформления сайта

Для установки темы оформления сайта применяя zip-архив необходимо воспользоваться ссылкой на добавления загрузки файла (Рисунок 2.10).



Рисунок 2.10 - Ссылка для загрузки сайта

Перейдя по ссылке далее необходимо указать путь установки zip-архива (Рисунок 2.11).

Рисунок 2.11 - Загрузка темы оформления

В качестве шаблона для разрабатываемого Интернет-каталога была установлена тема внешнего вида оформления - Fruitful 2.0 (Рисунок 2.12). Для использования инструментов конфигурирования темы оформления необходимо воспользоваться консолью администратора, переход на которую осуществляется по ссылке - Внешний вид - Настройки темы.



Рисунок 2.12 - Тема оформления внешнего вида web-сайта

Рассматриваемая тема имеет широкий набор инструментов позволяющих производить конфигурирование модулей web-страниц (Рисунок 2.13).

Рисунок 2.13 - Инструменты настройки темы



Данная тема имеет широкий набор инструментов позволяющих производить конфигурирование модулей web-страниц (Рисунок 2.13).

Для корректной работы темы оформления был установлен и активирован плагин Fruitful Shortcodes, предоставляющий ряд дополнительных возможностей при конфигурировании блоков web-страниц. Также для возможности редактирования виджета авторизации был установлен плагин Custom Meta Widget (Рисунок 2.14).

Рисунок 2.14 - Установленные плагины для темы оформления

После установки темы оформления необходимо настроить статический блок - Футер. Для настройки футера необходимо использую консоль администратора, перейдя по вкладке - Внешний вид - Настройки темы - Футер (Рисунок 2.15).



Рисунок 2.15 - Конфигурирование футера

После построения HTML-кода в блок футера он имеет вид представленный на рисунке 2.16

Рисунок 2.16 - Реализация футера сайта

Затем необходимо установить логотип сайта, установка которого осуществляется консолью сайта переходя по вкладке - Внешний вид - Настройки темы - Логотип (Рисунок 2.17).



Рисунок 2.17 - Установка логотипа сайта

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

Перейдя к форме создания новой страницы необходимо указать ее название, порядок разрешения в меню сайта и заполнить информационным контентом (Рисунок 2.18).



Рисунок 2.18 - Создание главной страницы сайта

Выполнив заполнение формы создания страницы, было подключено отображение слайдера и включена панель виджетов (Рисунок 2.19). Также имеется возможность изменить постоянную ссылку для создаваемой страницы.



Рисунок 2.19 - Активация слайдера и панели виджетов

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



Рисунок 2.20 - Конфигурирование настроек слайдера

виджет программный сайт

После конфигурирования настроек сайта были созданы слайды с графическими изображениями и ссылками на страницы с описанием товара (Рисунок 2.21).



Рисунок 2.21 - Добавление графических материалов для слайдера

После выполнения конфигурации web-создания страницы и настройки слайдера главная страница имеет следующий вид (Рисунок 2.22):

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



Разработав главную страницу сайта, далее были созданы страницы О проекте (Рисунок 2.23), О компании (Рисунок 2.24), Контактные данные (Рисунок 2.25) .Данные страницы разработаны согласно построенной структуре и выполнены по типу конфигурирования главной страницы.

Рисунок 2.23 - Страница «О проекте»

Рисунок 2.24 - Страница «О компании»



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

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

Рисунок 2.26 - Создание страницы с описанием товара

Созданная страница с описанием товара представлена на рисунке 2.27.

Рисунок 2.27 - Страница с описание мобильного устройства

После создания страницы с описанием товара была разработана страница с таблицами характеристик мобильных устройств (Рисунок 2.23). При создании таблиц был использован HTML код.

Рисунок 2.23 - Создание страницы с таблицей характеристик товара

Страница с таблицей характеристик мобильных устройств приставлена на рисунке 2.24.

Рисунок 2.24 - Страница с таблицами характеристик товара

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



Рисунок 2.25 - Страница с графическими изображениями товара

После создания всех страниц web-сайта было сформировано панель меню сайта (Рисунок 2.26).

Рисунок 2.26 - Формирование панели меню сайта



Сформировав панель меню, теперь при наведении курсора на кнопочную ссылку появляется всплывающие меню с «дочерними» страницами сайта (Рисунок 2.27).

Рисунок 2.27 - Всплывающие панель меню сайта

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



Рисунок 2.28 - Конфигурирование виджетов сайта

Завершением разработки конфигурирования модулей является создание дополнительного пользователя с ограниченными правами. (Рисунок 2.29).

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

Рисунко 2.29 - Панель администратора



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

Рисунок 2.29 - Создание нового пользователя

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

Рисунок 2.30 - Список зарегистрированных пользователей сайта

2.3 Тестирование web-сайта

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

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

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

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

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

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

Качество программного обеспечения можно определить как совокупную характеристику исследуемого программного обеспечения с учётом следующих составляющих:

1. Надёжность

2. Сопровождаемость,

3. Практичность,

4. Эффективность,

5. Мобильность,

6. Функциональность.

Состав и содержание документации, сопутствующей процессу тестирования, определяется стандартом IEEE 829-1998.

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

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

Функциональные требования включают в себя:

ѕ функциональная пригодность.

ѕ точность.

ѕ способность к взаимодействию.

ѕ соответствие стандартам и правилам.

ѕ защищённость.

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

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



Функциональное тестирование

Рисунок 2.31 - Функциональное тестирование сайта



Интеграционное тестирование

Рисунок 2.32 - Интеграционное тестирование web-сайта

Стресс-тестирование

Рисунок 3.33 - Стресс-тестирование web-сайта

2.4 Инструкция администратора

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

1. Воспользуйтесь меню сайта и перейдите по ссылке - Вход (Рисунок 2.34).

Рисунок 2.34 - Виджет авторизации пользователя

2. Укажите данные пользователя с правами администратора (Рисунок 2.35).



Рисунок 2.35 - Окно авторизации пользователя

Авторизовавшись вы получаете доступ к консоли сайта.

Рисунок 2.36 - Окно консоли сайта

Далее необходимо настроить графическое оформление сайта.

3. Воспользуйтесь меню консоли и перейдите по вкладке - Внешний вид (Рисунок 2.37).



Рисунок 2.37 - Окно настройки внешнего вида сайта

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

Рисунок 2.38 - Окно настройки темы сайта

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

4. Для добавления плагина воспользуйтесь меню консоли и перейдите по вкладке - Плагины (Рисунок 2.39).

Рисунок 2.39 - Окно установки и активации плагинов

Возможность интеграции плагинов в WordPress осуществляется двумя способами.

5. Воспользуйтесь поиском, введя название интересующего вас плагина (Рисунок 2.40).

Рисунок 2.40 - Окно добавления плагина

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

Рисунок 2.41 - Окно загрузки плагина с помощью архива

7. Для добавления новых страниц необходимо перейти в список страниц сайта и воспользовавшись меню консоли управления (Рисунок 2.42).

Рисунок 2.42 - Окно списка страниц



8. Воспользуйтесь возможностями настройками и инструментами редактирования при создании страницы (Рисунок 2.43).

Рисунок 2.43 - Окно создания новой страницы

При создании страницы используются различные медиафайлы.

9. Используя меню консоли, пройдите по вкладке - Медиафайлы (Рисунок 2.44).



Рисунок 2.44 - Окно добавления медиафайлов

10. Добавьте медиафайл, соблюдая ограничения.

Рисунок 2.45 - Окно загрузки файла

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

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

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



СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

1. Спенсер Стефан Профессиональная разработка сайтов на WordPress; Питер - Москва, 2013.

2. Венедюхин Александр , Воробьев Андрей Создание сайтов; Эксмо - Москва, 2011.

3. Дакетт Джон HTML и CSS. Разработка и дизайн веб-сайтов; Эксмо - Москва, 2013.

4. Дронов В. PHP 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2009.

5. Дронов В. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов; БХВ-Петербург - Москва, 2011.

6. Китинг, Джоди Flash MX. Искусство создания web-сайтов; ТИД ДС - Москва, 2012.

7. Костин С. П. Самоучитель создания Web-сайтов; Триумф - Москва, 2009.

8. Кристофер Б. Джонс 140 технологий раскрутки сайтов; Рид Групп - Москва, 2011.

9. Кузнецов М., Симдянов И. PHP. Практика создания Web-сайтов; БХВ-Петербург - Москва, 2012.

10. Лавдей Ланс , Нихаус Сандра Проектирование прибыльных веб-сайтов; Манн, Иванов и Фербер - Москва, 2011.

11. Мерсер Дэвид. Создание надежных и полнофункциональных веб-сайтов, блогов, форумов, порталов и сайтов-сообществ; М.: Вильямс - Москва, 2009.

12. Фрейен Бен HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств; Питер - Москва, 2014.

13. Фридман В. А., Александров А. В., Сергеев Г. Г., Костин С. П. Строительство Web-сайтов; Триумф - Москва, 2011.

14. Чебыкин Ростислав. Разработка и оформление текстового содержания сайтов; БХВ-Петербург - Москва, 2014.

15. Карпенко Ярослав. Проектирование и разработка web-страниц; Питер - Москва, 2013.

16. Ташков П. «HTML, CSS, JavaScript, PHP, CMS» Москва, 2010 г.

17. Печников «Создание страниц без посторонней помощи» Москва, 2011 г.



ПРИЛОЖЕНИЕ 1

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

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

Разделы технического задания:

1) Общие сведения

2) Назначение и цели создания системы

a) Назначение системы

b) Цели создания системы

3) Характеристика объектов автоматизации

4) Требования к системе

a) Требования к системе в целом

b) Требования к функциям, выполняемым системой

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

5) Состав и содержание работ по созданию системы

6) Порядок контроля и приёмки системы

7) Требования к составу и содержанию работ по подготовке объекта автоматизации к вводу системы в действие

8) Требования к документированию

9) Источники разработки

1. Общие сведения

1.1. Наименование системы

Проектирование web-сайта «Интерактивный Интернет-каталог фирмы Nexus» .

1.2. Основания для проведения работ

Работа выполняется на основании договора №42 от 12.02.15г.

1.3. Наименование организаций - Заказчика и Разработчика

1.3.1. Заказчик

Заказчик: Google Inc. Nexus

Адрес фактический: Краснодарский край, Ейский район, Ейск, улица Коммунистическая, 20/6

Телефон/Факс: 8(86114) 5-55-05

1.3.2. Разработчик

Разработчик: Сорочинский Артем Вадимович

1.4. Порядок оформления и предъявления заказчику результатов работ

Работы по проектированию дизайна Интернет-каталога фирмы Nexus сдаются Разработчиком поэтапно, в соответствии с календарным планом Проекта.

2. Назначение и цели создания системы

2.1. Назначение системы

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

2.2. Цели создания системы

Интерактивный Интернет-каталог фирмы создаётся с целью:

ѕ обеспечение пользователя информацией о товаре фирмы Nexus;

ѕ создание новостного контента для фирмы Nexus;

ѕ простое и открытое ознакомление с деятельностью фирмы.

3. Характеристика объектов автоматизации

Фирма Nexus предоставляет следующие услуги:

Информирование о производимых товаров фирмой.

Предоставление связи с партнерами продавцами товара.

4. Требования к системе

4.1. Требования к системе в целом

4.1.1.Требования к структуре и функционированию системы

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

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

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

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

4. Системы должна сохранять все входящие и обработанные данные

5. Время на обработку информации должно быть минимальным

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

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

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

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

1. Организация бесперебойного электропитания технических средств

2. Использование лицензированного программного обеспечения

3. Регулярное выполнение требование ГОСТ 51188-98, защита информации, испытание программных средств на наличие вирусов

4. Предварительное обучение пользователей и обслуживающего персонала

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

4.1.4. Требования к эргономике и технической эстетике

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

1. Интерфейсы должны быть типизированными

2. Должно быть обеспечено наличие локализированного (русскоязычного) интерфейса пользователя

3. Должен использоваться шрифт:TimesNewRoman

4. Размер шрифта: 14 пт

5. Цветовая палитра не должна быть слишком яркой

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

4.1.5 Требование к сохранности информации при авариях

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

4.2. Требования к функциям, выполняемых системой

1. База данных должна вмещать в себя данные о материалах сайта;

2. Основные данные должны хранится неограниченное время;

3. Имеется возможность создания резервной копии.

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

4.3.1 Требование к информационной и программной совместимости

Системные программные средства, используемые программой, должны быть представлены:

1. Лицензирование локализированной версии операционной системы платформы Windows

2. Браузер, поддерживающий современные стандарты разметки web страниц

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

В состав технических средств должен водить ПК, отвечающий минимальным системным требованиям ОС Windowsи и браузера с поддержкой современных стандартов разметки web страниц.

5. Состав и содержание работ по созданию сайта Интерактивный Интернет- каталог фирмы Nexus:

Стадии разработки

Разработка должна быть проведена в три стадии:

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

2. Рабочее проектирование.

3. Внедрение.

Этапы разработки

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

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

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

3. Утверждение технического задания.

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

1. Разработка сайта

2. Разработка программной документации.

3. Испытания сайта.

На стадии внедрение должны быть выполнены следующие этапы:

1. Подготовка сайта.

2. Передача сайта.

Содержание работ по этапам

На этапе разработки технического задания должны быть выполнены ниже перечисленные работы:

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

2. Определение и уточнение требований к техническим средствам.

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

4. Определение стадий, этапов и сроков разработки сайта и документации на неё.

5. Согласование и утверждение технического задания.

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

На этапе тестирования автоматизированной системы должно осуществляться следующим образом:

1. Необходимо проверить точность следования всем алгоритмам.

2. Проверить реакцию системы при вводе некорректных значений.

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

4. Проверить возможность поиска необходимых данных.

5. Проверить возможности сортировки необходимых данных.

6. Проверить возможности фильтрации необходимых данных.

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

Календарный план

Стадии разработки	Этапы работ	Содержание работ	Время выполнения
Техническое задание	Постановка задачи	Построение математической модели и детальное рассмотрение предметной модели.	08.02.2015
	Разработка технического задания	Определение всех частей web-приложения, сроков разработки и определение ее функциональности.	12.02.2015
	Утверждение технического задания	Согласование и утверждение технического задания.	17.02.2015
Разработка проекта	Проектирование и разработка программы	Программирование и отладка.	25.02.2015
	Создание документации	Разработка программной документации (пользователю и разработчику) в соответствии с предъявленными требованиями.	20.03.2015
	Тестирование	Корректировка web-приложения, выявление недочётов	25.03.2015
Внедрение	Подготовка и сдача программного продукта заказчику	Сдача проекта заказчику оформление соответствующей документации	28.04.2015

6. Порядок контроля и приёмки системы

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

7. Требования к составу и содержанию работ по подготовке объекта автоматизации к вводу системы в действие

Для создания условий функционирования web-сайт «Интерактивный Интернет-каталог фирмы Nexus соответствующий системе требований содержащихся в настоящем техническом задании и возможность эффективного его использования в организации Заказчика должен быть проведен комплекс мероприятий:

7.1. Технические мероприятия

Силами Заказчика в срок до начала этапа "Установка web-сайта и создание хостинга" должны быть выполнены следующие работы:

ѕ осуществление закупа и установка необходимого оборудования;

ѕ организация необходимого сетевого взаимодействия.

7.2. Организационные мероприятия

Силами Заказчика в срок до начала этапа «Установка web-сайта и создание хостинга» должны быть решены организационные вопросы по взаимодействию с системами-источниками данных. К данным организационным вопросам относятся:

ѕ организация доступа к файлом web-сайта;

ѕ выделение ответственных специалистов со стороны заказчика для взаимодействия с сервером web-сайта.

7.3. Изменение в информационном обеспечении

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

8. Требования к документированию

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

9. Источники разработки

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

ѕ ГОСТ 23.701-86 «Надежность автоматизированных систем управления»

ѕ ГОСТ 15150-69 «Машины, приборы и другие технические изделия. Использование для различных климатических районов. Категории, условия эксплуатации, место хранения и транспортирования в части воздействия климатических факторов внешней среды»

ѕ ГОСТ 21958-76 «Система «Человек-машина»». Зал и кабины операторов. Взаимное расположение рабочих мест. Общие эргономические требования.

ѕ ГОСТ 12.1.004-91 «ССБТ. Пожарная безопасность. Общие требования»

ѕ ГОСТ 50571.22-2000 «Электроустановки зданий»

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