3. Иногда возникают проблемы с индексацией сайта;
4. Излишний код в шаблонах сайта и самом движке, который приводит к медленной работе страницы сайта;
5. Порой возникают проблемы с обновлением системы;
В CMS Joomla, как и в любой системе, есть свои недостатки, но на сегодня ее преимущества перекрывают, особенно что касается управления содержимым сайта. А одним из явных преимуществ является то, что любой продвинутый пользователь может сделать необходимые изменения в системе. Ее код является открытым, что предполагает неограниченные возможности при создании новостных сайтов, блогов и небольших порталов[8].
Таким образом, рассмотрев несколько движков для разработки сайта, можно составить небольшой список тех функций, которые будут удобны для достижения цели ВКР. Во-первых, так как организация не совсем крупная, то не может себе позволить платную CMS. Во-вторых, трата лишнего времени на установку является нежелательным эффектом, поэтому движок должен быть выбран, учитывая и данный критерий. Немаловажным является сама панель управления, то есть так среда, где происходит разработка сайта. Она должна быть простой, понятной на интуитивном уровне, чтобы пользователь не искал нужную информацию, все должно быть «под рукой». Неплохим достоинством является и то, что у движка будет иметься большой выбор шаблонов. Это удобно тем, что при выборе понравившегося шаблона ненужно делать слишком много лишней работы, а просто переделать все под себя, что опять же таки экономит время. В итоге, основываясь на всем выше сказанном, оптимальным вариантом был выбрано движок Joomla. Все описанные нужные функции имеются в данной CMS. Она проста для разработки, экономит время, имеется обширная библиотека шаблонов. Одним из главных недостатков является уязвимость, но так как организация недостаточно крупная, встроенной защиты Joomla вполне достаточно. При увеличении организации и хорошей отдачи сайта для организации, в дальнейшем, будут использованы более мощные средства защиты.
5. РАЗРАБОТКА САЙТА
5.1 Вход в Joomla!
В самом начале нужно зайти в панель управления от лица Администратора(рис.5.1.1). Вход выполняется для того, чтобы начать создавать сайт и, в дальнейшем, редактировать его под себя. Так же с помощью Администратора будут вноситься изменения содержимого на всех страницах.
Рис.5.1.1 - Вход в панель управления
Перед администратором открывается панель управления, на которой будут указаны основные материалы для разработки(рис.5.1.2).
Рис.5.1.2 - Панель управления
5.2 Выбор шаблона для сайта
Для разработки сайта был выбран бесплатный шаблон «shaper_zaara», скаченный с официального сайта. После его установки и выбора из списка, он автоматически применяется ко всем страницам(рис.5.2.1.). Шаблон упрощает дальнейшую разработку, так как в нем имеются некоторые встроенные функции, с которыми не приходится разбираться разработчику, а сразу использовать их возможности.
Рис.5.2.1 - Выбор шаблона
5.3 Создание категорий
Сайт будет состоять из категорий и материалов. Для того, чтобы создать категории заходим в менеджер категорий. Для каждого раздела сайта была создана конкретная категория. Список категорий представлен на рисунке 5.3.1.
Рис.5.3.1- Создание категорий
5.4 Создание материалов
Для создания материалов применяется аналогичная процедура. Материал будет содержать в себе конкретную информацию. Товар также будет заноситься с помощью материалов(рис.5.4.1).
Рис.5.4.1 - Создание материалов
Так выглядит окно с занесением нового товара(рис.5.4.2). При занесении указывается название товара, оно же является названием материала. Это удобно для клиента сайта, так как при «клике» по заголовку сразу открывается статья полностью со всем описанием, так же это удобно и для разработчика, тем, что при поиске нужного товара ему достаточно будет ввести в поиске по материалам название товара и заняться его редактированием.
Рис.5.1.4 - Создание нового товара
5.5 Создание меню
В меню содержаться пункты: Главная(при клике на ссылку, клиент автоматически отправиться на главную страницу), Товары(категория с выпадающим списком, Услуги, Контакты(также содержит выпадающий список, при клике «Наш адрес» пользователь попадет в окно с контактами, а также формой для обратной связи).
При создании «Главная» нужно, чтобы на главной странице появлялись последние новинки, а так как это является материалом, то тип пункта меню выбран «Избранные материалы»(рис.5.5.1).
Рис.5.5.1-Создание меню Главная
При создании выпадающего списка «Товары», для начала нужно создать корневой пункт меню «Товары». Затем создается подпункт «Смартфоны», в котором указано, что родительским элементом является пункт меню «Товары». Как тип пункта меню выбирается «Блок категорий», для того, чтобы отображались вводные части материалов(рис.5.5.2).
Рис.5.5.2 - Создание подпункта меню «Смартфоны»
Аналогичным образом происходит создание таких подпунктов меню, как Ноутбуки, Компьютеры, Комплектующие.
Таким образом, выделив категорию «Товары» как родителя, получается выпадающий список.
5.6 Создание контактов и формы обратной связи
Для создания контактов используется такая же схема. Сначала создается категория контактов(рис.5.6.1).
Рис.5.6.1 - Создание категории «Контакты»
Далее создается сам Контакт(рис.5.6.2).
Рис.5.6.2 - Создание контакта
У организации также имеется группа в социальной сети «Вконтакте». По желанию разработчика была создана ссылка из подпункта меню «Мы Вконтакте»(рис.5.6.3). Для этого в подпункте меню «Мы Вконтакте», как тип пункта меню был выбран «Внешний URL» и ниже указана ссылка на группу. При нажатии на данную кнопку, браузер автоматически откроет группу в новом окне.
Рис.5.6.3 - Создание ссылки на социальную сеть
6. ТЕСТИРОВАНИЕ
Тестирование - это оценка разрабатываемого программного обеспечения/продукта, чтобы проверить его возможности, способности и соответствие ожидаемым результатам. Существуют различные типы методов, используемые в области тестирования и обеспечения качества. Тестирование программного обеспечения является неотъемлемой частью цикла разработки программного обеспечения.
6.1 Методы тестирования
Как и создание ТЗ, и прототипирование, тестирование сайта является одним из важных этапов разработки. Тестирование и отлов ошибок предшествуют запуску проекта и выполняются после всех остальных этапов, ведь досконально проверять имеет смысл только уже готовый продукт.
6.1.1 Тестирование методом «белого» ящика
Термин "белый ящик" означает, что при разработке тестовых случаев тестировщики используют любые доступные сведения о внутренней структуре или коде. Технологии, применяемые во время тестирования "белого ящика", обычно называют технологиями статического тестирования.
Этот метод не ставит цели выявление синтаксических ошибок, так как дефекты такого рода обычно обнаруживает компилятор. Методы белого ящика направлены на локализацию ошибок, которые сложнее выявить, найти и зафиксировать. С их помощью можно обнаружить логические ошибки и проверить степень покрытия тестами..
6.1.2 Тестирование методом «серого ящика»
«Серый ящик» - это метод тестирования программного продукта или приложения с частичным знанием его внутреннего устройства. Для выполнения тестирования «серого ящика» нет необходимости в доступе тестировщика к исходному коду. Тесты пишутся на основе знания алгоритма, архитектуры, внутренних состояний или других высокоуровневых описаний поведения программы.
6.1.3 Тестирование методом «черного ящика»
«Черный ящик» - это метод тестирования программного обеспечения, при котором функциональность исследуется без рассмотрения кода, деталей реализации и знаний о внутреннем устройстве программного обеспечения (ПО). Тестировщики пишут тест-кейсы, опираясь только на требования и спецификацию программного обеспечения.
6.1.4 Нагрузочное тестирование
Тестирование производительности -- в основном это нагрузочное тестирование. Нагрузочное тестирование сайта проверяется в большинстве случаев автоматом, то есть специальными программами. Это дает шанс проверить, насколько он будет работать под определенной нагрузкой. Цель этого тестирования, заключается в количестве виртуальных пользователей, которые задают n количество запросов, в одно время (будь это секунды даже). Тем самым результат дает то, смог ли проект выдержать, к примеру, 50 пользователей, которые одновременно покупали товар или авторизовались на сайте, ответ показывает, реально ли выдержать сайт такую нагрузку.
6.1.5 Тестирование пользовательского интерфейса
UI testing- это тестирование графического интерфейса пользователя, которая предполагает проверить сайт на соответствия требованиям к графическому интерфейсу, профессионально ли оно выглядит, выполнено ли оно в едином стиле.
6.1.6 Тестирование сайта на уязвимость
Это ключ к надежности веб-сайтов. Основные правила этого тестирования -- это проверка на уязвимость разных видов атак. Если это интернет-магазин, то, скорее всего, следует проверять запросы на Sql инъекцию (запросы к базе данных).
Для тестирования проекта был выбран метод «белого ящика».
6.2 Результаты тестирования
Результаты тестирования занесены в таблицу 6.7.1 Первая графа - начальные данные, вторая - то, что ожидается, а в последнем - выполнен ли результат.
Таблица 6.7.1 - Результаты тестирования
|
Начальные данные |
Ожидаемый результат |
Итог |
|
|
Переход по ссылке «Главная» |
Переход на главную, показ содержимого |
Да |
|
|
Переход по ссылке «Товары» |
Переход на страницу с подкатегориями товаров |
Да |
|
|
Переход по ссылке в выпадающем меню «Товары - Смартфоны» |
Переход на страницу «Смартфоны» и загрузка содержимого раздела |
Да |
|
|
Переход по ссылке в выпадающем меню «Товары - Ноутбуки» |
Переход на страницу «Ноутбуки» и загрузка содержимого раздела |
Да |
|
|
Переход по ссылке в выпадающем меню «Товары - Компьютеры» |
Переход на страницу «Компьютеры» и загрузка содержимого раздела |
Да |
|
|
Переход по ссылке в выпадающем меню «Товары - Комплектующие» |
Переход на страницу «Комплектующие» и загрузка содержимого раздела |
Да |
|
|
Переход по ссылке «Услуги» |
Переход на страницу с информацией об услугах, загрузка содержимого |
Да |
|
|
Переход по ссылке «Контакты» |
Переход на страницу «Контакты», загрузка содержимого |
Да |
|
|
Переход по ссылке в выпадающем меню «Контакты - Наш адрес» |
Переход на страницу с контактами и формой обратной связи |
Да |
|
|
Переход по ссылке в выпадающем меню «Контакты - Мы Вконтакте» |
Открытие ссылки в новой вкладке |
Да |
|
|
Заполнение формы обратной связи с полными полями |
Отправка сообщения на E-mail и возвращение на главную страницу |
Да |
|
|
Заполнение формы обратной связи с одним пустым полем |
Вывод ошибки о том, что поле не заполнено и выделение его красным цветом |
Да |
|
|
Заполнение формы с несколькими пустыми полями |
Вывод ошибки о том, что поля заполнены некорректно и подсвечивание пустых полей |
Да |
|
|
Наведение мыши на пункт меню «Контакты» |
Появление выпадающего списка «Контакты» |
Да |
|
|
Наведение мыши на пункт меню «Товары» |
Появление выпадающего списка при наведении мыши на меню «Товары» |
Да |
|
|
Нажатие на кнопку «Подробнее» под любым материалом |
Открытие статью полностью |
Да |
После создания сайта, он отправляется на апробацию к заказчику. Заказчик сверяет свои требования с разработчиком, проверяет, отвечает ли всем поставленным целям. После прохождения апробации сайт будет доступен пользователям.
Целью ВКР было создание сайта для организации ИП Смирнов «Мегабайт». В начале работы были выставлены определенные требования к сайту, от которых разработчик отталкивался, делая свою работу. Проанализировав целевую аудиторию, были выявлены оптимальные требования для сайта. Простота и удобство для клиента - самое главное, именно на этих принципах был сделан сайт.
В ходе выполнения работы были рассмотрены типы сайтов, средства разработки, архитектура программного продукта. Отталкиваясь от тех и иных достоинств и недостатков были выбраны самые оптимальные варианты.
1. Веб-сайты. Что это такое?. [Электронный ресурс]: - Режим доступа: http://fb.ru/article/183942/veb-saytyi---eto-chto-takoe
2. Этапы создания веб-сайтов. [Электронный ресурс]: - Режим доступа: http://im.fert.ru/pages/jetapy_sozdanija_veb-sajta/
3. Что такое структура сайта. [Электронный ресурс]: - Режим доступа: http://kaksdelatsite.ru/nemnogo-o-dizayne/
4. Правильная структура сайта. [Электронный ресурс]: - Режим доступа: http://yrokiwp.ru/seo/vnutrennjaja-optimizacija-sajta/struktura-sajta-primer-shema/
5. Кузнецов, М. В. РНР 5. Практика разработки Web-сайтов / М. В. Кузнецов, И. В. Симдянов, С. В.Голышев -- СПб.: БХВ-Петербург, 2005. -- 453 с.
6. Создание сайта на локальном сервере. [Электронный ресурс]: - Режим доступа: https://texterra.ru/blog/kak-zapustit-sayt-na-lokalnom-kompyutere.html
7. Что такое Joomla! [Электронный ресурс]: - Режим доступа: https://www.kakprosto.ru/kak-877389-chto-takoe-joomla
8. Что такое денвер и для чего он нужен [Электронный ресурс]: - Режим доступа: https://studfiles.net/preview/1882615/
9. Электронная библиотека [Электронный ресурс]: - Режим доступа: http://www.e-biblio.ru/book/bib/01_informatika/infteh/book/docs/piece205.htm