УДК  004.7

WEB-разработки

WEB-development

Матвеева А.В., студент 4 курс, факультет «Прикладной математики и информационных технологий», Финансовый университет при Правительстве Российской Федерации, Россия, г. Москва

Аннотация: В данной статье раскрывается такое понятие как WEB-разработка, а также процедура создания WEB-приложения или WEB-сайта.

Summary: This article reveals such a thing as WEB-development, the procedure for creating a WEB-application or a WEB-site.

Ключевые слова: WEB-разработка, WEB-приложения, WEB-сайты, программирование, интернет-сайт.

Key words: WEB-development, WEB-applications, WEB-sites, programming, Internet site.

Что же такое WEB-разработка, постараемся более подробно разобраться в данном вопросе.

WEB-разработка (web development) – это процесс профессионального программирования сайта, который регулирует все последующие этапы, связанные с формированием HTML-кода, добавлением различных функциональных компонентов и скриптов, влияющих на показатели юзабилити и технической стабильности.

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

Если сказать другими словами, более доступным языком, то WEB-разработка – это процедура создания WEB-приложения или WEB-сайта.

Выделим основные этапы разработки WEB-сайта:

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

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

Следует заметить, что все этапы проекта WEB-сайта довольно сильно зависимы от множества различных факторов, как, например, величина объёма интернет-портала, его функциональность, а также задачи, для которых предназначен создаваемый интернет-ресурс и многое-многое иное. Но, тем не менее, имеется и некоторое количество этапов, которые непременно присутствуют при планировании абсолютно любого будущего проекта [1].

Любая работа по интернет-сайту начинается с создания его дизайна, обычно используя для этого графический редактор. WEB-дизайнер создаёт, обыкновенно, несколько таких вариантов, но в строгом соответствии с ТЗ.

При этом, отдельно разрабатывается дизайн «Главной» страницы сайта. А далее — дизайн остальных типовых страниц (новости, статьи, о нас, каталог). Собственно, сам «дизайн» являет собой графический файл, как слоёный рисунок, включающий в себя более мелкие картинки в виде слоёв в общей картинке.

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

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

Утверждённый клиентом дизайн далее передаётся специалисту-верстальщику, «нарезающему» графическое изображение на отдельные картинки, из которых позже будет сложена HTML-страница. В ходе такой работы создаётся программный код, который возможно уже смотреть при помощи какого-либо браузера (интернет-обозревателя). Ну, а как таковые эти типовые страницы, впоследствии, будут применяться, как HTML-шаблоны.

После проведённых, выше упомянутых мероприятий, готовые файла в формате HTML передаются в работы WEB-программисту. Разработка программного обеспечения интернет-сайта вполне может выполняться, как «с самого нуля», так и на основании системы CMS, зачастую так называемого «CMS-движка».

В случае применения системы управления сайтом следует отметить, что она сама, в каком-то смысле слова, уже готовый сайт, включающий в себя заменяемые блоки. Ну, а самого программиста, в таком случае, будет более верно называть «CMS-специалистом». Он должен заменить существующий стандартный шаблон, на новый оригинальный, разработанный на базе начального WEB-дизайна, с учётом индивидуальных пожеланий заказчика.

При разработке программного обеспечения интернет-сайта специалисту по CMS также устанавливаются контрольные сроки проведения работ.

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

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

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

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

Внутренняя оптимизация связана с определёнными изменениями, вносимыми в сам интернет-сайт.

Процесс оптимизации начинается с составления, так называемого, семантического ядра, для которого подбираются такие ключевые слова, которые завладеют самым большим вниманием пользователей портала, и с которыми обойти конкурентов проще[2].

Впоследствии таковые «ключевики» вносятся на сам интернет-портал и все гиперссылки, тексты и метатеги адаптируются таким образом, чтобы поисковые интернет-системы смогли их быстро обнаруживать по составленным «ключевикам».

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

Следует заметить, что «белая» оптимизация – это довольно длительный и трудоёмкий процесс, при котором стоимость его самого которого может превысить в разы материальные затраты на WEB-разработку самого сайта.

Заказчик ознакамливается с полностью готовым заказом и в случае, когда его всё полностью устраивает, то подписывают соответствующие документы, как-то Акт выполненных работ, о сдаче ему всего проекта. Кроме того, на таком этапе работы осуществляется ещё и обучение клиента или его представителя необходимым навыкам администрирования нового сайта.

В качестве примечания следует отметить, что WEB-дизайн разрабатываемого сайта непременно обязан привлекательно выглядеть при использовании пользователями различных браузеров, особенно это касается таких браузеров, как Chrome, Internet Explorer, Safari, Firefox и Opera.

Выделим преимущества веб-приложений по сравнению с обычными программами:

• удобство использования. Обеспечение мгновенного доступа к приложению, достаточно иметь только подключение к сети Интернет и работающий браузер; 
• многопользовательская система. Одновременно в веб-приложении могут работать несколько пользователей; невысокая стоимость установки и обслуживания. Веб-приложение устанавливается только на сервер. Больше не нужно отдельно устанавливать и настраивать на каждом компьютере, так как дальнейшие настройки осуществляются через удаленный сервер; 
• централизованное хранение и защита информации. Все данные находятся в одном месте, где моментально сохраняются вносимые изменения и создаются резервные копии; 
• возможность корректировки информации пользователями; 
• постоянная доработка и развитие[3]. 

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

Использованные источники

1. Современный web. Веб-приложения — ReferatDB.ru
2. Этапы разработки веб-сайта — МегаЛекции

[1] Марко Беллиньясо. Разработка Web-приложений в среде ASP.NET 2.0: задача — проект — решение = ASP.NET 2.0 Website Programming: Problem — Design — Solution. —  М.: «Диалектика», 2007.  —  640 с. 

[2] Олищук А.В. Разработка Web-приложений на PHP 5. Профессиональная работа. — М.: «Вильямс», 2006. – 352 с. 

[3] Гото Келли, Котлер Эмили. Веб-разработки, 2-е издание. — СПб.: «Символ-Плюс», 2006. – 416 с.