
Тип работы:	Предмет:	Язык работы:

Мобильная версия web-сайта по организации грузоперевозок

Работа №	146627
Тип работы	Дипломные работы, ВКР
Предмет	электроэнергетика
Объем работы	54
Год сдачи	2017
Стоимость	4850 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено	37

Не подходит работа?

Узнай цену на написание

Содержание

Аннотация 3
Введение 5
1 Характеристика мобильных web-сайтов 7
1.1 Исследования в области использования мобильных устройств 7
1.2 Отличия мобильного сайта от десктопного 8
1.3 Требования поисковых систем к сайтам для мобильных устройств 10
1.3.1 Требования компании Яндекс 10
1.3.2 Требования компании Google 12
1.4 Методы адаптации сайта для мобильных устройств 13
1.4.1 Мобильная версия 13
1.4.2 Динамический показ 14
1.4.3 Адаптивный дизайн 16
1.5 Обзор существующих мобильных web-сайтов компаний по
организации грузоперевозок 18
1.6 Выбор метода адаптации сайта для мобильных устройств 21
1.7 Основные правила оптимизации сайтов для мобильных устройств 23
2 Создание мобильной версии web-сайта по организации грузоперевозок .... 26
2.1 Требования заказчика 26
2.2 Реализация мобильной версии web-сайта 27
2.2.1 Выбор способа разработки 27
2.2.2 Выбор инструментов и технологий 29
2.2.3 Подготовка к работе 31
2.2.4 Структурные элементы web сайта 32
2.2.5 Разработка CSS и JS кода 33
2.3 Тестирование мобильной версии web-сайта 37
2.4 Технические требования к использованию мобильной версии 38
2.5 Руководство пользователя по адаптации web-сайта для мобильных
устройств 39
Заключение 47
Список использованных источников 48
Приложение 51

Введение

На сегодняшний день невозможно представить себе современный мир без планшетов, смартфонов и прочих мобильных устройств. Для посещения сайтов, пользователи с каждым днем активнее используют свои гаджеты. А для некоторых интернет проектов вообще существуют только мобильные версии. Под таких активных пользователей интернета вынуждены подстраиваться как владельцы сайтов, так и поисковые системы.
Например, компания Google запустила новый поисковый алгоритм mobile-friendly, в результате которого определяются web-страницы дружественные к смартфонам. При помощи алгоритма mobile-friendly, web- страницы наделяются приоритетом при ранжировании в результатах мобильной выдачи.
Компания Яндекс, в свою очередь, объявила о создании похожего алгоритма под названием «Владивосток». Суть его заключается в том, что в мобильном поиске предпочтение отдается тем сайтам, которые адаптированы для просмотра непосредственно на мобильных устройствах.
Новые алгоритмы ранжирования сайтов в поисковых системах вынуждают разработчиков сайтов всего мира взяться за мобильную оптимизацию сайтов, чтобы не потерять долю пользователей Интернет с мобильных устройств. И дело не только в требованиях поисковых систем. Глобальный мобильный трафик догнал десктопный еще в начале 2014 года. А сегодня уже около 67% трафика в Рунете1 приходится именно на мобильные устройства.
В первую очередь о мобильной версии сайта следует задуматься владельцам электронных СМИ, блогов, интернет-магазинов и других корпоративных сайтов, а также сайтов развлекательной тематики. Все это те ресурсы, которые ежедневно собирают большое число просмотров именно с мобильных устройств, когда пользователи читают новости, смотрят видео или выбирают товары и услуги прямо «на бегу».
Все вышеперечисленное означает, что игнорировать мобильную адаптацию больше нельзя.
Объект выпускной квалификационной работы - процесс разработки мобильной версии web-сайта с использованием современных web- технологий.
Предмет - мобильная версия web-сайта по организации
грузоперевозок.
Цель - разработать мобильную версию web-сайта компании, оказывающей услуги по организации грузоперевозок.
Для достижения поставленной цели были поставлены следующие задачи:
• проанализировать и изучить теоретические материалы по использованию информационных технологий в реализации мобильной версии сайта;
• выделить требования, предъявляемые к мобильным web-сайтам;
• проанализировать и выбрать метод разработки мобильного web- сайта;
• определить технологии и инструменты разработки мобильной версии web-сайта по перевозке грузов;
• разработать мобильную версию web-сайта по организации грузоперевозок.

Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!

ДИПЛОМНЫЕ МАГИСТЕРСКИЕ ДИССЕРТАЦИИ

Курсовые Статьи Диплом Рязань

Заключение

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

Литература

1. 10 правил оптимизации сайта под мобильные устройства. Блог Seopult. [Электронный ресурс]. - URL: http://blog.seopult.ru/seotech/10-pravil- optimizacii-sajta-pod-mobilnye-ustrojstva.html (дата обращения: 25.04.2017).
2. Адаптивная верстка. [Электронный ресурс]. - URL:
https://htmlweb.ru/css/adaptivnaja_verstka.php (дата обращения: 28.04.2017).
3. Веру Л. Секреты CSS. Идеальные решения ежедневных задач. [Текст] / Веру Л. - Санкт-Петербург: Питер, 2016. - 336 с.
4. Выбираем медиа-запросы: min-width или max-width. [Электронный ресурс]. - URL: http://www.internet-technologies.ru/articles/article_2757.html (дата обращения: 18.05.2017).
5. Динамический показ. Google Developers. [Электронный ресурс]. -
URL: https://developers.google.com/webmasters/mobile-seo/dynamic-serving
(дата обращения: 28.04.2017).
6. Дэвид Макфарланд. Большая книга CSS [Текст] / Дэвид Макфарланд. - Санкт-Петербург: Питер, 2012. - 560 с.
7. Дэйв Ши. Философия CSS-дизайна [Текст] / Дэйв Ши, Молли Е. Хольцшлаг. - Москва: НТ Пресс, 2005. - 312 с.
8. Итан Маркотт. Отзывчивый веб-дизайн [Текст] / Итан Маркотт. - Москва: Манн, Иванов и Фербер, 2012. - 176 с.
9. Как важно быть мобильным. Блог Яндекса. [Электронный ресурс]. — URL: https://yandex.ru/blog/company/kak-vazhno-byt-mobilnym (дата обращения: 24.04.2017).
10. Как и зачем адаптировать сайт для мобильных устройств [Электронный ресурс]. - URL: https://vc.ru/p/eski-mobile-site (дата обращения: 15.05.2017).
11. Количество пользователей интернета в России. ИНТЕРНЕТ В РОССИИ И В МИРЕ. [Электронный ресурс]. - URL: http://www.bizhit.ru/index/users_count/0-151 (дата обращения: 26.04.2017).
12. Лиза Гарднер. Разработка веб-сайтов для мобильных устройств [Текст] / Лиза Гарднер, Джейсон Григсби. - Санкт-Петербург: Питер, 2013. - 448 с.
13. Особенности расширения в CSS. [Электронный ресурс]. - URL:
http://www.internet-technologies.ru/articles/article_1659.html (дата обращения: 18.05.2017).
14. Почему каждому бизнесу нужен мобильный сайт. SeoPult.ru: автоматизированное продвижение сайтов. [Электронный ресурс]. - URL: https://seopult.ru/subscribe.html?id=296 (дата обращения: 02.05.2017).
15. Правило @media CSS для адаптации сайтов под мобильные устройства. [Электронный ресурс]. - URL: https://webgyry.info/media-css- mobile-optimized-device (дата обращения: 05.05.2017).
... всего 30 источников