Разработка веб-сервиса предприятия (в выбранной предметной области) на базе CMS (на примере ООО «Москва карго» на базе CMS «WordPress»)

В CMS имеется большое количество плагинов, которые можно использовать для добавления функциональности к сайту. Кроме того, CMS позволяет создавать резервные копии сайта, что позволяет безопасно восстанавливать сайт при необходимости.2.3 Тестирование шаблона сайтаТестирование интерфейса сайта – это процесс проверки удобства использования, функциональности и общего взаимодействия с пользователем. Тестирования подразумевает просмотр веб-сайта с точки зрения пользователя, оценку элементов пользовательского интерфейса, путей навигации и других аспектов веб-сайта. Важно убедиться, что веб-сайт соответствует потребностям и ожиданиям пользователей, прост в использовании и навигации и все функции работают правильно. Тестирование интерфейса сайта может выполняться вручную или с помощью инструментов автоматизации. В данной работе будет использоваться ручное тестирование интерфейса веб-сайта.Тестовая среда: GoogleChrome, версия 109.0.5414.120Проведен обзор элементов пользовательского интерфейса, функциональности и взаимодействий, чтобы убедиться, что основные функции веб-сайта работают правильно при взаимодействиях с пользователем. Данные имеют правильный размер и формат, это важно, поскольку может повлиять на работу веб-сайта.В режиме настольного ПК сайт открывается корректно, далее представлена шапка сайта в режиме настольного ПК (рисунок 24).Рисунок 24 – Режим настольного ПКВ режиме настольного ПК сжатое окно отображается корректно (рисунок 25).Рисунок 25 – Режим настольного ПК, сжатое окноДалее представлено корректное отображение сайта в режиме планшета (рисунок 26).Рисунок 26 – Режим планшета, корректное отображениеДалее представлено корректное отображение сайта в режиме телефона (рисунок 27).Рисунок 27 – Режим телефона, корректное отображениеВ данной работе был реализован пользовательский интерфейс главной страницы, страница с курсами softи hardskillsи расписанием занятий, контактные данные и местоположение учреждения. Присутствует поддержка сайта как с персонального компьютера, так и для портативных устройств.Тестирование шаблона веб-сайта является важной частью процесса веб-разработки,это включает в себя обеспечение того, чтобы в коде не было ошибок, содержимое было правильно размещено, и все функции функционировали должным образом,что требует пристального внимания к деталям, глубокого понимания принципов веб-разработки и внимания к пользовательскому интерфейсу. Было проведено дизайнерское тестирование, которое определило что сайт хорошо выглядит на разных устройствах. После этого было просмотрено содержимое, где было проверено, что все правильно отформатировано и выложено. Далее было проведено тестирование функциональности шаблона, которая включала в себя проверку того, что все функции работают должным образом, и что пользователи могут взаимодействовать с шаблоном ожидаемым образом. Наконец, выполнено тестирование удобства использования,это означает тестирование шаблона с реальными пользователями, чтобы убедиться, что они могут перемещаться постраница сайта и использовать шаблон без каких-либо трудностей. Таким образом, шаблон соответствует ожидаемым стандартам и отвечает потребностям своих пользователей.Работа выполнена в полном объеме.ЗаключениеВ настоящее время происходит активный процесс информатизации общества, важность Интернета и доступа к информации будет только расти. В середине 21 века предприятия, организации и отдельные лица пользуются веб-сервисами и признают их важность и активное влияние на жизнь. Предоставляемая информация в интернете должна быть четкой и лаконичной, соответственновеб-сайты должны создаваться с упором на удобство использования и доступность информации, в соответствии с современными тенденциями и технологиями. Веб-сайт– это совокупность веб-страниц, изображений, видео и других цифровых ресурсов, размещенных на веб-сервере и доступных для пользователей через Интернет. Веб-сайт создается с использованием языков программирования, таких как HTML, CSS, JavaScript и других. Обычно он используется для предоставления информации, услуг или продуктов, и к нему может получить доступ любой, у кого есть подключение к сети Интернет. Веб-сайт может быть создан с нуля веб-разработчиком, или может быть создан с использованием системы управления контентом, такой как WordPress. Веб-сервис - это тип онлайн-программного обеспечения, которое позволяет пользователям получать доступ к различным приложениям и службам через Интернет. Он предоставляет компаниям платформу для привлечения новых клиентов, установления контактов с существующими и автоматизации их операций. Веб-сервис используют комбинацию различных технологий для предоставления пользователям безопасного и надежного доступа к ресурсам без необходимости загрузки и установки программного обеспечения. Веб-сервис часто интегрируются с другими приложениями и платформами, что обеспечивает удобство работы пользователя.Веб-сервис должен быть удобен для мобильных устройств и отвечать потребностям разных пользователей. Веб-сервисы могут обеспечить оптимальную производительность и максимальное вовлечение пользователей, веб-дизайн должен быть визуально привлекательным. Используя правильные цвета, шрифты и изображения, веб-сервисы можно сделать более привлекательными и запоминающимися, чтобы привлекать больше посетителей.Логика проведения исследования на тему создание веб-сервисов опиралась на следующие факторы: назначение сервиса, архитектура системы, безопасность сервиса, масштабируемость сервиса и стоимость запуска сервиса. Целью работы являлось: спроектировать и разработать web-сервис на базе CMS «WordPress» для оказания образовательных услуг на примере ООО «Москва карго».Разработка веб-сервисов– это процесс проектирования, разработки и развертывания приложений, доступных через Интернет. Данный процесс включает в себя создание клиентского и серверного программного обеспечения, которое можно использовать для доступа контента конечным пользователям. Первым шагом в разработке веб-сервисов является создание структуры веб-приложения, которая определяет, как приложение будет работать и взаимодействовать с пользователем. Обычно это подразумевает создание архитектуры, выбор фреймворка и языка программирования. Общие платформы веб-приложений включают RubyonRails, Django, ASP.NET и Spring. Как только фреймворк будет выбран, разработчик приступит к написанию кода приложения. То есть написание кода, определяющего поведение приложения, а также проектирование пользовательского интерфейса, этот процесс может включать создание API, которые позволяют пользователям получать доступ к данным и функциям приложения. После того, как код приложения написан, разработчику необходимо будет протестировать и развернуть его, что включает в себя размещение приложения на веб-сервере и чтобы убедиться, что приложение работает правильно выполняются тесты. После развертывания приложения пользователи могут получить к нему доступ через Интернет. Проект должен быть гибким и удобным для пользователей, чтобы иметь возможность изменять свой веб-сайт в соответствии с отзывами пользователей или с течением времени. В данной работе проанализированы системы управления контентом (CMS), такие как WordPress, Drupal, Joomla и Wix, и выбрана CMS WordPress, поскольку WordPress часто используется для предприятий из-за широкого набора функций и плагинов.CMS облегчает создание веб-сервисов, поскольку WordPress, созданна с использованием технологий с открытым исходным кодом, таких как PHP, HTML, CSS и JavaScript и работает на основе базы данных MySQL или MariaDB, обычно устанавливается на веб-сервере с Apache или Nginx, а ядро WordPress также использует ряд API, включая WP-API, REST-API и XML-RPC API. Данная структура позволяет разработчикам создавать собственные темы и плагины экономя время на разработку. WordPress обладает такими функциями, как возможность создавать настраиваемые сайты, настраиваемые поля и виджеты, а также многое другое, позволяющие разработчикам легко добавлять контент на сайт WordPress.Таким образом при помощи WordPress генерируется архитектура системы, обеспечивается безопасность сервиса, позволяется дальнейшаямасштабируемость сервиса.Практическая часть работы включает в себя разработку веб-сервиса предприятия ООО «Москва Карго» на базе CMS WordPress. Разработан шаблон проекта web-сайта при помощи HTML, JS, CSS и CMS Wordpress. В проекте веб-разработки использовался адаптивный дизайн. Данный проект создавался для повышения эффективности обучения сотрудников. Для того, чтобы создать обучающий сайт потребуется два разработчика и один дизайне, планируется что работа будет выполнена за три месяца, при этом затраты составят 1660 тыс. руб.На образовательномвеб-сайте представлено три страницы:-Главная (домашняя) страница web-сервиса с логотипом, различными изображениями, важными уведомлениями и информацией о событиях.-Страница «hardskills», где представлена информация о курсах hardskills-Страница «softskills», где представлена информация о курсах softskills-Присутствует контактная форма, с помощью которой сотрудники и посетители сайта могут связаться с ООО «Москва карго»В работе приведены скриншоты процесса создания и самого шаблона сайта, к которым относятся логотип, шапка сайта, тело сайта, активные кнопки softskill и hardskills, нажав на них переходит на следующие страницы, созданы гиперссылки, представлены такие страницы как hard и softskills, меню сайта, добавлены слайдшоу, контакты, футер сайта.Проведено успешное тестирование выполненной работы с корректным отображением каждой страницы при использовании различных устройств. Для качественного обслуживания и масштабируемостивеб-сервиса рекомендуется использовать отзывы пользователей, чтобы улучшить предоставляемые услуги на сайте, и в последствии дополнить веб-сервис обучающими материалами в соответствии с потребностями ООО «Москва карго».Таким образом, создание web-сервиса при помощи CMS для обучения сотрудников ООО «Москва карго» выполнено в полном объеме и с надлежащим качеством.ГлоссарийВеб-сервис – это любая часть программного обеспечения, которая доступна через Интернет.Интернет (или Internet) - это глобальная система взаимосвязанных компьютерных сетейWordPress – платформа CMS.HubSpot CMS Hub – это полностью интегрированная система управления контентом, специально разработанная для маркетологов и владельцев бизнеса.Joomla – еще одна популярная бесплатная платформа CMS с открытым исходным кодом, которая поставляется с множеством различных шаблонов и расширений.Drupal –платформа CMS с открытым исходным кодом.Wix – платформа CMS.Оценка качества – совокупность операций по выбору номенклатуры показателей, определению их действительного значения и сопоставлению с базовыми показателями.Точность-это близость результатов измерений к истинному значениюОбновление - замена устаревшего, негодного чем-либо новымВеб-дизайн - отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.UI-тестирование - это этап в процессе тестирования ПО, проверяющий интерфейс. Ручное тестирование - тестировщик вручную использует все функции веб-сайта или приложения для проверки любых расхождений. Автоматическое тестирование - позволяет тестировать программное обеспечение в нескольких сценариях тестирования, а также быстро и правильно многократно выполнять одни и те же тесты.Список сокращенийSOAP (SimpleObjectAccessProtocol) – это протокол на основе XML, который позволяет приложениям обмениваться данными в основном через HTTP и SMTP.UDDI (UniversalDescriptionDiscoveryandIntegration) – это открытая структура, позволяющая регистрировать и искать веб-сервис.HTTP (HyperTextTransferProtocol) – это протокол, позволяющий получать различные ресурсы, например, HTML-документы.CMS (ContentManagementSystem) – это система создания и управления сайтом.CSS (CascadingStyleSheets «каскадные таблицы стилей») — формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (чаще всего HTML или XHTML). Также может применяться к любым XML-документам, например, к SVG или XUL.JS (JavaScript) — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили.UI (userinterface) - пользовательский интерфейс.XML (eXtensible Markup Language) - расширяемыйязыкразметки.WSDL (WebServicesDescriptionLanguage) - язык описания веб-сервисов и доступа к ним, основанный на языке XML.SEO (searchengineoptimization) - комплекс мероприятий, с целью увеличения сетевого трафика, потенциальных клиентов и монетизации.URL (UniformResourceLocator) - система унифицированных адресов электронных ресурсов, или единообразный определитель местонахождения ресурса.Список использованных источниковПрофессиональная разработка сайтов на Drupal 7; Питер - Москва, 2020. - 688 c.Байков В. Интернет. Поиск информации и продвижение сайтов; Книга по Требованию - Москва, 2021. - 288 c.ДроновВ. PHP 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2022. - 544 c.Дронов Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов; БХВ-Петербург - Москва, 2021. - 416 c.Дронов Владимир PHP, MySQL и Dreamweaver MX 2004. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2020. - 448 c.Дронов Владимир РНР 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2022. - 544 c.Китинг, ДжодиFlash MX. Искусство создания web-сайтов; ТИД ДС - Москва, 2022. - 848 c.Костин С. П. Самоучитель создания Web-сайтов; Триумф - Москва, 2020. - 176 c.Аверин А. А. Бизнес в РФ; Эксмо - Москва, 2022. - 87c.Кристофер Б. Джонс 140 технологий раскрутки сайтов; Рид Групп - Москва, 2021. - 352 c.Дакетт Джон HTML и CSS. Разработка и дизайн веб-сайтов (+ CD-ROM); Эксмо - Москва, 2023. - 480 c.Дронов, Владимир MacromediaDreamweaver 4: разработка Web-сайтов; M.: БХВ - Москва, 2021. - 608 c.Митчелл, Скотт 5 проектов Web-сайтов от фотоальбома до магазина; М.: НТ Пресс - Москва, 2020. - 224 c.Прохоренок Николай Разработка Web-сайтов с помощью Perl и MySQL; БХВ-Петербург - Москва, 2020. - 550 c.Фридман В. А., Александров А. В., Сергеев Г. Г., Костин С. П. Строительство Web-сайтов (+ CD-ROM); Триумф - Москва, 2021. - 288 c.ЭнжЭрик, Спенсер Стефан, Фишкин Рэнд,СтрикчиолаДжесси SEO. Искусство раскрутки сайтов; БХВ-Петербург - Москва, 2020. - 668 c.Хуторской А. В., Орешко А. П. Технология создания сайтов. 10-11 классы; Дрофа - Москва, 2021. - 256 c.Андерсон, С. Приманка для пользователей: создаем привлекательный сайт / С. Андерсон; [пер. с англ. С. Силинский]. - Москва: Питер, 2020. - 234 с.Вин, Ч. Как спроектировать современный сайт: профессиональный веб-дизайн на основе сетки / Ч. Вин. - Москва [и др.]: Питер, 2021. - 192 с.Гаевский, А. Ю. 100% самоучитель по созданию Web-страниц и Web-сайтов: HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - Москва: Технолоджи - 3000: Триумф, 2020. - 457 с.Казакова, Г.Я., Казакова Г.К. Экономическая сущность и преимущества малых инновационных предприятий. В сборнике: Экономика и управление отраслями, комплексами на основе инновационного подхода Материалы Международной научно-практической конференции. Редактор: Б.К. Салаев. 2020. с. 63–64.Макаева, К.И. Перспективы развития нравственного предпринимательства в России // Современное предпринимательство: состояние и перспективы - Ставрополь: Компания «Бюро новостей», 2021. - с. 79-82.Гаевский, А.Ю.; Романовский, В.А. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript; М.: Триумф - Москва, 2021. - 900 c.San Murugesan, YogeshDeshpande Web Engineering: Managing Diversity and Complexity of Web Application Development; Театралис - Москва, 2021. - 454 c.Tim Berners-Lee Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web; HarperCollins Business - Москва, 2020. - 500 c.Uyless Black Voice Over IP (2nd Edition); Silhouette - Москва, 2020. - 525 c.William Horton, Lee Taylor, Arthur Ignacio, Nancy L. Hoft The Web Page Design Cookbook: All the Ingredients You Need to Create 5-Star Web Pages; -Москва, 2021 - 800 c.Applied Sap Bi 7.0 Web Reports: Using Bex Web Analyzer And Web Application Designer; СПб.;ТипографияЭ. Арнгольда, Литейныйпроспект,№59 - Москва, 2021. - 201 c.Amanda Spink Web Search: Public Searching of the Web (Information Science and Knowledge Management); Pelican Publishing Company - Москва, 2020. - 452 c.AmitKalani, PritiKalani MCAD/MCSD Developing XML Web Services and Server Components with Visual C# .NET and the .NET Framework (+ CD-ROM); Que Certification - Москва, 2021. - 785 c.Antony BolanteAfter Effects 6.5 for Windows and Macintosh: Visual QuickPro Guide (Visual Quickpro Guide); Peachpit Press - Москва, 2020. - 575 c.Ashley Friedlein Web Project Management: Delivering Successful Commercial Web Sites; М.:Госюриздат; Издание 3-е, доп. - Москва, 2021. - 785 c.Приложение А. СкриншотwordpressВ данном приложении представлен скриншот сайта wordpress, официальная ссылка на сайт https://wordpress.com/ (рисунок 1)Рисунок 1 – Скриншот сайта wordpress.comПриложение Б. Скриншот разработанного сайтаПредставлен скриншот разработанного сайта ООО Москва Карго по обучению сотрудников, официальная ссылка на сайт moscowst98.wordpress.com (рисунок 1)Рисунок 1 – Скриншот разработанного сайта по обучению сотрудников