{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Таня Мисютина, заметки с тегом: обучение",
    "home_page_url": "https:\/\/blog.infotanka.ru\/tags\/obuchenie\/",
    "feed_url": "https:\/\/blog.infotanka.ru\/tags\/obuchenie\/json\/",
    "icon": "https:\/\/blog.infotanka.ru\/user\/userpic@2x.jpg",
    "author": {
        "name": "Таня Мисютина: mail@infotanka.ru",
        "url": "https:\/\/blog.infotanka.ru\/",
        "avatar": "https:\/\/blog.infotanka.ru\/user\/userpic@2x.jpg"
    },
    "items": [
        {
            "id": "187",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-s-kakih-kursov-statey-i-knig-luchshe-vsego-nachat\/",
            "title": "Вопрос-ответ: С каких курсов, статей и книг лучше всего начать?",
            "content_html": "<p>Спрашивает Люба Смирнова:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px;\"><p>Меня зовут Люба, мне 27 лет и к инфографике на данный момент я не имею вообще никакого отношения. Но очень хотелось бы. Какое-то время назад начала читать про информационный дизайн, потом наткнулась на ваш блог, и стала все больше этим загораться — ищу онлайн-курсы, пока что бесплатные, не только про data vizualization, но и про data analysis, читаю статьи и журналы. При отсутствии опыта и более толковых знаний пока не очень получается все это систематизировать. И была бы очень благодарна вашим советам на тему:<\/p>\n<ol start=\"1\">\n<li>С каких курсов, статей и книг лучше всего начать? Курсы пока что интересуют онлайн, но со временем не отметаю возможность и того, что какой-нибудь из отпусков бы потратила на обучение в России или за рубежом.<\/li>\n<li>Какие языки программирования необходимо выучить и какие программы освоить?<\/li>\n<li>27 лет — это не поздно осваивать что-то абсолютно новое с потенциальными планами сделать это своей профессией? :) Моя работа никогда не была связана с дизайном (в любом смысле), но вот анализа данных в ней хватало, и это то, чем мне очень нравится заниматься. Кроме того, я сейчас работаю в Гугл, так что данных для анализа уж точно всегда хватает :) Также уже несколько лет увлекаюсь фотографией, начинаю осваивать монтаж (в качестве хобби), так что создание ярких, но простых для понимания визуальных образов мне тоже не чуждо :)<\/li>\n<\/ol>\n<p>Буду крайне благодарна за любые советы, которые вы посчитаете нужным мне дать!<\/p>\n<\/div><p>Инфографика и визуализация — горячие темы. На популярных сайтах <a href=\"http:\/\/visual.ly\/\">Visually<\/a>, <a href=\"http:\/\/infogr.am\/\">Infogram<\/a>, <a href=\"http:\/\/dailyinfographic.com\/\">Daily Infographic<\/a> ежедневно появляются сотни работ. К сожалению, не все они заслуживают внимания и научат вас полезным приёмам.<\/p>\n<p>Чтобы заложить прочный надёжный фундамент, начните <a href=\"http:\/\/www.edwardtufte.com\/tufte\/index\">с книг Эдварда Тафти<\/a>. В них сформулированы универсальные принципы информационного дизайна и приведены проверенные временем примеры. Эти книги — кладезь полезных знаний, и я не совру, если скажу, что знакомство с ними изменило мою жизнь.<\/p>\n<p><a href=\"http:\/\/www.edwardtufte.com\/tufte\/index \"><img src=\"\/pictures\/tufte-books.png\" \/><\/a><\/p>\n<p>Из современных авторов следите за <a href=\"http:\/\/bost.ocks.org\/mike\/\">Майком Бостоком<\/a> — создателем библиотеки D3.js и художественным редактором The New York Times, <a href=\"http:\/\/juanvelascoblog.com\/\">Хуаном Веласко<\/a> — арт-директором National Geographic и <a href=\"http:\/\/vimeo.com\/worrydream\/\">Бретом Виктором<\/a> — мыслителем и изобретателем. Сильные работы каждый год попадают в шортлист <a href=\"http:\/\/www.malofiejgraphics.com\/\">конкурса «Малофей»<\/a>. Я ищу и собираю хорошие примеры <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\/\">на пинтересте<\/a>.<\/p>\n<p>Что касается технологий, я советую освоить <a href=\"http:\/\/d3js.org\/\">D3.js<\/a> и записаться на <a href=\"https:\/\/www.coursera.org\/course\/datasci\">курсеровский курс «Data Science»<\/a>. На курсе знакомят с пайтоном, SQL и R в достаточной степени, чтобы потом вы самостоятельно выбирали и использовали подходящий инструмент. Если захотите с головой погрузиться в тему, приходите <a href=\"http:\/\/brainwashing.pro\/dataviz\">на наш практический двухдневный курс<\/a>.<\/p>\n<p>Лучшие примеры информационного дизайна, такие как <a href=\"http:\/\/en.wikipedia.org\/wiki\/File:Minard.png\">карта нашествия Наполеона<\/a> Шарля Менара и <a href=\"http:\/\/en.wikipedia.org\/wiki\/1854_Broad_Street_cholera_outbreak\">расследование эпидемии холеры<\/a> Джона Сноу, созданы не профессиональными дизайнерами, а инженерами, врачами, экономистами, учёными, которые ценили данные и стремились извлечь из них смысл и пользу. Свою первую визуализацию — <a href=\"http:\/\/infotanka.ru\/metro.html\">пассажиропотоки в метро<\/a> — я нарисовала, едва освоив фотошоп, и до сих пор ей горжусь.<\/p>\n<p>Для визуализации данных одинаково необходимы навыки аналитика, дизайнера и программиста. Поэтому из какой бы области вы не пришли, придётся чему-то учиться. Мне кажется, что это здорово, и что осваивать новое никогда не поздно. Ищите задачи по душе, практикуйтесь, изучайте хорошие примеры, пополняйте арсенал форматов и приёмов. Ваше главное оружие — искренний интерес и любовь к данным.<\/p>\n<p>Желаю удачи!<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/Untitled-1.jpg\" width=\"100\" height=\"1\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: <a href=\"mailto:mail@infotanka.ru\">mail@infotanka.ru<\/a>. Ответы публикуются по понедельникам.<\/div>\n<\/div>\n",
            "date_published": "2014-01-20T21:10:13+03:00",
            "date_modified": "2020-03-03T22:15:19+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/Untitled-1.jpg",
            "_date_published_rfc2822": "Mon, 20 Jan 2014 21:10:13 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-s-kakih-kursov-statey-i-knig-luchshe-vsego-nachat\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/Untitled-1.jpg"
                ]
            }
        },
        {
            "id": "115",
            "url": "https:\/\/blog.infotanka.ru\/all\/elektronnye-propisi-itrace\/",
            "title": "Электронные прописи iTrace",
            "content_html": "<p>Пишет Михаил Богорад, автор идеи и руководитель проекта:<\/p>\n<blockquote>\n<p>Мы постоянно показываем результат детям, и вроде им нравится.  С другой стороны, сомнения не оставляют всё равно. Когда над приложением работаешь 5 месяцев, а перед этим еще столько же вынашиваешь идею, начинаешь невольно относиться к результатам очень трепетно :)<\/p>\n<\/blockquote>\n<p>Прописи <a href=\"https:\/\/itunes.apple.com\/ru\/app\/itrace-handwriting-for-kids\/id583678381?l=en&mt=8\">iTrace<\/a> учат детей правильно писать буквы, цифры и слова. С первого взгляда видно, как старались Миша и его команда (дизайнеры — Александра Мазурина и Игорь Волков, разработчики — Мурад Какабаев и Шурик Бабаев), приложение получилось удобным, понятным и красивым. Сколько не искала, я не нашла к чему придраться, поэтому расскажу о вещах, которые мне понравились.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"700\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-01.png\" width=\"700\" height=\"525\" alt=\"\" \/>\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-02.png\" width=\"700\" height=\"525\" alt=\"\" \/>\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-03.png\" width=\"700\" height=\"525\" alt=\"\" \/>\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-04.png\" width=\"700\" height=\"525\" alt=\"\" \/>\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-05.png\" width=\"700\" height=\"525\" alt=\"\" \/>\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-06.png\" width=\"700\" height=\"525\" alt=\"\" \/>\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-07.png\" width=\"700\" height=\"525\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Главный экран приложения отражает сценарии: последовательное изучение букв (как в школе или детском саду), тренировка от простого к сложному с учётом истории и индивидуальных результатов и работа с целыми словами. В каждом разделе соблюдён замечательный баланс между обучающей и игровой составляющими — красивые анимированные иллюстрации и игровые элементы разлекают ребёнка и не дают ему скучать, при этом сами прописи минималистичны и сфокусированы на упражении.<\/p>\n<p>Обучение поисходит засчёт многоступенчатой обратной связи: сперва букву демонстрирует рука со стилусом, затем на экране появляется точечная траектория, которая подсказывает направление штриха. Во время письма пропись реагирует на неправильные и неаккуратные действия, заставляет исправлять ошибки.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-feedback.png\" width=\"900\" height=\"330\" alt=\"\" \/>\n<\/div>\n<p>Со временем упражнение усложняется: буква уменьшается, границы становятся более строгими, подсказки менее явными, а на последнем шаге и вовсе исчезают.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-steps.png\" width=\"900\" height=\"330\" alt=\"\" \/>\n<\/div>\n<p>Так, засчёт изменения интерфейса навык письма постепенно прокачивается.<\/p>\n<p>Несколько спорных моментов. Мне кажется, что звёздочка после каждого подхода слишком долго летает по экрану, но кажется ли так дошкольнику, который только учится писать, нужно проверять экспериментами. Немного смущает скролл в боковом меню, где копятся призы за пройденные букво-уровни. Получается двойная вложенность: внутри скрытого элемента скрыта часть содержания. Почему бы не поставить призы в две колонки, например? Ещё, честно говоря, я с первого раза не разобралась в паззле при переходе от буквы к букве. И со второго тоже :-)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/itrace-problems.png\" width=\"900\" height=\"218\" alt=\"\" \/>\n<\/div>\n<p>Я советую приложение как родителям начинающих «писателей», так и разработчикам детских (и не только) приложений. У ребят определённо есть чему поучиться. Ну и, Миша, когда ждать версию с кириллицей?<\/p>\n<p>Кстати, я отказалась от оценок в разборах (всё равно никто не понимает, что они значат :-) Теперь заметки просто обращают внимание на ошибки и подчёркивают удачные решения.<\/p>\n",
            "date_published": "2013-02-04T11:28:30+03:00",
            "date_modified": "2020-03-03T22:35:49+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/itrace-01.png",
            "_date_published_rfc2822": "Mon, 04 Feb 2013 11:28:30 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/elektronnye-propisi-itrace\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-01.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-02.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-03.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-04.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-05.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-06.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-07.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-feedback.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-steps.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/itrace-problems.png"
                ]
            }
        },
        {
            "id": "13",
            "url": "https:\/\/blog.infotanka.ru\/2012\/07\/27\/1\/",
            "title": "Окно в четвёртое измерение",
            "content_html": "<div class=\"e2-text-calliope-formatted\">Пространственное воображение — крутая штука, его полезно развивать и детям, и взрослым. Когда с двух- и трёхмерными объектами всё понятно, приходит пора штурмовать четвёртое измерение.\r\n\r\nНа Википедии четырёхмерные объекты ((http:\/\/en.wikipedia.org\/wiki\/File:8-cell-simple.gif вращаются в заданном направлении)), и вместо того, чтобы осознать идею 4-куба, мозг запоминает мультик. Проекции на двумерную плоскость поражают разнообразием, но составить по ним целостное впечатление ещё сложнее. \r\n\r\n((4-cube-2D-new.png))\r\n\r\nВыйти за рамки привычной трёхмерной реальности поможет приложение ((http:\/\/itunes.apple.com\/us\/app\/the-fourth-dimension\/id504201783 4th Dimension)), в котором четырёхмерный куб можно в буквальном смысле «пощупать». Авторы приложения начинают с нуль-мерного пространства и постепенно, с шутками-прибаутками, подводят зрителя к идее четырёх измерений.\r\n\r\n((4d-1.png))\r\n\r\nЧетырёхмерный куб дают повращать в 4D и объясняют, как это работает.\r\n\r\n((4d-2.png))\r\n\r\nНо самое крутое — это стереокартинки, которые, если их рассматривать по инструкции, добавляют трёхмерным объектам глубину и по-настоящему «взрывают мозг» :-)\r\n\r\n((4d-3.png))\r\n\r\nНедостаток приложения в его повествовательной структуре: каждый раз, чтобы покрутить куб, приходится прощёлкивать все предыдущие экраны. Круто было бы иметь быстрый доступ к кубику, а заодно и к пентатопу (это четырёхмерный аналог тетраэдра), 3-сфере и другим объектам.<\/div>",
            "date_published": "2012-07-27T20:45:38+03:00",
            "date_modified": "2012-07-27T20:45:21+03:00",
            "_date_published_rfc2822": "Fri, 27 Jul 2012 20:45:38 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/2012\/07\/27\/1\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        }
    ],
    "_e2_version": 3239,
    "_e2_ua_string": "E2 (v3239; Aegea)"
}