Разработка интерактивного интернет–каталога фирмы 'Nexus'

Тип:
Добавлен:

Разработка интерактивного интернет-каталога фирмы «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.

Задачи:

  1. Описать предметную область.
  2. Проанализировать аппаратные и программные средства, для разработки веб-сайта.
  3. Разработать техническое задание.
  4. Построить модели предметной области.
  5. Изучить структуру предложенного шаблона.
  6. Подключить интерактивные плагины.
  7. Создать веб-страницы и заполнить их информацией.
  8. Протестировать программный продукт.
  9. Разработать инструкцию пользователя.

Структура работы: работа состоит из введения, двух глав, заключения, списка литературы. Во введении обоснована актуальность темы исследования. В первой главе описан анализ предметной области и средств разработки. Вторая глава посвящена описанию процесса разработки веб-сайта для структурирования Интернет-каталога, фирмы «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».

ГЛАВА 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 - Ссылка на добавление новой темы оформления сайта

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

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

.Установка темы оформления, используя 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 - Страница с графическими изображениями товара

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Надёжность

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

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

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

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

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

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

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

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

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

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

¾точность.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ПРИЛОЖЕНИЕ 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.3.1. Заказчик

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

Адрес фактический: Краснодарский край <#"justify">2.Назначение и цели создания системы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Внедрение.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 «Электроустановки зданий»

Copyright © 2018 WorldReferat.ru All rights reserved.