2 Разработка Webсайта 1 Общие сведения. Этапы создания сайта
 Скачать 6.33 Mb.
|
|
2 Разработка Web-сайта 2.1 Общие сведения. Этапы создания сайта Сайт – это ресурс, состоящий из веб-страниц (документов), объединенных общей темой и взаимосвязанных между собой с помощью ссылок. Сайт регистрируется на одно физическое, либо юридическое лицо и обязательно привязывается к конкретному домену, который также является его адресом. В настоящее время существует огромное количество различных сайтов, которые классифицируются по назначению, сайты делятся на виды, к ним относятся: сайт - визитка. Расширенный вариант обыкновенный визитки. Объем сайта - до 5 страниц. Дизайн выполняется с учетом фирменного стиля, обычно содержит самые общие данные о фирме, ее видах деятельности, ценах, контактную информацию, схему проезда. Такой тип сайтов используется не только компаниями, но и специалист может разместить свое резюме или портфолио. Цель такого сайта - кратко предоставить необходимую информацию потенциальным клиентам; информационный сайт фирмы - Интернет-представительство. Главной задачей такого сайта является предоставление полной и регулярно обновляемой информации о деятельности компании, ее возможностях и достижениях, предлагаемых услугах, подробное описание и характеристики выпускаемой или продаваемой продукции (каталог товаров), прайс-листы, новости, проводимые акции, различного рода иллюстрации, в общем, вся та информация, которая может заинтересовать потенциальных клиентов. При значительных объемах эта информация разбивается на тематические разделы. Кроме того, на сайте размещаются также контактные данные, форма обратной связи или заявки, отзывы и рекомендации клиентов компании, для повышения уровня доверия к ней и т.д., и т.п. Именно такого типа сайты чаще всего создают представители малого и среднего бизнеса; промо-сайт. Сайт этого типа предназначен для продвижения продукта или услуги, его основная задача стимулировать посетителя к покупке. Срок жизни промо-сайтов мал, потому что они создаются специально под определенные акции (маркетинговые или социальные), мероприятия (фестивали, концерты), новинки (линейки продуктов) или посвящены какой-то узкой теме, обладают броским, запоминающимся дизайном, содержат большое количество графики, флэш-анимацию, интерактивные презентации, демо-ролики и другие мультимедийные инструменты, позволяющие наглядно продемонстрировать свойства рекламируемого товара или услуги. Обычно содержат ссылку на главный сайт компании - организатора акции; интернет-магазин. В основе такого сайта каталог продукции с подробным описанием и техническими характеристиками товаров, регистрация покупателей, ведение системы заказов, поиск и подбор товаров по параметрам, сравнение товаров, сбор отзывов и комментариев посетителей, системы различных способов оплаты и управления валютами, подсчета стоимости доставки и предоставляемых скидок, генерацией отчетов и прочего довольно сложного программного функционала; корпоративный сайт. Также содержит полную информацию о компании, ее услугах и продукции, основных событиях и новостях в жизни компании. Отличается от сайта -визитки и представительского сайта более сложным и разнообразным функционалом: это могут быть различные инструменты для работы с контентом (поиск, фильтры, настройки), календари событий, корпоративные блоги, форумы, различные системы общения, фотогалереи, зачастую интегрирован с внутренними информационными системами компаний (бухгалтерией, КИС, CRM), иногда содержит закрытые разделы для различных групп пользователей - сотрудников, дилеров, партнеров и т.д; портал. Сложная Интернет-система, предназначенная для решения как коммерческих, так и некоммерческих задач. Порталы могут быть информационные (различные справочные системы и Интернет-энциклопедии), новостные, развлекательные, игровые, тематические, отраслевые, видео, могут предоставлять различные платные услуги посетителям или площадки для размещения рекламы. Для порталов характерны многоуровневая структура, огромный объем размещаемой информации и внушительная аудитория. Как правило, порталы требуют индивидуальных программных решений и серьезных финансовых вложений; информационный сайт – это веб-ресурс, на котором содержатся страницы с размещенным на них контентом (статьи, изображения, видео и аудиофайлы), посвященным одной или нескольким тематикам. Статьи на таком сайте обычно отвечают на вопрос «Что, где, когда, как сделать и т.д.». Проще говоря, информационный сайт представляет собой сборник документов с определенным информационным контентом. Пример наиболее популярного информационного сайта – Википедия; навигационные сайты. Сложные Интернет-системы, позволяющие пользователям найти нужную информацию: это поисковые системы, рейтинги и крупные авторитетные каталоги сайтов, также требуют индивидуальных программных решений и серьезных финансовых вложений. При создании сайта «Защита информации в локальных и глобальных компьютерных сетях» был выбран вид сайта «Информационный сайт», поскольку он в полной мере позволит изложить всю доступную информацию, далее рассмотреть этапы создания сайтов. Создание сайта — многоэтапный сложный процесс разработки, охватывающий труд целого штата специалистов: от аналитиков и маркетологов до дизайнеров и программистов. Следование всем этапам процесса создания сайтов позволяет правильно организовать работу всех специалистов, что гарантирует конечное качество проекта. Далее описаны этапы создания сайтов. Анализ целевой аудитории и конкурентов. Первый этап разработки — аудит и анализ. В первую очередь собирается информация о деятельности предприятия, оценивается текущая стратегия продвижения, фронт проведенных работ. Отдельно внимание уделяется целевой аудитории и основным конкурентам. Для создания качественного сайта важно изучить конкурентов в нише, а также основных потребителей продукта. Аудит позволяет получить характеристику целевой аудитории и выявить потребительские мотивы для разработки эффективной стратегии продвижения. Постановка целей. После анализа обязательно проводится формирование целей и задач проекта. Важно сразу определить для чего будет использоваться ресурс: для продаж, информирования потребителей и получения обратной связи, работы с репутацией бренда и т. д. Помните, правильно расставленные цели экономят бюджет и время организации, и позволяют быстрее достичь желаемого результата. Разработка технического задания. Немаловажный этап разработки сайта — создание проектной документации и технического задания. Во время написания ТЗ важно учитывать каждый аспект работы и прописывать все процессы — качество работы специалистов и проекта в целом напрямую зависит от проработки технического задания. На данном этапе определяется общая концепция проекта, планируется его функциональность, общий стиль и особенности дизайна. При построении технического задания важно полностью использовать данные, полученные из предыдущих двух этапов. Готовое ТЗ должно быть написано на языке, понятным для каждого специалиста, не иметь неточностей, описывать каждый процесс работы в точных деталях. В техническом задании указывается вся функциональная составляющая проекта, инструментарий и дизайн, особенности интерфейса, т. д. Также в ТЗ требуется определить используемые технологии и методы разработки, обозначить весь перечень предоставляемых услуг разработчиками. Проектирование и прототипирование. После проработки проектной документации создается прототип сайта. Основная задача прототипа — разработать интуитивно понятный и функциональный интерфейс, удобный для конечного пользователя. При этом требуется помнить, что от принятого прототипа зависит конечный результат работы и жизнеспособность сайта в целом. В готовом прототипе должна быть четко распланированная структура будущего проекта. Создана удобная навигация и система поиска, проработаны детали и особенности интерфейса. Ресурс с проработанным до релиза юзабилити получает явное преимущество на фоне конкурентов. Удобный и проработанный сайт лучше ранжируется в Google и Яндекс, имеет меньший процент отказов и большую конверсию, нравится пользователям. Проработка макетов дизайна. Следующим этапом разработки сайта является создание макетов страниц согласно ТЗ и готового прототипа. Дизайнеры отрисовывают указанное в ТЗ количество вариаций главной страницы, категорий, каталога и товарных карточек. Кроме того, уделяется внимание дизайну каждого элемента на страницах: от блоков и форм поиска до слайдеров с фото. Основная задача при создании макета — сформировать цельный, завершенный образ сайта. При разработке дизайна учитываются корпоративные цвета, используются атрибуты, отображающие образ компании. По завершении работы с макетами результат отправляется заказчику на согласование, после чего проводятся завершающие правки. Настройка основных модулей. Одним из основных этапов создания сайта считается программирование — добавление в проект всех заложенных опций и функций. Задача программистов: разработать и внедрить заложенную в ТЗ функциональность, настроить основные модули, обеспечить корректную работу ресурса. На данном этапе также проводится техническая оптимизация, ускорение загрузки, выявление и устранение всех ошибок в коде. Интеграция с учетными системами и сервисами. Отдельно проводится внедрение сторонних IT-продуктов для расширения функциональности сайта. Разработчики настраивают синхронизацию веб-сайта с CRM, подключают программу складского учета и бухгалтерию. Дополнительно проводится интеграция мессенджеров, подключаются онлайн-консультанты, настраиваются модули почтовой рассылки. При необходимости интегрируются калькуляторы стоимости заказа или расчета стоимости доставки, т. д. Наполнение контентом и SEO. Следующие этапы разработки сайта — базовая оптимизация и работа с контентом. Согласно рекомендациям SEO-специалиста, разрабатывается структура и посадочные страницы сайта, внедряются коммерческие факторы и т.д. Также на данным этапе возможно проведение базовой SEO-оптимизации: распределение веса страниц сайта, добавление и оптимизация изображений, заполнение meta-данных. После завершения всех работ с кодом проводится наполнение страниц контентом. Сначала разрабатывается контент-план, затем загружаются уникальные тексты и авторский контент. В зависимости от специфики сайта, повышенное внимание уделяется медиа-контенту: графикам и таблицам, видеоматериалам и т. д. Тестирование и запуск. Порядок создания интернет-сайта предполагает проведение тестирования перед релизом. На локальной копии проекта или тестовом сервере оценивается работа основных функций, скорость загрузки страниц, удобство серфинга. Любые ошибки устраняются, код и структура при необходимости редактируются. При успешном прохождении тестов ресурс устанавливается на хостинг компании и привязывается к домену. Проводятся техническая и SEO-оптимизация, подключаются метрики и вебмастеры Google и Яндекс, настраиваются цели. По завершении пусконаладочных работ заказчику передаются все права на управление ресурсом, а также необходимая документация при наличии. Поддержка и сопровождение. После релиза сайт успешно собирает трафик в интернете и генерирует продажи. Однако для поддержания конкурентоспособности важно регулярно развивать проект. Услуга поддержки и сопровождения веб-сайта предполагает проведение технических работ или консультации сотрудников компании клиента. Отдельно выделяются работы по модернизации и масштабировании проекта: расширение ресурса, интеграция сторонних IT-продуктов, доработка структуры. Кроме того, требуется уделять внимание рекламному продвижению и управлению репутацией бренда в сети. Все этапы работ над созданием сайта влияют на конечный результат и качество проекта. Создание веб-сайта — сложный многоэтапный процесс разработки, требующий привлечение обширного штата специалистов. Для создания качественного, полезного и конкурентоспособного сайта требуется учитывать все этапы разработки и привлечь к работе квалифицированных специалистов. 2.2 Характеристика объектов автоматизации Илекский зоотехнический техникум - филиал федерального государственного бюджетного образовательного учреждения высшего образования «Оренбургский государственный аграрный университет (в дальнейшем именуемый Филиал) является обособленным структурным подразделением федерального государственного бюджетного образовательного учреждения высшего образования «Оренбургский государственный аграрный университет». Наименование Филиала - полное: Илекский зоотехнический техникум - филиал федерального государственного бюджетного образовательного учреждения высшего образования «Оренбургский государственный аграрный университет»; сокращенное: Илекский зоотехнический техникум — филиал ФГБОУ ВО Оренбургский ГАУ. Место нахождения Филиала: 461350, Оренбургская область, Илекский район, с. Илек, ул. Комсомольская, 39. Почтовый адрес Филиала: ул. Комсомольская, 39, с. Илек, Илекский район, Оренбургская область, 461350. Филиал в своей деятельности руководствуется законодательством Российской Федерации, постановлениями, приказами и иными нормативными актами уполномоченных государственных органов, Уставом, настоящим Положением и иными локальными актами Университета и Филиала. Филиал осуществляет в качестве основной цели деятельности образовательную деятельность по образовательным программам среднего профессионального образования (программам подготовки квалифицированных рабочих, служащих, программам подготовки специалистов среднего звена). Главными целями Филиала является предоставление качественного образования по каждому из нижеперечисленных специальностей: 36.02.01 «Ветеринария». 09.02.04 «Информационные системы (по отраслям)». 35.02.15 «Кинология». 38.02.01 «Экономика и бухгалтерский учёт (по отраслям)». Эффективность работы Филиала напрямую зависит от правильно выбранной и построенной организационной структуры. Организационная структура Филиала выстраивается, с одной стороны, в соответствии с теми задачами, которые ставит перед организацией её стратегия. В филиале используется линейная организационная структура. Линейная организационная структура – это одна из наиболее простых структур. В ней используются принципы централизма и единоначалия. Во главе каждого коллектива стоит руководитель, который подотчетен вышестоящему руководителю. Данная организационная структура имеет следующие достоинства: простота и скорость принятия управленческих решений, ясность в распределении обязанностей, дисциплина. К недостаткам относится дефицит времени и перегруженность руководителей, которые в спешке могут принимать неверные управленческие решения или поддаваться давлению нижестоящих сотрудников. Разноплановые функции на одном человеке могут приводить к некачественному результату или невыполнению поставленной задачи. Организационная структура Филиала показана на рисунке 1.  Рисунок 1 – Организационная структура организации Управление образовательным процессом осуществляется через систему контроля органами управления техникумом. Воспитательные задачи педагога, обеспечивающие эффективное управление образовательным процессом, является знание студента, его способностей, интересов, психологических и физиологических особенностей. Для разработки сайта необходимо достаточное техническое и программное обеспечение. Техническое обеспечение - комплекс технических средств, предназначенных для работы информационной системы, а также соответствующая документация на эти средства и технологические процессы Комплекс технических средств составляют: компьютеры любых моделей; устройства сбора, накопления, обработки, передачи и вывода информации; устройства передачи данных и линий связи; оргтехника и устройства автоматического съема информации; эксплуатационные материалы и др. Минимальные необходимые характеристики для полноценной разработки и эксплуатации сайта, необходимо, чтобы персональный компьютер обладал следующими характеристиками: процессор – Intel Pentium Dual-Core E5300 работающий на частоте 2,60 GHz имеющий 2 ядра и 2 потока и техпроцесс 45нм (Рисунок 2); оперативная память – объемом 3 ГБ (Рисунок 3); видеокарта – установлена встроенная видеокарта модели Intel G33/G31 работающая по 90нм технологии и имеющая DDR2 тип памяти (Рисунок 4);  Рисунок 2 – Программа CPU-Z на вкладке процессора  Рисунок 3 – Программа CPU-Z на вкладке оперативной памяти  Рисунок 4 – Программа GPU-Z на вкладке видеокарты Помимо данных технических характеристик необходимо, чтобы персональный компьютер был оснащён монитором, компьютерной мышью и клавиатурой. В качестве такого оборудования выступает: монитор от компании BenQ модели G920WA (Рисунок 5); манипулятор от компании Genius имеющий 3 рабочие кнопки; клавиатура от компании Genius.  Рисунок 5 – Окно программы AIDA 64 на вкладке монитор Данного технического обеспечения достаточно, для полноценной разработки и эксплуатации сайта. Наравне с техническими средствами необходимо использовать программное обеспечение. Программное обеспечение (ПО) – программа или множество программ, используемых для управления компьютером. К программному обеспечению относятся три вида, которые определяют функции, свойства и характер входящих в них программ: системное, прикладное и инструментальное. Системное программное обеспечение – комплекс программ, которые обеспечивают управление компонентами компьютерной системы, такими как процессор, оперативная память, устройства ввода-вывода, сетевое оборудование, выступая как «межслойный интерфейс», с одной стороны которого аппаратура, а с другой — приложения пользователя. В качестве системного программного обеспечения на компьютере установлены: Realtek High Definition Audio Driver; Intel Graphics Media Accelerator Driver; Операционная система Windows 10 (Рисунок 6); В качестве антивирусной программы AVG AntiVirus Free.  Рисунок 6 – Окно программы AIDA 64 на вкладке ОС Антивирус AVG AntiVirus Free – один из самых популярных бесплатных антивирусных продуктов, обладающий всеми необходимыми инструментами для своевременной и качественной защиты компьютера, и системы от всех известных и новейших угроз. Прикладное (специальное) программное обеспечение - это совокупность программ, разработанных при создании конкретной информационной системы. Оно предназначено для решения конкретных задач пользователя и организации вычислительного процесса информационной системы в целом. В качестве прикладного программного обеспечения установлено: Google chrome – средство просмотра WEB страниц, в окне воспроизводится текст, графика, видео, музыка, а также работа с электронной почтой; Яндекс.Браузер — браузер, предназначенный для просмотра WEB страниц. Данного программного обеспечения вполне достаточно для корректной работы сайта и его разработки. |