Разработка информационной системы патрульно-постовой службы УМВД России по городскому округу Королев

2) Адаптивный дизайн веб-сайта использует сочетание гибких сеток, макетов, изображений и медиа-запросов для создания веб-сайта, который качественно выглядит на всех устройствах. Кроме того, адаптивные веб-сайты спроектированы так, чтобы их было легко использовать, гарантируя, что пользователи смогут быстро найти то, что им нужно. Адаптивный дизайн веб-сайта также помогает улучшить рейтинг веб-сайта в поисковых системах, поскольку гарантирует, что весь контент доступен для поисковых систем.Также на сайте будет доступна опция подписчиков по электронной почте.Рисунок 12– Процесс просмотра подписчиковДалее приведем скриншоты процесса создания и самого шаблона сайта. Сайт будет создаваться на бесплатном плане Wordpress.Рисунок 13– Процесс создания логотипаРисунок 14– Шапка сайтаРисунок 15– Создание тела сайтаАктивнанадпись:«Повышение квалификации», нажав на которую переходит на следующую страницу.Рисунок 16– Создание ссылкиРисунок 17– Меню сайтаРисунок 18– Страница «Повышение квалификации»Рисунок 19– Продолжение страницы «Повышение квалификации»Рисунок 20– Тело основной страницы, изображение и описаниеРисунок 21 – Описание процесса обученияРисунок 22 – Информация для привлечения вниманияРисунок 23 – Информация для контактной связи Рисунок 24 – Футер сайта с контактной информацией и гиперссылками Основными результатами создания информационной системы на базе Web-технологий с помощью системы управления контентом (CMS) являются упрощение процесса разработки и управления сайтом. В CMS имеется большое количество плагинов, которые можно использовать для добавления функциональности к сайту. Кроме того, CMS позволяет создавать резервные копии сайта, что позволяет безопасно восстанавливать сайт при необходимости.3.2 Тестирование шаблона сайтаТестирование интерфейса сайта – это процесс проверки удобства использования, функциональности и общего взаимодействия с пользователем. Тестирования подразумевает просмотр веб-сайта с точки зрения пользователя, оценку элементов пользовательского интерфейса, путей навигации и других аспектов веб-сайта. Важно убедиться, что веб-сайт соответствует потребностям и ожиданиям пользователей, прост в использовании и навигации и все функции работают правильно. Тестирование интерфейса сайта может выполняться вручную или с помощью инструментов автоматизации. В данной работе будет использоваться ручное тестирование интерфейса веб-сайта.Тестовая среда: GoogleChrome, версия 109.0.5414.120Проведен обзор элементов пользовательского интерфейса, функциональности и взаимодействий, чтобы убедиться, что основные функции веб-сайта работают правильно при взаимодействиях с пользователем. Данные имеют правильный размер и формат, это важно, поскольку может повлиять на работу веб-сайта.В режиме настольного ПК сайт открывается корректно.Рисунок 24 – Режим настольного ПКРисунок 25 – Режим настольного ПК, сжатое окноРисунок 26 – Режим планшета, корректное отображениеРисунок 27 – Режим телефона, корректное отображениеВ данной работе был реализован пользовательский интерфейс главной страницы, страница с курсами и списком программ повышения квалификации, контактные данные. Присутствует поддержка сайта как с персонального компьютера, так и для портативных устройств.Работа выполнена в полном объеме.4. Оценка экономической эффективности ИС на базе Web-технологий4.1 Расчет себестоимости проектаПредставлены этапы разработки проекта ИС на базе Web-технологий и их длительность (таблица 4.1).Таблица4.1–ЭтапыпроектаИСиихдлительность№РаботаКоличество дней1Формирование и анализ требований к ИС22Разработка плана ИС43Разработка пробной версии ИС54Альфа и бета-тестирование ИС 55Версия релиза106Вводвдействие вотделе ППС4Итого:30Участники проекта: два разработчика и один дизайнер. Втаблице4.2представленораспределениеработпоучастникам.Таблица4.2–распределениеработпо участникампроекта№РаботаДниСпециалистДизайнерРазработчики1Формирование и анализ требований к ИС2112Разработка плана ИС4133Разработка пробной версии ИС5144Альфа и бета-тестирование ИС5145Версия релиза10196Вводвдействие вотделе ППС413 Итого:30624Посчитаемзаработнуюплатуучастниковпроекта(таблица4.3).Таблица4.3–Зарплатаучастниковпроекта№ИсполнительДни работыСумма,тыс. руб.1Дизайнер301402Два разработчика30280Итого:420В таблице 4.4 представлены данные о закупленных средствах и услугах для разработки ИС.Таблица4. 4 – Данные о закупленных средствах и услугах для разработки ИСЗакупилиШт.Сумма, руб.Ноутбук AcerAspire 3 A315-423141000Месяц интернета для бизнеса13000Коврик для мыши Sven GL-009BK3900Мышь DefenderDelta MM-5233900Итого:0145800Поскольку в разработке участвует три человека (дизайнер и два разработчика), требуется закупить три ноутбука, три мыши и три коврика для мыши, оплатить интернет.Такжеукажемзатратынарасходныематериалы(таблица4.5).Таблица4.5–Затратынарасходныематериалы№ЗатратыЧислоСтоимость, руб.1Канцелярия15002Флеш-карта32 ГБ11000Итого:1500Итог данных по затратам в общей таблице 4.6Таблица 4.6 – Себестоимость ИС ППС УМВД России по городскому округу КоролевЗатратыСумма, руб.Доля затрат, в %Заработная плата42000074%Средства и услуги14580025,7%Расходные материалы15000,3%Итого:567300100,00%Иные приблизительные затраты на платный хостинг, SEO-продвижение, аренду офиса 30 квадратных метров, затраты на мебель (три стула и три стола), коммунальные услуги, поддержка и дальнейшее обслуживание сайтапредставлены в таблице 4.7Таблица 4.7 – Иные затраты№ЗатратыЧислоСтоимость, руб.1Хостинг130002SEO-продвижение (в год)170003Аренда офиса (30 кв.м.)1150004Мебель (стулья и столы)6250005Коммунальные услуги150006Поддержка и обслуживание сайта (в месяц)110000Итого:650004.2 Расчет срока окупаемости проектаСрок окупаемости сайта электронного обучения варьируется в зависимости от бюджета, выделенного на проект, и сроков реализации. Как правило, более короткие сроки реализации могут привести к более короткому периоду окупаемости. Точный срок окупаемости сайта электронного обучения можно определить, проанализировав связанные с ним расходы и предполагаемые выгоды, которые будут получены от него.Поскольку, стоимость сайта электронного обучения включает в себя стоимость разработки, хостинга, обслуживания и другое, то период окупаемости можно оценить, сравнив общую стоимость с ожидаемыми выгодами от использования сайта, такими как увеличение производительности и снижение затрат на обучение. Дополнительные преимущества, такие как повышение удовлетворенности сотрудников и повышение эффективности, также должны быть приняты во внимание.Спланированный период окупаемости должен учитывать общую стоимость сайта электронного обучения, а также ожидаемые преимущества, что поможет определить, стоит ли инвестировать в сайт электронного обучения.Сайт окупит себя в тот момент, когда прибыль, полученная от всех сделок, совершённых при помощи сайта, сравняется с суммой затрат на его создание.Затраты, окупаемость и прибыль – это три разных термина, связанных с финансовыми аспектами предприятия или проекта. Затраты относятся к общей сумме денег, которые тратятся на производство продукта. Окупаемость – это время, необходимое для того, чтобы выйти в ноль и начать получать прибыль. Прибыль–это финансовая выгода, полученная после возмещения первоначальных инвестиций. Размер прибыли будет определяться тем, какая часть первоначальных затрат была покрыта окупаемостью. Сделки – число состоявшихся сделок.В среднем показатель прибыли с каждой сделки составляет 6000 руб., это процент показателя заключенного договора с одним сотрудником на обучение.Примерное число посетителей ИС на базе Web-технологий составляет 30 посетителей в рабочие дни.Допустим в день будет заключена одна сделка по предоставлению услуг обучения.Для того, чтобы оценить срок окупаемости проекта следует применить формулу: срок окупаемости равен,затраты деленные на количество сделок в день, умноженное на прибыль.Подставив данные в формулу получится следующее:Срок окупаемости, дни = (567300) / (1 х 6000) = 94,55 днейСредняя прибыль в месяц = 1 х 6000 х 30 = 180000 руб.После того как затраты на сайт окупятся средняя прибыль в месяц составит от 180000 рублей.Срок окупаемости проекта три месяца. Таким образом, создание ИС на базе Web-технологий является выгодным вложением в развитие организации.ЗаключениеВ ближайшем будущем развитие информационных систем будет по-прежнему идти быстрыми темпами в связи с расширением доступности и совершенствованием основанных на данных технологий. По мере того, как данные становятся все более взаимосвязанными и легкодоступными, предприятия смогут воспользоваться широким кругом новых возможностей. В результате информационные системы станут более мощными и гибкими, что позволит предприятиям лучше использовать и анализировать данные и разрабатывать более эффективные операции.Будущее информационных систем выглядит многообещающим, и у организаций появляется много новых возможностей максимально использовать современные технологические достижения. По мере того, как люди все больше проводят свою жизнь в Интернете, цифровой пользовательский опыт станет той скалой, на которой построена почти каждая крупная организация.Проект должен быть гибким и удобным для пользователей, чтобы иметь возможность изменять свой веб-сайт в соответствии с отзывами пользователей или с изменением времени. В данной работе разработана информационная система патрульно-постовой службы УМВД России по городскому округу Королевна базе Web-технологий,проанализированысистемы CMS. Лучшая CMS для конкретного веб-сайта будет зависеть от потребностей веб-сервиса. Например, WordPress– отличный выбор для бизнеса и блогов, поскольку прост в использовании и имеет широкий набор функций и плагинов.Всовременное время актуален вопрос по наличию порталов для любого учреждения.Для выполнения полного цикла работ, для создания обучающего сайта потребуется два программиста и один дизайнер. Срок выполнения работ составит один месяц. Для выполнения всей работы затраты составят 567300руб., сюда входит заработная плата сотрудников, технические средства, услуги интернета, расходные материалы.К тому же следует учитывать дополнительные вероятные затраты на платный хостинг, SEO-продвижение, аренду офиса 30 квадратных метров, затраты на мебель (три стула и три стола), коммунальные услуги, поддержка и дальнейшее обслуживание сайта, которые составят 65 тыс. руб.Для того, чтобы оценить срок окупаемости проекта следует применить формулу: срок окупаемости равен, затраты деленные на количество сделок в день, умноженное на прибыль. Подставив данные в формулу получим следующие данные, после того как затраты на сайт окупятся, средняя прибыль в месяц составит от 180000 рублей. Срок окупаемости проекта три месяца. Таким образом, создание ИС на базе Web-технологий является выгодным вложением в развитие организации.Работапо созданиюинформационной системы патрульно-постовой службы УМВД России по городскому округу Королевна базе Web-технологийпри помощи CMS для обучения выполнена в полном объеме и с надлежащим качеством.При создании проекта сайта использовались такие инструменты разработчика, как HTML, CSS, JS, Wordpress и представлен разработанный проект.ГлоссарийИнформационная система на базе Web-технологий – это интернет-платформа, позволяющая пользователям из любой точки мира получать информацию.Веб-сервис – это любая часть программного обеспечения, которая доступна через Интернет.Интернет (или 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.Кристофер Б. Джонс 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, Yogesh Deshpande 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.Amit Kalani, 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 Bolante After 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.ПРИЛОЖЕНИЕ 1Скриншот wordpressВ данном приложении представлен скриншот сайта wordpress, официальная ссылка на сайт https://wordpress.com/Рисунок 1 – скриншот сайта wordpress.comПРИЛОЖЕНИЕ 2Скриншот разработанного сайтаПредставлен скриншот разработанного сайта по обучению сотрудников патрульно-постовой службы УМВД России по городскому округу Королев, официальная ссылка на сайт studentRF23.wordpress.comРисунок 1 – Скриншот разработанного сайта по обучению сотрудников