Диплом (1218689)
Текст из файла
Министерство транспорта Российской ФедерацииФедерального агентство железнодорожного транспортаФедеральное государственное бюджетное образовательное учреждениевысшего образования«Дальневосточный государственный университет путей сообщения»Кафедра «Вычислительная техника и компьютерная графика»К ЗАЩИТЕ ДОПУСТИТЬЗаведующий кафедрой______Ю.В. Пономарчук«_____»___________2016WEB-САЙТ ОБЩЕСТВЕННОГО СОВЕТАМИНИСТЕРСТВА ПРОМЫШЛЕННОСТИ ИТРАНСПОРТА ХАБАРОВСКОГО КРАЯВыпускная квалификационная работаВКР.09.03.01.ИВТ.01.11.943 – ПЗCтудент 943гр. __________________________________________ О.О. ОвсейчукРуководительк.ф.-м.н., доцент_________________________________________С. А.
ЛанецНормоконтролерк.т.н., доцент____________________________________________Е.В. БуняеваХабаровск 2016СОДЕРЖАНИЕВведение.......................................................................................................................31 ЭТАПЫ РАЗРАБОТКИ WEB - САЙТА..................................................................51.1 Сбор информации..............................................................................................62.2 Проектирование интерактива сайта.................................................................81.3 Разработка клиентской части...........................................................................91.4 Разработка серверной части...........................................................................101.5 Системы управления версиями......................................................................112 ИСПОЛЬЗУЕМЫЕ ТЕХНОЛОГИИ ПРИ WEB-РАЗРАБОТКЕ..........................142.1 Web-браузер......................................................................................................152.2 Web-сервер.......................................................................................................162.3 HTML5..............................................................................................................172.3 CSS3..................................................................................................................192.5 JavaScript..........................................................................................................202.6 Системы управления версиями Git и GitHub Desktop..................................222.7 Текстовый редактор.........................................................................................243 ПОСТАНОВКА ЗАДАЧ И ИХ РЕАЛИЗАЦИЯ...................................................263.1 Проектирование базы данных........................................................................283.2 Создания клиентской части web-сайта..........................................................323.2 Создания серверной части web-сайта............................................................393.3 Технико-экономическое обоснование............................................................50ЗАКЛЮЧЕНИЕ..........................................................................................................51СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ.................................................522ВВЕДЕНИЕВ настоящее время web-сайты являются неотъемлемой частью жизничеловека.
Существуют миллионы сайтов предназначенные для разных областейжизни людей от сайтов визиток до интернет магазинов, от поисковых систем досоциальных сетей.Существуют статические и динамические web-страницы. В современныхреалиях статические web-страницы являются весьма не удобными дляобслуживания и сильно уступают динамическим.Классическим методом создания web-сайта является использование такихтехнологий как HTML5, CSS5, JavaScript для создания интерфейсов клиентскойчасти web-сайа, а использования языков программирования как PHP, Ruby, Perlдля реализации серверной части сайта придает сайту динамичность и позволяетработать с базами данных [1].Так же для улучшения интерфейса клиентской части не обойтись без такойтехнологии как AJAX. Главной сутью AJAX технологии является выполнениясерверной части web-сайта без перезагрузки клиентской части web-сайта чтоделает его интерфейс более интерактивным и производительным.Существуют множества конструкторов сайтов для создания быстрого сайтоввизиток или сайтов с малым функционалом, для обычных пользователей и людей не имеющие возможность написать или заказать web-сайт в студии или независимых разработчиков.
Минусом их является жесткие рамки функциональности проектов. Невозможность создания дополнительных модулей или редактировать исходный код проекта.Так web-сайты общественных советов и министерств позволяют систематизировать и получить достоверную ну информации о членах совета, проводимыхмероприятиях.
И облегчения доступа к нормативной базе совета.Целью выпускная квалификационной работы (ВКР) является разработка3web-сайта для Общественного Совета министерства промышленности и транспорта Хабаровского карая.Необходимо спроектировать и разработать дизайн web-сайта, реализоватьпрограммный код его основных функций, таких как добавление новостей, членов совета, мероприятий, а так же возможность добавлять документацию регламентирующую деятельность совета.При выборе языка для создания web-сайта основой идеяй является его простота для реализации программистом, быстродействие и его функциональность.Быстрый способ разместить web-сайт на хостинге и возможность гибкого выбора средств хостинга.
На данный момент одним из самых популярных языковпрограммирования серверной части являются PHP, С#, Ruby, Python. У каждогоиз них существует свои плюсы [2].В данной выпускной квалификационной работе будет реализован web-сайтОбщественного Совета министерства промышленности и транспорта Хабаровского края с использованием языка программирования для серверной частиPHP и технологий для клиентской части web-сайта , такие как HTML5, CSS3,JavaScript [3].41 ЭТАПЫ РАЗРАБОТКИ WEB - САЙТАОбщественный совет министерства промышленности и транспорта хабаровского края содержит документацию нормативной базе, файлы с проведенными заседаниями и членами совета.Общественный совет содержит двадцать три председателя и четыре эксперта.
Файл с членами совета содержат информацию о имени и должности членовсовета.В ходе проектирования и разработки web-сайта необходимо реализоватьудобное взаимодействия пользователя с архитектурой сайта.Работу web-сайта можно разделить на две большие части: клиентскую(Front-end ) и серверную (Back-end) разработку (рисунок 1) [4].Рисунок 1 – Cерверная и клиентская работаРазработка клиентской части подразумевает создания дизайна сайта, на5стройка анимации окон и изображений , а так же проверку валидности формобратной связи.Разработка серверной части, в свою очередь, это обработка информации поступающая от пользователя и взаимодействия с базами данных, обработка изображений и генерация страниц.Создание качественного интерфейса сайта, не самая легкая задача, зачастуюнеобходимо разделять на этапы.Но предложенные варианты разделения не являются всеобщим критерием икаждый этап можно разбить на более мелкие этапы ,а те, в свою очередь, наподэтапы.1.1 Сбор информацииСбор информации необходим для того , чтобы полностью понимать структуру сайта на сегодняшний день, а так же понять, что в нем не нравиться заказчику и что он ожидает увидеть по окончанию проекта.
Аналитика одна из главныхсоставляющих успеха будущей разработки. Здесь нужно применить творческийподход, опыт, педантичность, а также умение работать с данными различногокачества и характера [5].На этом этапе выполняется следующее:‒ проработать все детали с заказчиком, для того что бы четко понятьконцепцию и цель web-сайта;‒ просмотр прототипа, наработку сайта;‒ анализ подобных сайтов.По техническому заданию сайт Общественного совета министерства промышленности и транспорта Хабаровского края должен содержать: личный кабинет, новостную страницу, страницу публикациями о совете, страницу с составом совета и раздел с нормативной документацией регулирующий действия совета.Для анализа подобных сайтов из многочисленного перечня государственных6сайтов были выбраны сайты Общественной палаты Хабаровского края (рисунок 2) и сайт Общественной палаты Российской Федерации (рисунок 3), как самые типичные сайты правительства содержащие весь не обходимый функционал для данного проекта.Рисунок 2 – Сайт Общественной палаты Хабаровского краяКак видно из рисунков основной интерфейс сайтов схож: главное меню,анонсы мероприятий, члены палаты, новости и документы.Так же на сайте есть авторизация и поиск по статьям и анонсам.7Рисунок 3 – Сайт Общественной палаты Российской ФедерацииС данных сайтов будут выбраны самые часто встречающиеся элементы.2.2 Проектирование интерактива сайтаНа данном этапе проектирования создается тестовая версия сайта.
Весь еефункционал распределяется по страницам. Разработчик принимает решение относительно того, где будут располагаться, кнопки, формы и тестовая составляющая web-сайта. А так же определяет, каким образом будут созданы элементы иих поведение.В итоге на данном этапе мы получаем динамический прототип сайта, который и будет использоваться для разработки проекта.Так же в ходе проектирования выберется основная гамма цветов, шрифтов ипроизводиться разработка логотипов и особенных элементов сайта.В ходе проектирования были выбраны основные цвета (зеленый, синий ибелый ), а так же разработан логотип сайта и его визитка (рисунок 4).8Рисунок 4 – Логотип и визитка сайта1.3 Разработка клиентской частиFront-end – это абстракция, которая предоставляет пользовательский интерфейс.Front-end разработка или программирование интерфейса на клиентскомустройстве – один из значимых этапов всей разработки.
Современные реалиитаковы, что пользователи применяют множество устройств, взаимодействуя синтерфейсами, например: мобильные телефоны, планшеты, ноутбуки, телевизоры. Здесь важно создать уникальный дизайн так, чтобы все смогли пользоваться сайтом без ошибок и задержек [6].Для разработки на стороне клиента используются такие технологии какязык разметки HTML5, формальный язык разметки CSS3 и сценарный языкпрограммирования JavaScript и ,зачастую, его библиотеки jQuery или YUI. Которые облегчают разработку сайта.
Они служат основой качественного и функционального дизайна, а так же удобство пользования сайта для пользователей. Таквесь каркас сайта строиться на базовых тегах HTML5, а взаимодействия с элементами сайта проще всего обрабатывать через JavsScript сценарии.Но с появлением Node.js , как и с внедрением Ajax – технологии разработка9клиентской части немного изменилась, так для полного приложения теперь достаточно только знаний HTML, CSS, JavaScript языков, а не использование дополнительных языков программирования для клиентской разработки. Что позволяет в проекте вынести серверную часть UI из серверной разработки в клиентскую. Тем самым получить меньшую нагрузку на сервер и не надобность вдругих языках программирования кроме JavaScript ( рисунок 5).Рисунок 5 – Логотип и визитка сайтаНо избавление даже с увеличением возможностей JavaScript, Note.js не может полностью заменить серверную часть. Так вся логика останется на серверной части [7].1.4 Разработка серверной частиBack-end – основная программно-аппаратная часть.После того как веб-интерфейс был написан, необходимо создать сервернуючасть сайта.
Характеристики
Тип файла PDF
PDF-формат наиболее широко используется для просмотра любого типа файлов на любом устройстве. В него можно сохранить документ, таблицы, презентацию, текст, чертежи, вычисления, графики и всё остальное, что можно показать на экране любого устройства. Именно его лучше всего использовать для печати.
Например, если Вам нужно распечатать чертёж из автокада, Вы сохраните чертёж на флешку, но будет ли автокад в пункте печати? А если будет, то нужная версия с нужными библиотеками? Именно для этого и нужен формат PDF - в нём точно будет показано верно вне зависимости от того, в какой программе создали PDF-файл и есть ли нужная программа для его просмотра.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
