Файл: Критерии выбора средств разработки WEB-приложений (Основы WEB-технологий).pdf

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

В программе есть предустановленный анализатор кода для языка Java, поддержка C++^[72] и PHP. Для удобства WEB-разработчика встроены современные инструменты обработки HTML5 и JavaScript, включая платформу NodeJS и фреймворк AngularJS^[73].

NetBeans осуществляет синтаксическую и семантическую подсветку кода, расставляет отступы, облегчает рефакторинг. Из приятных мелочей – сниппеты, подсказки и генераторы фрагментов кода.

JetBrains^[74] – это не одна IDE, а сразу несколько. Компания создает специализированные среды разработки для разных языков.

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

Из недостатков – повышенная требовательность к ресурсам системы и цена (у всех продуктов есть бесплатный пробный период — 30 дней).

3.5 Облачные среды разработки

Множество десктопных приложений давно переместились в «облако»^[75], включая и IDE. Быстро растет популярность удобных и доступных облачных сред для WEB-разработки.

AWS Cloud9 – это облачная интегрированная среда разработки, которая позволяет создавать, запускать и отлаживать код, используя только браузер. Она включает в себя редактор кода, отладчик и терминал. Cloud9 включает предустановленный набор основных инструментов для популярных языков программирования, включая JavaScript, Python, PHP и другие. Это избавляет от необходимости устанавливать программы или настраивать систему разработки перед запуском новых проектов. Поскольку IDE Cloud9 – облачная среда, над проектами можно работать из дома, офиса или любого другого места: достаточно иметь подключенный к Интернету компьютер. С помощью Cloud9 пользователи могут быстро подключать к среде разработки других членов своей команды, осуществлять парное программирование и в режиме реального времени отслеживать код, добавленный другими.^[76]

Codeanywhere – одна из самых удобных облачных сред для WEB-разработки – IDE Codeanywhere. Она работает практически на всех платформах, включая мобильные. Теперь разработчик может программировать там, где ему удобно.

Редактор понимает синтаксис базовых языков WEB-программирования (HTML, CSS, JavaScript, PHP, SQL) и ряда других. Интегрированный Dropbox и SFTP-клиент^[77] позволяют обмениваться файлами с другими разработчиками и осуществлять резервное копирование.

ГЛАВА 4. ВЫБОР ТЕХНОЛОГИЙ И СРЕДСТВ РАЗРАБОТКИ

Разработка WEB-приложений – непростая задача. Если для создания обычного приложения достаточно какого-либо одного инструментального средства, то WEB-программисту намного труднее: ему приходится иметь дело со многими, подчас не вполне совместимыми между собой технологиями.

Далее, мы рассмотрим основные этапы создания типичного WEB-приложения на примере интернет-магазина по продаже платьев. Поймем, с чем придется столкнуться разработчику, а также подберем необходимые для реализации проекта инструменты и технологии рассмотренные ранее. Этапы могут выполняться в разной последовательности (в зависимости от проекта), причем некоторые из них одновременно.

4.1 Разработка проекта

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

Сайты могут быть разными, это первое, что нужно понять. Разработка интернет-магазина отличается от создания блога или сайта визитки. А, например, портал вообще может создаваться много месяцев командой опытных разработчиков.^[78]

Для себя мы выбрали проект интернет-магазина. Так как это первый наш проект, и мы не обладаем большим количеством знаний в WEB-технологиях, имеет смысл остановиться на реализации интернет-магазина при помощи CMS^[79]. В качестве такой CMS можно порекомендовать «Prestashop»^[80], как бесплатный продукт с открытым исходным кодом.

Для работы этой CMS сервер должен поддерживать язык программирования PHP и базу данных MySQL. Эта информация нам понадобится позже при выборе хостинга.

В дальнейшем, основные шаги всегда одинаковые – это регистрация домена, покупка хостинг-услуг, разработка приложения и размещение его в сети.^[81]

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

4.2 Регистрация доменного имени

Создавая в Интернете WEB-сервер, необходимо придумать для него новое доменное имя. Разумеется, выбранное вами доменное имя не должно быть зарегистрировано ранее.

Основными критериями выбора имени домена можно назвать: краткость, запоминаемость, произносимость, простота написания и соответствие тематике.^[82]

Придерживаться критерия краткости со временем становится все сложнее. В наиболее старых доменных зонах (COM, NET, ORG) удачей может считаться найденное свободное имя из любых 5 символов или какое-либо осмысленное одно слово из большего количества букв.

Проверить, занято ли выбранное вами доменное имя, а также получить список только что освободившихся доменов можно, например, на сайте www.webnames.ru.^[83]

Так как у нас будет интернет-магазин продающий платья по России, мы можем выбрать домен такой как – «dress-shop.ru». Далее необходимо зарегистрировать выбранный домен.

В данной работе мы не будем углубляться в процесс регистрации домена, эту информацию можно получить в соответствующих источниках. ^[84]

4.3 Выбор хостинга

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

Как мы рассмотрели ранее, существует несколько вариантов: виртуальный хостинг, виртуальный выделенный сервер, выделенный сервер, собственный дата – центр.^[85]

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

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

Для выбора компании, предоставляющей виртуальный хостинг можно действовать следующими путями.^[86]

Если у вас есть друзья и знакомые, которые давно пользуются тем или иным хостингом, посоветуйтесь с ним, насколько они довольны своим хостингом, оперативно ли работает техподдержка, часто ли бывают перебои и т.п. Не воспринимайте советы друзей как руководство к действию, потому что все люди разные и то, что одному покажется оперативным и качественным, другого может совершенно не устраивать.^[87] Главное – обратите внимание на факты. Конкретные недостатки хостинга лучше знать сразу.

Если вам не с кем посоветоваться, найдите несколько хостингов самостоятельно. Для этого достаточно набрать запрос в любой поисковой системе: «Платный хостинг» – и вам на первой же странице выпадет множество вариантов.

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

Кроме того нужно изучить тарифные планы разных хостингов и подобрать то, что нужно именно вам. Например, если у вас всего два домена и два сайта на HTML, вам не нужен форум^[88] или движок сайта^[89], под которые, нужна база данных, вам хватает 1 Гб пространства и вас устраивает цена от 130 до 150 рублей в месяц – смотрите в тарифных планах хостингов именно эти параметры.

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

Для нашего же проекта, как было обозначено, нужен провайдер поддерживающий PHP и MySQL. Из имеющихся хостинг провайдеров можно порекомендовать «TimeWeb» по соотношению стоимости и качеству предоставляемых услуг.^[90]

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

4.4 Разработка дизайна

Очень важный этап – разработка дизайна. Дизайн определяет внешний вид приложения, в котором оно предстанет перед пользователями.

Дизайн предполагает определение внешнего вида страниц, выбор шрифтов для текста, создание графических иллюстраций, выбор размеров и взаимного расположения текстовых блоков, иллюстраций и т.п.^[91]

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

Если вы не обладаете подобными навыками, лучше всего обратиться к профессиональному WEB-дизайнеру, знакомому с технологиями Интернета и языком разметки HTML. Обычный художник или дизайнер, конечно, сможет изобразить страницу, например, в виде рисунка, однако на реализацию его идей вам, возможно, придется затратить немало усилий.^[92]

Так как мы делаем магазин на основе CMS, в сети Интернет можно найти бесплатно большое количество готовых шаблонов, подходящих для каждой конкретной CMS. Но использовать их стоит, в крайнем случае, на этапе начального изучения и делать это с большой осторожностью, так как многие из них могут содержать в себе вирусы и другой вредоносный контент.^[93]

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

4.5 Подготовка и размещение контента

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

Практически все хостинг-провайдеры предоставляют удобную панель конфигурации, с помощью которой можно производить различные действия и настройки работы хостинга, «TimeWeb» не исключение. Кроме того имеется документация и техподдержка, которая поможет разобраться в возникающих вопросах.^[94]

Так как мы строим сайт на основе CMS, для размещения контента и запуска нашего магазина в работу, нам нужны минимальные знания языков программирования и разметки. Практически всё можно сделать, используя панель администрирования CMS. Остаётся лишь подготовить описание товаров, фото, видео и прочий контент.^[95]