ВВЕДЕНИЕ По мере развития интернета, позволяющего получить доступ из любой точки земного шара к огромным информационным и развлекательным ресурсам, у пользователей компьютеров появилась новая возможность яркого самовыражения, рекламы своей фирмы или продукции, демонстрации миру своих идей, стиля, новаторских технологий – создание web-сайтов. Сайты позволяют хранить, передавать, продавать различные типы информации, не отходя от экрана компьютера. А главное, сайты позволяют подать эту информацию в ярком, красочном виде, снабдить её графикой, звуком, анимацией, видеороликами, ссылками и при правильном планировании работы, продемонстрировать эту информацию тысячам других пользователей интернета. Любой web-сайт состоит из набора страниц, а различия заключаются лишь в том, как они организованы. Существует два вида организации webсайта статический и динамический. В первом случае специалисты, отвечающие за создание и поддержку сайта, пишут в НТМL-форме каждую в отдельности страницу, включая ее оформление и контент. Во втором – в основе любой web-страницы лежит шаблон, определяющий расположение в окне web-браузера всех компонентов страницы, и вставка конкретной информации производится с использованием стандартных средств, не требующих от участника процесса знания языка НТML, и достаточно сложных для неспециалиста процедур публикации web-страницы. Если сайт состоит из множества страниц или он должен часто обновляться, то преимущество динамической организации становится очевидным. Разработчикам web-сайта не надо переписывать всю страницу при изменении ее информационного наполнения или дизайна. Страницы не хранятся целиком, а формируются динамически при обращении к ним. Таким образом, отделение дизайна от контента является главной отличительной особенностью динамических сайтов от статических. На этой 6 основе возможны дальнейшие усовершенствования структуры сайта, такие как определение различных пользовательских функций и автоматизация бизнес-процессов, а самое главное, контроль поступающего на сайт контента. Книга - один из видов печатной продукции: непериодическое издание, состоящее из сброшюрованных или отдельных бумажных листов (страниц) или тетрадей, на которых нанесена типографским или рукописным способом текстовая и графическая (иллюстрации) информация, имеющее, как правило, твёрдый переплёт. Но в современном мире бумажные книги не актуальные, поэтому люди придумали электронные книги. Поэтому целью выпускной квалификационной работы является разработка web-сайта электронных книг «GRIMNIR». 7 1 ОБЩАЯ ЧАСТЬ 1.1 Общая постановка задачи Сайт электронных книг «GRIMNIR» представляет собой удобный сайт для чтений книг, слушать аудиокниги. Плюсы электронной книги: 1. Она не мнётся, не рвётся и никак не портится при пользовании. Для сохранности корпуса предусмотрен специальный чехол. 2. Размер книги всегда одинаково компактен. А это значит, что можете взять с собой в дорогу даже те книги, которые раньше читали только дома изза неудобных габаритов издания или из-за тяжести книги. 3. В доме больше не будет новых полок-пылесборников, на которых раньше скапливалась столь любимая вами литература. Теперь все произведения можно хранить в электронном виде. К тому же это значительно освобождает пространство вашей жилплощади, занимаемое ранее целыми шкафами с книгами (домашними библиотеками). Разрабатываемый программный продукт способствует решению следующих задач: - просмотр информации, касающейся сайта; - возможность оставить отзыв на товары; - вход с социальных сетей; - регистрация нового клиента; - выбор способа получения книги; - статистика посещаемости сайта; - предоставить возможность посетителям обсуждать разные вопросы на форуме. 1.1.1 Характеристика объекта автоматизации С помощью web-сайта можно мгновенно известить миллионы пользователей о новых продуктах, услугах и событиях. 8 Крупные web-сайты работают на специально разработанных или адаптированных типовых системах управления. Многие этапы покупки и продажи довольно успешно проходят дистанционно. Это является большим преимуществом. 1.1.2 Общие сведения о проектируемом программном продукте Электронные книги - современный и удобный формат чтения, который полюбили миллионы читателей. В чем особенности формата и как создать свою электронную книгу в России. Читать с экрана сейчас модно. Каждый год рынок электронных книг в России увеличивается примерно в два раза. Главная особенность электронной книги в том, что читать ее можно почти на любом устройстве, в любое время и в любом месте. Купить электронную книгу тоже легко: благодаря многим доступным книжным онлайн-магазинам. Читатель получает доступ к неограниченному выбору литературы. А за частую, некоторые авторы свои весьма достойные книги публикуют для бесплатного прочтения. Первая электронная книга была создана в 1971 году, когда с помощью самого мощного на тот момент компьютера была оцифрована Декларация независимости США. Эта идея - перевод бумажных книг в электронный формат - легла в основу проекта «Гуттенберг». Среди задач, подлежащих автоматизации, можно выделить следующие: - авторизация пользователей; - осуществление поиска по сайту; - заказ обратного звонка; - реализация формы обратной связи; - оплата посредством использования электронных денежных переводов; - возможность рассчитать стоимость с учетом акции и скидки; 9 - оповещения в электронную почту о новых книгах. 1.2 Обзор существующих программных продуктов, аналогичных теме ВКР На данный момент существует огромное количество сайтов, аналогичных теме дипломного проекта. MangaLib (рисунок 1.1) – это мобильное приложение для чтения японской манги на экране смартфона. Оно предоставляет доступ к огромной коллекции манги, насчитывающей более 20 тысяч наименований, включая популярные серии и редкие эксклюзивы. С помощью приложения MangaLib пользователи могут читать мангу онлайн бесплатно и без надежды на скорое появление перевода в других редакциях. Главная страница содержит: - каталог; - поиск; - форум; - FAQ; - кнопки входа; - кнопки регистрации. Рисунок 1.1 – сайт MangaLib 10 Сам сайт имеет SSL защиту, так же на сайте присутствует защита от ботов в виде капчи (CAPTCHA). Страницы сайта выполнены в простом и удобном стиле что привлекает посетителей и гостей сайта. Плюсы сайта: - большой ассортимент, - удобный поиск по категориям товаров, - защита от спама. Минусы сайта: - минусов у сайта нет. «Литнет» (рисунок 1.2) – популярный литературный портал. В электронной библиотеке можно как читать книги онлайн, так и скачать книги бесплатно, а также купить книги популярных жанров. Есть мобильная версия сайта, благодаря чему удобно читать книги онлайн с телефона или планшета. Удобная читалка предназначена как для Windows, так и для Android, и для обычного компьютера с планшетом. Легко скачать и читать книги для подростков в формате fb2, боевики, детективы, а также триллеры. Рисунок 1.2 – Сайт Литнет Плюсы сайта: - большое количество жанров; - скачать книги бесплатно; 11 Минусы сайта: - нет возможности оставить отзыв; - нет онлайн чата. Сайт имеет SSL защиту. Выявленные минусы сайта будут реализованы на разрабатываемом сайте в рамках выпускной квалификационной работы. 1.3 Требования к программному продукту 1.3.1 Требования к структуре и функционированию сайта Сайт должен представлять собой информационную структуру, доступную на хостинге. Сайт должен состоять из взаимосвязанных разделов с четко разделенными функциями. На экране информация должна быть представлена в удобном для пользователя виде. Техническое обслуживание и очистка внутри программного продукта необходимо проводить один раз в месяц. Сайт должен выполняться на русском языке. 1.3.2 Требования к численности и квалификации персонала Для поддержания сайта и эксплуатации web-интерфейса системы управления сайтом (CMS) от персонала не должно требоваться специальных технических навыков, знания технологии или программных продуктов, за исключением общих навыков работы с персональным компьютером и стандартным web-браузером (например, Chrome, Yandex). 1.3.3 Требования к сохранности информации В системе управления сайтом должен быть предусмотрен механизм резервного копирования структуры и информации. Процедура резервного копирования должна производиться 12 сотрудником, ответственным за поддержание сайта, не реже одного раза в неделю. Резервное копирование графического содержимого должно осуществляться вручную. Информация сайта должна быть расположена в закрытой БД, доступ к которой разрешен только из программных модулей сайта и только с использованием пароля доступа. 1.3.4 Требования к разграничению доступа Информация, размещаемая на сайте, будет ограниченной в доступе. Пользователей сайта можно разделить на следующие категории: 1) посетители, 2) администратор. Посетители будут иметь доступ только к общедоступной части сайта. Администратор сможет редактировать материалы разделов, кроме того: - добавлять пользователей с различными правами, - добавлять и удалять разделы сайта. Доступ к административной части должен осуществляться с использованием уникального логина и пароля. 1.3.5 Требования к дизайну сайта Дизайн сайта должен зависеть от функциональных возможностей и удобства использования сайта. Дизайн интерфейса всех частей сайта должен быть максимально понятным потенциальным пользователям сайта. Также дизайн сайта должен быть выполнен в единой цветовой гамме и едином стиле. Сайт должен иметь легко читаемый текст. Дизайн сайта должен быть привлекательным для потенциальных клиентов и партнёров компании. 13 2 СПЕЦИАЛЬНАЯ ЧАСТЬ 2.1 Анализ и выбор программных средств разработки 2.1.1 CMS WordPress WordPress – это система управления содержимым сайтов (CMS), которая разработана для удобства создания и ведения сайтов любой направленности и тематики. Изначально WordPress создавался как блоковая платформа, но безграничны. со временем, Поэтому, на его возможности WordPress можно стали создать практически сайт любой направленности: сайты услуг, корпоративный сайт, персональный блог, личную онлайн-визитку и даже интернет-магазин. Преимущества WordPress: - огромный функционал; - большое количество разнообразных плагинов; - легкий для понимания интерфейс; - огромное количество бесплатных шаблонов сайтов; - легко создать быстро загружаемые сайты; - легко монетизировать созданные сайты; - огромное количество бесплатных обучающих материалов. Недостатки: - надо потратить время, чтобы разобраться в функционале; - нужно устанавливать на хостинг; - отсутствует служба поддержки; - достаточно сложно выбрать шаблон для сайта из-за большого количества тем. В результате сравнения вышеперечисленных CMS, можно выделить WordPress, так как на сегодняшний день она является одной из самых популярных – на ней функционирует огромное число информационных ресурсов, блогов, корпоративных сайтов и интернет-магазинов, а также она является удобной для разработки данного курсового проекта. 14 2.1.2 CMS Joomla Joomla – бесплатная CMS, занимающая второе место в мире по популярности после WordPress. Предлагает открытый исходный код с возможностью модернизации ядра системы, а также большое количество модулей для расширения функциональности. Как и любая другая бесплатная CMS с открытым исходным кодом, развивается пользователями. Основные достоинства: - сообщество пользователей этой системы достаточно большое, и они часто представляют свои решения возникающих проблем, в том числе плагины; - большой базовый функционал и широкий выбор плагинов для расширения возможностей администратора; - перевод важных инструментов на русский язык; - постоянный выпуск обновлений. Недостатки Joomla: - избыточность кода; - недоработки в структуре и слабая степень защиты от взлома и спама; - у модулей и расширений часто появляются проблемы с совместимостью; - малое количество расширений и тем для этого движка. 2.1.3 CMS Drupal Drupal (дрýпал) – система управления контентом с открытым исходным кодом. На Drupal работает более миллиона сайтов – от личных блогов до сайтов компаний, политических партий и государственных организаций. Разработка сложных сайтов на Drupal значительно упрощается благодаря мощному набору функций ядра и дополнительным модулям. Основные достоинства: 15 - Бесплатное использование и открытый код; - Ориентированность на профессиональных вебмастеров; - Простор для творчества; - Высокая скорость; - Богатый набор модулей; - Наличие дополнительных функций; - Безопасность. Недостатки Drupal: - Сложность освоения; - Сложный интерфейс; - Высокие требования системы; - Отсутствие в свободном доступе шаблонов с красивым дизайнов; - Сложность установки обновлений и программных модулей. Из выше перечисленных WordPress – это максимально удобная CMS для создания своего сайта, блога, новостного портала. Главное преимущество данной платформы – бесплатная версия с полноценным, расширенным функционалом и всеми возможностями для полноценной работы. С помощью специальных плагинов можно расшить возможности WordPress. Плагины позволяют редактировать шаблон, проводить корректировку разметки страниц, отображение новостей, блока социальных сетей, виджетов и т.д. Большинство дополнительных расширений – бесплатные. Чтобы скачать и установить нужный плагин, пользователю достаточно воспользоваться удобным поиском, который встроен в WordPress, в панели управления. Основные преимущества CMS Wordpress: - максимально удобная, простая и функциональная администратора; - огромное количество бесплатных шаблонов; - постоянные обновления и дополнения (бесплатные); 16 панель - встроенный визуальный и текстовый (HTML) редактор; - кроссплатформенное построение системы; - возможность скачать дополнительные расширения; - возможность видоизменять код шаблона. На основе проведенного анализа сред разработки дипломного проекта была выбрана система управления содержимым WordPress. 2.2 Регистрация web-сайта в глобальной сети Для регистрации web-сайта был использован хостинг beget.com, позволяющий использовать пробный период с присвоением сайту доменного имени в течении месяца, по истечению которого будет взыматься плата за использованное серверное пространство (4 Гб). Данный хостинг обладает встроенными инструментами для быстрой установки CMS Wordpress, не требуя какой-либо дополнительной настройки, задавания логина и пароля. Также данный хостинг имеет встроенную систему управления базой данных PHPMyAdmin, позволяющий быстро администрировать информацией в базе данных. Данный инструмент позволяет импортировать дамп (англ. Dump – сбрасывать) – файл, включающий в себя содержимое памяти компьютера или базы данных. Базы данных сайта, если он до этого создавался на локальном хостинге. После установки CMS, на файловом менеджере хостинга автоматически создается директория с данными сайта, к которой происходит привязка базы данных, автоматически задаётся пароль и логин пользователя базы данных, который, в свою очередь, задаётся и в CMS Wordpress. Также стоит отметить, что хостинг Beget имеет интуитивно понятный интерфейс и обладает быстрой скоростью работы. 17 2.3 Общая структура web-сайта Древовидная структура подходит для создания практически любых типов сайтов. Пользователь при входе на главную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел. Достоинства древовидной структуры сайта: 1) универсальность, 2) удобная навигация, 3) большая гибкость. Структура web-сайта состоит из следующих страниц: - «Пользователь»; - «Аудиокниги»; - «Манга»; - «Книги»; - «Комиксы»; - «Платные книги»; - «Часто задаваемые вопросы»; - «Поддержка»; - «О нас»; - «Доставка и оплата»; - «Карта сайта». На странице «Личный Кабинет» пользователь сможет просмотреть и отредактировать информацию о себе. На странице «Аудиокниги» будет публиковаться аудиокниги. На странице «Манга» будет публиковаться мангы. На странице «Книги» будет публиковаться книги. На странице «Комиксы» будет публиковаться комиксы. На странице «Платные книги» будет публиковаться платные книги. 18 На странице «Часто задаваемые вопросы» будет часто задаваемые вопросы. На странице «Поддержка» поддержка пользователи при возникновение пробелами. На странице «Доставка и оплата» будет содержать о доставке и о способы оплаты. Страница «О нас» будет содержать в себе информацию о сайте. На странице «Карта сайта» будет содержаться карта сайта. 2.4 Разработка сайта на основе CMS 2.4.1 Описание установки CMS WordPress Прежде чем начать установку обязательно нужно: 1) Иметь локальный или удаленный сервер, готовый к работе. Должен быть доступ к файлам/папкам на сервере. Обычно это shell или FTP доступ, который выдается хостинг-провайдером. Или это панель управления хостингом, которую предоставляет провайдер для управления файлами на сервере и сервером в целом. 2) Убедиться, что сервер подходит для WordPress. WordPress требует: - PHP версии 5.2.4 или выше (рекомендуется 5.6), - MySQL версии 5.6 или выше (рекомендуется 5.6), - 50 мегабайт пространства на сервере, - 32 мегабайта оперативной памяти на сервере. 3) Необходим пакет WordPress. Порядок действий при установке CMS на хостинге beget: - В панели управления сайтом перейти в раздел «CMS»; - Из перечня возможных CMS выбрать Wordpress (рисунок 2.1) и подтвердить начала его установки. В результате автоматически задаётся доменное имя сайту и откроется созданный сайт в новой вкладке браузера. 19 Подключение к базе данных, заполнения пароля и логина производятся автоматически. Рисунок 2.1 – Перечень CMS Если все поля были указаны правильно, выводится окно (рисунок 2.2) Это значит, что файл конфигурации wp-config.php был создан в корне сайта. «Запустить установку» и устанавливается сайт: Рисунок 2.2 – Окно подтверждения правильности ввода данных 20 На следующем этапе WordPress создаст нужные записи в базе данных – информация пользователя – администратора сайта. После правильной установке WordPress в браузере выведется страница подтверждающая, что сайт успешно создан. 2.4.2 Установка темы Для того, чтобы установить тему сайта необходимо: - На панели инструменты выбрать «Внешний вид», - далее перейти на вкладку «Темы» (рисунок 2.3), Рисунок 2.3 – Внешний вид, темы - в появившемся окне нажать кнопку «Добавить» (рисунок 2.4), Рисунок 2.4 – Добавить тему - затем откроется каталог с множеством тем, в котором наводится на любую понравившуюся тему курсор «Активировать» (рисунок 2.5). 21 и далее нажимается кнопка Рисунок 2.5 – Активация темы 2.4.3 Установка плагинов Так же, как и тема, плагина устанавливаются при помощи панели администратора. Существуют несколько способов установить плагины: - вручную, при помощи распаковки архивированного файла в папку с сайтом, - вручную при помощи, выбора архивированного файла на вкладке добавления плагинов, - автоматизировано, выбрав нужный плагин из списка представленных. Самый простой способ установки плагина это – автоматизированный. При установке плагина автоматизированным способом не нужен заранее установленный с сайта разработчика плагин. Необходимо выполнить следующие действия: - на панели администратора выбрать меню «Плагины» и затем нажать на «Добавить новый» (рисунок 2.6). 22 Рисунок 2.6 – Кнопка «Добавить новый плагин» - далее при исправном подключении к интернету пользователю будет представлен большой список плагинов. Необходимо выбрать нужный плагин и нажать кнопку «Установить», далее «Активировать». При необходимости можно подробно ознакомиться с плагином нажав кнопку «Детали» (рисунок 2.7). Рисунок 2.7 – Кнопка «Активировать» плагин В ходе разработки дипломного проекта были использованы следующие плагины: 1. 3D FlipBook : Dflip Lite – реалистичные 3D книги. 2. Better Ajax Live SearchWP – показывает результаты мгновенного поиска, как только вы вводите ключевое слово без перезагрузки страницы.. 23 3. Elementor – конструктор страниц, создание идеального дизайна, адаптивное редактирование для мобильных устройств и многое другое. 4. Essential Addons for Elementor – Содержит более 40 потрясающих бесплатных элементов, включая расширенную таблицу данных, календарь событий, галерею с фильтрацией 5. Jetpack – оптимизация для сайта. 6. Fluent Support – Плагин поддержки. 7. Hello Dolly – Это не просто плагин, он символизирует надежду и энтузиазм целого поколения, выраженные в двух словах из песни, наиболее известной в исполнении Луиса Армстронга: «Hello, Dolly». 8. Ultimate Member – Самый простой способ создать мощные онлайнсообщества и красивые профили пользователей с помощью WordPress. 9. Bazz CallBack Widget – плагин создает простой виджет для обратного звонка. 2.4.4 Создание страниц сайта Создание новой страницы начинается со вкладки «Страницы» на панели администратора (рисунок 2.8). Рисунок 2.8 – Страницы После нажатия кнопки «Добавить редактирования страницы (рисунок 2.9). 24 новую» откроется меню Рисунок 2.9 – Создание страницы В представленном меню можно: - добавлять в блок различные виджеты, - вставлять изображения, - делать записи, - задать заголовок страницы. После любого изменения страницы, кнопка «Опубликовать» станет активной и при нажатии на нее страница сохранится и автоматически выведется в меню страниц. 2.4.5 Создание категорий и добавление книг Все действия по созданию категорий и добавлению книг необходимо производить в панели администратора. Шаг 1. Выбор пункта «dFlip Books», создаем рубрику «Категории» (рисунок 2.10). 25 Рисунок 2.10 – Создание рубрику «Категории» Шаг 2. Выбор пункта «Страницы», создаем страницы «Книги», «Манга», «Комиксы», «Видео книги», «Аудиокниги» (рисунок 2.11). Рисунок 2.11 – Создание и просмотр страниц Шаг З. Выбор пункта «dFlip Books», нажимаем «Add New Book» (рисунок 2.12). 26 Рисунок 2.12 – Создание новых книг Шаг 4. После добавление книг надо скопировать шорткод (рисунок 2.13). Рисунок 2.13 – Шорткод Шаг 5. Вставить шорт код на страницу (рисунок 2.14). Рисунок 2.14 – Добавление шорткода 2.5 Тестирование сайта Тестирование – это процесс, который заключается в проверке соответствия программного продукта или сайта заявленным характеристикам и требованиям, требованиям эксплуатации в различных окружениях, с 27 различными нагрузками, требованиям по безопасности, требованиям по эргономике и удобству использования. Основными целями тестирования сайта являются: - выявление недостатков сайта, которые препятствуют его маркетинговой и коммерческой эффективности, - подготовка рекомендаций, выполнение которых поможет устранить выявленные недостатки. Тестирование решает несколько основных задач: - предоставление подтверждение, что уверенности все в качестве конечного продукта и функциональные требования заявленные реализованы, приложение им соответствует и не имеет ошибок, - подтверждение, что приложение способно выполняться на всех поддерживаемых ОС или web - браузерах корректно, - гарантия того, что хранимые и обрабатываемые данные надежно защищены от постороннего доступа и «взлома». Для проведения тестирования разработанного web-сайта электронных книг: 1. Просмотр страниц сайта на нескольких мониторах с разным разрешением, 2. Просмотр сайта посредством наиболее популярных браузеров, 3. Проверка соответствия времени, которое затрачивается на загрузку страниц, 4. Проверка корректности гиперссылок, 5. Проверка корректности размещения графических материалов, 6. Проверка работы счетчиков, модуля обратной связи, 7. Проверка страниц на предмет наличия – отсутствия пунктуационных и орфографических ошибок. В результате выполнения вышеперечисленных действий ошибок и неточности в работе сайте не выявлено. 28 Для более достоверных результатов проверки работы сайта, было использовано несколько web-браузеров, таких как Yandex Browser, Opera и Google Chrome. На всех перечисленных браузерах сайт отображался корректно, все страницы выводят графические элементы исправно, вся адресация страниц сохранилась, текстовая информация не теряется. Также формы вводы обеспечили корректную передачу введенных данных на консоль управления сайта, осуществление продаж работает корректно. 2.6 Дополнительные программные средства Microsoft Word – это приложение Windows, предназначенное для создания, просмотра, модификации и печати тестовых документов. Он является одной из самых совершенных программ в классе текстовых процессоров, которая предусматривает выполнение сотен операций над текстовой и графической информацией. С помощью Word можно быстро и с высоким качеством подготовить любой документ – от простой записки до оригинал-макета сложного издания. Во-первых, WORD дает возможность выполнять все без исключения традиционные операции над текстом, предусмотренные в современной компьютерной технологии: - набор и модификация неформатированной алфавитно-цифровой информации, - форматирование символов с применением множества шрифтов разнообразных стилей и размеров, - форматирование документа в целом (автоматическое составление оглавления и разнообразных указателей), - проверка правописания, подбор синонимов и автоматический перенос слов. Во-вторых, в процессоре Word реализованы возможности новейшей технологии связывания и внедрение объектов (OLE), которая позволяет 29 включать в документ текстовые фрагменты, таблицы, иллюстрации, подготовленные в других приложениях Windows. Встроенные объекты можно редактировать средствами этих приложений. 2.7 Комплекс технических средств Комплекс средств автоматизации – совокупность взаимосогласованных компонентов и комплексов программного, технического, информационного и других видов обеспечения, реализующая информационную технологию выполнения установленных функций. Данный дипломный проект был выполнен на компьютере со следующей комплектации: - ОС Windows 10, - дисплей 15.6n IPS, 1366 x 768, 60Hz, - процессор Intel(R) Celeron(R) N4000C CPU @ 1.10GHz 1.10 GHz, - ОЗУ с памятью 4 GB. Для нормального функционирования данного дипломного проекта допускается следующие минимальные требования: - центральный процессор с тактовой частотой не менее 1 ГГц, - объем оперативной памяти не менее 500 Мб, - стандартный манипулятор «мышь», - стандартный монитор, - операционная система Windows. 30 3 РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ Чтобы запустить сайт, необходимо в адресной строке браузера набрать адрес http://mnjanbfm.beget.tech/. После перехода по указанной ссылке, откроется главная страница сайта (Приложение Б, рисунок Б.1), содержащая следующие разделы: - «Личный кабинет»; - «Аудиокниги»; - «Манга»; - «Книги»; - «Комиксы»; - «Платные книги»; - «Форум»; - «Часто задаваемые вопросы»; - «Поддержка»; - «О нас»; - «Доставка и оплата» - «Карта сайта». На странице «Личный Кабинет» пользователь сможет просмотреть и отредактировать информацию о себе (Приложение Б, рисунок Б.2). На странице «Видео книги» будет публиковаться видео книги (Приложение Б, рисунок Б.3). На странице «Аудиокниги» будет публиковаться аудиокниги (Приложение Б, рисунок Б.4). На странице «Манга» будет публиковаться мангы (Приложение Б, рисунок Б.5). На странице «Книги» будет публиковаться книги (Приложение Б, рисунок Б.6). На странице «Комиксы» будет публиковаться комиксы (Приложение Б, рисунок Б.7). 31 На странице «Платные книги» будет публиковаться платные книги (Приложение Б, рисунок Б.8). На странице «Форум» обсуждение на какую либо тему (Приложение Б, рисунок Б.9) На странице «Часто задаваемые вопросы» будет часто задаваемые вопросы (Приложение Б, рисунок Б.10). На странице «Поддержка» поддержка пользователи при возникновение пробелами (Приложение Б, рисунок Б.11). Страница «О нас» будет содержать в себе информацию о сайте (Приложение Б, рисунок Б.12). На странице «Доставка и оплата» будет содержать о доставке и о способы оплаты (Приложение Б, рисунок Б.13). На странице «Карта сайта» будет содержаться карта сайта (Приложение Б, рисунок Б.14). Для того чтобы почитать (или послушать) книги в Web-сайте электронных книг «Grimnir», необходимо выбрать категорию из пункта «Категория» (рисунок 3.1). Рисунок 3.1 – Выбор категории После выбора категории нужно выбрать книгу (рисунок 3.2) и начать читать (рисунок 3.3). 32 Рисунок 3.2 – Выбор книг Рисунок 3.3 – Чтение книг 33 4 РУКОВОДСТВО ПРОГРАММИСТА Для того чтобы перейти в административную панель необходимо ввести логин и пароль (рисунок 4.1). Рисунок 4.1 – Форма авторизации После успешной авторизации, на экране отобразится общий вид административной панели, который представлен на рисунке 4.2. Рисунок 4.2 – Административная панель 34 Основная рабочая область консоли предназначена для быстрого доступа к основной информации, касающейся работы сайта. Все эти функциональные возможности рабочей области представлены в виде набора виджетов в основной рабочей области и пунктов меню. Виджет – это небольшой функциональный блок, с помощью которого можно решить ту или иную задачу. Сразу после установки в консоли отображаются следующие виджеты: - количество записей, страниц, категорий и меток, - комментарии, оставленные к публикациям, - черновики (созданные, но не опубликованные записи), - новости WordPress, - форма для быстрой публикации новых записей. Пункт меню «Записи» (рисунок 4.3) – пункт предназначен для создания новых публикации, основная задача которых наполнение блога свежими статьями. Во вкладке «Записи» можно просматривать и редактировать уже существующие, создавать новые и производить доступные манипуляции с ними (добавление принадлежности к рубрикам, назначение меток и другое). Рисунок 4.3 – Вкладка «Записи» Пункт меню «Медиафайлы» (рисунок 4.4) – пункт предназначен для просмотра, а также загрузки всех изображений, аудио, видео и других 35 файлов. Также можно редактировать загруженные файлы: масштабировать, задавать описание. Рисунок 4.4 – Вкладка «Медиафайлы» Пункт меню «Страницы» (рисунок 4.5) – пункт предназначен для создания статических страниц сайта. Они не будут отображаться при публикации на главной и не участвуют в хронологии публикации. Так же страницы не появится в архивах публикаций. При создании страниц можно контролировать их вложенность до любого уровня, назначать родительские страницы. Так же для страниц существует создавать отдельные шаблоны. Рисунок 4.5 – Вкладка «Страницы» Пункт меню «Комментарии» – в данном меню представлены все комментарии записей. Пункт меню «Внешний вид» (рисунок 4.6) – меню довольно широкого функционала. Меню предусматривает выбор и настройку темы, ее редактирование, формирование отображение сайта и удобный редактор php файлов, для детального изменения сайта. Настройка виджетов также 36 происходит в данной вкладке. Формирование и настройка главного меню сайта также находится здесь. Рисунок 4.6 – Вкладка «Внешний вид» Пункт меню «Плагины» (рисунок 4.7) – позволяет расширить функционал сайта. Плагины WordPress имеют огромную роль в настройках сайта на Wordpress, в данной вкладке меню можно просмотреть установленные и активные плагины, найти новые, прочитать их описание, скачать. Рисунок 4.7 – Вкладка «Плагины» 37 Пункт меню «Пользователи» (рисунок 4.8) – в этом меню можно настроить пользователей и их привилегии. Оформить профиль сменить пароль и многое другое. Рисунок 4.8 – Вкладка «Пользователи» Пункт меню «Инструменты» (рисунок 4.9) – с этого меню административной панели можно импортировать и экспортировать записи с других ресурсов. В меню сразу предоставляется каталог плагинов, в котором только нужно найти нужный и внедрить его в CMS. Рисунок 4.9 – Вкладка «Настройка» 38 ЭКОНОМИЧЕСКОЕ 5 ОБОСНОВАНИЕ РАЗРАБОТКИ ПРОГРАММНОГО ПРОДУКТА В данной части дипломного проекта приводится расчет экономической целесообразности создания программного продукта. Для оценки экономической целесообразности рассматриваемого программного обеспечения необходимо рассчитать затраты на создание и разработку программного продукта. При анализе целесообразности данную разработку следует рассматривать как некоммерческий продукт в том смысле, что она не предназначена для широкого тиражирования и продажи с целью получения прибыли. Это упрощение сделано для того, чтобы показать прибыльность внедрения программного продукта на предприятиях, где ценность системы определяется сэкономленными ею средствами. Экономическая целесообразность разработки такой продукции заключается в экономии трудозатрат по сравнению с ручной обработкой и получении более достоверной информации за более короткое время. 5.1 Календарный план работы над программным продуктом Жизненным циклом программы считается весь цикл от принятия решения о проведении разработок до полного отказа конечного пользователя от применения данного программного продукта: - этап работы над программным продуктом составил 30 день, - этап введения программного продукта, - этап зрелости: полный переход к автоматизированной системе произошел за месяц. Чтобы оценить плановую себестоимость проведения работы, необходимо описать план проведения работ, представленный в таблице 5.1. Исполнители данной работы – руководитель ВКР и разработчик. 39 Таблица 5.1 - План проведения работ Основные виды работ Исполнители 1) Предпроектное исследование 2) Разработка технического задания 3) Разработка и отладка программного продукта 4) Консультации с руководителем 5) Подготовка технической отчетности 6) Защита дипломного проекта ИТОГО: Разработчик Разработчик Разработчик Руководитель Разработчик Разработчик Затраты времени, дни 5 9 6 4 5 1 30 5.2 Себестоимость программного продукта Характерной чертой проводимых работ является их теоретическая направленность. В качестве проектирования рассматривается конечного прототип результата ИС, дипломного демонстрирующей возможности применения теоретических разработок и не предполагающей выход на рынок научно-технической продукции. Основными источниками затрат при работе над темой как части этапа проектирования жизненного цикла целенаправленной интеллектуальной системы являются капитальные предпроизводственные затраты, которые могут быть учтены и минимизированы. В себестоимость работы включаются все затраты, связанные с ее выполнением вне зависимости от источника Калькуляция себестоимости составляется по статьям: - заработная плата основных исполнителей, - отчисления (единый социальный налог), - затраты на расходные материалы, - накладные и прочие расходы. 40 ее финансирования. Таблица 5.2 - Затраты на расходные материалы Наименование материала Кол-во 1) Интернет-трафик 2) Носитель информации (диск) 3) Картридж для принтера 4) Бумага 5) Канцелярские товары ИТОГО: Цена, руб./шт. 1 1 1 - 750 30 350 270 200 Сумма, в руб. 750 30 350 270 200 1600 Таблица 5.3 - Основная заработная плата разработчиков программного проекта Наименование этапов 1) Предпроектное исследование 2) Разработка технического задания 3) Разработка и откладка программного продукта 4) Консультации с руководителем 5) Подготовка технической отчетности 6) Защита дипломного проекта ИТОГО: Исполнители Затраты по Трудоемкость, Трудоемкость, Заработная заработной чел/дней чел/мес. плата, руб. плате, руб. Разработчик 5 0,23 8000 1840 Разработчик 9 0,5 8000 4000 Разработчик 6 0,27 8000 2160 Руководитель 4 0,18 12000 2160 Разработчик 5 0,18 8000 1440 Разработчик 1 0,05 8000 400 12000 Значение трудоемкости (чел./дней) – это затраты на основные виды работ, взятые из таблицы 5.2. Показатель трудоемкости (чел./мес.) определен из расчета 22-х рабочих дней в месяц по формуле (5.1): чел/мес. = чел/дн 22 * Фзп (5.1) Фонд оплаты труда основных разработчиков программного продукта (Фзп), в соответствии с данными таблицы 5.3. 41 Единый социальный налог ECH составляет 26% (k=0,26) от фонда оплаты труда и вычисляется по формуле (5.2): ECН = Фзп *k (5.2) ЕСН = 12000*0,26=3120 руб. Накладные расходы НР составляют 20 - 60% от фонда оплаты труда, и вычисляются по формуле (5.3): НР = Фзп* nr (5.3) НР = 12000*0,2=2400 руб. Прочие расходы включают стоимость машинного времени на разработку, отладку, тестирование и подготовку технической документации и рассчитываются по формуле (5.4): Зпр = N * Смч* Kзагр (5.4) Зпр= 88*40*0,7=2464 руб., где N – количество часов, необходимых на создание, отладку, тестирование программного продукта и подготовку технической отчетности; Кзагр- коэффициент загрузки ПЭВМ, принимает значения: Кзагр=0,7; Смч - стоимость машино-часа: Смч = 40 руб./ч. N определяется по формуле (5.5): N = Kдн* Кч (5.5) N = 11*8=88 ч. где Кдн - количество дней необходимое на создание, отладку, тестирование программного продукта и подготовку технической отчетности; Кч – количество рабочих часов в день; После постановки значений рассчитываются прочие расходы Зпр. Себестоимость разработанного программного продукта представлена в таблице 5.4. 42 Таблица 5.4 - Себестоимость разработанного программного продукта Наименование статьей расходов 1) Расходные материалы 2) Заработная плата разработчиков 3) Единый социальный налог 4) Накладные расходы 5) Прочие расходы ИТОГО: Затраты, руб. 1600 12000 3120 2400 2464 21584 5.3 Расчеты цены программного продукта Цена программного продукта формируется на базе экономически обоснованной (нормативной) себестоимости ее производства и прибыли, руб. по формуле (5.6): ЦПП = С + ПН (5.6) ЦПП= 21584+11400=32984 руб., где С – себестоимость программного продукта, руб.: ПН – нормативная прибыль, рублей. Нормативная прибыль ПН определяется по формуле (5.7): ПН = УП * ФЗП (5.7) ПН = 0,95*12000=11400 руб., где УП – уровень прибыли в % к фонду заработной платы разработчиков программного продукта; ФЗП – фонд заработной платы разработчиков ПП руб. Уровень прибыли УП рассчитывается по формуле (5.8): УП = РУП + РП (5.8) УП= 0,90+0,05=0,95, где РУП – расчетный уровень прибыли, равен 90%; РП – предложения разработчиков по повышению расчетного уровня прибыли на основе анализа эффективности, создаваемого ПП, равен 5%. В экономической части дипломного проекта были определены затраты на создание программы, себестоимость программного продукта составила 22256 рублей. Цена программного продукта составила 32984 рубля. 43 6 ОХРАНА ТРУДА 6.1. Профилактика стрессового состояния работников при различных видах профессиональной деятельности. 6.1.1. Профилактические мероприятия для предупреждения развития стресса у работников зрительно-напряженного труда Выполнение требований к организации рабочих мест пользователей ПЭВМ способствует снижению нагрузки на организм. При размещении рабочих мест с ПЭВМ расстояние между рабочими столами с видеомониторами (в направлении тыла поверхности одного видеомонитора и экрана другого видеомонитора), должно быть не менее 2,0 м, а расстояние между боковыми поверхностями видеомониторов - не менее 1,2 м. Рабочие места с ПЭВМ в помещениях с источниками вредных производственных факторов должны размещаться в изолированных кабинах с организованным воздухообменом. Экран видеомонитора должен находиться от глаз пользователя на оптимальном расстоянии 600-700 мм (но не ближе 500 мм), с учетом размеров алфавитно-цифровых знаков и символов. Конструкция рабочего стола должна обеспечивать оптимальное размещение на рабочей поверхности используемого оборудования с учетом его количества и конструктивных особенностей, характера выполняемой работы. При этом допускается использование рабочих столов различных конструкций, отвечающих современным требованиям эргономики. Поверхность рабочего стола должна иметь коэффициент отражения 0,5-0,7. Конструкция рабочего стула (кресла) должна позволять изменять позу с целью снижения статистического напряжения мышц шейно-плечевой области и спины для предупреждения развития утомления. Тип рабочего стула (кресла) должен выбираться в зависимости от характера и продолжительности работы с ПЭВМ и с учетом роста пользователя. Рабочий стул (кресло) должен быть подъемно-поворотным и регулируемым по высоте 44 и углам наклона сиденья и спинки, а также расстоянию спинки от переднего края сиденья, при этом регулировка каждого параметра должна быть независимой, легко осуществимой и иметь надежную фиксацию. Поверхность сиденья, спинки и других частей стула (кресла) должна быть полумягкой, с нескользящим, слабо электризующимся и воздухопроницаемым покрытием, обеспечивающим легкую очистку от загрязнения. При организации и оборудовании рабочих мест с ПЭВМ предусматривают обеспечение высоты рабочей поверхности стола в пределах 680-800 мм; при отсутствии такой возможности высота рабочей поверхности стола должна составлять 725 мм. Модульными размерами рабочей поверхности стола для ПЭВМ, на основании которых должны рассчитываться конструктивные размеры, следует считать: ширину 800, 1000, 1200 и 1400 мм, глубину 800 и 1000 мм при нерегулируемой его высоте, равной 725 мм. Рабочий стол должен иметь пространство для ног высотой не менее 600 мм, шириной - не менее 500 мм, глубиной на уровне колен - не менее 450 мм и на уровне вытянутых ног - не менее 650 мм. Конструкция рабочего стула должна обеспечивать: ширину и глубину поверхности сиденья не менее 400 мм; поверхность сиденья с закругленным передним краем; регулировку высоты поверхности сиденья в пределах 400550 мм и углам наклона вперед до 15° и назад до 5°; высоту опорной поверхности спинки (300±20) мм, ширину не менее 380 мм и радиус кривизны горизонтальной плоскости 400 мм; угол наклона спинки в вертикальной плоскости в пределах (0±30)°; регулировку расстояния спинки от переднего края сиденья в пределах 260-400 мм; стационарные или съемные подлокотники длиной не менее 250 мм и шириной - 50-70 мм; регулировку высоты подлокотников над сиденьем в пределах (230±30) мм и внутреннего расстояния между подлокотниками в пределах 350- 500 мм. 45 Рабочее место пользователя ПЭВМ следует оборудовать подставкой для ног, имеющей ширину не менее 300 мм, глубину не менее 400 мм, регулировку по высоте в пределах до 150 мм и по углу наклона опорной поверхности подставки до 20°. Поверхность подставки должна быть рифленой и иметь по переднему краю бортик высотой 10 мм. Клавиатуру следует располагать на поверхности стола на расстоянии 100-300 мм от края, обращенного к пользователю, или на специальной, регулируемой по высоте рабочей поверхности, отделенной от основной столешницы. Действие стресс-раздражителя при выполнении зрительно- напряженных работ обусловлено чрезмерным или длительным (по времени смены) воздействием факторов трудового процесса, а именно, временем работы с оптическими приборами или непосредственным наблюдением за экраном ВДТ. Воздействие этих факторов является причиной развития зрительного перенапряжения. Для снятия зрительного перенапряжения необходимо проведение профилактических мероприятий в режиме рабочего дня: комплекс упражнений зрительной гимнастики, комплекс упражнений для укрепления глазодвигательных мышц и тренировки аккомодации . Принимая во внимание, что выполнение зрительно-напряженных работ происходит чаще всего сидя, необходимо выполнение упражнений, направленных на расслабление мышц, принимающих непосредственное участие в работе. Повышение уровня общей двигательной активности в режиме рабочего дня в сочетании устойчивость к с комплексом формированию зрительной гимнастики производственного выполняющих зрительно-напряженные работы. 46 стресса повышает у лиц, 6.1.2. Организационно-психологические меры, направленные на профилактику профессионального стресса В понедельник целесообразно ограничить объем служебных времени проведения мероприятий (собраний, совещаний). С целью производственных необходимости совещаний, упорядочения технических советов целесообразно проведение их на всех уровнях управления во второй половине рабочего дня в понедельник и пятницу. При длительности совещания более 1,5 часов необходимо назначения 10-5 - минутных перерывов через 1,5 часа работы. Для предотвращения эмоционального перенапряжения необходимо составлять четкие временные планы-графики производственных совещаний с указанием их содержания. Также необходимо избегать планирования излишне длительных совещаний. Для создания благоприятного психологического климата необходимо привлечение персонала к участию в принятии решений связанных с реорганизацией структуры или технологического процесса в производственных коллективах. Подобное участие помогает персоналу принять перемены и дает ему возможность высказать свое мнение и «озвучить» претензии. Необходимо предоставлять сотрудникам самим организовывать свою работу. Понимание того, что у работающих есть определенное право самим решать, что и как делать на работе, значительно уменьшает негативные последствия стрессов. Организация может предоставить своему персоналу такую возможность, если создаст условия для наполнения содержания работы путем участия персонала в принятии решений, а также, если повысит (конкретизирует) ответственность работников за результаты труда. Нужно обеспечить четкое определение должностных обязанностей работников. С целью снижения возможности возникновения стресса, 47 связанного с ролевой неопределенностью, надо четко определить должностные обязанности работников и сферу их ответственности. Для устранения причин, ведущих к перегруженности или недогрузки работой, руководитель предприятия должен надлежащим образом организовать процессы обучения, беспристрастные решения о повышении в должности и справедливое распределение обязанностей, обеспечить хорошее соответствие требований работы способностям того, кто ее выполняет. Рекомендуется обеспечить в организации систему оказания сотрудникам социальной поддержки, которая сделает их менее уязвимыми для негативных последствий стресса. Социальная поддержка способна минимизировать негативные последствия стресса. Одно из объяснений этого феномена заключается в том, что социальная поддержка смягчает воздействие стрессов на лица, находящиеся в сложной ситуации, особенно если эта ситуация – следствие перегруженности работой или ролевого конфликта. Оказать действенную социальную поддержку способны сплоченные рабочие группы и руководители первой линии – супервизоры, обученные доброжелательному и заботливому отношению к подчиненным. Целесообразно эффективный способ использовать модификацию повышения устойчивости к поведения стрессам как людей определенного психологического типа личности, имеющих склонность к тревожности, гиперреактивности, с повышенным риском развития ишемической болезни сердца. К характеристикам личности, на которые следует повлиять, относятся чрезмерная напористость, навязанное самому себе постоянное ощущение цейтнота и повышенная активность. Необходимо формировать у работников позитивную эмоциональную реакцию на стрессовые обстоятельства, изменять информационное значение некоторых раздражителей за счет потери ими патогенных свойств путем использования методики рациональной психокоррекции. Нужно проводить пред сменный контроль функционального состояния работников экстремальных видов деятельности, предъявляющих высокие 48 требования к профессионально значимым функциям, особенно в стрессовых ситуациях, с последующей оценкой результатов исследования методом сравнения с критериальными модельными физиологическими характеристиками. Необходимо организма проводить человека в мониторинг функционального течение рабочей смены с состояния помощью автоматизированной системы регистрации и анализа информации с целью постоянного выявления деятельности и «физиологической создания «архива» цены» или производственной «банка» индивидуальных физиологических данных для обоснования рекомендаций, направленных на профилактику нарушений состояния здоровья. Возможно использование профессионального отбора как средства оценки профессиональной пригодности для выявления максимального соответствия индивидуальных физиологических характеристик, особенностей и возможностей человека тем общим и специфическим требованиям, которые предъявляют к нему определенные виды профессиональной деятельности с целью повышения надежности и безаварийности работы в экстремальных, стрессовых ситуациях. Целесообразно создание системы мер, направленных на профилактику стрессового состояния и сохранения здоровья работающих: - обучение и повышение квалификации на базе корпоративных образовательных центров с использованием компьютеризированных программ и обучение на базе Интернета для повышения профессионального уровня специалистов, отработки безопасных приемов труда и соблюдения правил и норм безопасности с целью профилактики профессиональной заболеваемости и снижения уровня травматизма; - формирование навыков, необходимых для принятия решений в сложных производственных и конфликтных ситуациях, и тренировка в использовании этих навыков путем изучения реальных производственных 49 проблем и стресс-факторов, с которыми сталкиваются работающие, а также имитации сложных производственных ситуаций; - модификация поведения для увеличения эффективности труда работников с помощью аудита (контроля) использования должностных обязанностей; - использование тренажеров для отработки моделирования поведения, особенно в экстремальных индивидуальный тренинг ситуациях работников и при дефиците времени, нервно-напряженных видов деятельности; - формирование потребности в здоровом образе жизни как средстве повышения устойчивости к стрессу за счет полноценного питания, увеличения двигательной активности, борьбы с вредными привычками: курением, злоупотреблением алкогольными напитками. Для укрепления комплексной здоровья профилактики работающих профессиональной целесообразно патологии, создание центров восстановления работоспособности (ЦВР). Работа физкультурно-оздоровительного центра должна проводиться под контролем врача, а специальные инструкторы-методисты должны составлять комплексы физических упражнений, обновлять и совершенствовать программы целенаправленной гимнастики и нервно-мышечной релаксации. 50 ЗАКЛЮЧЕНИЕ При проектировании данного дипломного проекта на тему «Web-сайт электронных книг «GRIMNIR» были подробно изучены приемы и способы работы в WordPress. В ходе теоретического анализа было установлено, что наиболее удобно для создания сайта пользоваться системой управления сайтами WordPress. Были рассмотрены стратегии разработки современного web – сайта и основные требования к оформлению. В общей части пояснительной записи к дипломному проекту приведена общая постановка задачи, анализ существующих программных средств и требования к программному продукту. В специальной части пояснительной записи приведена обоснование выбора CMS WordPress в качестве программного средства, приведён список дополнительных программных средств, а также представлены руководство программиста и руководство пользователя. В разделе «Руководство пользователя» подробнейшим образом объяснено, каким образом необходимо использовать данный программный продукт. В разделе «Руководство программиста» объяснено каким образом происходит авторизация на сайт как администратор, и как использовать консоль. В экономической части был произведен затрат на создание программного продукта, себестоимость которого составила 22256 рублей, цена программного продукта составила 32984 рублей. В разделе «Охрана труда» рассмотрена тема «Профилактика стрессового состояния работников при различных видах профессиональной деятельности». По полученным результатам можно сделать вывод, что все задачи, сформулированные в дипломном проекте, выполнены. 51 СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 1) МР 2.2.9.2311-07 от 18.03.2007 (с изменениями) Состояние здоровья работающих в связи с состоянием производственной среды. Профилактика стрессового состояния при различных видах профессиональной деятельности. 2) Вандюк Д. К., Руководство по разработке системы управления сайтом, 2016, 390 с. 3) Гаевский А.Ю., Романовский В.А., HTML и JavaScript, 2015, 464 с. 4) Гончаров А., Web-дизайн - Москва: ИЛ, 2016, 319 с. 5) Курт К., - Свежие стили Web-дизайна, 2019, 204 с. 6) Курушин В. Д., - Графический дизайн и реклама, 2016, 272 с. 7) Мальцев И.П., - Проектирование сайтов, 2017, 319 с. 8) Прохоренок Н., - JavaScript, PHP и MySQL. Джентльменский, 2015, 912 с. 9) Флинн Ш.М., «Экономика для «чайников», – М.:Смит, 2018, 503 с. 52