Диплом
.pdfВзлет популярности XML привел к переосмыслению причин и принципов использования HTML, по крайней мере, в органах стандартизации. Несмотря на то что многие броузеры обеспечивают некоторую поддержку XML и XHTML, пока еще рано считать эти языки необходимыми инструментами веб-разработки. Первая версия XHTML была принята организацией W3C 26 января 2000 года.
Прелесть XML в том, что данный язык требует от броузеров прекратить обработку документа при наличии в нем ошибок оформления.
Это означает, что на небольших устройствах XHTML-броузер будет работать проще и быстрее, чем такой же HTML-броузер. Кроме того, это вынуждает авторов создавать более корректные и последовательные вебдокументы.
Хотя подобные ограничения могут показаться слишком обременительными,
рекомендация для броузеров выводить сообщения об ошибках вместо попытки отобразить некорректно оформленный документ должна помочь ликвидировать проблемы, вынуждая авторов исправлять свои ошибки.
Язык XML невероятно универсален. Он дает общие определения синтаксиса и основных структур документа, но никак не определяет такие характеристики, как имена элементов и атрибутов. Любой желающий может создать собственный словарь XML без необходимости вступать в контакт с
W3C или другими органами по стандартизации. Подобный подход порождает следующую проблему: элемент Title может иметь совершенно разный смысл в разных контекстах. Спецификация пространств имен XML
обеспечивает механизм, позволяющий разработчикам идентифицировать словари на основе универсальных идентификаторов ресурса (Uniform Resource Identifiers, URI).
URI – это комбинация уже известного универсального указателя ресурса (Uniform Resource Locator, URL) и универсального имени ресурса
(Uniform Resource Name, URN). С точки зрения пространств имен XML,
использовать URI очень удобно, поскольку они совмещают в себе простоту синтаксиса с указанием на владельца. Организация W3C владеет
пространствами имен начиная с http://www.w3.org/, что позволяет использовать их в качестве идентификаторов. В обычном XHTML, без примеси других словарей, пространство имен объявляется в элементе html, в
виде атрибута xmlns.
Например: <html xmlns="http://www.w3.org/1999/xhtml" >
После такого объявления URI пространства имен http://www.w3.org/1999/xhtml будет применяться и к самому элементу html, и
ко всем дочерним элементам, если только в них не будут использованы собственные атрибуты xmlns или имена, начинающиеся с префикса и двоеточия.
C самого своего появления стандарт XHTML постоянно развивается.
На сегодняшний день есть три основные его версии:
Версия XHTML 1.0 ничем не отличается от HTML 4.01, кроме требования использовать синтаксис XML.
XHTML 1.1 – это модульная версия XHTML 1.0. В ней используется набор модулей, выбранных из большого набора, который определен в рекомендации «Modularization of XHTML», поэтому она является более строгой. Данная рекомендация W3C обеспечивает основу модульной структуры, она определяет модули, каждый из которых поддерживает стандартный набор и свое множество определений, необходимых для обеспечения соответствия XHTML. Из этой версии были удалены такие устаревшие HTML-функции, как элементы представления и наборы фреймов.
Управление представлением документов во всех броузерах производится с помощью каскадных таблиц стилей (Cascading Style Sheets, CSS). Кроме того,
в версию 1.1 была добавлена поддержка разметки Ruby, необходимая при использовании восточно-азиатских языков.
XHTML 2.0 Многие пункты рабочего проекта XHTML 2.0 являются спорными, поскольку нарушают обратную совместимость со всеми предыдущими версиями, поэтому в действительности XHTML 2.0 – это новый язык разметки, специально созданный для обхода ограничений
(X)HTML, а не просто очередная версия. Многие проблемы совместимости легко решаются путем разбора через анализатор XML и документ CSS по умолчанию, соответствующий текущему рабочему проекту XHTML 2.0. Вот новые черты, отличающие XHTML 2.0 в семье языков разметки HTML:
-HTML-формы заменяет XForms – спецификация приема пользовательского ввода по технологии XML, позволяющая корректно отображать формы на устройствах самых разных типов;
-HTML-фреймы заменены XFrames, что дает возможность объединить на одной странице сразу несколько документов. Технология
XFrame призвана решить такие проблемы HTML-фреймов, как
непоследовательное поведение кнопки Back (назад) и установка закладок на
отдельные фреймы;
-события объектной модели документа (Document Object Model, DOM) заменены XML Events. В качестве примера события можно привести щелчок мышью по некоторому объекту веб-страницы. Технология XML Events позволяет авторам отделять содержимое документов от программного кода сценариев, выполняющего обработку событий;
-новый тип элемента списка, nl, предназначенный для построения списков ссылок. Это может быть удобно при создании вложенных меню,
которые в настоящее время создаются с применением широкого спектра таких средств, как вложенные ненумерованные списки и вложенные списки определений;
- любой элемент разметки может выполнять функции гиперссылки,
например: <li href="articles.html">Статьи</li>;
- любой элемент может обращаться к альтернативному источнику с помощью атрибута src, например <p src="med1.jpg" type="image/jpeg">Michele</p> будет означать то же самое, что <object src="med1.jpg" type="image/jpeg"><p>Michele</p></object>;
- атрибут alt элемента img упразднен, а альтернативное описание элемента вставляется как содержимое самого элемента – между
открывающим и закрывающим тегами, как это делается сейчас в элементе ссылки. Например, включить в страницу изображение с альтернативным описанием «семейный отдых» можно примерно так:
<imgsrc="vacation.jpg">Семейный отдых</img>;
- элементы <i>, <b> и <tt>, управляющие представлением, больше не поддерживаются. Они заменены такими семантическими элементами, как
<strong>, или CSS-представлением, позволяющим определять стили отдельных элементов. Исключение сделано только для элементов <sub> и <sup>, которые останутся корректными;
- единственный элемент заголовка <h> совместно с элементом
<section>, определяющим уровень вложенности заголовков, заменяет все ранее существовавшие элементы заголовков, например <h1>, <h2> и т.д.
Каждый раздел (section) должен иметь свой заголовок;
- поддержка схемы описания ресурсов (Resource Description Framework, RDF) с помощью атрибутов property и about. RDF – это стандарт описания метаданных документа. Такие атрибуты будут упрощать процесс преобразования XHTML-документов в формат RDF/XML.
1.5 Постановка задачи
Целью дипломного проекта является разработка программного обеспечения Web-сайта системы обмена профессиональной информацией.
При разработке Web-сайта необходимо:
- запрограммировать веб-сайт на языках программирования PHP и
JavaScript
-разработать часть администратора и посетителя;
-разработать реляционную базу данных;
-предусмотреть возможность редактирования администратором сайта базы данных (редактирование или удаление контактов);
-реализовать поиск по сайту;
-реализовать регистрацию посетителей на сайте;
-в разделе «Охрана труда и безопасность в чрезвычайных ситуациях»
рассмотреть вопросы техники безопасности на производстве, а так же методы производственной санитарии. Кроме этого, провести анализ условий труда и вредных производственных факторов, а также рассмотреть методы по улучшению техники безопасности.
- в разделе «Экономическая часть» рассчитать стоимость научно-
исследовательской работы, дать оценку результатам научно-
исследовательской работы.
2.ПРОЕКТИРОВАНИЕ СИСТЕМЫ УДАЛЕННОГО ДОСТУПА
2.1Анализ функциональных возможностей системы для удаленного пользования
Система удаленного доступа удобны, тем что пользователю не нужно держать огромное количество информации на своем компьютере. Так же клиент существенно экономить свое время на поиск информации.
Система построена таким образом, что при посещении пользователь может не только просматривать информацию, которая доступна на сайте, а
так же задать или обговорить интересующие вопросы на форуме. Для этого достаточно зарегистрироваться на сайте. Так же на каждой странице есть возможность оставить комментарий или поделится статьей в социальных сетях.
К самым важным свойствам разработанной системы |
можно |
определить: |
|
-беспрепятственный доступ к информации;
-темы на сайте могут обсуждаться в реальном времени;
-отсутствие привязки к местонахождению пользователя, что снимает ограничение на географическую локацию клиента;
-удобный поиск по сайту. Достаточно всего лишь написать несколько слов и система выдаст варианты интересующей информации;
-независимость от времени – вся информация на сайте доступна в любое время;
-рассылка обновленной информации или ответ на вопрос пользователю по электронной почте;
-просмотр информации по категориям;
-общение на форуме, комментирование статей через социальную сети «Вконтакте»;
-Просмотр видео-уроков по настройке
Негативная сторона системы:
- доступ к интеренету.
Важную роль в качестве сайта играет его дизайн. Удобность чтения статей, отображения материалов на страницах.
2.2 Разработка дизайна web-сайта и оптимизация удаленной системы
2.2.1 Требования к дизайну сайта С особенностями разрешения дисплея связан вопрос выбора между
изменяющимися страницами (изменяется размер и осуществляется настройка под разные размеры окон) и фиксированными по размеру (что позволяет разработчику лучше управлять размерами страницы). В пользу каждого из подходов есть веские аргументы. Естественно, можно найти хорошие доводы за и против каждого из них.
Разработка гибких страниц. Web-страницы по умолчанию гибкие.
Текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров дисплея. Если размер окна браузера изменяется, элементы повторно выводятся, чтобы настроиться на новые размеры. В этом и проявляется сущность Web. Многие дизайнеры сознательно разрабатывают страницы таким образом, чтобы они выдерживали расширения и сжатия Web-окна. Этот подход имеет свои достоинства и недостатки.
Достоинства:
–реальность такова, что Web-страницы будут отображаться на дисплеях с разным разрешением; гибкую страницу можно настроить для вывода на любом дисплее;
–заполнено все пространство дисплея, отсутствует нежелательное свободное место, наличие которого часто планируется разработчиками страниц с фиксированными размерами;
– дизайн гибких страниц по духу и по природе более близок к золотой середине. Согласно таким стандартам, «хорошей» считается страница,
которая доступна для большинства пользователей.
Недостатки:
– на больших дисплеях длина строки может оказаться чрезмерной,
когда текст заполняет всю ширину окна браузера. Длинные строки особенно неудобны для чтения с экрана, поэтому, при заполнении текстом всей ширины окна или фрейма, значительно ухудшаются условия чтения многим пользователям;
–на больших дисплеях элементы будут расположены на экране достаточно гармонично, на маленьких дисплеях они оказываются скученными;
–результаты гибкого дизайна непредсказуемы, и страница у разных пользователей будет выглядеть по-разному.
Разработка страниц фиксированного размера. Тем, кто хочет иметь больший контроль над разметкой страницы, следует разрабатывать страницы фиксированной ширины, которая будет постоянной для всех пользователей,
независимо от размера дисплея или изменений размеров окна. Этот подход основан на принципах создания страниц в издательском деле, таких как поддержание постоянной сетки, отношений элементов, расположенных на странице, и удобные длины строк.
Достоинства:
–страница будет выглядеть одинаково независимо от размеров дисплея. Это особенно важно для компаний, стремящихся представить свой имидж одинаково для всех посетителей;
–страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк. Чтобы строки не становились слишком длинными при просмотре на больших дисплеях, можно использовать таблицы.
Недостатки:
– если размер данного окна браузера меньше сетки страницы, части страницы не будут видны и может потребоваться горизонтальная прокрутка.
Она почти всегда воспринимается как помеха, усложняющая работу, поэтому в большинстве случаев ее надо избегать. Одно из решений – выбрать размер страницы, который подойдет большинству;
– сложно контролировать размер выводимых символов в браузерах,
так что элементы могут непредсказуемо смещаться в результате использования большего или меньшего размера, по сравнению с тем,
который использовался при разработке;
– стремление полностью контролировать отображение страницы означает своего рода выступление против среды. Web – это не печатное издание, у него свои сильные стороны и особенности. Защитники стратегии гибкого дизайна скажут, что фиксированному дизайну нет места в Web.
Завершающим этапом разработки сайта под ключ является конечно же тестирование.
Web-дизайн сайта должен адекватно выглядеть в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и
Opera.
Internet Explorer (версии 6) по-своему трактовал HTML-стандарты
(отголоски старой борьбы за лидерство с Netscape). Этот морально устаревший браузер создавал много проблем для веб-дизайнеров. Многие разработчики даже предлагали отказаться от верстки под IE 6, однако наличие этого браузера в стандартной поставке Windows XP, а значит и его присутствие на многих пользовательских компьютерах, вынуждало веб-
дизайнеров тестировать свои проекты в нѐм. По состоянию на лето 2013 года
IE 6 используется на 6 % пользователей, в основном за счѐт Китая, где его используют 21 % пользователей.
Процесс тестирования включает в себя самые разнообразные проверки: вид страницы с увеличенными шрифтами, при разных размерах окна браузера, при отсутствии флэш-плеера и многие другие. Обнаруженные
ошибки отправляются на исправление до тех пор, пока не будут устранены.
2.2.2 Оптимизация для поисковых систем Вместе с появлением и развитием поисковых систем в середине 1990-
х появилась и оптимизация. В то время поисковые системы придавали большое значение тексту на странице, ключевым словам в мета-тегах и прочим внутренним факторам, которыми владельцы сайтов могли легко манипулировать. Это привело к тому, что в выдаче многих поисковых систем первые несколько страниц заняли сайты, которые были полностью посвящены рекламе, что резко снизило качество работы поисковиков и привело многих из них к упадку. С появлением технологии PageRank больше веса стало придаваться внешним факторам, что помогло Google выйти в лидеры поиска в мировом масштабе, затруднив оптимизацию при помощи одного лишь текста на сайте.
Однако оптимизация развивается вместе с поисковыми системами, и
в современных результатах поиска можно видеть всѐ больше и больше коммерческих сайтов с искусственно раздутой популярностью, особенно по коммерчески привлекательным запросам (транзакционные запросы).
Поисковая оптимизация - комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей. Обычно чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем. При анализе эффективности поисковой оптимизации оценивается стоимость целевого посетителя с учѐтом времени вывода сайта на указанные позиции и конверсии сайта.
Поисковая система учитывает следующие параметры сайта при вычислении его релевантности (степени соответствия введѐнному запросу):
- плотность ключевых слов (сложные алгоритмы современных поисковиков позволяют производить семантический анализ текста, чтобы отсеять поисковый спам, в котором ключевое слово встречается слишком