Открытые информационные системы

Принят W3C 7 июня 2011 года [20].

CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - формальный язык описания внешнего вида документа, написанного с использованием языка разметки. CSS используется создателями web-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры web-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой web-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана).

ISO/IEC 10646:2012 Information technology - Universal Coded Character Set

Принят ISO/IEC совместно с Unicode Consortium в мае 2012 [25].

Юникодhttp://ru.wikipedia.org/wiki/Unicode - cite_note-autogenerated1-1 или Уникодhttp://ru.wikipedia.org/wiki/Unicode - cite_note-2 (англ. Unicode) - стандарт кодирования символов, позволяющий представить знаки практически всех письменных языков.

Стандарт предложен в 1991 году некоммерческой организацией «Консорциум Юникода» (англ. Unicode Consortium, Unicode Inc.). Применение этого стандарта позволяет закодировать очень большое число символов из разных письменностей: в документах Unicode могут соседствовать китайские иероглифы, математические символы, буквы греческого алфавита, латиницы и кириллицы, при этом становится ненужным переключение кодовых страниц.

Стандарт состоит из двух основных разделов: универсальный набор символов (англ. UCS, universal character set) и семейство кодировок (англ. UTF, Unicode transformation format). Универсальный набор символов задаёт однозначное соответствие символов кодам - элементам кодового пространства, представляющим неотрицательные целые числа. Семейство кодировок определяет машинное представление последовательности кодов UCS.

WD-dom-20121206 DOM4

5.1 Среда программирования

Расширения для Opera пишутся с помощью общих открытых web-стандартов, поэтому всё, что нужно, чтобы начать, это Opera (начиная с 11 версии) и текстовый редактор или IDE (Integrated Development Environment или Integrated Debugging Environment - интегрированная среда разработки). Под IDE чаще всего понимают набор таких средств как текстовый редактор, компилятор и/или интерпретатор, средства автоматизации сборки, отладчик [30]. В качестве текстовых редакторов можно использовать: Microsoft Visual Studio, AkelPad, Emacs, vi, Notepad++, IntelliJ IDEA, PSPad, RJ TextEd, Eclipse, Ace и др. Можно писать код в блокноте, после изменяя расширения файлов с .txt на необходимые (при условии, что приложение небольшое). Недостатком последнего случая является трудности связанные с поиском ошибок в исходном коде. Последним шагом является упаковка всех файлов расширения с помощью WinRAR в zip-архив, после чего необходимо изменить расширение архива с .zip на .oex и расширение готово к установке и работе. Если в программном коде были допущены ошибки, касающиеся работы с API, то браузер Opera сообщит об их наличии (страница с кодом и описанием ошибки).

Системные требования при создании расширения определяются типом используемого текстового редактора, и зависят от назначения расширения при его работе. Например, если расширение создаёт большое число вкладок или окон, то необходимо наличие большого объёма оперативной памяти.

В качестве среды программирования будет использоваться простейший текстовый редактор блокнот, который является частью системы Windows.

5.2 Элементы расширения

The Milky Way extension - расширение для Opera, представляющее собой кнопку на панели инструментов браузера, при нажатии на которую будет открываться новая вкладка с панорамой Млечного пути (html-страница, расположенная на удалённом сайте).

Сначала создаётся папка, в которой будут расположены все файлы расширения. В ней создаём папку icons, в которую помещаем 2 (для данного приложения больше не требуется) изображения. Лучше всего подойдут изображения форматов PNG, JPEG или GIF (не анимированный). Одно из них будет отображаться в менеджере расширений (лучший размер 64х64 пикселя), другое - будет иконкой кнопки (лучший размер 16х16 или 18х18 пикселей).

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

На первом этапе создаётся файл config.txt, в котором пишется исходный код. При написании кода используется язык XML версии 1.0. Конфигурационный файл будет содержать следующие элементы: widget, name, description, author, icon (другие элементы для данного приложения не требуются). Элемент widget будет содержать в себе все остальные элементы. В элемент name заносится название расширения «The Milky Way». В description заносится краткое описание приложения «A button on an Opera toolbar which is opening a panorama of the Milky Way». В author заносится имя разработчика «Konoplyov Egor» (также можно указать страницу разработчика и адрес электронной почты). В параметр scr элемента icon заносится путь к изображению, которое находится внутри пакета с расширением, и которое будет отображаться в менеджере расширений. Расширение файла config меняется с .txt на .xml, после чего файл перемещается в папку будущего расширения Opera. Файл конфигурации создан.

На следующем этапе создаётся файл самого приложения index.html. Необходимо создать файл index.txt, в котором будет записан исходный код. При написании кода используется язык HTML. В данном документе будет использоваться API Opera.

Window.addEventListener () - функция из API, которая добавляет слушателя к событию (будет содержать в себе все остальные функции).

Вторым параметром этой функции является «функция-контейнер», внутри которой содержится следующее.

Создаются переменные theButton (сама кнопка, как объект) и ToolbarUIItemProperties (свойства кнопки на панели инструментов). Заполняются свойства кнопки: в disabled заносится булевское значение false (кнопка активна); в title заносится текст «Panorama of the Milky Way», который будет отображаться при наведении курсора мыши на кнопку; в icon заносится путь к иконке кнопки, в onclick заносится то, что должно выполняться при нажатии на кнопку (описано позднее). После переменной theButton присваивается значение функции из API opera.contexts.toolbar.createItem (), единственным параметром которой является ToolbarUIItemProperties (кнопка создаётся). С помощью функции из API opera.contexts.toolbar.addItem () с параметром theButton кнопка помещается на панель инструментов.

В onclick создаётся функция-контейнер, внутри которой содержится следующее.

Создаётся переменная tab и ей присваивается значение функции из API по созданию новой вкладки - opera.extension.tabs.create (), параметром которой является URL сайта с панорамой Млечного Пути. После с помощью функции из API tab.focus () браузер переключается на созданную вкладку.

Расширение файла index меняется с .txt на .html, после чего файл перемещается в папку будущего расширения Opera. Файл index. html создан.

Папка, содержащая все файлы созданного расширения, упаковывается с помощью WinRAR в zip-архив, после чего необходимо изменить расширение архива с .zip на .oex. Расширение «The Milky Way» готово к установке и работе.

Системные требования для работы данного расширения незначительны, по сравнению с требованиями браузера Opera. Для полноценной работы расширения необходимо подключение к сети Интернет.

ЗАКЛЮЧЕНИЕ

Листинг программы

Config.xml

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

<widget xmlns="http://www.w3.org/ns/widgets">

<name>

The Milky Way

</name>

<description>

A button on a toolbar which is opening new tab with a panorama of the Milky Way.

</description>

<author href="http://www.vk.com/id88473118/" email="gosha.fiwapro@yandex.ru">

Konoplyov Egor

</author>

<icon src="icons/1.jpg"/>

</widget>

Index.html

<!DOCTYPE HTML>

<html lang="en">

<head>

<title>

Super button

</title>

<meta charset="UTF-8">

<script>

window.addEventListener( 'load', function(){

var theButton;

var ToolbarUIItemProperties = {

disabled: false,

title: 'Panorama of the Milky Way',

icon: 'icons/2.png',

onclick: function(){

var tab = opera.extension.tabs.create({

url: 'http://media.skysurvey.org/interactive360/index.html'});

tab.focus();

}

}

theButton = opera.contexts.toolbar.createItem(ToolbarUIItemProperties);

opera.contexts.toolbar.addItem(theButton);

}, false );

</script>

</head>

<body>

</body>

</html>

СПИСОК ЛИТЕРАТУРЫ

оpera api браузер интернет

1. Википедия - свободная энциклопедия [электронный ресурс] // Opera. URL: http://ru.wikipedia.org/wiki/Opera.

2. Отдел разработок Dev.Opera // Introducing the Opera Link API. URL: http://dev.opera.com/articles/view/introducing-the-opera-link-api.

3. Официальный сайт Opera [электронный ресурс] // Opera Link API Beta. URL: http://www.opera.com/docs/apis/linkrest.

4. Отдел разработок Dev.Opera // Opera extensions: documentation. URL: http://dev.opera.com/addons/extensions.

5. Отдел My.Opera // MyOpera APIs URL: http://my.opera.com/community/api.

6. Группа по протоколам сети Интернет IETF: Стандарт RFC959 File Transfer Protocol (FTP). URL: http://tools.ietf.org/html/rfc959.

7. IETF: Стандарт RFC1034 Domain Names - Concept and Facilities. URL: http://tools.ietf.org/html/rfc1034.

8. IETF: Стандарт RFC1035 Domain Names - Implementation and Specification. URL: http://tools.ietf.org/html/rfc1035.

9. IETF: Стандарт RFC1939 Post Office Protocol - Version 3. URL: http://tools.ietf.org/html/rfc1939.

10. IETF: Стандарт RFC2616 Hypertext Transfer Protocol - HTTP/1.1. URL: http://tools.ietf.org/html/rfc2616.

11. IETF: Стандарт RFC2818 HTTP Over TLS. URL: http://tools.ietf.org/ html/rfc2818.

12. IETF: Стандарт RFC3510 Intrrnet Message Access Protochol - Version 4rev1. URL: http://tools.ietf.org/html/rfc3501.

13. IETF: Стандарт RFC5246 The Transport Layer Security (TLS) Protocol Version 1.2. URL: http://tools.ietf.org/html/rfc5246.

14. IETF: Стандарт RFC5321 Simple Mail Transfer Protocol. URL: http://tools.ietf.org/html/rfc5321.

15. IETF: Стандарт RFC6749 The OAuth 2.0 Authorization Framework. URL: http://tools.ietf.org/html/rfc6749.

16. Консорциум всемирной паутины W3C: Стандарт REC-HTML401-19991224 HTML 4.01 Specification. URL: http://www.w3.org/TR/REC-html40.

17. W3C: Стандарт REC-XML11-20060816 Extensible Markup Language (XML) 1.1. URL: http://www.w3.org/TR/xml11.

18. W3C: Стандарт REC-XLST20-20070123 XSL Transformations (XSLT) Version 2.0. URL: http://www.w3.org/TR/xslt20.

19. W3C: Стандарт REC-SVG11-20110816 Scalable Vector Graphics (SVG) 1.1. URL: http://www.w3.org/TR/SVG.

20. W3C: Стандарт REC-CSS2-20110607 Cascading Style Sheets, level 2 Revision 1 (CSS2.1). URL: http://www.w3.org/TR/ CSS21.

21. W3C: Стандарт WD-dom-20121206 DOM4. URL: http://www.w3.org/TR /dom.

22. Организация по стандартизации ISO: Стандарт ISO/IEC 10918-1:1994 Information technology - Digital compression and coding of continuous-tone still images: Requirements and guidelines. URL: http://www.iso.org/iso/home/store/ catalogue_tc/catalogue_detail.htm?csnumber=18902.

23. ISO: Стандарт ISO/IEC 15948:2004 Information technology - Computer graphics and image processing - Portable Network Graphics (PNG): Functional specification. URL: http://www.iso.org/iso/iso_catalogue/catalogue_tc/catalogue_ detail.htm?csnumber=29581.

24. ISO: Стандарт ISO/IEC 14882:2011 Information technology - Programming languages - C++. URL: http://www.iso.org/iso/home/store/catalogue_tc/catalogue_ detail.htm?csnumber=50372.

25. ISO: Стандарт ISO/IEC 10646:2012 Information technology - Universal Coded Character Set. URL: http://www.iso.org/iso/home/store/catalogue_tc/catalogue_ detail.htm?csnumber=56921.

26. Организация ECMA International: Стандарт ECMA-262 ECMAScript Language Specification 5.1. URL: http://www.ecma-international.org/publications/ standards/ Ecma-262.htm.

27. CompuServe Incorporated: Стандарт GIF87a Graphics Interchange Format (tm). URL: http://www.martinreddy.net/gfx/2d/GIF87a.txt.

28. Bittorrent organization [электронный ресурс]: Стандарт BEP 0003 The BitTorrent Protocol Specification. URL: http://www.bittorrent.org/beps/bep_0003.html.

29. Legal Information institute: Стандарт Limitations on exclusive rights: Computer programs. URL: http://www.law.cornell.edu/uscode/text/17/117.

30. Официальный сайт Opera [электронный ресурс] // Web specifications supported in Opera Presto 2. URL: http://www.opera.com/docs/specs/presto24/#.

Размещено на Allbest.ru