Диплом (1218689), страница 2
Текст из файла (страница 2)
В данной части реализуетсягенерация и вывод необходимогоконтента из баз данных в нужные участи web-страницы, заранее определенных10на этапе проектирования интерфейса, обработки форм, изображений генерациирасписания, а так же формирования отчетности, создание log-файлов и документооборота.Для разработке серверной части чаще всего используются такие языки программирования как : PHP, Ruby, Python, но так же можно использовать такиеязыки как C#, C++ и тому подобные языки программирования [8].Но кроме самих языков программирования необходимы и другие технологии. Так для работы всех языков и модулей серверной части нужно Серверноепрограммное обеспечение.
Зачастую используют такие сервера как Apache,Nginx, Heroku сервера. Они обеспечиваю работу таких служб как передачифайлов используя такие протоколы как: FTP, TFTP, HTTP. Так же использоватьслужбы обмена сообщениями, так по протоколам SMTP, POP3 работает передача электронной почты. А для организаций конференций используется протоколNNTP. Для обмена сообщениями в реальном времени используются такие протоколы как IRC и Jabber [9].Так же для хранения данных необходимы базы данных, такие как MySQL,NoSQL, Postgresql, MongoDB, SQLite и многие другие.
Они представляют собойсерверные расширения.Так для быстрого развертывания хотинга на сервере Apache нам достаточноустановить серверное расширения PHP и базу данных MySQL.Главной задачей серверной части является обработка запросов от клиентской части, работа с базами данных: добавление, удаление и выборка информации,генерация HTML страниц для отображения ее в браузер пользователя.Так же можно писать отдельные скрипты обработки и загрузки файлов, текстови управления с сессиями, генерации отчетности.1.5 Системы управления версиямиПрежде всего перед там как начать разрабатывать нового проекта, желательно добавить наш проект в систему управления версиями.
Это нужно для того,11что бы была возможность отслеживать изменения кода нашего проекта, облегчить совместную работу над проектом, а так же возможность возврата к старойверсии проекта, в случае любого непреднамеренного изменения файлов, в томчисле и их удаления.Существует множество возможностей для управления версиями, такие какCVS, Subversion, Perforce, Bazaar и конечно же, Git [10].Так даже для того, что бы работать с кодом, не боясь за его изменения, необходимо добавить ветвь от главного ветви «Master», это нужно для того , что быесли при изменении кода программы, изменения оказались не нужными: случайно удаленные файлы, написания не нужного кода и прочего, не нужно былопереписывать весь код заново, а достаточно удалить ветвь или получить передувающую версию зафиксированного файла.
А если работа прошла успешно, зафиксировать данные изменения в основную ветку «Master» (рисунок 6).Рисунок 6 – Ветвление и добавления в Maser ветку GitПосле того как наш проект добавлен в систему управления версиями Git,необходимо отправить наш код проекта на GitHub.
GitHub – это сервис для хостинга исходного кода проектов, основан на системе контроляверсиямиGit.Отправка нашего репозитория git на GitHub служит двум целям: облегчениесовместной разработки проекта и полное резервное копирования всего кодапроекта, а так же хранение всей истории комитов. [11]После отправки всех файлов на GitHub можно, легко получить доступ насамом сайте GitHub к этим файлам (рисунок 7).12Рисунок 7 – Ветвление и добавления в Maser ветку GitПосле того как все действия выполнены можно не бояться, о не удачном изменении кода проекта удалении файлов или потери всего проекта, так какGitHub обеспечит сохранность всех файлов.132 ИСПОЛЬЗУЕМЫЕ ТЕХНОЛОГИИ ПРИ WEB-РАЗРАБОТКЕДля разработки качественного web-сайта на стороне клиентской части необходимо использовать язык разметки HTML, в данном случае HTML версии 5(HTML), таблицы каскадных стилей CSS версии 3 и встраиваемый сценарныйязык программирования для программного доступа к объектам приложенийJavaScript и прилагающуюся к ней библиотеку Jqery последней версии.Так же для отображения web-страниц и отладки JavaScript сценариев необходим браузер.
А для лучшего сравнения и отображения дизайна и его корректировки необходимы от 3 и более популярных браузеров таких как: MozillaFirefox, Google Chrom, Opera и других браузеров от текущей версии и на двеили три версии ниже текущей.Для разработки серверной части можно использовать такие язки программирования как PHP актуальных версий от 5 версии до последней версии, Perl,Ruby 2.0 или использования фреймфорка Ruby on Rais или другие языки программирования специализирующиеся на web-приложениях.
Так же необходимсам web-сервер со всеми необходимыми модулями, такой как Apache HTTPServer, Mysql server или другой сервер базы данных. А так же установленныенеобходимые модули языков программирования серверной части. В частностиPHP 5.6 или боле поздней версии [12].Так же при разработке проекта не обойтись без текстового редактора в котором будет писаться весь код проекта. Существуют сотни профессиональных иполупрофессиональных редакторов кода, такие как : PhpStorm, SublimeText, Qt,Notepad++ и даже обычный встроенный редактор текста в операционной системе.
Основной задачей редактора является возможность открытия и редактирования файлов с расширением «.js», «.php», «.css », «.html», «.xhtml», «.rb». А также возможности подсвечивания синтаксиса языков разработки.142.1 Web-браузерWeb-браузер – это прикладное программное обеспечение позволяющее просматривать web-страницы, и web-документов.Существуют множества популярных web-браузеров которые могут распространяться как самостоятельно, так и в комплекте с операционными системами.К примеру, для операционной системы От Microsoft в комплекте идет браузерInternet Explorer или Microsoft Edge. А для Linux систем часто предустановленбраузер Mazilla Firefox. Такие браузера как Mazilla Firefox, Google Chrom можнобесплатно поставить как самостоятельное программное обеспечение.Так как дизайн некоторых стандартных элементов могут по разному отображаться на различных браузерах, при разработки дизайна сайта необходимо выбрать несколько популярных браузеров.
В ходе разработки были использованыследующие браузера Mazila Firefox версии 47.0.X (рисунок7) и Google Chromверсии 51.0.X (рисунок 8).Рисунок 8 – Браузер Mazila Firefox15Так же при работе с JavaScript стандартные компоненты браузеров поваляютпроводить диагностику и вывод ошибок. Что облегчает нахождение ошибок вкоде сценария.Рисунок 9 – Браузер Google ChromТак же можно отметить что для отображений сайтов, в стандартных браузерах мобильных устройств некоторые элементы тоже могут отличаться, такесли вы пишете адаптивный дизайн сайта, то необходимо проверять свой дизайн и на мобильных устройствах.2.2 Web-серверЗачастую под web-сервером понимают не только программное обеспечение,но и само аппаратное обеспечения.
Но в данном разделе под сервером будет пониматься только программное обеспечение.Так для работы были установлены и использованы следующее программныекомпоненты:– Apache HTTP Server версии 2.4.18;– MySQL версии 5.1.73;16– PHP версии 5.6.19;– PHPMyAdmin версии 4.4.15.5;– FTP FileZilla версии 0.9.53.Все эти компоненты необходимы для разработки и запуска проекта насерверной части [13].При разработке проекта так же желательно производить развертку и продакшен проекта. Для этого существуют такие платформы как Heroku, которыепозволяют размещать проекты бесплатно на своих серверах, плюсом являетсятакже большое количество языков программирования, PHP, RUBY, Node.js ипрочие языки. Но надо помнить, Heroku использует PostgreSQL, что может помешать некоторым проектам использующие другие базы данных, напримерMySql.
И надо выбирать другие платформы для развертывания проектов.Если посещаемость проекта очень высока, то необходимо использоватьмощное серверное оборудование, а так же широкий канал передачи данных, алучше использовать несколько серверов для стабилизации трафика данных.2.3 HTML5HTML5 – язык разметки для структурирования и представления содержимого web-страниц.Каждый HTML-документ, отвечающий спецификации HTML какой-либоверсии, обязан начинаться со строки декларации его версии HTML !DOCTYPE,которая в версии HTML5 выглядит следующем образом [14]:<!DOCTYPE html>.Как видно из примера каждый элемент взят в «<, >» и называется тегом.Эта строка поможет браузеру определить, как правильно интерпретировать данный документ.
В данном случае строка сообщает браузеру, что HTML соответствует международной спецификации пятой версии.Полностью готовый базовый HTML-файл без вывода на экран какой либоинформации выглядит как определенный набор открывающихся тегов и закры17вающихся тегов:DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Заголовк Страницы </title></head><body>Тело Страницы</body></html>Текст всего документа заключено в тег <html>, сам документ разбивается надве части заголовок и тело документа.
Заголовок описывается тегами <head>, вкоторые могут быть включены название документа (с помощью тегов <title>)язык и кодировка указанная в теге <meta> и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено втеги<body> и содержит собственно информацию, которую видит пользователь.При отсутствии тегов форматирования весь текст выводится в окно браузерасплошным потоком, переводы строк, пробелы и табуляции рассматриваются какпробельные символы, несколько пробельных символов, идущих подряд, заменяются на один.Так же в пятой версии HTML разметки появились специальные теги позволяющие вставлять аудио, видео и анимацию на сайт <audio></audio>,<video></video> и другие.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
