1. Анализ предметной области темы дипломного проекта

1.1 Обзор и анализ методов и средств по созданию и проектированию Web -ресурсов

сайт дизайн макет программирование

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

Сегодня все современные методы создания веб -сайта сложно поделить на две основные группы.

К первой категории можно отнести методы ручного написания сайта на одном или нескольких языках программирования. При этом работа может происходить как в простых текстовых редакторах, так и в визуальных редакторах. Если необходимо создать статический сайт, то достаточно использование вместе HTML и CSS. Если же необходим динамический веб -сайт, в таком случае не обойтись без таких языков программирования как PHP и так далее.

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

Как вариант, можно вручную отредактировать готовые дизайнерские шаблоны.

Вторая категория включает в себя автоматизированные методы.

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

Самые популярные это ucoz, narod, sites.google.com. Блог-сервисы. Самые популярные из них это: LiveJournal или LiveInternet. Это тоже своеобразные конструкторы.

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

Каждая методика создания сайта имеет свои плюсы и минусы. В зависимости от цели, которую вы преследуете, проектируя сайт, необходимо выбирать и метод его создания [1].

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

Рассмотрим одну из широко распространенных моделей. В ней процесс проектирования разбивается на следующие стадии:

1. концептуальное проектирование;

2. логическое проектирование;

3. физическое проектирование.

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

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

Подпробное описание проектов проектирования Web - ресурса.

Концептуальное проектирование.

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

На этом этапе следует описать следующее:

1. Основные и второстепенные цели;

2. Действия, которые необходимо предпринять для достижения поставленных целей;

3. Состав пользователей;

4. Интересы групп пользователей;

5. Разделы сайта;

6. Критерии достижения цели.

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

Логическое проектирование.

Разделы Web - ресурса, продуманные на предыдущем этапе, пока не упорядочены и не структурированы, поэтому их нужно привести к удобному и понятному виду. Логическое проектирование включает организацию информации на сайте, построение его структуры и навигации по разделам.

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

На этом этапе следует описать следующее:

1. тип структуры сайта (линейная, иерархическая, контекстная, другая);

2. названия разделов;

3. что будет содержать в себе каждый раздел;

4. организация и связь разделов между собой;

5. какая информация будет размещена на определенных страницах сайта.

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

Физическое проектирование.

Этап решений проблем, а их поиска, связанных, по большей части, с технической реализацией сайта.

На этом этапе следует описать следующее:

1. технологии, которые будут применяться на сайте;

2. используемое программное обеспечение;

3. возможные проблемы и способы их устранения;

4. администрирования.

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

1.2 Анализ существующих технологий создания Web - ресурсов

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

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

Виды Технологии Web - разработки:

Клиентские технологии

HTML - «язык гипертекстовой разметки» стандартизированный язык разметки документов во Всемирной паутине. Большинство Web - ресурсов содержат описание разметки на языке HTML (или XHTML).

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

Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста. Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.

И несмотря на то что язык HTML не сильно прогрессивно развивается на сегоднешний день уже существует HTML5 а также XHTML которые могут тесно взаимодействовать с каскадными таблицами стилей (CSS).

Каскадные таблицы стилей

Каскадные таблицы стилей (CSS) - это мощный стандарт на основе текстового формата, определяющий представление данных в броузере.

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

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

CSS предполагает 3 типа таблиц стилей - встроенные, внедренные (внутренние) и связанные (внешние).

JavaScript - представляет собой облегченную технологию сценариев, который используется наряду с документами HTML и XHTML, чтобы сделать сайт более интерактивным.

Уникальность JavaScript состоит в том, что такие технологии как ActiveX, VBScript, XUL - поддерживаются не в каждом браузере (не кросс-браузерны). Такие технологии как Flash, Silverlight, Java - не полностью интегрированы с браузером, работают в своем окружении.

Поэтому Javascript - уникальная технология, и таковой останется. Сейчас она развивается, создается язык Javascript 2 и новый интерпретатор.

Серверные технологии

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

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

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

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

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

MySQL - это быстрый, с открытым исходным кодом, язык реляционной системы управления базами данных, которая использует популярный Structured Query Language (SQL). Она идеально подходит для большинства веб-сайтов, которые должны иметь функциональные возможности базы данных. MySQL работает рука об руку с PHP.

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

Microsoft Silverlight -- это программная платформа для написания и запуска многофункциональных интернет-приложений RIA (Rich Internet application), схожая с Adobe Flash, включающая в себя модуль для браузера, который позволяет запускать приложения, содержащие анимацию, векторную графику и аудио-видео ролики, что характерно для RIA (Rich Internet application). Версия 2.0 добавила поддержку для языков .NET и интеграцию с IDE.

Adobe Flash - мультимедийная платформа компании Adobe Systems для создания веб-приложений или мультимедийных презентаций. Широко используется для создания рекламных баннеров, анимации, игр, а также воспроизведения на веб-страницах видео- и аудиозаписей. Платформа включает в себя ряд средств разработки, прежде всего Adobe Flash Professional а также программу для воспроизведения flash-контента -- Adobe Flash Player, хотя flash-контент умеют воспроизводить и многие плееры сторонних производителей.

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

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

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

1.3 Языки программирования для создания Web -ресурсов

Основные языки программирования, которые используются при создании Web -ресурсов. При создании динамических Web -ресурсов в большинстве случаев применяется какой -нибудь язык программирования. К числу широко используемых в Web -разработках языков относятся JavaScript, PHP, Perl, Python, Ruby. Самыми распространенными являются языки PHP и JavaScript.

PHP - ("PHP: Препроцессор Гипертекста") создавался специально для ведения Web -разработок и может использоваться непосредственно в HTML -коде. PHP является языком сценариев общего назначения с открытым исходным кодом. Синтаксис языка берет начало из C, Java и Perl и является легким для изучения. Преимущественным назначением PHP является предоставление web -разработчикам возможности быстрого создания динамически генерируемых web -страниц, однако, область применения PHP не ограничивается только этим.

Perl - Язык Perl создан системным программистом Ларри Уоллом (Larry Wall) как средство UNIX, позволяющее "склеивать" из программок, выполняющих отдельные функции, большие сценарии для решения комплекса задач, связанных с администрированием, обработкой текста и т. д. В дальнейшем Perl вышел за эти рамки, превратился в настоящий язык программирования, в котором нашли отражение многие тенденции, обозначившиеся в технологии программирования за последнее десятилетие, и получил широкое распространение в связи с развитием Internet.

Perl является основным средством создания приложений CGI, удобен для решения задач администрирования Web-серверов, электронной почты и других систем. Благодаря быстроте и легкости написания сценариев на этом языке он распространился и на другие платформы: DOS, Windows, OS/2, Mac, VMS и пр.

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

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

Python поддерживает несколько парадигм программирования, в том числе структурное, объектно - ориентированное, функциональное, императивное и аспектно - ориентированное. Основные архитектурные черты - динамическая типизация, автоматическое управление памятью, полная интроспекция, механизм обработки исключений, поддержка многопоточных вычислений и удобные высокоуровневые структуры данных. Код в Питоне организовывается в функции и классы, которые могут объединяться в модули (которые в свою очередь могут быть объединены в пакеты).

Наиболее часто Python сравнивают с Perl и Ruby. Эти языки также являются интерпретируемыми и обладают примерно одинаковой скоростью выполнения программ. Как и Perl, Python может успешно применяться для написания скриптов (сценариев). Как и Ruby, Python является хорошо продуманной системой для ООП.

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

У JavaScript есть свой стандарт: ECMAScript. Кто-то говорит, что JavaScript похож на Python, кто-то говорит о схожести с языками Ruby, Self. Правда заключается в том, что JavaScript сам по себе. Это действительно особенный язык.

Основные области использования JavaScript таковы:

1. создание динамических, интерактивных страниц, т. е. страниц, содержимое которых может меняться после загрузки документа;

2. проверка правильности заполнения пользователем форм до пересылки их на сервер;

3. решение «локальных» задач с помощью сценариев и некоторые другие сферы.

Возможности JavaScript:

1. Изменять страницу, писать на ней текст, добавлять и удалять теги, менять стили элементов;

2. Реагировать на события: скрипт может ждать, когда что -нибудь случиться (клик мыши, окончание загрузки страницы) и реагировать на это выполнением функции;

3. Выполнять запросы к серверу и загружать данные без перезагрузки страницы;

4. Устанавливать и считывать cookie, проверять корректность данных, выводить сообщения и многое другое.

Уникальность и прелесть Javascript заключаются всего в нескольких пунктах:

1. Полная интеграция с браузером;

2. Простые вещи делаются просто;

3. Поддерживается почти везде.

Этот набор преимуществ нельзя найти ни в одной из других технологий. Например, такие технологии как ActiveX, VBScript, XUL - поддерживаются не в каждом браузере (не кросс - браузерны). Такие технологии как Flash, Silverlight, Java - не полностью интегрированы с браузером, работают в своем окружении. Поэтому Javascript - уникальная технология, и таковой останется. Сейчас она развивается, создается язык JavaScript 2 и новый интерпретатор[3].