Создание коммерческого сайта воздушные шары

Содержание:

Введение

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

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

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

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

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

Целью данной курсовой работы является разработка сайта на основе CMS Wordpress.

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

Объектом исследования является процесс разработки сайта.

Предмет – сайт на CMS WordPress.

Цель – разработать сайт «воздушные шары» с использованием CMS WordPress.

Задачи курсовой работы:

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

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

Основная часть

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

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

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

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

Для корректной работы данной системы управления контентом необходимо наличие PHP и MySQL, а скачать Вордпресс без особого труда можно на сайте mywordpress.ru. Там же можно получить все необходимые для работы консультации. Интересен и тот момент, что не придется ничего скачивать, заливать необходимые файлы на хостинг, ломать голову над настройками, если выбрать хостинг с предустановленным Вордпрессом.

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

Рис. 1 - Главная страница интернет-магазина

Рис. 2 - Страница с каталогом товаров интернет-магазина

Далее нужно выбрать хостинг. Так как переезд на другой хостинг – дело трудоёмкое и иногда это бывает травматично для сайта или его продвижения. Поэтому нужно сразу выбирать хороший хостинг, чтобы потом не переезжать. Мой выбор пал на хостинг провайдер Джино.

Хостинг Джино отвечает важным требованиям:

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

Рис. 3 - Страница хостинга Джино с облачным сервисом для WordPress

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

Рис. 4 - Преимущества облачного сервиса WordPress от Джино

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

Домен должен отвечать важным требованиям:

• Никакой плохой репутации в истории домена.
• Соответствие тематики сайта.
• Легкое запоминаемость.
• Доменное имя лучше всего использовать в свой географической зоне, к примеру, .ru , либо в международной, к примеру, .com

Мной было выбрано доменное имя - haretoy.ru. Легкое, короткое и легко запоминающейся, а также соответствует тематики коммерческого сайта.

Рис. 5 - Домен сайта

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

Рис. 6 - Управление доменами в хостинге Джино

Установка WordPress

Начальные этапы создания сайта позади. Дальше будет всё самое интересное. После покупки хостинга и домена, нужно установить на сайт WordPress – систему управления контентом (CMS). Большинство хостингов позволяют произвести установку CMS в том числе и наш (Джино) автоматически, для этого есть специальный пункт в панели управления. В крайнем случае, можно установить WordPress и вручную, но для этого потребуются определённые знания.

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

Рис. 7 - Установка CMS WordPress на хостинге

Рис. 8 - Административная панель управления сайтом в хостинге

После установки CMS WordPress на хостинг мы переходим в административную панель управления сайтом. Там есть все необходимые функции для редактирования нашего сайта, от замены цвета кнопки, до добавления нового функционала.

Рис. 9 - Административная панель управления сайтом в CMS WordPress

Установка темы

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

Тема для WordPress должна отвечать важным требованиям:

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

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

Рис. 10 - Выбор тем в хранилище WordPress

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

Рис. 11 - Установка темы в CMS WordPress

После установки темы ее можно редактировать под свою тематику, под свой бренд. Для этого переходим на страницу Настройки темы. К сожалению, в CMS WordPress нельзя редактировать контент или же дизайн как в онлайн кострукторах сайтов - для этого уже требуются минимальные знания html и css.

Рис. 12 - Административная панель в настройках темы WordPress

Установка плагинов

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

Плагины должны отвечать важным требованиям:

• Доступность плагинов в хранилище WordPress или в популярном, безопасном магазине шаблонов для CMS.
• Постоянное обновление его разработчиками с усовершествением функционала и устранения ошибок.

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

Рис. 13 - Установка плагинов из хранилища WordPress

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

Одним из преимуществ хранилища файлов WordPress.org является периодическая проверка того, соответствует ли версия установленного плагина последней версии, которая есть на сайте хранилища. Если версия установленного плагина устарела, ее можно обновить автоматически или вручную. Автоматическое обновление плагина выполняется также из системы администрирования. При ручном обновление, вначале требуется удалить старую версию плагина, предварительно деактивировав его из панели управления, а затем установить новую версию используя FTP-клиент. Наиболее часто используемыми плагинами являются модули, которые можно разделить на следующие группы:

· Настройка интерфейса. Плагины из этой группы позволяют изменить внешний вид сайта или блога, основанного на платформе WordPress.

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

· Инструменты поисковой оптимизации. (SEO) · Статистика. Плагины для сбора информации, касающейся посетителей сайта и посещаемости ресурса. · Мультимедиа. Плагины для работы с аудио и медиа.

· Комментарии. Обработка и оформление комментариев. · Администрирование. Модули, предназначенные для управления сайтом, базами данных, пользователями и безопасностью.

· Интеграция с социальными медиа. Подключения сайта или блога на базе платформы WordPress к социальным сетям.

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

· Поиск. Плагины для организации поиска по сайту. Существуют и другие виды модулей, которые расширяют функциональность платформы WordPress.

Рис. 14 - Страница плагина в хранилище WordPress

Создание контента

На создании сайта мучения не закончены. Нужно создать контент. В моем случае - это товары.

Товары должен отвечать важным требованиям:

• Быть релевантными.
• Иметь качественное изображение.
• Иметь грамотное описание товара. Так как описание сильно влияет на продвижение.
• Быть актуальными.

Рис. 15 - Добавление нового товара в интернет-магазине

Рис. 16 - Список всех товаров в интернет-магазине

Рис. 17 - Страница добавленного товара в интернет-магазине

Работа с социальными сетями

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

Использовать социальные сети можно так:

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

Рис. 19 - Авторизация на сайте при помощи социальных сетей

Рис. 15 - Кнопки поделится в социальных сетях в карточках товаров

Рис. 20 - Публикация товара на страницу в социальной сети

Заключение

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

Список литературы

1.Martin Brampton. PHP5 CMS Framework Development. - PACKT publishing, June 2008.

2.Савельева Н. Системы управления контентом (рус.) // Открытые системы. - 2004.

3.Николай Дроздев - Создай Свой Собственный WordPress Сайт. - 2011.

4.Люк Веллинг, Лора Томсон Разработка Web-приложений с помощью PHP и MySQL Москва: Вильямс, 2005.