Создание сайта для строительной организации

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

Создание сайта для строительной организации



Содержание

Введение

1. Аналитический обзор

1.1 Анализ аналогов сайтов

1.2 Исследование целевой аудитории

1.3 Требования к сайту

2. Проектирование

2.1 Выбор средства разработки

2.2 Разработка структуры сайта

2.3 Разработка интерфейса

2.4 Дизайн сайта

3. Проектирование функций

3.1 Разработка функций сайта

3.2 Разработка серверной части

3.3 Администрирование сайта

3.4 Разработка клиентской части

3.5 Разработка алгоритма организации

3.6 Разработка базы данных

4. Используемые языки

5. Разработка защиты

6. Реализация интерфейса

7. Разработка руководства пользователя

8. Руководство администратора сайта

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

9.1 Методика тестирования

9.2 Тестирование функционала сайта

9.3 Результаты тестирования

Заключение

Список используемой источников

Введение

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

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

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

Цель выпускной квалификационной работы является создание сайта для организации ООО "СтройЭлитСервис". Для достижения поставленной цели необходимо решить следующие задачи:

1) Проанализировать область деятельности и работы организации.

2) Анализ предметной области.

3) Изучить средства разработки web-сайта.

4) Типы web-сайтов.

5) Основы web-дизайна.

На основе решений поставленных задач, реализуется полноценный информационный web-сайт.



1. Аналитический обзор

Web-сайт - это информация, представленная в особой форме и размещенная на web-сервере, которая имеет свои данные (адрес).

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

Существует большое разнообразие сайтов. Рассмотрим классификацию сайтов.

Классификация сайтов, популярный на сегодняшний день:

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

2. Промо-сайт - создается для рекламы новых товаров или услуг.

Цели таких сайтов:

??? Cоздание рекламы на сайте, необычный дизайн.

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

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

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

4. Информационный портал - такой сайт создают для публикации больших объемов информации. Информационным порталом пользуются в основном публичные издания и СМИ (средства массовой информации).

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

6. Интернет-портал - на таком сайте присутствует большой объём информации для посетителей. Содержится вся интересующая посетителя информация по каким-то конкретным товарам или услугам.

Существует два вида интернет-порталов:

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

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

1.1 Анализ аналогов сайтов

Сайт Северный дом[http://dom-severniy.ru/sruby-na-zakaz/-]

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

Рисунок 1- Сайт Северный дом

Cайт "ШекснаДревСтрой" [http://drevstroi.ru/]

На сайте "ШекснаДревСтрой" удобный интерфейс и присутствует хорошая навигация. Минус этого сайта - маленький размер картинок.

Рисунок 2- сайт ШекснаДревСтрой

Сайт Дома строим [http://www.domastroim.ru/]

Большим минусом сайта "Дома строим" является, отсутствует информация о компании. Дизайн выдержан в одном стиле. Есть примеры предлагаемой продукции.

Рисунок 3- сайт Дома строим

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

Плюсы сайтов: хорошая навигация.

Поэтому, сайт для организации ООО "СтройЭлитСервис" необходим, и лучше всего подойдет сайт-визитка, где будут учтены все минусы и плюсы рассмотренных сайтов.

1.2 Исследование целевой аудитории

Цель выпускной квалификационной работы - web-ресурс для организации ООО "СтройЭлитСервис".

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

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

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

1.3 Требования к сайту

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

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

Рассмотрим эти требования:

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

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

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

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

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

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



2. Проектирование

2.1 Выбор средства разработки

Была поставлена задача разработать web-сайт для организации ООО "СтройЭлитСервис". Для руководителя организации необходимо, чтобы сайт обладал гибкостью и удобной системой управления. Так же он должен поддерживать использование звука, видео и графических вставок. Возможность задать вопрос одна из необходимых функций на сайте. Клиентам можно будет задавать интересующие их вопросы, и получать на них ответы в кротчайшие сроки.

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

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

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

3. Drupal - хорошая система управления. Её используют множество пользователей. Она имеет много тем для создания сайтов в интернете, модулей, расширяющих функционал, и хорошую пропускную способность.

4. Html- Создание сайта в блокноте с помощью языка html. Каждая запись, текст, картинка прописываются в блокноте, и помещаются в теги. Тег- элемент языка html. Макет сайта делается из разметки таблиц. Дизайн можно создать в фотошопе. Создание сайта в блокноте происходит медленно.

5. Php- широко используемый язык, на котором разрабатываются web- приложения. На этом языке можно создать интернет-сайты, разной сложности, подключив при этом базу данных.

На основе проведенного анализа средств разработки информационных web-сайтов, выбрана технология WordPress, так как:

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

- Для WordPress есть большое количество готовых шаблонов. Они могут быть как платные, так и бесплатные.

- Административная панель простая и понятна в использовании.

- Эта система очень популярна. Количество сайтов, сделанных на WordPress, сильно возрастает.

- На этой системе управления сайта большое количество плагинов.

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

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

- Кроссплатформенность- функция для полноценной работы с сайтом,

независимо от того, с какого устройства посетитель зашел, и какая операционная система у него установлена.

2.2 Разработка структуры сайта

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

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

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

Рисунок 4- Произвольная структура сайта

2.3 Разработка интерфейса

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

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

Рисунок 5- Макет сайта

2.4 Дизайн сайта

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

Главная страница должна отличаться от других, и соответствовать общей стилистике сайта. Фон сайта будет отражать тематику организации.

Внешний вид всех страниц сайта должен быть выдержан в едином стиле.

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

Разработаем дизайн сайта в системе управления сайтом WordPress. Он представлен на рисунке 6.

Рисунок 6- Дизайн главной страницы сайта



3. Проектирование функций

3.1 Разработка функций сайта

На главной странице сайта будет располагаться название организации,

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

Навигация на сайте - переход с одной страницы на другую.

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

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

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

На рисунке 7 представлена вертикальная навигация на сайте.

Рисунок 7- Вертикальная навигация

На рисунке 8 показана горизонтальная навигация на сайте.



Рисунок 8- Горизонтальная навигация

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

Слайд-шоу на сайте будет состоять из работ организацииc кратким описанием. Слайд-шоу реализовано на языке php, программным образом из галереи консоли администратора WordPressзагружаются фотографии и описание а также нужно настроить задержку времени на просмотр слайдов, далее код помещается на главную страницу сайта и закрепляется на ней. Пример работы слайд-шоу продемонстрирован на рисунке 9.

Рисунок 9 - Слайд-шоу

Виджет- это маленькая программа, которая выполняет ту или иную функцию. На сайте реализовано несколько виджетов. Из стандартных функций системы управления сайтом WordPress, доступно добавление различных виджетов. Были использованы такие виджеты как "Календарь", "Поиск", "Комментарии", и другие. Это существенно облегчает работу пользователей сайта. Пример виджета приведен на рисунке 10.

Рисунок 10 -Виджет "Календарь"

3.2 Разработка серверной части

В этой части рассмотрим размещение сайта на сервере.

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

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

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

3.3 Администрирование сайта

Функция редактирования сайта будет доступна только администратору. Клиент эту информацию не видит.

Администратор может изменять на сайте:

-Информацию, фотографии, видео (убирать, добавлять, редактировать).

- Различные разделы, страницы.

- Контактную информацию.

- Заголовки (содержание и т.д.).

Администратор может просматривать статистику посетителей (клиентов), отвечать на письма посетителей, принимать заказы.

3.4 Разработка клиентской части

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

3.5 Разработка алгоритма организации

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

3.6 Разработка базы данных

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

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

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

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

Преимущества использования баз данных это широкая мобильность использования, перемещения, обновления, поиска информации в базах данных. Базы данных значительно упрощают процесс модификации сайта в целом. При смене шаблона необходимо будет лишь обновить стили и кодировку - весь контент будет автоматически заполнять созданные шаблоны из баз данных. А если это сайт без баз данных, то нужно вручную "натягивать" шаблон сайта на каждую страницу сайта по отдельности. Проанализировав возможности обоих вариантов, было решено разрабатывать сайт с помощью баз данных. В качестве СУБД выбрана MySQL. Для создания своей базы необходимо зарегистрировать базу и создать необходимые таблицы, для дальнейшего занесения в их информации с сайта. Были реализованы таблицы, их структура представлена в приложении 1.

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



4. Используемые языки

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

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

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

JavaScript - это язык, созданный для управления сценариями.

Некоторые функции языка JavaScript:

- Отображение постоянно меняющихся данных (дата, время).

-Есть возможность программировать переменное содержание в зависимости от браузера пользователя, даты и других условий.

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

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

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

Особенности языка РНР:

- Содержит множество функций.

- Работает с большинством СУБД.

- Бесплатное распространение.

- Возможность объектно-ориентированного программирования.

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

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

СУБД MySQL - это система управления базами данных, которая необходима для ведения документации, отчетности и хранения разных данных.

MySQL - база данных, она удобна и проста в использовании. Данная система управления базами данных работает по принципу сервер/клиент.

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

МySQLдля работы использует язык SQL. С помощью этого языка данные можно всячески изменять, извлекать и многое другое.



5. Разработка защиты

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

Лучше всего для надежности защитить сайт разными способами.

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

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

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

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

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

5. Ограничение попыток входа. Злоумышленники, при проникновении куда-либо, часто подбирают пароль, для этого совершают много попыток. Необходимо настроить систему, чтобы после 2 неверной попытки ip- адрес злоумышленника был заблокирован на определенное время.

6. Плагин. В системе управления сайтом wordpress есть плагин "BetterWPSecurity" он обеспечивает защиту сайта все вышеперечисленное и так же ограничения по ip-адресу, защита каталогов от просмотра, запрет отслеживания http заголовка и много другое. Плагин "WordPressAntivirus" защищает сайт от вирусов, сканируя файлы, если что-то находит вредное, сразу предупреждает.



6. Реализация интерфейса

В WordPress существует много тем для оформления. Для того чтобы установить тему, необходимо зайти в консоль и выбрать раздел "внешний вид". После выбора нужной темы, необходимо ее установить. Фоновая заставка темы была загружена и установлена на главный вид. На рисунке 11 представлена главная страница сайта.

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

На странице "Дома из бруса" представлены работы, для того чтобы пользователь мог ознакомиться с продукцией организации, рисунок 12.

Рисунок 12- Дома из бруса

На рисунке 13 представлена страница сайта "Задать вопрос". Пользователь может задать интересующие его вопросы организации или заказать продукт.

Рисунок 13- Задать вопрос

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

Рисунок 14 - О нас

На странице "Контакты" присутствует адрес, телефон, электронная почта организации, и карта яндекс, для удобства, рисунок 15.

Рисунок 15- Контакты

В разделе наши проекты, находиться прайс-лист работ, где можно ознакомиться с текущими ценами на работы организации, рисунок 16.

Рисунок 16-Прайс-лист



7. Разработка руководства пользователя

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

1. Доступ в интернет.

2. Операционная система Windows 7.

3. Браузер Internet Explorer, либо любой другой стандартный браузер.

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

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



8. Руководство администратора сайта

Администратор осуществляет настройку работы сайта, редактирует текстовую и графическую информацию. Для того чтобы войти в панель администратора необходимо перейти по адресу, "StroyElitServis.ru/wp-admin/", это адрес консоли администратора для управления сайтом. Перейдя по этому адресу , попадаете на форму аутентификации где необходимо ввести Логин и пароль администратора, рисунок 17.

Рисунок 17 - Форма аутентификации

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

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

Для добавления или редактирования статей необходимо перейти в раздел записи . Раздел страницы предназначен для изменения или добавления разделов на сайт , и их наполнения. Каждый раздел левого меню предназначен для изменения конкретных объектов сайта. К примеру, создадим раздел "Тестовый раздел" и наполним его тестовой информацией, сделаем не большой опрос для пользователей, рисунок 19.

Рисунок 19 - Тестовый раздел.

После этого перейдя на сайт, можно увидеть наш раздел, рисунок 20.

Рисунок 20 - Опрос

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



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

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

Тестирование программного продукта - это ряд событий, которые связаны с испытанием программного продукта, для установления соответствия или несоответствия его характеристик с требованиями и обнаружение дефектов.

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

9.1 Методика тестирования

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

Методы тестирования:

1. Тестирование программ методом "чёрного ящика".

В этом методе необходимо выполнить следующие действия:

- Подготовьте корректный файл, который вводиться в программу.

- Поменять некоторые данные этого файла на случайные.

- Открыть файл в программе.

- Проанализировать ошибки.

2. Тестирование методом "белого ящика".

- Метод проверяет, правильно ли работает код программы.

3. Тестирование методом "серого ящика".

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

4. Тестирование нефункциональных аспектов.

-Тестирование безопасности программы. Проверяют конфиденциальность и целостность ПП.

- Тестирование на эффективность.

- Тестирование интерфейса пользователя, его практичность.

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

Для тестирования сайта применим метод "черного ящика" прием разбиение на эквивалентность.

Для этого необходимо данные разбить на конечное число классов эквивалентности.

Правила эквивалентности:

1. Если входное условие задает определенную область значений, то будет один класс правильный эквивалентности и два неправильных.

2. Если входное условие описывает определенное число значений, то будет один верный класс и два неверных.

3. Если входное условие задает множество значений, то будет один возможный и один недопустимый классы эквивалентности.

4. Если входное условие задает булево значение, то будет один недопустимый и один возможный классы эквивалентности.

В таблице 1 представлено выделение классов эквивалентности.

Таблицы 1- Классы эквивалентности.

Правильные классы эквивалентности	Неправильные классы эквивалентности
Все обязательные поля формы необходимо заполнить.	Можно не заполнять какие-либо обязательные поля.
Поля формы заполнены правильно.	Поля формы заполнены неправильно.
Указан один адрес.	Указано несколько адресов.



9.2 Тестирование функционала сайта

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

Проверка функциональности раздела "Задать вопрос", заполняем форму и нажимаем отправить рисунок 21.

Рисунок 21 - Форма заполнения "Задать вопрос"

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

Рисунок 22 - Адрес

При отправке вопроса, сознательно допущена ошибка в строке e-mail, обработчик формы сообщил об ошибке и не дал отправить сообщение, рисунок 23.

Рисунок 23 - Ошибка ввода данных

Ошибка была исправлена, сообщение было отправлено, и пришло на электронный адрес администратора сайта, рисунок 24.

Рисунок 24 - Сообщение отправлено

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

9.3 Результаты тестирования

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



Заключение

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

Спроектированный web-сайт соответствует требованиям, которые были заявлены заказчиком.

Заявленные требования:

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

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

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



Список используемой источников

1. Классификация сайтов [Электронный ресурс] - URL: http://www.internet-technologies.ru/articles/article_1486.html.

2. Требования к сайту [Электронный ресурс]- URL: http://webprognoz.ru/infa/trebovaniya_k_saitu.html.

3. Тестирование программного продукта [Электронный ресурс] - URL: http://codingcraft.ru/testing.php.

4. Официальный сайт компании "WordPress" [Электронный ресурс] - URL: https://ru.wordpress.org/.

5. Языки программирования web-сайтов [Электронный ресурс] - URL: http://hinex.ru/yazyki-programmirovania-web-saitov.php.

6. Этапы разработки сайта [Электронный ресурс] - URL: http://www.visualpharm.ru/design_faq/stages_website_interface_development.html.

7. Защита на WordPress [Электронный ресурс] - URL: http://sonikelf.ru/17-shagov-chtoby-zashhitit-vash-sajt-na-wordpress-ot-xakerov/.

8. Методы тестирования программного обеспечения [Электронный ресурс] - URL: http://valeevildar.narod.ru/software-testing-methods.htm.

9. Web-дизайн сайтов, уроки web-дизайна [Электронный ресурс] - URL: http://design-mania.ru/web-design/.

10. Этапы разработки web-сайта [Электронный ресурс] - URL: http://www.mistli.ru/etapi-razrabotki-web-sayta.

11. Робин, Н.К. Создаем веб-сайты / Робин, Н.К - Санкт-Петербург: Питер,2015.-688с.

12. Ташков, П.А. Веб-мастеринг / Ташков, П.А.- Санкт-Петербург: Питер,2010.-512с.

13. Дженнифер, Н.Р. Html, CSS / Дженнифер, Н.А. - Москва: Эксмо, 2014.-528с.

14. Боде, M.Н. Создание сайтов / Боде, М.Н. - Санкт-Петербург: Питер,2013.- 304с.

15. Грачев, А.М. Создаем свой сайт на WordPress / Грачев, А.М. - Санкт-Петербург: Питер, 2011.- 288с.

16. Русаков, М.Ю. Как сделать сайт-визитку своими руками / Русаков, М.Ю - Москва: СамИздат, 2016.-165с.

17. Кураков, А.Н. Эффективное продвижение сайта / Кураков, А.Н. - Москва: СамИздат, 2011.- 75с.

18. Дари, К. PHP и MySQL: Создание web-сайтов / Дари, К. - Санкт-Петербург : Питер, 2012. - 200с.

19. Инькова, Н.А. Современные Интернет-технологии / Инькова, Н. А. - Москва: Вильямс, 2013. - 188 с.

20. Пауэлл, Т. Web-дизайн / Пауэлл, Т. - Санкт-Петербург: Питер, 2012.- 357с.

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

...