2.4 Тестирование и отладка

Основные причины появления ошибок - общественное мнение

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

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

2. Физическая усталость. Бывают такие дни, когда разработчик может написать несколько сотен строк исходного кода за один присест. При таких больших объёмах очень просто не заметить недочёты в исходном коде.

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

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

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

Подходы к тестированию сайтов:

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

· Интеграционное тестирование - ищет проблемы в интерфейсах (не пользовательских представлениях данных) взаимодействия между модулями системы.

· Функциональное тестирование - проверяется соответствие системы исходным требованиям к ней.

Тестирование сайта в разных браузерах

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

О видах тестирования на совместимость с разными браузерами более подробно написано в статье "Тестирование сайта на совместимость с разными браузерами".

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

Типы проверки на совместимость

Существует множество типов тестирования на совместимость. Основными из них являются:

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

· Совместимость с операционными системами (ОС) - разработанное программное обеспечение тестируется на различных операционных системах (Windows, Linux, MacOS и т.д.).

· Совместимость с программным обеспечением - проверяется корректность работы нового ПО в совокупности с уже имеющимся.

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

· Совместимость с браузерами - проверяется, как работает сайт в разных браузерах, например, в Firefox, Google Chrome, Internet Explorer, Safari и других.

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

Когда следует начать тестирование на совместимость страниц с браузерами

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

· Как можно раньше, если страница содержит сложные алгоритмы, большое количество анимации, ActiveX, Java-апплетов и/или динамическим контента.

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

Этапы тестирования сайта

1. Загрузка на хостинг https: // hostinger.ru/ для проверки работы в сети интернет; адрес сайта на хостинге: http://tarasovdiplom. esy. es/

На данном этапе проблем и ошибок не наблюдалось.

Расположение базы данных на хостинге:

Файлы сайта на хостинге:

2. Открытие сайта в разных браузерах:

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

Браузер GoogleChrome:

Браузер Mozilla Firefox:

Браузер Internet explorer:

Браузер Opera:

3. Просмотр сайта со смартфона.

4. Проверка характеристик на сайте http://tools. pingdom.com/.

Результаты общей проверки.

Тест на производительность дал хорошие результаты: 87 баллов из 100.

Тест на анализ сайта тоже дал хорошие результаты: 79 баллов

3. Специальный раздел

3.1 Инструкция по инсталляции программного обеспечения

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

1. Браузер. Google Chrome

2. Денвер - локальный сервер (PHP 5.3.13, MySQL 5.1, PostgreSQL 8.4 etc.)

3. Wordpress

3.1.1 Установка веб-сервера

Установка Денвер (PHP 5.3.13, MySQL 5.1, PostgreSQL 8.4 etc.)

Шаг 1: Для начало скачайте Denwer, и дважды кликните на скачанном EXE файле:

Шаг 2: На вопрос о безопасности нажмите "Выполнить" для продолжения. (Может запуститься и без этого диалогового окна).

Шаг 3: Далее в открывшемся окне инсталлятора нужно подтвердить свое согласие на установку нажатием кнопки "Да".

Шаг 4: Ждем распаковки архива. Вы должны увидеть вот такое вот окошко с прогрессом распаковки:

Шаг 5: Перед вами откроются окно браузера (IE) и консоль. Нужно закрыть браузер для продолжения установки:

Шаг 6: в открывшемся окошке просто нажимаем "Enter"

Шаг 7: Введите директорию куда бы вы хотели установить Denwer. У меня например это C: denwer вы можете выбрать любую директорию. Использование в названии русских букв нежелательно.

Шаг 8: В открывшемся окне подтверждаем выбор вводом буквы "Y" (или отменяем если вдруг ошиблись вводом буквы "N"):

Шаг 9: Далее будет создать виртуальный диск. Нажмите "Enter":

Шаг 10: Введите название виртуального диска. Выбираем любое название которое не занято в системе. Был назван Z:

Шаг 11: Дальше для продолжения нажимаем опять "Enter":

Шаг 12: Ждите пока не произойдет копирование нужных файлов:

Шаг 13: Нужно выбрать один из режимов. Нужно выбрать 2-ой, так как виртуальный диск создается только когда надо, а сам 1-й был выбран потому, что мне просто так удобней, когда диск создается сразу вместе с запуском компьютера. Вводим число 1 или 2 и нажимаем "Enter":

Шаг 14: Создание ярлыков запуска на рабочем столе. Для создания ярлыков вводим "Y", а если не хотите создавать, то соответственно вводим "N":

Шаг 15: Если все установилось, то откроется вот такое окно приветствия. В котором так же есть пометка, что при использовании скайпа смените порт:

3.1.2 Установка CMS

Шаг 1: Для начала нужно скачать последнюю русскоязычную версию WordPress с сайта http://ru. wordpress.org/ или отсюда http://lecactus.ru/. После надо запустить Denwer. Кликните на ярлык на рабочем столе "Start Denwer". В образованном виртуальном диске "Z" (который появился при установке Денвера) находим папку home. В этой папке создаем еще одну папку, называем ее так, как будет называться ваш тестовый сайт. Например, mysite. test. Открываем ее и создаем папку www.В неё копируем все файлы распакованного движка

Полный путь к файлам движка у вас получится Zhomemysite. test. Далее нужно будет создать базу данных для тестового сайта.

Шаг 2: Создание базы данных на Денвере

В строке браузера пишем http://localhost/Tools/phpMyAdmin и переходим по данному адресу. Это и есть инструмент Денвера для работы с базами данных. Заходим во вкладку "Базы данных" и создаем базу. При этом, обязательно, указываем кодировку "utf8_general_ci". Нажимаем кнопку "Создать". После этого добавляем нового пользователя базы данных.

Шаг 3: Добавление нового пользователя базы данных

По умолчанию в настройках Денвера имя пользователя уже прописано, как "root". Пароль вообще можно не создавать. Но для тренировки (пригодиться на реальном хостинге) можно создать нового пользователя. Заходим во вкладку "Пользователи", "Добавить пользователя" и заполняем форму.

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

Шаг 4: Редактирование файла wp-config. php

Теперь необходимо, чтобы движок Вордпресс связался с базой данных - отредактировать файл wp-config-sample. php. Находим этот файл в папке вашей CMS и открываем программой Notepad++.

Далее нужно прописать следующие данные:

Имя базы данных (в данном случае mysite. test).

Имя пользователя (чтобы не путаться был добавлен пользователь с именем, как имя базы данныхmysite. test).

Пароль (здесь "1234").

Остальное ничего не меняется. Далее, сохраняем файл туда же (нажимаем в Notepade "Файл" - "Сохранить как"), но с именем wp-config. php. То есть, sample отсекаем.

3.1.3 Установка браузера для работы с сайтом

Рассмотрим пошаговую установку браузера: Google Chrome

Шаг 1: Загрузка установочного файла.

Для этого нужно найти установочный файл на сайте https: // www.google.com/chrome/browser/desktop/index.html. Нажимаем на кнопку "Скачать"

На компьютер скачается файл установки.

Кликнув мышкой по которому запустится процесс автоматической установки браузера…

А в окне сайта появятся подсказки…

Всё, Google Chrome установился и запустился.

3.2 Инструкция по использованию тестовых наборов

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

В качестве комплекса промышленных тестов используется программа BlueVoda Website Builder v8.0.1.

BlueVoda Website Builder - это интересный и самое главное бесплатный конструктор вэб-сайтов с поддержкой Drag & Drop. Вы можете обладая минимальными знаниями HTML и кодинга, за кратчайшие сроки подготовить и опубликовать в сети свой сайт! Разработчики программы предоставляют в свободное использование так же сотни прекрасных готовых логотипов, темплетов и баннеров! Минимальный размер дистрибутива и высокая функциональность, вот все что нужно начинающему вэб-мастеру!

3.3 Инструкция по эксплуатации программного комплекса

Инструкция пользователю для работы с WEB-узлом:

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

· Плагин "Свежие записи" показывает записи которые были недавно добавлены. Данный плагин дает возможность не пропустить новую информацию.

· Плагин "Календарь" отображает текущий календарный месяц.

· Плагин "Поиск по сайту", который осуществляет поиск интересующей информации. Для поиска информации нужно ввести нужное слово или несколько слов и нажать enter.

· Вход/Регистрация - этот плагин отображает форму для ввода логина и пароля пользователя при входе в систему. Также он отображает ссылку на страницу восстановления забытого пароля. При регистрации нового пользователя и при восстановлении пароля отправляется письмо с паролем на email адрес, указанный при регистрации.

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

· Так же на сайте есть раздел с познавательным видео. Для входа в данный раздел достаточно нажать "Видео" на главном горизонтальном меню.

Для воспроизведения видео нужно просто щелкнуть по нему левой кнопкой мышки.

4. Экономический раздел

4.1 Исходные данные

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

Таблица 4.1

Исходные данные