что такое медуза портал
Как делается «Медуза». На самом деле
Необходимое вступление
Это первый пост «Медузы» в Medium, поэтому необходимо краткое вступление: мы здесь будем рассказывать не о том, что мы делаем, а о том, как мы это делаем. Вы видите только сайт и приложения «Медузы», но за этим стоит работа редакции, разработка — и нам есть что об этом рассказать. Первое доказательство — сегодня. Итак.
Монитор. Внутренний редактор «Медузы»
Центром жизни любого издания является его админка (она же CMS, она же внутренний редактор, она же бекэнд, как хотите, так и называйте, но мы для простоты будем называть ее ужасным словом админка, или Монитором). Здесь пишутся и публикуются тексты, в ней работает вся редакция. Качество админки определяет не только скорость работы, но и атмосферу в редакции: если админка медленная и неудобная, это вызывает постоянное раздражение тех, кто ею пользуется. Идеальная админка — та, которую не замечаешь. Кроме того, если админка плохая, редакция ненавидит отдел разработки. Если редакция ненавидит отдел разработки, они никогда не будут работать вместе. Если они никогда не будут работать вместе, можно забыть о новых медиа: никуда дальше публикации простого текста с картинкой вы не уйдете.
Возможно, админка — это вообще главная разработка для интернет-издания.
В общем, при разработке админки важно исходить из нескольких постулатов:
То, что мы вам сейчас покажем — уже вторая версия Монитора. Первая была сделана с реактивной скоростью: за три месяца. Вторая запустилась несколько дней назад.
24 часа
Это главный экран Монитора: как следует из названия, на нем видны все материалы, которые проходили через Монитор за последние 24 часа. Материалы делятся на опубликованные и те, которые находятся в работе. Верхняя желтая плашка называется «Заветы» и используется для важных объявлений.
Экран «24 часа» скоро ждут серьезные изменения. Про это будет отдельный пост.
Календарь
Наглядный пример того, что при разработке админки стоит сосредоточиться на обязательном. Календарь создавался для планирования: редактор создает материал на через неделю и помнит, что дедлайн грядет — в первой версии Монитора виджет календаря выводился также на экран «24 часа». В действительности оказалось, что подавляющее большинство редакции занимается новостями, где планирование по определению отсутствует. Той же малой части редакции, которая занимается долгими историями, проще пользоваться бумажными стикерами, приклеенными к стеклянной стене. Календарь стоит пустым напоминанием о зря потраченном времени и деньгах.
Учитесь на наших ошибках.
Выпуск
Опубликованный материал не увидят пользователи сайта и он не попадет в RSS, если выпускающий редактор не поставит его в Выпуск. Процесс выпуска материала выглядит так:
Как только редактор начинает совершать активные действия в выпуске, для всех остальных экран блокируется:
Все разделы «Медузы» собираются вручную, никакой автоматики.
Все материалы
Ну, тут все просто: это архив. С поиском по типу материала, дате, редактору и названию. Не будем на этом долго задерживаться.
Наружка
Вся редакция имеет доступ к внутренней статистике: сколько кликов собирают материалы, которые сейчас стоят на экранах. Статистика дается за полчаса и за все время.
Статистика
Это внутренняя статистика по редакторам и типам материалов — тоже открыта всем (вообще, в Мониторе нет ролей пользователей, все перед Монитором равны).
Среднее время, потраченное на материал — цифра лукавая и не всегда показательная.
Источники
Сложнейший экран, давшийся нам немалой кровью. Как вы знаете, «Медуза» — агрегатор, то есть в основе издания — материал со ссылкой на какой-нибудь источник. Казалось бы, все просто. Все просто, да не совсем. Источники бывают разные. Бывает, что один сайт — это несколько источников (Вконтакте, Фейсбук, ЖЖ и т.д.). Бывает, что один источник — это несколько сайтов (Алексей Навальный). Поэтому у источников бывают субисточники и синонимы. Вот так, например, выглядит страница источника под названием Вконтакте:
Про экраны всё (оставшиеся экраны совершенно технические и ничего интересного о них сказать мы не можем). Переходим к процессу создания материала — то есть нажимаем на зеленый квадратик в левом верхнем углу.
Создание материала
То, что вы видите — интерфейс создания новости, самого простого материала из тех, что у нас есть. Вот так выглядит написанная и опубликованная новость:
2. К любому источнику автоматически добавляется скриншот (его делает робот, редактор к этому отношения не имеет). Делается это на случай, если нас обвинят в неверном цитировании: у нас всегда хранится оригинал.
3. Источник (если он есть в Мониторе) определяется автоматически. То есть в случае, когда редактор копирует в поле источника ссылку vedomosti.ru/чтототам, то Монитор сразу же поймет, что это газета «Ведомости» и привяжет материал к источнику.
4. В материале могут одновременно работать несколько человек — мы блокируем материал по полям. Более того: один редактор видит, что делает другой:
5. У полей бывают ограничения по знакам — работает как в твиттере.
6. Все текстовые поля автоматически проходят через типограф. Типограф сторонний, он плохой, но лучше пока не найден. Видимо, придется делать самим.
7. С недавних пор работает постоянное автосохранение — то есть не надо все время жать на кнопку «Сохранить» и терять половину материала по любому поводу.
То, что мы показываем — это редактор новостей. Редакторы других типов материалов выглядят очень похоже, показывать их не очень интересно. Интересно вот что: в последней версии мы развели в разные интерфейсы редактор текста и фоторедактор. По двум причинам: во-первых, так фоторедактор может работать параллельно с редактором, во-вторых, им нужны совершенно разные вещи, которые плохо уживаются рядом.
Фоторедактор
Фоторедактор — это альтернативный вид материала, доступен по ссылке из каждого материала. Выглядит вот так:
В фоторедакторе нельзя править тексты, зато удобно работать с картинками. Значительное количество полей просто убраны. При желании поле текста можно уменьшить до минимума и заняться только фотографиями:
Фотографии можно вставлять только между абзацами. Чтобы вставить фото, нужно перетянуть его из левой области в правую в специально предназначенное для этого поле:
Монитор сообщает, какого размера фотография загружена, предлагает ее поменять прямо в тексте без удаления, посмотреть в полном размере, а также двигать по тексту вверх и вниз.
Публикация материала
При публикации материала редактор смотрит, как материал будет выглядеть и в вебе, и в приложениях. Превью на данный момент не совсем точное, но мы работаем над этим. Кроме того, пару недель назад мы стали автоматически генерировать картинки, с которыми материал уходит в соцсети — они тоже выводятся в превью, здесь же их можно поправить:
Мы пока тестируем эту функцию, поэтому такие картинки не уходят наружу. Запустится вот-вот.
А также
Несколько дней назад мы запустили быстрый способ создания и редактирования статей. Находится он не в Мониторе. Это расширение для Chrome.
Если установить расширение и нажать на него, когда вы читаете материал на «Медузе», то вы сразу немедленно попадете в Монитор. Вот так:
Или вы нашли интересный текст, скажем, в издании Афиша-Город:
Монитор создал материал — вместе с привязанным источником, заголовком и даже текстом (который мы, разумеется, перепишем, но это упрощает и ускоряет работу редактора).
Это всё?
Для начала да. Подпишитесь на наш Medium, мы будем рассказывать тут обо всем, что придумываем. Со своей стороны, будем рады любым идеям.
Как правильно делать карточки
Когда мы запускали «Медузу», то все время повторяли, что наша задача — не только рассказывать, но и объяснять (привет, Vox). Нам это было настолько важно, что мы даже для этого специальный раздел создали и назвали его Картотекой — и посадили двух редакторов заниматься только им. Кажется, получилось неплохо — настолько, что формат пошел в массы. Что, безусловно, круто, но вот качество карточек, которые мы видим в других изданиях, пока не блеск. Вот пара советов, как это нужно делать.
3 лучших способа сделать плохую карточку
5 критериев удачной темы для карточки
5 мест, откуда брать данные
2. Эксперты. В российской журналистике от экспертов часто требует не данных, а мнения. Это не для карточек. Мы обращаемся к экспертам если: а) мы им доверяем б) мы отчаялись найти нужные данные в открытых источниках.
3. Судебные решения. Незаменимый источник, когда нужно рассказать о сути закона. То, как трактуют в судах закон — важнейшая информация. Судебные решения помогают, когда закон противоречит другим и в нем не могут разобраться даже правоприменители. Определения Конституционного и Верховного судов — один из главных наших источников.
4. Профильные и научные журналы. Вы просто не представляете, сколько ценного можно найти в изданиях с названиями, вроде «Нефтяное хозяйство» и «Гуманитарные, социально-экономические науки». А ведомственные журналы — это просто мечта.
5. Нестандартные источники. Поиск информации для ответа на конкретный вопрос — это творческая задача. Ценнейшим источником для карточки «На что не имеет права охранник в магазине» стал найденный на сайте МВД тест на 300 вопросов (с правильными ответами), который частные охранники сдают при получении лицензии.
Когда мы писали «Что такое план «Перехват», выяснилось, что сами эти планы везде свои и везде секретные. Мы вспомнили, что украинские хакеры как-то слили в сеть архивы ростовского МВД. Так мы смогли рассказать чуть конкретнее, как выглядит настоящий «Перехват», не разглашая никаких секретов.
Не пересказывайте чьи-то мнения. Карточки только про факты.
8 способов писать так, чтобы все всё поняли
8. Не стесняйтесь отвечать «мы не знаем». Если есть естественный вопрос, а данных для ответа — маловато, это не значит, что вопроса нужно избегать. Надо честно писать — мы не знаем, данных нет. Иногда это сложнее: для обычного ответа достаточно всего одного источника, а для того, чтобы сказать «это неизвестно», нужно перекопать все.