Разработка web-сайта для предприятия

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

Организации в рекламных целях создают различного рода сайты, такие как сайты-визитки, интернет – витрины, интернет – магазины, корпоративные сайты. Дипломная работа связана с разработкой web-сайта МБУ «Городское благоустройство», необходимого для рекламы деятельности организации в сети Интернет.

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

Основной деятельностью МБУ «Городское благоустройство» является содержания города Феодосия и других населенных пунктов района в надлежащем санитарном состоянии, удовлетворении общественных потребностей населения в проведении работ по благоустройству и озеленению территории.

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

Предмет – web-сайт МБУ «Городское благоустройство».

Целью дипломной работы является разработка и реализация web-сайта для предприятия МБУ «Городское благоустройство».

Исходя из цели работы, для ее реализации необходимо решить следующие задачи:

- провести анализ предметной области;

- выявить функциональные возможности веб-сайтов и их применение;

- спроектировать web-интерфейс динамического сайта (структуру, базу данных, содержание, систему навигации и дизайн);

- осуществить анализ и выбор инструментальных средств;

- осуществить программную реализацию динамического сайта.

В первой главе рассмотрены основы разработки и проектирования web-сайта. Изучены средства и этапы проектирования сайта.

Во второй главе проведен анализ предприятияМБУ «Городское благоустройство», приведено техническое обоснование разработки сайта для предприятия.

В третьей главе описана программная реализация динамического сайта для МБУ «Городское благоустройство». Выбраны инструментальные средства, с помощью которых реализован динамический сайт. В качестве системы создания и управления сайтом выбрана CMS Joomla — бесплатная CMS, занимающая второе место в мире по популярности после WordPress. Предлагает открытый исходный код с возможностью модернизации ядра системы, а также большое количество модулей для расширения функциональности. Как и любая другая бесплатная CMS с открытым исходным кодом, развивается пользователями.

CMS Joomla позволяет создавать разные сайты, но в наибольшей степени её потенциал раскрывается при запуске средних и крупных проектов: информационных порталов, интернет-магазинов. Основные возможности доступны «из коробки», но для полноценного управления сайтом необходима установка плагинов. Есть даже небольшой список обязательных расширений, без которых проект не рекомендуется публиковать в общем доступе.Проведена физическая реализация базы данных. Проведена реализация динамического сайта с использованием объектно-ориентированного программирования. Реализован дизайн сайта, html-формы для отправки сообщений, рассмотрены вопросы безопасности динамического сайта.

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

1. Основы разработки и проектирования веб-сайта

1.1 Понятие веб-сайта

Веб-сайт (англ. Website, от web- паутина и site- «место») - объединённая под одним адресом и отраженная при помощи языков программирования совокупность документов, файлов и информации в сети Интернет. Веб-сайт может принадлежать частному лицу или организации. Вся совокупность сайтов определяют Всемирную Паутину. Для доступа пользователей к сайтам был разработан специальный протокол прикладного уровня передачи данных, иначе говоря, протокол HTTP (англ. HyperTextTransferProtocol — «протокол передачи гипертекста»)

Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определённом файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

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

Первый в мире сайт info.cern.ch появился 6 августа 1991 года. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии WorldWideWeb, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Все инструменты, необходимые для работы первого сайта, Бернерс-Ли подготовил ещё раньше — в конце 1990 года появились первый гипертекстовый браузер WorldWideWeb с функционалом веб-редактора, первый сервер на базе NeXTcube и первые веб-страницы.

«Отец» веба считал, что гипертекст может служить основой для сетей обмена данными, и ему удалось претворить свою идею в жизнь. Ещё в 1980 году Тим Бернерс-Ли создал гипертекстовое программное обеспечение Enquire, использующее для хранения данных случайные ассоциации. Затем, работая в Европейском центре ядерных исследований в Женеве (CERN), он предложил коллегам публиковать гипертекстовые документы, связанные между собой гиперссылками. Бернерс-Ли продемонстрировал возможность гипертекстового доступа к внутренним поисковику и документам, а также новостным ресурсам Интернета. В результате, в мае 1991 года в CERN был утверждён стандарт WWW.

Тим Бернерс-Ли является «отцом» основополагающих технологий веба — HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше. В 1940-х годах Вэнивар Буш выдвинул идеи расширения памяти человека с помощью технических устройств, а также индексации накопленной человечеством информации для её быстрого поиска. Тед Нельсон и ДагЭнгельбарт предложили технологию гипертекста — «ветвящегося» текста, предоставляющего читателю разные варианты чтения. Xanadu, так и не законченная гипертекстовая система Нельсона, была предназначена для хранения и поиска текста, в который введены взаимосвязи и «окна». Нельсон мечтал связать перекрёстными ссылками все тексты, созданные человечеством.

В настоящее время Тим Бернерс-Ли возглавляет основанный им Консорциум Всемирной паутины (WorldWideWebConsortium), который занимается разработкой и внедрением стандартов Интернета.

Сайты могут содержать подразделы, ориентированные целиком на ту или иную аудиторию. В этом случае такие разделы называют версиями сайта. Аудитория может различаться по виду используемого оборудования, по используемому языку аудитории. К примеру, известны так называемые мобильные версии сайта, предназначенные для работы с ними с использованием смартфона. Сайты могут иметь языковые версии (русскоязычная, англоязычная и другие).

Основными видами веб-сайтов являются:

- Корпоративные сайты. Бизнес сайты, предоставляющие пользователям информацию об организации и услугах;

- Персональные сайты. Сайты с личным профилем владельца, содержащие персональные данные (фото, видео, хобби, дневник);

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

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

- Контент сайты. Информационные сайты для получения информации по самым разным темам. Обычно создаются с определенной тематикой и освещают информацию в пределах своей аудитории.

- Новостные сайты. Позволяют пользователям со всего мира иметь доступ к последним новостям.

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

- Flash-сайты. Помимо текстовой информации позволяют размещать видео. Один из самых популярных сайтов на сегодня.

Структура сайта - это связь документов, принадлежащих ему, между собой. Правильная структура позволит поисковым роботам быстро совершать обход ресурса, а посетителям легко перемещаться между его страницами. Все это напоминает схему здания. К примеру, для того чтобы попасть из комнаты А в комнату Б, необходимо пройти по лестнице на 2 этажа вверх, затем сделать 5 шагов и повернуть налево. Также из помещения А в помещение Б можно попасть, если подняться на лифте на 3 этажа, затем пойти по лестничному пролету вниз, сделать 2 поворота направо и закончить путь 10ю шагами. В то же время, для того чтобы покинуть здание из любой комнаты - можно выйти на общий балкон и спуститься в стеклянном лифте вниз.

Структура сайта важна как для SEO, так и для посетителей ресурса. И поисковик, и человек не должны слишком долго путешествовать в поисках нужной информации. Потерявший терпение человек просто покинет ваш ресурс, а поисковик не сможет проиндексировать все важные страницы.

В большинстве случаев сайты размещаются по одному адресу (имеют одно доменное имя). Но случаются и исключения: несколько ресурсов могут иметь общий домен, или один ресурс можно разместить по нескольким адресам. Место хранения любого сайта – веб-сервер (системный блок большого размера).

Для доступа к сайтам используют браузер. Браузер, или веб-обозреватель (от англ. webbrowser, МФА:) — прикладное программное обеспечение для просмотра страниц, содержания веб-документов, компьютерных файлов и их каталогов; управления веб-приложениями, а также для решения других задач. В глобальной сети браузеры используют для запроса, обработки, манипулирования и отображения содержания веб-сайтов. Многие современные браузеры также могут использоваться для обмена файлами с серверами FTP, а также для непосредственного просмотра содержания файлов многих графических форматов (gif, jpeg, png, svg), аудио- и видеоформатов (mp3, mpeg), текстовых форматов (pdf, djvu) и других файлов.

Функциональные возможности браузеров постоянно расширяются и улучшаются благодаря конкуренции между их разработчиками и высоким темпам развития и внедрения информационных технологий. Несмотря на то, что браузеры разных изготовителей базируются на разных технологических решениях, большинство современных браузеров придерживается международных стандартов и рекомендаций W3C в области обработки и отображения данных. Стандартизация позволяет добиться предсказуемости в визуальном представлении информации конечному пользователю независимо от технологии, которая использована для её отображения в браузере. Со времени начала применения браузеров во Всемирной паутине в начале 1990-х годов из простого средства просмотра текстовой информации браузер превратился в комплексное прикладное программное обеспечение для обработки данных и обеспечения интерфейса между информационными ресурсами и человеком. В последние годы многие разработчики браузеров сосредоточили свои усилия на повышении удобства пользовательского интерфейса браузеров для их использования в аппаратных устройствах, в которых применяются сенсорные экраны.

Браузеры распространяются, как правило, бесплатно. Потребителям браузер может быть поставлен в форме самостоятельного (автономного) приложения или в составе комплектного программного обеспечения. К примеру, браузеры InternetExplorer и MicrosoftEdge поставляются в составе операционной системы MicrosoftWindows; MozillaFirefox — отдельно или в составе дистрибутивов Linux (например, Ubuntu); Safari — в составе операционной системы Mac OS X; GoogleChrome, Opera и другие браузеры — как самостоятельные приложения во множестве вариантов для различных операционных систем.

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

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

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

1.2 Проектирование веб-сайта. Этапы разработки.

Этап разработки веб-сайта можно разделить на три этапа:

- Планирование;

- Дизайн;

- Разработка;

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

Дизайн или верстка — создание структуры гипертекстового документа на основе HTML-разметки, при использовании таблиц стилей и сценариев, таким образом, чтобы элементы дизайна выглядели аналогично созданному ранее макету.

Существует два вида верстки – блочная и табличная.

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

Как таковая табличная верстка сейчас не используется, но без нее не обходятся при верстке электронных писем – там она, можно сказать, обязательна. Сама верстка разрабатывается с помощью тега <table>, который задает основные параметры таблицы – длину, ширину и прочее. Внутри тега располагаются теги <tr> и <td>, где первый необходим для создания строки, а второй – для столбца.

Рисунок 1 - Пример табличной верстки

Самый актуальный вид верстки сайтов – блочный. Он основан на теге <div>, с помощью которого создаются контейнеры, включающие в себя весь контент страницы или отдельного блока. Например, мы можем разделить сайт на несколько блоков: первый экран, о компании, контакты – для каждого блока будет отведен свой тег <div>. Внутри тега <div> уже находятся другие теги, отвечающие за те или иные элементы. При таком подходе язык разметки HTML всегда взаимодействует с CSS-стилями, которые преобразуют обычную страницу в стильное дизайнерское решение: добавляются цвета, устанавливаются отступы для элементов, задается базовая анимация и многое другое.

HTML и CSS обычно хранят в разных файлах – такой подход позволяет быстро вносить изменения и не путаться в больших проектах.

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

Рисунок 2 - Пример блочной верстки

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

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

CMS — Система управления содержимым (англ. Contentmanagementsystem, CMS, система управления контентом) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления содержимым, иначе — контентом

1.3 Средства разработки

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

1. Разработка с нуля;

2. Использование конструктора;

3. Использование системы управления сайтом;

Разработка с нуля. Данный метод наиболее длительный и трудный. Вдобавок ко все, он требует от разработчика знаний языка Веб - программирования (PHP, HTML, CSS), а также опыт работы с базами данных (MySQL). Помощниками для разработчика станут популярные программы для создания сайтов вручную, к которым относятся Dreamweaver, FrontPage, WebSite X5, а также Photoshop (для работы с изображениями). Однако всю сложную и муторную работу разработчику придется выполнить самому. Самый главный недостатк данного метода заключается в том, что необходимо осуществить все самостоятельно, потратив на это огромное количество времени и собственных сил.

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

Это самый простой метод разработки, так как он не требует знаний профессионального Веб - программиста. Существует множество инструментов для разработки сайта, это всевозможные шаблоны и макеты. К самым популярным и хорошо изученным конструкторам относятся «narod.ru», «wix.ru», «ucoz.ru» и т.д. Зачастую, воспользовавшись конструктором на начальном этапе, разработчик может впоследствии пожалеть о потерянном времени на изучение работы конструктора, поскольку в данном методе тоже есть свои недостатки. Один из них заключается в ограниченности возможностей, то есть невозможность выйти за рамки функционала конструктора.

Использование системы управления сайтом. Это самый быстрый и широко используемый метод, он довольно легок в изучении и использовании. На сегодняшний день широко используются такие системы или «движки», именно так их называют профессиональные программисты, как WordPress, Joomla, DУango, Drupal и прочие, которые идеально подойдут для сайтов либо блогов. Для форумов более подходящими станут: phpbb, ExBB, PunBB, SMF. Использование движков (CMS) предоставляет доступ к множеству современных шаблонов и схем построения, а также значительно ускоряет и упрощает работу разработчика. Владелец сайта может сам выбрать, какой из методов использовать. Тут уже зависит от собственных возможностей, предпочтений и умений.

На данный момент существует множество программ, которые способны предложить пользователю различные способы создания интернет проектов. Это стало возможным благодаря специализированным программам. Таким как ContentManagementSystem (CMS). В переводе обозначает «Система управления контентом».

Система управления сайтом – это программа, предназначенная для работы в Интернете. Хостинг – это удаленный Веб – сервер.

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

Автоматизированные методы создания сайтов предусматривают разделение структуры сайта на «дизайн» и «контент». В этом случае легко можно изменять контент, не затрагивая дизайна сайта или его программного кода. При ручном создании сайта разделения структуры сайта на две отдельные «ветви» - дизайн и содержимое - не происходит.

Первые CMS были написаны, на одном из классических языков программирования. Интерфейс пользователя создавался с использованием языков HTML и JavaScript, а административная часть представляла собой обычную программу, написанную на одном из языков программирования. Современные системы управления сайтом реализованы на языке PHP, который на сегодняшний день является безусловным лидером среди языков программирования, ориентированных для работы в Интернете.

Современные системы управления сайтом реализованы на языке PHP. На сегодняшний день является лидером среди языков программирования. В качестве баз данных используется бесплатная база данных MySQL. Кроме MySQL, существуют еще и другие версии баз данных, но используются они значительно реже. База данных позволяет хранить огромные массивы различных данных, которыми вы будете наполнять сайт, а также данные самой CMS.

Рассмотреть все CMS невозможно, назовем наиболее популярных и распространенных в Интернете систем управления сайтом: Joomla, WordPress, Drupal, 1С Битрикс. Ниже представлен краткий обзор известных CMS:

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

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

- WordPress – система управления содержимым сайта с открытым исходным кодом; написана на PHP; Система, ориентированная на ведение блогов. Отличается простота установки, настройки, а также имеются дополнительные модули и большой выбор тем для оформления.

- 1CИБитрикс – профессиональная система управления веб-проектами, универсальный программный продукт для создания, поддержки и успешного развития: корпоративных сайтов интернет-магазинов информационных порталов. Это самая мощная и популярная модульная система управления сайтом. В ее состав входят 23 модуля, которые позволяют реализовать любой проект, в том числе и бизнес проекты. Поддержка многих сайтов, безопасность, стабильность, работа с дизайном и шаблонами, обновления, превосходная документация, снабженная видеороликами, и многое, многое другое.

Для того чтобы нам создать интернет-проект, необходимо ознакомиться с основными технологиями. На сегодняшний день создать сайт можно различными средствами и на разных платформах. Рассмотрим подробнее основные технологии:

- язык разметки гипертекстовых страниц HTML;

- язык программирования PHP;

- технологию MacromediaFlash;

- MySQL (БД)

Проведём их сравнительный анализ, а также выявим достоинства и недостатки данных технологий.

Язык разметки гипертекстовых страниц (HTML - HypertextMarkupLanguage) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Документ HTML содержит текст (содержимое страницы) и встроенные теги - инструкциями о структуре, внешнем виде и функции содержимого. Документ HTML разделяется на две основные части: заголовок - head и тело - body. Заголовок содержит такие сведения о документе, как его название и методическая информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне браузера). Большинство тегов являются контейнерами. Это означает, что у них имеется начальный (открывающий или стартовый) и конечный (закрывающий) теги. Текст, находящийся между тегами, будет выполнять содержащиеся в них инструкции.

Атрибуты добавляются втег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных).

РНР изобретенРасмусомЛердорфом в конце 1994 года. Первая версия выпущена в 1995 году под именем «Инструментарий Персональных Домашних Страниц», затем она была переработана и названа PHP/FI Version 2 (FI -- модуль обработки данных для форм). Также была добавлена поддержка баз данных mSQL. С этого момента в разработке стали принимать участие добровольцы.

Статистика используемости РНР приблизительна, но, согласно исследованию, проведенному Netcraft, в начале 2001 года РНР использовался на более чем 5 300 000 сайтах по всему миру. Для сравнения: в это время число IIS серверов было примерно таким же (5 млн). Разработка интерпретатора РНР приняла форму организованного командного процесса, ядро интерпретатора разрабатывает компания Zend.com. При этом РНР распространяется свободно: его последнюю версию можно загрузить с сайта PHP.net. Модули РНР поставляются в комплекте с сервером Apache, в комплектах систем Linux.

Изначально аббревиатура РНР означала PreprocessorofHomePages -- препроцессор домашних страниц. Это язык внедряемых в HTML-страницы сценариев, исполняемых на сервере. По большей части его синтаксис заимствован из таких языков, как С, Perl, Java, и при этом добавлена масса возможностей, которых этим языкам недостает. Проще говоря, синтаксис РНР -- это разумная альтернатива и строгости С, и «беспредельности» Perl.

РНР наделен практически полным набором функциональности, о которой (до появления РНР) мог только мечтать web-программист. Его цель -- позволить максимально быстро создавать динамически генерируемыеweb-страницы. С полным основанием можно заявить, что изучение и использование РНР будет выгодно как начинающим, так и профессиональным программистам.

Основными достоинствами языка PHP являются:

- Бесплатен;

- допускает работу с большинством СУБД;

- имеет широкий набор функций (более 3 тыс.);

- допускает объектно-ориентированное программирование;

- постоянно совершенствуется;

Кроме того, помимо достоинств, как и любой язык программирования PHP имеет и некоторые недостатки, а именно:

- Отсутствие обратной совместимости между версиями языка;

- Отсутствие многопоточности;

- Несогласованный синтаксис функций и неортогональность;

Flash помогает пользователю рисовать. В частности, Flash может распознавать основные геометрические формы в процессе их создания. При этом она заменяет небрежно нарисованную форму правильной геометрической формой, которую, как предполагается, пользователь пытается нарисовать. Например, если быстро нарисовать овал или окружность, создав круглую форму, Flash сделает эту форму более плавной и круглой, доведя ее до идеального овала или окружности. Кроме того, Flash помогает создавать прямые и плавные линии. В состав Flash входит инструмент, который создает основу для большинства качественныхFlash-фильмов. Этот инструмент - ActionScript - событийно-управляемый язык, встроенный во Flash. ActionScript делает ваши страницы интерактивными. Вы можете реагировать на события с мышки или с клавиатуры, можете выполнить какие-либо действия при проигрывании определенного кадра.

Основные преимущества технологии Flash:

- Flash-технология предоставляет свободу развития;

- Flash-технология обеспечивает большую интерактивность;

- Flash-технология гарантирует большую гибкость;

- Улучшенная интеграция с помощью Flash-технологии;

- Моделирование фреймов;

- Возможность выводить новые данные без обновления страницы;

К недостаткам технологии можно отнести:

- Специальный модуль для Flash-технологии;

- Худшее качество изображения;

- Проблемы при печати Flash;

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

Для работы с СУБД в PHP-сценарии происходит несколько этапов:

- Подключение к серверу СУБД;

- Формирование запроса на языке SQL;

- Получить результат в виде массива данных;

Язык SQL включает несколько категорий. Выражения, с помощью которых создаются объекты БД (таблицы, индексы, ограничения и т. д.),называют SQL выражениями управления схемой данных (schemastatements). Выражения, предназначенные для создания, манипулирования и извлечения данных, хранящихся в БД, называют SQL выражениями для работы с данными (datastatements).

SQL – язык для формирования, манипулирования и извлечения данных из реляционной БД. Одна из причин популярности реляционных БД в том, что, будучи правильно спроектированными, они могут оперировать гигантскими объемами данных. В работе с большими наборамиданных SQL напоминает современную цифровую фотокамеру с мощным объективом: он позволяет просматривать большие объемы данныхили перейти к «крупному плану», т. е. сфокусироваться на отдельныхстроках (подвластно и все, что между этими крайностями). Другие СУБД дают сбой при мощных нагрузках, потому что их фокус слишком узок (увеличительные линзы достигают своего максимума). Именно поэтой причине все попытки низвергнуть реляционные БД и SQL оканчиваются неудачей. Поэтому, даже несмотря на то, что SQL – старый язык, похоже, его ждет еще очень долгая жизнь и блестящее будущее.

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

Интернет развивается стремительно и сегодня большинство компаний уже имеют свои сайты. Впрочем, не только компании, но и частные лица, оказывающие те или иные услуги. Иметь интернет-ресурс – это, скорее, необходимость. Но если вы еще задаетесь вопросом, зачем нужен сайт – я подготовил для вас новую статью. В ней подробно расскажу, какие задачи он поможет решать. Статистика утверждает, что в среднем каждый человек ежедневно проводит в интернете не менее 3-х часов. Это если не говорить о тех, кто связан с ним по работе. Учитывая такие данные, компании стали реагировать соответствующим образом и вести бизнес через интернет. Сейчас примерно 30% пользователей узнают, например, о фирме через интернет-ресурс. Эти цифры будут увеличиваться, что связано с увеличением значимости интернета в целом.

2. Анализ предприятия и техническое обоснование реализации интернет ресурса

2.1 Технико-экономическая характеристика предметной области и предприятия

Муниципальное бюджетное учреждение муниципального образования городской округ Феодосия Республики Крым «Городское благоустройство» (далее по тексту – МБУ «Городское благоустройство»), создано 16 июня 2016 года. Сокращенное наименование Учреждения – МБУ «Городское благоустройство».

Права учредителя МБУ «Городское благоустройство» осуществляет Администрация города Феодосии Республики Крым. Предприятие является некоммерческой организацией, созданной в организационно-правовой форме муниципального бюджетного учреждения.

Юридический адрес: 298100, республика Крым, г. Феодосия, ул. Кочмарского, д. 19. МБУ «Городское благоустройство» является юридическим лицом с момента государственной регистрации в порядке, установленном действующим законодательством Российской Федерации, имеет самостоятельный баланс, лицевые счета, фирменное наименование, печать, штампы и фирменные бланки.

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

В установленном законодательством Российской Федерации и органами местного самоуправления порядке МБУ «Городское благоустройство» осуществляет, следующие основные виды деятельности:

– выполнение работ, обеспечивающих правильную техническую эксплуатацию и содержание объектов благоустройства, находящихся на территории района;

– обеспечение выполнения работ и мероприятий по повышению уровня озеленения объектов, расположенных на территории Феодосии;

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

– выполнение работ по уборке территории и аналогичной деятельности, которое включает в себя: вывоз ТБО, сбор мусора на всей территории района, включая – из мусорных урн, уборку стихийных свалок, уборку древесно-растительных отходов с дальнейшим вывозом, подметание и поливку улиц, дорог, мест стоянок автотранспортных средств и т.д. и т.п.;

– очистку от снега и льда улиц, дорог, площадей и т.п., в том числе: посыпание песком, солью или другими реагентами;

– установку искусственных неровностей, дорожных знаков, нанесение

разметки, ямочный ремонт;

– обеспечение выполнения работ по содержанию кладбищ;

– покос травы и другой растительности, обслуживание газонов и клумб и т.п.;

– производство малярных работ;

– спил и уборку деревьев;

– отлов бродячих собак, кротов;

– содержание тепличного хозяйства;

– захоронение лиц без определенного места жительства и невостребованных трупов;

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

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

– движимого и недвижимого имущества, закрепленного за Учреждением на праве оперативного управления;

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

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

– других источников, не запрещенных законодательством РФ.

Управление предприятием осуществляется в соответствии с законодательством Российской Федерации. Общее руководство и контроль над деятельностью предприятия осуществляет учредитель, который:

– принимает решение о реорганизации и ликвидации Учреждения; утверждает Устав и изменения к нему;

– назначает на должность и освобождает от должности директора Учреждения на условиях срочного трудового договора, в соответствии с действующим законодательством;

– устанавливает показатели оценки эффективности и результативности деятельности руководителя;

– формирует и утверждает муниципальное задание на оказание услуг Учреждением;

– согласовывает штатное расписание на работников Учреждения;

– утверждает перечень услуг, оказываемых Учреждением на платной основе;

– согласовывает цены на платные услуги, оказываемые Учреждением;

– осуществляет контроль над соответствием деятельности предприятия законодательству.

Учреждение возглавляет директор, назначаемый и освобождаемый от должности учредителем. Директором МБУ «Городское благоустройство» с 2 февраля 2021 года является Погорелов Алексей Владимирович. Трудовой коллектив Учреждения составляют все сотрудники, участвующие в его деятельности на основе трудового договора.

Рисунок 3 - Организационно-штатная структура

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

– организация работы предприятия;

– по согласованию с Учредителем утверждение структуры предприятия;

– несет персональную ответственность за достижение целей предприятия, выполнение возложенных на него задач и функций;

– действует от имени предприятия, представляя его в других организациях и учреждениях;

– обеспечивает соблюдение законности и дисциплины, создание условий для сохранности собственности предприятия, эффективного использования ресурсов предприятия для решения производственных задач и социального развития коллектива, повышения активности и ответственности сотрудников за выполнение поставленных задач;

– в установленных пределах настоящим уставом, распоряжается имуществом предприятия, заключает договоры;

– планирует и контролирует поступление и расходование средств, полученных от иной приносящей доход деятельности;

– открывает лицевой счет и иные счета предприятия;

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

– представляет предприятие в государственных и общественных организациях в соответствии с действующим законодательством;

– осуществляет иные полномочия, предусмотренные действующим

законодательством РФ.

Кроме этого Директор предприятия несет предусмотренную действующим законодательством персональную ответственность за:

– неисполнение или ненадлежащее исполнение возложенных на предприятие полномочий в пределах своей компетенции;

– несвоевременное и (или) противоречащее действующему законодательству принятие решений;

– нецелевое использование бюджетных средств.

Организационная структура на предприятия является иерархическая. Директору непосредственно подчиняются:

– главный инженер;

– отдел юридического и информационного обеспечения;

– главный бухгалтер, главный экономист;

– инспектор отдела кадров;

– инженер по работе с населением.

Таблица 1 – Финансовые показатели МБУ «Городское благоустройство» г. Феодосия, млн руб.

Показатель	2019	2020	2021	Темп роста, %
Показатель	2019	2020	2021	2021 к 2019	2021 к 2020
Финансирование из бюджета	106 346	111 195	121 252	114,0	109,0
Затраты на выполненные работы	93 404	126 218	110 185	118,0	87,3
Фонд оплаты труда	48 821	70 314	69 670	142,7	99,1
Численность работников	213	220	223	104,7	101,4
Среднегодовая стоимость основных производственных фондов (средств), млн руб.	31 376	7 596	7 865	25,1	103,5

МБУ «Городское благоустройство» является бюджетной организацией, по этой причине мы не можем сделать анализ по прибыльности и рентабельности, но можем сделать вывод, что данное предприятие относительно стабильным по своему финансовому состоянию.

2.2 Обоснование необходимости создания сайта

Веб-сайты в наше время создаются с абсолютно разными целями – для кого-то это способ поднять продажи, для других это информативный ресурс. МБУ «Городское благоустройство», как и любое предприятие, стремится к большей узнаваемости среди жителей города и налаживанию контактов с ними. Поэтому важным решением для этих целей будет создание собственного сайта.

Сайт позволяет реализовать следующие функции:

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

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

Определение задач по созданию сайта – очень важный этап работы. Для этого необходимо определить, цели создания сайта предприятия. Это дает возможность правильно определить структуру сайта и необходимые инструменты для его создания.

Сайт решает следующие задачи:

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

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

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

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

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

– Позволяет повысить уровень обслуживания городской среды.

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

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

– Упрощает доступ к корпоративной информации и административным функциям.

Веб-сайт – это инструмент, который помогает сотрудникам МБУ «Городское благоустройство» работать.

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

–Способствует повышению узнаваемости предприятия.

Сайт работает для узнаваемости предприятия. Наличие веб-сайта свидетельствует о техническом оснащении предприятия и его соответствии требованиям современного времени.

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

Создание и управление собственным сайтом дает предприятию много преимуществ:

– быстрое информирование потребителей и деловых партнеров о различных услугах, мероприятиях и предложениях;

– эффективное средство продвижения и укрепления предприятия на рынке;

– возможность простого и быстрого обновления соответствующей информации на сайте;

– Доступность интернет ресурса 24 часа в сутки для привлечения потенциальных потребителей;

– эффективная обратная связь для объяснения желаний и потребностей потребителей;

– возможности увеличения объема продаж;

– средство обмена конфиденциальной информацией между удаленными офисами.

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

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

3. РазработкаWEB-сайта предприятия

3.1 Постановка комплекса задач разработки

Ключевым моментом при создании web- сайта является постановка задачи. Для разработки сайта МБУ «Городское благоустройство» были поставлены следующие задачи:

– Сайт должен улучшать имидж предприятия

– Сайт должен быть управляемым на уровне опытного пользователя

– Сайт должен быть управляемым на уровне обычного пользователя

– Сайт должен привлекать новых клиентов не из числа интернет-пользователей

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

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

– Сайт должен выступать средством маркетингового анализа потребностей потенциальных клиентов (например, какая из услуг наиболее востребована средиИнтернет - пользователей)

– Сайт должен функционировать с использованием дополнительных трудозатрат сотрудников компании

– Сайт должен функционировать без использования дополнительных трудозатрат сотрудников компании

– Сайт должен повышать качество взаимодействия между властью и жителями.

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

– Сайт должен содержать административную панель, для управления и настройки сайта.

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

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

3.2 Технологии, используемые для разработки сайта

Учитывая поставленные ранее задачи, наиболее оптимальной базой для разработки такого рода сайта – HTML (bootstrap), а также система управления содержимым Joomla.

Joomla представляет собой бесплатную систему для создания веб-сайтов. Это проект с открытым исходным кодом, который, как и большинство подобных проектов, не стоит на месте. Он очень успешно развивается, в течение вот уже семи лет, и пользуется популярностью у миллионов пользователей по всему миру. Слово «Joomla» является производным от слова «Jumla» из африканского языка суахили и означает «все вместе». Проект Joomla – результат жарких дискуссий между компанией MamboFoundation, основанной в августе 2005 года, и ее тогдашней команды разработчиков. Joomla используется во всем мире, как для создания простых домашних страниц, так и сложных корпоративных веб-сайтов. Она проста в установке, управлении и очень надежна. Команда Joomla совершенствуется с момента своего создания, чтобы лучше удовлетворять потребности пользователей.

Рисунок 4 - «CMS Joomla»

CMS Joomla! включает в себя минимальный набор инструментов при начальной установке, который дополняется по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге. Joomla! позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского, белорусского и ещё некоторых языков постсоветского пространства.

Основными возможностями CMS Joomla! являются:

– Функциональность можно увеличивать с помощью дополнительных расширений (компонентов, модулей и плагинов).

– Имеется модуль безопасности для многоуровневой аутентификации пользователей и администраторов (используется собственный алгоритм аутентификации и «ведения» сессий).

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

Рисунок 5 - «Редактирование шаблона»

– Предусмотрены настраиваемые схемы расположения модулей, включая левый, правый, центральный и любое другое произвольное положения блока. – При желании содержимое модуля можно включить в содержимое материала. Например, выражение {loadpositionmod_fpslideshow}, введённое (вместе с фигурными скобками) в произвольное место в статье, выведет содержимое модуля, которому задана позиция вывода как «mod_fpslideshow».

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

– Происходит регулярный выход обновлений. Существует публичный «баг-трекер» (система отслеживания ошибок). (См. список официальныхтрекеров.) Существуют также трекеры миграции со старых версий Joomla!, трекер пожеланий расширения функциональности и так далее, где пользователи Joomla! могут оставлять замечания по поводу работы CMS, которые впоследствии изучаются её разработчиками, при необходимости включающими в очередное обновление Joomla! исправления, решающие те или иные проблемы.

– Начиная с версии 1.6 встроена многоязычность.

– Начиная с версии 2.5 расширена поддержка баз данных. Реализована поддержка Microsoft SQL Server, а с версии 3.0 — PostgreSQL[12]. В дальнейшем планируется добавить поддержку Oracle, SQLite.

– Начиная с версии 3.7 встроенная поддержка полей Joomla.

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

Возможности администрирования:

– Для каждой динамической страницы можно создать своё описание и ключевые слова в целях повышения рейтинга в поисковых системах;

– Начало и окончание публикации любых материалов можно запрограммировать по календарю;

– Возможность ограничить доступ к определённым разделам сайта только для зарегистрированных пользователей, а с выходом Joomla! 1.6 доступ как к разделу, так и к определённому материалу с точностью до конкретной связи материал-пользователь;

– Настраиваемые схемы расположения элементов по областям шаблона;

– Различные модули (последние новости, счётчик посещений, подробная статистика посещений, гостевая книга, форум и другие);

– В версии 1.6 была сильно улучшена система установки и управления расширениями. Теперь возможно одновременно устанавливать несколько расширений, объединённых в один инсталляционный пакет. Более того, реализована возможность автоматического обновления установленных расширений (при условии, что разработчик расширения задействует этот механизм);

– В версии 1.6 появилась возможность публикации содержимого на нескольких языках;

– В версии 1.6 появилась возможность определить время начала и завершения публикации модулей. Так же в новой версии Joomla! улучшены возможности по управлению отображением содержимого;

– Возможность создания не одной, а нескольких форм обратной связи для каждого контакта;

– Модуль приёма от удалённых авторов новостей, статей и ссылок;

– Иерархия объектов;

– Менеджер рассылки новостей. Поддержка более чем 360 служб рассылки новостей по всему миру;

– Встроенный визуальный редактор TinyMCE;

– ЧПУ — «человекопонятный URL», например, «example.com/news/2011/»;

– Более 8500 (по состоянию на 22.11.2014) готовых расширений.

Bootstrap – свободный набор инструментов для создания сайтов и веб- приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб- интерфейса, включая JavaScript-расширения. Bootstrap использует современные наработки в области CSS и HTML, поэтому необходимо быть внимательным при поддержке старых браузеров.

Рисунок 6 - «Разметка с помощью Bootstrap»

Основные инструменты Bootstrap:

– Сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например, ширина колонки 140 px относится к классу .span2 (.col-md-2 в третьей версии фреймворка), который можно использовать в CSS-описании документа.

– Шаблоны — фиксированный или резиновый шаблон документа.

– Типографика — описания шрифтов, определение некоторых классов для шрифтов, таких как код, цитаты и т. п.

– Медиа — предоставляет некоторое управление изображениями и видео.

– Таблицы — средства оформления таблиц, вплоть до добавления функциональности сортировки.

– Формы — классы для оформления форм и некоторых событий, происходящих с ними.

– Навигация — классы оформления для панелей, вкладок, перехода по страницам, меню и панели инструментов.

– Алерты — оформление диалоговых окон, подсказок и всплывающих окон.

Мы выбрали версию Bootstrap 5, которая была официально выпущена 5 мая 2021 года, основными ее изменениями являются:

– Новый компонент меню offcanvas

– Удаление зависимости от jQuery в пользу ванильногоJavaScript

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

– Перенос документации с Jekyll на Hugo

– Прекращение поддержки InternetExplorer

– Перенос инфраструктуры тестирования с QUnit на Jasmine

– Добавление собственного набора иконок SVG

– Добавление пользовательских свойств CSS

– Усовершенствованная система сетки

– Улучшенная настройка документов

– Обновленные формы

– RTL-поддержка

3.3 Разработка сайта

Административная панель в CMS Joomla есть по умолчанию, в ней есть все возможности администрирования, от управления контентом до управления сайтом.

Рисунок 7 - «Административная панель»

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

Рисунок 8 - «Главная страница»

На рисунке 8 представлена Главная страница сайта. Основная функция главной страницы – создать первое впечатление о сайте и его содержимом. Главная - как визитная карточка. Она дает пользователю краткую информацию о вашем сайте, помогает разобраться в навигации и создает положительный образ вашей компании. На главной странице сайта МБУ «Городское благоустройство» представлены разделы и подразделы сайта. Удобная навигация упрощает работу с сайтом и открывает больше возможностей для пользователя.

Рисунок 9 - «О нас»

На рисунке 9 изображена страница «О нас» на которой содержится основная информация о МБУ «Городское благоустройство», о видах ее деятельности, контакты организации.

Рисунок 10 - «Поиск»

На сайте также внедрен «Поиск» (рисунок 10) - функция, сформированная внутри самого ресурса, которая предназначена для быстрого и удобного подбора интересующего контента.

Рисунок 11 - «Услуги»

На рисунке 11 представлена страница «Услуги», представляющая информацию по основным видам деятельности и услугам кампании для организаций и частных лиц.

Рисунок 12 - «Вакансии»

Ознакомится с актуальными вакансиями кампании МБУ «Городское благоустройство» можно в разделе сайта «Вакансии» рисунок 12. Здесь отображены вакансии с подробным описанием обязанностей сотрудника и информация об окладе и иных видах выплат.

Рисунок 13 - «Новости»

С новостями кампании, да и не только можно ознакомится на странице «Новости» (рисунок 13). В данном разделе размещаются самые актуальные и свежие новости.

Рисунок 14 - «Контакты»

На рисунке 14 представлен раздел сайта МБУ «Городское благоустройство» «Контакты». В разделе «Контакты» указан адрес организации, номер телефона и иная контактная информация.

Рисунок 15 - «Авторизация»

Одним из важнейших разделов сайта для пользователя является «Авторизация» (рисунок 15). Раздел «Авторизация» представляет собой форму для ввода логина и пароля пользователя, что позволяет ему осуществить вход в личный кабинет на сайте. В личном кабинете в свою очередь хранится информация о деятельности пользователя на сайте.

Рисунок 16 - «Обратная связь»

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

Рисунок 17 - «Мобильная версия»

На рисунке 17 представлен интерфейс мобильной версии сайта для МБУ «Городское благоустройство». Функционал аналогичен полнойweb-версии сайта.

3.4 Обеспечение безопасности жизнедеятельности и здорового образа жизни при эксплуатации информационных систем

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

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

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

- высокая степень монотонности рабочего процесса;

- значительный уровень зрительный нагрузок, испытываемых работником;

- риск поражения статическим электричеством при случайном контакте с отдельными элементами техники;

- недостаточная освещенность рабочей зоны;

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

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

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

Основные правила организации пространства вокруг рабочего места:

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

- вокруг стола не должно быть свисающих проводов, пользователь не должен контактировать с ними;

- важна целостность корпуса розетки и штепсельной вилки;

- отсутствие заземления предэкранного фильтра проверяется с помощью измерительных приборов;

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

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

Меры безопасности перед началом работы.

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

- нужно убедиться в том, что в зоне досягаемости отсутствуют оголенные провода и различные шнуры;

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

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

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

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

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

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

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

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

- нельзя очищать поверхность компьютера от загрязнений, когда он находится во включенном состоянии;

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

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

- в помещении с компьютерами непозволительно курить или употреблять пищу непосредственно на рабочем месте;

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

Меры безопасности во время работы.

Что бы минимизировать это влияние даже при длительном нахождении за монитором, стоит навсегда запомнить следующие постулаты:

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

- клавиатура размещается за 20-30 сантиметров от края стола;

- стул стоит таким образом, что бы спина лишь немного упиралась в его спинку. Высота сидения позволяет держать ровную осанку;

- локти согнуты под прямым углом, а в кистях рук, лежащих на столе, не чувствуется напряжения;

- локти не висят в воздухе, а комфортно располагаются на подлокотниках кресла или столешнице. Их позиция существенно не меняется при передвижении мышки;

- ноги упираются в твердую поверхность, распрямлены вперед, а не подогнуты под себя;

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

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

Действия в аварийных ситуациях.

Своевременная бдительность поможет избежать опасных ситуаций для жизни и сохранить целостность техники. Для этого важно запомнить следующие правила:

- при неполадках любого рода в электроснабжении устройства необходимо сразу отключить компьютер от сети;

- если обнаружен оголенный провод, то необходимо оперативно оповестить всех работников офиса, не допуская чьего-либо контакта с ним;

- в каждом учреждении должны находиться огнетушители ОУБ-3 или ОУ-2, а также ведра и полотна в необходимом количестве. Персонал обязан знать о том, где находятся средства для гашения пламени и куда нужно звонить в случае пожара;

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

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

- при 8-часовой рабочей смене в зависимости от тяжести и напряженности труда работника общая продолжительность перерывов за рабочий день может составлять от 50 до 90 минут;

- при 12-часовой рабочей смене – от 80 до 140 минут.

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

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

выводы и предложения

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

На рынке существует множество CMS, от простых в освоении и свободно распространяемых, до систем профессионального уровня и требующих высоких навыков в сфере разработки. Как правило, более серьезные системы управления web-сайтами являются платными или имеют платные модули.

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

В результате дипломной работы нами был создан web-сайт для МБУ «Городское благоустройство» чья деятельность заключается в содержании города Феодосия и др. населенных пунктов района в надлежащем санитарном состоянии, удовлетворении общественных потребностей населения в проведении работ по благоустройству и озеленению территории. Разработанный web-сайт способствует автоматизации доступа к информационным ресурсам компании через Интернет, а также путем создания сайта был налажен информационный обмен между компанией и потенциальными клиентами.

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

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

Таким образом, в ходе выполнения дипломной работы была достигнута цель дипломного проекта, заключавшаяся вразработка и реализация web-сайта для предприятия МБУ «Городское благоустройство», чему способствовало выполнение следующих задач:

- провести анализ предметной области;

- выявить функциональные возможности веб-сайтов и их применение;

- осуществить анализ и выбор инструментальных средств;

- осуществить программную реализацию динамического сайта.

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

СПИСОКИСПОЛЬЗОВАННЫХИСТОЧНИКОВ

1. Алексеев А.. Введение в Web-дизайн. Учебное пособие. — М.: ДМК Пресс, 2019. — 184 c.

2. Бабаш А.В. Информационная безопасность. Лабораторный практикум Электронные приложения на сайте www.book.ru: учебное пособие / Бабаш А.В., Баранова Е.К., Мельников Ю.Н. — Москва: КноРус, 2021. — 131 с.

3. Бадмаев А. Б. Особенности создания веб-сайта / А. Б. Бадмаев. — Текст: непосредственный // Молодой ученый. — 2016. — № 27.2 (131.2). — С. 7-9. — [Электронный ресурс] URL: https://moluch.ru/archive/131/36434/ (дата обращения: 08.06.2022).

4. Балдин К.В. Математика и информатика : учебное пособие / Балдин К.В., Башлыков В.Н., Рукосуев А.В., Уткин В.Б. — Москва : КноРус, 2020. — 361 с.

5. Гниденко И. Г. Технология разработки программного обеспечения: учеб.пособие для СПО / И. Г. Гниденко, Ф. Ф. Павлов, Д. Ю. Федоров. — М.: Издательство Юрайт, 2017. — 235 с.

6. Гниденко И. Г. Технология разработки программного обеспечения: учеб.пособие для СПО / И. Г. Гниденко, Ф. Ф. Павлов, Д. Ю. Федоров. — М.: Издательство Юрайт, 2017. — 235 с.

7. Гордеев С. И. Организация баз данных в 2 ч. Часть 2: учебник для вузов / С. И. Гордеев, В. Н. Волошина. — 2-е изд., испр. и доп. — М.: Издательство Юрайт, 2019. — 501 с.

8. Золотухин Ф. С. Разработка веб-портала для информационной поддержки предприятия общественного питания / Ф. С. Золотухин. — Текст: непосредственный // Молодой ученый. — 2018. — № 17 (203). — С. 47-50. — [Электронный ресурс]URL: https://moluch.ru/archive/203/49729/ (дата обращения: 08.06.2022).

9. Ищенко В.А. 100% самоучитель. Web-дизайн. Создавай свои сайты / В.А. Ищенко. - М.: Технолоджи-3000, Триумф, 2019. - 144 c.

10. Киселев С.В. Веб-дизайн / С.В. Киселев. — М.: Academia, 2019. — 285 c.

11. Кудрявцев К. Я. Методы оптимизации: учеб.пособие для вузов / К. Я. Кудрявцев, А. М. Прудников. — 2-е изд. — М.: Издательство Юрайт, 2019. — 140 с.

12. Лаврищева Е. М. Программная инженерия и технологии программирования сложных систем : учебник для вузов / Е. М. Лаврищева. — 2-е изд., испр. и доп. — М. : Издательство Юрайт, 2019. — 432 с.

13. Лебедев В. М. Программирование на vba в msexcel: учеб.пособие для академического бакалавриата / В. М. Лебедев. — М.: Издательство Юрайт, 2019. — 272 с.

14. Макарова Н.В. Основы программирования: учебник / Макарова Н.В., Нилова Ю.Н., Зеленина С.Б., Лебедева Е.В. — Москва: КноРус, 2021. — 451 с.

15. Малявко А. А. Формальные языки и компиляторы: учеб.пособие для вузов / А. А. Малявко. — М.: Издательство Юрайт, 2018. — 429 с.

16. Мамонова Т. Е. Информационные технологии. Лабораторный практикум: учеб.пособие для СПО / Т. Е. Мамонова. — М.: Издательство Юрайт, 2019. — 178 с.

17. Маркин А. В. Программирование на sql в 2 ч. Часть 2: учебник и практикум для бакалавриата и магистратуры / А. В. Маркин. — М.: Издательство Юрайт, 2019. — 292 с.

18. Мухамадиева К. Б. Основные функция веб-приложения с учетом анализа современных CMS-систем / К. Б. Мухамадиева. — Текст: непосредственный // Молодой ученый. — 2017. — № 39 (173). — С. 1-3. — [Электронный ресурс] URL: https://moluch.ru/archive/173/45536/ (дата обращения: 08.06.2022).

19. Нагаева И. А. Программирование: delphi: учеб.пособие для академического бакалавриата / И. А. Нагаева, И. А. Кузнецов ; под ред. И. А. Нагаевой. — М.: Издательство Юрайт, 2017. — 302 с.

20. Новиков Ю.В. Аппаратура локальных сетей: функции, выбор, разработка / Ю.В. Новиков, Д.Г. Карпенко. - М.: Эком, 2022. - 288 c.

21. Петроченков А., Новиков Е. Идеальный LandingPage. Создаем продающие веб-страницы. — СПб.: Питер, 2017. — 320 c.

22. Советов Б. Я. Базы данных: учебник для прикладногобакалавриата / Б. Я. Советов, В. В. Цехановский, В. Д. Чертовской. — 3-е изд., перераб. и доп. — М.: Издательство Юрайт, 2019. — 420 с.

23. Сотов А.И. Компьютерная информация под защитой: монография / Сотов А.И. — Москва: Русайнс, 2020. — 127 с.

24. Трофимов В. В. Основы алгоритмизации и программирования: учебник для СПО / В. В. Трофимов, Т. А. Павловская; под ред. В. В. Трофимова. — М.: Издательство Юрайт, 2019. — 137 с.

25. Трофимов В. В. Основы алгоритмизации и программирования: учебник для СПО / В. В. Трофимов, Т. А. Павловская; под ред. В. В. Трофимова. — М.: Издательство Юрайт, 2019. — 137 с.

26. Федоров Д. Ю. Программирование на языке высокого уровня python: учеб.пособие для СПО / Д. Ю. Федоров. — М.: Издательство Юрайт, 2019. — 126 с.

27. Федоров Д. Ю. Программирование на языке высокого уровня python: учеб.пособие для СПО / Д. Ю. Федоров. — М.: Издательство Юрайт, 2019. — 126 с.

28. Шуваринов А. В. Продвижение сайтов в интернет-сетях / А. В. Шуваринов. — Текст: непосредственный // Молодой ученый. — 2016. — № 27.2 (131.2). — С. 50-51. — [Электронный ресурс] URL: https://moluch.ru/archive/131/36462/ (дата обращения: 08.06.2022).

Приложения

Приложение 1

Код главной страницы

<!DOCTYPEhtml>

<head>

<title>Главная</title>

--hue: 214;

--template-bg-light: #f0f4fb;

--template-text-dark: #495057;

--template-text-light: #ffffff;

--template-link-color: #2a69b8;

--template-special-color: #001B4C;

}</style>

.rapid_contact .form-control { max-width: 95%; margin-bottom: 8px; }

.rapid_contact .g-recaptcha{ margin-bottom: 10px; max-width: 95%; }

</style>

functionrp_checkCaptcha(form_id) {

result = true;

if (document.getElementById(form_id+"_hasCaptcha")) {

if ((grecaptcha) && (jQuery(".g-recaptcha").length == 1)) { // We only know how to deal with Google ReCaptcha, and only one of it in JS

if (grecaptcha.getResponse().length == 0) {

alert("Please complete the captcha");

result = false;

}

return result;

}

</script>

</head>

<body>

<div>

<a>

</div>

<div>

<form>

<label for="mod-finder-searchword110">Поиск</label><input type="text" name="q" id="mod-finder-searchword110">Введитетекстдляпоиска...">

</div>

</header>

<div>

<h3>Последниеновости</h3> <div>

<ul>

<spanitemprop="name">

В преддверии майских праздников Администрация города Феодосии напоминает о необходимости соблюдения мер безопасного поведения </span>

</a>

</li>

<spanitemprop="name">

Акция в память о воинах, погибших в борьбе с фашизмом за свободу Отечества. </span>

</a>

</li>

<spanitemprop="name">

В Феодосии открыли «Стену памяти» </span>

</a>

</li>

</ul>

</div>

<div>

<h5>ДостопримечательностиФеодосии</h5> <div>

<div>

<imgsrc="/wimg/18//images/deo/caption.jpg" alt="" height="265"></div>

</div>

<div>

<nav>

<olitemscopeitemtype="https://schema.org/BreadcrumbList">

<li>

Выздесь:  

</li>

<li>Главная</span></li> </ol>

</nav>

<main>

<div>

<h1>

Главная </h1>

</div>

<div>

itemprop="blogPost" itemscopeitemtype="https://schema.org/BlogPosting">

<imgsrc="/wimg/18//images/9e5c45a2.jpg" itemprop="thumbnail" height="702" loading="lazy"> </figure>

<div>

<h2>

Ночное освещение улиц в Феодосии продлят </a>

</h2>

<dl>

<dt>

Информацияоматериале </dt>

<dd>

<span>

Автор: <span itemprop="name">Рома</span> </dd>

<dd>

<span> Категория: <a href="/index.php?view=category&id=2" itemprop="genre">Uncategorised</a> </dd>

<dd>

<span>

Опубликовано: 11 мая 2022 </time>

</dd>

<ddclass="hits">

<span>

Просмотров: 6</dd>

</dl>

<p>Предложение депутата городского совета Феодосии Петра Полтавского о продлении времени ночного освещения улиц будет выполнено. Об этом сообщили в МУП «Городское благоустройство».<br />Так, по словам Петра Полтавского, освещение улиц города в утренние часы необходимо продлить до 7:45, так как жители и гости Феодосии обращаются с жалобами на «темноту» по утрам после отключения фонарей. Инициативу депутата поддержал и глава муниципального образования Владимир Титаренко, сообщив, что ранее в Управлении образования ранее ставили этот вопрос на рассмотрение. Впервые вопрос о продлении уличного освещения города в утренние часы поднимался после инцидента, когда после отключения фонарей ребенка, идущего по пешеходному переходу, «зацепил» автомобиль. Титаренко в свою очередь согласился со своим заместителем, что освещение нужно отключать ближе к восьми часам утра, когда на улицах города почти светло. В муниципальном бюджетном учреждении «Городское благоустройство» сообщили, что в городе технических возможностей на продление ночного освещения улиц Феодосии хватит.</p>

</div>

</main>

</div>

<div>

<h3>Главноеменю</h3> <div>

<ul>

<li>Главная</a></li><li>Онас</a></li><li>Услуги</a></li><li>Вакансии</a></li><li>Новости</a></li><li>Контакты</a></li></ul>

</div>

<div>

<h3>Авторизация</h3> <div>

<div>

<input id="modlgn-username-16" type="text" name="username">Логин">

<label for="modlgn-username-16">Логин</label>

<span>Логин">

<span>

</span>

</div>

<div>

<input id="modlgn-passwd-16" type="password" name="password" autocomplete="current-password">Пароль">

<label for="modlgn-passwd-16">Пароль</label>

<span>

<span>Показатьпароль</span>

</button>

</div>

<div>

<label>

Запомнить меня </label>

</div>

<div>

<button type="submit" name="Submit">Войти</button>

</div>

<ul>

<li>

Забыли пароль?</a>

</li>

<li>

Забыли логин?</a>

</li>

</ul>

</form>

</div>

<div>

<h3>Обратнаясвязь</h3> <div>

<div> id="rp_404597" method="post" onSubmit="return rp_checkCaptcha('rp_404597');">

<div>

<div> placeholder="Вашадреспочты"/></div><div> placeholder="Темаобращения"/></div><div> placeholder="Вашесообщение"></textarea></div><div>Отправить"/></div></div></form></div> </div>

</div>

<div>

<div>программноеобеспечение, распространяемоеполицензии<a href="#" rel="noopenernoreferrer">GNU General Public License</a>.</div>

</div>

<div>

<p>Сейчас на сайте 8 гостей и 1 пользователь</p>

</div>

</footer>

<ul>

<spanitemprop="name">

Ночное освещение улиц в Феодосии продлят </span>

</a>

</li>

</ul>

</body>

</html>

Приложение 2

Код модуля обратной связи

<divclass="sidebar-rightcard ">

<h3>Обратнаясвязь</h3> <div>

<div> id="rp_404597" method="post" onSubmit="return rp_checkCaptcha('rp_404597');">

<div>

</div>

functionrp_checkCaptcha(form_id) {

result = true;

if (document.getElementById(form_id+"_hasCaptcha")) {

if ((grecaptcha) && (jQuery(".g-recaptcha").length == 1)) { // We only know how to deal with Google ReCaptcha, and only one of it in JS

if (grecaptcha.getResponse().length == 0) {

alert("Please complete the captcha");

result = false;

}

return result;

}

</script>

Разработка web-сайта для предприятия