Файл: Критерии выбора средств разработки WEB-приложений (Требования к Web-приложениям).pdf

Введение

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

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

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

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

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

---

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

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

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

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

Цель курсовой работы — рассмотреть критерии выбора и возможности практического использования средств разработки Web-приложений.

Задачи, которые следует решить для достижения поставленной цели:

1. раскрыть основные определения Web-технологий;
2. представить классификации различных Web-приложений;
3. определить психофизиологические требования к Web-приложениям;
4. рассмотреть критерии выбора и применения средств разработки Web-приложений;
5. раскрыть функциональные возможности средств разработки Web-приложений.

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

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

Понятие и классификация Web-технологий

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

Программное обеспечение, использующее Web-технологии, делится на два класса:

• программы-серверы, размещённые во всемирной сети;
• программы-клиенты, находящиеся на устройсте позователя и использующие ресурсы программ-серверов. [1,с.6]

---

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

В зависимости от языка, на котором они созданы, Web-сайты классифицируются на статические и динамические.

Стандартным языком для создания Web-приложений является HTML (HyperText Markup Language — язык разметки гипертекста). Язык изобрёл британский учёный Тим Бернерс-Ли в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). Цель создания имела практическое и научное значение — это должен был быть универсальный язык для обмена документацией (технической и научной), которую можно без искажений прочесть на разных платформах, без привязки к средствам отображения. То есть, язык HTML был изначально задуман как кросс-браузерный и кросс-платформенный. [16,с.23-25] Созданные на этом языке документы имеют расширение .htm или .html и являются текстовыми файлами ASCII с командами форматирования в виде тегов (англ. tag — метка), задающих стили текста, формат абзацев, списков, гиперссылок.

Расширением языка HTML являются каскадные таблицы стилей (CSS — Cascading Style Sheets). CSS — это язык, содержащий набор свойств для описания различных элементов HTML-документов. [1,с.39]

Web-сайты, созданные с использованием чистого языка HTML, являются статическими, оставаясь неизменными до тех пор, пока не будут обновлены администратором. Пользователи не могут добавлять или изменять содержимое статических сайтов. [2,с.14]

Использование РНР-подобных языков и MySQL-подобных систем управления реляционными базами данных позволяет создавать динамические Web-сайты, содержимое которых может изменяться в реальном времени. [2,с.37]

Изначально РНР было акронимом от Personal Home Page (Персональная домашняя страница), но впоследствии этот смысл был изменён, согласно соглашению по рекурсивному именованию GNU, и в настоящее время означает PHP Hypertext Preprocessor (Гипертекстовый препроцессор РНР).

Созданные на языке PHP программы выполняются на стороне сервера, а пользователь получает результат в виде страницы HTML. Документы, которые содержат PHP код, обычно имеют расширение .php или .phtml [1,с.42]

MySQL — это система управления реляционными базами данных (СУРБД) с открытым исходным кодом, позволяющая сохранять, сортировать, находить и делать выборки необходимых данных. Сервер MySQL, являясь многопоточным сервером, обеспечивает многопользовательский доступ к данным, с возможностью предоставления доступа только авторизованным пользователям. В MySQL применяется язык запросов к БД SQL (Structured Query Language — язык структурированных запросов).

---

Без базы данных невозможно создать крупное Web-приложение. Для PHP именно поддержка сервера MySQL является стандартом де-факто, хотя он поддерживает различные базы данных, такие как SQLite и другие. [9,с.21]

Одно из достоинств РНР и MySQL заключается в том, что они могут использоваться в большом количестве различных операционных систем и платформ (аппаратного обеспечения), то есть являются кроссплатформенными (межплатформенными). [4,с.29]

Web-приложения можно классифицировать по таким признакам, как:

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

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

При создании Web-приложения очень важно продумать его структуру таким образом, чтобы она однозначно понималась и воспринималась большинством пользователей (а в идеале — всеми). [6,с.55]

Следует определиться с целью создания Web-приложения и его возможностями, которыми смогут воспользоваться потенциальные пользователи. На этом этапе делаются наброски дизайна, навигационных элементов и информационной архитектуры Web-страниц, определяющей структуру всего Web-приложения (сайта, портала). Оценивается удобство (на английском usability — «юзабилити», что означает степень удобства и простоты использования) схемы взаимодействия с пользователем. [10,с.19]

Разработка дизайна Web-приложения, или брендинг, имеет важное значение и объединяет графическое (логотипы, иконки, изображения навигационные и другие элементы управления), цветовое и шрифтовое (темы, представляющие собой каскадные таблицы стилей — CSS) оформление. [8,с.46-49]

Хорошо продуманный сайт/портал привлечёт и удержит большое количество пользователей, и они с большой степенью вероятности будут возвращаться на него и продолжать использовать. Для повышения юзабилити сайта следует учитывать следующие факторы:

• продуманность навигационных элементов и структуры. Пользователь быстро покинет сайт и не вернётся на него, если ему не будет понятно куда нажимать для быстрого получения искомой информации;
• скорость загрузки. Чем она ниже, тем большее число пользователей не будет дожидаться окончания загрузки и разочаруется эффективностью сайта;
• адаптированность под различные интернет обозреватели (браузеры). Особое внимание следует уделить наиболее часто используемым браузерам, но в идеале сайт должен корректно отображаться в любом браузере;
• адаптированность под мобильные устройства. Число пользователей, использующих для Web-серфинга мобильные устройства, неуклонно растёт. Наиболее эффективный способ корректного отображения сайта на мобильных устройствах — адаптивный дизайн, а наиболее трудоёмкий — создание мобильной версии сайта. Можно также применить динамическую вёрстку Web-страниц;
• реклама, если она присутствует, не должна мешать доступу к основному содержимому, не перекрывать информацию, в противном случае резко снизится популярность сайта;
• всплывающие (pop-up) окна, если они применяются, должны иметь кнопку закрытия, не должны зацикливаться (закрытие одного окна приводит к открытию другого), должны появляться единожды при посещении страницы, а не при каждом её обновлении;
• удобство интерфейса и дизайн сайта;
• информационная составляющая Web-станиц. Текст должен быть «свеж», достоверен, легко читаться, соответствовать профилю Web-сайта, быть интересен и полезен пользователю, не содержать избыточную, утомляющую пользователя информацию.

---

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

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

1. Содержательные и не очень длинные заголовки, желательно из 40-60 символов, чётко дающие понять, о чём будет идти речь.
2. В противовес русской «красной строке» — английские абзацы, т.е. такое форматирование текста, когда между абзацами помещается пустая строка. Каждый абзац должен содержать лаконично выраженную законченную мысль. За счёт этого достигается «телеграфичность».
3. Текст должен быть легко читаемым, т.е. такого цвета и размера, чтобы он был разборчив, не мелок, хорошо контрастировать с фоном документа. Очень полезно сделать кнопку для изменения размера шрифта и фона пользователем.

Соблюдение этих несложных правил будет способствовать привлечению пользователей. [16,с.81-82с]

При создании Web-приложений следует применять правило «мягкой деградации», то есть необходимо увеличивать возможности в соответствии с возможностью интернет обозревателя использовать их, а не наоборот. К примеру, можно применять самые новые Web-технологии, поддерживаемые небольшим количеством самых современных интернет обозревателей, при вёрстке, но учитывать, что, например, через год число этих современных браузеров существенно вырастет. В этом случае использованные Web-технологии будут выглядеть у небольшого количества пользователей отлично, у остальных — хорошо или удовлетворительно. Но с развитием Web-технологий будут совершенствоваться и браузеры, таким образом число пользователей, у которых Web-приложение отображается хорошо и удовлетворительно, будет уменьшаться. [11,с.9]

Психофизиологические требования к Web-приложениям

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

---