Файл: Основы разработки Web-приложений.pdf

Введение

Развитие персональных компьютеров привело к появлению компьютерных сетей которые обеспечили обмен данными между вычислительными устройствами (компьютерами). Объединение локальных сетей в глобальную сеть повлекло за собой появление – Internet.

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

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

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

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

С развитием глобальной сети Интернет возникла необходимость:

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

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

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

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

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

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

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

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

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

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

1.1 Понятия и классификация web-приложения

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

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

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

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

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

• Яндекс Браузер
• Google Chrome
• Mozilla Firefox
• Orbitum
• Internet Explorer
• Opera

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

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

Наиболее распространённые web-приложения:

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

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

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

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

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

Основными разделами веб-сайта могут быть (в зависимости от задач решаемых сайтом):

• Меню сайта
• Главная страница
• «о нас»
• Контент
• почта

Меню сайта

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

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

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

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

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

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

"О нас"

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

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

Контент

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

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

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

Для того, что бы страницы было удобно просматривать, необходимо использовать:

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

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

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

Почта

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

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

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

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

Ссылки

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