Разработка web-приложения "Гостиница"
Сведения о скриптовом языке PHP. Технологии создания клиентских и серверных сценариев. Протокол передачи гипертекста. Разработка администраторского и пользовательского модулей. Реализация форума и чата в web-приложении. Добавление шаблона на сайт.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курсовая работа |
| Язык | русский |
| Дата добавления | 16.02.2022 |
| Размер файла | 4,5 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
5
МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «СЕВЕРО-КАВКАЗСКИЙ ФЕДЕРАЛЬНЫЙ УНИВЕРСИТЕТ»
Институт информационных технологий и телекоммуникаций
Кафедра информационных систем и технологий
КУРСОВАЯ РАБОТА
по дисциплине «Информационные технологии»
на тему: Разработка web-приложения «Гостиница»
Ставрополь, 2020 г.
Задание на курсовую работу студента по дисциплине «Информационные технологии»
1. Тема работы: Разработка web-приложения «Гостиница»
2. Цель: закрепление у обучающихся теоретических знаний, развитие профессионально-практических навыков в области информационных технологий, разработки требований к созданию и проектированию web-приложений, разработки проектов информационных сайтов для решения поставленной задачи.
3. Задачи: закрепление, углубление, расширение и систематизация знаний, полученных при изучении дисциплины «Информационные технологии»; умений применять эти знания для решения типовых и нестандартных задач; формирование умений работы с программным инструментарием; развитие умений работы со специальной литературой и иными информационными источниками.
4. Перечень подлежащих разработке вопросов:
а) по теоретической части
1. Характеристика и анализ объекта исследования
2. Разбор отдельных компонентов поставленной задачи
б) по аналитической части
1. Разработать администраторский и пользовательский модули web-приложения по предметной области.
2. Разработать пользовательское меню web-приложения.
3. Реализовать форум и чат в web-приложении.
4. Наполнить контентом web-приложение согласно предметной области.
5. Исходные данные: по вариантам, разработанным преподавателем
6. Список рекомендуемой литературы
1. Гаврилов М.В. Информатика и информационные технологии: учебник для прикладного бакалавриата / М.В. Гаврилов, В.А. Климов; Сарат. гос. юрид. академия. - 4-е изд., перераб. и доп. - М.: Юрайт, 2014. - 383 с.: ил. - (Бакалавр. Прикладной курс). - Библиогр.: с. 383.;
2. Гвоздева В.А. Информатика, автоматизированные информационные технологии и системы: учебник / В.А. Гвоздева. - М.: Форум-ИНФРА-М, 2013. - 544 с.: ил. - (Профессиональное образование). - Гриф: Рек. НМС. - Библиогр.: с. 536-537;
3. Граф Х. Создание веб-сайтов с помощью Joomla! 1.5 / Хаген Граф; [пер. с англ. Н.А. Мухина]. - М. [и др.]: Вильямс, 2009. - 294 c.: ил. - (От технологий к решениям). - Предм. указ.: с. 292-294;
4. Карпенков С.Х. Современные средства информационных технологий: [учебное пособие для студентов вузов, обучающихся по направлениям подготовки дипломированных специалистов «Информатика и вычислительная техника» и «Информационные системы» / С.Х. Карпенков. - 2-е изд., испр. и доп. - М.: КНОРУС, 2017. - 400 с.: ил. - Гриф: Доп. МО. - Библиогр.: с. 399-400;
5. Саак А.Э. Информационные технологии управления: [учебник] / А.Э. Саак, Е.В. Пахомов, В.Н. Тюшняков. - 2-е изд. - СПб.: Питер, 2012. - 320 с.: ил. - (Учебник для вузов). - На учебнике гриф: Доп.УМО. - Библиогр.: с. 307.;
6. Хлебников А.А. Информационные технологии: учебник / А.А. Хлебников. - М.: КноРус, 2014. - 472 с.: ил. - (Бакалавриат). - Гриф: Рек. УМО;
7. Эспозито Д. Разработка веб-приложений с использованием ASP.NET и AJAX / Дино Эспозито; [пер. с англ. А. Митева, А. Суспицына]. - СПб.: Питер, 2012. - 400 с.
7. Контрольные сроки представления отдельных разделов курсовой работы:
25 % - подготовка теоретической части курсовой работы «01» апреля 2020 г.
50 % - подготовка разделов 1-2 аналитической части курсовой работы «13» мая 2020г.
75 % - подготовка разделов 3-4 аналитической части курсовой работы «27» мая 2020г.
100 % - оформление и защита курсовой работы «10» июня 2020 г.
8. Срок защиты студентом курсовой работы «____» _________ 2020 г.
Дата выдачи задания «____» ___________ 2020 г.
Руководитель курсовой работы канд. пед. наук, доцент кафедры ИСТ З.М. Альбекова
- Оглавление
- Введение
- 1. Теоретические основы построения web-приложений
- 1.1 Разработка web-приложений с помощью СMS Joomla
- 1.1.1 Знакомство с СMS Joomla
- 1.1.2 Установка СMS Joomla
- 1.1.3 Установка расширений на Joomla
- 1.2 Основы скриптового языка PHP
- 1.2.1 Основные сведения о языке PHP
- 1.2.3 Синтаксис
- 1.2.4 Особенности интерпретатора
- 1.3 Технологии разработки web-приложений
- 1.3.1 Языки описания содержимого web-страниц
- 1.3.2 Технологии создания клиентских сценариев
- 1.3.3 Технологии создания серверных сценариев
- 1.3.4 Технологии создания «богатого Web-интерфейса» (Rich Internet Applications)
- 1.3.5 Протоколы на базе которых происходит обмен сообщениями в Web-приложениях
- 1.4 Основы языка HTML
- 1.4.1 Общее представление
- 1.4.2 Структура HTML
- 2. Разработка web-приложения «Гостиница»
- 2.1 Разработать администраторский и пользовательский модули web-приложения по предметной области
- 2.1.1 Разработка администраторского модуля
- 2.1.2 Разработка пользовательского модуля
- 2.2 Разработать пользовательское меню web-приложения
- 2.3 Реализовать форум и чат в web-приложении
- 2.3.1 Реализовать форум в web-приложении
- 2.3.2 Реализовать чат web-приложения
- 2.4 Наполнить контентом web-приложение согласно предметной области
- 2.4.1 Добавление шаблона на сайт
- 2.4.2 Создание материалов
- Заключение
- Список использованных источников
Введение
Объектом исследования в рамках курсовой работы является организация, требующая презентации своих услуг в целях привлечения большего числа клиентов.
Предметом исследования является web-приложение «Гостиница». Целью курсовой работы является разработка web-приложения «Гостиница».
Актуальность курсовой работы заключается в том, что на сегодняшний день для хорошего бизнеса необходимо иметь свой web-сайт, который позволяет привлечь клиентов и снизить затраты.
Практическая значимость заключается в том, что с помощью данного web-приложения можно легко ознакомиться с компанией, её услугами и продуктами. Информация представлена в удобном виде, благодаря чему посетители сайта будут получать полную и доступную информацию, не тратя времени на разговор со специалистами.
Задачами, стоящими перед автором исследования, являются:
1. Изучить Основы разработки web-приложений с помощью СMS Joomla
2. Рассмотреть Основы скриптового языка PHP
3. Разработать администраторский и пользовательский модули web-приложения по предметной области.
4. Разработать пользовательское меню web-приложения.
5. Реализовать форум и чат в web-приложении.
6. Наполнить контентом web-приложение согласно предметной области.
1. Теоретические основы построения web-приложений
1.1 Разработка web-приложений с помощью СMS Joomla
1.1.1 Знакомство с СMS Joomla
Joomla! - система управления содержимым (CMS), написанная на языках PHP и JavaScript. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL и на сегодняшний день является одной из самых популярных CMS, уступая по популярности лишь WordPress.
Система управления содержимым Joomla! является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. 16 сентября 2005 года в свет вышла первая версия Joomla!, являющаяся по сути переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.
К лету 2008 года по числу ежедневных скачиваний Joomla! заняла второе место после WordPress со значительным отрывом от других подобных систем.
CMS Joomla! включает в себя минимальный набор инструментов при начальной установке, который дополняется по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.
Joomla! позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского, белорусского и ещё некоторых языков постсоветского пространства. Схемы расположения элементов легко настраиваются по областям шаблона. Система шаблонов позволяет быстро изменить визуальный вид ресурса или создать новый. В Сети имеется богатый выбор бесплатных и платных готовых шаблонов.
1.1.2 Установка СMS Joomla
Для начала работы необходимо скачать Joomla! дистрибутив с официального сайта. Для запуска системы на локальном компьютере необходима программная оболочка, которая будет имитировать работу сервера, например, OpenServer. Чтобы запустить Joomla! необходимо распаковать установочный архив в директории OpenServer.
1.1.3 Установка расширений на Joomla
Чтобы облегчить процесс разработки рекомендуется установить готовые шаблоны и расширения на Joomla!. Для этого необходимо войти в администраторский модуль, в верхнем меню найти пункт «Расширения» и нажать «Установить». После этого откроется менеджер расширений, где с лёгкостью можно установить шаблон и дополнительные модули.
1.2 Основы скриптового языка PHP
1.2.1 Основные сведения о языке PHP
В 1994 году датский программист Расмус Лердорф разработал на C набор CGI-скриптов для учёта посетителей его онлайн-резюме, обрабатывающий шаблоны HTML-документов. Лердорф назвал набор Personal Home Page Tools (Инструменты для личной домашней страницы). Вскоре функциональности перестало хватать, и Лердорф разработал новый интерпретатор шаблонов PHP/FI.
PHP - скриптовый язык программирования общего назначения, активно применяемый для разработки веб-приложений. В настоящее время данный язык поддерживается подавляющим хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для динамических веб-сайтов.
1.2.2 Область применения PHP
В области веб-программирования, в частности серверной части, PHP -- один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET). Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств и дополнительных модулей для разработки веб-приложений. Основные из них:
1. автоматическое извлечение POST- и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;
2. взаимодействие с большим количеством различных систем управления базами данных через дополнительные модули (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO, Redis);
3. автоматизированная отправка HTTP-заголовков;
4. работа с HTTP-авторизацией;
5. работа с cookies и сессиями;
6. работа с локальными и удалёнными файлами, сокетами;
7. обработка файлов, загружаемых на сервер;
8. работа с XForms.
В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемуся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования. Входит в LAMP -- распространённый набор программного обеспечения для создания и хостинга веб-сайтов (Linux, Apache, MySQL, PHP).
1.2.3 Синтаксис
Синтаксис PHP подобен синтаксису языка Си. Некоторые элементы, такие как ассоциативные массивы и цикл foreach, заимствованы из Perl. Для написания простейшего скрипта не требуется описывать какие-либо переменные, используемые модули и т. п. Любой скрипт может начинаться непосредственно с оператора PHP.
Имена переменных начинаются с символа $, тип переменной объявлять не нужно. Имена переменных и констант чувствительны к регистру символов. Имена классов, методов классов и функций к регистру символов не чувствительны. Переменные обрабатываются в строках, заключённых в двойные кавычки, и heredoc-строках (строках, созданных при помощи оператора <<<). Переменные в строках, заключённых в одинарные кавычки, не обрабатываются.
PHP рассматривает переход на новую строку как пробел, так же как HTML и другие языки со свободным форматом. Инструкции разделяются с помощью точки с запятой (;), за исключением некоторых случаев, после объявления конструкции if/else и циклов.
Переменные в функцию можно передавать как по значению, так и по ссылке (используется знак &).
PHP поддерживает три типа комментариев: в стиле языка Си (ограниченные /* */), C++ (начинающиеся с // и идущие до конца строки) и оболочки UNIX (C# до конца строки).
1.2.4 Особенности интерпретатора
PHP-скрипты обычно обрабатываются интерпретатором в порядке, обеспечивающем кроссплатформенность разработанного приложения:
лексический анализ исходного кода и генерация лексем,
синтаксический анализ полученных лексем,
генерация байт-кода,
выполнение байт-кода интерпретатором (без создания исполняемого файла).
Для увеличения быстродействия приложений возможно использование специального программного обеспечения, так называемых акселераторов. Принцип их работы заключается в кэшировании однажды сгенерированного байт-кода в памяти и/или на диске, таким образом, из процесса работы приложения исключаются этапы 1--3, что в общем случае ведёт к значительному ускорению работы.
Важной особенностью является то, что разработчику нет необходимости заботиться о распределении и освобождении памяти. Ядро PHP реализует средства для автоматического управления памятью; вся выделенная память возвращается системе после завершения работы скрипта.
1.3 Технологии разработки web-приложений
1.3.1 Языки описания содержимого web-страниц
Язык разметки гипертекста (Hypertext Markup Language, HTML) служит основой для построения пользовательского интерфейса Web-приложений. Это базовый язык описания содержимого Web-страниц. Основные элементы HTML -- теги и их атрибуты. Тег может соответствовать структурному элементу документа (заголовку, абзацу, таблице), элементу оформления или ссылке на другой документ, картинку, анимацию и пр. Атрибуты тега описывают свойства соответствующих элементов. o
Расширяемый язык разметки (Extensible Markup Language, XML) так же, как HTML, использует теги и атрибуты, но набор и значение этих тегов и атрибутов определяются типом документа, описываемым его схемой. XML по сравнению с HTML более строг в синтаксических правилах -- всегда требует закрытия тегов и указания значений атрибутов. Он предоставляет стандартную лексическую форму для представления текстовой информации различной структуры и стандартные же способы описания этой структуры. XML часто используется для описания разнообразных данных, которыми обмениваются компоненты Web-приложений: конфигурационных файлов, отдельных элементов, из которых компонуются Web-страницы. Аналог HTML на базе XML -- расширяемый язык разметки гипертекста (Extensible Hypertext Markup Language, XHTML).
Каскадные таблицы стилей (Cascading Style Sheets, CSS) являются языком для описания представления документов, написанных на одном из языков разметки. В таблице стилей определяются правила, по которым элементам такого документа сопоставляется стиль его представления (задающий цвет текста и фона, шрифт, форматирование абзаца и пр.). Таблицы стилей позволяют разделить описание структуры и представления документа, давая тем самым возможность отображать один и тот же документ по-разному в зависимости от конфигурации браузера или пользовательских настроек.
1.3.2 Технологии создания клиентских сценариев
Объектная модель документа (Document Object Model, DOM) представляет собой кросс-платформенный и независящий от используемых языков интерфейс для доступа и обработки структурных элементов документов на HTML и XML (включая XHTML). Этот интерфейс описывается в терминах абстрактных типов объектов, соответствующих различным элементам XML-документа, и возможных операций над ними. Кроме того, указывается техника привязки этого абстрактного интерфейса к реализующим его конкретным в различных языках (сейчас -- в Java и ECMAScript). DOM является международным стандартом, поддерживаемым группой W3C.
Язык ECMAScript (с многочисленными диалектами, включающими JavaScript, JScript, ActionScript) -- язык, чаще всего используемый для обработки элементов XML- и HTML-документов в браузерах с помощью интерфейса DOM. Соответственно, все браузеры имеют встроенный интерпретатор того или иного диалекта этого языка. Очень часто сценарии на диалектах ECMAScript используются для быстрой, без передачи на сервер, проверки целостности и корректности данных, вводимых пользователем в формах на Web-странице, или для быстрой реакции на те или иные действия пользователя.
Разнообразные языки для описания нетекстовых данных, включаемых в представление Web-страницы, и сценариев работы с ними -- такие, как Adobe Flash (для мультимедиа-данных, чаще всего, для представления анимационных роликов), VRML (для трехмерной графики и анимации) и т. д.
1.3.3 Технологии создания серверных сценариев
Общий интерфейс шлюза (Common Gateway Interface, CGI) является наиболее простой, самой старой и уже редко используемой технологией для динамической генерации содержимого Web-страниц на стороне сервера. Это стандарт на запросы, обработку которых Web-сервер передает внешним приложениям, работающими со стандартным вводом/выводом для генерации Web-страниц, выдаваемых в ответ на запросы.
Более гибкими и более надежными с точки зрения обеспечения безопасности являются технологии серверных сценариев, выполняемых в рамках Web-сервера или подключаемых к нему модулей. Такие технологии включают сервлеты и серверные страницы Java (Java Server Pages, JSP), активные серверные страницы (Active Server Pages, ASP и ASP.NET) от Microsoft, технологии создания серверных сценариев на языках PHP, ColdFusion, Perl, Python, Ruby и т.д.
1.3.4 Технологии создания «богатого Web-интерфейса» (Rich Internet Applications)
Термином Ajax (исходно Asynchronous JavaScript and XML) обозначается любая технология, использующая клиентские сценарии и передачу XMLсообщений по протоколу HTTP для более гибкой и быстрой обработки запросов пользователей. При этом запросы и ответы отправляются в асинхронном режиме (пользователь может продолжать работать с Webстраницей пока его запрос обрабатывается на сервере) и содержат меньше данных (за счет упаковки только необходимой информации в XML, без передачи всей HTML страницы туда и обратно). За счет этого достигается большая интерактивность Web-страниц -- поддерживается больше разных видов действий пользователя, вызывающих реакцию приложения, и гарантируется меньшее время реакции на эти действия -- при более эффективном обмене данными между клиентом и сервером.
Более сложные технологии, такие как Adobe Flex, Microsoft Silverlight и JavaFX, используются при создании сложных пользовательских интерфейсов на основе как клиентских, так и серверных компонентов. Для описания элементов пользовательского интерфейса и обработки действий пользователя они используют собственные языки ActionScript, XAML и JavaFX Script. Разрабатываемая в настоящий момент следующая версия HTML, HTML 5, должна будет унифицировать такие языки.
1.3.5 Протоколы на базе которых происходит обмен сообщениями в Web-приложениях
Протокол передачи гипертекста (Hypertext Transfer Protocol, HTTP) является основным протоколом, используемым для передачи сообщений и данных в Web-приложениях. Он предназначен для передачи прежде всего текстовых сообщений между слабо связанными сервером и клиентом. HTTP удобен тем, что большинство сетей заранее настроено на прием сообщений по этому протоколу, поскольку браузеры используются повсеместно; для многих других протоколов нужна специальная настройка, соответствующие порты по умолчанию закрыты во многих сетях. Поэтому использование Web-приложений не требует специальной настройки сетей.
Протоколы взаимодействия Web-служб. Базовым протоколом передачи обращений Web-служб друг к другу является простой протокол доступа к объектам (Simple Object Access Protocol, SOAP). Он работает поверх HTTP (реже используются протоколы удаленных вызовов RPC) и определяет на базе XML формат текстовых сообщений, в которых передается информация о вызовах операций или их результаты. В дополнение к SOAP разрабатываются многочисленные протоколы с названиями, начинающимися на WS (WS-Security, WS-Addressing, WS-Discovery, WSCoordination и т.п.), которые предназначены для обеспечения дополнительных характеристик взаимодействия Web-служб -- поддержки шифрования, аутентификации участников, интроспекции, транзакций, координации нескольких Web-служб в рамках сценария взаимодействия, и т. д.
1.4 Основы языка HTML
1.4.1 Общее представление
Язык гипертекстовой разметки HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986--1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
Первым общедоступным описанием HTML был документ «Теги HTML», впервые упомянутый в Интернете Тимом Бернерсом-Ли в конце 1991 года. В нём описываются 18 элементов, составляющих первоначальный, относительно простой дизайн HTML. За исключением тега гиперссылки, на них сильно повлиял SGMLguid, внутренний формат документации, основанный на стандартном обобщенном языке разметки (SGML), в CERN. Одиннадцать из этих элементов всё ещё существуют в HTML 4.
Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи.
1.4.2 Структура HTML
HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким исключением).
Начальный тег показывает, где начинается элемент, конечный -- где заканчивается. Закрывающий тег образуется путем добавления слэша / перед именем тега: <имя тега>…</имя тега>. Между начальным и закрывающим тегами находится содержимое тега -- контент.
Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег <input type="button" value="Кнопка"> создаст кнопку с текстом Кнопка внутри.
Теги могут вкладываться друг в друга, например, <p><i>Текст</i></p>. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><i>Текст</p></i>.
HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате имя атрибута="значение". Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы.
Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел, <div class="nav top">. Значения class и id должны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.
Браузер просматривает (интерпретирует) HTML-документ, выстраивая его структуру (DOM) и отображая ее в соответствии с инструкциями, включенными в этот файл (таблицы стилей, скрипты). Если разметка правильная, то в окне браузера будет отображена HTML-страница, содержащая HTML-элементы -- заголовки, таблицы, изображения и т.д.
Процесс интерпретации (парсинг) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы.
HTML-до кумент состоит из двух разделов -- заголовка -- между тегами <head>…</head> и содержательной части -- между тегами <body>…</body>.
2. Разработка web-приложения «Гостиница»
2.1 Разработать администраторский и пользовательский модули web-приложения по предметной области
2.1.1 Разработка администраторского модуля
Установка Joomla! обычно начинается с задания конфигурации сайта, а именно - название сайта, почтовый ящик администратора, логин и пароль администратора.
Рисунок 2.1.1 - Задание конфигурации сайта
Затем нажимаем «Далее» и переходим к настройке базы данных (рисунок 2.1.2).
Нажимаем «Далее» и завершаем установку (рисунок 2.1.3). На появившейся странице окончания установки показывают установленные настройки и предлагают отправить копию на почтовой ящик, указанный при настройке.
После установки CMS Joomla! переходим в панель управления так же называемый администраторским модулем (рисунок 2.14).
Рисунок 2.1.2 - Конфигурация базы данных
Рисунок 2.1.3 - Завершение установки
Практически вся работа над сайтом проходит в администраторском модуле. В нём можно добавлять меню, материалы, модули, компоненты, управлять пользователями сайта и многое другое.
Рисунок 2.1.4 - Панель управления
2.1.2 Разработка пользовательского модуля
Не только внешний вид пользовательского модуля web-приложения, но и возможности, которыми обладает пользователь web-приложения, полностью зависят от настроек, которые были проделаны в административном модуле.
После установки CMS Joomla пользовательский модуль web-приложения будет иметь следующий вид (рисунок 2.1.5).
Рисунок 2.1.5 - Стандартный вид пользовательского модуля
2.2 Разработать пользовательское меню web-приложения
Чтобы создать меню веб-приложения надо:
- Перейти в администраторский модуль;
- Перейти во вкладку «Меню» администраторского модуля (рисунок 2.2.1).
- Нажать пункт «Создать меню»
Рисунок 2.2.1 - Менеджер меню
По умолчанию Main menu уже содержит пункт меню Home. Его можно изменить, нажав на пункт «Редактировать» (рисунок 2.2.2).
Рисунок 2.2.2 - Вид пункта меню «Главная»
Необходимо создать главное меню сайта, которое будет содержать главные ссылки для просмотра контента. Для этого откроем «Менеджер меню» и нажмём на кнопку «Создать» (рисунки 2.2.3-2.2.4).
Рисунок 2.2.3 - Кнопка создания меню
Рисунок 2.2.4 - Создание меню
Чтобы добавить материал в меню, необходимо выбрать материал, зайти в настройки материала и в правом углу выбрать меню, в котором должен быть материал (рисунок 2.2.5).
Рисунок 2.2.5 - Добавление материала в меню
Рисунок 2.2.6 - Список материалов главного меню
2.3 Реализовать форум и чат в web-приложении
2.3.1 Реализовать форум в web-приложении.
В качестве форума web-приложения выступает компонент CMS Joomla - Kunena Forum.
Kunena Forum - это профессиональный бесплатный инструмент для создания форума и обсуждений на Joomla.
Kunena Forum позволяет автоматизировать создание форума и управление форумом для администраторов сайта.
Основные функции Kunena Forum:
- Пользователи могут управлять своими учетными записями,
- Удобный просмотр сообщений в форуме,
- Несколько уровней для авторизованных на форуме людей (от недавно зарегистрированного до пользователя с огромным количеством сообщений на форуме),
- Рейтинги пользователей форума,
- Удобное редактирование форума,
- Несколько языков,
- Управление пользователями для администраторов,
- Возможность добавления категорий и разделов.
Из администраторского модуля можно настраивать компоненты форума и меню форума (рисунки 2.3.1-2.3.2).
Рисунок 2.3.1 - Настройки форума
Рисунок 2.3.2 - Вид форума на сайте
2.3.2 Реализовать чат web-приложения
Чат web-приложения реализован с помощью сервиса Чатра.
«Чатра» -- это сервис для онлайн-консультирования посетителей сайтов. Он позволяет как просто отвечать на вопросы в чате, подключенном к web-приложению, так и оказывать помощь новым пользователям и тем самым увеличивать продажи. Хороший способ быстро увеличить конверсию сайтов и лэндингов.
Возможности «Чатра»:
- Установка на любой сайт или лэндинг за 5 минут,
- Работа в браузерах, мобильных и десктопных приложениях,
- Наблюдение за посетителями, которые находятся сейчас на сайте, и возможность начать чат вручную,
- Полная история переписки,
- Подключение к неограниченному числу сайтов,
- Групповые чаты, в том числе с коллегами,
- Многоязычность чата с авто определением языка,
- SSL-шифрование,
- Кастомизация виджета,
- Фото операторов,
- Должности операторов,
- Информация о посетителе: браузер, ОС, город, страна, путь по сайту,
- Наблюдение за печатью,
- Триггерные действия,
- Блокировка посетителей,
- Офлайн-форма, в том числе форма обратной связи,
- Заметки о посетителях,
- Визуальные и звуковые уведомления.
Для того, чтобы начать чат, пользователю необходимо щелкнуть по соответствующему значку в верхнем правом углу экрана, указать свое имя и почту (рисунок 2.3.3).
Настраивать чат так же можно из администраторского модуля Joomla (рисунок 2.3.4)
2.4 Наполнить контентом web-приложение согласно предметной области
2.4.1 Добавление шаблона на сайт
Шаблоны значительно упрощают разработку сайта и создание дизайна. В Joomla! присутствует возможность лёгкой установки шаблона и его редактирования. Для этого достаточно скачать шаблон в Интернете и загрузить его в менеджер расширений Joomla.
Рисунок 2.3.3 - Окно чата
Рисунок 2.3.4 - Настройки чата
Для создания веб-приложения «Гостиница» использовался шаблон Et-Hotel.
Для установки шаблона необходимо:
- Перейти в администраторский модуль сайта;
- Перейти в «Расширения» - «Менеджер расширений» (рис. 2.4.1);
- Перетащить в окно архив с шаблоном или выбрать его через диалоговое окно.
Рисунок 2.4.1 - Менеджер расширений
2.4.2 Создание материалов
Создание материалов происходит с помощью администраторского модуля. Для этого необходимо перейти в «Менеджер материалов» и нажать на кнопку «Создать материал» (рисунок 2.4.2).
Рисунок 2.4.2 - Кнопка «Создать материал»
Для добавления изображений используется «Медиа-менеджер». Он находится в меню «Материалы» (рисунок 2.4.2).
Рисунок 2.4.2 - Медиа-менеджер
Пункт меню «Главная» является приветственным и открывается по умолчанию. Для задания пункта меню пунктом по умолчанию необходимо: зайти в «Менеджер меню» и напротив необходимого пункта нажать на звёздочку (рисунки 2.4.3).
Рисунок 2.4.3 - Установка страницы по умолчанию
Материал «Номера Grand Hotel» информирует пользователей о доступных номерах.
В материале «Акции» изложена информация о всех доступных на текущий момент акциях и предложениях.
В «Фотогалерее» расположены фотографии отеля, ресторана, комнат, бассейна.
Рисунок 2.4.4 - Вид матеиала «Номера Grand Hotel»
Рисунок 2.4.4 - Вид материала «Акции»
Рисунок 2.4.5 - Вид материала «Фотогалерея»
Материал «Новости» информирует пользователей о нововведениях и новостях.
Рисунок 2.4.6 - Вид материала «Новости»
Рисунок 2.4.7 - Вид материала «О нас»
В материале «О нас» кратко описываются основные качества и преимущества гостиницы. Прилагаются красочные фотографии.
Рисунок 2.4.8 - Вид материала «Связаться с нами»
Контактная информация расположена в материале «Связаться с нами».
Заключение
В результате выполнения курсовой работы были выполнены все цели и задачи, которые были поставлены. А именно: разработано web-приложение «Гостиница», изучены основы разработки web-приложений с помощью CMS Joomla, рассмотрены основы скриптового языка PHP, разработаны администраторский и пользовательский модули web-приложения, разработано пользовательское меню, реализованы форум и чат, наполнено контентом web-приложение согласно предметной области.
Созданное web-приложение позволяет пользователю просмотреть информацию о гостинице, оценить её качество, получить информацию об акциях и новостях, а также рассмотреть большое количество фотографий. На сайте присутствует форум, где пользователи сайта могут оставлять отзывы, задавать вопросы и общаться друг с другом. Так же на сайт добавлен чат с компанией, где клиенты могут быстро получить ответы на интересующие вопросы от представителей отеля.
скриптовый гипертекст чат web-приложение
Список использованных источников
1. Гаврилов М.В. Информатика и информационные технологии: учебник для прикладного бакалавриата / М.В. Гаврилов, В.А. Климов; Сарат. гос. юрид. академия. - 4-е изд., перераб. и доп. - М.: Юрайт, 2014. - 383 с.: ил. - (Бакалавр. Прикладной курс). - Библиогр.: с. 383.;
2. Гвоздева В.А. Информатика, автоматизированные информационные технологии и системы: учебник / В.А. Гвоздева. - М.: Форум-ИНФРА-М, 2013. - 544 с.: ил. - (Профессиональное образование). - Гриф: Рек. НМС. - Библиогр.: с. 536-537.;
3. Граф Х. Создание веб-сайтов с помощью Joomla! 1.5 / Хаген Граф; [пер. с англ. Н.А. Мухина]. - Москва [и др.]: Вильямс, 2009. - 294 c.: ил. - (От технологий к решениям). - Предм. указ.: с. 292-294;
4. Карпенков С.Х. Современные средства информационных технологий: [учебное пособие для студентов вузов, обучающихся по направлениям подготовки дипломированных специалистов «Информатика и вычислительная техника» и «Информационные системы» / С.Х. Карпенков. - 2-е изд., испр. и доп. - Москва: КНОРУС, 2017. - 400 с.: ил. - Гриф: Доп. МО. - Библиогр.: с. 399-400;
5. Саак А.Э. Информационные технологии управления: [учебник] / А.Э. Саак, Е.В. Пахомов, В.Н. Тюшняков. - 2-е изд. - СПб.: Питер, 2012. - 320 с.: ил. - (Учебник для вузов). - На учебнике гриф: Доп.УМО. - Библиогр.: с. 307;
6. Хлебников А.А. Информационные технологии: учебник / А.А. Хлебников. - М.: КноРус, 2014. - 472 с.: ил. - (Бакалавриат). - Гриф: Рек. УМО;
7. Эспозито Д. Разработка веб-приложений с использованием ASP.NET и AJAX / Дино Эспозито; [пер. с англ. А. Митева, А. Суспицына]. - СПб.: Питер, 2012. - 400 с.;
8. Джон Дакетт. HTML и CSS. Разработка и дизайн веб-сайтов, Эксмо, 2013. - 480 с;
9. Никсон Робин Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. Руководство. - из: Издательский Дом ПИТЕР. - 2018. - 768 с.;
10. Кит Грант CSS для профи. - издательство: Питер. - 2019. - 496 с.;
11. Макфарланд Дэвид Новая большая книга CSS. - из: Питер. - 2018 - 720 с;
12. Кит Джереми HTML5 для веб-дизайнеров. - из: Манн, Иванов и Фербер. - 2013. - 450 с.;
13. Дэн Сидерхолм CSS3 для веб-дизайнеров. - из: Манн, Иванов и Фербер. - 2012. - 150 с.;
14. Фельке-Моррис Терри Большая книга веб-дизайна. - из: Эксмо. - 2012. - 608 с.;
15. Луис Лазарис CSS. Быстрый старт. - из: Эксмо-Пресс. - 2014. - 192 с.
16. Рейчел Эндрю CSS 100 и 1 совет. - из: Символ-Плюс. - 2010. - 336 с.;
17. Эрик Мейер CSS - Каскадные таблицы стилей. Подробное руководство. - из: Символ-Плюс. - 2008. - 140 с.;
18. Нейт Купер Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress. - из: Манн, Иванов и Фербер. - 2016. - 336 с.
19. Сэмми Пьюривал Основы разработки веб-приложений. - из: Питер. - 2015. - 272 с.;
20. Бен Фрейн HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств. - из: Питер. - 2016. - 450 с.
Размещено на Allbest.ru
Подобные документы
Основные этапы разработки Web-сайта, принцип его работы. Технологии серверных скриптов. Характеристика объекта проектирования сайта. Программное обеспечение для реализации создания Web-сайта. Построение базы данных, организация обратной связи и форума.
дипломная работа [1,4 M], добавлен 12.12.2013Требования, предъявленные к полноценному локальному чату. Протокол передачи данных TCP. Описание программы сервера. Этапы разработки программного продукта. Функция приема сообщений от сервера. Принятие и отправка сообщений всем пользователям чата.
курсовая работа [447,0 K], добавлен 21.01.2016Разработка структуры web-сайта новостей, наполнение его содержательной информацией. Выбор платформы для создания сайта, его обоснование. Установка и редактирование шаблона, создание разделов и категорий. Добавление материала на сайт, его тестирование.
дипломная работа [1,5 M], добавлен 24.01.2016Создание программного продукта на языке Pascal в визуальной среде программирования Borland Developer Studio в консольном приложении. Разработка типизированного файла для записи данных и их вывод на экран, добавление данных в конец файла, поиск информации.
курсовая работа [1,0 M], добавлен 04.12.2011Многопоточный веб-сервер с входным и обрабатывающими модулями. HTTP—протокол передачи гипертекста. Установка и настройка локального веб-сервера "OpenServer". Установка phpMyAdmin, конфигурация PHP. Настройка веб-сервера и виртуальных хостов, модулей.
курсовая работа [3,2 M], добавлен 08.12.2013Основные инструменты построения Web-приложения. Язык сценариев PHP. Системный анализ предметной области базы данных. Коды SQL запросов на создание таблиц. Разработка Web-приложения. Описание функциональности модулей. Система управления содержимым статей.
курсовая работа [4,8 M], добавлен 28.04.2014Методы и технологии создания виртуальных магазинов. Программные средства для создания сайта. Разработка php-модуля. Технические возможности СУБД MySQL. Приложения для создания графики и дизайна. Логическая структура сайта. Разработка базы данных.
курсовая работа [248,1 K], добавлен 24.04.2012Обоснование необходимости создания приложения для общения в Интернете, информационный анализ его структуры. Логическое проектирование чата. Выбор программной платформы, аппаратных средств и среды разработки. Интерфейс программы и руководство пользователя.
курсовая работа [287,7 K], добавлен 19.06.2013Программная реализация анонимного форума с использованием PHP 5 и MySQL. Интерактивный интерфейс форума, обмен данными браузера и сервера с применением технологии AJAX. Система аутентификации, состоящая из регистрации и авторизации пользователей.
курсовая работа [24,4 K], добавлен 12.01.2015Разработка веб-приложений на основе Servlet API. Основные способы передачи данных от пользователя. Краткая справка по необходимым программным компонентам. Составление программы интернет-чата на основе протокола HTTP. Диаграмма классов веб-приложения.
лабораторная работа [1,1 M], добавлен 01.05.2014
