Файл: Разработка сайта спортивной секции «РандориКлуб».pdf

- Python - Это высокоуровневый, скриптовый язык программирования, который используется для выполнения сценариев на стороне сервера для сайтов и мобильных приложений. Многие веб-разработчики используют данный язык из-за его гибкости и широкого спектра применения. Python может легко работать на серверах LINUX и Windows.

- SQL - расшифровывается как «язык структурированных запросов». SQL является необходимой частью веб-разработки. Если при создании сайтова веб-разработчик использует базы данных такие как Microsoft SQL Server, Oracle, MySQL, и т.д., то он должен знать об этом языке и уметь его использовать.

- jQuery – является Javascript-библиотекой которая фокусируется на взаимодействии JavaScript и HTML. Помогает легко получить доступ к любому элементу DOM (объектная модель документа), обращаться к атрибутам и содержимому элементов DOM, а также манипулировать ими. Также библиотека предоставляет удобный API для работы с Ajax.

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

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

На начальном этапе при проектировании веб пространства Рандори Клуба было принято решение использовать следующие скриптовые языки программирования - HTML, CSS, JavaScript, jQuery. При дальнейшем расширении решаемых задач и увеличения мобильности сайта «Рандори Клуб» будут дополнительно использованы языки программирования – Php, Ajax и базы данных.

3.4 Характеристика программного обеспечения используемого при создании сайта Рандори Клуба

Программное обеспечение, которое будет использовано для разработки сайта Рандори Клуба можно разбить на три категории:

- Интегрированная среда разработки, которая будет использована для создания кода веб-страниц сайта.

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

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

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

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

- Удобство использования – насколько редактор прост для новичков, насколько интуитивно понятен, когда открываем редактор впервые.

- Мощность – критерий всех новшеств, возможность редактирования кода, автодополнение т.е. подстановка по готовому шаблону, подсветка кода и т.д.

- Расширяемость – поддерживает ли плагины, дополнительные библиотеки.

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

- Скорость – быстрота загрузки самой среды разработки и, на сколько, быстро загружаются большие файлы;

- Кросс-платформенность – доступен ли редактор для различных операционных систем.

3.5 Ряд интегрированных сред разработки предназначенных для создания веб-сайтов:

- Eclipse чаще всего используется для разработки Java приложений. Данный софт поддерживает плагины, которые обеспечивают возможность поддержки дополнительных языков программирования, таких как C/C++, Ruby, PHP и ряда других.

- Aptana Studio среда разработки, предназначенная для работы с тяжелыми AJAX приложений. Также как и Eclipse среда поддерживает большинство популярных веб языков: PHP, JavaScript, HTML, CSS, Ruby, Python и другие с помощью плагинов. Также есть Git интеграция, возможность тестировать приложение на локальном сервере. Подобно Eclipse, Aptana бесплатный и открытый ресурс.

- Dreamweaver данная среда разработки является частью приложений Adobe Suite предназначенных для веб дизайнеров. Dreamweaver поддерживает только наиболее популярные языки веб программирования – PHP, ASP.NET, JavaScript, HTML, CSS. Является удобной средой разработки для новичков, с поддержкой WISIWYG редактирования, возможностью предпросмотра дизайна сайта в самой среде разработки, предоставляет возможность тестирования готового веб-сайта на удаленном сервере и разработка приложений с помощью jQuery mobile и Phonegap. Dreamweaver доступен для операционных систем OSX и Windows.

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

- Notepad++ удобный редактор кода под Windows. Хотя название и напоминает расширенный блокнот, но достаточно хорошо подходит как для новичков, так и для профессионалов.

- TextWrangler это бесплатный и легкий редактор для OSX, по функционалу похож на Notepad++. Поддерживает все языки программирования. Предлагает мощный функционал поиска и замены, манипуляции с текстом, сравнение файлов, FTP поддержка и многое другое.

- CodeLobster обладает простым и мощным функционалом для веб программиста. Подходит для всех версий ОС Windows: 8, 7, Vista, XP, 2003, 2000, ME, Server. Гибкая настройка рабочей среды, всплывающие подсказки по функциям, отладка. Редактор ориентирован именно для веб разработчика. Достаточно легко расширяется для работы с различными фреймверками: CakePHP, CI, Drupal, JQuery, Yii, Smarty, Symfony, WP, Facebook. Облегченный вариант редактора доступен бесплатно.

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

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

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

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

- Paint.NET – редактор фотографий предоставляет возможности корректировки растровых и векторных изображений с высокой четкостью. Ключевыми особенностями данной программы является:

- поддержка форматов bmp, png, gif, tiff, jpeg;

- внешний вид должен быть понятен неопытному пользователю;

- обработка изображений с наложением слоев;

- инструменты для векторной графики (клонирование рисунков, «волшебная палочка», масштабирование, замена цвета);

- вспомогательные эффекты (контраст, яркость, насыщенность, оттенок и 3D-вращение);

- плагины расширяют возможности графического редактора и насыщают его спецэффектами.

- PixBuilder Studio является бесплатным графическим редактором для видоизменения фотографий и других изображений широкого спектра действия. Функционал редактора рассчитан на профессионалов, которые выполняют задачи высокой сложности. Бесплатная программа содержит полный набор инструментов для редактирования фотографий, которая характерна для дорогостоящих аналогов. Ключевыми характеристиками данной программы являются:

- цветокоррекция (налаживание яркости, уровней цвета, баланса и использование градиента);

- Поддержка функции наложения слоев;

- Сохранение длинной истории операций графического редактора;

- Комплектация различными фильтрами;

- Средства трансформации и генерации растровых изображений;

- Отдельная панель функций: штамп, кисть, клонирование, вращение картинки;

- Поддержка популярных форматов: png, jpеg, gif;

- Простота для восприятия интерфейс.

3.7 Локальный веб-сервер

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

Ниже перечислены дистрибутивы локальных веб-серверов и их характеристики:

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

- XAMPP – является специальной сборкой сервера от друзей Apache. Необходимые дистрибутивы позволяют запустить на нем полноценный веб сервер. Как и предыдущая программа распространяется по бесплатной лицензии. Данный сервер выпускается для следующих операционных систем Windows, Solaris, Mac OS X и Linux. Сервер также доступен для скачивания в виде четырех реализации (PHP 5.6.35, PHP 7.0.29, PHP 7.1.16 и PHP 7.2.4), что обеспечивает лучшую совместимость со старыми версиями веб-сайтов. Сервер предоставляет следующие преимущества:

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

- постоянное появление новых версий, процесс обновления происходит очень просто и удобно для пользователя;

- присутствуют дополнительные модули.

- AppServ (сайт — www.appservnetwork.com) – хороший сервер от тайского производителя, концепцией которого является легкая установка и настройка всех дистрибутивов за 1 минуту. Последний релиз сборки датируется январем 2017 года версия содержит релизы (PHP 5.6.30, PHP 7.1.1)

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

- Zend Server Community Edition — бесплатный сервер от компании Zend, также предназначен для работы с веб-приложениями. В составе содержатся все необходимые компоненты для быстрой установки локального сервера на своем компьютере.

- Open Server — еще один отечественный портативный локальный сервер, который обладает высоким функционалом по разработке и созданию сайтов и других веб-проектов. Дистрибутив выпускается в трех вариантах – ULTIMATE, PREMIUM и BASIC. Имеет мультиязычный интерфейс (в том числе и русский) и предназначен для работы в ОС Windows. Позволяет добавлять дополнительные модули. Поддерживается работа со съемного носителя. Обеспечивает возможность редактировать и отлаживать код сайтов за счет включенных в сборку портированных версий программ, например, Notepad++. Данный сервер достаточно хорош и составляет хорошую конкуренцию большинству локальных веб-серверов приведенных в данном обзоре.

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