Критерии выбора программных средств разработки web-приложений

Содержание:

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1) рассмотреть основы разработки веб-приложений;

2) привести различные классификации web-приложений, используемых в предпринимательской деятельности;

3) проанализировать функциональные возможности программных сред разработки web-приложений и определить критерии выбора среды разработки.

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

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

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

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

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

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

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

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

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

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

Web-сайт – это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя. Для просмотра Web-сайтов на компьютере пользователя используются специальные программы, которые называются браузерами. Наиболее распространенными браузерами в настоящее время являются Internet Explorer и Netscape Navigator [9]. В зависимости от того, какое имя сайта мы зададим в строке "Адрес", браузер будет загружать в свое окно соответствующую информацию.

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

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

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

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

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

• Региональные Интернет-порталы, универсальные по своему направлению, но ограниченные географией заинтересованных посетителей (e1.ru);
• Поисковые системы — это Интернет-порталы, которые предназначены для того, чтобы предоставить их посетителю возможность найти сайты, на которых встречаются заданные слова или целые фразы (metabot.ru);
• Каталог — это коллекция ссылок на сайты. Зачем же нужны каталоги, если есть поиск? Очень часто мы не знаем точно, что нам нужно, не можем это сформулировать парой слов (mail.ru);
• Электронные доски объявлений - являются местом в Интернет, где практически любой желающий может оставить информацию ознакомительного, пригласительного или рекламного характера;
• Форумы — это специальные сайты или разделы на сайтах, предназначенные для того, чтобы посетители, оставляя свои сообщения, обменивались мнениями;
• Чаты - являются еще одним местом для общения в Интернет, только его назначение не обмен мнениями на какую-то тему, а просто времяпрепровождение;
• Файлы для скачивания;
• Фотогалереи;
• Элементы статистики;
• Хранение в интернете различной информации;
• Серверы почтовых рассылок, они предлагают услуги по доставке информации широкому кругу читателей (subscribe.ru);
• Интернет-магазины и аукционы (ozon.ru, molotok.ru) [11].

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

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

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

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

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

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

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

Карта сайта

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

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

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

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

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

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

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

Нельзя предполагать, что пользователь, попавший на любую страницу сайта, преодолел весь путь по ссылкам сайта от начала до конца. Необходимо понимать, что посетитель сайта мог и не видеть той информации, которая была указана на страницах верхнего уровня. Организация серфинга по сайту должна предусматривать отслеживания пользователя по месту его нахождения в рубриках и разделах сайта и сообщать ему, где он в настоящий момент. При этом желательно указать на странице всю ссылочную цепочку. Если есть необходимость отключить какую-либо из страниц сайта от процедуры индексации в поисковиках, в элементе "HEAD" необходимо ввести <META NAME="robots" CONTENT="noindex">.

Раздел "О нас"

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

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

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

Контент

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

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

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

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

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

• выделение ключевых слов;
• грамотное составление заголовков;
• выделение списков маркерам;
• подавать информацию - один абзац на одну идею (иначе пользователи пропустят все остальные идеи, если их не привлекут главные слова абзаца);
• использование стиля перевёрнутой пирамиды (сначала статья начинается с заключения);
• использование меньшего количества слов, чем в обычной статье;
• применять минимум мало понятных и сложных терминов;
• показывать хронологию создания сообщения (с целью выделения актуальности сообщения на данный момент);
• использование контекстной информации атрибута " ALT".

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

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

Почта

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

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

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

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

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

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

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

Ссылки

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

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

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

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

Реклама

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

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

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

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

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

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

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

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

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

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

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

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

1) тест на понятность для пользователя работоспособности пользовательского интерфейса;

2) тестирование наиболее важных элементов веб-приложения.

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

Вывод

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

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

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

HTML

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

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

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

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

PHP

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

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

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

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

Ajax

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

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

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

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

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

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

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.

Macromedia Dreamweaver

Компания Macromedia продолжает делать Dreamweaver интуитивно понятной и простой в использовании программой [10].

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

В пакет Macromedia, входят такие продукты, как: Flash, Firework, Dreamweaver. Эти продукты взаимозаменяемы, в связи с чем делают разработку веб-приложений более эффективной. Многие функции в данных продуктах взаимозаменяемы. Такие продукты как: Sitespring, FreeHand – добавит эффективности при работе с клиентом.

Какие положительные стороны присущи Dreamweaver:

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

Поставляемая библиотека элементов, имеет множество функций, которые можно применять на WEB-страницах. К последним относится панель навигации, дескриптор авторского права и прочие. Есть элементы для добавления мультимедийных средств на веб-страницы, а так же различных типов файлов от Flash и Java до RealAudio, интерактивных элементов, таких как поисковые системы, форумы, системы электронной коммерции [9;10].

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

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

Macromedia Fireworks

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

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

Fireworks умеет сам генерировать HTML - код и JavaScript. Так же он может создавать динамические меню и навигационные панели для сайта. У данного продукта есть и возможность эффективной оптимизации графических файлов, которые можно максимально уменьшить в размере и при этом не потерять качества. Кроме этого имеется возможность редактировать макеты WEB-страниц.

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

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

Macromedia FreeHand

Это один из трех профессиональных графических редакторов, который успешно конкурирует с другими аналогичными продуктами, работающими с векторной графикой [10].

FreeHand гораздо быстрее и проще своих основных конкурентов. К ним относится - CorelDraw и Adobe Illustrator. FreeHand успешно применяют для создания логотипов, рекламы, Web-графики и анимации. Функционал и интерфейс программы позволяет максимально упростить работу с ней. Так ее интерфейс прост и нагляден, есть много дополнительных возможностей, которые позволяют быстро и легко выполнять различные преобразования разрабатываемых элементов сайта, достигать разнообразных художественных эффектов.

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

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

FreeHand - не является HTML-редактором. При этом он поддерживает базовые элементы HTML. Так с его помощью можно оформить Flash-анимацией разрабатываемые WEB-страницы. В анимационный клип можно вставить такие элементы как:

• текстовые блоки,
• группы объектов,
• объекты с контурами.

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

Следует заметить, что, средства FreeHand все-таки не смогут заменить продукт Macromedia Flash.

Macromedia FLASH

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

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

Во время воспроизведения файла формата SWF в него можно динамически загружать такое содержимое, как:

• звуковые файлы формата МР3,
• Flash-видео и изображения формата JPEG.

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

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

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

ActionScript - это фактически полноценный язык программирования, который поддерживает такие алгоритмические конструкции, как: условия, циклы, массивы, функции и классы. При этом классы, как и в объектно-ориентированной среде можно наследовать [2-3;8].

Таким образом, преимуществом Flash является:

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

Все это в результате положительно влияет на минимизацию и оптимизацию размера страницы и время ее отображения в браузере.

Macromedia HomeSite

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

В процессе работы пользователь постоянно видит рабочую область с двумя вкладкам, поименованными, как Browse и Edit. При этом процесс программирования происходит во вкладке Edit, а результат исполнения программного кода можно увидеть во вкладке Browse. Приложение поддерживает автоматическую генерацию основных тегов, таких, как например, HTML и BODY.

Загружаемые шаблоны и их содержимое пользователь может менять по своему усмотрению. Так же в HomeSite можно без сложностей можно построить архитектуру сайта. Для этого есть панель Quick Bar, на которой размещены системы вкладок с уже готовыми тегами. Какие теги имеются в данных вкладках [9]:

• простые, например, типа параграфа
• программируемые, типа java-скриптов.

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

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

Поддерживает режим WYSIWYG со всеми его плюсами и минусами. Для ускорения работы есть множество возможностей редактирования тегов. К ним относятся, например, такие функции, как Tag Completion, Tag Editors и Tag Insight. Эти функции существенно облегчают редактирование тегов и их атрибутов. Так же есть заготовки кода (Code Snippets).

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

Microsoft FrontPage

Данное приложение веб-разработчика является наиболее популярным HTML-редактором на рынке. Его интеграция с пакетами Microsoft Office существенно повышает возможности веб-разработчиков [9-10].

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

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

В программе имеется три режима работы с документом [9]:

• режим Normal,
• режим HTML,
• режим Preview.

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

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

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

Для облегчения разработки таблиц в приложении FrontPage имеется конструктор таблиц, что также очень удобно для разработчика. Одним из основных преимуществ приложения — это наличие большого количества шаблонов. Шаблоны позволяют пользователю выбирать наиболее подходящий дизайн для своего проекта. После выбора соответствующего шаблона, пользователь может приступить к непосредственному наполнению страницы контентом. Пожалуй, главное преимущество процедуры создания HTML-страницы в среде FrontPage – это то, что процесс создания HTML-страницы ничем не отличается от создания обычного текстового документа в Microsoft Word.

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

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

Недостатком FrontPage является то, что в нем реализован небольшой набор инструментов разработки и не возможность его отдельного приобретения. Поэтому Microsoft FrontPage может быть использован в качестве HTML-редактора только на первое время, а с ростом функциональных потребностей у разработчика его возможностей может не хватить [1-7].

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

Также, есть еще один важный недостаток использования FrontPage – это сложность в дальнейшем внесения изменений в разработанный в нем документ. Однако это недостаток не конкретного продукта, а фактически всех WYSIWYG-редакторов (What You See Is What You Get – что в переводе означает "что видите, то и получите").

Microsoft Word

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

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

Разработка веб-страницы в Word происходит двумя способами:

• с использованием Мастера преобразования документа Word в формат HTML,
• прямым преобразованием документа в формат HTML.

При этом Word преобразует документ в формат HTML не оптимально – код получается достаточно громоздким и малоэффективным. Поэтому из больших объемов информации получается довольно большой HTML-код.

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

Adobe Illustrator

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

Web-страницы могут содержать много элементов – текст HTML, растровые изображения, векторную графику. В Illustrator можно использовать фрагменты для определения границ различных web-элементов в объекте [10].

Web-страница делится на отдельные ячейки, которые представляются в трёх видах:

• изображения,
• без изображения,
• HTML-текст.

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

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

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

Adobe Photoshop

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

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

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

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

CorelDraw

Приложение CorelDraw предназначено для обработки самой разнообразной графической информации, которая представлена в документе в виде векторных и растровых объектов, блоков обычного и художественного текста [10].

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

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

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

В CorelDraw реализованы качества мощного визуального редактора web-страниц. Это выражено через возможность генерации развитых HTML-документов, которые предусмотрены возможности включения сценарии JavaScript и таблицы стилей CSS. При проектировании базового вида веб-страницы CorelDraw вполне может служить исходным пунктом для генерирования первых версий файла HTML [9]. При этом данное приложение обеспечивает мощные возможности для работы с графикой, текстом, средствами компоновки и экспорта документов с последующей их публикацией в Интернете.

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

Выводы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

При построении архитектуры web — приложения необходимо максимально уменьшить зависимость между структурными единицами. В общем случае приложение состоит из трех структурных единиц (см. рис. 2):

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

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

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

1. Связь между браузером и серверной частью.
2. Связь между серверной частью и базой данных.

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

Браузер — это прикладное программное обеспечение для просмотра web страниц. 

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

Web сервер — это программное обеспечение, которое способно принимать HTTP запросы от клиентов, обрабатывать их и отправлять ответ в соответствии со стандартом протокола.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Модуль для «Браузера».
2. Модуль для Web-Сервера.
3. Модуль для Базы данных.
4. Протокол обмена между модулем «Браузера» и Web-Сервером.
5. Интерфейс взаимодействия между модулем «Браузера» и Web-Сервером.
6. Интерфейс взаимодействия между Web-Сервером и Базой данных.

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

1. Для реализации функций хранения контента веб-приложения выберем СУБД MySQL 5.x и выше.
2. Программирование интерактивной части веб-приложения исполним на алгоритмическом языке PHP 5.x [8].
3. Для поддержки оптимизированной загрузки данных в браузер будем использовать серверную технологию Ajax.
4. Для разработки шаблона веб-сайта и графических изображений выберем средство Coreldraw.

Выводы

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

Заключение

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

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

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

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

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

2) проанализированы различные классификации web-приложений, используемых в предпринимательской деятельности;

3) проведен анализ функциональных возможностей программных сред разработки web-приложений;

4) определены критерии выбора среды разработки.

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

 

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

1. Основы алгоритмизации и программирования: учеб. пособие / Т.А. Жданова, Ю.С. Бузыкова. – Хабаровск: Изд-во Тихоокеан. гос. университета, 2011. –56с. Режим доступа: http://pnu.edu.ru/media/filer_public/2013/02/25/book_basics.pdf.
2. Программирование и основы алгоритмизации: Для инженерных

специальностей технических университетов и вузов. /А.Г. Аузяк, Ю.А Богомолов, А.И. Маликов, Б.А. Старостин. Казань: Изд-во Казанского национального исследовательского технического ун-та - КАИ, 2013, 153с. Режим доступа: http://au.kai.ru/documents/Auzyak_Progr_osn_alg_C_2013.pdf.

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