Языки программирования web-приложений

Министерство образования и науки РК

БПОУ РК «Элистинский политехнический колледж»

Отчет

по преддипломной практике

ЭПТКО.09.02.03.05 4ПКС ОО

Выполнил: Манджиев Н.С.

Проверила: Каташова А.В.

Элиста

2018

СОДЕРЖАНИЕ

Введение. 3

1. Обзор Web-технологий. 5

1.1 Разработка WEB-приложений. 5

1.2 Облачные вычисления. 7

1.3 Асинхронный JavaScript и XML. 10

1.4 Java-апплет. 12

1.5 ASP и ASP.NET. 14

2. Языки программирования web-приложений. 16

2.1 HTML. 16

2.2 Java. 17

2.3 Perl 19

2.4 PHP. 20

3. Практическая часть. 21

3.1. Постановка задачи. 21

3.2. Программа. 22

Заключение. 34

Список литературы.. 24

Введение

Статистика компании Nielsen/NetRatings показывает, что популярность интернета в мире, достигает своего потолка. Интенсивность использования Сети перестала увеличиваться на десятки процентов, как это было в течение нескольких последних лет. Постепенное увеличение интенсивности использования интернета - это глобальная тенденция, которая наблюдается в развитых странах во всем мире: от Германии до Бразилии, от Испании до США. Данная тенденция говорит о том, что интернет прошел стадию бурного роста и теперь прочно вошел в повседневную жизнь людей, основательно в ней закрепившись. Рынок сформирован, и теперь нас ждет не количественная, а качественная эволюция.

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

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

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

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

Обзор Web-технологий

Разработка WEB-приложений

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

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

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

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

Существенное преимущество построения Web-приложений для поддержки стандартных функций браузера заключается в том, что функции должны выполняться независимо от операционной системы данного клиента. Вместо того чтобы писать различные версии для Microsoft Windows, Mac OS X, GNU/Linux и других операционных систем, приложение создается один раз для произвольно выбранной платформы и на ней разворачивается. Однако различная реализация HTML, CSS, DOM и других спецификаций в браузерах может вызвать проблемы при разработке веб-приложений и последующей поддержке. Кроме того, возможность пользователя настраивать многие параметры браузера (например, размер шрифта, цвета, отключение поддержки сценариев) может препятствовать корректной работе приложения.

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

Облачные вычисления

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

Облачная обработка данных как концепция включает в себя понятия:

· «Инфраструктура как услуга»,

· «Платформа как услуга»,

· «Программное обеспечение как услуга»

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

«Инфраструктура как услуга» - Infrastructure as a Service (IaaS) - состоит из трех основных компонентов:

· Аппаратные средства (серверы, системы хранения данных, клиентские системы, сетевое оборудование);

· Операционные системы и системное ПО (средства виртуализации, автоматизации, основные средства управления ресурсами);

· Связующее ПО (например, для управления системами).

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

«Платформа как услуга» - Platform as a Service (PaaS) - это предоставление интегрированной платформы для разработки, тестирования, развертывания и поддержки веб-приложений как услуги. Для разворачивания веб-приложений не нужно больше приобретать оборудование и программное обеспечение, нет необходимости организовывать поддержку - все это можно взять в аренду.

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

«Программное обеспечение как услуга» - Software as a service (SaaS) или «Программное обеспечение по требованию» - Software on Demand (SoD) - модель продажи программного обеспечения, при которой поставщик разрабатывает веб-приложение и самостоятельно управляет им, предоставляя заказчикам доступ к программному обеспечению через Интернет.

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

В модели SaaS:

· Приложение приспособлено для удаленного использования;

· Одним приложением пользуется несколько клиентов (приложение коммун-

ально);

· Оплата взымается как ежемесячная абонентская плата или на основе объема транзакций;

· Поддержка приложения входит в состав оплаты;

· Модернизация приложения происходит плавно и прозрачно для клиентов.

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

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

К недостаткам облачной технологии можно отнести фактор полной зависимости от поставщика услуг.

Асинхронный JavaScript и XML

AJAX (от англ. Asynchronous Javascript and XML - «асинхронный JavaScript и XML») - подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью и веб-приложения становятся более быстрыми и удобными.

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

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

· использование DHTML для динамического изменения содержания страницы.

DHTML (динамический HTML) - это набор средств, которые позволяют создавать интерактивные Web-страницы без увеличения загрузки сервера. DHTML построен на объектной модели документа (Document Object Model, DOM), которая расширяет традиционный статический HTML-документ. DOM обеспечивает динамический доступ к содержимому документа, его структуре и стилям. В DOM каждый элемент Web-страницы является объектом, который можно изменять. DOM не определяет новых тэгов и атрибутов, а просто обеспечивает возможность программного управления всеми тэгами, атрибутами и каскадными листами стилей (CSS).

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

Преимущества технологии:

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

2. Уменьшение нагрузки на сервер. AJAX позволяет несколько снизить нагрузку на сервер. К примеру, на странице работы с почтой, когда отмечаются прочитанные письма, серверу достаточно внести изменения в базу данных и отправить клиентскому скрипту сообщение об успешном выполнении операции без необходимости повторно создавать страницу и передавать её клиенту.

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

Недостатки технологии:

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

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

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

4. Старые методы учёта статистики сайтов становятся неактуальными. Многие сервисы статистики ведут учёт просмотров новых страниц сайта. Для сайтов, страницы которых широко используют AJAX, такая статистика теряет актуальность.

Java-апплет

Java-апплет - это прикладная программа на Java в форме байт-кода. Java-апплеты выполняются в веб-браузере с использованием виртуальной Java машины (JVM), или в Sun's AppletViewer, автономном инструменте для тестирования апплетов. Java-апплеты были внедрены в первой версии языка Java в 1995. Java-апплеты обычно пишутся на языке программирования Java, но могут быть написаны и на других языках, которые компилируются в байт‐код Java, таких, как Jython. Апплеты используются для предоставления интерактивных возможностей веб-приложений, которые не могут быть предоставлены HTML. Так как байт-код Java платформо-независим, то Java-апплеты могут выполняться с помощью плагинов браузерами многих платформ, включая Microsoft Windows, UNIX, Apple Mac OS и GNU/Linux. Такие программы с открытым исходным кодом, как applet2app, могут быть использованы для преобразования апплета в самостоятельные программы на Java или исполняемые файлы Linux и Windows.

Преимущества использования Java-апплетов:

· Кроссплатформенность;

· апплет может работать на «всех» установленных к этому времени версиях Java, а не только с последней версией; однако, если апплет требует последнюю версию JRE, то клиент будет вынужден ждать более длительной загрузки;

· апплет поддерживается большинством браузеров;

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

· он может иметь полный доступ к машине, на которой выполняется, если пользователь согласен на это;

· апплет может улучшить использование: после первого запуска апплета, когда JVM уже выполняется и быстро запускается, преимущественно у постоянных пользователей Java, однако JVM придется перезапускать каждый раз, когда запускается новый браузер;

· он может запуститься с сопоставимой (но обычно медленнее) скоростью на других компилируемых языках, таких как C++, но во много раз быстрее, чем JavaScript;

· он может перенести работу с сервера к клиенту, делая Интернет-решение с большим числом пользователей.

ASP и ASP.NET

ASP (англ. Active Server Pages - «активные серверные страницы») - технология, разработанная компанией Microsoft, позволяющая легко создавать приложения для сети интернет. ASP работает на платформе операционных систем линии Windows NT и на веб-сервере Microsoft IIS. ASP не является языком программирования - это лишь технология предварительной обработки, позволяющая подключать программные модули во время процесса формирования веб-страницы. Относительная популярность ASP основана на простоте используемых языков сценариев (VBScript или JScript) и возможности использования внешних COM-компонентов.

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

Microsoft полностью перестроила ASP.NET, основываясь на Common Language Runtime (CLR), который является основой всех приложений Microsoft .NET. Разработчики могут писать код для ASP.NET, используя практически любые языки программирования, в том числе, и входящие в комплект .NET Framework(C#, Visual Basic.NET, и JScript .NET). ASP.NET имеет преимущество в скорости по сравнению со скриптовыми технологиями, так как при первом обращении код компилируется и помещается в специальный кэш, и впоследствии только исполняется, не требуя затрат времени на парсинг, оптимизацию, и т. д.

Преимущества ASP.NET перед ASP:

· Компилируемый код выполняется быстрее, большинство ошибок отлавливается ещё на стадии разработки;

· Значительно улучшенная обработка ошибок времени выполнения, с использованием блоков try..catch;

· Пользовательские элементы управления (controls) позволяют выделять часто

используемые шаблоны, такие как меню сайта;

· Использование метафор, уже применяющихся в Windows-приложениях, например, таких как элементы управления и события;

· Расширяемый набор элементов управления и библиотек классов позволяет быстрее разрабатывать приложения;

· ASP.NET опирается на многоязыковые возможности .NET, что позволяет писать код страниц на VB.NET, Delphi.NET, Visual C#, J# и т. д.;

· Возможность кэширования всей страницы или её части для увеличения производительности;

· Возможность кэширования данных, используемых на странице;

· Возможность разделения визуальной части и бизнес-логики по разным файлам («code behind»);

· Расширяемая модель обработки запросов;

· Расширенная событийная модель;

· Расширяемая модель серверных элементов управления;

· Наличие master-страниц для задания шаблонов оформления страниц;

· Поддержка CRUD операций при работе с таблицами через GridView;

· Встроенная поддержка AJAX.

Языки программирования web-приложений

HTML

HTML (от англ. HyperText Markup Language - «язык разметки гипертекста») - стандартный язык разметки документов в сети интернет. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов - дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.

Java

Java - объектно-ориентированный язык программирования, разрабатываемый компанией Sun Microsystems. Приложения Java обычно компилируются в специальный байт-код, поэтому они могут работать на любой виртуальной Java-машине(JVM) независимо от компьютерной архитектуры. Дата официального выпуска 23 мая 1995 года.

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

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

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

· применение технологии трансляции байт-кода в машинный код непосредственно во время работы программы (JIT-технологии) с возможностью сохранения версий класса в машинном коде,

· широкое использование платформенно-ориентированного кода (native-код) в стандартных библиотеках,

· аппаратные средства, обеспечивающие ускоренную обработку байт-кода (например, технология Jazelle, поддерживаемая некоторыми процессорами фирмы ARM).

Perl

Perl - высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный Ларри Уоллом, лингвистом по образованию. Название языка представляет собой аббревиатуру, которая расшифровывается как Practical Extraction and Report Language «практический язык для извлечения данных и составления отчётов». Первоначально аббревиатура состояла из пяти символов и в таком виде в точности совпадала с английским словом pearl, жемчужина. Но затем стало известно, что такой язык существует и букву «а» убрали. Талисманом языка Perl является верблюд - не слишком красивое, но очень выносливое животное, способное выполнять тяжёлую работу.

Согласно Ларри Уоллу, Perl имеет два девиза. Первый - «There’s more than one way to do it» («Есть больше одного способа сделать это», также известный как TMTOWTDI); второй - «Easy things should be easy and hard things should be possible» («Простые вещи должны быть простыми, а сложные вещи - возможными»).

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

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

С 2010 года идет разработка новой (6-ой) версии языка. В отличие от предыдущих версий, разработчики планируют создать четко определенный стандарт языка. В настоящее время существуют экспериментальные компиляторы Perl 6, но продолжается дальнейшая дискуссия о новых правилах.

PHP

PHP (англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста», англ. Personal Home Page Tools - «Инструменты для создания персональных веб-страниц») - скриптовый язык, созданный для генерирования HTML-страниц на веб-сервере и работы с базами данных. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров. Входит в LAMP - распространённый набор для создания веб-сайтов (Linux, Apache, MySQL, PHP (Python или Perl)).

В области программирования для Сети, PHP - один из популярнейших скриптовых языков благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP. PHP отличается наличием ядра и подключаемых модулей, «расширений»: для работы с базами данных, сокетами, динамической графикой, криптографическими библиотеками, документами формата PDF и т. п. Любой желающий может разработать своё собственное расширение и подключить его. Существуют сотни расширений, однако в стандартную поставку входит лишь несколько десятков хорошо зарекомендовавших себя. Интерпретатор PHP подключается к веб-серверу либо через модуль, созданный специально для этого сервера (например, для Apache или IIS), либо в качестве CGI-приложения. Кроме этого, он может использоваться для решения административных задач в операционных системах UNIX, GNU/Linux, Microsoft Windows, Mac OS X и AmigaOS. Однако в таком качестве он не получил распространение, отдавая пальму первенства Perl, Python и VBScript.

В настоящее время PHP используется сотнями тысяч разработчиков. Порядка 20 миллионов сайтов сообщают о работе с PHP, что составляет более пятой доли доменов Интернета.

Практическая часть

3.1. Постановка задачи

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

· Природа;

· Спорт;

· Город.

HTML - язык разметки гипертекста – является приложением языка

SGML (Standard Generalized Markup Language) – стандартный обобщенный язык разметки. Средствами HTML задаются синтаксис и размещение специальных встроенных указаний, в соответствии с которыми браузер отображает содержимое документа (текст, графика, мультимедиа, гиперссылки). Говоря другими словами, HTML - язык компоновки документов и спецификации гиперссылок, используемый для кодировки документов в WWW.

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

3.2. Программа

Web-страница написана на HTML. Web-страница состоит из четырех фалов:

- default.html – главный файл. С этой страницы запускаются все рубрики фотогалереи;

- rubrika1.html – файл, отвечающий за отображение фотографий рубрики «Природа»;

- rubrika2.html – файл, отвечающий за отображение фотографий рубрики «Спорт»;

- rubrika3.html – файл, отвечающий за отображение фотографий рубрики «Город».

Переход между страницами осуществляется посредством тэга </a>. Фотографии галереи располагаются в папке Pic. Они отображаются посредством тэга < img>.

3.3. Текст программы

<html >

<head>

<title>Моя фотогалерея</title>

<!--

.стиль3 {

color: #003399;

font-weight: bold;

}

-->

</style>

</head>

<body>

<td

<td <strong><font color="#0000CC"><div align="center" >МОЯ ФОТОГАЛЕРЕЯ</div></font></strong></td>

<td

</tr>

<td

<tr>

</tr>

<tr>

</tr>

<tr>

<td ><font color="#0000CC">Рубрики:</font></td>

</tr>

<tr>

<td>   <a href="rubrika1.html">- Природа</a></td>

</tr>

<tr>

<td>   <a href="rubrika2.html">- Спорт</a></td>

</tr>

<tr>

<td>   <a href="rubrika3.html">- Город</a></td>

</tr>

</table>

</td>

</tr>

</tr>

</table>

</body>

</html>

<html >

<head>

<title>Моя фотогалерея</title>

<!--

.стиль3 {

color: #003399;

font-weight: bold;

}

-->

</style>

</head>

<body>

<td

<td <strong><font color="#0000CC"><div align="center" >ПРИРОДА</div></font></strong></td>

<td

</tr>

<td

<tr>

</tr>

<tr>

</tr>

<tr>

<td ><font color="#0000CC">Рубрики:</font></td>

</tr>

<tr>

<td>   <a href="rubrika1.html">- Природа</a></td>

</tr>

<tr>

<td>   <a href="rubrika2.html">- Спорт</a></td>

</tr>

<tr>

<td>   <a href="rubrika3.html">- Город</a></td>

</tr>

<tr>

<td><a href="default.html"> На главную </a></td>

</tr>

</table>

</td>

<td

<td

</tr>

<td

</tr>

</table></td>

</tr>

</table>

</body>

</html>

<html >

<head>

<title>Моя фотогалерея</title>

<!--

.стиль3 {

color: #003399;

font-weight: bold;

}

-->

</style>

</head>

<body>

<td

<td <strong><font color="#0000CC"><div align="center"> СПОРТ</div></font></strong></td>

<td

</tr>

<td

<tr>

</tr>

<tr>

</tr>

<tr>

<td ><font color="#0000CC">Рубрики:</font></td>

</tr>

<tr>

<td>   <a href="rubrika1.html">- Природа</a></td>

</tr>

<tr>

<td>   <a href="rubrika2.html">- Спорт</a></td>

</tr>

<tr>

<td>   <a href="rubrika3.html">- Город</a></td>

</tr>

<tr>

<td><a href="default.html"> На главную </a></td>

</tr>

</table>

</td>

<td

<td

</tr>

<td

</tr>

</table></td>

</tr>

</table>

</body>

</html>

<html >

<head>

<title>Моя фотогалерея</title>

<!--

.стиль3 {

color: #003399;

font-weight: bold;

}

-->

</style>

</head>

<body>

<td

<td <strong><font color="#0000CC"><div align="center" >ГОРОД</div></font></strong></td>

<td

</tr>

<td

<tr>

</tr>

<tr>

</tr>

<tr>

<td ><font color="#0000CC">Рубрики:</font></td>

</tr>

<tr>

<td>   <a href="rubrika1.html">- Природа</a></td>

</tr>

<tr>

<td>   <a href="rubrika2.html">- Спорт</a></td>

</tr>

<tr>

<td>   <a href="rubrika3.html">- AГород</a></td>

</tr>

<tr>

<td><a href="default.html"> На главную </a></td>

</tr>

</table>

</td>

<td

<td

</tr>

<td

</tr>

</table></td>

</tr>

</table>

</body>

</html>

3.4. Тест программы

Тестирования программы проходило в браузере Intenet Explorer версии 6.0. Переход между страницами осуществляется верно. Фотографии отображаются согласно рубрикам и файлам их содержащих. Тестирование программы не выявило ошибок работы. Все требования к программному продукту соблюдены.

3.5. Скриншоты программы

Рис. 3.1 – Главная форма проекта

Рис. 3.2 – Рубрика «Природа»

Рис. 3.3 – Рубрика «Спорт»

Рис. 3.4 – Рубрика «Город»

Описание применения

Для запуска приложения необходимо скопировать html-файлы и папку Pic с фотографиями в отдельную папку и запустить в браузере Internet Explorer 6.0 файл default.http. Переход между рубриками осуществляется по нажатию на соответствующие ссылки главного окна.

Заключение

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

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

В практической части работы представлено описание разработки WEB-страницы «Фотогалерея», которая написана на HTML. Приложение состоит из четырех web-страниц: главной, и трех страниц с рубриками. HTML – является базовым инструментом для создания WEB-приложений. Сегодня Консорциум всемирной паутины разрабатывает HTML версии 5. Черновой вариант спецификации языка появился в Интернете 20 ноября 2007 года. Параллельно ведётся работа по дальнейшему развитию HTML под названием XHTML (англ. Extensible Hypertext Markup Language - «расширяемый язык разметки гипертекста»). Пока XHTML по своим возможностям сопоставим с HTML, однако предъявляет более строгие требования к синтаксису.

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

Список литературы

1. Томас А.Пауэл WEb-дизайн. – Санкт-Петербург: БВХ-Петербург, 2004.

2. Матросов А., Сергеев А., Чаунин М. HTML 4.0.- Санкт-Петербург: БВХ-Петербург, 2004.

3. Леонтьев Б.. Энциклопедия Web-дизайнера - Москва, ЗАО «Новый Издательский дом », 2004.

4. Олищук Андрей Владимирович Разработка Web-приложений на PHP 5. Профессиональная работа. — М.: «Вильямс», 2006.

5. Дмитриева М. JavaScript. Экспресс-курс – Санкт-Петербург: БВХ- Петербург, 2004.

Дата добавления: 2018-06-27; просмотров: 430; Мы поможем в написании вашей работы!

Поделиться с друзьями:

Мы поможем в написании ваших работ!