Преподаватель который помогает студентам и школьникам в учёбе.

Критерии выбора средств разработки WEB-приложений (Выбор средства разработки веб-приложений, критерии)

Содержание:

Введение

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

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

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

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

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

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

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

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

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

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

Предмет исследования – веб-технологии.

Объект – среды и языки разработки веб-приложений.

Цель работы – определить критерии выбора программных средств разработки веб-приложений.

Для достижения поставленной цели необходимо решить ряд задач:

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

Структура работы состоит из введения, трех глав и заключения.

Глава 1. Теоретические основы разработки веб-приложений

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

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

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

1. Классификация и понятие веб-технология

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

Интернет – это то место, где можно найти и изучить практически любую актуальную тему.

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

Существующие ранее механизмы взаимодействия человека с информационной системой устарели и поэтому сильно сдерживали внедрение новых технологий, при этом уменьшая эффективность их применений. И только когда появились такие интерфейсы, которые упростили взаимодействие человека с системой до его естественного восприятия, последовал сильнейший всплеск интереса человека к возможностям информационных технологий вычислительной техники. Информация, доступная пользователям Internet, располагается на компьютерах (веб-серверах), на которых установлено специальное программное обеспечение. Значительная часть этой информации организована в виде веб-сайтов. Каждый из них имеет свое имя (адрес) в Internet.

Веб-сайт – это информация, представленная в определенном виде, которая располагается на веб-сервере и имеет свое имя. Для просмотра веб-сайтов на компьютере пользователя используются специальные программы, которые называют браузерами. Наиболее распространенными браузерами в настоящее время являются Internet Explorer, Google Chrome, Mozilla Firefox, Safari (MacOS)[9]. В зависимости от того, какое имя сайта мы зададим в строке «Адрес», браузер будет загружать в свое окно соответствующую информацию.

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

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

В настоящее время с точки зрения назначения различают три основных типа порталов:

Публичные, или горизонтальные, порталы (называемые иногда мега-порталами). Такие порталы нередко являются результатом развития поисковых систем. Предназначены они для самой широкой аудитории, что отражается на содержании предоставляемой ими информации и услуг. Как правило, эта информация носит общий характер, равно как и предоставляемые услуги (электронная почта, новостные рассылки и т.д.);
Вертикальные порталы. Этот вид порталов предназначен для специфических видов рынка и обслуживает аудиторию, пользующуюся услугами этого рынка или работающую на нем. Примерами таких порталов могут служить, например, туристические агентства, предоставляющие услуги по бронированию мест в гостиницах, заказу и доставке билетов, доступу к картам и сведениям об автомобильных маршрутах, либо порталы типа B2B (business-to-business), позволяющие своим клиентам реализовать совместные бизнес-операции (например, выбирать поставщиков и осуществлять закупку товаров, проводить аукционы)[10];
Корпоративные порталы предназначены для сотрудников, клиентов и партнеров одного предприятия. Пользователи такого портала получают доступ к предназначенным им сервисам и приложениям в зависимости от их роли и персонального профиля.

Другие наиболее распространенные веб-приложения[10]:

Региональные интернет-порталы, универсальные по своему направлению, но ограниченные географией заинтересованных посетителей;
Поисковые системы – это интернет-порталы, которые предназначены для того, чтобы предоставить их посетителю возможность найти сайты, на которых встречаются заданные слова или целые фразы;
Каталог – это коллекция ссылок на сайты. Зачем нам нужны каталоги, если есть поиск? Очень часто мы не знаем точно, что нам нужно, не можем это сформулировать парой слов;
Электронные доски объявлений – являются местом в Internet, где практически любой желающий может оставить информацию ознакомительного, пригласительного или рекламного характера;
Форумы – это специальные сайты или разделы на сайтах, предназначенные для того, чтобы посетители, оставляя свои сообщения, обменивались мнениями;
Чаты – являются еще одним местом для общения в Internet, только его назначение не обмен мнениями на какую-то тему, а просто времяпрепровождение;
Файлы для скачивания;
Фотогалереи;
Элементы статистики;
Хранение в интернете различной информации;
Серверы почтовых рассылок. Они предлагают услуги по доставке информации широкому кругу читателей;
Интернет-магазины и аукционы[11].

1.2 Требования к веб-приложениям

Поскольку наиболее популярным веб-приложением является веб-сайт, то все вопросы, связанные с анализом особенностей разработки и средств разработки веб-приложений будем рассматривать в разрезе разработки корпоративного веб-сайта[9-11].

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

Вторым этапом будет построение информационной архитектуры веб-приложения.

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

Эти этапы и определяют тот перечень средств разработки веб-приложения, основные критерии по их выбору.

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

Карта сайта

Необходимо разместить хорошо различимую ссылку на карту сайта на каждой странице. При этом страница с отображением карты по размеру не должна превышать двух страниц на экране пользователя[9].

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

Главная страница

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

Сам сайт должен предоставлять максимум комфортности в процессе работы с ним.

Для этого необходимо соблюсти следующие принципы организации сайта[9]:

Название компании или логотип желательно разместить в левом верхнем углу;
Выделить прямую ссылку на главную страницу;
Индивидуальный слоган компании должен состоять из одного и не более предложения.

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

Раздел «О нас»

Рассмотрим, какую информацию нужно представлять в разделе «О нас»:

Контактная информация;
Цели и философия бизнеса организации (как видит организация свой бизнес, каким образом организация реализует связи с обществом, стратегические целевые стремления);
Хронология развития организации.

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

Контент

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

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

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

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

Для удобства просмотра страницы необходимо использовать следующие техники:

Выделение ключевых слов;
Грамотное составление заголовков;
Выделение списков маркерами;
Подавать информацию – один абзац на одну идею (иначе пользователи пропустят все остальные идеи, если их не привлекут главные слова абзаца);
Использования стиля перевернутой пирамиды (статья начинается с заключения);
Использования меньшего количества слов, чем в обычной статье;
Применять минимум мало понятных сложных терминов;
Показывать хронологию создания сообщения (с целью выделения актуальности сообщения на данный момент);
Использование контекстной информации атрибута «alt».

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

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

Почта

Для предоставления пользователю возможностей обратной связи и доставки сообщений в адрес его электронной почты, необходимо указать, что конкретно пользователь будет получать на свою электронную почту, как часто будет осуществляться данная рассылка. Ссылки «mailto» должны быть использованы так, чтобы можно было точно понять, что перед пользователями почтовый адрес. Не размещать ссылки почты на именах, так как щелчок по имени должен вести на его биографию. При общении по электронной почте нет причин пользоваться конкретным именем одного из работников, если только пользователь не установил с ним личные отношения (письма от неизвестных людей чаще всего попадают в спам).

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

Привязанность

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

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

Именно поэтому для отслеживания пользователей лучше всего применять «cookie», в файл которого заносится вся необходимая информация о пользователе во время прохождения им процедуры регистрации. Если в целях организации безопасной работы с сайтом необходима регистрация, то не стоит создавать слишком строгие и емкие формы для ввода. Если есть возможность использовать автозаполнение и автоматически устанавливать фокус на первом поле формы, необходимо использовать данный функционал.

Нет необходимости специально создавать формы для поиска по сети интернет. Если такая функция пользователю необходима, то он сам воспользуется специальной поисковой системой.

Ссылки

Ссылки должны быть предсказуемы, пользователь должен знать, что произойдет, если он нажмет на ссылку. Необходимо четко указывать, что является ссылкой: для текста – ссылка выделяется цветом или подчеркиванием. Не нужно скрывать различия между ссылками, которые посетили и ссылками, которые еще не посетили пользователи.

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

Нельзя допускать появление «ломаных» ссылок. В этом случае другие Интернет-ресурсы и поисковые машины не будут ссылаться на ваш сайт.

Организацию навигации по сайту необходимо сделать таким образом, чтобы сам пользователь мог выбирать, каким образом ему необходимо открывать страницы – во всплывающих окнах, или другими доступными способами.

Реклама

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

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

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

Именно поэтому, секрет успеха рекламной кампании в интернете состоит в том, чтобы она соответствовала поисковым целям пользователя.

Что больше всего раздражает в интернет-рекламе пользователей:

Рекламные сообщения, размещенные во всплывающих окнах;
Медленная загрузка рекламного контента;
Отсутствие возможности закрыть рекламное сообщение – всплывающее окна, баннер и т.п.;
Рекламные ссылки, которые принуждают пользователя перейти на рекламный контент, ему не интересный;
Когда реклама закрывает читаемый пользователем заинтересовавший его материал;
Выделение рекламного сообщения или ссылки посредством мигания или цветового изменяющегося сообщения;
Двигающаяся реклама;
Реклама, которая произвольно начинает воспроизводить звуки ли проигрывать видео-контент.

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

При размещении рекламы в интернете необходимо следовать следующим правилам:

Ясно и понятно указывать, что произойдет при переходе по рекламной ссылке;
Реклама должна четко себя идентифицировать именно как рекламное сообщение;
Указывать, какой продукт рекламируется;
Давать дополнительную информацию о рекламируемом продукте без необходимости покидать страницу с которой работает пользователь.

Проведение оценочных работ

Для оценки работоспособности и соответствия техническим и эргономическим требованиям сайта обычно создается группа тестеров от трех до пяти человек. Каждый из тестеров производит тестирование сайта независимо и индивидуально. По результатам их работы производится процедура сравнения и формируется единый вывод о работоспособности сайта[5-7].

Этапы проведения тестов:

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

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

Вывод

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

Глава 2. Программные среды разработки веб-приложений

В данной главе рассмотрим функциональные возможности различных сред разработки, представленных ниже[8].

HTML

В основе разработки любого веб-приложения находится язык HTML.

Язык гипертекстовой разметки (Hypertext Markup Language), или HTML – это алгоритмический язык, отвечающий за отображение сайта в браузере и лежащий в основе WWW (World Wide Web). Благодаря языку HTML любой текст можно преобразовать в гипертекст и разместить его в Internet.

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

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

PHP

Можно выделить следующие области применения PHP[4].

Первая – область создания PHP-скриптов. Особенность PHP-скриптов в том, что они работают на стороне сервера. Эта особенность позволяет сложные вычисления и обращения к базам данных производить не на компьютере клиента (пользователя), а на сервере, который мощнее и позволяет выполнить определенные функции безопасности работы с сайтом. Это его основное предназначение. Как и другие языки программирования, используемые для разработки CGI-скриптов, исполняемых на стороне веб-сервера, PHP способен решать задачи по обработке данных HTML-форм, динамической генерации HTML-страниц, чего не может делать сам HTML и многое другое.

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

И последняя область применения PHP – это создания GUI-приложений (пользовательских графических интерфейсов), которые предназначены для выполнения на стороне пользовательского компьютера (операционной системы).

AJAX

Аббревиатура AJAX расшифровывается как Asynchronous JavaScript And XML (Асинхронные JS и XML). Программной назвать данную технологию нельзя[10;11].

Если в стандартном веб-приложении разделить функции, то обработкой всей информации занимается сервер. При этом браузер осуществляет функции пользовательского интерфейса и выводит поступивший от сервера HTML-код в пользовательской интерпретации.

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

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

Где и когда используется AJAX[10]:

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

JavaScript

Язык программирования JavaScript разработан фирмой Netscape. Данный продукт предназначен для создания интерактивных HTML-документов. Это объектно-ориентированный язык обработки встраиваемых приложений. Исполнение программы – интерпретируемое, как и в PHP. Выполняется как на стороне клиента, так и на стороне веб-сервера. Синтаксис языка Java-подобный[7].

Рассмотрим области применения JavaScript[8]:

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

VBScript

Язык, разработанный корпорацией Microsoft, предназначен для создания сценариев. VBScript основан на языке Visual Basic, предназначенного для разработки прикладных программ под управлением ОС MS Windows[1-7].

Как и Visual Basic, язык VBScript достаточно прост и легок в изучении. Одно из преимуществ VBScript – это возможность его применения для создания сценариев из приложений ранее написанных процедур на языках Visual Basic и Visual Basic for Application.

Сценарии, написанные на VBScript, обладают такими же возможностями, как и сценарии JavaScript.

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

Набор объектов, который используется для создания сценариев клиента, аналогичен набору JavaScript. Объекты клиента и сервера отличаются друг от друга, но существует общая часть (ядро) объектов. Именно они и используются при разработке сценариев, как на стороне клиента, так и на стороне сервера.

Perl

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

Примеры задач, которые решаются с использованием Perl:

Проведение процедур идентификации и авторизации пользователей различных операционных систем;
Управление сервисами операционной системы с использованием интерпретатора командной строки дистанционно с локальной машины;
Программная организация работы с протоколами FTP, SSH, TCP/IP и др.;
Организация системной поддержки ОС Windows и Unix.

Выводы

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

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

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

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

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

Этапы, включенные в создание и разработку сайтов[10]:

Разработка и утверждение технического задания на разработку веб-приложения;
Разработка структурной схемы сайта – местоположение разделов, содержание контента и способы навигации на страницах;
Веб-дизайн – разработка графических элементов макета сайта, стилей и элементов навигации;
Разработка программного кода, модулей сайта, структуры базы данных и других элементов, которые необходим в проекте;
Тестирование и размещение сайта в Сети интернет.

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

Отраслевую принадлежность веб-приложения (новостной сайт, финансовый ресурс, торговля, туризм, специализированные форумы, социальные сети, корпоративные ресурсы, представительские ресурсы и т.п.);
Количественные характеристики потенциальных посетителей (ограниченное число пользователей, общедоступный ресурс);
Выбранный дизайн сайта (преобладание текста, графики, вычислительных функций);
Использование СУБД (MySQL, POSTGRE, Oracle и др.).

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

Глава 3. Выбор средства разработки веб-приложений, критерии.

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

Поэтому для определения средств разработки веб-приложения необходимо обозначить основные этапы его разработки[7-10].

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

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

Рассмотрим отдельно задачу построения иерархической структуры работ. Каждое веб-приложение можно представить в следующем виде (см. рис.1).

$C:\Users\User\YandexDisk\Скриншоты\2019-08-11_18-06-21.png$

Рисунок Структурная схема основных компонентов реализации веб-приложения

Другими словами, каждое веб-приложение отправляет HTTP запросы на веб-сервер для получения необходимых данных. Программа под управлением веб-сервера использует некоторую модель для хранения данных. В современном мире чаще всего используются базы данных, SQL или NoSQL.

Формально каждое веб-приложение можно разбить на 3 взаимно независимые части:

Модуль, который исполняется браузером. Это приложение может быть написано на любом языке, который поддерживает браузер. Чаще всего используется JavaScript, как наиболее поддерживаемый и имеющий большую библиотечную поддержку язык. Это очень важно, так как позволяет существенно экономить бюджет проектов.
Модуль, исполняемый на серверной стороне под управлением веб-сервера. Это приложение может быть написано на любом языке, интерпретацию которого поддерживает выбранный веб-сервер. Последнее время, часто, в качестве языка программирования выбирается Java. Этот язык имеет серьезную библиотечную поддержку.
База данных. В этой области также имеется достаточно широкий выбор. Есть промышленные базы данных, такие как Oracle, DB2, PostgreSQL. Есть легкие базы данных, такие как MySQL. База данных выбирается, основываясь на целях и области решаемых задач[8-11].

Возможные эталонные модели проектирования веб-приложений

При построении архитектуры веб-приложения необходимо максимально уменьшить зависимость между структурными единицами. В общем случае приложение состоит из трех структурных единиц (рис. 2): $C:\Users\User\YandexDisk\Скриншоты\2019-08-11_18-33-45.png$

Рисунок Структура веб-приложения

Модуль, который работает под управлением браузера.
Модуль, который работает под управление веб-сервера.
База данных.

Эти структурные единицы порождают два вида связей:

Связь между браузером и сервером.
Связь между сервером и БД.

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

Браузер – это прикладное ПО для просмотра веб-страниц.

HTML – это стандартный язык разметки документов. Большинство современных браузеров способны интерпретировать язык HTML.

Веб-сервер – это ПО, которое способно принимать HTTP запросы от клиентов, обрабатывать их и отправлять ответ в соответствии со стандартом протокола.

База данных – это представленная в объективной форме совокупность самостоятельных материалов, систематизированных таким образом, чтобы эти материалы могли быть найдены и обработаны с помощью ЭВМ.

Минимизация зависимостей

Для минимизации зависимостей между браузером и веб-сервером необходимо, чтобы язык разметки HTML был задействован только в браузере, а веб-сервер предоставлял интерфейс для получения необходимых данных для страницы[10].

Для решения этой задачи необходимо[9]:

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

Далее браузер преобразуется в UML диаграммы состояний. На этих диаграммах будет отражено, в каком случае вызывается тот или иной метод (см. рис.3)[7-10].

$C:\Users\User\YandexDisk\Скриншоты\2019-08-11_18-50-23.png$

Рисунок Диаграмма состояний веб-приложения

Данная модель достижима двумя путями:

Программа, выполняемая браузером, написана на JavaScript и общается с веб-сервером через AJAX, получая ответы в соответствие с определенным протоколом.
Браузер интерпретирует только HTML код, а преобразования происходят посредством XSLT преобразований на стороне веб-сервера.

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

Взаимодействие веб-сервера и базы данных

Взаимодействие базы данных и веб-сервера возможно организовать на основании двух принципиально разных сценариях[11]:

Бизнес-логика находится в базе данных.
Бизнес-логика находится в коде веб-сервера.

В первом случае база данных хранит данные и предоставляет интерфейс доступа к данным:

Выборка данных – решается через представление.
Модификация данных – решается через хранимые процедуры.

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

Во втором случае база данных хранит данные, и представляет прямой доступ к данным. Бизнес-логика реализована в коде веб-сервера. В этом случае база данных предоставляет транзакции для проведения атомарных операций[1-3;8-11].

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

Иерархическая структура работ

На основании изложенного выше материала иерархическая структура работ примет следующий вид:

Модуль для браузера.
Модуль для веб-сервера.
Модуль для базы данных.
Протокол обмена между модулем браузера и веб-сервером.
Интерфейс взаимодействия между модулем браузера и веб-сервером.
Интерфейс взаимодействия между веб-сервером и базой данных.

Исходя из вышеизложенного, и означенной структуры веб-приложения выберем инструментальные средства его разработки, а именно[8;11]:

Для реализации функций хранения контента веб-приложения выберем СУБД MySQL 8.x и выше.
Программирование интерактивной части веб-приложения исполним на алгоритмическом языке PHP 7.x.
Для поддержки оптимизированной загрузки данных в браузер будем использовать серверную технологию AJAX.
Для разработки шаблона веб-сайта и графических изображений выберем специализированные графические среды (например, Figma – сервис для разработки интерфейсов).

Вывод

Выше показан пример практической реализации критериев выбора средств разработки веб-приложения. Данные критерии основаны на отраслевой принадлежности веб-приложения, потенциальной пользовательской аудитории и выбранной архитектуры веб-приложения (в нашем случае клиент-серверная архитектура с использованием СУБД MySQL).

Заключение

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

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

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

С этой целью были выполнены следующие задачи:

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

Таким образом, все поставленные задачи выполнены, цель работы достигнута.

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

Основы алгоритмизации и программирования: учеб. пособие / Т.А. Жданова, Ю.С. Бузыкова. - Хабаровск: Изд-во Тихоокеан. гос. Университета, 2011. -56с. Режим доступа: http://pnu.edu.ru/media/filer_public/2013/02/25/book_basics.pdf
Программирование и основы алгоритмизации: Для инженерных специальностей технических университетов и вузов. / А.Г. Аузяк, Ю.А. Богомолов, А.И. Маликов, Б.А. Старостин. Казань: Изд-во Казанского национ. исслед. техн. ун-та – КАИ, 2013, - 153с. Режим доступа: http://au.kai.ru/documents/Auzyak_Progr_osn_alg_C_2013.pdf
Основы алгоритмизации и программирования. Курс лекций. Режим доступа: http://lib.ssga.ru/fulltext/UMK/исходные%20для%20Кацко/заменить%20полностью/Информатика/лекции/13%20Основы%20алгоритмизации%20и%20программирования.pdf
Основы алгоритмизации и программирования : учебное пособие/ Г.Р. Кадырова. – Ульяновск : УлГТУ, 2014. – 95 с. Режим доступа: http://venec.ulstu.ru/lib/disk/2014/137.pdf
Основы алгоритмизации в информационных системах:Учебн. Пособие. / Белов П.М. - Спб.: СЗТУ, 2003. – 85с. Режим доступа: http://www.ict.edu.ru/ft/005406/nwpi225.pdf
Основы алгоритмизации и программирования: Метод. указ. / Сост.: И.П. Рак, А.В. Терехов, А.В. Селезнев. Тамбов: Изд-во Тамб. гос.техн. ун-та. Режим доступа: http://www.ict.edu.ru/ft/004758/terehov.pdf
Макаров В.Л. Программирование и основы алгоритмизации.: учебн. пособие.-Спб., СЗТУ, 2003, - 110с. Режим доступа:http://window.edu.ru/resource/126/25126/files/nwpi223.pdf
Grails. Гибкость Groovy и надежность Java / Глен Смит. - М.: Символ-плюс, 2015. - 381 c.
Создание Web-сайтов в Microsoft Expression Web / НоланХестер. - М.: ДМК Пресс, 2018. - 627 c.
Концепция разработки Web-сайтов. Как успешно разработать Web-сайт с применением мультимедиа-технологий / Й. Якобсон. - М.: НТ Пресс, 2016. - 496 c.
Сайт на AJAX под ключ. Готовое решение дляинтернет-магазина / Виктор Петин. - М.: БХВ-Петербург, 2013. -200 c.