Разработка Web-ресурса для сети парикмахерских "Алина"

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

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

СОДЕРЖАНИЕ

• ВВЕДЕНИЕ
• 1. АНАЛИТИЧЕСКИЙ ОБЗОР
• 1.1 Анализ предметной области
• 1.2 Определение целевого сегмента
• 1.3 Анализ аналогичных сайтов в сети Интернет
• 1.4 Анализ функций сайта
• 1.5 Анализ средств разработки сайтов
• 1.6 Обоснование выбора платформы «WordPress» для разработки web-ресурса
• 2. ПРОЕКТИРОВАНИЕ
• 2.1 Проектирование структуры сайта
• 2.2 Структура базы данных
• 2.3 Проектирование пользовательского интерфейса
• 2.4 Разработка дизайна web-сайта
• 3. РЕАЛИЗАЦИЯ
• 3.1 Выбор хостинга и установка CMS «WordPress»
• 3.2 Установка плагина Woocommerce
• 3.3 Создание категорий и добавление товаров
• 3.4 Обеспечение защиты web-сайта
• 4. ТЕСТИРОВАНИЕ
• 4.1 Методика тестирования
• 4.2 Результаты тестирования
• ЗАКЛЮЧЕНИЕ
• СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОНИКОВ
• ВВЕДЕНИЕ
• С каждым годом население все активнее пользуется услугами сети Интернет. Одна из главных услуг - поиск интересующей информации: расписание транспорта, данные для реферата по указанной тематике, афиша городских мероприятий, отзывы об отеле, список магазинов, где имеется нужный товар и т.п. Другое направление - связь с удаленными друзьями, родственниками, коллегами. Все более популярным становится приобретение через Интернет билетов на поезд, в театр, самолет, бытовой техники, продуктов питания и многого другого. С помощью web-сайтов осуществляются различные функции. Заинтересованы в наличии собственного сайта и предприниматели.
• Сайты создаются для предоставления информации пользователю в полной мере. Они способствуют поддержанию связи потребителя и производителя. С помощью сайта организации рекламируют свою продукцию и услуги, привлекают новых клиентов, ищут партнеров, заявляют о себе, увеличивают доход, укрепляют имидж. Поэтому хороший web-сайт - залог успеха для компании.
• Чтобы привлечь клиентов, необходим web-сайт, отражающий всю структуру организации и её специфику. Так же на сайте должна находиться информация о продукции и услугах.
• В выпускной квалификационной работе будет реализован web-ресурс для сети парикмахерских «Алина». Целью которого является привлечение людей к предоставляемым услугам фирмы, ознакомление с ними, реклама, а также продажа товаров через интернет.
• 1. АНАЛИТИЧЕСКИЙ ОБЗОР

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

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

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

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

1.2 Определение целевого сегмента

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

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

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

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

1.3 Анализ аналогичных сайтов в сети Интернет

В сети Интернет имеется множество web-сайтов данной тематики.

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

Основные характеристики интернет-магазина «OZONE»

Интернет-магазин «Озон» располагается в сети Интернет по адресу: www.ozon.ru.

Магазин занимается распространением товаров таких категорий как:

- книги, пресса;

- программное обеспечение;

- видео, dvd;

- подарки и игрушки;

- цифровую технику;

- товары для детей;

- и многое другое.

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

Для безопасности присутствуют некоторые особенности:

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

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

В магазине удобно организован поиск нужного товара. Если товара нет в наличии, существует возможность оставить заявку.

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

Просмотреть содержимое корзины возможно в любой момент.

Любой товар, имеющийся в корзине, можно:

- отложить до следующей покупки;

- изменить количество приобретаемых экземпляров;

- переместить товар из списка отложенных в текущий заказ;

- удалить из корзины.

В Озоне предлагаются самые разнообразные формы оплаты.

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

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

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

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

1.4 Анализ функций сайта

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

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

Обычно преследуются следующие цели:

- коммерческая;

- сервисная;

- рекламная;

- просветительская.

Цель определяет дизайн, навигацию, контент, структуру и инструменты для разработки web-сайта. Например, для коммерческой и рекламной отлично подходит WordPress, дающий возможность создавать «мощный» контент интернет-магазина.

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

Любой сайт обладает такими основными функциями как: маркетинговая, имиджевая и информационная.

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

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

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

Проанализировав функционал сайта можно выделить задачи, который должен выполнять web-сайт:

1) Web-ресурс является отличным методом предоставления каждому желающему наиболее полной, продуманной, адресной и оперативной информации о себе и своих услугах [1].

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

3) Интернет-ресурс может позволить существенно сократить затраты на традиционную рекламу в случае, если он используется одновременно с другими рекламными инструментами: наружной рекламой, прессой и т.п. [1].

4) Интернет-ресурс способствует расширению рынка сбыта продукции.

5) Интернет-ресурс является отличным средством конкурентной борьбы. За помощью к web-представительствам обращается все больше и больше организаций. Интернет-магазин станет дополнительным преимуществом организации перед конкурентами, дополнительным и очень эффективным орудием конкурентной борьбы.

6) Возможность использования сайта в качестве корпоративного хранилища данных, с которыми сотрудники имеют возможность работать дома и в командировках, а также будут доступны сотрудникам в других регионах [1].

Проанализировав поставленные задачи, основным программным средством для разработки web-ресурса была выбрана система управления контентом «WordPress».

1.5 Анализ средств разработки сайтов

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

1) Бесплатный хостинг с конструктором сайтов

На сегодняшний день в сети Интернет имеется большое количество бесплатных хостингов с конструкторами сайтов. Один из самые популярных это:

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

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

Также существует хостинг Narod.ru, который однозначно уступает по функциональности Ucoz, но он гораздо проще в освоении. На нём можно создавать Web-сайты, имеющие множество страниц, не прибегая к правке html-кода.

Продвинутые пользователи данного хостинга, со знаниями HTML, CSS и JavaScript, имеют возможность создания собственного сайта. Значительным минусом данного хостинга является то, что он не поддерживает Php и MySQL.

2) Написание вручную кода web-сайта

Данный способ самый сложный и требует большого опыта в web-программировании. Также требует обширных знаний HTML, CSS, JavaScript, PHP, Java и других языков web-программирования.

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

- HTML.

Веб-страницы кодируются на языке гипертекстовой разметки - HTML. Чтобы написать HTML-файл, достаточно иметь любой текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы. Самый простой вариант - это редактор Notepad (Блокнот). Собственно говоря, это именно то, что нужно, - простейшая программа, сохраняющая написанный текст именно в том виде, в котором он был введен, и ничего лишнего [2].

Однако в очень простых текстовых редакторах типа Блокнота весь HTML-текст приходится писать вручную, а многим хотелось бы какую-то часть работы автоматизировать. Учитывая это желание, разработчики создали специализированные средства, призванные облегчить труд веб-программиста.

- DHTML

Динамический HTML-это коммерческий термин, придуманный для описания технологий, который были введены в четвертой версии web-браузеров и позволяли обходить ограничения HTML [3].

Преимущества DHTML:

- поддерживается всеми браузерами;

- использует стандартные технологии;

- можно вносить изменения в web-страницу после ее загрузки;

- не требует модулей расширении.

Недостатки DHTML:

- разный вид страниц из-за несовместимости браузеров и операционных страниц

- JavaScript и CSS весьма чувствительны к ошибкам в синтаксисе;

- Ненадежная работа в связи с ошибками в браузерах.

- CSS

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

- JavaScript

Популярность языка JavaScript связана с его широкими возможностями по взаимодействию с элементами web-страницы без ее перезагрузки [4].

Возможности JavaScript:

- поддержка слоев;

- работа с формами;

- работа с изображениями;

- определение даты и времени;

- работа с cookies;

- отслеживание событий;

- создание новых окон;

- проверка браузера;

- математические функции;

- управление содержимыми документа.

- PHP

PHP-это язык программирования предназначен для создания сайтов. PHP позволяет автоматизировать работу с сайтом. Это скрипт-язык, встраиваемый в HTML, который интерпретируется и выполняется на сервере [5].

3) HTML-редакторы

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

Из множества существующих визуальных HTML-редакторов наиболее распространенные:

Microsoft Front Page - весьма удобный визуальный HTML-редактор, освоение которого не займет большого количества времени. Front Page имеет очень понятный интерфейс, схожий с интерфейсами других продуктов Microsoft Office. Инструменты, имеющиеся в HTML-редакторе, позволяют создавать сайты абсолютно любой сложности и без проблем размещать их в сети. Далее на смену Front Page пришел Microsoft Office SharePoint Designer. А в 2009-м данный продукт стал бесплатным, вследствие чего завоевал любовь многих разработчиков сайтов.

Ещё одним мощным HTML-редактором является Adobe Dreamweaver, он позволяет действительно быстро и эффективно создавать web-сайты, при этом поддерживаются все основные стандарты сети Интернет (Flash, ASP.NET, PHP и ColdFusion MX), для наиболее легкого освоения в состав продукта включена развитая система подсказок и интерактивных уроков, примеры web-страниц и шаблоны. Без преувеличения можно сказать, что Dreamweaver на данный момент один из лучших визуальных HTML-редакторов для разработки web-сайтов любого назначения. Нельзя не брать в расчет высокую стоимость продукта, что является препятствием для web-разработчика.

4) Использование систем управления контентом(CMS)

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

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

1.6 Обоснование выбора платформы «WordPress» для разработки web-ресурса

Большая часть авторитетных разработчиков web-сайтов пришла к мнению, что для выполнения простых и средних по сложности проектов наиболее подходящим вариантом является использование CMS «WordPress». С использованием CMS «WordPress», не составит труда создать и сайт-визитку, и некий отраслевой портал, и интернет-магазин.

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

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

Среди явных преимуществ интернет-магазина на CMS WordPress можно выделить:

- Динамичность;

- Очень простая и интуитивно понятная страница администрирования сайта;

- Большое количество бесплатных тем и плагинов, которые позволяют бесконечно расширять функционал магазина, не прибегая к замене системы;

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

- Установить обновления не вызовет затруднения, так как в системе все делается буквально в 1 клик;

- Легко удалять, изменять и добавлять товары;

- Легко изменяются любые элементы оформления.

Из этого следует, что использование CMS «WordPress» для разработки web-ресурса наиболее удобно и не составит большого труда выполнить проект.

2. ПРОЕКТИРОВАНИЕ

2.1 Проектирование структуры сайта

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

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

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

Рисунок 2.1 - Use-case диаграмма

Исходя из анализа диаграммы вариантов использования были вы

делены следующие структурные элементы сайта:

- каталог товаров;

- клиентская корзина;

- поисковая система;

- форма отправки заказа.

- форма регистрации;

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

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

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

Форма отправки заказа необходима для ввода контактной информации покупателя и отправки её вместе с заказом организации.

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

Структурная схема сайта представлена на рисунке 2.2.

2.2 Структура базы данных

База данных создается в процессе создания проекта, далее создание нужных таблиц для работы web-ресурса происходит автоматически. Данные имеющиеся в базе данных проекта можно посмотреть в phpMyAdmin.

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

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

Рисунок 2.2 - Структурная схема Web-сайта

Структура базы данных представлена на рисунке 2.3.

База данных проекта на WordPress состоит из нескольких взаимосвязанных таблиц. Между таблицами установлены связи один ко многим. Большая часть таблиц связаны с другими с помощью уникального идентификатора. В базе WordPress имеются такие типы контента:

- Записи (posts);

- Страницы (pages);

- Пользовательские типы записей (custom post types);

- Вложения (attachments);

- Ссылки (links);

- Элементы меню (navigation menu items).

Данные типы контента содержат такие данные:

- Категории (categories);

- Метки (tags);

- Пользовательские таксономии (custom taxonomies and terms);

- Метаданные (post metadata).

Рисунок 2.3 - Структурная схема базы данных

Также существуют типы контента, хранящиеся в другом виде:

- Виджеты (widgets);

- Опции (options);

- Пользователи (users);

- Сайты для MU WordPress;

- Нестандартный контент (hardcoded content), который добавляют некоторые темы/плагины;

- Сторонний контент (third party content) (например RSS).

Все данные типы контента находятся в таблицах базы данных или в файлах настроек тем/плагинов. Любой тип может быть представлен как отдельной записью в таблице, так и её частью. Также они могут быть взаимосвязаны с данными в иных таблицах. Например, сведения о записях связаны со сведениями о пользователях, так что WordPress известно, кто является автором конкретной записи [6].

2.3 Проектирование пользовательского интерфейса

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

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

2.4 Разработка дизайна web-сайта

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



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

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

Главная страница должна иметь отличия от других и в тоже время соответствовать общей стилистике web-сайта. Внешний вид страниц сайта должен иметь единый стиль. Шрифт и стиль текста нужно подобрать так, чтобы он легко воспринимался пользователем [7].

WordPress предоставляет большой выбор готовых тем (рисунок 2.5).

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

На следующих рисунках продемонстрированы внешний вид каталога (рисунок 2.7) и страницы товара (рисунок 2.8).

Рисунок 2.5 - Менеджер тем

Рисунок 2.6 - Дизайн темы

Помимо товаров и информации о них web-сайт будет иметь различные сервисы, это поиск (рисунок 2.9), форма авторизации пользователей (рисунок 2.10), форма информации о доставке (рисунок 2.11) и корзина (рисунок 2.12).



Рисунок 2.7 - Каталог товаров

Рисунок 2.8 - Страница товара

интернет магазин wordpress сайт

Рисунок 2.9 - Поиск

Рисунок 2.10 - Форма авторизации

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

Рисунок 2.12 - Корзина

3. РЕАЛИЗАЦИЯ

3.1 Выбор хостинга и установка CMS «WordPress»

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

Был выбран хостинг Beget, так как на сегодняшний день он считается одним из лучших и популярных хостингов в России. Beget имеет отлично продуманную сетку тарифов, и найти среди них подходящий для себя может как пользователь новичок, так и профессиональный веб-программист, т.е. начиная от недорогих тарифов Blog, Start и до продвинутого Great. Для того чтобы убедиться в качестве предоставляемых услуг можно воспользоваться бесплатным месяцем, предоставляемым на тестирование любого из них. Безусловным плюсом данного хостинга является хорошо продуманная страница администрирования: интерфейс админки действительно прост и понятен, дает возможность с легкостью выполнить любые задачи, а также доступ к расширенному функционалу. Имеющаяся на этом хостинге техническая поддержка быстро решает все появляющиеся вопросы.

Перед установкой сайта у этого хостинг-провайдера, необходимо зарегистрироваться и войти в учётную запись. После регистрации и выбора подходящего тарифа необходимо зайти в панель управления хостингом и зайти в раздел «Домены» (рисунок 3.1) [8].

В появившемся окне необходимо выбрать «У меня уже есть домен». В следующем окне вводим в поля имя домена и зону, выбираем «Создать новый сайт и направить домен на него» и добавляем домен (рисунок 3.2).

После этой операции домен пропишется на DNS-серверах. Далее необходимо установить CMS. Быстро установить систему WordPress позволит раздел «Автоматическая установка CMS» (рисунок 3.3).

Чтобы установить CMS на какой-либо сайт нужно нажать «Установить CMS» рядом с любым из сайтов в списке. Далее необходимо выбрать из списка CMS «WordPress» (рисунок 3.4).

Рисунок 3.1 - Панель управления хостингом

Рисунок 3.2 - Управление доменами



Рисунок 3.3 - Автоматическая установка CMS

Рисунок 3.4 - Список имеющихся CMS

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

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

Для доступа к административной панели «WordPress» используется адрес разрабатываемого web-сайта с добавлением к пути "/wp-admin". После корректного ввода адреса, произойдет переход на страницу авторизации (рисунок 3.5).

При корректном вводе логина и пароля администратора откроется основная страница администрирования системой, то есть откроется панель администратора (рисунок 3.6), которая предоставит возможность управления всем функционалом и возможностями CMS «WordPress» [8].

3.2 Установка плагина Woocommerce

Для организации интернет-магазин на платформе WordPress отлично подойдет плагин Woocommerce. Woocommerce - это комплексное расширение, имеющее следующие преимущества:

Рисунок 3.5 - страница входа в административную панель



Рисунок 3.6 - Административная панель«WordPress»

- плагин бесплатный;

- простая установка в 1 клик;

- удобный и понятный интерфейс административной части;

- проработанная система отчетности;

- наличие встроенного функционала, необходимого для формирования каталогов и продажи аналогичного товара;

- возможность организации системы купонов и скидок с поддержкой дат и сроков действия;

- наличие шаблонов почтовых рассылок и оповещений;

- простая система управления продуктами и категориями товаров, их сортировки;

- возможность seo-оптимизации;

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

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

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

- масса шаблонов WordPress Woocommerce, поддерживающих интеграцию с расширением; при этом всегда есть возможность адаптации практически любой темы Вордпресс под плагин [9].

При таком большом количестве преимуществ, стоит отметить, что плагин Woocommerce рассчитан на создание некрупных интернет-магазинов. Работа с этим плагином в данной системе подойдет в том случае, если ресурс предполагает не очень большое число товаров (до десятков тысяч) и не предусматривает интеграции с бухгалтерией и системами учета (1С, печать банковских документов) [9].

Далее нужно установить сам плагин Woocommerce. Лучше всего это сделать непосредственно из менеджера плагинов (рисунок 3.7).

Во время установки происходит автоматический перевод плагина. По завершению успешной активации установщик предлагает сделать базовые настройки. В первую очередь создать обязательные страницы интернет-магазина: «Каталог», «Корзина», «Оплата», «Доставка». В дальнейшем редактирование этих страниц будет доступно из консоли в разделе «Страницы» (рисунок 3.8). После завершения прохождения данной процедуры, установка плагина Woocommerce считается завершенной.

Рисунок 3.7 - Менеджер плагинов



Рисунок 3.8 - Менеджер создания страниц

3.3 Создание категорий и добавление товаров

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

В консоли CMS необходимо открыть вкладку «Товары» -- «Категории». Здесь необходимо заполнить поля:

- название -- которое будет отображаться с объектом;

- ярлык -- написание названия для url, латиницей;

- описание -- описание категории.

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

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

После создания всех категорий товаров, можно переходить к наполнению магазина товарами. Нужно открыть раздел «Товары» -- «Добавить товар». В этом разделе в первую очередь заполняются поля «Название товара» и «Описание товара», а также выбирается соответствующая категория. В «Описании товара» стоит выложить все важные параметры и характеристики объекта.

После этого все добавленные товары доступны для изменения и управления в консоли в разделе «Товары» (рисунок 3.9).

Рисунок 3.9 - Менеджер товаров

3.4 Обеспечение защиты web-сайта

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

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

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

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

Защита сайта различными методами обеспечит высокую надежность.

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

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

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

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

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

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

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

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

4. ТЕСТИРОВАНИЕ

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

В соответствии с IEEE Std 829-1983 тестирование -- это процесс анализа программного обеспечения, направленный на выявление отличий между его реально существующими и требуемыми свойствами (дефект) и на оценку свойств программного обеспечения.

По ГОСТ Р ИСО МЭК 12207-99 в жизненном цикле программного обеспечения определены среди других дополнительных процессов верификации, аттестации, совместного анализа и аудита. Верификация является процессом определения того, что программные продукты работают в полном соответствии с условиями, выполненными в прошлых работах. Этот процесс может содержать анализ, проверку и тестирование. Процесс аттестации - это процесс установления полноты соответствия установленных условий, созданной системы или программного продукта их назначению. Операция совместного анализа - это процесс оценки состояний и, при возникновении необходимости, продуктов работ по проекту. Процесс аудита - это процесс определения соответствия условиям, планам и требованиям договора. В сумме эти операции и составляют тестирование [10].

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

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

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

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

Заполнение базы данных производилось ручным вводом.

Тестовые наборы были нацелены на обнаружение некорректного ввода данных.

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

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

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

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

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

В целом тестирование разрабатываемого web-ресурса состоит из тестирования отдельных модулей сайта.

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

Экспериментально определена средняя скорость загрузки страницы, она составляет 2 секунды.

При тестировании проекта сбоев не обнаружено.

В качестве требований к функциональному тестированию взяты функциональные требования и данные Use Case диаграммы.

Число одновременно работающих пользователей с базой данных mysql не ограничено.

ЗАКЛЮЧЕНИЕ

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

Разработка Интернет-магазина на базе системы управления контентом «WordPress», обеспечила:

- гибкую информационную структуру;

- удобство в использовании;

- удобный интерфейс страницы администрирования для изменения структуры и добавления информации;

- легкое редактирование любых элементов оформления;

- динамичность;

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

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

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Русская сеть. Информационный портал о программировании [Электронный ресурс] - URL: http://www.ruweb.ru/toclients/functions.shtml.

2. Авербах, В.С. Учебное пособие - Средства разработки сайтов разного уровня / Авербах, В.С - Самара: СГЭУ, 2010. - 114с.

3. Паттерсон, Л Использование HTML 4 / Паттерсон, Л - Москва: Вильямс, 1999. - 399 с.

4. Дарнелл, Р. JavaScript: Справочник / Дарнелл, Р. - Санкт-Петербург: Питер, 2000. - 191с.

5. Колисниченко, Д.Н. Современный сайт на РНР и JavaScript / Колисниченко, Д.Н. - Санкт-Петербург: Питер, 2009. - 176 с.

6. «Хабрахабр» -- социальное СМИ об IT [Электронный ресурс] - URL: https://habrahabr.ru/post/233479/.

7. Нильсен, Я. Веб-дизайн. / Нильсен, Я. - Санкт-Петербург: Символ-Плюс, 2006. - 512 с.

8. WordPress Mania [Электронный ресурс] - URL: https://wordpressmania.ru/.

9. Pro-Wordpress [Электронный ресурс] - URL: http://pro-wordpress.ru/poleznoe/plagin-woocommerce-wordpress.php.

10. ГОСТ Р ИСО МЭК 12207-99 "Процессы жизненного цикла программных средств".

11. Орлов, С. А. Технологии разработки программного обеспечения: учебник / Орлов, С. А. - Санкт-Петербург: Питер, 2003. - 464 с.

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