Те, кто меня знают, или что-то читали в этом блоге, в курсе, что как правило я предпочитаю пользоваться бесплатными open source приложениями, а не чисто коммерческими сервисами, работающими по подписной модели на платной основе. О некоторых интересных из них, которые нашёл для себя недавно, и пойдёт речь.

Зачем open source?

«Зачем изобретать велосипед, и чем плохи привычные коммерческие решения», — спросите вы. Во-первых, здесь есть некоторая гарантия на тот случай, если разработчик прекратит поддержку приложения. Его может подхватить сообщество, и оно продолжит своё существование дальше.  

Во-вторых, у многих сервисов с открытым кодом, даже если они используют платную подписку (Ghost, Matomo), есть полнофункциональная бесплатная версия для размещения на своём сервере, что очень удобно в плане переноса данных, если  потребуется.

Так или иначе, это означает большую свободу и независимость от возможного «подсаживания» на коммерческую подписную иглу. Кто пользуется платными подписками (Tilda, Readymag), прекрасно представляет себе, что это такое, когда проектов становится много, но важно, чтобы они по-прежнему оставались в онлайне.

Disclaimer

Здесь не будет детального обзора всего доступного функционала, некоторые из приложений я пока сам только осваиваю, либо вовсе узнал о них лишь недавно. Поэтому только краткая информация. Кроме того, всё, о чем пишу, отнюдь и далеко не новинки, нет. То, что я них пишу, всего лишь означает, что я недавно открыл их для себя и собираюсь использовать их в ближайшее время в работе. Вполне возможно, что вам они уже давно знакомы.

По уровню доступности они также рассчитаны на среднего пользователя интернета, я, разумеется, исхожу здесь из своих навыков, знаний и умений. Но я тот самый средний пользователь интернета, так что ничего сложного тут не будет.

Web-презентации Webslides

Это не веб-сервис и не веб-приложение. Это набор стилей для создания презентаций и чего-то похожего на них (лэндинги, лонгформы). Как это работает?

  1. Вы скачиваете (по синей кнопке на главной) архив.
  2. Распаковываете его. В нём набор демо-страниц. Демки — они же являются описанием классов (привет, CSS & HTML) оформления.
  3. По образцам в этих демках редактируете в текстовом редакторе, например, демо-файл index.html

Тем, кто незнаком (хотя бы поверхностно) с CSS & HTML, Webslides, наверное, рекомендовать не стоит. Но если у вас был хотя бы небольшой опыт работы с ними, то всё не страшно, потому что, поняв логику представления блоков на страницах, нужно просто копировать фрагменты кода из шаблона, подставляя свои данные. Выглядит это примерно так.

На скрине привычный linux-терминал, но можно редактировать в блокноте или любом удобном редакторе текста (не в Word, разумеется)

4. После того, как собрали / отредактировали index.html или какой-то другой из демо-файлов (может быть, даже с нуля создали новый, скопировав в него нужный код), дальше два варианта действий:

  • чтобы показывать результат с локального компа (не из Интернета), просто открываем созданную страницу в браузере с компьютера для демонстрации — если это, например, презентация. Совсем, как с привычным Power Point файлом.
  • чтобы открывать из Интернета, закачиваем к себе на сервер (да, он должен быть тогда), в корень всю папку, которую вы скачивали в п.1. и в которой редактировали файлы. И тогда ваше творчество будет открываться в Интернете у всех по адресу вашего сайта. Например, вот так

Первые раза два с Webslides непросто, если вас не очень много опыта с CSS & HTML, но после — уже значительно проще. Удобство — в последующей свободе использования созданной презентации:

  • чтобы перенести с любого адреса (сервера) на любой другой, нужно просто переместить папку с файлами. Точно так же, можно скачать её к себе на компьютер (у той же Tilda это только в самом дорогом варианте подписки);
  • всё совершенно бесплатно, без каких-то ограничений и скрытых возможностей.

Интерактивные тексты / игры от Twine

Тут для начала проще показать, как это выглядит и что это такое, чем описывать словами. Сайт приложения.

Например, вот

Скрин сайта с Twine :) Жёлтым цветом выделены ссылки с вариантами развития истории

Или вот

Подробно на русском языке о Twine написано, например, здесь и здесь. Это приложение для разработки текстовых браузерных игр или для интерактивной литературы. Иными словами, когда вы читаете текст и выбираете продолжение из нескольких вариантов.

Тема достаточно старая, существует c 2009 года. Здесь не про какую-то богатую мультимедийность, многоформатность, погружение и всё вот это тяжеловесное-контентное. Это именно для текстов, плюс-минус. Сейчас такое чаще делают через ботов в Telegram.

Вы спросите, а зачем специальное приложение, если тут банально гиперссылки на другие страницы? Суть в удобстве представления истории. Процесс её создания происходит в виде ментальной карты (типа mindmeister и т.д.). Для более-менее длинных историй это очень удобно.

Скрин-пример с сайта приложения

Приложение бесплатное. Это именно приложение, а не сайт для размещения готовых историй / игр. Иными словами, всё, что вы создаёте в браузере или в приложении (винда, линукс, мак), в них и остаётся. Итоговый результат получается в виде html файла, который можно залить на любой свой сервер.

На сайте приложения, впрочем, заботливо указали бесплатные серверы, где можно разместить эту html-ку, чтобы она была доступна online. Они перечислены в справке по приложению, в самом низу, в разделе Publishing your work.

Для использования Twine есть некоторый порог вхождения, так как требуется немного освоить синтаксис разметки ссылок и всего вот этого. Поэтому в комментах по ссылкам выше (где обзоры приложения) некоторые пишут, что для писателей-гуманитариев Twine может показаться сложным, а для «программистов»-технарей, наоборот, банальным. Впрочем, тут как с Webslides, требуется некий средний уровень, продвинутого интернет-пользователя, чего-то страшного и неподъемного тут тоже нет.

Как и для чего использовать Twine в работе преподавателя, я пока не придумал. Можно предположить, что для некоторых интерактивных текстов, но что это могли бы быть за тексты, я для себя пока не придумал :) Взял лишь на заметку приложение.

Matomo — независимая веб-аналитика

Если вам не нравится, как порой Google или Yandex ведут себя с вашими данными, можно попытаться обойтись без привычных сервисов веб-аналитики от них при помощи Matomo. Matomo недавно объединилась с известной ранее независимой системой аналитики Piwik. Сразу скажу, глубоко в тему тут я пока не погружался, пока использую лишь в тестовом варианте по своим сайтам.

Приложение бесплатно, если устанавливать его на свой сервер. Если пользоваться сервером разработчиков, то подписка платная. Например, у меня стоит на своём адресе stats.journfaq.ru. На сайте есть демка, чтобы посмотреть, как оно выглядит изнутри.

Установка на свой сервер проста, а через Softaculous вообще элементарна. Посмотрим, как будет в работе. Пока использую лишь вторую неделю.

Разное другое

Кроме того, до версии 2.0 обновился блоговый движок Ghost, на котором работает этот блог. Внешне изменений пока не заметил, кроме нового редактора постов, который сильно напоминает былой Medium.

Как видите, косметически изменился формат вставок embed-ов, можно выбирать между вариантами форматирования — html или markdown. Ничего кардинального, потому что, по сути, всё работало и раньше, только выглядело по-другому :) Между делом, обновил почти все свои ghost-блоги (а их много) до текущей версии.

Зарёкся для себя использовать Tilda и подобные коммерческие сервисы, так как если нужно, чтобы проект был в онлайне, пусть он уже и не обновляется и не очень актуален, он всё равно будет требовать платной подписки, что не всегда оправдано. Думаю, перейти на регулярно использование карт историй от Arcgis. Там появился русский интерфейс и для мультимедийного формата лучше брать формат Cascade. Вот тут, например, вышло очень симпатично с ним.

To be continued...

Пока писал, вспомнил ещё про три сайта-приложения, о которых можно было бы рассказать, но уже, видимо, в следующий раз.

Фото обложки unsplash-logoDan Schiumarini