Большинство современных туристических сайтов в интернете являются в программном плане сложным комплексом применения различных языков программирования и технологий для наиболее качественного представления информации конечному пользователю сайта. Конечно же, сложность сайта зависит от объема информации, которую туристическая фирма хочет представить на сайте, что в свою очередь зависит от направленности деятельности фирмы. Если это крупный туроператор, продающий свои услуги по разным направлениям и различным видам отдыха, тогда, несомненно, на сайте необходимо разместить наиболее полный объем информации о продаваемых турах. Это описание туров, стран, регионов, тематические тексты по различным видам отдыха, фотографии, советы туристам, информация о возможных вариантах комплектации туров и т.п. Причем информация должна быть четко структурирована по тематическим разделам и целевой аудитории. Для туроператора чаще всего идет разделение на обычных потенциальных туристов и на туристические агентства, реализующие туристические продукты. Соответственно, в расположении функционального меню и остальных элементов следует учитывать интересы и удобства пользования большей части посетителей.
Целевая аудитория определяет также внешний вид страниц сайта. Если посетителями являются преимущественно потенциальные туристы, то оформление сайта призвано располагать посетителя, привлекать его внимание, на сайте должны быть так называемые триггеры – элементы, которые побуждают человека дальше изучать сайт, а не покидать его при первом же заходе и больше не возвращаться.
Если же сайт нацелен на предоставление рабочей информации, т.е. является информационным сайтом, например, содержит информацию о предоставляемых услугах и сервисы для постоянных туристических агентств, то больший упор следует сделать на хорошую структурированность информации, удобство и быстроту доступа ко всем разделам сайта, а также на легкость поиска информации. Нельзя пренебрегать и дизайном, но в этом случае не следует перегружать сайт громоздкими элементами оформления, так как человека, изо дня в день заходящего на сайт для поиска рабочей информации, они могут только отвлекать и уменьшать быстроту загрузки страниц, а тем самым и производительность работы агентства.
Итак, перечислим основные характеристики современного, профессионально выполненного туристического сайта:
1. Четкое разделение информации по тематическим разделам, высокая структурированность информации на сайте.
2. Приятное и в то же время ненавязчивое оформление.
3. Быстрота доступа к любым разделам сайта, легкость поиска информации, удобная система навигации.
4. Высокая скорость загрузки страниц.
5. Правильное отображение информации сайта на любых компьютерах клиента независимо от операционной системы и версии и типа используемого броузера.
Подходы к созданию и выборы технологий сайта За последние годы область «сайтостроения» пополнилась огромным количеством новых технологий и инструментов построения интернет-сайтов. Хотя основные принципы остались, но появились более мощные и удобные технологии и инструменты для построения высокофункционального сайта.
Наиболее известной классической технологией, на которой построено подавляющее число современных сайтов глобальной сети, является язык разметки гипертекста – HTML.
Для начала опишем основную схему работы сайта. Каким образом пользователь может видеть на экране своего компьютера ту или иную информацию?
После набора в окне броузера адреса необходимого вам узла в интернете посредством протокола HTTP через интернет к серверу, на котором размещается ваш сайт, приходит запрос на получение определенной страницы. Далее уже могут быть различные варианты обработки этого запроса, либо пользователю на его запрос выдается содержание HTML файла, лежащего уже на стороне сервера, либо по запросу запускается специальная программа на сервере. Результатом ее работы уже является код страницы в формате HTML, который видит у себя на экране конечный пользователь.
Так, страницы сайта могут быть либо статическими, либо динамическими.
Динамические страницы обладают рядом преимуществ по сравнению со статическими, а именно: • Интерактивность – содержание страницы генерируется «на лету», отвечает запросам пользователя и содержит только информацию, которая необходима пользователю.
• Отделение данных от оформления – информация может храниться в любом удобном формате и выдаваться в нужном для пользователя виде по запросу. Это свойство динамических страниц позволяет облегчить также обновление информации и дизайна сайта (эти свойства мы обсудим ниже).
• Возможность выполнять сложные манипуляции с данными, а также сохранять информацию, пришедшую от пользователя.
Можно назвать еще множество преимуществ, но остановимся пока на этих, так как другие тем или иным образом вытекают из трех вышеперечисленных. Использование чисто статических страниц оправдывает себя только в случае, когда на сайте не более 10 – 20 страниц и информация на них обновляется не очень часто. В этом внутренняя структура сайта может быть легко понята даже обычным пользователем без навыков программирования, но в то же время мы лишаемся тех весомых преимуществ, которые были нами описаны. Многие могут подумать, что динамические сайты очень сильно уступают статическим по быстроте выдачи страниц, но сегодня, когда производительные мощности серверов растут с каждым годом, а новые технологии позволяют избежать многих потерь в производительности, это замечание становится абсолютно неактуальным, а в некоторых случаях даже неверным.
Основными операционными системами, на которых сейчас работают веб-серверы, являются ОС Windows, разработанная компанией Microsoft, и Unix(Linux)-подобные операционные системы, выпускаемые различными производителями.
Преимуществами серверов на базе Unix-подобных систем являются в первую очередь незначительная цена на программное обеспечение, а во многих случаях и возможность обойтись только бесплатными программными продуктами. Также, несмотря на низкую стоимость, эти системы обладают высокой производительностью и обширным функциональным набором инструментов. Но так как очень часто требуется интегрировать сайт с внутренними базами данных и внутриофисными рабочими станциями и сетью, иногда возникает проблема в совместимости, потому что рабочие компьютеры сотрудников компании и внутриофисные базы данных преимущественно работают под операционной системой Windows.
Программа, которая отвечает на запросы и в конечном итоге выдает информацию в виде страниц клиенту сайта, называется веб-сервером. Наиболее известные веб-серверы под ОС Windows – это IIS (Internet Information Server) и PWS (Personal Web Server), а под Unix-подобной операционной системой – Apache, который в свою очередь может работать также и под ОС Windows.
Языки программирования, придающие странице сайта интерактивность или какие-либо удобные свойства, можно в общем случае разделить на два вида. Первые – те, что исполняются на стороне сервера, а пользователю уже выдают готовую информацию, вторые – те, которые выполняются на стороне клиента.
На базе серверных инструментов построены динамические страницы. Наиболее известными и популярными языками и технологиями являются PHP, Perl, Centua, Java, ASP, ASP.NET, SSI, ActiveX и другие, на базе которых строится большинство обычных динамических веб-сайтов. К клиентским инструментам можно отнести JavaScript, Flash, Macromedia Director, VB-script и другие.
Особенностью использования языков, которые выполняются на стороне клиента, является необходимость поддержки совместимости их программным обеспечением пользователем сайта, что в свою очередь очень тяжело гарантировать. Поэтому в использовании таких технологий требуется быть весьма аккуратным.
В свою очередь серверные языки не накладывают никаких ограничений на программное обеспечение пользователя, так как выдают информацию в стандартном HTML коде, который может быть обработан любым броузером на стороне клиента. Наиболее значимым затруднением является в этом случае то, что для каждого изменения на странице ее приходится перегружать. Поэтому чаще всего приходят к построению сайта на основе использования комбинации как серверных, так и клиентских языков, что обеспечивает быстроту загрузки и удобство интерфейса сайта.
Опишем схему работы динамического сайта, начиная от запроса клиента и заканчивая получением и разбором ответа от сервера.
Запрос клиента передается веб-серверу через интернет, после чего веб-сервер анализирует запрос и запускает соответствующую программу-обработчика, выполняющую скрипт, написанный на том или ином серверном языке. Обработчик может запускаться на сервере как отдельный процесс при запросе от каждого пользователя и являться обычной программой – такой принцип работы называется CGI, но он имеет свои недостатки, которые заключаются в излишней загрузке сервера при одновременном обращении нескольких пользователей. Другой способ, когда обработчик уже находится в памяти и отвечает на запросы всех клиентов, является более рациональным и менее ресурсоемким. Итак, после того как на сервере начинает работать программа-обработчик, она может по необходимости использовать для формирования ответа данные из базы данных, которая не обязательно должна находиться на том же компьютере, что и веб-сервер, а также данные из файлов, обработав которые, она выдает ответ назад веб-серверу, посылающему в свою очередь ответ клиенту. Компьютер клиента, получив страницу от сервера, отображает ее средствами броузера, а также запускает клиентские скрипты на выполнение, например, код программы на языке JavaScript.
Процесс разработки сайта Будем считать, что вы уже подобрали технологии, на которых будет построен сайт, выбрали также место, где расположится физически сервер, содержащий сайт (либо в офисе фирмы, либо на стороне провайдера). Вы уже обладаете информацией, которую нужно расположить на сайте, эта информации структурирована по разделам.
Теперь возникает вопрос: что делать дальше, как сразу создать сайт, подходящий вам по всем критериям?
Итак, первое, что мы делаем, это по имеющимся разделам составляем список необходимых меню и подменю с переходами между ними. После чего уже пытаемся каким-либо образом унифицировать все меню, чтобы пользователь на каждой новой странице не терялся и не искал заново, как и где нужно нажать, чтобы попасть на такой-то раздел сайта, а действовал уже по реализованной схеме, не рассеивая каждый раз свое внимание на функционировании сайта, а концентрируясь на информации, которую он хочет получить, т.е. навигация по сайту должна быть недвусмысленной, простой, доступной для понимания всех и удобной.
Предположим, вы выбрали и продумали имеющиеся разделы и страницы сайта и переходы между ними. Теперь, конечно, самым лучшим вариантом было бы сделать полный функциональный макет сайта без особого оформления, уделяя внимание лишь удобству и логике разделения информации.
Далее, исходя из имеющейся информации, нужно разработать один, а лучше сразу несколько дизайн-проектов сайта и выбрать из них лучший. Дизайн-проект должен содержать примеры оформления одной или нескольких различных страниц сайта. После выбора дизайна происходит уже собственно основная работа над созданием реальных страниц сайта. В зависимости от выбранной технологии построения сайта происходит наполнение и/или программирование сервисов и внутренней структуры сайта, а также внедрение выбранного варианта оформления на создаваемых страницах.
Инструменты обновления информации на сайте Любой сайт, чтобы его посещали, должен содержать актуальную информацию. Естественно, способ обновления информации на сайте зависит от примененных технологий при создании сайта.
Перечислим основные схемы решения проблемы обновления информации на сайте: Схема 1 Сайт полностью статический, и информация обновляется при помощи изменения, удаления или добавления HTML файлов. Этот способ неудобен тем, что каждый раз при создании новой страницы требуется думать о ее оформлении и функциональных меню, которые приходится переносить из уже существующих файлов или переписывать заново.
Схема 2 Сайт построен на основе применения технологии SSI (Server Side Includes) или аналогичной ей. Технология заключается в том, чтобы выделить повторяющиеся куски страниц в отдельные файлы, а затем вставлять их в нужное место. Также SSI имеет небольшой инструментарий для создания динамики на сайте, например, поставив условие, можно подгружать разные файлы в определенную часть страницы в зависимости от пользователя или названия самой загружаемой страницы. Эта схема более удобна, но опять же заставляет выполнять довольно утомительную и сложную работу по редактированию, удалению и добавлению файлов на стороне сервера.
Схема 3 Страницы сайта динамические и генерируются при помощи скрипта (программы) на сервере. В этом случае информация может храниться как в виде файлов на сервере, так и в виде таблиц с записями в базе данных. Для обновления информации чаще всего пишут специальные удобные формы. Пользователь заходит на страницу обновления информации на сайте, вводит логин и пароль, раздел и изменяет информацию в нем, при этом на сайте изменения происходят автоматически. Этот способ обновления удобен, но требует довольно больших затрат на написание форм обновления и скриптов для отображения информации. При этом обновить информацию на сайте может человек, обладающий минимальными знаниями в области технологий построения сайтов.
Схема 4 Для сайтов со сложной структурой, с многочисленными разделами, интеграцией с внутренними и внешними базами данных чаще всего приходится применять сочетание нескольких технологий и писать отдельные инструменты для обновления каждого блока информации. Такими сайтами могут быть интернет-магазины туристических продуктов с обширными описаниями и возможностью он-лайн бронирования. Зачастую информация для сайта берется из внутренней базы туристической фирмы. В этом случае чаще всего веб-сервер размещают не на стороне провайдера, а в самом офисе и обновлением сайта занимается специально выделенный человек или целый отдел.
«Подводные камни» при разработке сайта: Создание сайта – это процесс творческий, требующий больших профессиональных и временных затрат, здесь появляется множество вопросов.
Попытаемся перечислить основные «подводные камни», которые могут возникнуть при разработке и в процессе эксплуатации и модернизации.
Модернизация сайта: При создании сайта часто не учитываются перспективы дальнейшего развития сайта и не закладываются возможности расширения функциональности, смены дизайна, многоязыковой поддержки и т.п. При начале разработки сайта необходимо учитывать не только настоящие нужды, но и варианты последующей модернизации сайта, дабы сделать этот процесс в дальнейшем предельно простым и безболезненным.
Простота и ясность структуры: Не стоит сильно усложнять структуру сайта и алгоритмы отображения информации и работы скриптов. Необходимо создавать сайт таким образом, чтобы у специалиста в сфере веб-технологий изменение какой-либо части сайта не вызвало непреодолимых трудностей из-за нагроможденности и сложности структуры. Также сайты с более простой структурой, как правило, работают устойчивее и надежнее.
Совместимость: При создании сайта требуется подумать и о совместимости. Например, вы решили, что ваш сайт будет располагаться физически на сервере провайдера под ОС Linux. Но в ближайшем будущем вы планируете сделать несколько динамических разделов, информация для которых будет браться из вашей базы данных, расположенной на сервере под ОС Windows. В этом случае может возникнуть ситуация, когда вам не удастся извлечь информацию из вашей базы данных на сайт из-за отсутствия поддержки в ОС Linux возможности соединения с вашей базой данных.
Переносимость: Иногда место расположения сайта меняется из-за непредвиденных проблем с провайдером или локальным сервером. Это неважно. Необходимо, чтобы вы были готовы перенести всю информацию в максимально короткое время.
Константин Штефан
руководитель WEB-проектов компании Мегатек
