Подбор фреймворков для реализации портала пейнтбольного клуба Текст научной статьи по специальности «СМИ (медиа) и массовые коммуникации»

Решетневскуе чтения. 2017

УДК 004.4'236

ПОДБОР ФРЕЙМВОРКОВ ДЛЯ РЕАЛИЗАЦИИ ПОРТАЛА ПЕЙНТБОЛЬНОГО КЛУБА

А. Г. Гузенкова

Сибирский государственный университет науки и технологий имени академика М. Ф. Решетнева Российская Федерация, 660037, г. Красноярск, просп. им. газ. «Красноярский рабочий», 31

E-mail: guzenkova.a.g@gmail.com

Рассмотрены проблемы реализации адаптивного интерфейса web-сайта. Проведено сравнение фреймвор-ков для верстки web-сайта, рассмотрены их особенности.

Ключевые слова: фреймворк, web-сайт.

SELECTING FRAMEWORKS TO IMPLEMENT PORTAL PAINTBALL CLUB

A. G. Guzenkova

Reshetnev Siberian State University of Science and Technology 31, Krasnoyarsky Rabochy Av., Krasnoyarsk, 660037, Russian Federation E-mail: guzenkova.a.g@gmail.com

The article deals with problems of the implementation to compose a web site, their features are considered.

Keywords: framework, web-site.

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

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

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

Фреймворк (англицизм неологизм от англ. framework буквально - каркас, структура) - программная платформа, определяющая структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта [2]. Другими словами, фреймворк - это рабочая среда, которая помогает разработчику быстро и качественно создавать программный продукт, не отвлекаясь на мелочи, то есть собрать каркас. По сути фреймворк представляет

of adaptive web interface. The article compares frameworks

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

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

CSS-фреймворки созданы для упрощения работы верстальщика, исключения ошибок при создании проекта. На сегодняшний день существует много различных фреймворком предназначенных для верстки web-сайтов, например [1]:

- Bootstrap - популярный фреймворк, помогающий быстро и качественно верстать макеты сайтов. Включает в себя шаблоны для создания слоев, кнопок, форм, блоков навигации и других элементов web-страниц [3]. Включает в себя JavaScript-расширения;

- основные инструменты bootstrap - шаблоны, media, формы, навигация, алерты, типографика и конечно же, сетки. Bootstrap совместим со всеми основными современными браузерами, но в старых версиях браузеров могут быть проблемы. Поддерживает адаптивность. Использует языки Less и Sass;

- Foundation - распространенный CSS-фреймворк. Наряду с другими основными элементами включает в себя несколько HTML шаблонов, формы, сетки.

Программные средства и информационные технологии

Foundation использует очень простые настройки шрифтов. Их легко настраивать, используя некоторые основные переменные Sass.

Данный фреймворк имеет большой набор компонентов на JavaScript. Очень серьезный по своим возможностям и составу фреймворк. Использует Sass. Совместимость кода со всеми основными браузерами

[4].

Skeleton - это фреймворк, основанный на CSS и JavaScript. Он позволяет верстать сайты таким образом, чтобы они одинаково удобно и красиво выглядели как на мониторе 17 дюймов, так и на дисплее смартфонов и планшетах [5]. Дополнительно фреймворк предоставляет базовые стили для типичных HTML компонентов, например, кнопок, списков, таблиц и форм.

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

Библиографические ссылки

1. Виды фреймворков и их особенности : статья [Электронный ресурс]. URL: https://geekbrains.ru/ posts/5_css_frameworks/ (дата обращения: 20.06.2017).

2. Определение фреймворк : статья [Электронный ресурс]. URL: https://dolinacoda.ru/ (дата обращения: 10.06.2017).

3. Установка и работа с Bootstrap : статья [Электронный ресурс]. URL: http://getbootstrap.ru/ (дата обращения: 17.07.2017).

4. Установка и работа с Foundation : статья [Электронный ресурс]. URL: http://foundation.zurb.com / (дата обращения: 02.07.2017).

5. Установка и работа с Skeleton : статья [Электронный ресурс]. URL: http://getskeleton.com/ (дата обращения: 15.06.2017).

References

1. Vidy freimvorkovi i ih osobennosti [The types of frameworks and their features]. Available at: https://geekbrains.ru/posts/5_css_frameworks/ (accessed: 10.06.2017). (In Russ.)

2. Opredelenie freimvork [The definition of framework]. Available at: https://dolinacoda.ru/ (accessed: 20.06.2017). (In Russ.)

3. Ustanovka i rabota s Bootstrap [The installation and operation of bootstrap]. Available at: URL: http:// getbootstrap.ru (accessed: 17.07.2017). (In Russ.)

4. Ustanovka i rabota s Foundation [The installation and operation of Foundation]. Available at: http:// foundation.zurb.com / (accessed: 02.07.2017). (In Russ.)

5. Ustanovka i rabota s Skeleton [The installation and operation of Skeleton]. Available at: http:// getskeleton.com/ (accessed: 15.06.2017). (In Russ.)

© Гузенкова А. Г., 2017