Файл: Особенности алгоритмизации при работе WEB-приложений.pdf

ВВЕДЕНИЕ

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

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

Представленная работа состоит из двух глав. В первой главе «Теоретические аспекты проектирования веб-приложений» рассматривается современные тенденции разработки сайтов; определяются принципы проектирования сайтов; изучается вопрос организации системы информационной безопасности и защиты информации на сайте.

Во второй главе пример алгоритмизации при работе web-приложений.

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

1 ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ПРОЕКТИРОВАНИЯ ВЕБ-ПРИЛОЖЕНИЙ

1.1 Современные тенденции разработки сайтов

Развитие разработки веб-приложений на примере сайтов на современном этапе находится под влиянием, в первую очередь, бизнес-целесообразности, стремления заказчиков получать экономные и эффективные решения. Заказчики и разработчики стремятся учесть и совместить в сайте многие задачи и «заставить» сайт работать по нескольким направлениям: как имиджевое интернет-представительство, и как продающий сайт [9].

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

• Информирование партнеров и клиентов о деятельности компании и всех изменениях в компании;
• Демонстрация уже выполненных работ (так называемое портфолио) или ассортимента товаров;
• Продвижение бизнеса в интернете;
• Привлечение новых клиентов;
• Разработка уникального ресурса в сфере деятельности.

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

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

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

Основой проектирования является грамотная компоновка страниц, логичная структура и навигация. Навигационная панель должна быть легкодоступна и проста в обращении, при этом она должна вписываться в концепцию внешнего вида всего проекта. Основа интерфейса – это графика, она требует осторожности в обращении. Именно графика накладывается на функциональность веб-ресурса. Особенности размещения графических элементов [27]:

• Обилие элементов на сайте может вызвать раздражение у посетителей, особенно в том случае, когда ее отдельные элементы резко контрастируют геометрически или же не вписываются в цветовую гамму;
• Графика не должна влиять на скорость загрузки страниц, не каждый пользователь будет ждать окончания загрузки страницы несколько минут;
• Баланс «графика-текст» должен соблюдаться таким образом, чтобы оформление не влияло на читабельность текста.

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

Типы графических вставок, используемые на веб-страницах:

• Навигационные кнопки. Помогают посетителям легко перемещаться по разделам. При хорошем оформлении способны привлечь большее внимание, чем обычные текстовые ссылки;
• Разработка логотипа компании, выверенный фирменный стиль, помогает увеличить узнаваемость бренда или торговой марки;
• Маркеры списков. Они привлекают внимание пользователей к наиболее важной информации. Часто они используются для разделения абзацев в тексте;
• Графические заголовки позволяют использовать любые нестандартные шрифты, которых может не быть на компьютере пользователя.

Главная страница сайта – наиболее посещаемая на ресурсе и является точкой входа. Отрисовка интерфейса, в т.ч. и создание адаптивного дизайна сайта начинается именно с разработки главной страницы. Основная суть её оформления – рассказать о компании-владельце, о преимуществах перед конкурентами, дать представление о деятельности фирмы (вкратце рассказать о товарах или услугах) [29].

В том случае, когда посетитель приходит через поисковую систему, например, на выкладку каталога, все равно рано или поздно он выйдет на главную страницу ресурса.

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

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

Но в большинстве, корпоративные сайты носят информационный характер. Главная страница для таких ресурсов – это своего рода рекламный буклет предприятия.

Именно дизайн главной страницы подталкивает (или не подталкивает) пользователя к дальнейшей работе с сайтом. Основные качества [31]:

1. Информативность. Посетитель при первом же взгляде должен понять, что он попал по адресу и получит необходимые услуги:

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

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

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

4. Уникальное торговое предложение (УТП)

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

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

6. Текстовая информация. Если говорить про тексты, то большинству корпоративных сайтов, для повышения релевантности при поисковом ранжировании, текст необходим. Текстовая информация используется для того, чтобы описать преимущества компании, её продукции, разместить отзывы. Текстовые блоки можно оформлять иконками и современной инфографикой.

7. Целевые кнопки

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

8. Каталог продукции. Для корпоративного сайта, нацеленного на продажи товаров и услуг, можно оформить выкладку товаров из каталога на главной странице, например, товары со скидками, акции, новинки, хиты продаж и самые популярные торговые предложения [28, с. 105].

1.2 Принципы проектирования сайтов

Сайт – необходимый атрибут среднего и крупного бизнеса, а также уникальный инструмент для командной работы над задачами и проектами, для ведения CRM-баз данных и документооборота, для эффективных внутренних коммуникаций и PR-кампаний. Виртуальное представительство предприятий и организаций в Глобальной сети стало массовым не так давно, однако быстро нашло отклик у широкой аудитории. Сегодня многофункциональный сайт есть у любой компании, которой не чужды понятия фирменного стиля и корпоративной культуры. Многочисленные исследования показывают, что грамотное использование интернет-ресурса позволяет получить конкурентное преимущество за короткое время и с минимумом дополнительных вложений. При этом сайт может работать на любую цель: повышение имиджа, расширение географии продаж, привлечение инвестиций и др. Однако ожидать эффекта следует только от профессионально подготовленного ресурса [34].

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

• интеграция во внутреннюю корпоративную сеть;
• ведение документооборота и бухгалтерии;
• управление и визуализация бизнес-процессов;
• расширенное управления почтовым сервером, работающим по протоколу POP3;
• кластеризация веб-ресурса, т.е. его географического распределения на нескольких серверах в целях улучшения доступности портала и его масштабирования при больших нагрузках;
• автоматическая отправка сообщений (Push & Pull);
• полная интеграции с мобильными версиями интернет-магазинов;
• A/B тестирования на предмет конверсии, при изменениях в архитектуре и дизайне сайта;
• расширенная веб-аналитика, необходимая для успешного проведения маркетинговых мероприятий и др.

Формально создание любого сайта состоит из нескольких типовых этапов. Успешность же ресурса зависит от того, насколько тщательно, творчески, технически грамотно каждый из них был пройден. Классические этапы разработки сайта [50]:

1. Бизнес-аналитика. Это формулировка целей и предпроектные исследования: анализ целевой аудитории, конкурентов, конкурентных преимуществ заказчика. Формирование бюджета.

2. Создание ТЗ. Это детальный план работы, утверждение решений по дизайну и особенностям программирования. На рисунке 1 представлена примерная схема разработки концепции контента и дизайна, подчиненных готовой бизнес-модели.

Рисунок 1 – Методика разработки успешного сайта для достижения цели

Рисунок 2 – Примеры отображения структуры сайтов

3. Создание структуры. На этом этапе продумывается структура сайта. На рисунке 2 представлены примеры структуры корпоративных сайтов. Обычно для корпоративных сайтов используется иерархическая структура: главная страница, с которой можно попасть на остальные страницы. Внутри подчиненных страниц возможны ссылки на другие подчиненные страницы – это делает сайт более интерактивным [44].