Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 3)

– правильно организованный динамический сайт может развиваться без ущерба для ранее опубликованного материала;

– так как динамический сайт легче управляется, то, как правило, он быстрее развивается, чем статический, и быстрее окупается его разработка;

– нет необходимости содержать дорогостоящих специалистов (или платить дизайн-студии) для оперативной html-верстки, всю работу по публикации выполняют менеджеры, занятые в основной деятельности фирмы, самостоятельно;

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

К недостаткам динамического сайта относят:

– динамический сайт дороже в технической поддержке, чем статический, т.к. требует от компании, которая осуществляет поддержку, более высокой квалификации специалистов;

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

3. Флеш (flash)-сайт

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

Основное достоинство флеш-сайтов – профессионально сделанный флеш-сайт выглядит эффектно.

Недостатки флеш-сайтов:

– для просмотра флеш-сайта на компьютере должно быть установлено дополнительное программное обеспечение;

– часто флеш-ролики имеют большой объем (вес файлов), долго загружаются и создают дополнительный трафик;

– флеш-ролики по сути – картинки. По этому флеш-сайты практически не находятся поисковыми системами, а сегодня самое эффективное привлечение клиентов происходит именно через поисковые системы. Яндекс объявил, что начал индексировать флеш-сайты, но индексации поддаются только флеш-сайты, в которых текст отображается именно как текст, а не как картинка. С картинки ни один поисковик на сегодняшний день не сможет прочитать текст;

– при публикации нового материала флеш-сайту присущи все недостатки статического сайта, но только помноженные на значительно большие материальные и трудовые затраты [11].

Рассмотрев особенности типов сайтов, был сделаны следующие выводы.

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

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

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

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

1. Требования к функциональным возможностям сайта

ООО «Перспектива»

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

К функциональным возможностям сайта можно отнести следующее:

– информационное обеспечение потенциальных клиентов и партнеров корпоративными данными о компании;

– привлечение дополнительных клиентов и партнеров;

– установление двусторонней связи с посетителями ресурса;

– формирование имиджа компании;

– организация через удаленный доступ портала деловых отношений с работниками филиалов, дилерами, партнерами, поставщиками;

– централизация информационных потоков через портал;

– автоматизация бизнес-процессов бизнеса;

– осуществление контроля и учета деятельности отделов компании, филиалов, поставщиков и дилеров [12].

К результатам, исходя из функциональных возможностей, можно будет отнести:

– сокращение издержек;

– автоматизация информационных потоков;

– более качественное и быстрое информационное обеспечение сотрудников компании, филиалов, дилеров, партнеров, поставщиков;

– бесперебойная работа портала.

2 ПРОЕКТИРОВАНИЕ ДИНАМИЧЕСКОГО САЙТА ДЛЯ

ООО «ПЕРСПЕКТИВА»

На этапе проектирования определяется структура динамического сайта для ООО «Перспектива», организация информации на сайте, навигация по разделам, производится концептуальное и логическое проектирование базы данных, определяется общий дизайн сайта.

Проектирование динамического сайта для ООО «Перспектива» включает следующие этапы:

– анализ и проектирование информационного наполнения (контента) сайта;

– анализ и проектирование структуры сайта;

– анализ и проектирование системы навигации по сайту;

– описание функциональности сайта;

– анализ и проектирование базы данных.

2.1 Средства проектирования информационного наполнения

(контента) web-сайта

Работа над любым web-сайтом начинается с выбора специализированных языков, позволяющих произвести вёрстку сайта (организация контента статических страниц), а так же разработки уникального, эргономичного дизайна [13].

2.1.1 HTML

Обмен информацией в Интернет осуществляется с помощью протоколов прикладного уровня, реализующих тот или иной прикладной сервис (пересылку файлов, гипертекстовой информации, почты и т.д.). Одним из наиболее молодых и популярных сервисов Интернет, развитие которого и привело к всплеску популярности самой Интернет, стала World Wide Web (WWW), основанная на протоколе HTTP (Hyper Text Transfer Protocol – протокол передачи гипертекстовой информации). Гипертекстовые документы, представленные в WWW, имеют одно принципиальное отличие от традиционных гипертекстовых документов – связи, в них использующиеся, не ограничены одним документом, и более того, не ограничены одним компьютером. Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы – браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape (NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.

HTML-документ состоит из текста, представляющего собой содержание документа, и тегов, определяющих его структуру и внешний вид при отображении браузером [14].

2.1.2 DHTML

Динамический HTML (Dynamic HTML, DHTML) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяемый для обозначений HTML-страниц с динамически изменяемым содержимым.

Реализация DHTML осуществляется непосредственно с помощью HTML, каскадных таблиц стилей и языка сценариев. Эти три компонента DHTML связаны между собой объектной моделью документа (DOM, Document Object Model), являющейся по сути интерфейсом прикладного программирования (API). DOM связывает воедино три перечисленных компонента, придавая простому документу HTML новое качество – возможность динамического изменения своего содержимого без перегрузки страницы [9].

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

2.1.3 PHP

PHP (рекурсивный акроним словосочетания «PHP: Hypertext Preprocessor») – это широко используемый язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Web-разработок и может внедряться в HTML-код.

На сегодняшний день существует пять версий этого языка и шестая находится в разработке.

Новый движок (ядро PHP), был впервые представлен в середине 1999 года. PHP 4.0, базирующийся на этом движке и дополненный различными новыми дополнительными возможностями, был официально выпущен в мае 2000 года, почти два года спустя после своего предшественника – PHP 3.0. В дополнение к сильно увеличенной производительности, PHP 4.0 включил другие ключевые возможности, такие как поддержку гораздо большего количества web-серверов, HTTP-сессии, буферизацию вывода, более безопасные пути обработки ввода пользователей и ряд новых языковых конструкций.

Пятая версия PHP была выпущена разработчиками 13 июля 2004 года. Изменения включают обновление ядра Zend, что существенно увеличило эффективность интерпретатора. Введена поддержка языка разметки XML. Полностью переработаны функции ООП, которые стали во многом схожи с моделью, используемой в Java. В частности, введён деструктор, открытые, закрытые и защищённые члены и методы, окончательные члены и методы, интерфейсы и клонирование объектов. Нововведения, однако, были сделаны с расчётом сохранить наибольшую совместимость с кодом на предыдущих версиях языка. На данный момент самыми стабильными и часто используемыми являются именно версии 5.xx, даже несмотря на то, что уже имеется dev-версия PHP 6 [15].

2.1.4 JavaScript

JavaScript – прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript .

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

Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса [16].

2.1.5 CSS

CSS – каскадная таблица стилей, которая разработана специально для того, чтобы облегчить верстку сайта под определенный дизайн. CSS является сокращением от Cascading Style Sheets.

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

2.1.6 MySQL

MySQL – это реляционная система управления базами данных.

Она может применяться в качестве SQL-сервера. Это означает, что общаться с сервером можно на языке SQL. Кроме того, MySQL – это программное обеспечение с открытым кодом, т.е. его можно свободно изучать и изменять. Пакет можно бесплатно загрузить из Интернета для некоммерческого применения.

С появлением динамических web-страниц, возрос спрос и на СУБД, которые подходили бы по быстродействию, надежности и стабильности. И здесь хорошо проявил себя пакет MySQL, который получился быстрым, простым и надежным, но за счет ухудшения функциональности и из-за этого годится только для выполнения повседневных задач. Поэтому он наиболее подходит для выполнения несложных интернет-проектов [18].

2.2 Проектирование структуры web-сайта

Структура сайта – система взаимного расположения и взаимосвязей файлов (страниц) сайта. Часто под структурой сайта подразумевают блок-схему сайта.

Различают следующие виды структур сайтов:

1) линейная структура. Страницы сайта располагаются строго одна за одной. Такая структура удобна для создания небольшого по количеству страниц сайта с малым количеством гиперссылок и последовательным изложением материалов;

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

Оптимальной структурой сайта считается структура, удовлетворяющая следующим критериям:

1) существует главная страница, под которой располагаются основные разделы сайта;

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

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

Динамический сайт для ООО «Перспектива» будет содержать следующую информацию.

1. Информация о компании

2. Каталог услуг компании

3. Онлайн расчёт натяжного потолка

4. Фотогалерея работ компании

5. Новости компании

6. Контактная информация – юридический адрес, телефон, ООО «Перспектива».

Диаграмма вариантов использования представлена на рисунке 3.

Характеристики

Список файлов ВКР