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

<channel>

<title>Таня Мисютина, заметки с тегом: обучение</title>
<link>https://blog.infotanka.ru/tags/obuchenie/</link>
<description></description>
<generator>E2 (v3239; Aegea)</generator>

<item>
<title>Вопрос-ответ: С каких курсов, статей и книг лучше всего начать?</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-s-kakih-kursov-statey-i-knig-luchshe-vsego-nachat/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-s-kakih-kursov-statey-i-knig-luchshe-vsego-nachat/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-s-kakih-kursov-statey-i-knig-luchshe-vsego-nachat/</comments>
<description>&lt;p&gt;Спрашивает Люба Смирнова:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px;"&gt;&lt;p&gt;Меня зовут Люба, мне 27 лет и к инфографике на данный момент я не имею вообще никакого отношения. Но очень хотелось бы. Какое-то время назад начала читать про информационный дизайн, потом наткнулась на ваш блог, и стала все больше этим загораться — ищу онлайн-курсы, пока что бесплатные, не только про data vizualization, но и про data analysis, читаю статьи и журналы. При отсутствии опыта и более толковых знаний пока не очень получается все это систематизировать. И была бы очень благодарна вашим советам на тему:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;С каких курсов, статей и книг лучше всего начать? Курсы пока что интересуют онлайн, но со временем не отметаю возможность и того, что какой-нибудь из отпусков бы потратила на обучение в России или за рубежом.&lt;/li&gt;
&lt;li&gt;Какие языки программирования необходимо выучить и какие программы освоить?&lt;/li&gt;
&lt;li&gt;27 лет — это не поздно осваивать что-то абсолютно новое с потенциальными планами сделать это своей профессией? :) Моя работа никогда не была связана с дизайном (в любом смысле), но вот анализа данных в ней хватало, и это то, чем мне очень нравится заниматься. Кроме того, я сейчас работаю в Гугл, так что данных для анализа уж точно всегда хватает :) Также уже несколько лет увлекаюсь фотографией, начинаю осваивать монтаж (в качестве хобби), так что создание ярких, но простых для понимания визуальных образов мне тоже не чуждо :)&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Буду крайне благодарна за любые советы, которые вы посчитаете нужным мне дать!&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Инфографика и визуализация — горячие темы. На популярных сайтах &lt;a href="http://visual.ly/"&gt;Visually&lt;/a&gt;, &lt;a href="http://infogr.am/"&gt;Infogram&lt;/a&gt;, &lt;a href="http://dailyinfographic.com/"&gt;Daily Infographic&lt;/a&gt; ежедневно появляются сотни работ. К сожалению, не все они заслуживают внимания и научат вас полезным приёмам.&lt;/p&gt;
&lt;p&gt;Чтобы заложить прочный надёжный фундамент, начните &lt;a href="http://www.edwardtufte.com/tufte/index"&gt;с книг Эдварда Тафти&lt;/a&gt;. В них сформулированы универсальные принципы информационного дизайна и приведены проверенные временем примеры. Эти книги — кладезь полезных знаний, и я не совру, если скажу, что знакомство с ними изменило мою жизнь.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.edwardtufte.com/tufte/index "&gt;&lt;img src="/pictures/tufte-books.png" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Из современных авторов следите за &lt;a href="http://bost.ocks.org/mike/"&gt;Майком Бостоком&lt;/a&gt; — создателем библиотеки D3.js и художественным редактором The New York Times, &lt;a href="http://juanvelascoblog.com/"&gt;Хуаном Веласко&lt;/a&gt; — арт-директором National Geographic и &lt;a href="http://vimeo.com/worrydream/"&gt;Бретом Виктором&lt;/a&gt; — мыслителем и изобретателем. Сильные работы каждый год попадают в шортлист &lt;a href="http://www.malofiejgraphics.com/"&gt;конкурса «Малофей»&lt;/a&gt;. Я ищу и собираю хорошие примеры &lt;a href="http://www.pinterest.com/infotanka/%D0%BB%D0%B0%D0%B1%D0%BE%D1%80%D0%B0%D1%82%D0%BE%D1%80%D0%B8%D1%8F-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85/"&gt;на пинтересте&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Что касается технологий, я советую освоить &lt;a href="http://d3js.org/"&gt;D3.js&lt;/a&gt; и записаться на &lt;a href="https://www.coursera.org/course/datasci"&gt;курсеровский курс «Data Science»&lt;/a&gt;. На курсе знакомят с пайтоном, SQL и R в достаточной степени, чтобы потом вы самостоятельно выбирали и использовали подходящий инструмент. Если захотите с головой погрузиться в тему, приходите &lt;a href="http://brainwashing.pro/dataviz"&gt;на наш практический двухдневный курс&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Лучшие примеры информационного дизайна, такие как &lt;a href="http://en.wikipedia.org/wiki/File:Minard.png"&gt;карта нашествия Наполеона&lt;/a&gt; Шарля Менара и &lt;a href="http://en.wikipedia.org/wiki/1854_Broad_Street_cholera_outbreak"&gt;расследование эпидемии холеры&lt;/a&gt; Джона Сноу, созданы не профессиональными дизайнерами, а инженерами, врачами, экономистами, учёными, которые ценили данные и стремились извлечь из них смысл и пользу. Свою первую визуализацию — &lt;a href="http://infotanka.ru/metro.html"&gt;пассажиропотоки в метро&lt;/a&gt; — я нарисовала, едва освоив фотошоп, и до сих пор ей горжусь.&lt;/p&gt;
&lt;p&gt;Для визуализации данных одинаково необходимы навыки аналитика, дизайнера и программиста. Поэтому из какой бы области вы не пришли, придётся чему-то учиться. Мне кажется, что это здорово, и что осваивать новое никогда не поздно. Ищите задачи по душе, практикуйтесь, изучайте хорошие примеры, пополняйте арсенал форматов и приёмов. Ваше главное оружие — искренний интерес и любовь к данным.&lt;/p&gt;
&lt;p&gt;Желаю удачи!&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/Untitled-1.jpg" width="100" height="1" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: &lt;a href="mailto:mail@infotanka.ru"&gt;mail@infotanka.ru&lt;/a&gt;. Ответы публикуются по понедельникам.&lt;/div&gt;
&lt;/div&gt;
</description>
<pubDate>Mon, 20 Jan 2014 21:10:13 +0300</pubDate>
</item>

<item>
<title>Электронные прописи iTrace</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/elektronnye-propisi-itrace/</guid>
<link>https://blog.infotanka.ru/all/elektronnye-propisi-itrace/</link>
<comments>https://blog.infotanka.ru/all/elektronnye-propisi-itrace/</comments>
<description>&lt;p&gt;Пишет Михаил Богорад, автор идеи и руководитель проекта:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Мы постоянно показываем результат детям, и вроде им нравится.  С другой стороны, сомнения не оставляют всё равно. Когда над приложением работаешь 5 месяцев, а перед этим еще столько же вынашиваешь идею, начинаешь невольно относиться к результатам очень трепетно :)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Прописи &lt;a href="https://itunes.apple.com/ru/app/itrace-handwriting-for-kids/id583678381?l=en&amp;mt=8"&gt;iTrace&lt;/a&gt; учат детей правильно писать буквы, цифры и слова. С первого взгляда видно, как старались Миша и его команда (дизайнеры — Александра Мазурина и Игорь Волков, разработчики — Мурад Какабаев и Шурик Бабаев), приложение получилось удобным, понятным и красивым. Сколько не искала, я не нашла к чему придраться, поэтому расскажу о вещах, которые мне понравились.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="700" data-ratio="1.3333333333333"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-01.png" width="700" height="525" alt="" /&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-02.png" width="700" height="525" alt="" /&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-03.png" width="700" height="525" alt="" /&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-04.png" width="700" height="525" alt="" /&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-05.png" width="700" height="525" alt="" /&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-06.png" width="700" height="525" alt="" /&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-07.png" width="700" height="525" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Главный экран приложения отражает сценарии: последовательное изучение букв (как в школе или детском саду), тренировка от простого к сложному с учётом истории и индивидуальных результатов и работа с целыми словами. В каждом разделе соблюдён замечательный баланс между обучающей и игровой составляющими — красивые анимированные иллюстрации и игровые элементы разлекают ребёнка и не дают ему скучать, при этом сами прописи минималистичны и сфокусированы на упражении.&lt;/p&gt;
&lt;p&gt;Обучение поисходит засчёт многоступенчатой обратной связи: сперва букву демонстрирует рука со стилусом, затем на экране появляется точечная траектория, которая подсказывает направление штриха. Во время письма пропись реагирует на неправильные и неаккуратные действия, заставляет исправлять ошибки.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-feedback.png" width="900" height="330" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Со временем упражнение усложняется: буква уменьшается, границы становятся более строгими, подсказки менее явными, а на последнем шаге и вовсе исчезают.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-steps.png" width="900" height="330" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Так, засчёт изменения интерфейса навык письма постепенно прокачивается.&lt;/p&gt;
&lt;p&gt;Несколько спорных моментов. Мне кажется, что звёздочка после каждого подхода слишком долго летает по экрану, но кажется ли так дошкольнику, который только учится писать, нужно проверять экспериментами. Немного смущает скролл в боковом меню, где копятся призы за пройденные букво-уровни. Получается двойная вложенность: внутри скрытого элемента скрыта часть содержания. Почему бы не поставить призы в две колонки, например? Ещё, честно говоря, я с первого раза не разобралась в паззле при переходе от буквы к букве. И со второго тоже :-)&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/itrace-problems.png" width="900" height="218" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Я советую приложение как родителям начинающих «писателей», так и разработчикам детских (и не только) приложений. У ребят определённо есть чему поучиться. Ну и, Миша, когда ждать версию с кириллицей?&lt;/p&gt;
&lt;p&gt;Кстати, я отказалась от оценок в разборах (всё равно никто не понимает, что они значат :-) Теперь заметки просто обращают внимание на ошибки и подчёркивают удачные решения.&lt;/p&gt;
</description>
<pubDate>Mon, 04 Feb 2013 11:28:30 +0300</pubDate>
</item>

<item>
<title>Окно в четвёртое измерение</title>
<guid isPermaLink="true">https://blog.infotanka.ru/2012/07/27/1/</guid>
<link>https://blog.infotanka.ru/2012/07/27/1/</link>
<comments>https://blog.infotanka.ru/2012/07/27/1/</comments>
<description>&lt;div class="e2-text-calliope-formatted"&gt;Пространственное воображение — крутая штука, его полезно развивать и детям, и взрослым. Когда с двух- и трёхмерными объектами всё понятно, приходит пора штурмовать четвёртое измерение.

На Википедии четырёхмерные объекты ((http://en.wikipedia.org/wiki/File:8-cell-simple.gif вращаются в заданном направлении)), и вместо того, чтобы осознать идею 4-куба, мозг запоминает мультик. Проекции на двумерную плоскость поражают разнообразием, но составить по ним целостное впечатление ещё сложнее. 

((4-cube-2D-new.png))

Выйти за рамки привычной трёхмерной реальности поможет приложение ((http://itunes.apple.com/us/app/the-fourth-dimension/id504201783 4th Dimension)), в котором четырёхмерный куб можно в буквальном смысле «пощупать». Авторы приложения начинают с нуль-мерного пространства и постепенно, с шутками-прибаутками, подводят зрителя к идее четырёх измерений.

((4d-1.png))

Четырёхмерный куб дают повращать в 4D и объясняют, как это работает.

((4d-2.png))

Но самое крутое — это стереокартинки, которые, если их рассматривать по инструкции, добавляют трёхмерным объектам глубину и по-настоящему «взрывают мозг» :-)

((4d-3.png))

Недостаток приложения в его повествовательной структуре: каждый раз, чтобы покрутить куб, приходится прощёлкивать все предыдущие экраны. Круто было бы иметь быстрый доступ к кубику, а заодно и к пентатопу (это четырёхмерный аналог тетраэдра), 3-сфере и другим объектам.&lt;/div&gt;</description>
<pubDate>Fri, 27 Jul 2012 20:45:38 +0300</pubDate>
</item>


</channel>
</rss>