Министерство  образования и науки Украины

Харьковский национальный университет радиоэлектроники 
 
 

Кафедра ИУС 
 

Курсовая  работа 

По курсу: «WEB-технологии»

на тему: «Визуализация данных  RDFa   и разработка веб-интерфейса для управлениям ими с элементами Java Script и технологииAjax.Предметная область-Кинотеатры. Библиотека  JS JQuery »

 ( Вариант 25 ) 
 
 
 
 

 
 
 
 
 
 
 

Харьков 2010 

СОДЕРЖАНИЕ 
 

 

         1 Введение

       В наше время нельзя представить человека, не использующего информационные технологии. Но если в двадцатом веке передовыми технологиями считались радио, телевидение и телефонная связь, то в двадцать первом веке на первый план выходит Интернет и Web-технологии. Современные веб-технологии не стоят на месте. На протяжении уже многих лет технологии создания веб-сайтов непрерывно совершенствовались и сейчас скорость их совершенствования очень высока. На сегоднешний день существует много технологий  разработки сайтов. Выполняя данную домашнюл контрольную работу,  я использовала некоторые из них: языки розметки XTML, RDFa, библиотеку jQUERY. 

2 Обзор и сравнительная характеристика технологий и средств

2.1 Обзор и сравнительная характеристика XML c другими языками разметки

 

     XML (Extensible Markup Language) - это язык разметки, описывающий целый класс объектов данных, называемых XML- документами. Этот язык используется в качестве средства для описания грамматики других языков и контроля за правильностью составления документов. Т.е. сам по себе XML не содержит никаких тэгов, предназначенных для разметки, он просто определяет порядок их создания. Автор документа создает его структуру, строит необходимые связи между элементами, используя те команды, которые удовлетворяют его требованиям и добивается такого типа разметки, которое необходимо ему для выполнения операций просмотра, поиска, анализа документа.

     Одним из очевидных достоинств XML является возможность использования его  в качестве универсального языка запросов к хранилищам информации. Сегодня в глубинах W3C находится на рассмотрении рабочий вариант стандарта XML-QL(или XQL), который, возможно, в будущем составит серьезную конкуренцию SQL. Кроме того, XML-документы могут выступать в качестве уникального способа хранения данных, который включает в себя одновременно средства для разбора информации и представления ее на стороне клиента. В этой области одним из перспективных направлений является интеграция Java и XML - технологий, позволяющая использовать мощь обеих технологий при построении машинно-независимых приложений, использующих, кроме того, универсальный формат данных при обмене информации.

     Содержимое XML- документа  представляет собой набор элементов, секций CDATA, директив анализатора, комментариев, спецсимволов, текстовых данных. Элемент - это структурная единица XML- документа. Комментариями является любая область данных, заключенная между последовательностями символов <!-- и --> Комментарии пропускаются анализатором и поэтому при разборе структуры документа в качестве значащей информации не рассматриваются. Если при определении элементов необходимо задать какие-либо параметры, уточняющие его характеристики, то имеется возможность использовать атрибуты эдлемента. Атрибут - это пара "название" = "значение", которую надо задавать при определении элемента в начальном тэге. Чтобы задать область документа, которую при разборе анализатор будет рассматривать как простой текст, игнорируя любые инструкции и специальные символы, но, в отличии от комментариев, иметь возможность использовать их в приложении, необходимо использовать тэги <![CDATA] и ]]>.

2.1.1 Сравнение XML c другими языками разметки

Существуют  также другие языки разметки, такие  как – RDFa, XHTML, MathML, SVG, XBRL.

     RDFa представляет собой тонкий слой разметки, который мы можем добавить на свои веб-страницы, что делает их понятными и для машин, и для людей. специализирующееся на метаданных, то есть данных о других данных. Используя RDF, можно определить информацию о таких ресурсах, как веб-страницы, фильмы, автомобили или практически все, что угодно. Проще говоря мы видим в окне браузера какой-то текст, к примеру номер телефона и рядом имя, и чётко понимаем, что это номер данного человека, а RDF позволяет “объяснить” это же браузеру, то есть описать что представляют из себя те или иные данные.

     XHTML (англ. Extensible Hypertext Markup Language) — расширяемый язык разметки гипертекста) — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML. Как и HTML, XHTML соответствует спецификации SGML, поскольку XML является её подмножеством. Вариант XHTML 1.1 одобрен в качестве Рекомендации Консорциума Всемирной паутины (W3C) 31 мая 2001 года. Стандарт XHTML построен не как самодостаточное описание языка, а как перечень различий между HTML 4.01 и XHTML.

      MathML (от англ. Mathematical Markup Language, язык математической разметки) — это приложение XML, используемое для представления математических символов и формул в документах WWW. MathML рекомендован математической группой W3C.MathML рассматривает не только представление, но и смысл элементов формулы. Также разрабатывается система разметки математической семантики, призванная дополнить MathML. Она называется OpenMath. MathML имеет 2 версии — Presentation MathML и Content MathML.

     SVG (от англ. Scalable Vector Graphics — масштабируемая векторная графика) — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Поддерживает как неподвижную, так анимированную и интерактивную графику — или, в иных терминах, декларативную и скриптовую. Это открытый стандарт, является рекомендацией консорциума W3C, — организации, разработавшей такие стандарты, как HTML и XHTML. Разрабатывается с 1999 года, в 2001 году вышла 1.1 версия, которая остается актуальной до сегодняшнего дня, в активной разработке версия 1.2. В основу SVG легли языки разметки VML и PGML.

     XBRL (англ. eXtensible Business Reporting Language, букв. «Расширяемый язык деловой отчетности») — открытый стандарт для представления финансовой отчетности в электронном виде. Формат XBRL основан на расширяемом языке разметки XML. XBRL используется синтаксис XML, а также относящиеся к XML технологии, такие как пространство имен XML, XML Schema, XLink и XPath. Одно из назначений XBRL состоит в представлении и обмене финансовой информацией, такой как финансовая отчетность компаний. Спецификация языка XBRL разрабатывается и публикуется независимой международной организацией XBRL International, Inc.XBRL обеспечивает возможность стандартизованного обмена деловой и финансовой информацией. Такой стандартизированный обмен достигаться за счет использования метаданных, определенных в так называемых таксономиях. Таксономии содержат определения и свойства отдельных элементов финансовых отчетов, а также свойства взаимоотношений между этими элементами.

     2.2 Обзор библиотеки  JavaScript – jQuery

 

6 Основные экранные формы

 

Приложение  А 

Рис. 1 –  Главная страница

Рис. 2 –  Страница с таблицей  

 
7 Листинг главной страницы

 

Приложение  B

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

    <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>кинотеатр</title>

       <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">

      <script src="js/jquery-1.4.2.js"></script>

      <LINK REL="StyleSheet" HREF="style.css" TYPE="text/css" MEDIA="screen">

      <script type="text/javascript">

      $(document).ready(function() {

            $("#root ul").each(function() {$(this).css("display", "none");});

            $("#root .category").click(function() {

                  var childid = "#" + $(this).attr("childid");

                  if ($(childid).css("display") == "none") {$(childid).css("display", "block");}

                  else {$(childid).css("display", "none");}

                  if ($(this).hasClass("cat_close")) {$(this).removeClass("cat_close").addClass("cat_open");}

                  else{$(this).removeClass("cat_open").addClass("cat_close");}

            });

      });

      </script></head>

<body xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:my="ira.rdf">

<table border="10"

cellpadding="3"

cellspacing="2"

style="width:100%;"

   width="100%" >

   <tr  class=" root">

   <td colspan="2" >

<div>

 <h1 align="center">КИНОТЕАТР</h1>

</div>

    </td></tr>

<tr>

<td  class="content">