Технологии разработки веб-приложений

 

Содержание

Введение

1. Определение

1.1 Технические особенности

1.2 Устройство веб-приложений

2. Технологии, используемые на стороне сервера

2.2 ASP-технология

2.3 ASP.net

2.4 PHP

2.5 Python

2.6 Perl

2.7 NODE. js

3. Технологии веб-программирования применяющиеся на стороне клиента

3.1 Для реализации GUI

3.1.1 HTML

3.1.2 XHTML

3.1.3 CSS

3.2 Для формирования и обработки запросов, создания интерактивного и независимого от браузера интерфейса

3.2.1 JavaScript

3.2.2 Java

3.2.3 Апплеты Java

3.2.4 Active-X

3.2.5 Adobe Flash\Flex

3.2.6 Silverlight

4. AJAX

Заключение

Список использованной литературы

Введение

Под современными технологиями веб-программирования, сегодня понимают в основном, Интернет-технологии, включающие в себя концептуальные знания WWW, HTML, Java, клиентских и серверных скриптов и языков запросов к базам данных, основы web-дизайна.технологии полностью перевернули представления о работе с информацией, да и с компьютером вообще. Оказалось, что традиционные параметры развития вычислительной техники - производительность, пропускная способность, емкость запоминающих устройств - не учитывали главного "узкого места" системы - интерфейса с человеком. Устаревший механизм взаимодействия человека с информационной системой сдерживал внедрение новых технологий и уменьшал выгоду от их применения. И только когда интерфейс между человеком и компьютером был упрощен до естественности восприятия обычным человеком, последовал беспрецедентный взрыв интереса к возможностям вычислительной техники.

Создание Web-приложений является одной из важнейших технологий разработки ресурсов Internet.

В настоящее время набирает популярность новый подход к разработке веб-приложений, называемый Ajax <#"center">1. Определение

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

1.1 Технические особенности

Существенное преимущество построения Web-приложений для поддержки стандартных функций браузера заключается в том, что функции должны выполняться независимо от операционной системы данного клиента. Вместо того чтобы писать различные версии для Microsoft Windows <#"center">1.2 Устройство веб-приложений

Веб-приложение состоит из клиентской и серверной частей, тем самым реализуя технологию "клиент-сервер" <#"justify">НазваниеЛицензия <#"justify">В свою очередь на стороне клиента используется следующие веб технологии:

Для реализации GUI <#"justify">приложение сервер клиент интерфейс

2. Технологии, используемые на стороне сервера

2.2 ASP-технология

ASP (англ. <#"justify">Страница на ASP - это обычная страница HTML, со вставками, обозначенными ограничителями <% и %>:

<%. write "Hello World!"

%>

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

<% @ Language = "JScript" %><%. Write ("Hello World!");

%>

2.3 ASP.net

Это новая версия технологии ASP, ключевая в архитектуре Microsoft.net Framework. Основное отличие этой технологии от ASP с точки зрения архитектуры приложений заключается в том, что код, присутствующий на web-странице, не интерпретируется, а компилируется и кэшируется, что, естественно, способствует повышению производительности приложений.

В основу ASP.net положена работа в среде CLR (Common Language Runtime <#"center">2.4 PHP

Скриптовый язык <#"justify"><? php $a = 'var';

$b = 'iable';

$variable = 'var';

echo ${$a. $b};

? >

Огромное количество сайтов (около 20 млн.) в Сети написано на PHP, включая такие гиганты, как Wikipedia, Yahoo!, Facebook, YouTube. Популярность PHP основана на том, что его легко использовать, и вставки легко читаемы в HTML-документах. Использование PHP в паре с HTML-редактором - это отличный путь к созданию динамического контента при минимуме затрат на программирование.

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

Статистика уязвимостей PHP из National Vulnerability Database: 35.87% уязвимостей всего программного обеспечения берет на себя PHP.

2.5 Python

- это один из языков высокого уровня, общего назначения. Базовый синтаксис и семантика Python'а минималистичны, а стандартные библиотеки, напротив, огромны и сложны. Python поддерживает несколько парадигм программирования (ООП, императивное и функциональное) и обладает такими особенностями, как полностью динамическая система типов и автоматическое управление памятью.разрабатывался как легко читаемый язык. Его ключевая идея: "Должен быть только один, и лучше всего очевидный, способ сделать это". Отсюда следует, что код, написанный одним разработчиком, может легко развиваться и поддерживаться другим. Кроме того, Python "навязывает" программистам дисциплину (использованием отступов и синтаксисом кода). Это позволяет легко поддерживать крупные приложения. Для отделения блоков кода используются отступы, а не фигурные скобки (как в С, С++,.) или ключевые слова (как в Delphi). Увеличение отступа идет после определенных операторов (if, def, for, try.), a уменьшение указывает на конец текущего блока.

Быстрая сортировка на Python. Одно слово - элегантный:

def qsort (L):

if L == []:

return [] pivot = L [0] return (qsort ([x for x in L [1:] if x < pivot]) + [pivot] + qsort ([x for x in L [1:] if x >= pivot])) успешно внедряется в программные продукты как скриптинговый

язык, используется в 3D-анимации (Maya, Softimage XSI, Blender) и редакторах изображений (GIMP, Inkscape, Scribus, Paint Shop Pro). На нем даже написана пара видеоигр.

Несмотря на тот факт, что Python используют Google, Yahoo!, CERN и NASA, у него есть серьезная проблема с популярностью, а точнее - распространенностью. Причина - PHP проще.

Разработка приложений на Python'e идет быстрее на 30%, чем на PHP а его уязвимости составляют всего 0.67% от общего числа, против 36% у PHP (Python неуязвим).

2.6 Perl

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

Perl очень быстрый: считывая исходный файл, он тут же компилирует его в низкоуровневый код, который потом исполняет. Обычно компиляция и исполнение в Perl не воспринимаются как отдельные шаги, поскольку выполняются вместе: Perl запускается, читает исходный файл, компилирует его, запускает и затем завершает работу. Этот процесс повторяется каждый раз, когда запускается сценарий Perl, в том числе CGI-сценарии. Следует обратить внимание, что в системах Windows это гораздо менее эффективно из-за необходимости создания новых процессов., скорее, призван быть практичным (легким в использовании, эффективным и полным), чем красивым. Он поддерживает несколько парадигм программирования (впрочем, как и Python с PHP), управление памятью (подсчет ссылок), встроенную обработку текста и кучу сторонних модулей.

Простые числа на Perl. Сильно, но непонятно:- wle ' (1 x $_)! ~ /^ (11+) \1+$/ && print while ++ $_'обладает богатым синтаксисом и следует философии "Должно быть много способов сделать это". Однако встретить серьезного программиста на Perl в наше время уже не так легко. Perl нужно учить дольше, чем Python, не говоря уже о PHP, и за ним закрепилась прочная репутация языка "только на запись".

Говоря о web-разработке, необходимо упомянуть о системе шаблонов Perl'а. Когда создают динамические web-страницы, обычно хотят использовать что-то, что позволило бы сделать работу быстро и грязно. Конечно, это неправильно, но зато убирает барьеры.

Ведя речь о крупных web-приложениях на Perl, мы подразумеваем Amazon.com, LiveJournal.

По уязвимостям Perl занимает второе место (из трех) с 9.54% - в принципе, не так уж плохо, учитывая его сложность и многолетнюю историю.

2.7 NODE. js

Node или Node. js - программная платформа, основанная на движке V8 <#"center">3. Технологии веб-программирования применяющиеся на стороне клиента

3.1 Для реализации GUI

3.1.1 HTML

HyperText Markup Language - язык гиппертекстовой разметки. Фактически термин "язык" не совсем точно отражает сущность HTML. Скорее HTML можно назвать расширенным текстом (текстом со свойствами), поскольку основа любого HTML-документа - это текст со вставками (маркерами, операторами, тегами,), придающими тексту различные свойства (шрифт, его размер, цвет, позицию и т.д.). Например: у нас есть буковка "Х", и это просто буква без свойств и прочего. С ней ничего нельзя поделать - это просто буква. Теперь мы хотим выкрасить эту букву в синий цвет и наклонить ее чуть вправо. Как это сделать? Надо объяснить браузеру, который эту букву будет показывать юзеру, что мы хотим ее покрасить и наклонить, поэтому мы должны где-то в свойствах буквы это указать. Иначе браузер покажет просто букву - прямую и черную. Вот для этого и существует HTML, он фактически говорит браузеру, как мы хотим отобразить букву (слово, текст) на экране. В обычном текстовом файле мы пишем свою букву (слово, текст) и с помощью HTML-тэгов назначаем ей свойства: цвет - синий, наклонена. Браузер видит эти свойства и согласно им отображает букву.

Кроме этого в текст можно вставлять ссылки на другие документы, файлы, скрипты и т.д. Редактировать HTML-файлы можно через банальный MS Word, стандартный Front Page Express и, наконец, MS InterDev - мощная среда, входящая в пакет MS Visual Studio 6.0. Из них самые продвинутые средства предлагает InterDev - интеграцию скриптов, ActiveX элементов и т.д., не говоря уже об удобном HTML-editing'е. Правда, - самые продвинутые порталы были сделаны в. notepad'e.

3.1.2 XHTML

XHTML (англ. <#"center">3.1.3 CSS

CSS - аббревиатура Cascading Style Sheets. Переводится CSS как "Каскадные Таблицы Стилей". Это что-то типа маленькой базы данных. CSS создан для управления не только внешним и внутренним видами таблиц (как кажется из названия), а также других вещей, таких как шрифты, цвета, фоны.

Задачи CSS'а сходны с обычным html'ным кодом. Но он имеет намного больше возможностей, да еще и помогает уменьшить объем html-страниц.

Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML <#"center">3.2 Для формирования и обработки запросов, создания интерактивного и независимого от браузера интерфейса

3.2.1 JavaScript

JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений <#"center">3.2.2 Java

Java - платформонезависимый, многопоточный, объектно-ориентированный язык программирования <#"center">3.2.3 Апплеты Java

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

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

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

3.2.4 Active-X

Active-X - это майкрософтовская технология внедрения в web-страницы и программы контролов (элементов управления). Контрол есть обычная библиотека с расширением DLL или OCX, которая выводит на web-страницу что-нибудь вроде кнопки с прыгающей картинкой. Кнопка прорисовывается, реагирует на мышедвижения и кнопконажатия, имеет свои свойства и методы, которыми можно управлять из JavaScript.

Технология ActiveX - средство, при помощи которого Internet Explorer (IE) использует другие приложения внутри себя. С помощью ActiveX IE загружает Windows Media Player, Quicktime и другие приложения, которые могут воспроизводить файлы, внедрённые в веб-страницы. Элементы управления ActiveX активизируются при щелчке по такому объекту на веб-странице, например,. WMV-файлу, чтобы загрузить его для отображения в окне браузера Internet Explorer.

Firefox и другие кроссплатформенные браузеры используют программный интерфейс подключаемых модулей Netscape (Netscape Plugin Application Programming Interface, NPAPI). NPAPI <#"center">3.2.5 Adobe Flash\Flex

Технологии Flash, или, как их еще называют, технологии интерактивной веб-анимации <#"justify">Apache flex

Apache Flex, ранее Adobe Flex - комплект средств разработки (SDK) <#"center">3.2.6 Silverlight

Microsoft Silverlight - это программная платформа, включающая в себя модуль <#"center">4. AJAX

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

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

год можно считать датой рождения технологии AJAX. В этом году сообществом программистов microsoft. public. scripting. remote была предложена модификация, которая заменяла Java-апплет объектом XMLHTTPRequest в JavaScript. К 2005 году большинство используемых браузеров (таких как MS Internet Explorer и браузеры Mozilla) поддерживали этот объект для динамического доступа к данным.

Технология AJAX подразумевает использование языка разметки HTML совместно с таблицами стилей CSS для представления данных, языка JavaScript и объектной модели документа (Document Object Model, DOM) для манипуляции данными и языка разметки XML для обмена информацией между сервером и клиентом.

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

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

Если говорить подробнее о реализации объекта XMLHTTPRequest в каждом конкретном браузере, то можно обнаружить интересные "подводные камни", с которыми сталкивается web-разработчик. К примеру, в браузере MS Internet Explorer XMLHTTPRequest представляет собой ActiveX-компонент. Соответственно, если пользователь по каким-то причинам отключил в браузере ActiveX, то web-страница, написанная с использование AJAX, не сможет получить доступ к одному из своих главных компонентов.

Браузеры Мozilla Foundation, такие как Mozilla и Firefox, имеют лучшую поддержку объекта XMLHTTPRequest, независимую от каких-либо расширений и встроенную в браузер. Единственной особенностью является ограничение на загрузку документов только с текущего сайта при настройках по умолчанию.

Примеры использования

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

Заключение

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

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

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

Список использованной литературы

1. Крис Джамса. Эффективный самоучитель по креативному Web-дизайну / Крис Джамса, Конрад Кинг, Энди Андерсон. - ДиаСофтЮП, 2005 г. - 672с.

. Дейв Крейн. Ajax в действии/Дейв Крейн, Эрик Паскарелло, Даррен Джеймс. - Диалектика, 2006 г. - 649 с.

. А.П. Пашкевич. Современные технологии прграммирования: Конспект лекций / А.П. Пашкевич, О.А. Чумаков; Белорусский государственный университет информатики и радиоэлектроники: Минск, 2007. - 64 с.

. Веб-приложение [Электронный ресурс]: Википедия. - Интернет энциклопедия. - режим доступа: #"justify">. Три полных пэ. Python, PHP или Perl? Выбираем последнюю букву в слове "LAMP" [Электронный ресурс]: журн. Хакер. - Электрон. журн. - режим доступа к журн.: http://www.xakep.ru/magazine/xA/127/086/1. asp

Содержание Введение 1. Определение 1.1 Технические особенности 1.2 Устройство веб-приложений 2. Технологии, используемые на стороне сервера

Больше работ по теме: