Учебный курс Социальные сервисы Веб 2.0. Модуль 4 - История изменений

Юров Алексей в 08:28, 20 мая 2008

2008-05-20T08:28:03Z

Юров Алексей в 08:22, 20 мая 2008

2008-05-20T08:22:14Z

Внесённые изменения

Маякова Мария в 05:46, 19 апреля 2008

2008-04-19T05:46:03Z

Маякова Мария в 04:59, 19 апреля 2008

2008-04-19T04:59:11Z

Внесённые изменения

Маякова Мария в 08:46, 16 апреля 2008

2008-04-16T08:46:55Z

Маякова Мария в 08:06, 11 апреля 2008

2008-04-11T08:06:34Z

Маякова Мария в 07:00, 11 апреля 2008

2008-04-11T07:00:55Z

Маякова Мария в 08:20, 10 апреля 2008

2008-04-10T08:20:48Z

Маякова Мария в 07:59, 10 апреля 2008

2008-04-10T07:59:46Z

Новая страница

<center>'''Графический пакет Графвиз'''</center>

@@ Строка 17: / Строка 17: @@
 <nowiki><graphviz> digraph G {Привет -> Читатель}; </graphviz></nowiki>
-<center>[[Изображение:Графвиз.JPG]]</center>
+<center>[[Изображение:Курс2_м4_1.JPG]]</center>
 Пример представления отношений между родственниками:
@@ Строка 34: / Строка 34: @@
 Графический пакет сам произведет необходимые операции и представит отношения между объектами на экране. Объекты из нескольких слов заключают в кавычки.
-[[Изображение:Граф.JPG]]
+[[Изображение:Курс2_м4_2.JPG]]
 С объектом через [URL="внутренняя ссылка"] можно связать страницу.
@@ Строка 73: / Строка 73: @@
 </nowiki>
-[[Изображение:Ст100.JPG]]
+[[Изображение:Курс2_м4_3.JPG]]
 Указание rankdir=LR или (RL, TB, BT) позволяет ориентировать граф:
@@ Строка 85: / Строка 85: @@
 Рассмотрим, как построен следующий граф:
-[[Изображение:Схема.JPG]]
+[[Изображение:Курс2_м4_4.JPG]]
 <nowiki>
@@ Строка 156: / Строка 156: @@
 Программа Графвиз может быть использована не только для внедрения графических элементов внутрь текста статьи МедиаВики, но и для представления отношений между категориями в форме дерева категорий. Важно, что это полностью автоматизированная процедура и расширение МедиаВики  по представлению графических связей между категориями выполняет все необходимые действия, используя данные, лежащие в пространстве имен-категорий. Программа самостоятельно представляет на экране отношения между категориями. Благодаря программе Графвиз мы можем увидеть все категории и кластеры категорий, существующие в МедиаВики в настоящий момент. Например, на следующем рисунке программа Графвиз представляет категории, которые входят в категорию «История» и категории верхнего уровня, в которую авторы включают категорию «История».
-<center>[[Изображение:777.JPG]]</center>
+<center>[[Изображение:Курс2_м4_5.JPG]]</center>
 В Летописи.ру имеется возможность визуализации связей между статьями  с помощью графического средства WikiWiz. Для того, чтобы  воспользоваться графическим средством WikiWiz для визуализации связей между статьями  Летописи.ру необходимо слева в меню выбрать пункт Visualize this article with SVG. Например, так выглядят связи между статьей «Автозаводский герой», представленной в проекте  «Мы студенты» студентами ВГИПУ. На рисунке видны статьи, ссылающиеся на данную; авторы, работающие над статьей; категории, к которым отнесена статья.
-<center>[[Изображение:999.JPG]]</center>
+<center>[[Изображение:Курс2_м4_6.JPG]]</center>
 Задание 1. Посмотрите руководство по использованию среды Графвиз на страницах Летописи http://letopisi.ru/index.php/Графвиз_руководство

@@ Строка 7: / Строка 7: @@
 '''3.''' Научиться использовать графическое средство WikiWiz для визуализации связей между статьями в Летописи.ру
-<center>'''Графический  пакет Графвиз'''</center>
+Статья в стадии разработки
 [[Категория: Учебный курс Социальные сервисы Веб 2.0]]

@@ Строка 25: / Строка 25: @@
 <graphviz> digraph G
 {"Коржуков Валентин Григорьевич" -> "Коржуков Максим Валентинович"  [label = "отец"];
 "Миронова Татьяна Рудольфовна"  -> "Коржуков Максим Валентинович"  [label = "мать"] ;}
 </graphviz>
@@ Строка 40: / Строка 43: @@
 С объектом через [URL="внутренняя ссылка"] можно связать страницу.
 Например:
@@ Строка 47: / Строка 51: @@
 Можно в начале графа указать, что все элементы, поименованные в графе, должны ссылаться на страницы с соответствующим названием:
 node [URL="/index.php/\N"].После этого можно просто указывать имена узлов, а гипертекстовые ссылки добавятся к ним автоматически.
 Для того, чтобы имя заметки на ребре так же становилось ссылкой на страницу, необходимо дополнить метку ссылкой [label="Волга", URL="Волга"]. В графе, который представлен ниже все узлы и метки являются гиперссылками.
 <graphviz>
 digraph G{
 rankdir=LR ;
 node[color="blue", fontsize=9, fontcolor="blue", shape="none"] ;
 edge[color="blue", fontcolor="blue", fontsize=8] ;
 node [URL="/index.php/\N"] ;
 Рыбинск -> Ярославль -> Кострома -> "Нижний Новгород"  -> Казань [label="Волга", URL="Волга"] ;
 "Нижний Новгород" -> Дзержинск [style=dotted, label="Ока", URL="Волга"] ;
+}
@@ Строка 67: / Строка 76: @@
 Указание rankdir=LR или (RL, TB, BT) позволяет ориентировать граф:
   rankdir=LR – слева-направо
-rankdir=TB – сверху вниз
+rankdir=LR – слева-направо
 ratio=auto – отношение = авто.
@@ Строка 81: / Строка 93: @@
 <graphviz>
 digraph G{
 graph [bgcolor=Snow2];
 rankdir=LR ; // направление графа слева направо
 node[color="Pink", fontsize=8, fontcolor="blue", style=filled, shape="none"] ;
 edge[color="Brown", fontcolor="Green", fontsize=8] ;
 Ярославль -> Кострома -> "Нижний Новгород" -> Казань -> Сызрань [dir=both, label="Волга"];
 "Нижний Новгород" ->Дзержинск [style=dotted, label="Ока",
 arrowhead="dot" ] ;
 Казань -> Елабуга [label="Кама", color="Green:blue:red"];
 Ярославль [shape=Mdiamond], Сызрань [shape=Msquare], Кострома [shape=circle];
- "Нижний Новгород" [shape = doublecircle],Казань[shape=hexagon,color=green]
- {rank=same; Елабуга Дзержинск Сызрань ;}
+"Нижний Новгород" [shape = doublecircle],Казань[shape=hexagon,color=green]
 {rank=same; Елабуга Дзержинск Сызрань ;}
- </graphviz>
 Цвет фона графа – graph [bgcolor=Snow2] . Фон графа – «серый снег».
 Свойства (node) узлов – node[color="Pink", fontsize=10, style=filled, fontcolor="blue", shape="none"]:
-	color="Pink" - цвет = розовый
-	fontsize=10 - размер шрифта = 10
+- color="Pink" - цвет = розовый
 	style=filled - стиль = заполненный (без неё узел прозрачен)
-	fontcolor="blue" - цвет шрифта = голубой
+- fontsize=10 - размер шрифта = 10
 	shape="none" - форма = "без формы".
 Формы узла [shape =…] :  invtriangle - треугольник вершиной вниз; box – прямоугольник; ellipse – эллипс; invtrapezium – перевёрнутая трапеция; triangle – треугольник; trapezium – трапеция; octagon – восьмиугольник; msquare – квадрат; mdiamond – ромб; circle – круг;  doublecircle – двойной круг; hexagon – шестиугольник.
 Управление положением узлов - {rank=same; Елабуга Дзержинск Сызрань ;} - узлам Елабуга, Дзержинск, Сызрань предан разряд = тот же самый; ranksep=3 - расстояние между разрядами;
 Свойства(edge)ребер - edge[color="blue",fontcolor="Green",fontsize=12]
 color="Brown" - цвет = коричневый
 color="Green:blue:red" - трёхцветие (возможно любое количество)
-dir=both - направление стрелки в две стороны
+color="Green:blue:red" - трёхцветие (возможно любое количество)
 fontsize=8 - размер шрифта = 8
-fontcolor="blue" - цвет шрифта = зелёный
+dir=both - направление стрелки в две стороны
 style=dotted - стиль = пунктирная линия
 arrowhead="dot" - голова стрелки = "точка", "none" – нет
 Ярлык ребра [label="Волга"] - все связи Ярославль -> ... -> Сызрань будут помечены меткой Волга.

@@ Строка 1: / Строка 1: @@
-Цель работы:
+'''Цель работы:'''
-. Научиться создавать карты знаний внутри Вики при помощи программы Графвиз
+'''1.''' Научиться создавать карты знаний внутри Вики при помощи программы Графвиз
-. Добавить  в визитную карточку участника граф
+'''2.''' Добавить  в визитную карточку участника граф
-. Научиться использовать графическое средство WikiWiz для визуализации связей между статьями в Летописи.ру
+'''3.''' Научиться использовать графическое средство WikiWiz для визуализации связей между статьями в Летописи.ру
 <center>'''Графический  пакет Графвиз'''</center>
@@ Строка 13: / Строка 13: @@
 Для использования Графвиз требуется использовать примитивный язык описания графов dgl. Основные понятия языка: граф, вершина графа – элемент множества,  ребро графа, соединяющее вершину N с вершиной M.
 Простейший граф:
 <graphviz> digraph G {Привет -> Читатель}; </graphviz>
@@ Строка 21: / Строка 22: @@
 Пример представления отношений между родственниками:
 <graphviz> digraph G
 {"Коржуков Валентин Григорьевич" -> "Коржуков Максим Валентинович"  [label = "отец"];
@@ Строка 38: / Строка 40: @@
 С объектом через [URL="внутренняя ссылка"] можно связать страницу.
-Например,
+Например:
 • "Нижний Новгород" [URL="Нижний Новгород"]
 • Гугл [URL="http://www.google.com"]
 Можно в начале графа указать, что все элементы, поименованные в графе, должны ссылаться на страницы с соответствующим названием:
 node [URL="/index.php/\N"] .После этого можно просто указывать имена узлов, а гипертекстовые ссылки добавятся к ним автоматически.
 Для того, чтобы имя заметки на ребре так же становилось ссылкой на страницу, необходимо дополнить метку ссылкой [label="Волга", URL="Волга"]. В графе, который представлен ниже все узлы и метки являются гиперссылками.

← Предыдущая		Версия 07:00, 11 апреля 2008
Строка 1:		Строка 1:
		+	Цель работы:
		+
		+	1. Научиться создавать карты знаний внутри Вики при помощи программы Графвиз
		+
		+	2. Добавить в визитную карточку участника граф
		+
		+	3. Научиться использовать графическое средство WikiWiz для визуализации связей между статьями в Летописи.ру
		+
	<center>'''Графический пакет Графвиз'''</center>		<center>'''Графический пакет Графвиз'''</center>
		+
		+	Одним из мощных графических пакетов интегрированных с МедиаВики является GraphViz (http://www.graphviz.org/), который позволяет записывать связи между статьями в виде простых отношений и представляет эти отношения в виде графа. Это набор утилит для графического представления данных. Программа принимает описания отношений и элементов множеств, на которых определяется граф, и «добавляет» к этим лишенным всяких геометрических атрибутов описаниям дополнительную информацию, позволяющую «нарисовать» картинку графа.
		+
		+	Для использования Графвиз требуется использовать примитивный язык описания графов dgl. Основные понятия языка: граф, вершина графа – элемент множества, ребро графа, соединяющее вершину N с вершиной M.
		+
		+	Простейший граф:
		+	<graphviz> digraph G {Привет -> Читатель}; </graphviz>
		+
		+
		+
		+
		+
		+
		+	Пример представления отношений между родственниками:
		+	<graphviz> digraph G
		+	{"Коржуков Валентин Григорьевич" -> "Коржуков Максим Валентинович" [label = "отец"];
		+	"Миронова Татьяна Рудольфовна" -> "Коржуков Максим Валентинович" [label = "мать"] ;}
		+	</graphviz>
		+
		+	Графический пакет сам произведет необходимые операции и представит отношения между объектами на экране. Объекты из нескольких слов заключают в кавычки.
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+	С объектом через [URL="внутренняя ссылка"] можно связать страницу.
		+	Например,
		+	• "Нижний Новгород" [URL="Нижний Новгород"]
		+	• Гугл [URL="http://www.google.com"]
		+	Можно в начале графа указать, что все элементы, поименованные в графе, должны ссылаться на страницы с соответствующим названием:
		+	node [URL="/index.php/\N"] .После этого можно просто указывать имена узлов, а гипертекстовые ссылки добавятся к ним автоматически.
		+
		+	Для того, чтобы имя заметки на ребре так же становилось ссылкой на страницу, необходимо дополнить метку ссылкой [label="Волга", URL="Волга"]. В графе, который представлен ниже все узлы и метки являются гиперссылками.
		+
		+	<graphviz>
		+	digraph G{
		+	rankdir=LR ;
		+	node[color="blue", fontsize=9, fontcolor="blue", shape="none"] ;
		+	edge[color="blue", fontcolor="blue", fontsize=8] ;
		+	node [URL="/index.php/\N"] ;
		+	Рыбинск -> Ярославль -> Кострома -> "Нижний Новгород" -> Казань [label="Волга", URL="Волга"] ;
		+	"Нижний Новгород" -> Дзержинск [style=dotted, label="Ока", URL="Волга"] ;
		+	}
		+
		+
		+
		+
		+	Указание rankdir=LR или (RL, TB, BT) позволяет ориентировать граф:
		+	rankdir=LR – слева-направо
		+	rankdir=TB – сверху вниз
		+	ratio=auto – отношение = авто.
		+
		+	Рассмотрим, как построен следующий граф:
		+
		+
		+
		+
		+
		+
		+
		+	<graphviz>
		+	digraph G{
		+	graph [bgcolor=Snow2];
		+	rankdir=LR ; // направление графа слева направо
		+	node[color="Pink", fontsize=8, fontcolor="blue", style=filled, shape="none"] ;
		+	edge[color="Brown", fontcolor="Green", fontsize=8] ;
		+	Ярославль -> Кострома -> "Нижний Новгород" -> Казань -> Сызрань [dir=both, label="Волга"];
		+	"Нижний Новгород" ->Дзержинск [style=dotted, label="Ока",
		+	arrowhead="dot" ] ;
		+	Казань -> Елабуга [label="Кама", color="Green:blue:red"];
		+	Ярославль [shape=Mdiamond], Сызрань [shape=Msquare], Кострома [shape=circle];
		+	"Нижний Новгород" [shape = doublecircle],Казань[shape=hexagon,color=green]
		+	{rank=same; Елабуга Дзержинск Сызрань ;}
		+	}
		+	</graphviz>
		+
		+	Цвет фона графа – graph [bgcolor=Snow2] . Фон графа – «серый снег».
		+	Свойства (node) узлов – node[color="Pink", fontsize=10, style=filled, fontcolor="blue", shape="none"]:
		+	color="Pink" - цвет = розовый
		+	fontsize=10 - размер шрифта = 10
		+	style=filled - стиль = заполненный (без неё узел прозрачен)
		+	fontcolor="blue" - цвет шрифта = голубой
		+	shape="none" - форма = "без формы".
		+
		+	Формы узла [shape =…] : invtriangle - треугольник вершиной вниз; box – прямоугольник; ellipse – эллипс; invtrapezium – перевёрнутая трапеция; triangle – треугольник; trapezium – трапеция; octagon – восьмиугольник; msquare – квадрат; mdiamond – ромб; circle – круг; doublecircle – двойной круг; hexagon – шестиугольник.
		+
		+	Управление положением узлов - {rank=same; Елабуга Дзержинск Сызрань ;} - узлам Елабуга, Дзержинск, Сызрань предан разряд = тот же самый; ranksep=3 - расстояние между разрядами;
		+	Свойства(edge)ребер - edge[color="blue",fontcolor="Green",fontsize=12]
		+	color="Brown" - цвет = коричневый
		+	color="Green:blue:red" - трёхцветие (возможно любое количество)
		+	dir=both - направление стрелки в две стороны
		+	fontsize=8 - размер шрифта = 8
		+	fontcolor="blue" - цвет шрифта = зелёный
		+	style=dotted - стиль = пунктирная линия
		+	arrowhead="dot" - голова стрелки = "точка", "none" – нет
		+	Ярлык ребра [label="Волга"] - все связи Ярославль -> ... -> Сызрань будут помечены меткой Волга.
		+
		+	Программа Графвиз может быть использована не только для внедрения графических элементов внутрь текста статьи МедиаВики, но и для представления отношений между категориями в форме дерева категорий. Важно, что это полностью автоматизированная процедура и расширение МедиаВики по представлению графических связей между категориями выполняет все необходимые действия, используя данные, лежащие в пространстве имен-категорий. Программа самостоятельно представляет на экране отношения между категориями. Благодаря программе Графвиз мы можем увидеть все категории и кластеры категорий, существующие в МедиаВики в настоящий момент. Например, на следующем рисунке программа Графвиз представляет категории, которые входят в категорию «История» и категории верхнего уровня, в которую авторы включают категорию «История».
		+
		+
		+
		+
		+	В Летописи.ру имеется возможность визуализации связей между статьями с помощью графического средства WikiWiz. Для того, чтобы воспользоваться графическим средством WikiWiz для визуализации связей между статьями Летописи.ру необходимо слева в меню выбрать пункт Visualize this article with SVG. Например, так выглядят связи между статьей «Автозаводский герой», представленной в проекте «Мы студенты» студентами ВГИПУ. На рисунке видны статьи, ссылающиеся на данную; авторы, работающие над статьей; категории, к которым отнесена статья.
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+	Задание 1. Посмотрите руководство по использованию среды Графвиз на страницах Летописи http://letopisi.ru/index.php/Графвиз_руководство
		+
		+	Задание 2. На странице своей визитной карточки участника постройте граф. Постарайтесь, чтобы вершины и ребра графа были гиперссылками («Мои друзья-летописцы», «Мой город», «Мои летописные предпочтения» и др.)
		+
		+	Задание 3. Просмотрите визитные карточки друг друга. Оставьте отзывы на созданные графы на странице обсуждения.
		+
		+	Задание 4. Используя, графическое средство WikiWiz постройте схему визуализации связей между интересными вам статьями в Летописи.ру.

	[[Категория: Учебный курс Социальные сервисы Веб 2.0]]		[[Категория: Учебный курс Социальные сервисы Веб 2.0]]

← Предыдущая		Версия 08:20, 10 апреля 2008
Строка 1:		Строка 1:
	<center>'''Графический пакет Графвиз'''</center>		<center>'''Графический пакет Графвиз'''</center>
		+
		+	[[Категория: Учебный курс Социальные сервисы Веб 2.0]]