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

 

Рисунок 8 - Первый шаг установки CMS WordPress

 

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

 

Рисунок 9 - Второй этап установки CMS WordPress

 

Затем появится финальное сообщение, означающее успешное окончание установки CMS WordPress (Рисунок 10).

Рисунок 10 - Установка CMS WordPress успешно завершена

 

В результате этих действий по месту установки появляется базовый шаблон сайта CMS WordPress.

 

 

2.10 Установка и настройка модификаций

 

Установка тем оформления и плагинов осуществляется через консоль WordPress, располагающуюся по адресу http://solidware.ru/wp-admin/.

Для установки новой темы оформления необходимо в консоли WordPress в меню слева выбрать пункт "Внешний вид", а затем выбрать подпункт "Темы". В появившемся окне будут отображены уже установленные темы, которые можно применить к сайту. Чтобы добавить новую тему, необходимо нажать на кнопку "Добавить новую" в верхней части страницы (Рисунок 11).

Рисунок 11 - Интерфейс выбора темы оформления в консоли WordPress

 

Затем найти нужную тему по категориям, либо с помощью поиска. Затем нужно навести на неё курсор мыши, и нажать на появившуюся кнопку "Установить" (Рисунок 12).

 

Рисунок 12 - Установка новой темы оформления

После того как установка будет завершена, необходимо снова перейти в интерфейс выбора темы управления в консоли WordPress, навести курсор мыши на установленную тему и нажать на появившуюся кнопку "Активировать" (Рисунок 13).

 

Рисунок 13 - Активация установленной темы оформления.

 

Таким образом на разрабатываемый сайт установлена тема оформления "Iconic One".

Плагины устанавливаются похожим образом. В консоли WordPress необходимо в меню слева выбрать пункт "Плагины", а затем подпункт "Добавить новый". Затем при помощи поиска нужно найти нужный плагин, и нажать на нём кнопку "Установить" (Рисунок 14).

 

Рисунок 14 - Установка нового плагина

 

Установленные плагины изначально не активны. Для того чтобы плагин начал работать, необходимо в консоли CMS WordPress в меню слева выбрать пункт "Плагины", а затем подпункт "Установленные". В списке необходимо найти нужный плагин, и нажать на нём кнопку "Активировать" (Рисунок 15).

 

Рисунок 15 - Активация установленного плагина

Таким образом установлены следующие плагины:

1. Contact Form 7.
2. Contact Form 7 Honeypot.
3. Cyr-To-Lat.
4. List category posts.
5. Spam Honey Pot.
6. WP Code Highlight.

 

 

2.10.1 Настройка плагина Contact Form 7

 

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

 

Рисунок 16 - Редактор форм плагина Contact Form 7

 

2.11 Интеграция с Яндекс.Метрика

 

В параграфе 2.5 описаны процессы регистрации и получения JavaScript кода счётчика для сервиса Яндекс.Метрика. Для того, чтобы интегрировать этот код, необходимо в консоли CMS WordPress в левом меню выбрать пункт "Внешний вид", а затем подпункт "Редактировать". Откроется интерфейс для редактирования файлов активной темы оформления. Затем необходимо в списке файлов, что находится в правой стороне страницы, найти файл footer.php, и щёлкнуть по нему. Полученный в параграфе 2.5 JavaScript код необходимо вставить в этот файл, перед закрывающим тегом </body>. Затем нужно нажать кнопку "Обновить файл" (Рисунок 17).

 

Рисунок 17 - Добавление счётчика Яндекс.Метрика в footer.php

 

В результате выполненных действий код счётчика будет присутствовать на каждой странице сайта, так как шаблон footer.php используется на каждой странице.

 

 

2.12 Наполнение контентом

 

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

• Главная (приветствие и краткая карта сайта)
• Портфолио (список записай из категории "Портфолио")
• Статьи (список записей, не входящих в категорию "Портфолио")
• Контакты (контактные данные и форма отправки сообщений)

 

Новые страницы добавляются на сайт при помощи консоли CMS WordPress. Необходимо в меню слева выбрать пункт "Страницы", а затем подпункт "Добавить новую". В появившемся окне необходимо отредактировать новую страницу, а затем нажать кнопку "Опубликовать" (Рисунок 18).

 

Рисунок 18 - Добавление новой страницы на сайт

 

 

 

 

2.12.1 Страница "Главная"

 

На странице "Главная" размещено приветственное сообщение, а также описание остальных трёх страниц и ссылки на них (Рисунок 19).

 

Рисунок 19 - Страница "Главная"

 

 

2.12.2 Страницы "Портфолио" и "Статьи"

 

Содержимое страниц "Портфолио" и "Статьи" генерируется плагином "list category posts". На обеих страницах находится лишь так называемый "shortcode", позволяющий добавлять на страницы и записи функциональность плагинов. Для страницы "Портфолио" shortcode выглядит следующим образом:

[catlist id=2 numberposts=10 pagination=yes date=yes template=div content=yes]

Где:

• catlist - тип шорткода, шорткод плагина "list category posts"
• id=2 - выводить только записи с кодом рубрики равным 2. У рубрики "Портфолио" код равен 2
• numberposts=10 - количество одновременно показываемых записей
• pagination=yes - использовать навигацию по страницам, если количество записай больше 10
• date=yes - отображать дату публикации рядом с заголовком записи
• template=div - устанавливает стиль отображения записей
• content=yes - отображать не только заголовок, но и содержимое записи

Результат работы шорткода показан на рисунке 20.

 

Рисунок 20 - Страница "Портфолио"

 

Шорткод на странице "Статьи" отличается только полем id. У страницы "Статьи" в шорткоде id=-2, что означает "Отображать все рубрики, кроме рубрики Портфолио". Результат показан на рисунке 21.

 

 

Рисунок 21 - Страница "Статьи"

 

 

2.12.3 Страница "Контакты"

 

На странице "Контакты" размещена контактная информация Индивидуального Предпринимателя, а также шорткод плагина "Contact Form 7". Шорткод имеет следующий вид:

[contact-form-7 id="17" title="Контактная форма"]

Результат работы плагина и содержимое страницы показаны на рисунке 22.

 

Рисунок 22 - Страница "Контакты"

 

Глава 3 Экономическое описание проекта

 

На рисунке 23 изображена диаграмма Ганта, отражающая временные затраты по задачам на создание сайта. В общей сложности было затрачено 20 дней.

 

Рисунок 23 - Затраты времени на создание сайта

 

Затраты на содержание сайта (оплата хостинга и доменного имени) составляют 500 рублей в год. Определим затраты за месяц следующей формулой:

 

Зхд = 500 / 12 = 41

 

В среднем балансовая прибыль с одного заказа составляет 20000 рублей. Определим это формулой:

 

ПБ = 20000

 

Налог на прибыль для индивидуального предпринимателя, работающего по упрощённой системе налогообложения составляет 6%. Выразим это формулой:

 

НП = ПБ × 0,06 = 1200

 

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

 

ПЧ = ПБ - НП = 18800

 

В среднем без сайта индивидуальному предпринимателю удаётся получить и выполнить один заказ в месяц. Ожидается что благодаря сайту индивидуальный предприниматель сможет получать уже два заказа в месяц, а значит получать вдвое большую чистую прибыль. Таким прибыль от создания сайта в месяц составляет ПЧ - Зхд = 18759 рублей.

Как видим - сайт окупится с первого же заказа. 
Заключение

 

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

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

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

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

 

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

 

1. Грачев, А. Создаем свой сайт на WordPress. Быстро, легко и бесплатно / А. Грачев. – М. : Питер, 2013. – 288 с.
2. Хассей, Т. WordPress. Создание сайтов для начинающих : [пер. с англ.] / Т. Хассей. – М. : Эксмо, 2012. – 432 с.
3. Сабин-Вильсон, Л. WordPress для чайников : [пер. с англ.] / Л. Сабин-Вильсон. – М. : Вильямс, 2010. – 368 с.
4. Хассей, Т. WordPress для профессионалов : [пер. с англ.] / Т. Хассей. – М. : Эксмо, 2012. – 432 с.
5. Варфел, Т. Прототипирование. Практическое руководство : [пер. с англ.] / Т. Варфел. – М. : Манн, Иванов и Фербер, 2013. – 240 с.
6. Макдональд, М. Создание Web-сайта. Недостающее руководство : [пер. с англ.] / М. Макдональд. – М. : БХВ-Петербург, 2013. – 624 с.
7. Стефанов, С. JavaScript. Шаблоны : [пер. с англ.] / С. Стефанов. – М. : Символ-Плюс, 2011. – 272 с.
8. Фримен, Э. Изучаем HTML, XHTML и CSS : [пер. с англ.] / Э. Фримен. – М. : Питер, 2014. – 720 с.
9. Нидерст Роббинс, Дж. Web-дизайн. Справочник : [пер. с англ.] / Дж. Нидерст Роббинс. – М. : КУДИЦ-Пресс, 2008. – 816 с.
10. Маскиано, Ч. HTML и XHTML. Подробное руководство : [пер. с англ.] / Ч. Маскиано. – М. : Символ-Плюс, 2011. – 752 с.
11. Роббинс, А. Unix. Справочник : [пер. с англ.] / А. Роббинс. – М. : КУДИЦ-Пресс, 2007. – 864 с.
12. Сойер Макфарланд, Д. Большая книга CSS3 : [пер. с англ.] / Д. Сойер Макфарланд. – М. : Питер, 2014. – 608 с.
13. Кент, П. Поисковая оптимизация для чайников : [пер. с англ.] / П. Кент. – М. : Диалектика, 2011. – 432 с.
14. Бабаев, А. Создание сайтов / А. Бабаев. – М. : Питер, 2013. – 304 с.
15. Крокфорд, Д. JavaScript. Сильные стороны : [пер. с англ.] / Д. Крокфорд. – М. : Питер, 2013. – 176 с.
16. Кроудер, Д. Создание веб-сайта для чайников : [пер. с англ.] / Д. Кроудер. – М. : Диалектика, 2011. – 272 с.
17. Скотт, Б. Проектирование веб-интерфейсов : [пер. с англ.] / Б. Скотт. – М. : Символ-Плюс, 2010. – 352 с.
18. Уэнц, К. PHP и MySQL. Карманный справочник : [пер. с англ.] / К. Уэнц. – М. : Вильямс, 2013. – 256 с.
19. Морвиль, П. Информационная архитектура в Интернете : [пер. с англ.] / П. Морвиль. – М. : Символ-Плюс, 2010. – 608 с.
20. Ллойд, Й. Создай свой веб-сайт с помощью HTML и CSS : [пер. с англ.] / Й. Ллойд. – М. : Питер, 2013. – 416 с.
21. Монтейро, М. Дизайн - это работа : [пер. с англ.] / М. Монтейро. – М. : Манн, Иванов и Фербер, 2013. – 176 с.
22. Колисниченко, Д. Блоги. Создание, раскрутка, заработок / Д. Колисниченко. – М. : Вильямс, 2010. – 336 с.
23. Евдокимов, Н. Раскрутка веб-сайта. Практическое руководство / Н. Евдокимов. – М. : Вильямс, 2011. – 288 с.
24. Wikipedia.ru: свободная энциклопедия Википедия [Электронный ресурс]. – Режим доступа : http://wikipedia.org, свободный.
25. WP-Kama.ru: блог по WordPress [Электронный ресурс]. – Режим доступа : http://wp-kama.ru, свободный.