Установка темы оформления, используя 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 «Электроустановки зданий»