CC BY
11<<шцшетим-шигмА1>#Щ27)),2©1]9 / physics and mathematics
53
PHYSICS AND MATHEMATICS
УДК 004.9
Рахимова А. Р.
ФГБОУ ВО Стерлитамакский филиал Башкирского государственного университета Нафикова А. Р. - к. ф.-м. н., доцент
РАЗРАБОТКА САЙТА ДЛЯ СТУДЕНЧЕСКИХ ОТРЯДОВ БАШКОРТОСТАНА
Rakhimova A.R.
Sterlitamak branch of Bashkir State University Nafikova A. R. - Ph. F.-M. n., associate professor
DEVELOPMENT OF A SITE FOR STUDENTS OF BASHKORTOSTAN
Аннотация
В данной работе идет речь о реализации разработки сайт-визитки для Студенческих отрядов Башкортостана на CMS Joomla и плагине SP Page Builder. Данный сайт позволит получить исчерпывающую информацию о действующих отрядах и их мероприятиях, предоставит возможности просмотра новостей и проектов, а также с легкостью вступить в отряд при помощи простой обратной формы.
Abstract
This paper deals with the implementation of the development of a website for the Student Units of Bashkortostan on CMS Joomla and the SP Page Builder plugin. This site will allow you to get comprehensive information about existing teams and their activities, provide opportunities to view news and projects, as well as easily join a team using a simple inverse form.
Ключевые слова: интерфейс, разработка сайта, Joomla, студенческие отряды, РСО
Keywords: interface, site development, Joomla, student teams, RST
С момента появления и до сегодняшних дней количество интернет- пользователей постоянно растет. В каждой сфере деятельности в той, или иной степени применяются интернет-технологии. В условиях использования современных информационных технологий - это необходимый фактор существования, позволяющий расширить поле рекламной деятельности и привлечь тем самым дополнительных клиентов.
Когда мы хотим, что-то узнать, приобрести какой-либо товар или воспользоваться услугой, с которой раньше не встречали и не пользовались, первым делом мы пользуемся социальными сетями, чтобы найти отзывы или ищем информацию в глобальной сети Интернет. Так мы просматриваем множество сайтов различных фирм, компаний, образовательных учреждений, редакций и конкретных людей. Из этого можно сделать вывод, что если у организации есть свой сайт, то она заботится об удобстве своих потребителей и о продвижении своего товара. А пользователи в свою очередь, будут рекомендовать сайт и организацию.
Поэтому, в связи с развитием интернет-технологий в наше время появилось огромное количество сайтов с совершено разной тематикой: от сайтов крупных компаний, лидирующих на мировом рынке, до маленьких одностраничных сайтов, которые приглашают посетить фирму или рассказывают полезную информацию.
Было решено разработать сайт-визитку для Молодежной Общероссийской Общественной Ор-
ганизации Российских Студенческих отрядов Баш-кортостанского Регионального Отделения (МООО «РСО» БашРО), который будет удобен и прост в обслуживании (администрировании), а также будет доносить полезную информацию как для посетителя, так и для бойцов отряда всего региона и всей России. В дальнейшем он будет перенесен на хостинг и использоваться в качестве основного источника, который освещает студенческую внеучебную деятельность - студенческий отряд.
На начальном этапе был разработан примерный дизайн сайта. Вторым этапом стал выбор CMS Joomta. Третий этап - был выбран плагин для более удобной реализации одностраничного сайта CMS Joomla - SP Page Builder.
Переход на систему управления контентом позволил отказаться от вывода статических страниц и предоставил возможность размещать динамические блоки на сайте. Создан стиль оформления и графический шаблон сайта. Стоит отметить широкие возможности Joomla - это тысячи готовых компонентов и платформа с открытым исходным кодом предоставляют разработчику возможности для реализации любых будущих целей, идей и проектов [2].
После установки и активации плагина, была создана пустая страница. В ней была сделана сетка блоков по исходному макету. Были созданы, как обычные ряды, так и ряды, имеющие несколько колонок.
После создания разметки, перешли к функциональной части сайта:
54
PHYSICS AND MATHEMATICS / «ШУШ(Ш1УМ-ШУГМА1>>#3(Ш7)),2©1]9
Первый блок - фотография, был создан пустой ряд и добавлен модуль фотографии. Было добавлено видео с официального канала Российских студенческих отрядов в YouTube.
Второй блок - Календарь Мероприятий. Для этого блока был интегрирован скрипт с социальной сети ВКонтакте, для отображения последний записей из группы. После были сделаны модули записей последних мероприятий.
Третий блок - Вступить в отряд. Был создан ряд и наполнен шестью колонками. В каждую колонку была вставлена иконка, изображающая символ отряда. На каждую иконку был создан скрипт-модуль всплывающего окна. Во фрейм была добавлена картинка, которая всплывала при нажатии на иконку и отображала более подробную информацию об отряде.
Четвертый блок - был сделан ряд с двумя колонками, где при помощи модуля «Картинка» и
«Произвольный текст», было добавлено описание и была создана кнопка «Вступить в отряд», также при помощи модуля «Кнопка».
Пятый блок - Деятельность, наши проекты. Для этого блока был создан ряд и разделен на три колонки. При помощи модулей, были созданы картинки и кнопки, по расположению, которые были похожи на запись из блога. На кнопки было так же добавлено всплывающее окно.
Шестой блок - Контакты. Для этого блока была создана форма обратной связи через скрипт-модуль «Contact form». Также была интегрирована API-карта с платформы Яндекс. Карты с указанием адреса учреждения.
После завершения функционала, преступили к наполнению сайта рис 2-6. Были добавлены картинки, ссылки и тематические тексты. На каждый блок был добавлен свой уникальный фон.
Рисунок 2. Блок 1 - Шапка и видеоматериал
Рисунок 3. Блок 2 - Календарь мероприятий
ГЛАВНАЯ О НАС ДЕЯТЕЛЬНОСТЬ КОНТАКТЫ ВСТУПИТЬ В ОТРЯД
Студотряды
IM Vi
Fw
Молодежная общероссийская общественная организация «Российские Студенческие Отряды» СРСО) крупнейшая молодежная организация страны, которая обеспечивает временной трудовой занятостью более 240 тысяч молодых людей из 74 субъектов РФ а также занимается гражданским и патриотическим воспитанием развивает творческим и спортивный потенциал молодежи
Рисунок 4. Блок 3 и 4 - Студотряды в форме кнопок с всплывающими окнами и Информация об РСО
<<ШЦШМУМ-ШУГМА1>#3(Ш7)),2©1]9 / PHYSICS AND mathematics
55
Деятельность наши проекты
" »
iWB гщгч
—is
14 ,„
W1
Рисунок 5. Блок 5 - Деятельность движения
Рисунок 6. Блок 6 - Обратная связь с расположением регионального штаба на карте
В конце было создано меню. Через панель управления были созданы страницы с произвольным URL, после чего в страницу были добавлены перед каждым блоком «Якоря». Каждый «Якорь» носил свой уникальный id, который был вписан в пункт меню, как URl (вид: #ссылка).
После завершения разработки, были проведены тесты по функционалу сайта. Тем самым адаптивность к мобильной версии присутствовала за счет настройки в компоненте SP Page Builder.
Сайт-визитка «Башкортостанское региональное отделение студенческих отрядов» позволит получить исчерпывающую информацию о действующих отрядах и их мероприятиях, предоставит возможности просмотра новостей и проектов, а также с легкостью вступить в отряд при помощи простой обратной формы.
В данный момент, на сайте реализованы базовые возможности функционала - формы принятия заявок на вступление в отряд, просмотр мероприятий и актуальных отрядов, которые есть в регионе.
Результатом выполненной работы стала полноценная информационная страница, которая поз-
воляет производить публикацию любого материала, удобная и гибкая в администрировании, интуитивно понятна конечному пользователю, готовая к расширению и дальнейшей модернизации.
Список использованной литературы
1. SP Page Builder - лучший конструктор лен-дингов на Joomla [Электронный ресурс]. - URL: https://joomla.center/baza-joomla/lendingi-joomla/sp-page-builder-obzor (дата обращения: 10.12.2018).
2. Каталог расширений Joomla [Электронный ресурс]. - URL: https://joomline.ru/rasshirenija.html (дата обращения: 25.10.2018).
3. Рамэл, Д. Самоучитель Joomla! - СПБ.: БХВ-Петербург, 2013.
4. Социальная сеть на Joomla. Интеграция с vk [Электронный ресурс]. - URL: http://cmsheaven.org/extensions/joomla/social-web/ (дата обращения: 15.11.2018).
5. Шаблоны - Уроки по созданию сайтов на Joomla 3.х [Электронный ресурс]. - URL: https://joomIa-create.ru/shablony-dlya-joomla-3-x/ (дата обращения: 20.10.2018).
