Рисунок 7 – Интерфейс сайта
Шаг2
В панели объектов №2 (рисунок 7) выбираем нужную
категорию и переносим объект в документ,
курсором манипулятора мыши. Объектов
в панели слева достаточно, чтобы создать
полноценную диаграмму или блок-схему.
Чтобы соединить
объекты блок-схемы друг с другом, нужно выделить
второй объект и навести указателем манипулятора
мыши на первый, после чего появиться зеленый
флажок. Далее указателем манипулятора
мыши перетаскиваем его на второй объект.
Таким образом, создаем соединения (рисунок
8)
Рисунок 8 – Соединения
Шаг 3
В верхнем меню сервиса диаграмму
можно оформить в более привлекательный
и приятный вид:
– Стиль шрифта
– Цвет фона страницы документа или объектов
– Добавить тени и прозрачность
– Цвет и толщину линий
– Цвет заливки и градиент (рисунок
9)
Рисунок 9 – Цвет заливки
Шаг 4
По окончанию создания
диаграммы, можно экспортировать ее на
свой компьютер в формате изображение
(PNG, GIF, JPG, PDF). Делается это через меню: Файл – Экспортировать, вводим наименование
файла, выбираем формат и разрешение файла
и нажимаем на кнопку «Сохранить» (рисунок 10)
Рисунок 10 – Сохранение
Шаг 5
Также хочу отметить, что сервис
Draw.io можно синхронизировать с Google Диском.
Это дает возможность сохранять проект
прямо на диск Google, создавая резервную
копию. А также продолжить дорабатывать Draw.io прекрасный сервис
для создания диаграмм, графиков и блок-схем
он-лайн.
Шаг 6 . Готовая диаграмма
(рисунок 11)
Рисунок 11 – Готовая диаграмма
Шаг 7
Вывод: Я считаю это очень удобный,
простой и понятный в использовании
он-лайн сервис, в нем можно очень быстро
создавать диаграммы любой сложности. Draw.io стоит оценить
и добавить себе в копилку, как инструмент
для работы и учебы.
- Bubbl.us
Шаг 1
Заходим на сайт, открывается
окно программы:
Создаем аккаунт на bubbl.us
(регистрируемся) – необходимо, для дальнейшего сохранения диаграммы,
которую мы построим (рисунок 12)
Рисунок 12 – Окно программы
В правом верхнем
углу окна зайти по ссылке Create Account. Заполнить открывшуюся форму (использовать
латинские буквы)
Username - имя для входа
Password - пароль
Re-type password – повторить пароль
Your Name (Optional) – может совпадать с Username, служит для представления
другим пользователям
Email– электронный
адрес
Submit – завершить регистрацию
Create Account – создать аккаунт
Шаг2 Создание листа
Выбрать команду - New sheet – новый лист
(рисунок 13)
Рисунок 13 – команда - New sheet
В центре нового листа всегда будет находиться
стартовый пузырёк (Start Here) (рисунок 14)
Рисунок 14 – Стартовый пузырек
Основные элементы и инструменты
«пузырька»
- Добавление пузырька того же уровня
- Добавление пузырька – потомка
- Ввод текста и его редактирование
– щелчок по центру и выделение
- Откат операции – Undo
- Меню пузырька – изменение цвета, размера, создание
связи в виде стрелки (однонаправленной
и взаимообратной), удаление меню пузырька появляется при касании
к нему
- Удаление линий связей – двойной щелчок по линии
- Сохранение диаграммы - save
- Вызов нового листа (Sheet – New
sheet)
Шаг 3
Диаграмма готова. Далее можно
экспортировать в изображение, либо сохранить (рисунок 15)
Рисунок 15 – Готовая диаграмма
Шаг 4
Ссылка и код на диаграмму
для вставки на сайт или в блог (рисунок 16)
Рисунок 16 – Ссылка на дианрамму
Шаг 5
Приглашаем друзей. Чтобы пригласить
друзей к совместной работе, в правом меню
нужно включить Contacts, создать группы (Group) и дать им названия
- Name. Вызвать поле для поиска (Find), указав электронный адрес или имя name человека,
которого хотите добавить в список группы
(рисунок 17)
Рисунок 17 – Список группы
Приглашенные могут просматривать
или совместно редактировать созданные
графические схемы
Шаг 6
Экспортируем
диаграмму
В верхнем меню
поля выбрать кнопку Export
Появится возможность
сохранить кластер в виде рисунка в двух
форматах – Jpg или Png (рисунок 18)
Рисунок 18 – Сохранение
Шаг 7
Для обмена результатом
работы или размещения его на сайте или
блоге необходимо в правом меню выбрать
функцию Sharing.
Можно будет выбрать
два варианта размещения диаграммы в виде
ссылки (Link) или в виде Html embed code.
Шаг 8
Готовая диаграмма (рисунок 19)
Рисунок 19 – Готовая диаграмма
Шаг 9
Вывод: Сервис идеально подходит
для учебных заведений, так как в нем можно
очень быстро построить какой либо классификатор
– что удобно для учителя. А также он очень
прост в освоении, можно работать интуитивно,
даже не зная английского языка, ученик
даже начального класса справится с такой
задачей.
К сожалению, сервис
допускает только последовательное редактирование
карт знаний. Для того чтобы передать возможность редактирования
другому пользователю, мы должны у себя
закрыть карту знаний.
Как уже было сказано
bubbl.us предназначен только для построения
диаграмм связей. Для иных типов диаграмм
нам следует выбрать какой либо другой
сервис
Cacoo
Шаг 1
Переходим на сайт http://cacoo.com для
начала работы.
На стартовом экране
мы видим меню: Tour Cacoo(обзор Cacoo), FAQ (частые
вопросы и ответы), и Support (поддержка). Большая
розовая кнопка SIGN UP (Регистрация) приглашает
зарегистрироваться. (рисунок 20)
Рисунок 20 – Регистрация на
сайте
Шаг2
Теперь, когда у нас есть аккаунт
Cacoo, мы будем перенаправлены на главную
страницу. Здесь мы можем рисовать свои
графики. Просто нажимаем «Создать новую
диаграмму». Можно построить новую диаграмму
либо выбрать из шаблона (рисунок 21)
Рисунок 21 – Шаблон диаграмм
Шаг 3
Если мы выбираем
диаграмму на основе шаблона, то выбираем
нужный нам шаблон (рисунок 22)
Рисунок 22 – Шаблон
Шаг 4
Но мы выбираем пустую диаграмму,
откроется страница с новой диаграммой.
В наше распоряжение предоставлен широкий
спектр инструментов (рисунок 23)
Рисунок 23 – Спектр инструментов
Шаг 5
Для добавления на лист графического
элемента просто нажмите на фигуру в правой
части экрана в меню Stencil (шаблоны) и перенесим
его на лист в левой части. В обозревателе
свойств можно настроить вид и цвет объекта,
будь то текст или фигура. Также для дублирования компонентов
можно использовать метод копирования
-вставки.
Можно масштабировать и вращать
каждое изображение. Цвета заполнения и штриховки,
также могут быть изменены и представлены
как сплошной заливкой, так и градиентом.
Шаг 6
После создания диаграммы,
нажимаем на вкладку Save (сохранить) в правом
верхнем углу. В выпадающем окне вводим
данные в поля Title (Название), Description (описание)
и выберите параметры публикации
графика Security (скрытый или закрытый).
Если вы хотите экспортировать
вашу диаграмму, просто нажмите на вкладку
Export (Экспорт) слева от вкладки Share,
в правом верхнем углу. В выпадающем меню
выберите ссылку для экспортирования
созданного графика в формате PNG (может
работать не во всех браузерах).
Шаг 7
Готовая диаграмма « Компьютерная
грамотность» (рисунок 24)
Рисунок 24 – Готовая диаграмма
Шаг 8
Вывод: Идеальный сервис для
совместной работы нескольких пользователей,
но с полноценными диаграммами
у Cacoo не очень-то и сложилось. Что такое
диаграмма в нашем понимании? Это графическое
отображение данных. А в Cacoo графика есть,
а данных – нет. Поэтому точнее будет сказать,
что Cacoo – это инструмент для создания
схем.
Итак, после регистрации и
авторизации на сайте пользователь может
начинать строить диаграммы. Однако приготовьтесь
немного подождать – перед загрузкой
редактора проходит сравнительно много
времени. Естественно,
на английском языке, но после авторизации
можно установить русский язык. Но не все
элементы будут на русском, например, панель
шаблонов - на английском, но это не очень
важно, т.к. можно и без перевода понять
о чем речь во вкладках, щелкнув по любой
Gliffy
Шаг 1
Заходим на сайт. Мы можем
сразу начать создавать диаграмму
не пройдя регистрацию, но в этом случае
не сможем сохранить свою работу, только
экспортировать в рисунок.
Поэтому проходим регистрацию (рисунок 25)
Рисунок 25 – Регистрация
Шаг2
Первое, что Вы видите,
пожелав попробовать данный сервис, это обучающее
видео, которое в восемь этапов повествует
вновь пришедшему пользователю основные
аспекты использования сайта (рисунок
26).
Рисунок 26 – Основные аспекты
Шаг 3
Пройдя краткое обучение
или просто пропустив его, Вы попадаете,
в так называемую панель проектирования,
на которой расположены разные фигурки,
различные компоненты для создания бок-схем,
диаграмм, сетей и даже домов, квартир
и т.д
Шаг 4
Если же Вам будет не достаточно предлагаемых
элементов, Gliffy предоставляет возможность собственному
добавлению фигур. Для этого на сайте отведен
раздел под названием My Images. Фигурки можно
добавлять в различных форматах (PNG, JPG,
GIF).