Internet rakenduste architektuur ja realiseerimine

1. Internet rakenduste architektuur ja realiseerimine Õppejõud Larissa Joonas 2012

2. Время и место Понедельник, 2-3 пара, 28 и 37 кабинет Материалы — на сайте колледжа ljoonas@gmail.com

3. Краткое описание курса Основные понятия WWW SGML, HTML, XHTML СSS Объектная модель браузера и совместимость Юзабилити JavaScript Модель клиент-сервер Основы CGI Работа с языком PERL Основные технологии развития и продвижения сайтов

4. Оценка за курс Выполнение работ в течение семестра 4 работы на оценку – экзаменационная оценка Экзаменационный тест

5. История Интернет Первый сервер ARPANET - 2 сентября 1969 года в Калифорнийском университете в Лос-Анджелесе. Компьютер Honeywell DP-516, 24 Кб оперативной памяти. 29 октября 1969 года первый обмен между двумя узлами сети ARPANET - день рождения Интернет. 1971 год – первая программа для отправки электронной почты по сети.

6. История Интернет (2) 1973 год — подключение через трансатлантический телефонный кабель Великобритании и Норвегии 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP. Термин «Интернет» закрепился за сетью ARPANET. В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

7. История Интернет (3) 1988 год -- протокол Internet Relay Chat (IRC) 1989 году в Европейском совете по ядерным исследованиям (CERN) родилась концепция Всемирной паутины. Автор - Тим Бернерс-Ли, он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI. (Слово гипертекст для описания системы непоследовательных ссылок внутри текста создано в середине 1960-х Тедом Нельсоном)

8. Gopher Gopher — сетевой протокол распределённого поиска и передачи документов, который был широко распространён в Интернете до 1993 года. Протокол предназначался для предоставления доступа к документам в Интернет, но имел меньше возможностей, чем HTTP, и впоследствии был полностью вытеснен им. Протокол основан на клиент-серверной технологии, за ним закреплён 70 порт TCP.

9. Gopher-proxy http://gopherproxy.meulie.net/

10. Адресация URL protocol://hostname:port/path/filename более точно называть Web-адрес URI (Uniform Resource Identifier - Единообразный идентификатор ресурса).

11. Браузеры Первым популярным браузером с графическим интерфейсом был NCSA Mosaic, затем – Netscape Navigator. 1996 год -- Windows 95 OSR2+ Internet Explorer 3.0. Война браузеров Internet Explorer занял более 95 % рынка. Firefox разработан по следам Netscape

12. Машина времени http://www.archive.org/web/web.php

13. Война браузеров Война форматов W3C HTML 4.0 Разделение контента и представления СSS Usability

14. Российский рынок браузеров

15. Мировой рынок браузеров

16. Общий тест на производительность

17. Языки разметки W3C.org XML (eXtensible Markup Language - Расширяемый язык разметки) для генерации графики Web (VML - Vector Markup Language) для вывода математических выражений (MathML - Mathematical Markup Language), для создания интерактивных аудио/видео представлений (SMIL - Synchronized Multimedia Integration Language), для распознавания цифровой подписи (InkML - Ink Markup Language) и другие. XHTML (eXtensible HyperText Markup Language - Расширяемый язык разметки гипертекста) 1.1 –> XHTML 2.0.

18. Развитие языков разметки

19. Проверка совместимости со стандартами http://validator.w3.org/.

20. Открытые стандарты обработки документов. SGML и XML Проблемы с обработкой документов: множество различных закрытых несовместимых форматов постоянная смена форматов и приложений трудности автоматической генерации и обработки документов непереносимость документов

21. Что такое SGML? международный стандарт разметки документов (ISO 8879:1986) метаязык для создания языков разметки - приложений SGML (например, HTML) документы хранятся в текстовом виде документы состоят из текста и элементов разметки структура документа строго определена

22. Что можно в SGML? один источник - много выходных форматов Web, связанные документы управление документами, версии, контекстный поиск управление данными

23. Отличия SGML разделение информации и представления типизированные документы выявление структуры информации управление данными связывание документов

24. Информация и представление описательная разметка вместо процедурной

25. Типизированные документы

26. DTD DTD (англ. Document Type Definition определение типа документа) Язык схем DTD (DTD schema language) — искусственный язык, который используется для записи фактических синтаксических правил метаязыков разметки текста SGML и XML. Сейчас идёт отказ от использования DTD в XML-технологии. На смену DTD пришёл стандарт консорциума W3C XML Schema.

27. Структура информации структурные элементы обработка текста в контексте структуры Пример: Книга Глава Раздел параграф таблица

28. Управление данными смысловые выделения обработка текста в контексте содержания Пример: Техническое задание Задачи разработки Раздел Тех. требования Раздел

29. Связывание документов - гарантия целостности - двусторонние связи - связи «один-ко-многим» и «многие-ко-многим» - связи с произвольными точками документа Пример: «ссылка на 3-ю главу 4-й части Руководства Администратора»

30. SGML и другие HTML уклон в сторону представления размытость стандарта нет возможностей расширения MS Word закрытый слабые средства автоматизации нет смысловой и структурной разметки TeX сложный, низкоуровневый плохо экспортируется в Word

31. Создание документа SGML-редакторы ArborText ADEPT*Editor, SoftQuad Author/Editor, Xemacs+psgml, Corel WordPerfect/SGML SGML-процессоры SP, CoST, Jade, OmniMark, Balise,... Стили DSSSL (Jade), XSL, CSS,... Выходные форматы HTML, RTF, TeX, PostScript, PDF и т.д.

32. Пример документа

33. Групповая работа над документами Внешние объекты (документы, рисунки...) Параллельная работа Библиотека иллюстраций Пакетная обработка (сборка документа)

34. Поиск в документах – Текстовые файлы – Полнотекстовый поиск – Поиск в контексте (структурном и смысловом) glimpse, CGI, Web

35. XML – SGML, ориентированный на Web – Упрощенный синтаксис – Не обязательно наличие DTD – Простые анализаторы

36. Кодировка документа ASCII - 128 символов Charset 1-байтовые и 2-байтовые кодировки ISO-8859-1 – "Latin-1" UNICODE – UTF-8 <META http-equiv="Content-Type" content="text/html" charset="EUC-JP">

37. Мнемоники или подстановки HTML entities Цифровые мнемоники (десятеричные или шестнадцатеричные). Мнемоники из символьных элементов. " &lt; " - знак < " &gt; " - знак > " &amp; " - знак & &#229; (10-ная) представляет Ангстрем; &#xE5; (16-ная) та же самая буква

38. HTML5 включает в себя HTML 4 и JavaScript <video>, <audio>, <canvas>. <nav>, <footer> API и DOM являются фундаментальными частями спецификации HTML5 Спецификация HTML5 была принята рабочей группой W3C в 2008 году Отброшены устревшие теги http://wdh.suncloud.ru/deprecat.htm

39. Новое в НТМL5 элемент сетка для непосредственного метода рисования в 2D. контроль над проигрыванием медиафайлов, который может использоваться, например, для синхронизации субтитров с видео хранение баз данных оффлайн редактирование документа Drag-and-drop управление историей браузера тип MIME и регистрация обработчика протокола

40. Отличия от HTML4.01 и XHTML1.x Новые элементы: article, aside, audio, bdo, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr Новые типы средств управления за формой: dates and times, email, url, search, number, range, tel, color[44] Новые атрибуты: charset (в meta), async (в script) Глобальные атрибуты, которые могут быть применены ко всем элементам: id, tabindex, hidden, data Элементы, которые будут исключены: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt

41. Общие сведения о HTML Тэги (tags) <TAG1> <TAG2>…</TAG2> <TAG3 ATTR1=“value1” ATTR2=“value2” ATTR3=“value3”…>

42. Простой документ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><HTML> <HEAD> <TITLE> …</TITLE> </HEAD> <BODY> … </BODY> </HTML>

43. Doctype HTML 4.01 Strict/Строгое ОТД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Transitional/Переходное ОТД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Frameset/Набор Фрэймов ОТД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

44. Комментарии <!- - comment - ->

45. Представление цветов RGB “red”,”magenta”,”lime”,”cyan”,”silver”,”black”… “#FFEDD9”

46. Типы тэгов Inline Block Replaced Физическое форматирование Логическое форматирование

47. Графические форматы *.jpg *.gif *.png

48. Активные изображения Активные изображения ( image maps ) http://www.jsworkshop.com/js3e/list13-1.html

49. Заголовок документа - единственный титул документа (TITLE); - метаописатели документа (META); - базовый URI внешних ссылок (BASE); - ссылки на другие документы (LINK); - внутренние таблицы стилей (STYLE); - сценарии клиента (SCRIPT).

50. Метаописатели документа Синтаксис: <META> (содержимого и конечного тега нет) Атрибуты: lang, dir (для атрибута content) http-equiv = NAME (заголовок сообщения HTTP) name = NAME (название свойства) content = CDATA (значение свойства) scheme = CDATA (имя схемы, интерпретирующей значение свойства)