Файл: Разработка веб-сайта для ресторана быстрого питания BurgerYum (Аналитическая часть).pdf

Про сам язык невозможно сказать, что он полностью язык программирования, потому что он работает на скриптах. При написании тяжелых проектов сервис начинает очень сильно тормозить или падать, поэтому вместо него следует использовать Python или C#.

HTML 5 и CSS 3 не являются языками программирования, чаще всего они наводят марафет для веб-ресурса. Веб-проект был написан на HTML 5, CSS3 и jQuery (один из библиотек Javasript). Далее будет анализ способа размещения веб-ресурса в Интернет.

Обоснование выбора способа размещения Web-ресурса в Интернет.

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

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

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

Способ третий: размещение на своем компьютере. Этот способ подойдет, если это корпоративный портал или система мониторинга за серверами. Минус тут очевидный: размещение доступно только внутри портала.

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

Глава 2. Проектная часть.

Структура и содержание сайта.

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

Home
Product
Sidebar

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

Разделы сайта и система навигации.

Разделы сайта приведены в параграфе 2.1. Отдельным моментом хочется отметить, что сайт специально сделан в черном цвете. Мобильные телефоны нового поколения оснащены экранами AMOLED или SuperAMOLED, которые не отображают черный цвет и экономят этим заряд аккумулятора. К примеру многие веб-ресурсы в 2017 году, то есть приложения и операционные системы имеют возможность переключиться в черную тему.

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

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

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

Функциональные и технические требования.

Техническими и функциональными требованиями от сайта были следующие пункты:

Скорость сайта
Минимализм
Больше темной темы
Простота
Минимальные денежные вложения

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

Эскиз сайта.

Эскиз сайта (Рисунок 14) был приблизительно нарисован заказчиками, где и как должны размещаться бургеры. Заранее ими было уведомлено о том, что текст сайта и эскиз сайта нельзя было использовать, поэтому общий вид есть, а текст сайта сделан одинаковым. Далее будет рассмотрена процедура тестирования веб-ресурса.

Рисунок 14. Эскиз сайта BurgerYum!

Описание процедуры тестирования созданного Web-ресурса.

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

Далее будет описание программных модулей, в следствии чего работает или заработал веб-сайт.

Описание программных модулей.

Веб-ресурс был написан на HTML 5, CSS3, jQuery, благодаря которому веб-сайт работает полноценно и без ошибок. Вот часть кода:

.version.index{color:#0000FC;background-color:#3F905E;}#muse_css_mq{background-color:#FFFFFF;}#page{z-index:1;width:960px;min-height:3000px;background-image:none;border-style:solid;border-color:#000000;background-color:transparent;margin-left:auto;margin-right:auto;border-width:0px 0px 1px;}#ppu82{z-index:0;width:0.01px;padding-bottom:0px;margin-right:-10000px;margin-top:7px;}#pu82{z-index:4;width:0.01px;}#u82{z-index:4;width:405px;position:relative;margin-right:-10000px;margin-top:67px;}#u434-4{z-index:6;width:395px;min-height:61px;position:relative;margin-right:-10000px;margin-top:58px;left:8px;}#u435{z-index:29;width:229px;position:relative;margin-right:-10000px;margin-top:32px;}#u438{z-index:31;width:229px;position:relative;margin-right:-10000px;left:232px;}#menuu124{z-index:223;width:418px;height:34px;position:relative;margin-right:-10000px;margin-top:81px;left:542px;}#u146{width:139px;min-height:34px;position:relative;margin-right:-10000px;}#u149{width:139px;padding-bottom:17px;position:relative;}#u149:hover{width:139px;min-height:0px;margin:0px;}#u149:active{width:139px;min-height:0px;margin:0px;}#u151-4{width:139px;min-height:17px;position:relative;margin-right:-10000px;top:8px;}#u149:hover #u151-4{padding-top:0px;padding-bottom:0px;min-height:17px;width:139px;margin:0px -10000px 0px 0px;}#u149:active #u151-4{padding-top:0px;padding-bottom:0px;

Далее будет анализ рекламной компании по продвижению веб-ресурса в интернет.

Разработка рекламной кампании по продвижению Web-ресурса в Интернет.

Самый выгодный и эффективный способ продвижения веб-ресурса в интернет – это Google maps и Facebook. По эффективности и скорости распространения — это самый наилучший вариант.

Рисунок 15. Распространенность компании BurgerYum.

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

Формирование массива ключевых слов для поиска Web-ресурса в поисковых системах.

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

Список ключевых запросов.

Burger King
Chili Burger
Pennsylvania burger
Burger Yum
Cheap food
Good food
USA Burger
Harrisburg burger

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

заключение

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

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

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

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

список литературы

Learning Web Design. Book by Jennifer Niederst Robbins
JavaScript and JQuery: Interactive Front-End Web Development. Book by Jon Duckett
Создание лендинга от А до Я. Подробнейшее руководство с примерами
Дженис Линдси: всё о цвете
UNIX and Linux System Administration Handbook (5th Edition) by Eva (Author), Garth Snyder (Author), Trent R. Hein (Author), Ben Whaley (Author), Dan Mackin (Author)
The Book of CSS3: A Developer's Guide to the Future of Web Design. Book by Peter Gasston
Steve Jobs. Book by Walter Isaacson
Adobe Dreamweaver CC Classroom in a Book (2017 Release). Book by James J. Maivald
Основы разработки веб-приложений / Сэмми Пьюривал (2015)
Отзывчивый веб-дизайн – И. Маркот
Джон Дакетт | HTML и CSS. Разработка и дизайн веб-сайтов.