Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла

Министерство транспорта Российской Федерации

Федеральное агентство железнодорожного транспорта

Федеральное государственное бюджетное образовательное учреждение

высшего профессионального образования

«Дальневосточный государственный университет путей сообщения»

Кафедра «Вычислительная техника и компьютерная графика»

К ЗАЩИТЕ ДОПУСТИТЬ

Заведующий кафедрой

______Ю.В. Пономарчук

«_____»___________2015

РАЗРАБОТКА WEB-сайта пРЕДПРИЯТИЯ СФЕРЫ УСЛУГ НА ПРИМЕРЕ

ООО «пАРТНЕР»

Выпускная квалификационная работа

ВКР 09.03.01.ИВТ.10.00.943 – ПЗ

Студент 943 гр. М.А. Мешкова

Руководитель

ст. преподаватель Н.А. Насонова

Нормоконтролер

к.т.н, доцент Е.В. Буняева

Хабаровск 2015

Содержани

Введение 3

1 Обзор технологий для разработки сайта 5

1.1 Системы управления содержимым 5

1.2 Инструменты для создания сайта без CMS 8

1.3 Инструменты для размещения сайта в сети Интернет 10

2 Характеристика предприятия-заказчика 13

2.1 Общие сведения 13

2.2 Программное обеспечение предприятия 15

2.3 Необходимость внедрения сайта 16

2.4 SWOT-анализ 17

3 Разработка web-сайта 20

3.1 Используемое программное обеспечение 20

3.2 Структура страниц web-сайта 23

3.3 Описание элементов web-сайта 24

3.4 Использование современных стандартов HTML5 и CSS3 45

3.4.1 Стандарт HTML5 45

3.4.2 Стандарт CSS3 47

3.5 Адаптивная верстка web-сайта 50

3.6 Отображение web-сайта в различных браузерах 52

4 Технико-экономическое обоснование проекта 55

4.1 Экономическое обоснование выбора технических и программных средств 55

4.2 Определение трудоемкости разработки web-сайта 57

4.3 Расчет затрат и доходов при разработке web-сайта 58

Заключение 62

Список использованных источников 64

Приложение А Программный код страниц web-сайта 67

Приложение Б Реализация адаптивной верстки web-сайта при ______________iразличном разрешении экрана 72

Введение

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

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

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

– изучить теоретические и методические источники по выбранной тематике;

– исследовать предметную область;

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

– разработать структуру, навигацию и дизайн сайта;

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

– сделать технико-экономическое обоснование проектного решения.

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

Разработанный в данной выпускной квалификационной работе web-сайт для ООО «Партнер» обладает следующими качествами:

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

– с вертикальной навигацией;

– адаптация к экранам с разным разрешением;

– возможность дальнейшей модернизации.

Объект исследования данной выпускной квалификационной работы – ООО «Партнер», предмет исследования – средства и методы для разработки Интернет-приложений.

Методы исследования:

– обзор литературных и Интернет-источников по тематике работы;

– анализ данных предприятия;

– анализ средств разработки web-приложений.

1 Обзор технологий для разработки сайта

1.1 Системы управления содержимым

В настоящее время процесс создания сайта существенно упростился. Это связано с появлением систем управления содержимым (Content management system или CMS). CMS это система управления содержимым сайта, написанная на языке программирования, в которой большинство процессов создания сайта автоматизировано и имеет шаблонный вид. С помощью CMS простой сайт может создать человек, который не знаком с языком разметки гипертекста HTML (HyperText Markup Language) и каскадными таблицами стилей CSS (Cascading Style Sheets) [1].

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

Всего существует два вида CMS: коробочные и студийные.

Коробочные CMS бывают некоммерческими с открытым кодом (open source) и коммерческими. Коробочные CMS представляют собой конструктор сайта, где пользователь выбирает необходимый шаблон сайта, наполняет его необходимым содержимым и при необходимости применяет свой дизайн. Основное достоинство CMS с открытым кодом – отсутствие платы за лицензию. Такие CMS позволяют пользователю улучшать свой функционал, но у них отсутствует техническая поддержка [2]. Рейтинг CMS с открытым кодом, используемых в России по состоянию на 2013 год представлен на рисунке 1 [3].

Рисунок 1 – Рейтинг CMS с открытым кодом,

используемых в России по состоянию на 2013 год

Коммерческие CMS разработаны коммерческими организациями и направлены на получение прибыли от продажи лицензии и технической поддержки. Данные CMS с закрытым кодом, что лишает пользователей возможности улучшать их функционал, но при этом, безопасность продуктов с закрытым кодом выше. Рейтинг коммерческих CMS, используемых в России по состоянию на 2013 год представлен на рисунке 2 [4].

Рисунок 2 – Рейтинг коммерческих CMS,

используемых в России по состоянию на 2013 год

Студийные CMS – CMS, разработанные отдельными web-студиями для реализации своих проектов или проектов клиентов. Недостатком данной CMS является привязанность клиента к web-студии, которая разработала данную CMS, потому что каждая студийная CMS имеет свой уникальный и обычно закрытый код, в котором будет сложно разобраться постороннему человеку, который с ним до этого не работал [2].

Сравнение вышеперечисленных видов CMS представлено на таблице 1.

Таблица 1 – Сравнение коробочных и студийных CMS [2]

У CMS существует ряд недостатков:

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

– некоторые CMS не поддерживают функцию продвижения сайтов в сети Интернет [1];

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

– многие CMS не выдерживают большого количества посетителей на сайте;

– размещение сайта, созданного с использованием CMS на хостинге обычно дороже размещения сайта, созданного без использования CMS [5];

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

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

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

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

1.2 Инструменты для создания сайта без CMS

По результатам рейтинга 100 самых посещаемых сайтов России от LiveInternet.ru, всего 7 сайтов созданы с использованием CMS [6].

Исходя из результатов данного рейтинга, можно сделать вывод, что для создания сложных сайтов или сайтов специфической направленности CMS обычно не используют, их делают вручную. При этом, чаще всего используют язык разметки гипертекста HTML, каскадные таблицы стилей CSS, языки программирования (например, JavaScript, PHP, Perl, ASP и др.), фреймворки (например, Bootstrap, Yii, Laravel) и прочие дополнения.

HTML – стандартный язык разметки гипертекста в Интернете. Подавляющее большинство сайтов написано с использованием HTML, который интерпретируется браузером и результат интерпретации отображается на экране пользователя. С 2014 года используется новый стандарт HTML5 (пятая версия HTML) [7]. С появлением стандарта HTML5 упростилась работа с мультимедийными элементами и приложениями, появилась возможность рисования на web-страницах без использования сторонних программ, появились новые теги, которые облегчают работу поисковых систем, а также повысилась скорость работы браузера при обработке страницы [8].

Каскадные таблицы стилей CSS – это механизм добавления стилей (например, шрифты, цвета) на сайт [9]. Современным стандартом CSS является CSS3 (или CSS третьего поколения) [10].

Главные особенности стандарта CSS3:

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

– создание линейных и радиальных градиентов, теней, сглаживания и пр. [11].

Характеристики

Тип файла документ

Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.

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

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

Список файлов ВКР