Разработка информационного веб-сайта бытовых товаров

Дипломная работа по предмету «Программирование»
Информация о работе
  • Тема: Разработка информационного веб-сайта бытовых товаров
  • Количество скачиваний: 21
  • Тип: Дипломная работа
  • Предмет: Программирование
  • Количество страниц: 47
  • Язык работы: Русский язык
  • Дата загрузки: 2021-10-08 09:24:43
  • Размер файла: 1511.05 кб
Помогла работа? Поделись ссылкой
Информация о документе

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

Если Вы являетесь автором текста представленного на данной странице и не хотите чтобы он был размешён на нашем сайте напишите об этом перейдя по ссылке: «Правообладателям»

Можно ли скачать документ с работой

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

АННОТАЦИЯ



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

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

Предусмотрены все требования по разработке программного продукта и всей

документации к нему.                              








       










       

СОДЕРЖАНИЕ


Введение                                                                                                                       6

1. Основная часть        8

1.1 Цель разработки        8

1.2 Описание предметной области        8

1.3 Состав ПЭВМ        8

1.4 Используемое программное обеспечение        8

1.5 Выбор средства автоматизации        9

1.6 Сравнительный анализ систем-аналогов        10

2. Технологическая часть        13

2.1 Установка и настройка Wordpress        13

2.2 Требования к веб-сайту        16

3. Специальная часть        18

3.1 Карта сайта        18

3.2 Построение ER-диаграммы        19

3.3 Выбор домена и хостинга для веб-сайта        20

3.4 Создание базы данных MySQL для работы платформы        21

3.5 Повышение производительности Wordpress        22

3.6 Структура корневой папки website        24

3.7 Установленные плагины        29

3.8 Описание структуры веб-сайт        30

3.9 Описание защиты данных        34

4. Организационно-экономическая часть        36

4.1 Выбор методики расчета экономической эффективности        36

4.2 Расчет показателей экономической эффективности        38

4.3 Вывод        43

5. Мероприятия по технике безопасности и охране окружающей среды        44

Заключение        47

Библиография        49

ВВЕДЕНИЕ


Главное назначение сайта заключается в том, чтобы поведать

пользователям о данной организации. В Интернете существуют разные способы

информирования, но, как правило, все они, сводятся к одному к веб -сайту.

Веб – сайт является совокупностью электронных страниц, объединенных одним адресом. С ростом технологий веб-сайты становятся не

просто совокупностью страниц, но и представлением ряда технологий,

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

Создания веб-сайтов актуально и повлекло за собой создание ряда

специальных систем, позволяющих не только создавать сайты в достаточно

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

специальной панели. Системы управления контентом — это программное

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

самостоятельно, без привлечения разработчиков.

Для большинства рекламодателей область повышенного интереса

представляют собой пользователи сети. Ни печатная продукция, ни радио или

телевидение не могут подать информацию в таком удобном, презентабельном и

убеждающем виде, как это сделает веб-сайт. Исчерпывающая информация,

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

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

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

Корпоративный сайт в данное время это не просто часть любой крупной

организации, он является неотъемлемой частью практически каждой компании,

является составляющей фирменного стиля, отражает особенности и

направления деятельности компании. Чтобы бизнес был прибыльным и

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

Уникальный контент сайта, грамотно разбавленный ключевыми словами,

а также привлекательный дизайн страниц способны принести любой компании

ощутимую экономическую прибыль.

Целью дипломной работы является разработка информационного веб-сайта компании магазина «Хозяин» с использованием CMS Wordpress,

которая является наиболее популярной на сегодняшний день и предоставляет

достаточно широкие возможности для разработки.

Для достижения поставленной цели в работе ставятся следующие задачи:

1.) провести анализ предметной области;

2.) Привести классификацию современных веб-технологий;

3.) Проанализировать существующие средства разработки, оптимизации и продвижения веб -сайтов;

4.) Разработать информационный веб-сайт для магазина «Хозяин»;

5.) Проанализировать насколько информационный веб-сайт экономически обоснован.





1. ОСНОВНАЯ ЧАСТЬ

1.1 ЦЕЛЬ РАЗРАБОТКИ

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

Разработанный веб-сайт позволит привлекать людей.


1.2 ОПИСАНИЕ ПРЕДМЕТНОЙ ОБЛАСТИ

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

Этот веб-сайт должен информировать потенциальных клиентов «покупателей».


1.3 СОСТАВ ПЭВМ

Для проектирования дипломного проекта использовался стационарный персональный компьютер. Основные характеристики используемого ПК:

1. Операционная система – Microsoft Windows 10 pro;

2. Модель процессора AMD A4-6300™;

3. Размер оперативной памяти – 4 ГБ;

4. Общий объём жестких дисков (HDD) – 1 ТБ.


1.4 ИСПОЛЬЗУЕМОЕ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ

Для разработки дипломного проекта использовалось программное

обеспечение Wordpress (система управления содержимым сайта с открытым

исходным кодом) и phpMyAdmin (веб-приложение с открытым кодом,

написанное на языке PHP и представляющее собой веб-интерфейс для

администрирования СУБД MySQL.)

 Wordpress — это лучшая платформа для персонального управления. Она

содержит отличный набор для того, чтобы максимально

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

удобным. С гордостью представляет вам свободно распространяемую,

соответствующую стандартам, быструю, легкую и бесплатную платформу для

персонального с практичными настройками и свойствами по

умолчанию и с чрезвычайно гибким и настраиваемым ядром.


1.5 ВЫБОР СРЕДСТВА АВТОМАТИЗАЦИИ

Почему стоит выбрать в качестве CMS для сайта именно Wordpress? На

сегодняшний день она является самой популярной бесплатной системой

управления контентом.

Также в пользу данной системы говорят следующие

достоинства и доступность. Платформа распространяется в рамках открытой

лицензии GNU GPL. То есть она абсолютно бесплатна, причем и для частного,

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

богатый спектр возможностей. Wordpress — это очень гибкая система,

функционал которой постоянно расширяется. Используя встроенные

технологии и загружаемые сторонние модули, вы можете создать сайт любого

типа, от одностраничной визитки до крупного интернет-магазина с десятками

тысяч позиций;


Удобная настройка оформления. Чтобы сделать свой сайт на Wordpress уникальным, используйте тысячи разнообразных шаблонов (как бесплатных, так и платных). Можно подобрать дизайн с нужным количеством блоков, колонок, графикой и многим другим — все с учетом тематики и требуемой функциональности;

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

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


1.6 СРАВНИТЕЛЬНЫЙ АНАЛИЗ СИСТЕМ-АНАЛОГОВ

Согласно исследованиям, в марте 2025 года лидирующие позиции в рунете среди CMS заняли Wordpress, 1С-Битрикс, Joomla, OpenCart и Drupal. Разберемся, какие особенности у каждой системы, и рассмотрим, для каких проектов они подойдут.

Для каких сайтов подходит:

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

Системные требования:

Основные технические характеристики WordPress:

  1. язык программирования – PHP (версия 7.4 и выше);
  2. базы данных – MySQL (версия 5.6 и выше), MariaDB (версия 10.1 и выше);
  3. операционные системы – Windows, UNIX;
  4. веб-сервер – Apache, Nginx.

Безопасность и производительность:

  1. модерация публикуемых материалов;
  2. разграничение доступа;
  3. кэширование страниц;
  4. поддержка SSL.

Сравнительная таблица

       Каждая из систем управления контентом может стать удачным решением для сайта. Важно учитывать направленность, масштабы проекта, требования к производительности. Ниже — сводная таблица с ключевыми характеристиками каждой из рассмотренных CMS (Таблица-1).


Таблица-1 сводная таблица


Wordpress

1С-Битрикс

Лицензия

Бесплатная

Платная

Для каких сайтов подходит

Любые

Крупные сайты

Системные требования

Языки программирования

PHP (версия 7.10 и выше)

PHP (версия 7.1 и выше)

БД

MySQL (версия 5.6 и выше), MariaDB (версия 10.1 и выше)

MySQL (версия 5.6 и выше)

ОС

Windows, UNIX

Windows, UNIX

Веб-серверы

Apache, nginx

Apache

Безопасность и производительность

Ограниченные функции при базовой конфигурации

Высокий уровень защиты и производительности

Возможности самостоятельного конфигурирования

Гибкая система, легкое масштабирование

Широкие возможности для масштабирования

Удобство использования

Простая настройка и установка, много руководств

Мало бесплатной информации по установке и настройке, возможны трудности для новичков

Встроенные модули

Базовые плагины, много платных и бесплатных модулей

Количество встроенных модулей зависит от редакции системы


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
























2. ТЕХНОЛОГИЧЕСКАЯ ЧАСТЬ

2.1 УСТАНОВКА И НАСТРОЙКА WORDPRESS


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

  1. Скачать Wordpress.

       Для этого необходимо. Скопировать все файлы Wordpress из скаченного ZIP архива в корневую директорию сервера (в папку сайта). Копируются такие папки/файлы:

       1.wp-admin

       2.wp-includes

       3.wp-content

       4.index.php

       5.wp-load.php

       2. Далее. Создайте базу данных на сервере.

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

       3. Потом. Открыть браузер и перейти на свой сайт website.

       Где необходимо перейти по ссылке http://example.com, где website сайт, появится такое окно (Рисунок-1):

Рисунок-1 окно начала установки


Кликаем левой кнопкой мыши «Вперед» видим такое окно (Рисунок-2):


Рисунок-2 подключение к базе данных


       Указываем все поля. Пароли получили при создании базы данных. Поле «Сервер базы данных» в 99% оставляем «localhost». Жмем «Отправить». Если все поля были указаны правильно, получим (Рисунок-3):


Рисунок-3 уведомление что всё прошло удачно


       Это значит, что файл конфигурации wp-config.php был создан в корне сайта. Жмем «Запустить установку» и устанавливаем сайт (Рисунок-4):

Рисунок-4 окно настроек


       На этом этапе Wordpress создаст нужные таблицы в базе данных и пользователя – администратора сайта. Нажимаем «Установить Wordpress» и видим (Рисунок-5):

Рисунок-5 окно успешной установки

       Система управления контентом создана.

       

2.2 ТРЕБОВАНИЕ К ВЕБ-САЙТУ

       1. Корректное отображение

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

       2. Структурированная информация

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

       3. Приятный тон

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

1. Хорошая версия        

       Информационный сайт должен информировать, привлекать посетителя превращать посетителя в постоянного посетителя.












3. СПЕЦИАЛЬНАЯ ЧАСТЬ

3.1 КАРТА САЙТА

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

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

       Данная карта — это полный перечень разделов и всех страниц в иерархическом порядке (Рисунок-6).





       


       




















       

Рисунок-6 карта сайт


3.2 ПОСТРОЕНИЕ ER-ДИАГРАММЫ


       ER-диаграмма создаётся для того, чтобы показать все

элементы модели в соответствии со строго определенными

правилами - нотациями.

       При помощи таблиц создаются сущности с их атрибутами. Связи

проставляются с помощью соединительных линий, путем протягивания связи

от одной сущности к другой (Рисунок-7).

Рисунок-7 ER-диаграмма

3.3 ВЫБОР ДОМЕНА И ХОСТИНГА ДЛЯ ВЕБ-САЙТА


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

1.Домен должен легко запоминаться;

2.Иметь сложное написание;

3.Не выражать идею веб-сайта, к которому он привязан;

4.Сдержать ключевые слова, понятные для поисковиков.


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



3.4 СОЗДАНИЕ БАЗЫ ДАННЫХ MYSQL ДЛЯ РАБОТЫ ПЛАТФОРМЫ


       После файлов платформы на сервер хостинг-провайдера необходимо создать базу данных, которая будет использоваться CMS Wordpress. Сделать это можно, используя такие веб-приложения как джумлу, а также используя возможности веб-интерфейса хостинга, beget.

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



3.5 ПОВЫШЕНИЕ ПРОИЗВОДИТЕЛЬНОСТИ WORDPRESS


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

       Повышение производительности Wordpress можно разделить на несколько этапов:

  1. настроек для сайта;
  2. комментариев и отсеивание спама;
  3. дополнительными авторами;
  4. другие регулировки.


При настройке сайта на базе данной системы управления контентом в системе администрирования необходимо ввести оптимальные настройки, которые будут соответствовать требованиям веб-ресурса. Данные требования отличаются от сайта к сайту и характеризуются особенностями задач, которые данный ресурс выполняет (Рисунок-10).

Рисунок-10 Вид системы управления с открытой вкладкой настройки

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

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

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


1.Администратор (Administrator). У данного типа пользователя есть доступ ко всем функциям блога. Это учетная запись с наивысшими возможностями контроля.

2.Редактор (Editor). Редактор имеет доступ ко всему, что имеет отношение к содержимому блога, кроме настроек. Редактор может читать, публиковать, удалять записи, страницы, ссылки, рубрики и метки. Важно то, что если необходимо работать с контентом, то пользователь с таким типом привилегий может этим заниматься. Многие эксперты по безопасности рекомендуют владельцу блогов и сайтов на базе Wordpress создавать для себя дублирующую учетную запись типа редактор и пользоваться ею для ежедневной работы. Если данная учетная запись будет скомпрометирована, сам блог не пострадает, если же будет скомпрометирована учетная запись администратора, последствия будут тяжелее.

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

4.Участник (Contributor). Помощники могут создавать собственные записи, однако, они не имеют права публиковать в блоге или на сайте.

5.Подписчик (Subscriber). Подписчики могут только читать записи блога и оставлять комментарии. Эта роль может быть полезна при применении плагина почтовой рассылки.

По поводу кеширования существуют разные мнения. Но сам автор данной cms считает, что Wordpress способен справиться с повышенным трафиком без какой-либо помощи. Другие пользователи полагают, что применение кеширование для данной платформы обоснованно. Оно позволяет улучшить производительность и снизить нагрузку на сервер.

Несмотря на то, что существует встроенное кеширование, также можно использовать плагины, такие как wp-supercache, wp-cache и W3 Total cache. Эти плагины не только кешируют страницы, но позволяют также легче производить настройку конфигурации и применять дополнительные возможности, например, сжатие файлов CSS и сценариев PHP. Большинству сайтов на базе Wordpress не требуется серьезное кеширование. Его стоит применять в случаях использования совместного хостинга.


3.6 СТРУКТУРА КОРНЕВОЙ ПАПКИ WEBSITE

       Корневой каталог website содержит три папки: wp-admin, wp-content и wp-includes вместе с кучей разных php файлов, которые требуются для основной работы сайта. Наиболее значимым из этих файлов являются «wp-config.php». Изменяя этот файл, можно добавить кучу ключевых вариантов настройки website, которые не доступны из консоли администратора. Также в корне веб-сайта лежат и другие системные файлы (например, wp-settings.php, wp-config) которые влияют на настройки сайта.

wp-admin

       Папка wp-content содержит все загруженные пользовательские данные и разделяется на другие вложенные папки:

  1. Languages;
  2. Plugins;
  3. Themes;
  4. Uploads.

Папка «languages» содержит файлы переводов и локализации движка в формате .mo и .po.

       Каталог «themes» содержит все загруженные темы (шаблоны).

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

По умолчанию папка «themes» уже содержит внутри две темы: Twenty Thirteen и Twenty Fourteen была загружена новая тема Bam.

       Аналогичным образом, «plugins» используется для хранения установленных плагинов на веб-сайте. В отличие от каталога «themes», этот каталог может быть пуст и WordPress будет прекрасно работать без использования каких-либо сторонних плагинов. Также можно активировать столько плагинов, сколько необходимо (правда, хорошая практика заключается в установке только необходимых плагинов, поскольку количество установленных плагинов влияет на скорость работы сайта).

       Все картинки (и другие медиафайлы) хранятся в каталоге «uploads», с разбивкой по годам, месяцам и/или дням. Эта папка представляет собой базу данных для всего нетекстового контента: изображения, видео, MP3, PDF-файлы, и т.д.

Сразу после установки Wordpress папки «uploads» не будет, она будет создана автоматически после того, как загрузить медиафайлы через консоль.

wp-includes

Папка «wp-includes» содержит в себе все основные и необходимые файлы для запуска WordPress через фронтэнд (пользовательский интерфейс). Папка содержит файлы PHP, CSS, JavaScript, и файлы изображений WordPress, которые обеспечивают основные функции программного обеспечения. Другими словами – это ядро движка ВордПресс.

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

Структура корневой папки website демонстрируется на (Рисунке-11).


Рисунок-11 структура website

Далее от структуры ядра WP перейдем к рассмотрению анатомии темы (шаблона) Путь к файлам темы следующий /wp-content/themes/Bam/.

Основная структура папок темы включает в себя такие папки, как:

  1. /css/ – файлы стилей CSS, которые использует тема; важно: файл style.css должен размещаться в корневой папке темы;
  2. /js/ – файлы JavaScript;
  3. /images/ – хранит встроенные в тему изображения;
  4. /languages/ – каталог хранит файлы переводов темы.

Есть только два основных файла, которые необходимы для активации темы:

index.php – файл, который создает блог и style.css – стилевое оформление блога.

Тема включает в себя и другие файлы:

  1. header.php — глобальный файл, который отображает метаданные страницы в разделе <head> и меню верхнего уровня;
  2. sidebar.php – этот файл отвечает за генерацию боковой колонки сайта. В основном здесь выводятся: список рубрик (категорий), последние записи, теги, различные баннеры;
  3. footer.php – этот файл отвечает за вывод футера, нижнего меню, копирайта и закрывает HTML-теги;
  4. index.php – это шаблон главной страницы сайта. По умолчанию этот файл отображает список последних постов и подгружает информацию с sidebar.php (сайдбара);
  5. single.php – отвечает за отображение отдельных постов. Файл содержит цикл, который запрашивает только один пост и формирует его вывод;
  6. page.php – формирует отдельные (статические) страницы (например, «Контакты», «О нас» и т.п.);
  7. archive.php – этот файл отвечает за вывод страницы архива записей;
  8. category.php – формирует шаблон страницы, которая выводит посты по категориями;
  9. tag.php – шаблон страницы, которая выводит список постов по тегам;
  10. comments.php – этот файл управляет выводом комментариев;
  11. functions.php – позволяет добавлять пользовательский код PHP и может влиять на основные элементы темы. Он добавляет функции и расширяет возможности вашего сайта. Работает как плагин WordPress;
  12. style.css – основной файл CSS-стилей темы.


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

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

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


Рисунок-12 возможности редактирования темы website

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

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


3.7 УСТАНОВЛЕННЫЕ ПЛАГИНЫ

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

       Для того чтобы установить нужный плагин необходимо, в левой колонке консоли кликнуть по кнопке «плагины», затем в верхней части консоли кликнуть по кнопке «добавить новый», далее установить нужный плагин, а за тем активировать его (Рисунок 13).


Рисунок-13 установленные плагины


       1.Advanced Editor Tools (ранее TinyMCE Advanced)

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

       2. Button visually impaired

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

       3. Classic Editor

       Classic Editor — официальный плагин от команды разработки Wordpress, который восстанавливает старый «классический» вариант редактора и экрана редактирования записей.

       4. Contact Form 7

       Contact Form 7 - функциональный плагин, который позволяет делать формы обратной связи разной сложности и в разном дизайне исполнения.



3.8 ОПИСАНИЕ СТРУКТУРЫ ВЕБ-САЙТА

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

пользователя, чтобы пользователю было легко ориентироваться.

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

       На начальной странице пользователю предоставлена главная страница,

Присутствует верхнее меню и нижнее меню, в ней находятся новости, обзор новинок, наш ассортимент, а также контактная информация (рисунок-14) и (рисунок-15).

Рисунок-14 главная страница верхняя часть


Рисунок 15 главная страница нижняя часть


После чего пользователь попадает на страницу новости, где находятся различные интересные новости из мира бытовых товаров (рисунок-16).





Рисунок-16 страница новостей


       Далее пользователь может зайти на страницу, обзор новинок, где находится видео контент попадает он на страницу с представленным видеообзором (Рисунок-16).


Рисунок-17 страница обзор новинок

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


Рисунок-18 страница наш ассортимент


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


Рисунок-19 страница контактной информации


3.9 ОПИСАНИЕ ЗАЩИТЫ ДАННЫХ


       Защита сайта website с помощью защиты страницы входа и

предотвращения brute force атак.

Всем известен стандартный URL страницы входа в Wordpress. Отсюда

можно получить доступ к backend веб-сайта, и именно по этой причине его

пытаются взломать чаще всего. Просто необходимо /wp-login.php или /wp-admin / в конце доменного имени, и вы уже знаете адрес админки сайта.

Нужно изменить адрес страницы входа в админ-панель Wordpress, и способ

аутентификации. Это то, что стоит сделать при первоначальной настройке

сайта.

       Блокировать массовые запросы авторизации и бан ботов Функция блокировки неудачных попыток входа в систему может решить проблему непрерывных попыток brute force — взлома сайта методом подбора пароля. Всякий раз, когда происходит попытка взлома с повторяющимися

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

получаете уведомление о несанкционированном действии.

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

настройках плагина можно указать определенное количество неудачных

попыток входа в систему до того, как плагин заблокирует IP-адрес

злоумышленника.

       Использование двухфакторной аутентификации.

       Еще одна хорошая мера безопасности — подключение 2-факторного модуля проверки подлинности (2FA) на страницу входа в административную панель сайта. В этом случае для того, чтобы войти, нужно использовать два типа данных. Владелец веб-сайта может выбрать, какие это будут компоненты. Это может быть обычный пароль, за которым следует секретный вопрос, секретный код, набор символов или более популярное приложение Google Authenticator, которое отправляет секретный код на ваш телефон. Таким образом, только человек с вашим телефоном может войти на ваш сайт. Используйте адрес электронной почты для входа в систему. По умолчанию для входа в Wordpress вам нужно ввести свое имя пользователя и пароль. Использование электронной почты вместо логина пользователя является более безопасным. Причины этого очевидны — имя пользователя легче угадать, чем электронную почту. Вы должны знать, что учетная запись пользователя Word Press создается с уникальным адресом электронной почты, и это позволяет использовать e-mail для входа в систему. Измените стандартный префикс базы данных Wordpress. При установке Wordpress система предлагает установить префикс для таблиц базы данных по-умолчанию: wp Использование префикса по умолчанию делает базу данных сайта уязвимой к атакам SQL-инъекций. Предотвратить атаки можно путем назначения своего

префикса, например, mywp-или wpnew-.

       Если уже установлен на сайт Wordpress базу данных с префиксом по умолчанию, его можно изменить при помощи некоторых плагинов, таких, как WP-DB Manager или iThemes Security. Однако необходимо быть осторожным, выполняя такие операции на работающем сайте, и всегда сохранять резервную копию сайта и базы, а лучше всего пользователя из панели управления хостингом. Кроме того, при создании бэкапа сайта убедится, что данные из него можно успешно восстановить, и знать, как это сделать. Ведь как известно, люди делятся на три типа: те, кто не делают бэкапы, те, кто уже делают backups, и те, кто умеют из них восстанавливаться.









4.ОРГАНИЗАЦИОННО-ЭКОНОМИЧЕСКАЯ ЧАСТЬ

Целью данной работы является создание информационного веб-сайта бытовых товаров для организации Хозяин.

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

Внедрение этого разрабатываемого проекта для Индивидуального предпринимателя Михаила Кондерова  "магазина Хозяин" (ИП) повлечет за собой затраты на разработку проекта. Обобщенным критерием экономической результативности является минимум затрат живого и общественного труда. Экономическая эффективность рассчитывается из сокращённого времени по ведению данных в хозяине, приобретения прибыли с продаж.

Целью данного раздела является подсчет затрат на создание информационного веб-сайта для магазина Хозяин и расчет периода его окупаемости.

4.1 ВЫБОР МЕТОДИКИ РАСЧЕТА ЭКОНОМИЧЕСКОЙ ЭФФЕКТИВНОСТИ

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

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

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

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

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

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

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

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

       Эти особенности организации дают возможность ряду организаций отдельные показатели эффективности измерять не только в стоимостных показателях, но и в натуральных. Для такого расчета некоторое различие в трудоёмкости отдельных видов не будет иметь существенного значения, так как в целом преобладают товары бытового назначения, однородные по трудоёмкости. Объём их продаж в системе России составляет более 80% всей продажи бытовых товаров. Удельный вес производства ординарных товаров в общем объёме бытовых товаров составляет 90,7%.

       Большое влияние на экономические показатели организаций оказывают потери товара.

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

  1. Обобщающие показатели экономической эффективности производства;
  2. Показатели эффективности использования труда;
  3. Показатели эффективности использования основных фондов, оборотных средств и капитальных вложений;
  4. Показатели эффективности использования материальных ресурсов.


4.2 РАСЧЕТ ПОКАЗАТЕЛЕЙ ЭКОНОМИЧЕСКОЙ ЭФФЕКТИВНОСТИ

       Расходы по созданию и размещению сайта в сети интернет.

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

           Таблица-2

Наименование

кол-во

кВт/час

кВт в сутки (примерно)

кВт в месяц

Компьютер

1

0,17

2,58

65,9

Освещение

3

0,36

11,75

591,6

Сплит

1

0,7

6,3

389

ИТОГО:


1,29

535,5




Расчет электроэнергии для девятичасового рабочего дня.

Для организаций 1 кВт / ч= 50,89

В месяц 2,89*526,5= 1521,6 рублей.

       В сети веб-сайт планируется разместить на ресурсах провайдера города Усть-Катав - “Ростелеком”, что обеспечит удобное обслуживание.

       Заработная плата программисту составляет 20000 рублей.


Таблица-3

Расчет ежемесячных затрат на содержание Web-сайта.

Наименование

Сумма, руб

ЕСН, руб

Зарплата программиста

100000 руб.

3947

Электроэнергия

1521,6


Хостинг

1200

Интернет

700

Прочие расходы

800

Итого:

24221,6

Всего расходов:

200000












RПост = 28168,6-постоянные ежемесячные расходы.

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

Годовая сумма амортизационных отчислений рассчитывается по формуле:

 ,

где Ф - первоначальная стоимость основных фондов по видам, руб.;

NA - норма амортизации по видам основных фондов, в %.

Годовую сумму амортизационных отчислений отразим в таблице 4


Таблица 4

Расчет годовой суммы амортизационных отчислений

Элементы основных фондов.

Кол-во

Стоимость, руб.

Сумма руб.

Норма амортизации, %

Амортизационные отчисления, руб.

Компьютер

1

34000

28000

40%

7600

Сплит система

1

25000

19000

40%

8900

Помещение

13,6м2        

5400

73440

4%

2203,2

ИТОГО:

19603,2


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

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

       ,

       Рассчитаем сумму амортизационных отчислений для перечисленной группы оборудования с учетом числа календарных дней на разработку программного обеспечения (веб-сайта) по формуле:

А = 11603,2*10/365=317,9 руб.

       Заработная плата программиста составляет 15000руб. Соответственно, затраты на заработную плату включаемые в себестоимость программы с учетом работы над программой в течение 12 дней составят:

       ,

где ЗПпр - заработная плата в месяц программиста, руб.;

Тфакт - число календарных дней на разработку интернет - магазина;

Д - число дней в периоде (месяц).

ЗПпр = 15000*10/22 = 6818 руб.

Отчисления на социальное страхование составят:

ЕСН = ЗПпр * 26%

ЕСН = 1772,68 руб.


       Таблица 5

Расчет ежемесячных материальных затрат.

Наименование

Сумма, руб/мес.

Электроэнергия

3521,6

Хостинг

5200

Интернет

700

Прочие расходы

1000

Итого:

10000

       






       Зм = 4221,6 рублей в месяц

       Следовательно, затраты на период разработки программного продукта рассчитаем по формуле:

       Зпр =  ,

где Зм - ежемесячные затраты, руб.;

Тфакт - число календарных дней на разработку интернет - магазина;

Д - число дней в периоде (месяц).

Зпр =4221,6*10/22=10000руб.

Рассчитаем себестоимость программного продукта по формуле:

Сст - себестоимость разработки программы

Сст = Зпр + ЗПпр + ЕСН + А

Сст = 6818+1772,68+1918,9+317 = 12826,58 рублей.

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

Сст ≈ 11000 рублей.

Исходя из нормального уровня рентабельности 20% мы можем определить цену разработанной нами программы:

       ,

где Сст - себестоимость разработки программы;

R - планируемый уровень рентабельности.

Ц = 11000 + 11000*20/200 = 15200 рублей.

       Так как помещение и оборудование уже имеется в наличии у ИП "Хозяин" затраты на внедрение программного продукта составят 13200 рублей.

       Предполагается, что самоокупаемость веб-сайта при ежемесячных затратах в 28721,6 рублей произойдет уже при увеличении товарооборота на 50% прибыли на 10%.

П = (Тобн + Тобн * Тоб% ) *П% ,

где П - предполагаемая прибыль;

Тобн - базовый вариант товарооборота;

Тоб% - предполагаемый процент прироста товарооборота;

П% - предполагаемый прирост прибыли.

П= (400000+400000*20/100) *6/100=29800руб

Так как продажи бытового товара в компании составляют примерно 80% от общего товарооборота, соответственно самоокупаемость сайта произойдет при приросте товарооборота на 10% и приросте прибыли на 35%.

П1 = (100000+100000*10/100) *25/100 = 33600 руб.

Поэтому полная окупаемость информационного веб-сайта с учетом затрат на внедрение произойдет за 2,5 месяца

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


4.3 ВЫВОД

       Проработав работу организации «ИП», Хозяин за 12 месяцев, можно прийти к заключению о экономической целесообразности и окупаемости дополнительной услуги – информационного веб-сайта. Так как, создавая данную услугу, потенциальным клиентам предоставляется возможность ознакомления с организацией и предоставляемым ассортиментом товаров, а также новостями, обзором новинок, нашим ассортиментом и контактной информации. Возможности ознакомление с ассортиментом и так же поднимет рейтинг сайта, создаст расширение круга постоянных покупателей. Очень удобен тот факт, что в веб-сайте знакомится с товаром и узнавать о контактах с фирмой будет возможно круглосуточно.

       Веб-сайт сможет так же приносить дополнительный доход при привлечении клиентов через сеть Интернет. Заинтересовав клиента, привлекательной информацией, широкой позицией.

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












5.МЕРОПРИЯТИЯ ПО ТЕХНИКЕ БЕЗОПАСНОСТИ И ОХРАНЕ ОКРУЖАЮЩЕЙ СРЕДЫ

Под экологичность разработанного информационного веб-сайта

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


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


При работе персональный компьютер создаёт вокруг себя электростатическое излучение, которое притягивает различную пыль, а при нагрузке на плату нагревании платы и корпус монитора испускают в воздух отравляющие здоровье вещества. Всё это делает воздух очень сухим, слабо ионизированным, "затхлым" для дыхания. Естественно, что такой воздух не может быть полезен для организма человека и приводит к различным заболеваниям аллергического характера, болезням органов дыхания и другим расстройствам организма. Для устранения электростатического поля необходимо как можно чаще делать влажную уборку в помещении и проветривать его. Кроме того, для увеличения влажности можно поставить открытую емкость с водой, аквариум с рыбками, а полы должны иметь антистатическое покрытие согласно ГОСТ 121.038_82 (1996). Практически всегда в производстве компонентов для ЭВМ используются тяжёлые металлы, такие как хром, ртуть и свинец, которые также вредят здоровью, окружающей среде и не добавляют его. Поэтому все больше и больше государств начали интересоваться вопросом об охране окружающей среды. С середины 2015 года во всех странах Евросоюза действует запрет на ввоз компьютерных комплектующих, не соответствующих строгому стандарту ROHS. Основные цели директивы - снизить загрязнение и предотвратить разрушение окружающей среды, а также сохранить здоровье людей, пользующихся электроникой. Данный стандарт довольно жёстко ограничивает содержание в продукции вредных веществ и вынуждает производителей электроники под страхом потери прибыльного рынка должным образом организовывать производство. Таким образом, своевременное применение мер, ограничения описанных выше мер, поможет устранить влияние вредных факторов, возникающее при работе и системного аналитика и пользователя, а также защитить окружающую среду от воздействия различного рода излучений, воздействия токсинов. Разработанная система позволяет уменьшить количество бумажного документооборота с которыми приходиться взаимодействовать непосредственно в повседневной работе соответствующих организаций, что в свою очередь приведёт к уменьшению производства бумаги, и как следствие вырубки леса, загрязнению окружающей среды при его переработке.


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


Таким образом, в разделе безопасность и экологичность был:

1. Проведён анализ условий труда;

2. Даны рекомендации по улучшению условий труда пользователей;

3. Рассмотрены вопросы пожаробезопасности;

4.Рассмотрены вопросы время и ресурсосбережения.



















ЗАКЛЮЧЕНИЕ


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

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

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

       Решена задача по расчетам в экономической части что показывает, что внедрение веб-сайта в организацию «Хозяин» экономически и помимо быстрой окупаемости товара повысит результат и получение дополнительных денег организации за счет:

       дополнительного круглосуточного информационного сайта;

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

       На данном этапе в проекте информационного веб-сайта реализовано главная страница, а также оптимизирован под слабовидящих.

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

которая является наиболее популярной на сегодняшний день и предоставляет

достаточно широкие возможности для разработки.

Для достижения поставленной цели в работе ставились следующие задачи:

1.) провести анализы предметной области;

2.) Привести классификацию современных активов;

3.) Проанализировать существующие средства разработки, оптимизации и продвижения веб-сайтов;

4.) Разработать информационный веб-сайт для магазина «Хозяин».

       Данная работа успешно выполнена.