Проектирование, разработка сайта, его тестирование и методы внедрения в Муниципальном учреждении Информационном агентстве «Приуралье»

ВВЕДЕНИЕ
С появлением Интернета все более актуальным становится поиск интересующей информации в Сети. В результате прогресса web-технологий, разработчики ищут более усовершенствованные решения поставленных задач. Примером этого являются разработки Интернет-сайтов, благодаря которым легко искать необходимую информацию, тематика которых различна.
Развитие технологий интернет-программирования привело к разнообразию языков программирования, появлению конструкторов и шаблонов для разработки сайтов, что облегчает их создание.
В настоящие время разработка web-сайтов актуальна для предприятий. Хороший и продуманный сайт должен нести в себе полезную и необходимую информацию для пользователей.
С помощью web-сайта фирмы могут создать себе определенный имидж, рекламу, а также предоставить информацию о своей деятельности. Так же через сайт происходит общение между клиентами и его администраторами, в лице руководителей фирмы или ее работников.
Интернет один из ресурсов продвижения и рекламы. Большинство населения пользуются ресурсами Интернета, где в удобном и доступном виде предоставляется интересующая их информация.
Клиенты фирмы, используя web-сайт, имеют в полной мере информацию о производимых товарах компанией, новости о компании, осуществление связи с представителями и тд.
Таким образом, в ходе выполнения дипломной работы будет разработан сайт Информационного агенства «Приуралье».
Цель дипломной работы заключается в разработке и проектировании сайта для Муниципального учреждения Информационного агентства «Приуралье», а также в тестировании созданного сайта и определении оптимальных методов его внедрения и эффективного функционирования. Главной задачей проекта является создание удобного и информативного онлайн-ресурса, который будет предоставлять актуальную информацию о деятельности учреждения, его услугах и мероприятиях, а также обеспечивать простой доступ пользователей к необходимой информации. Таким образом, целью работы является повышение эффективности взаимодействия между учреждением и его клиентами, а также улучшение имиджа учреждения и его доступности для широкой аудитории.
Для разработки сайта потребуется выполнить следующие задачи:
• изучить понятие сайта;
• выявить основные виды сайтов;
• сравнить существующие системы аналоги;
• провести анализ предприятия;
• осуществить выбор системы управления сайтом;
• разработать сайт;
• разработать техническую документацию;
• провести тестирование сайта и внедрение.
Интерфейс сайта должен быть интуитивно понятный и предоставлять быстрый доступ к информации, расположенной на нём. Сайт будет размещён на хостинге, для того, чтобы к нему имели доступ все пользователи и могли найти интересующую их информацию. Нужно провести тестирование сайта на работоспособность вместе с руководителем компании, чтобы он лично убедился в его работоспособности.

 
ГЛАВА 1 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ САЙТА
1.1. Понятие сайт и его составляющие
Сайт – совокупность логически связанных между собой веб-страниц, которые расположены на сервере по индивидуальному адресу. Обычно сайт в интернете предназначен для демонстрации большого объёма данных, расположенных в определенном порядке и отформатированных к определённому стилю, каждая страница сайта имеет свой уникальный адрес, с помощью которого можно на неё попасть. Чаще всего сайты принадлежат частным лицам или организациям и доступны в компьютерной сети под общим доступом, но иногда сайты бывают и локальные, которые расположены на одном компьютере. Локальные сайты используются для создания сайта, он сначала реализуется на локальном сервере, а потом размещается на общий. Все сайты в совокупности образуют Всемирную паутину, где коммуникации объединяют сегменты информации мирового сообщества в единое целое – базу данных и коммуникации планетарного масштаба. Для того чтобы можно было перейти на тот или иной сайт, расположенный на сервере, разработали протокол HTTP.
Страницы сайтов – это набор текстовых файлов, написанных на языке HTML. В этом текстовом файле описаны указания, которые должен выполнить браузер при открытии данной страницы, к примеру, сделать текст большим и расположить его по центру и т.д. Язык HTML позволяет:
• форматировать текст и различать в нём функциональные элементы;
• создавать гиперссылки;
• вставлять в отображаемую страницу изображения;
• вставлять звуковые записи;
• вставлять фильмы и гиф-анимацию.
Стиль страницы можно изменить в специальном файле, который пишется на языке CSS, что позволяет централизованно располагать все элементы форматирования в одном файле. Страницы сайтов могут быть простыми, написанными вручную, или создаваться с помощью специализированной компьютерной программы на сервере. Программы, которые помогают реализовывать сайты, называются системами управления содержимым (CMS). CMS или система управлений сайтом помогает реализовывать сайт на специально подготовленном движке, который позволяет организовать процесс создания, редактирования и управления содержимым, имеющимся на сайте. Чаще всего сайты включают в себя подразделы, чтобы можно было легче оформить и найти информацию. Сайты могут быть подготовлены для разной аудитории и разные языковые версии (русскоязычные, англоязычные и другие).
Веб-сайт состоит из нескольких веб-страниц, по ним можно перемещаться туда и обратно, для осуществления поиска нужной информации, переход от одной страницы сайта к другой осуществляется с помощью индивидуальности адреса страниц. Вся информация, которая имеется на сайте, называется контентом. С помощью веб-страницы можно расположить различные объекты в произвольном формате или заранее согласованном с сотрудниками компании. Её можно редактировать с помощью средств форматирования, таких как: выделение текста другим цветом, сделать текст жирным, курсивом, зачёркнутым, подчёркнутым и т.д. Обычно веб-сайт располагается на одном веб-сервере.
При реализации сайта нужно соблюдать такое правило, как выдержанный стиль. Выдержанный стиль – это когда каждая страничка сайта имеет оформление, подобное другим страницам сайта, которые принадлежат этому сайту. Когда стиль на разных страницах сайта одинаковый, пользователю легче ориентироваться и осуществлять поиск информации. Для того чтобы добиться наилучшего результата при реализации сайта нужно придерживаться некоторых правил создания и оформления сайтов. При реализации стиля сайта выделяют следующие элементы:
1. Шрифт – на сайте должен быть расположен шрифт одинакового стиля, цвета, размера и начертания.
2. Абзац – выравнивание текста должно преобладать по одному определенному краю, к примеру по левому, а так же при создании нового абзаца, должна соблюдаться красная строка.
3. Цветовая схема web – сайта - перед реализацией стиля нужно определиться с цветовой гаммой, которая будет использоваться для предоставления обычного текста, ссылок и посещенных ссылок, обычно выбирают три основных цвета. Помимо всего этого, цвета должны соответствовать фирменному стилю предприятия.
4. Графическое оформление сайта – оно должно соответствовать цветовой гамме, которая уже выбрана для сайта, нужно сформировать графическую концепцию оформления сайта. Причем графическая концепция должна соответствовать предприятию и не должна сливаться с расположенной информацией на сайте.
5. Навигация по сайту – предназначена для перехода с одной страницы сайта на другую. Если при создании такой панели используются графические иллюстрации, то они должны быть сделаны с сопровождением текста.
6. Сетикет (сетевой этикет) включается в себя правила поведения и обхождения, принятых при использовании компьютерных сетей. В данное время существует множество сайтов, в которых можно не только получать информацию, но и обмениваться её и вот во всех подобных системах нужно придерживаться этикета, нужно быть обходительнее, правильно излагать свою мысль, чтобы каждый клиент мог зайти и понять о чём идёт речь.
При выборе адреса сайта (URL) нужно опираться на деятельность предприятия, для которого он разрабатывается.
Название сайта должно соответствовать названию того предприятия или той услуги, про которую будет рассказываться на самом сайте, это одна из важных стадий, потому что поиск любого сайта осуществляется по названию. Названия сайта должны быть длинной до 70 знаков, включая пробелы.
Описание сайтов делятся на два вида – длинные и короткие. Они предназначены для более удобной работы с сайтом, когда люди делают запрос в поисковике, то выводится большое количество сайтов связанных с запросом, а если описание будет подходить запросу, то ссылка на сайт будет в первых рядах, без описания - сайт будет располагаться на последних страницах. Нужен и первый вариант и второй. Длинное описание должно быть от 170 до 270 знаков с пробелами. Описание сайта размещается под его названием, при запросе в поисковой системе. В нём делается упор не на часто задаваемые запросы, а на привлекательность для посетителей. Так же оно проходит проверку модераторами на возможность допуска сайта в поисковый запрос. Следующая основная часть – короткое описание сайта. Они требуются для многих каталогов и их длина должна быть 100 – 170 знаков, обычно это сокращенная версия длинного описания.
После реализации описаний сайта начинается составление списка ключевых слов, по которым можно будет найти данный сайт, чаще всего для одного сайта требуется составить 10 – 20 слов. При настройке сайта, нужно обязательно указывать рабочий e-mail, для регистрации сайта в каталогах, чтобы простой пользователь мог его найти.
Для того, чтобы сайт работал на разных устройствах, существует адаптивный дизайн. Он автоматически выбирает версию сайта и открывает её под то устройство, с которого на него зашли. Это достигается за счёт того, что сам сайт получает уведомление с какого устройства на него зашли и какие параметры имеются у этого устройства (ориентация, разрешение экрана, платформа и т.д.).
Существует такое понятие, как поддержка веб-сайта. Это система мероприятий по обеспечению стабильной работоспособности сайта, данная процедура осуществляется администрацией сайта или предоставляется сторонним организациям за определенную плату. Веб поддержка бывает таких видов:
• Техническая – проверка работоспособности сайта, защита от вирусных атак, продление хостинга и доменного имени, проверка работы электронной почты, устранение неполадок, создание резервных баз данных;
• Информационная – заполнение информацией сайта, добавление новых категорий, создание подходящих иллюстраций, обновление данных;
• Маркетинговая – включает в себя работу по продвижению сайта в поисковых системах, расположение рекламы в интернете.
• Дизайн – поддержка – отвечает за внешний вид сайта, его корректное отображение, подборку нужных изображений или создание подходящих картинок.
Все сайты создаются с определенной целью, поэтому их подразделяют на следующие виды:
1. Сайт-визитка – на нём чаще всего расположена небольшая информация о компании или человеке;
2. Корпоративный сайт – на нём находится полная информация о компании, адрес, контакты, новости, отзывы, услуги, работники и т.д.
3. Личный сайт или блог – сайт об одном человеке, его увлечения, личные данные и информация, касающаяся его;
4. Интернет – магазин – сайт, на котором можно произвести покупку любого понравившегося товара, а также осуществить оплату, а через некоторое время получить данный товар, не ходя в магазин;
5. Веб – портал – на нём расположено большое количество ссылок, на разную информацию с небольшим описанием каждого имеющегося сайта.
Так же существуют сайты других назначений, которые направлены на выполнение каких-либо возможностей в интернете:
 поисковые системы;
 почтовые ресурсы;
 доски объявлений;
 форумы;
 файлообменники;
 хранилища;
 социальные сети.
По степени доступности сайты разделяются на три типа: открытые сайты, полузакрытые сайты, закрытые сайты.
Открытые сайты находятся в свободном доступе, на таких сайтах нет никаких ограничений и не нужна регистрация.
Полузакрытые сайты, такие сайты требуют обязательную регистрацию всех пользователей, а так же доступ к информации ограничен до тех пор, пока пользователь не зарегистрируется, а после регистрации у пользователя отменяются все ограничения.
Закрытые сайты, к таким сайтам общественный доступ полностью закрыт, зайти на него могут только пользователи, которые имеют доступ к нему.
Разработка веб-сайтов осуществляется в 3 этапа: разработка макетов дизайна страниц, верстка страниц сайта на основе макетов дизайна, программирование функциональной части сайта.
Все три этапа связаны между собой и, как правило, выполняются в той последовательности, в которой они написаны. Этап программирования может осуществляться вместе с этапом дизайна, но это выполняется только в том случае, когда уже известен дизайн конечного результата сайта. Перед началом разработки сайта программист вместе с заказчиком выделяет все критерии, которым сайт должен соответствовать. Сайты всегда состоят из двух частей: внешняя часть для пользователей (клиентов) и внутренняя администраторская часть, которая предназначена для внесения изменений на сайте.
Перед разработкой сайта программист должен составить техническое задание. Это основной документ, на который опираются программисты при разработке сайта. Если вдруг у программиста с заказчиком возникает спор по выполнению поставленной задачи, то они обращаются к техническому заданию и находят тот пункт, в котором описано решение проблемы.
Техническое задание должно включать в себя следующую информацию:
• тип сайта (интернет-магазин, сайт-визитка, блог, веб-портал, корпоративный сайт и т.д.),
• род деятельности фирмы (чем она занимается),
• подробное описание всех страниц сайта,
• принцип управления станицами и информацией на сайте,
• текстовая и графическая информация,
• срок выполнения сайта.
После составления и утверждения технического задания начинается разработка дизайна сайта. На данном этапе дизайн разрабатывается в графический редакторах или рисуется вручную специально обученными людьми. Сначала создаётся структура проекта, на которой видно расположение различных элементов будущего сайта. После этого происходит утверждение структуры у руководителя и если структура утверждена, то сайт начинают наполнять графикой. Данный этап является самым сложным, потому что дизайнер должен угадать то, что хочет заказчик. Бывает так, что дизайн нравится всем, кроме самого заказчика и его приходится создавать заново. Но если дизайн описан в техническом задании, то его доработка выполняется за дополнительную плату.
Реализация программной части осуществляется обычно несколькими специалистами, в зависимости от сложности осуществляемого проекта. Главная задача программиста – заставить сайт функционировать (сделать рабочими все клавиши, реализовать переходы между страницами, сделать рабочими все элементы). Эти программисты должны владеть как минимум следующими языками программирования: PHP, MySQL, Java. Знания разных языков зависят от сложности проекта.
Для того чтобы перенести изображения на сайт необходимо произвести верстку сайта. Суть верстки заключается в том, что программист переводит графический макет сайта в исходный код. При верстке сайта используют программные языки CSS и HTML. HTML – это язык гипертекстовой разметки на котором построены все существующие сайты. Путём обработки кода, браузеры преобразуют данный язык в составляющие элементы веб-сайта. Данный язык развивается для более удобной реализации веб-сайтов и становится всё проще и проще. Поэтому браузеры нужно обязательно обновлять, чтобы они корректно выводили недавно написанные сайты. CSS – язык, который отвечает за описание настроек страниц веб-сайта, в нём описывают, к примеру цвет заднего фона, цвет шапки, настройки текстов и т.д.
При тестировании сайтов нужно тестировать, как дизайн сайта, так и функционал. Тестирование дизайна начинается с проверки на соответствие готового дизайна сайта с описанием в техническом задании. Возможность работы с сайтом на нескольких устройствах, начиная с компьютера и заканчивая телефоном. Обычно на скриншот сайта делают наложение разработанного дизайна и смотрят расхождение первого со вторым, если такие имеются то специалист, который делал верстку дизайна, должен доработать все имеющиеся недочёты. В тестирование функционала входит:
 проверка работоспособности ссылок, имеющихся на сайте;
 проверка работоспособности выпадающего меню;
 кнопки и формы, имеющиеся на сайте, должны работать;
 проверка работоспособности обратной связи;
 проверка возможности оплаты и переводов денежных средств.
 проверка возможности увеличения фотографий;
 загрузка файлов;
 отличие ссылок от текста.
Одним из важных этапов разработки сайтов является размещение его на хостинге. Веб-хостинг – это место на сервере в сети интернет, которое покупает пользователь, а сумма оплаты зависит от памяти, предоставляемой на сервере и количества баз данных. Для размещения сайта на хостинге необходимо зарегистрировать домен, который предоставляет услуги по размещению. Интернет-адрес или доменный адрес должен быть уникальным, они могут иметь разное расширение (.ru, .com). Загрузка файлов на сервер осуществляется с помощью файлового менеджера, который помогает переносить файлы с одного места в другое, в данном случае на сервер.
Любой новый сайт требует продвижения или раскрутки, чтобы сайт был в первых строках поисковых систем. Чаще всего пользователь нажимает не дальше пятой вкладки и если разработанный сайт будет среди этих пяти вкладок, то клиенты будут заходить именно на него, а если он будет дальше, то на него будет заходить небольшое количество клиентов. Продвигать сайт нужно постоянно, чтобы поддерживать сайт на том же месте в поисковой системе, стоит только остановить раскрутку сайта, и он затеряется среди других вкладок.
Правильный механизм продвижения сайта начинает работать в автоматическом режиме, требуя небольшого контроля со стороны администратора. Существует два типа раскрутки: бесплатная и платная. Бесплатная раскрутка выполняется вручную, администратор сайта должен заниматься этим каждый день и выполнять большое количество операций, регистрироваться на специальных сайтах и добавлять свой сайт в эту рекламу. Платная раскрутка более простой способ, нужно всего лишь зарегистрироваться на специальном сайте, перечислить деньги и указать на сайт, который требует раскрутки. Добиться хорошего результата можно и первым способом и вторым, но первый способ требует постоянного внимания со стороны администратора.
1.2. Основные виды сайтов
Сайты могут различаться по своей структуре и предназначению, мы рассмотрим несколько из них:
1. Сайт визитка
2. Интернет магазин
3. Веб-портал
4. Блог
Каждый из них имеет свой принцип работы и востребован в конкретных предметных областях.
Сайта визитка – это веб-сайт, который состоит из одной веб-страницы и содержит в себе основную информацию об организации, человеке, компании, торгах или услугах. Чаще всего сайт-визитку используют компании, которые не хотят нести большие затраты на разработку сайта. Внести какую-либо информацию или удалить её на данный сайт может даже сам владелец. Сайт-визитку используют не только новички-бизнесмены, но и небольшие фирмы, которых устраивает формат сайта с расположение информации на одной странице. Такие сайты чаще всего используют компании, которые не нуждаются в расширении круга клиентов за счёт сайта. Данный вид сайта намного комфортнее в применении, но на нем нельзя расположить большое количество информации, так как он станет неинформативно способным. Такой сайт считается бюджетным вариантом произвести рекламу какой-либо фирмы или частного лица. Данный вебресурс функционирует всегда и на таком сайте почти не бывает сбоев, кроме сбоев связанных с сервером. Такой сайт собирает потенциальных клиентов не хуже других видов сайтов.
Достоинства сайта-визитки:
 позволяет предприятию привлечь новых клиентов;
 значительная экономия денежных средств;
 отсутствуют затраты на управление сайтом;
 на рекламной продукции можно расположить адрес сайта;
 возможность быстрого оповещения клиентов;
 работа компании становится более качественной и повышает