Войти в мой кабинет
Регистрация
ГОТОВЫЕ РАБОТЫ / ДИПЛОМНАЯ РАБОТА, ПРОГРАММИРОВАНИЕ

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

irina_krut2019 1250 руб. КУПИТЬ ЭТУ РАБОТУ
Страниц: 50 Заказ написания работы может стоить дешевле
Оригинальность: неизвестно После покупки вы можете повысить уникальность этой работы до 80-100% с помощью сервиса
Размещено: 20.01.2020
Целью данной выпускной квалификационной работы является разработка веб-приложений для информационного сайта с использованием современных технологий веб-программирования. Для достижения поставленной цели были сформулированы следующие задачи: ? изучить теоретические основы и возможности веб-приложений; ? изучить технологии, средства и инструменты разработки веб-приложений; ? изучить язык Python и его возможности по разработке веб-приложений; ? разработать комплекс веб-приложений для информационного сайта.
Введение

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

ВВЕДЕНИЕ 4 1 Теоретические основы разработки веб-приложений 5 1.1 Понятие веб-приложения. Применение и возможности 5 1.1.1 История 5 1.1.2 Применение и возможности веб-приложений 7 1.1.3 Архитектура веб-приложений 7 1.2 Обзор технологий разработки веб-приложений 12 1.2.1 Технические особенности 12 1.2.2 Популярные языки и фреймворки разработки веб-приложений 12 1.3 Язык Python 15 1.3.1 История 15 1.4.1 Как работает система, написанная на Django 19 1.4.2 Редактор кода 22 1.4.3 База данных 22 1.4.4 Веб-сервер 23 1.4.5 Безопасность 23 2 Этапы разработки информационного сайта 25 2.1 Требования и постановка задачи для информационного сайта 25 2.1.1 Классы пользователей 25 2.1.2 Требования к функциональности системы 26 2.1.3 Требования к дизайну сайта 26 2.1.4 Требования к средствам просмотра сайта 26 2.1.5 Требования к компоновке страниц сайта 26 2.2 Структура сайта 27 2.3 Разработка веб-приложений для информационного сайта 28 2.4 Разработка главной страницы 29 2.5 Администраторская панель 42 ЗАКЛЮЧЕНИЕ 46 СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ 47 ПРИЛОЖЕНИЯ 49 Приложение №1 49 Приложение №2 50
Список литературы

1. Алексеева Ю.М. Быстро и легко создаем, программируем, шлифуем и раскручиваем web-сайт : [учеб. пособие] / 2006. - 426 с. 2. Все о создании сайтов, блогов, форумов, интернет-магазинов [Электронный ресурс]: [web-сайт] http://joomla/joomla-2-5. 3. Гончаров, А.Н. Самоучитель HTML [Текст] / А.Н. Гончаров.- СПб.: Питер, 2002. 4. Горнаков, С.Г. Осваиваем популярные системы управления сайтом [Текст] / С.Г. Горнаков. - М.: Наука, 2009. 5. Граф Х. Создание web-сайтов с помощью Joomla 2.5 = Building Websites with Joomla! 2.5. — М.: Вильямс, 2009. — 304 с. 6. Дригалкин В. В. HTML в примерах. Как создать свой Web-сайт : [самоучитель] / В.В. Дригалкин. - М.: Даилектика, 2003. - 190 с. 7. Загуменнов А. П. Как раскрутить Web-сайт / Загуменнов А.П. - М. : ДМК Пресс, 2007. - 268 с. 8. Китинг Дж. Flash MX. Искусство создания Web-сайтов : [пер. с англ.] / Джоди Китинг - М. и др. : DiaSoft, 2008. - 900 с. 9. Бизли Д Python. Подробный справочник 4-е издание 2010г 10. Колисниченко, Д.Н. Python! [Текст]: Руководство пользователя / Д.Н. Колисниченко.- М.: Диалектика, 2009. 11. Колисниченко, Д.Н. Все о Django!, Slaed, PHP-Nuke [Текст] / Д.Н. Колисниченко.- М.: НТ Пресс, 2008. 12. Кузнецов М.В., Симдянов И.В. PHP . Практика создания Web-сайтов. — 2-е изд. перераб. и доп.. — Спб.: БХВ-Петербург, 2008. — 1264 с. 13. Кузнецов М.В., Симдянов И.В. Самоучитель Python 5/6. 3-е изд., перераб. и доп. — Спб.: БХВ-Петербург, 2009. — 672 с. 14. Лещев Д. В. Создание интерактивного web-сайта : учеб. курс / Д. Лещев. - СПб. и др. : Питер : Питер принт, 2005. - 543 с. 15. Линда Вайнман, Вильям Вайнман. Динамический HTML : руководство разработчика Web-сайтов : [пер. с англ.] / - Киев и др. : DiaSoft, 2009. - 449 с. 16. Максимов, В. В. Технологии создания Web-сайтов / В.В. Максимов, А.В. Алексеев С.Д. Лыткин ; Якут. гос. ун-т им. М.К. Аммосова, Центр дистанц. образования ЯГУ \"Ситим\", Прожект Хармонии, Инк. - Якутск : Якут. фил. Изд-ва СО РАН, 2008. - 44 с. 17. Михайлов О. А. Создание Веб-сайтов и их обновление / О.А. Михайлов ; Федер. арх. служба России, Рос. о-во историков-архивистов, Рос. гос. архив науч.-техн. документации. - М. : МАКС Пресс, 2007. - 47 с. 18. Рамел, Д. Самоучитель Django! [Текст] / Д. Рамел.- СПб.: Питер, 2008. 19. Хаген, Г. Создание веб-сайтов с помощью Django framework! 1.5 [Текст] / Г. Хаген.- М.: Вильямс, 2008. 20. Чиртик, А.В. Популярный самоучитель HTML [Текст] / А.В. Чиртик.- СПб.: Питер, 2006 21. Гильберт. Java: Руководство для начинающих, 4-е изд. : перевод
Отрывок из работы

1 Теоретические основы разработки веб-приложений 1.1 Понятие веб-приложения. Применение и возможности Веб-приложение – клиент-серверное приложение, в котором клиентом выступает браузер, а сервером – веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных производится, преимущественно, на сервере, обмен информацией происходит по сети . Одним из весомых преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложения являются кроссплатформенными сервисами. Веб-приложения стали широко популярными в конце 1990-х – начале 2000-х годов. 1.1.1 История В более ранних вычислительных моделях, таких как клиент-сервер, процесс обработки для приложения был распределен между кодом на сервере и кодом, установленным на каждом клиенте локально. Другими словами, приложение имело свою собственную предварительно скомпилированную клиентскую программу, которая служила его пользовательским интерфейсом и должна была быть отдельно установлена на персональный компьютер каждого пользователя. Для обновления на серверный код приложения обычно также требуется обновление клиентского кода, установленного на каждой рабочей станции пользователя. Кроме того, как клиентские, так и серверные компоненты приложения обычно тесно связаны с конкретной компьютерной архитектурой и операционной системой, а перенос их на другие часто был достаточно дорогостоящим. Веб-приложения используют веб-документы, написанные в стандартном формате, таком как HTML и JavaScript , которые поддерживаются различными веб-браузерами. Веб-приложения можно рассматривать как специфический вариант клиент-серверного программного обеспечения, где клиентское программное обеспечение загружается на клиентскую машину при посещении соответствующей веб-страницы с использованием стандартных процедур, таких как HTTP . Обновление веб-программного обеспечения клиента может происходить каждый раз при посещении веб-страницы. Во время сеанса веб-браузер интерпретирует и отображает страницы и действует как универсальный клиент для любого веб-приложения. В первые годы существования Интернета каждая отдельная веб-страница отправлялась клиенту как статический документ, но последовательность страниц все равно могла обеспечить интерактивный опыт, поскольку пользовательский ввод возвращался через элементы веб-формы , встроенные в разметку страницы. Тем не менее, каждое существенное изменение веб-страницы потребовало возврата обратно на сервер для обновления всей страницы. В 1995 году Netscape представила язык сценариев на стороне клиента под названием JavaScript , позволяющий программистам добавлять некоторые динамические элементы в пользовательский интерфейс, который выполнялся на стороне клиента. Поэтому вместо отправки данных на сервер для создания всей веб-страницы встроенные скрипты загруженной страницы могут выполнять различные задачи, такие как проверка ввода или отображение и скрытие частей страницы. В 1996 году Macromedia представила Flash – векторный анимационный плеер, который можно добавить в браузер в качестве плагина для встраивания анимаций на веб-страницы. Это позволило использовать язык сценариев для программирования взаимодействий на стороне клиента без необходимости связываться с сервером . В 1999 году концепция «веб-приложения» была введена на языке Java в версии сервлета 2.2. В то время уже были разработаны JavaScript и XML , но Ajax еще не был придуман, а объект XMLHttpRequest был только недавно представлен в Internet Explorer 5 как объект ActiveX. В 2005 году был выпущен термин Ajax, и такие приложения, как Gmail, стали все более и более интерактивными. Это связано с тем, что сценарий web-страницы может связываться с сервером для хранения и извлечения данных без загрузки всей web-страницы. В 2011 году был завершен HTML5 , который обеспечивает графические и мультимедийные возможности без необходимости использования клиентских плагинов. HTML5 также обогатил семантический контент документов. API-интерфейсы и объектная модель документа (DOM) уже не являются более поздними, но являются фундаментальными частями спецификации HTML5. API WebGL проложил путь к продвинутой 3D-графике на основе холста HTML5 и языка JavaScript. Они имеют важное значение для создания действительно основанных на платформе и независимых браузеров веб-приложений . 1.1.2 Применение и возможности веб-приложений Спектр использования веб-приложений очень широк. Использование веб-приложений приносит определенную пользу как посетителям веб-сайтов, так и их разработчикам. Отметим некоторые преимущества. 1) Возможность быстрого и легкого поиска посетителями требуемой информации на веб-сайтах с большим объемом информации. Данный вид веб-приложений позволяет осуществлять поиск в содержимом, упорядочивать содержимое и перемещаться по нему удобным для посетителей способом. 2) Возможность собирать, сохранять и анализировать данные, полученные от посетителей сайта. Долгое время использовался метод, при котором данные, введенные в HTML-формы, отсылались для обработки CGI-приложениям или специально назначенным работникам в виде сообщений электронной почты. Веб-приложение позволяет сохранять данные непосредственно в базе данных, а также получать данные и формировать отчеты на основе полученных данных для анализа . 3) Возможность обновления веб-сайтов с периодически меняющимся содержимым. Веб-приложение освобождает веб-дизайнера от рутинной работы постоянного обновления HTML-страниц сайта. Поставщики содержимого, например редакторы новостей, отвечают за наличие свежего материала, а веб-приложение следит за автоматическим обновлением сайта. 1.1.3 Архитектура веб-приложений Любое веб-приложение представляет собой набор статических и динамических веб-страниц. Статическая веб-страница – это страница, которая всегда отображается перед пользователем в неизменном виде. Веб-сервер отправляет страницу по запросу веб-браузера без каких-либо изменений. В противоположность этому, сервер вносит изменения в динамическую веб-страницу перед отправкой ее браузеру. По причине того что страница меняется, она называется динамической. Статический веб-сайт содержит набор соответствующих HTML-страниц и файлов, размещенных на компьютере, на котором установлен веб-сервер. Окончательное содержимое статической веб-страницы определяется разработчиком и остается неизменным в процессе запроса страницы. Весь HTML-код создается разработчиком до того момента, когда страница будет размещена на сервере. Поскольку HTML-код не меняется после размещения страницы на сервере, данная страница называется статической. Когда веб-сервер получает запрос на выдачу статической страницы, то, после анализа запроса, сервер находит нужную страницу и отправляет ее браузеру, как показано на рисунке 1.1 Рисунок 1.1 Обработка статической веб-страницы 1. Веб-браузер запрашивает статическую страницу. 2. Веб-сервер находит страницу. 3. Веб-сервер отправляет страницу запросившему ее браузеру. Когда запрашивается динамическая страница, действия веб-сервера не столь однозначны. Сервер передает страницу специальной программе, которая и формирует окончательную страницу. Такая программа называется сервером приложений . Сервер приложений выполняет чтение кода, находящегося на странице, формирует окончательную страницу в соответствии с прочитанным кодом, а затем удаляет его из страницы. В результате всех этих операций получается статическая страница, которая передается веб-серверу, который в свою очередь отправляет ее клиентскому браузеру. Все страницы, которые получает браузер, содержат только HTML-код. Схематическое изображение процесса показано на рисунке 1.2 Рисунок 1.2 Обработка динамических страниц 1. Веб-браузер запрашивает динамическую страницу. 2. Веб-сервер находит страницу и передает ее серверу приложений. 3. Сервер приложений просматривает страницу на наличие инструкций и выполняет ее создание. 4. Сервер приложений возвращает подготовленную страницу на веб-сервер. 5. Веб-сервер отправляет подготовленную страницу запросившему ее браузеру. Web-приложение реализует технологию «клиент-сервер», т.е. состоит из клиентской и серверной частей. Клиентская часть формирует запросы к серверу, обрабатывает ответы от него и реализует пользовательский интерфейс. Серверная часть получает запрос от клиента, выполняет вычисления, после этого формирует веб-страницу и отправляет её клиенту по сети с использованием протокола HTTP. Само веб-приложение может выступать в качестве клиента других служб, например, базы данных или другого веб-приложения, расположенного на другом сервере. Сервер приложений предоставляет возможность использовать такие ресурсы сервера, как базы данных. Например, динамическая страница может содержать программные инструкции для сервера приложений, следуя которым серверу необходимо получить определенные данные из базы данных и поместить их в HTML-код страницы. Хранение содержимого в базе данных позволяет отделить оформление веб-сайта от содержимого, которое будут видеть пользователи. Вместо того чтобы создавать все страницы в виде отдельных HTML-файлов, пишутся только шаблоны страниц для каждого вида представляемой информации. Затем содержимое загружается в базу данных, после чего веб-сайт будет извлекать его при запросах пользователей. Кроме того, можно обновить информацию в одном источнике и продублировать это изменение на всем веб-сайте без редактирования каждой страницы вручную . Программная инструкция, предназначенная для получения данных из базы данных, называется запросом к базе данных. Запрос состоит из критериев поиска, выраженных с помощью языка баз данных, называемого SQL (язык структурированных запросов). Текст SQL-запроса располагается в сценариях страниц на стороне сервера либо в тегах. Сервер приложений не может непосредственно получить данные из базы, поскольку базы данных используют специфические форматы хранения данных. Поэтому для подключения к базе данных сервер приложений использует посредника – драйвер базы данных. Драйвер базы данных представляет собой программный модуль, с помощью которого устанавливается взаимодействие между сервером приложений и базой данных. После того как драйвер установит соединение, выполняется запрос к базе, в результате чего формируется набор записей. Набор записей представляет собой множество данных, полученных из одной или нескольких таблиц базы данных. Набор записей возвращается серверу приложений, который использует полученные данные для формирования страницы. Процесс выполнения запроса к базе данных и возвращение полученных данных браузеру изображен на рисунке 1.3 Рисунок 1.3 Доступ к базе данных 1. Веб-браузер запрашивает динамическую страницу. 2. Веб-сервер находит страницу и передает ее серверу приложений.3. Сервер приложений просматривает страницу на наличие инструкций и выполняет ее подготовку. 4. Сервер приложений отправляет запрос драйверу базы данных. 5. Драйвер выполняет запрос в базе данных. 6. Драйверу возвращается набор записей. 7. Драйвер передает набор записей серверу приложений. 8. Сервер приложений вставляет данные в страницу и передает страницу веб-серверу.9. Веб-сервер отправляет подготовленную страницу запросившему ее браузеру. Для использования в веб-приложении пригодна любая база данных при условии, что на сервере установлен соответствующий драйвер базы данных. Если база данных и веб-сервер располагаются на разных компьютерах, следует обеспечить скоростное подключение между системами, поскольку от этого будет зависеть эффективность и скорость работы всего веб-приложения. В настоящее время набирает популярность новый подход к разработке веб-приложений, называемый Ajax. При использовании Ajax, страницы веб-приложения не перезагружаются целиком, а лишь догружают необходимые данные с сервера, что делает их более интерактивными и производительными. Также в последнее время набирает большую популярность технология WebSocket, не требующая постоянных запросов от клиента к серверу. Она создает двунаправленное соединение, при котором сервер отправляет данные клиенту без запроса от него. Таким образом появляется возможность в режиме реального времени динамически управлять контентом. 1.2 Обзор технологий разработки веб-приложений 1.2.1 Технические особенности Существенное преимущество построения веб-приложений для поддержки стандартных функций браузера заключается в том, что функции должны выполняться независимо от операционной системы данного клиента. Вместо того, чтобы писать различные версии для Microsoft Windows, Mac OS X, Linux и других операционных систем, приложение создаётся один раз для произвольно выбранной платформы и на ней разворачивается. Однако различная реализация HTML, CSS, DOM и других спецификаций в браузерах может вызвать проблемы при разработке веб-приложений и последующей поддержке. Кроме того, возможность пользователя настраивать многие параметры браузера (например, размер шрифта, цвета, отключение поддержки сценариев) может препятствовать корректной работе приложения. Другой подход заключается в использовании AdobeFlash, Silverlight или Java-апплетов для полной или частичной реализации пользовательского интерфейса. Поскольку большинство браузеров поддерживает эти технологии (как правило, с помощью плагинов), Flash или Java-приложения могут выполняться с легкостью. Так как они предоставляют программисту больший контроль над интерфейсом, они способны обходить многие несовместимости в конфигурациях браузеров, хотя несовместимость между Java или Flash-реализациями на стороне клиента может приводить к различным осложнениям . 1.2.2 Популярные языки и фреймворки разработки веб-приложений Не существует ни одного языка программирования, который превосходил бы все остальные. Превосходство какого-либо языка программирования может проявляться только в контексте какой-либо задачи. Но это совсем необязательно. Многие задачи могут быть эффективно решены с помощью любого современного популярного языка программирования. Часто, выбор языка и фреймворка определяется тем, какими знаниями обладают программисты, готовые реализовать данный проект.
Не смогли найти подходящую работу?
Вы можете заказать учебную работу от 100 рублей у наших авторов.
Оформите заказ и авторы начнут откликаться уже через 5 мин!
Похожие работы
Дипломная работа, Программирование, 48 страниц
490 руб.
Дипломная работа, Программирование, 83 страницы
3500 руб.
Служба поддержки сервиса
+7(499)346-70-08
Принимаем к оплате
Способы оплаты
© «Препод24»

Все права защищены

Разработка движка сайта

/slider/1.jpg /slider/2.jpg /slider/3.jpg /slider/4.jpg /slider/5.jpg