Предисловие

Если вы не читали предыдущую статью про установку и настройку VM VirtualBox, то настоятельно рекомендую сначала ознакомиться с ней. В противном случае данная статья будем мало чем полезна.

Начало установки

Не пугайтесь, если в ходе установки произойдет перезагрузка виртуальной машины. Это норма.

После запуска виртуальной машины начинается процесс установки. И первым нас встречает экран выбора языка:

Выбираем русский или английский, на свое усмотрение.

На следующем экране нужно выбрать «дисковую утилиту», чтобы настроить разделы для установки ОС MacOS:

Далее нам отобразятся наши виртуальные характеристики, которые мы задавали при создании ВМ. Проверьте емкость: она должна составлять не менее 40 Гб. Нажимаем «Стереть», чтобы отформатировать наш диск.

В следующем окне выбираем опции форматирования: формат — “Mac OS Extended (журналируемый)”; схема — “Схема разделов GUID”. После нажимаем на «Стереть».

Ждем выполнения процедуры и нажимаем «готово»:

Установка MacOS

После возвращения к стартовому окну выбираем «Установка macOS».

Далее нажимаем продолжить, принимаем лицензионные соглашения, выбираем созданный нами диск на предыдущем шаге и ждем окончания процесса установки.

Компьютер в процессе установки перезагрузится, но мы ничего не трогаем.

Настройка рабочего окружения

После окончания установки нас встречает Mac со словами «Добро пожаловать!». На этом экране выбираем страну проживания:

Далее устанавливаем раскладку и языки:

Нажимаем на «продолжить» на экране «данные и конфиденциальность».

Т. к. нам не нужно восстанавливать аккаунт старого mac, выбираем «не переносить информацию» и жмем «продолжить».

На странице входа «Apple ID» нажимаем на кнопку «настроить позже»:

Снова принимаем положения и условия эксплуатации:

Теперь создаем учетную запись:

Далее несколько раз нажимаем продолжить:

Самое приятное — выбираем тему оформления «темное».

Теперь остается ждать, когда настройки применятся…

На следующих экранах закрываем диалоговые окна:

И наконец-то мы можем пользоваться операционной системой MacOS. Интернет у нас автоматически подключается с нашего хоста, и мы можем работать с Safari и, например, дебажить наше веб приложение.

Заключение

Если на каком-то шаге у вас возникла проблема, то советую обратиться к первой части данной статьи и проделать все заново по шагам.

Также советую ознакомиться со статьями про установку Android OS 9.0 на Windows в VirtualBox, которая разделена для удобства на 3 части:

• 1 часть
• 2 часть
• 3 часть

Всем успехов и удачи!

INTRO

Данная статья будет написана в двух частях: первая об установке всех необходимых компонентов и конфигурации виртуальной машины; вторая о процессе установки и запуске macOS на VirtualBox.

Подготовка

Для всех представленных ниже файлов пароль для разархивации: glimake.ru

Если какие-то ссылки перестали работать, прошу связаться со мной напрямую, чтобы я обновил их. Срок действия ссылки составляет 30 дней.

Операционную систему MacOS мы будем устанавливать на виртуальную машину VirtualBox. Скачать ее можно с официального сайта или по следующим ссылкам:

1. Windows
2. OS X
3. Linux
4. Solaris
5. Solaris 11 11 IPS

Также нам понадобится пакет расширений для VirtualBox.

Так как мы хотим установить MacOS, то нам нужен ее образ. Скачать iso образ можно здесь.

Теперь, когда все готово, можем приступить к установке операционной системы на VM.

Настройка VirtualBox

Нам нужно установить скаченный ранее пакет расширений для VirtualBox.

1. Запускаем VirtualBox.
2. Заходим в «Файл» → «Настройки» → «Плагины».
3. Нажимаем на «+» для добавления нового плагина.
4. Нажимаем «Ок».

Создание виртуальной машины

На главном экране нажмем на кнопку «Создать»

Откроется окно создания виртуальной машины. Теперь просто действуем по инструкции.

В открывшемся окне задаем имя виртуальной машины, желательно без пробелов и спец символов. Указываем папку ВМ — место, где будут храниться файлы VM. Тип – Mac OS X. Версия – Mac OS X (64-bit):

Указываем объем оперативной памяти, который мы хотим предоставить ВМ. Не менее 4Гб.

В следующем окне выбираем «Создать новый виртуальный жесткий диск».

Теперь выбираем VirtualBox Disk Image. В этом формате будет хранится ВМ на диске.

Выбираем «Динамический виртуальный диск»:

Указываем объем жесткого диска, который мы предоставим виртуальной машине MacOS. Указываем не менее 40 Гб:

На этом создание Virtual Machine закончилось. Следующим шагом будет настройка созданной виртуальной машины.

Настройка Виртуальной Машины

На главном экране VBox выбираем нашу созданную ВМ и нажимаем на кнопку «Настроить»:

Т. о. попадаем на страницу настроек, где мы можем посмотреть все параметры ВМ:

Переходим во вкладку «Система», вкладка «Материнская плата»:

Здесь мы убираем галочку с «Гибкого диска» и проверяем, чтобы стояли все галочки в области «дополнительных возможностей»:

    Включить I/O APIC
    Включить EFI (только специальные ОС)
    Часы в системе UTC

В верхнем меню переходим во вкладку «процессор». Нужно выделить минимум 4 ядра процессора, а предел загрузки ЦП установить в 100%. Также должна стоять галочка возле «Включить PAE / NX»:

В левом меню переходим во вкладку «дисплей».

Выделяем 128 мб видеопамяти виртуальной машине. Отключаем 3D – ускорение. Графический контроллер должен стоять на VBoxVGA.

Переходим в пункт меню «носители». Здесь нам нужно добавить наш ISO образ ОС MacOS к виртуальной машине. С него в дальнейшем мы будем устанавливать систему.

Нажимаем на плюсик, чтобы добавить новый виртуальный оптический привод и выбираем наш скаченный ISO с MacOS:

В итоге наш iso’шник должен отобразиться в списке:

Переходим во вкладку «USB», включаем контроллер USB и выбираем USB 3.0.

На этом настройка виртуальной машины закончилась. Теперь нам осталось прописать файлы конфигурации и запустить установку MacOS. Приступим!

Конфигурация виртуальной машины для MacOS

Зачем это нужно? — эта конфигурация позволит имитировать ЦПУ Ivy Bridge, микроархитектура которой была в процессорах, установленных на маках.

Открываем папку, где установлена VirtualBox, чтобы скопировать путь до файлов программы.

Открываем командную строку: нажимаем Win + R → вписываем “cmd” → нажимаем enter или находим cmd в меню пуск. Далее нам нужно перейти в скопированную директорию:

cd <path_to_my_VBox_directory>

П. С. Если VirtualBox находится не на диске “C:\”, тогда команда будет следующая:

cd \d <path_to_my_VBox_directory>

Как и на фото выше выполняем следующие команды:

Для Intel

Эмуляция ЦПУ:

VBoxManage modifyvm "Glimake_MacOS" --cpuidset 00000001 000106e5 00100800 0098e3fd bfebfbff

Установка типа продукта "MacBookPro11,3":

VBoxManage setextradata "Glimake_MacOS" "VBoxInternal/Devices/efi/0/Config/DmiSystemProduct" "MacBookPro11,3"

Задаем версию системы:

VBoxManage setextradata "Glimake_MacOS" "VBoxInternal/Devices/efi/0/Config/DmiSystemVersion" "1.0"

Устанавливаем имя своего «мака»:

VBoxManage setextradata "Glimake_MacOS" "VBoxInternal/Devices/efi/0/Config/DmiBoardProduct" "Mac-vm-product-name"

Ключ устройства:

VBoxManage setextradata "Glimake_MacOS" "VBoxInternal/Devices/smc/0/Config/DeviceKey" "ourhardworkbythesewordsguardedpleasedontsteal(c)AppleComputerInc"

Включение контроллера управления системой — это подсистема Макинтош, которая отвечает за питание, зарядку, переключение режима сна и гибернацию и прочее.

VBoxManage setextradata "Glimake_MacOS" "VBoxInternal/Devices/smc/0/Config/GetKeyFromRealSMC" 1

Здесь устанавливаем разрешение нашей MacOS системы:

VBoxManage setextradata "Glimake_MacOS" VBoxInternal2/EfiHorizontalResolution 1920

VBoxManage setextradata "Glimake_MacOS" VBoxInternal2/EfiVerticalResolution 1080

Для AMD

VBoxManage modifyvm "Your Virtual Machine Name" --cpu-profile "Intel Core i7-6700K"

Для ОС Linux:

Команды те же самые. Открываем терминал, вставляем команды.

Как увеличить объем видеопамяти в VirtualBox

После установки всех конфигураций мы можем посмотреть характеристики нашего мака следующей командой:

VBoxManage showvminfo Glimake_MacOS

В строке VRAM Size указывается объем видео памяти. По умолчанию в VBox можно установить максимум 128 Мб памяти. Но чтобы увеличить его до 256 Мб прописываем команду:

VBoxManage modifyvm Glimake_MacOS --vram 256

И снова проверяем установленный объем:

VBoxManage showvminfo Glimake_MacOS

Запуск MacOS

Теперь снова переходим в программу Virtual Box и выбираем нашу установленную систему MacOS: нажимаем на нее и в верхнем меню нажимаем «Запустить».

В следующей статье рассмотрим установку самой операционной системы.
Также смотрите статью: “Как установить Android в VirtualBox на Windows”.

Предыстория

В первой статье данной темы мы рассмотрели настройку VirtualBox для установки Android. В предыдущей статье мы остановились на том, что запустили android на нашей виртуальной машине. Теперь нам нужно настроить Android, чтобы с легкостью использовать ее.

Нас встречает стандартный помощник настройки Android. Выбираем язык, Wi-fi пока пропускаем, настраиваем нужную GMT, соглашаемся или отказываемся с сервисами Google, устанавливаем пароль или пропускаем шаг и готово.

Выбираем удобный launcher (рабочий стол): настольный или мобильный:

Теперь настроим интернет. Для этого с помощью мышки опускаем шторку task-bar и зажимаем на иконку wi-fi. У вас будет одна сеть: “VirtWiFI” – это виртуальная точка доступа, которая получает доступ в интернет от вашей физической сетевой карты.

Итого

Вот мы и установили виртуальную машину с OS Android на борту. Теперь вы можете пользоваться ею как вам заблагорассудится. Можете создать несколько виртуальных машин и запускать их одновременно, если ваше «железо» позволяет это сделать.

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

Если что-то осталось непонятным или что-то не получилось, рекомендую прочитать первую и вторую статью данной темы.

Предисловие

В первой статье данной темы мы рассмотрели настройку VirtualBox для установки Android.
Теперь займемся непосредственно установкой ISO образа.

Установка Android на virtual machine

На главной странице программы Virtual Box в левом меню выбираем созданную нами систему и нажимаем «Создать»:

Откроется виртуальная машина и после загрузки BIOS VB предложит нам выбрать образ диска, с которого мы хотим запуститься. Нажимаем на кнопку «Обзор»:

В следующем окне нажимаем кнопку добавить и выбираем наш ISO образ, который скачали по ссылке выше:

Нажимаем «Выбрать» и «Продолжить»:

Теперь нам нужно перезагрузить виртуальную машину. Для этого в верхнем меню выбираем «Машина» → «Перезагрузить».

После перезагрузки откроется меню установки ISO образа. Стрелками выбираем «Installation».

Если вы когда-нибудь занимались установкой Windows, то вы знаете, перед тем как установить новую OS нужно выделить для этого место на диске, отформатировать под нужную файловую систему и запустить инсталляцию.

Создаем раздел на диске, выбирая «Create / Modify partitions»:

На предложение использовать GPT отказываемся. Выбираем «Нет».

Теперь открывается экран создания разделов диска. Сверху отображается доступный объем, который мы указывали при создании VM в предыдущем пункте. Чуть ниже отображается «Free space» - свободное незанятое место на диске.

Нажимаем «New» и после диск делаем «Primary»:

Ожидаем окончания процесса записи настроек в новый раздел диска.

Далее произойдет создание раздела. Чтобы наша ОС могла загружаться с данного раздела, нужно сделать ее «Загрузочной» или «Bootable». Нажимаем enter на «Bootable» и после записываем внесенные изменения, нажав на «Write».

С помощью клавиатуры вписываем «yes» и нажимаем enter:

После выбираем «Quit» и выходим из режима создания разделов:

Теперь выбираем созданный нами раздел «sda1»:

Файловую систему ставим «ext4».

На вопросы: форматирование раздела под формат ext4, установка GRUB, установка режима чтения-изменения для директории /system отвечаем – да.

Далее извлекаем образ нашего установочного ISO:

Перезагружаем виртуальную машину:

На этом установка Android 9.0 на виртуальную машину VirtualBox закончена.

Запуск и настройка Android в VirtualBox

После загрузки BIOS нам будут предложены варианты загрузки ОС. Выбираем самый первый и нажимаем enter.

Продолжение статьи по настройке и запуску системы Android читайте в следующей статье.

Предисловие

Данная статья разделена на 3 части ввиду большоего количества изображений.
В данной статье мы рассмотрим установку VirtualBox и настройку ВМ для будущей установки Android.
Во второй статье описан процесс установки образа Android 9.0 x86
В третьей статье расскажем о первом запуске и настройке самого Android`а.

Подготовка

Для начала опишу свои спецификации:

• VirtualBox: 6.1.16 R140961
• OS: Windows 10 Home x64
• CPU: Intel Core i7

Также, если у вас процессор Intel, удостоверьтесь в том, что в BIOS включена Intel Virtualization (“Intel Virtualization Technology (Intel VT)”). Эта технология как раз позволяет изолировать системы виртуальной машины: кэш память, process manager и др., а также добавляет аппаратную поддержку. Без включения данной технологии в настройках, скорее всего установить ВМ не получится.

У AMD аналогичная опция называется как “AMD-V Secure Virtual Machines (SVM)”

Для того, чтобы создать виртуальную систему с андроидом необходимо:

1. Скачать VirtualBox с официального сайта
2. Скачать ISO образ операционной системы Android 9.0

Если Вам нужна любая другая версия Android, то можете скачать ее с сайта Android Opensource project

Не все iso образы корректно устанавливаются в VM, выше я прикрепил ссылку на сборку, которая запустилась у меня.

Подготовка VirtualBox

После установки VirtualBox открываем и нажимаем на кнопку «Создать»

Указываем любое «Имя»; выбираем директорию на нашем ПК, где будут храниться файлы ВМ; «Тип» системы устанавливаем в значение «Linux»; а версию указываем Linux 2.6 / 3.x / 4.x (64-bit). Если у вас windows 32 битный, то выбираем Linux 2.6 / 3.x / 4.x (32-bit).

Указываем объем оперативной памяти (RAM), сколько не жалко:

На вкладке «Жесткий диск» выбираем «Создать новый виртуальный жесткий диск» и нажимаем «Создать»:

В открывшемся окне выбираем тип жесткого диска VDI:

Формат хранения выбираете удобный для себя. Динамически – жесткий диск может расширяться по мере необходимости. Фиксированный – объем останется фиксированным навсегда.

Далее указываем объем нашего жесткого диска. Советую минимально поставить 8 Гб, ибо в противном случае работать с виртуальной машиной будет некомфортно.

На этом этап подготовки виртуальной машины закончен. Теперь переходим к установке ОС Android.

Для удобства оставляю галерею со скринами:

Что такое виртуальная машина?

Виртуальная машина (ВМ) или virtual machine (VM) – это компьютер внутри компьютера. Виртуальный компьютер устанавливается внутри вашего ПК и получается, что физически он один, а внутри их двое. Уникальной особенностью ВМ является то, что она изолирована от вашей системы, т. е., например, если у вас установлен Windows, а внутри нее Вы установили VM, то при крахе системы внутри ВМ основная система не пострадает. Также одновременно плюсом и минусом является то, что пространства диска также изолированы друг от друга, и из Virtual Machine невозможно повредить файлы основной системы.

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

Для чего нужна виртуальная машина?

Первый очевидный кейс использования виртуальной машины заключается в том, что Вы можете установить другую систему внутри вашей ОС. Например, вы пользователь Windows и по той или иной причине нужно воспользоваться Linux или MacOS – нужно установить ВМ необходимой операционной системы, запускаете и пользуетесь ею. Также из любой другой системы можете установить любую другую.

Второй кейс более специфичный. Если вы переживаете о безопасности своего компьютера, то всегда используйте виртуальную машину. Открытие подозрительных ссылок, скачивание неофициальных программ, установка временных приложений – для всего этого Вам нужно использовать VM, так как ее всегда можно бесследно удалить. Как Вы знаете, установка множества программ оставляет за собой «мусор» на вашем ПК, который не удаляется с удалением самого приложения.

Третий кейс пересекается со вторым. Когда вы опасаетесь того, что множество важной информации на вашем компьютере может быть взломана, или боитесь скачать вирус. При использовании виртуальной машины Вы сводите риски к нулю. Например, документы, важные фотографии, архивы видео храните на основной системе, а для выхода в сеть и установки программ используйте VM. И даже если накачаете вирусов или система даст сбой, и вся virtual machine «ляжет», то все данные будут физически оставаться на основной системе. Это возможно благодаря изолированности вычислительного и дискового пространств.

Четвертый кейс. Подойдет больше для разработчиков и другим людям из сферы IT. С помощью ВМ можно тестировать приложения на разных ОС. Так, например, разработав какой-то новый функционал или создав сайт, нужно протестировать работоспособность на разных системах. Купить себе несколько компьютеров не у всех есть возможность, а вот установить VM, зайти под ней и проверить работоспособность программ может каждый.

Какие бывают виртуальные машины?

Из самых популярных можно выделить 4:

1. VirtualBox
2. VMware Workstation Player
3. Microsoft Hyper-V
4. Parallels Desktop

У каждой из них есть свои достоинства и недостатки. Давайте кратко рассмотрим их.

VirtualBox – почти самая крутая ВМ. Это opensource проект, соответственно, он полностью бесплатен, на него можно установить любую ОС: Windows, Linux, MacOS и даже Android. Единственным и, пожалуй, главным его недостатком для меня является ограниченный объем выделяемой видеопамяти на виртуальную машину: 128МБ. Если поиграться с настройками, то можно выделить 256 МБ, что также мало для современных операционных систем.

VMware – один из самых мощных виртуальных машин. На сайте представлено множество продукций данной компании для разных задач из области виртуализации. Это полностью коммерческая компания и, соответственно, за это надо платить. Есть возможность пользоваться урезанной версией за бесплатно, либо использовать пробную версию программ. Поддерживает 3D Графику и Direct-X 11.

Microsoft Hyper-V – это встроенное приложение в windows 10 Pro, Enterprise, Education. Я лично им не пользовался, т. к. нет возможности установить MacOS. Также поддерживает Direct-X 11 и больше про него сказать нечего.

Parallels Desktop – это программа для MacOS. Также позволяет установить любую другую ОС в VM. Программа платная.

Итого

На практике я использую только VirtualBox и VMware workstation player (Non-commercial use only), чего мне хватает с лихвой. Думаю, большинство ваших задач закроют эти VM.

В следующих статьях рассмотрим, как устанавливать ОС и как пользоваться VirtualBox и VMware. А также готовится горячая статья с использованием нашумевшей нейронной сети…

Подготовка

Для начала нам нужно понять, что нам необходимо, чтобы научиться подтягиваться много и качественно.

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

Кисть

Первое упражнение – эспандер. Он поможет натренировать силу сжатия кисти. Нам необходима тренировать в динамике, сжимая и разжимая, и в статике, сжимая и удерживая положение пальцев рук.

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

Третье упражнение – вращение кисти под нагрузкой, это поможет вам развить выносливость и силу сухожилий, тем самым будет проще вкручивать свое тело над турником. Данное упражнение можно выполнять с помощью гантелей. Удерживая предплечье в фиксированном положении, возьмите гантель в руки и начните производить вращательные движения. По часовой и против часовой стрелки.

Ссылки для покупки:
PowerBall
Регулируемый эспандер
Для пальцев и кисти
Эластичная лента

Бицепс

Какой бы хват у вас ни был (прямой или обратный), как бы широко или узко вы не брались за турник, всегда задействуется бицепс. Поэтому на очереди у нас стоит проработка бицепса.

Бицепс можно качать с помощью тех же гантель, скручивая предплечья в локтевом суставе в разных положениях: сидя, стоя, лежа, полу боком, склонившись плечом к ноге.

Ссылки для покупки:
Эластичная лента

Плечи

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

В этом упражнении также помогут гантели: поднятие гантелей влево и вправо, вперед и назад. Также подойдут отжимания, упор рук нужно менять от узкого, когда руки лежат друг на друге, до максимально широкого. Также отжимания можно производить, держа руки по диагонали к телу и менять диагонали в зависимости от подхода.

Ссылки для покупки:
Эластичная лента

Крылья

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

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

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

Итог

Это базовые упражнения, которые приведут вас к успеху! В следующих статьях раскроем тему подводящих упражнений к подтягиванию.

ПМ и ИТ

Прикладная математика и информатика неотъемлемо связаны друг с другом. ПМ дает знать: «что делать?», информатика отвечает на вопрос: «как сделать?». Прикладная математика очень обширная дисциплина, которая включает в себя множество разделов: математическая физика, математическое моделирование, численные методы, оптимизация, теория игр и исследование операций в целом.

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

Отрасли будущего рынка

Обеспечение безопасности любого государства, применение высоких технологий в жизни каждого человека, решение экономических и социальных проблем, улучшение качества медицинских услуг – во все эти сферы активно внедряются информационные технологии, а значит и прикладная математика. Если обобщить все проблемы, то можно выделить несколько перспективных направлений. Сюда можно отнести алгоритмы шифрования, машинное обучение и проектирование нейронных сетей, разработка алгоритмов сжатия, передачи информации.

Шифрование и дешифрование – это одни из основных направлений развития и обеспечения безопасности данных. С появлением все бо́льших мощностей в ЭВМ необходимы более стойкие алгоритмы шифровки, чтобы сохранить конфиденциальность данных. Также уже 2020 году есть как минимум 3 примера созданного квантового компьютера от ученых Китая, компаний Google и IBM. Думаю, не нужно объяснять, что с массовым появлением квантовых компьютеров откроется огромный рынок в области информатики, в области криптографии и в области проектирования алгоритмов для новых ЭВМ – квантовых компьютеров.

Машинное обучение и нейронные сети – это целый класс науки, неотъемлемой частью которой является прикладная математика и информатика. Активная разработка нейронных сетей в России началась уже на рубеже 1940-х годов. Тогда ученые пытались создать программу, которая по данным с эхолокатора с точностью до 100% определяла бы появление судов в море, океане. До появления сих программ приходилось обучать человека годами, чтобы он стал специалистом в этом деле. Точность предсказывания специалистов была низкой. Это лишь один прикладной пример зарождения МО и НС в России. Сейчас МО используется во многих областях: в сфере безопасности государства, начиная от анализа аудио записей, заканчивая деанонимизацией автотранспорта и людей по фотографии, сделанными камерами наблюдения; в сфере медицины для создания макетов сложных белковых соединений, которые помогают победить ту или иную болезнь; в социологии для анализа различных поведенческих факторов взаимодействия социальных групп и прогнозирования последствий; и др.

Алгоритмы сжатия и передачи информации – отдельное направление в работе с данными. Какая бы вычислительная мощность не была у современных компьютеров, она остается конечной. То же относится и к объему хранилища. Именно поэтому отдельно нужно обращать внимание на фактор сжатия и передачи данных. Каждую единицу объема данных невозможно хранить в исходном состоянии. Иначе не хватило бы всех носителей в мире, чтобы уместить всю информацию, которая есть. Здесь помогают алгоритмы сжатия, т. е. конечный пользователь видит данные в исходном состоянии, но они сжимаются, соответственно, занимаемый объем в разы меньше изначального. Алгоритмы передачи информации необходимы для корректного и сохранного обмена данными. При отправке любого пакета данных присутствуют потери. Иначе говоря, отправленный файл не соответствует принятому. Чтобы данные оставались корректными существуют алгоритмы исправления ошибок, которые можно отнести к классу «контроля ошибок».

Ввиду последних событий в мире: пандемия, экономический, психологический и социальный кризисы в 2020 году, думаю, в России в скором времени активно начнет развиваться направление «оценка риска». Концепт оценки риска (или risk assessment) был создан в 1974 году, а после введен в законодательство Британии об «Управлении здоровьем и безопасностью труда» в 1992 году (от англ. «Management of Health and Safety at Work Regulations»). Сейчас данное направление активно используют банки и страховые агентства, в том числе и в России. Оценка риска происходит при выдачах различного рода кредитов или при страховании жизни. Но область применения не заканчивается на охране труда и банковском деле. В основе оценки риска лежит математическая концептуализация. Любые события в мире можно попытаться предугадать, а значит, и оценить возможные потери. Прикладная математика и информатика как нельзя кстати помогут с оценкой риска в данном направлении, т. к. здесь активно задействуются научные познания в области математической статистики, исследование операций, теория игр и др.

Итог

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

Будущее наступило с AI

Искусственный интеллект (или AI — Artificial intelligence) начинает захватывать все больше и больше профессий. В скором будущем с экранов телевизоров и мониторов в ютубе будут вещать только автоматизированные дикторы, которые созданы с помощью ИИ.

Все мы видели несколько лет назад как собаки-роботы от Boston Dynamics учились ходить и у них это еле получалось. Сегодня же все чаще появляются новости, что ту или иную профессию заменят искусственным интеллектом: таксистов, копирайтеров, дизайнеров, программистов и др.

Последние несколько лет компания "Синтезия" (Synthesia) и Mail.ru Group активно разрабатывали искусственный интеллект, который человекоподобным голосом озвучивает написанный текст. Также в разработке, помимо синтеза речи, была работа над созданием видео составляющей говорения человека. Теперь можно скормить текст ИИ и получить видео фрагмент, где созданный AI в виде человека озвучивает новость, сценарий, причем все это выглядит довольно естественно. Каждый такой созданный диктор в AI видео файле использует, как и человек, губы для своей речи. Здесь также трудится ИИ, чтобы движение губ совпадало с тем, что озвучивает бот.

Synthesia

Synthesia — компания-разработчик программного обеспечения, основанная в 2017 году группой исследователей и предпринимателей из Калифорнийского университета в Лос-Анджелесе, Стенфорда, TUM и Кембриджа. Их миссия — возглавить использование искусственного интеллекта и видеосинтеза для реализации нового поколения инструментов "создания контента". При этом компания очень тщательно следит за этичной составляющей свой работы. По мнению компании, возможность генерировать аудиовизуальный контент посредством искусственного интеллекта является одним из самых интересных достижений в области глубокого обучения.

У "Синтезии" нет возможности бесплатно опробовать их сервис, но есть новогоднее поздравление, которое позволяет создать видео с Санта Клаусом для всех желающих абсолютно бесплатно!

Платная версия же стоит 30$ за 10 видео в месяц.

Mail.ru Group

Про саму компанию mailru, думаю, мне рассказывать нечего. Вы и так отлично знаете ее. Относительно недавно они создали ИИ помощника Марусю, которая разговаривала человеческим языком и могла понимать человеческую речь и давать ответы на вопросы в реальном времени. И вот в 2020 году mail.ru Group представила mail Диктора. Диктор может озвучить любой текст, который вы ему передадите. Вы можете сделать новостной выпуск, сделать презентацию чего-либо, а также можно разнообразить контент данной статьи:

Как сделать новогоднее поздравление деда мороза?

Переходим на сайте "Санты Синтезии" и вы увидите простую форму для заполнения:

1. Выбираем Санту, а точнее антураж вокруг него.
2. Пишем текст поздравления до 250 символов. Поддерживается русский и английский языки.
3. Пишем свой email, куда вам через некоторое время придет готовое видео.

Как сделать свой репортаж с помощью mail.ru Диктора?

Софт от "mail Диктора" гораздо мощнее, чем предлагает "Синтезия".

1. Переходим на сайт создания mail диктора
2. Выбираем диктора, который будет озвучивать наш текст
3. Выбираем план:
4. Выбираем студию:
5. Вставляем текст для озвучки до 1 000 символов. Нажимаем на кнопку Стоп, чтобы диктор сделал паузу в речи, и в сложных словах можем вставить ударную букву соответствующей кнопкой. Для этого надо выделить гласную букву и нажать на кнопку Ударная.
6. Дальше начинается процесс генерации видео в реальном времени
7. Открывается окно редактирования полученного видеоряда:

Здесь мы можем добавлять изображения, титры, вставлять аудио файлы и многое другое. Двойным нажатием на дорожку открывается окно дополнительных настроек.

Итог

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

Что такое API?

Простыми словами: это способ взаимодействия одной программы с другой программой посредством ссылки. Прикладным пониманием: это некая ссылка, с помощью которой ваша программа получает нужные вам данные из сервера. API используется во Вконтакте, facebook, Instagram и, наверное, в большинстве программ, используемые вами.

Что такое REST API?

REST – REpresentational State Transfer («передача состояния представления»). Это способ архитектурного проектирования API для приложений.

Разработчики все чаще смотрят в сторону построения приложений с использованием API. У этого подхода есть ряд преимуществ, главным из которых, по моему мнению является мобильность и упрощение создания и поддержки приложения. С АПИ все становится проще: фронт (front-end) работает сугубо с фронтом и не вникает, как происходит обработка и передача данных, бэк же (back-end) не волнует, как и где будут использованы данные, которые они обрабатывают.

В итоге back отдает ссылки на свои сущности, а front использует каждый линк там, где он требуется.

Что такое CRUD?

CRUD – это акроним, который расшифровывается как: Create, Read, Update, Delete. Это 4 базовые функции, в которых зашита логика на back-е, как и что делать с данными: создать запись, отдать на чтение, обновить или удалить информацию. Именно эти 4 функции и используются в RESTful API.

А как же HTTP?

Да, все мы знаем протокол HTTP, который в своем теле может содержать много информации, в том числе и команды на чтение, удаление, изменение, обновление и др.

Полный список команд (методов) протокола HTTP: GET, HEAD, POST, PUT, DELETE, CONNECT, OPTIONS, TRACE, PATCH.

Но зачастую сервер не понимает и не принимает какие-либо запросы, кроме как GET, POST. Вместо ответа может вернуться ошибка, например 501. Т. к. в протоколе HTTP не раскрыта тема того, как должен поступать сервер при той или иной ситуации. У сервера есть обязательство обрабатывать GET запросы, а ваши PUT-ы могут пройти мимо.

Как сделать свою API?

Закончили с вводной частью, теперь рассмотрим инструменты, которые понадобятся для создания своего API на localhost:

1. Nodejs
2. Npm, пакетный менеджер внутри nodejs
3. Пакет json server

После установки nodejs откройте директорию, где будет располагаться ваш созданный API. После этого необходимо открыть командную строку внутри папки и ввести команду:

npm init

После этого либо нажимаем везде на enter, либо заполняем на свое усмотрение:

Теперь у нас есть созданный файл package.json. В той же командной строке пишем следующую инструкцию:

npm install json-server --save-dev

У нас есть почти все, что нам необходимо. Осталось сделать 2 шага:

• Переписать скрипт package.json
• Создать файл с тестовыми данными в формате .json

В файле package.json заменим объект “scripts” на:

"scripts": {
    "json:server": "json-server --watch db.json --port 3004"
},    

Это делается для более простого запуска нашего API сервера. "db.json" – это наша база данных, а --port 3004 – это замена порта по умолчанию. (Если параметр не указан, то порт будет равным 3000).

Создадим в этой же директории наш файл db.json и заполним его необходимыми данными:

Теперь в консоли нам достаточно набрать:

npm run json:server

Запущенный API сервер:

Теперь перейдем в браузер по ссылке:

http://localhost:3004/users

И увидим наши данные наяву:

По большей части все, теперь Вы можете обращаться из вашего кода к API по указанным ссылкам и в ответ вернуться данные из db.json.

Какие есть дополнительные возможности?

Если вы из js или иного кода будете отправлять POST, PUT, PATCH или DELETE запросы, то все изменения будут сохраняться в вашем db.json файле.

Фильтрация ответов:

Данный АПИ сервер поддерживает параметры через «?» и перечисление параметров через «&», например:

http://localhost:3004/users?id=2
http://localhost:3004/users?user_status=true&isFriend=false

Для обращения к вложенным элементам можно использовать точку .:

http://localhost:3004/users?location.city=Москва

Пагинация

По умолчанию количество элементов, возвращаемые API равно 10. Соответственно, нам может понадобиться обращаться к скрытым элементам и менять количество объектов в ответе:

http://localhost:3004/users? _limit=3
http://localhost:3004/users?_page=2&_limit=3

Сортировка

Нам может понадобиться отсортировать результаты. Для этого есть зарезервированные слова _sort и _order, где _сорт – это выбор поля, по которому сортируем, _ордер – тип сортировки (восходящая или нисходящая)

http://localhost:3004/users?_sort=location.city&_order=desc

Для нескольких полей ссылка будет следующей:

http://localhost:3004/users?_sort=location.city,firstname&_order=desc,asc

Поиск

Поиск подтекстов в данных:

localhost:3004/users?q=Юрий

Дополнительные функции

Больше функций вы найдете по ссылке в документации

Можно также:

1. Делать слайсы (срезы) данных
2. Добавлять дочерние ресурсы
3. Сделать общий доступ отовсюду
4. Операторы < > ≤ ≥ <исключение значения>, <оператор _like с поддержкой регулярных выражений>
5. Генерировать рандомные данные
6. Сделать доступ к API по SSL (HTTPS)
7. Создавать свои роуты (ссылки, где будет заложена некая логика)
8. Добавить выполнение скриптов перед запуском сервера
9. Создать аутентификацию к API

Создание sitemap.xml

Sitemap – это карта сайта. В основном она нужна для поисковых ботов, чтобы они могли зайти по адресу site.ru/sitemap.xml и увидели все ссылки на все ресурсы, которые есть на вашем сайте. Например, если у вас 100 страниц, то в sitemap также будет отображено 100 страниц. Формат данных представлен в виде XML (eXtensible Markup Language) структуры.

Также на некоторых веб ресурсах Вы можете встретить страницы вида site.ru/sitemap.html. Такие страницы делаются для оптимизации ссылочных масс. Здесь отображают основные страницы вашего сайта, а также ставят ссылки на партнеров ресурса. Таким образом вы делитесь своим «весом» с другими сайтами сети, тем самым продвигая друг друга.

В случае отсутствия sitemap на сайте, поисковым роботам будет очень трудно найти все страницы вашего веб ресурса, как следствие ваши страницы будут медленнее появляться в поисковой выдаче.

Sitemap на ModX создается очень просто. В прошлой статье про установку плагинов мы поставили расширение под название pdoTools, которое нам пригодится:

1. Во вкладке ресурсы нажимаем на «+» и создаем новую страницу
2. Во вкладке «Документ» в заголовок пишем «Sitemap»
3. Во вкладке «Настройки» убираем галочку «Использовать HTML редактор» а тип содержимого выставляем «XML»
4. В самом содержимом пишем простую инструкцию [[!pdoSitemap]]
5. Сохраняем и можем перейти в ресурс и убедиться в правильности отображения контента.

Создание robots.txt

Robots.txt – это текстовый файл, который обычно находится в корне сайта и доступен по адресу: site.ru/robots.txt. Данный файл нужен поисковым роботам, чтобы они могли проанализировать сайт и узнать какие ресурсы им можно и нужно индексировать, а какие трогать нельзя. Также в этом файле указывается ссылка на хост вашего сайта и ссылка на карту, т.к. robots.txt – это первая страница, куда попадет бот на вашем сайте.

Robots.txt также создается в ModX несложно:

1. Переходим во вкладку «Элементы» и создаем новый сниппет нажатием на «+».
2. Называем сниппет «host» а в код сниппета вставляем следующее:

   <?php
       echo $_SERVER['HTTP_HOST'];
           

   
3. После сохранения сниппета переходим обратно в ресурсы и нажатием на «+» (создать новый ресурс).
4. Обзываем его robots. Во вкладке настройки также снимаем галку с «Использовать HTML редактор», а тип содержимого выбираем text.
5. В код содержимого вставляем следующие строчки:

   User-agent: *
   Disallow: /core/
   Disallow: /manager/
   Disallow: /connectors/
   Disallow: /index.php
   Disallow: /index.html
   Host: https://[[host]]
   Sitemap: https://[[host]]/sitemap.xml
           

6. Сохраняем ресурс и можем проверять его, перейдя по site.ru/robots.txt

Как видно из кода, в последней строчке мы указываем [[host]], что вызовет наш сниппет host и вернет текущее имя хоста, например localhost или site.ru.

No-html ресурсы

Многие страницы в интернете выглядят так: site.ru/ochen-interesnaya-statia.html. Как видно из ссылки включены дружественные URL, которые транслитерируют текст (как включить дружественные URL читайте в этой статье), но в конце все портит «.html». В modx очень просто отключить отображение расширения, чтобы ссылки на ваши ресурсы были красивыми и приятными.

П.с. данную процедуру можно также выполнить через .htaccess, но мы рассмотрим встроенные в движок метод.

1. Во вкладке вверху выбираем Содержимое → Типы содержимого.
2. Создаем «Новый тип содержимого» по кнопке и с ПКМ по «HTML» выбираем «Редактировать тип содержимого».
3. У вас получится 2 открытых окна и из типа HTML копируем все, кроме «Названия» и «Расширения файла». Расширение оставляем пустым, а в названии вписываем, например, no-HTML.
4. Теперь в настройках нам нужно сделать так, чтобы данный тип содержимого автоматически присваивался каждому созданному ресурсу. Для этого переходим в Шестеренку → Системные настройки.
5. В фильтрах выставляем Core → Сайт и находи пункт «default_content_type». Кликаем 2 раза и выбираем вновь созданный тип содержимого

Предисловие

В предыдущих статьях мы рассмотрели, как скачать и запустить modx на локальном компьютере, а также: как установить сам CMS Modx Revo на сервере локального ПК. В этой статье пойдем дальше и рассмотрим какие начальные системные настройки нужно провести в админке, чтобы полноценно начать разрабатывать сайт.

Ресурс 404

Для начала нам нужно создать файл 404, на который сайт автоматически будет отправлять нас при попытке перехода на несуществующую страницу. Для этого в левом меню, во вкладке «Ресурсы» нажимаем на «+» напротив «Website». Так мы создаем новый ресурс сайта (новую страницу сайта).

Далее нам нужно заполнить следующие поля:

• Заголовок – 404 (Будет отображаться в теле страницы и в наименовании ресурса).
• Расширенный заголовок – Запрашиваемая страница не существует (будет располагаться в meta теге title).
• Описание – Вы запросили несуществующую страницу (для отображения в meta теге description).
• Шаблон – Начальный шаблон (оставляем как есть).
• Псевдоним – 404 (это наш url, на которое будет происходить перенаправление (редирект)).
• Отмечаем галочки – «Скрыть из меню» и «Опубликован».
• В содержимом пишем любой текст, который будет выводиться пользователю, например «404».

Нажимаем сохранить и теперь можем отправляться в системные настройки.

П.С. При желании можно создать Ресурсы для страниц с ошибками 500 или 400.

Системные настройки

Самое время начать настраивать ModX. В правом верхнем углу наводим на шестеренку и выбираем системные настройки:

В фильтрах выбираем «Core», в «фильтрах по разделу» выбираем «Сайт». Далее мы будем менять только «Фильтр по разделу» и будем описывать настройки, которые нужно провести для данного раздела.

Далее будут поля "Название", "Ключ" — идентификатор, "Значение".

Сайт

1. Название: "Страница ошибки 404 'Документ не найден'"
   Ключ: "error_page"
   Значение: "2" (это id страницы, которой мы создали в предыдущей главе. Id отображается справа от ресурса в круглых скобочках)
   
2. Название: "Публиковать по умолчанию"
   Ключ: "publish_default"
   Значение: "Да"
   
3. Название: "Название сайта"
   Ключ: "site_name"
   Значение: "{Наименование сайта}"
   
4. Название: "Сообщение о недоступности сайта"
   Ключ: "site_unavailable_message"
   Значение: "Сайт временно недоступен"
   
5. Название: "Скрыть из меню по умолчанию"
   Ключ: "hidemenu_default"
   Значение: "Да"
   

Система и сервер

1. Название: "Отображение RSS-канала «Новости MODX"
   Ключ: "feed_modx_news_enabled"
   Значение: "Нет"
   

Система управления

1. Название: "Показывать текст подсказки рядом с полем"
   Ключ: "inline_help"
   Значение: "Нет"
   
2. Название: "Формат даты в системе управления"
   Ключ: "manager_date_format"
   Значение: "d-m-Y"
   
3. Название: "Первый день недели"
   Ключ: "manager_week_start"
   Значение: "1" (Так как неделя начинается с Пн = 1. Вс = 0.)
   
4. Название: "Поле подсказки для ресурса в дереве ресурсов"
   Ключ: "resource_tree_node_tooltip"
   Значение: "alias"
   
5. Название: "Разместить TV ниже контента"
   Ключ: "tvs_below_content"
   Значение: "Да"
   

Дружественные URL (настройка ЧПУ)

1. Название: "Максимальная длина псевдонима"
   Ключ: "friendly_alias_max_length"
   Значение: "70"
   
2. Название: "Создавать ЧПУ-псевдоним (так называемые «дружественные URL») «на лету»"
   Ключ: "friendly_alias_realtime"
   Значение: "Да"
   
3. Название: "Использовать вложенные URL"
   Ключ: "use_alias_path"
   Значение: "Да"
   
4. Название: "Транслитерация псевдонимов"
   Ключ: "friendly_alias_translit"
   Значение: "russian"
   
5. Название: "Использовать дружественные URL"
   Ключ: "friendly_urls"
   Значение: "Да"
   
6. Название: "Строгий режим дружественных URL"
   Ключ: "friendly_urls_strict"
   Значение: "Да"
   
7. Название: "Проверять на дублирование URI во всех контекстах"
   Ключ: "global_duplicate_uri_check"
   Значение: "Да"
   

Плагины

Теперь рассмотрим несколько настроек плагинов, которые мы устанавливали ранее

Ace

Вместо core в фильтре выбираем Ace. Изменим тему редактора на темную:

1. Название: "Тема редактора"
   Ключ: "ace.theme"
   Значение: "monokai"
   

admintools

Также вместо core выбираем admintools. Настройка меняет тему админ панели:

1. Название: "Тема"
   Ключ: "admintools_theme"
   Значение: "dark"
   

Итог

В ближайших статьях рассмотрим, как избавиться от .html в конце url адреса, как настроить отправку писем с сайта в админку и на почту, а также многое другое.

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

Предисловие

Если вы не знаете, как установить CMS Modx Revolution, то рекомендую ознакомиться с данной статьей, где пошагово рассказано как установить MODX Revo. Также в следующих статьях разберем «Какие начальные настройки нужно провести в ModX» и «Сниппеты для успешной работы в ModX Revo».

Установщик пакетов

После авторизации в админ панели вашего сайта site/manager мы видим элементы управления. Для установки пакетов нам нужно перейти в верхнем меню во вкладку «Пакеты» и выбрать пункт «Установщик».

Откроется окно «Менеджер пакетов». Здесь нажимаем на кнопку «Загрузить пакеты» и в поиске вписываем необходимые пакеты для установки.

Каждый пакет необходимо «Загрузить» и после загрузки вернуться на страницу «Менеджер пакетов» и установить каждый пакет.

Какие плагины нужно скачать и для чего?

Вот небольшой список самых необходимых плагинов:

1. Ace
2. AdminTools
3. AjaxForm
4. autoRedirector
5. Collections
6. Formit
7. FormSave
8. Gallery
9. getResources
10. MIGX
11. pdoTools
12. phpThumbOf
13. ReCaptchaV2
14. SimpleSearch
15. tagElementPlugin
16. TinyMCE
17. Translit
18. UpgradeMODX

Ace

Ace – это пакет, который позволяет встроить редактор кода внутрь Modx вместо стандартного. С поддержкой Emmet:

AdminTools

AdminTools позволяет гибко стилизовать админ панель управления CMS:

AjaxForm

AjaxForm – позволяет создаться ajax форму, т.е. форму отправки сообщений на почту без перезагрузки страницы. AjaxForm работает в связке с Formit.

autoRedirector

autoRedirector – позволяет не заботиться о меняющихся url адресах на сайте. Например, если раньше страница была по адресу: site.ru/necessery-page, а теперь стала site.ru/new-adress, то пользователь при переходе по первой ссылке не получит 404 ошибку, а перенаправится на вторую. autoRedirector создает отдельную табличку в базе и запоминает старые адреса страниц автоматически.

Collections

Классный плагин, который позволяет красиво группировать дочерние ресурсы страницы в коллекции.

Formit

Пакет позволяющий упаковывать и отправлять данный с сайта на почту, например, форма обратного звонка. AjaxForm работает в связке с Formit.

FormSave

Данный пакет позволяет все сообщения отправляемые посредством Formit сохранять в админ панели modx. Благодаря чему менеджеры сайта смогут просматривать сообщения от пользователей, не имея доступа к почте.

Gallery

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

getResources

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

MIGX

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

pdoTools

Пожалуй, один из самых важных плагинов для сайта. PdoTools предоставляет следующие возможности:

• вывод меню на сайте
• вывод ресурсов
• реализует хлебные крошки
• генерирует sitemap.xml

И многое другое. Подробнее можно прочитать на странице с документацией.

phpThumbOf

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

ReCaptchaV2

Позволяет встроить google капчу на сайт. Поддерживается как V2, так и V3 капча. Данный пакет может быть использован в связке с Formit для отправки сообщений.

SimpleSearch

Плагин позволяет легко и быстро настроить поиск на сайте.

tagElementPlugin

Очень необходимый пакет для быстрой разработки проекта на modx. Он добавляет hotkeys (горячие клавиши) на создание / редактирования чанков и сниппетов (Ctrl+Enter). Также в новых версиях есть и другие горячие клавиши. Подробнее...

TinyMCE

Пакет заменяет стандартную форму редактирования текста.

Translit

Полезный пакет для SEO оптимизации, а точнее для создания ЧПУ (человеко-понятный урл) на лету. Вы просто создаете ресурс, translit сам возьмет заголовок ресурса и транслитерирует его на латиницу. В итоге у вас будет красивый адрес: site.ru/moya-pervaya-stranica

UpgradeMODX

Данный пакет позволяет быстро и без усилий обновить версию modx. Вам больше не придется скачивать и вручную менять файлы на сервере, боясь что-то испортить. Теперь вам просто нужно нажать на кнопку «Begin Upgrade»

Заключение

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

Предисловие

В статье кратко и, по существу, раскроем тему начальной настройки ModX. Будет несколько статей, где разберем настройку компонентов и разработку самого сайта в системе управления сайтами ModX.

Где скачать modx revolution?

Недавно команда ModX полностью поменяла свой сайт. С каждым годом все больше меняется ориентир modx на коммерцию. На новом сайте не так легко найти, где скачать сам движок.

И так, скачиваем modx по ссылке: тап. Выбираем Traditional Installation Package – это стандартный базовый пакет.

У вас на компьютере уже должен быть установлен сервер Xampp, Denwer [http://www.denwer.ru/] или Open Server. Все эти серверы абсолютно бесплатны и процесс установки раскроем в другой статье.

Как запустить ModX на компьютере?

Так как я пользуюсь на данный момент Open_Server, то инструкцию по размещению буду объяснять для него. На остальных серверах делается +- то же самое. Скаченный файл modx-2.7.3-pl.zip перемещаем в папку domains внутри OpenServer и распаковываем (распаковать здесь). Дальше переименовываем полученную папку modx-2.7.3-pl в название вашего проекта (project-name).

П.с. не рекомендую добавлять в конец ".ru" | ".com" и т.д. т.к. в таком случае реальный сайт, который располагается по данному адресу у вас не будет доступен и вместо site.ru вы попадете на localhost.

П.П.с. Наименование папки (директории) должно быть валидным. Т.е. нельзя использовать знаки препинания, спец символы и т.д. Кроме "-".

Ваш сервер перепишет файл hosts и теперь, после запуска, вы можете перейти на свой сайт используя localhost:<port>, где <port> – это порт, на котором расположен ваш проект, например, localhost:80. В Open Server вы можете напрямую писать в браузере project-name, и вас автоматически перебросит на ваш разрабатываемый сайт.

Как установить ModX Revolution?

Так как вашего сайта еще не существует, при переходе вы получите ошибку 503.

Для начала нам нужно установить ModX. Для этого переходим по ссылке project-name/setup. (папка setup имеется внутри директории вашего проекта)

Нажимаем Далее → Далее …, пока не попадем на страницу «Информация о подключении». На этой странице нам нужно ввести данные для подключения к БД (Базе Данных).

В трее нажимаем ПКМ на значок OpenServer и выбираем Дополнительно → phpMyAdmin. Здесь нажимаем создать БД и обзываем ее как-нибудь, например test_project.

Теперь в браузере заполняем все поля:

• Тип Базы Данных – «mysql»
• Сервер Базы Данных – «localhost»
• Имя пользователя Базы Данных – «root»
• Пароль пользователя – «» <оставляем пустым>
• Имя Базы Данных – «test_ptoject»
• Префикс таблиц – «modx_» <желательно поменять префикс на свой>

Теперь нажимаем «Проверить соединение…» и должны появиться зеленые поздравления

Если они у вас не появились, то проверьте по пунктам, все ли верно вы сделали. Попробуйте перезапустить сервер.

Во вкладке «Администратор по умолчанию» вводите свои данные для входа в Админ панель modx. Нажимаете «Далее»

Открывается окно «Отчет об установке». Все поля здесь должны быть зелеными. Кликаете «Установить»

Перед установкой отметьте галочку «Удалить установочные файлы Modx», либо после установки удалите из директории папку /setup.

Появляется окно с отчетом об установке. Нажмите на "показать предупреждения и сообщения об успешном выполнении". Если все зеленое, то поздравляю, вы установили ModX:

Нажимаем «Далее» и попадаем в окно авторизации Админ панели вашего будущего сайта.

Вводим логин / пароль, кстати, как придумывать пароли читайте в отдельной очень полезной статье, и попадаем в наш admin panel modx.

Как убрать предупреждения и какие начальные настройки нужно провести в modx можно прочитать в следующих статьях.

П.с. В вашем еще открытом phpMyAdmin должны были создастся куча таблиц modx:

Заключение

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

Продающий дизайн сайта: как сделать, как воплотить?

Некоторые люди считают, что красивый сайт автоматически становится хорошим и удобным для пользователя. Это далеко не так. Интерфейс, т.е. все, с чем взаимодействует пользователь, должен быть удобен и практичен. Но создавать сразу хороший интерфейс сложно, это долгие пробы, анализ и выводы. В то же время в погоне за практичностью не стоит забывать и о красоте: цвета, формы, линии должны быть приятны глазу, если мы хотим задержать пользователя на ресурсе. Нужно уметь находить золотую середину между красотой и удобством.

Я вместе с Вами учусь и познаю азы дизайна и стараюсь в каждый проект привносить что-то новое и оригинальное. Да без этого и никак, ибо в противном случае дизайн превратится в рутину из которой захочется поскорее выйти. Смотрите новый видос в ютуб, где в ускоренном формате показан дизайн нового веб-сайта с тематикой страхования авто, жилья, жизни. Приятного просмотра и кидайте идеи здесь и в ютуб. Приятного просмотра и успехов 😉

День Четвертый

День четвертый обещал быть насыщенным, так как не посещенных мест остается много, а улетать уже через 30-40 часов. В городе Ларнак оставалось еще несколько интересных мест, куда ни сходить мы не могли. Одним из этих мест была тропа Афродиты Ларнак. Протяженность тропы 4км. Здесь отличное место для тихих прогулок (дорога отделена высокими кустарниками и деревьями) или пробежек. Тропа идет вдоль всего озера, с которой открываются прекрасные виды на окрестности, природу. Тропа не вымощена брусчаткой, а сделана из насыпи песка, глины и камней. Из-за этого после дождя будет гулять здесь трудно.

Еще одной не менее интересной точкой был Акведук Камарес. Именно по ней доставлялась вода в отдаленные участки города, так как пресная вода находилась далеко. Акведук брал свое начало от реки Тремитос, и общая длина составляла порядка 10 километров.

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

В нескольких километрах от границы Британии расположился курортный город на берегу Средиземного моря: "Айя Напа". В самом центре города находится Международный Парк Скульптур Айа-Напы. Идея создания этого общественного пространства пришла властям в 2014 году. Они созвали скульпторов со всего мира и предложили им воплотить все свои самые смелые фантазии. Парк пополняется скульптурами по сей день.

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

Пообедав,

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

После несколько часовой поездки и почти дослушав всю музыку, что у нас была:

К закату мы подъехали к одной из главных достопримечательностей Кипра – камень Афродиты. Согласно легендам, именно здесь родилась богиня любви, красоты, родов, браков, молодости, жизни — Афродита. (а какие регалии есть у тебя? 😳 ) Замечательный вид на морской закат и берег из гальки. В общем, красота:

Кстати, на сам камень можно взобраться. Толпы туристов стоят и не знают: сделать ли первый шаг, и как только смелый из них полезет наверх, так сразу за ним потянутся и остальные. А вот вид с самого камня:

После заката остается отправиться восвояси, т.е. на переночевку.

День пятый

На утро, проверив карту, было решено отправиться на ближайшую точку притяжения: The Edro 3 Кораблекрушение. Звучит как название фильма. Во время шторма 8 сентября 2011 года грузовой корабль вынесло на мель к самому берегу. С тех пор он там и остался. Вызволять его оттуда затратное мероприятие, а так стало еще одной достопримечательностью.

Бананы и высокие камыши:

Дальше путь лежал на запад. Остановочка на купание:

И последней точкой стало ущелье Авакас. Раньше на этом месте протекала река, но со временем она высохла. И теперь здесь огромное ущелье. До достопримечательности на машине было не доехать. Пришлось идти пешком. До ущелья порядка 4км ходьбы. Но нам нужно было трезво оценивать свое время, так как до самолета домой оставались считанные часы. Мы решили прогуляться по тропе и посмотреть на природу. А полностью все исследовать решили в следующей поездке.

Посмотрев на часы, поняли, что времени почти не осталось. Нам нужно было поесть перед полетом, доехать, сдать машину и успеть на регистрацию. В итоге на всех порах, с ревом мотора 1.2 мы полетели искать закусочную. Остановились у KFC и заказали уйму острой еды. После сего полетели в аэропорт. Долго не могли сориентироваться откуда и как заезжать. Но в итоге благополучно доехали, прощавшись по пути с Кипром:

Успели на регистрацию и сели в самолет...

И несколько фоточек напоследок:

Итого

Посещенные места:

1. Ущелье Авакас
2. The Edro 3 Кораблекрушение
3. Парк скульптур в Айя-Напе
4. Царские гробницы
5. Мыс Каво Греко
6. Купальня Афродиты
7. Тропа Афродиты
8. Камень Афродиты
9. Соленое озеро Ларанка
10. Акведук Камарес
11. Мечеть Хала Султана Текке
12. Акведук Камарес
13. Горнолыжный курорт Олимбос

И др.

Сколько Кипр стоил? – 36 000 рублей вместе с билетами, бензином, проживанием и арендой авто.

Кипр – остров для туристов, он открыт каждому! Чтобы сэкономить, вам не нужно арендовать отели, не нужно покупать туры, все границы открыты. Виза делается в течение одних суток для россиян и стоит – ничего. Вы можете также за 5 дней объехать все города и достопримечательности Кипра с минимальными тратами.

Также читайте вторую и первую статью про Кипр!

День второй

Проснувшись от дрожи холода и позавтракав, наметили себе маршрут на день и вышли на улицу, где нас встретили необъятные горные массивы с еле зелеными деревьями. Вообще, в зимний период остров остается зеленым, но цвет листвы ненасыщенный и немного пастельный.

Первой остановкой было Святилище Аполлона Гилата. Храм был построен до н.э. и был разрушен в 365 г. до н.э. С тех пор некоторые здания святилища были восстановлены и можно сходить и прогуляться по руинам.

Стоимость входа 2.5 Евро

Следующей остановкой была смотровая площадка вдоль дороги вблизи античного города Курион, которая открывала вид на изгибы суши вдоль моря и обнажала скругления земли вдоль горизонта. Отсюда видна практически половина острова. Вдоль береговой линии стояли автомобили, загорали люди, и природа предстала во всей своей красе, переливались равнины и горные цепи, лесопосадки и огородные пустоты.

Далее отправились в замок Колосси, который находится на самой границе с британскими военными базами на Юго-востоке города Лимассол.

Замок был построен в начале 13го века, в конце сего века жившие здесь госпитальеры занялись выращиванием сахарного тростника. Именно отсюда пришло название знаменитого кипрского вина «Коммандария».

Стоимость входа 2.5 Евро. Или можно обойти все снаружи за 0 Евро.

После посещения замка прервемся на прогулку по самому Лимассолу и разгадаем загадку:

Угадайте страну по фото

Да, такое возможно не только у нас. Хотя, учитывая тот факт, что огромная часть населения приехали из России, становится как-то...

Также интересно, что здешние Макдоналдсы и KFC имеют свою бригаду доставки, вместо агрегаторов на подобии Яндекс или Деливери.

Памятник вблизи стадиона:

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

Вдоль дорог Лимассола растут мандарины:

Стоят паркоматы как из старых американских фильмов:

Почти у самого побережья залива Акротири (в Средиземном море) расположился замок, который с начала 19го века до 1950 года был превращен в тюрьму, а сейчас является музеем.

Благоустройство побережья:

Еще фотографии с побережья:

День третий

Ввиду того, что в этом (2020) году была аномально теплая зима, на Кипре выпал снег. Точнее он и раньше выпадал высоко в горах, но в этом году его было очень много. Где есть снег, есть горы – есть горнолыжка! Высоко в горах температура резко упала до 0 градусов, но ветер дул теплый и находится на такой высоте комфортно. Здесь так же, как и на многих горнолыжных курортах несколько трасс разной крутости и сложности, но они сильно удалены друг от друга, доехать можно только на автомобиле.

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

Далее путь лежал в Артемис Треил (Artemis Trail) или тропа Артемис. Это тропа протяженностью в 7км, которая проходит вокруг вершин гор с крутыми спусками и подъемами. Мы же исхитрились и срезали тропу по заброшенной тропе, где нас ждал небольшой водопад и необычные деревья.

А наверху ожидает прекрасный View Point (Смотровая).

И почти весь остаток дня едем в город Ларнака

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

После заселения в квартиру однозначно стоит прогуляться и посидеть на прибрежных кафе. Виды необычайно красивые. Подсветка домов выполнена в стиле GTA Vice City или Майами Бич в США.

Стоит отметить, что дома на Кипре не такие уж сильно дорогие, если сравнивать с Москвой. Квартиру можно купить от 100к до 200к евро, виллы с бассейном от 1млн до 2млн евро.

Без грязи и вандализма не обходится ни одна страна / государство / город

И красивые улицы с четкими авто

Также читайте первую и третью статью про Кипр!

Предисловие

Статью придется разбить на несколько частей. Поначалу думал, что это будет одна история путешествия, но, расписав в word-е все, что вспомнил, получилось 54 страницы. Конечно, за один присест никто не сможет осилить всю статью сразу. Поэтому будет 3 части. Всем приятного просмотра и чтения 😇

Что такое Кипр?

Кипр – это не страна, а государство, называемое Республика Кипр. Располагается Республика на острове, внимание, Кипр. Около 2% суши занимают военные британский базы, одна из которых находится на востоке острова, вторая на юге.

У Кипра есть 3 международных аэропорта: в столице Никосии (которая сейчас не функционирует), самый крупный в Ларанке, и близ города с пафосным названием «Пафос».

На данный момент Кипр разделен на 2 части: северную и южную, а разделен буферной зоной, которая пересекает столицу республики. Это зона появилась в результате столкновений местных греков и турков. Вмешались ООН и поставили границы, разделив остров. Ширина буферной зоны (она же Зеленая зона, она же линия «Аттила») составляет от 3.3метра до 7.4 километра.

Начало трипа

Как полагается, трип начался с аэропорта. Было неясно как одеться, когда из минус 10 летишь в плюс 20. В Москве погода не радовала и видимость стремилась к нулю. Применив «лайфхак», мы заполучили себе по дивану каждому и с каефушками полетели на К.И.П.Р.

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

Простояв в очереди на регистрацию, мы отправились на улицу, где уже нас встречали наши друзья из Грузии, у которых мы арендовали тачку. Словом, ждать им пришлось очень долго, из-за нелетной погоды самолет несколько раз переносили: то на пол часа, то на час. Быстренько осмотрели нашего железного монстра, Nissan NOTE, подписали документы и отправились кататься, не зная куда ехать.

Кипр

План был таков:

1. Поесть после долгих ожиданий и полета
2. Немного погулять до вечера
3. Заселиться на съемный дом
4. Каждый день уезжать в новый город, новую местность, чтобы осмотреть весь остров
5. Поесть перед отъездом
6. Улететь

Нашли местный KFC, чтобы получить бесплатный wi-fi и составить весь маршрут. На карте отметили все достопримечательности, которые показались нам интересными. Забегая вперед, мы не успели осмотреть все и чуть не опоздали на самолет пока ехали с одной из последних точек достопримечательностей.

Первый день

Как уже говорил ранее, в первый день мы взяли машину, немного покатались, поели, чутка погуляли и отправились на поиски нашего жилья. Дорога предстояла не близкая, 66км по серпантинам. Серпантины, конечно, не такие, как в Черногории, но слишком быстро ехать не получалось. (двигатель 1.2 на вариаторе)

По приезде в деревню Коилани (Koilani), где находился наш дом, мы увидели не радужную картину. Вся деревня была погружена во тьму, свет не горел практически нигде, за исключением нескольких центральных перекрестков. Было ощущение, что попали в «мертвую» деревню, не было людей, не было слышно воя собак, и не было никаких других домашних животных. Из-за отсутствия интернета мы не могли связаться с хозяйкой дома. По координатам, которые нам были высланы за долго до прибытия находился дом. Начали лазить в горшки вдоль и поперек, искали под скамейками ключи, но найти не получалось.

Отправились гулять в поисках жизни. Пройдя метров 200, поворачивая туда-сюда на узких перекрестках, нашли один дом, в котором горел свет. Постучались. Загорелся свет на крыльце. И вот мы подумали, что наконец-то нам помогут. Но житель этого дома в глухой деревне не знал английского, не знал русского. Битый час мы общались на языке жестов, и в итоге разобрались в какую сторону нужно идти. От первоначальной точки мы были удалены примерно в пол километра. Но как только нашли свое жилье, груз обеспокоенности сошел на нет.

Так как дом находился не у побережья, а почти в самом центре острова, на возвышенности, температура в ночь упала по ощущениям градусов до 3-5. Т.е. было очень холодно. В доме был один обогреватель, который не справлялся со своей задачей. И спали мы, свернувшись в калачик, в одежде и в куртке. Что примечательно, дом был весь обставлен иконами. Икону тут, иконы там. В стене был отдельный подиум для большой иконы. И, честно сказать, они навеяли только страху, вместо упокоения.

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

Также читайте вторую и третью статью про Кипр!

Посмотрите технологию дизайна веб сайта в программе Adobe XD

На этот раз разрабатываем дизайн для сайта каталога тяжелой спецтехники. ЦА взрослая, соответственно, весь дизайн должен быть максимально понятен каждому и в то же время побудить клиента оставить заказ или заявку на обратный звонок.

Также смотрите предыдущую серию дизайна за 15 мин на сайте: Залипательный дизайн каталога мебели в Adobe XD

Залипательный дизайн | Adobe XD

Ускоренное в 1 500 раз видео создания дизайна для каталога — интернет магазина плетеной мебели. Смотрите, наслаждайтесь и перенимайте опыт с видео. Дизайн UI / UX интерфейсов проще и интереснее чем вы думаете.

Данная тема раскрывается в 2 статьях (эта вторая):

1. Зачем нужна почтовая рассылка сейчас?
2. Как сделать свою верстку писем?

Как сверстать письмо для почтовой рассылки?

Для начала нужно понять, что есть обычная верстка веб страниц и есть верстка писем. Это не одно и то же. Для того, чтобы у пользователя ваше письмо отображалось корректно, нужно использовать специфичную верстку – табличную. Да-да, как в далеких 2005х годах, все элементы верстки должны представлять из себя компоненты таблицы: tr – строки и td – ячейки.

Почему используется табличная верстка?

Дело в том, что нет общего стандарта для всех почтовых сервисов. Если вы создадите письмо на html5, то с вероятностью 100% +- eps ваше письмо не будет отображено пользователю корректно.

Когда как количество (движков) браузеров ограничено, почтовые сервисы плодятся как после дождя и их сотни, если не тысячи. Вот и получается, что, имея несколько движков, договориться о стандартизации не сложно, а имея тысячи email сервисов – задача почти невозможная.

Как сделать красивую верстку писем для рассылки?

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

В данной статье будет рассмотрен framework (инструмент или библиотека) под названием MJML. Если вы когда-либо пробовали табличную верстку, думаю вы понимаете, что код разрастается в геометрической прогрессии, читабельность → 0, а исправить что-либо займет времени ± ∞.

А чтобы верстка была красивой, нужно не забывать про 3 пастулата дизайна:

• Использовать не более 3-х цветов.
• Должно сохраняться выравнивание элементов (внутренние, внешние отступы).
• Любой интерфейс / текст всегда можно упростить в 2 раза.

Как видно на скриншоте выше: потребовалось порядка 1000 строк кода табличной верстки для маленького макета.

Чтобы не мучить себя и не рвать на себе волосы воспользуемся framework – ом mjml, с очень хорошей документацией на официальном сайте.

Для чего нужен mjml?

Простой ответ: чтобы из кода в 200 строк (слева на картинке выше) получить готовую табличную верстку в 1000 строк (справа на картинке выше).

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

Как работать с mjml?

Есть несколько способов начать работать с mjml:

1. Воспользоваться онлайн редактором
2. Скачать npm пакет для node.js. npm install mjml
3. Скачать программу mjml и разрабатывать в ней
4. Установить плагин mjml для вашего IDE (VS Code, Sublime, Atom)

Из всех перечисленных вариантов удобнее всего скачать плагин для VS Code (так как я всегда использую данный редактор). Также npm пакет найдет свое применение, если вы хотите автоматизировать создание писем и, например, засунуть создание рассылки в python или js скрипт.

Как установить плагин в VS Code?

Для других редакторов установка аналогичная.

1. Заходим во вкладку «Plugins» в левом меню
2. В поиске вбиваем mjml
3. Кликаем «install»
4. Готово

Как начать верстать письмо на mjml?

Все просто.

1. Создаете папку, где будет храниться весь код и медиа
2. Открываете директорию (папку) в своем редакторе
3. Создаете файл с расширением mjml, например, post.mjml
4. Начинаете писать

Огромный плюс верстки писем на mjml – вам не нужны сборщики (webpack) и таскеры (gulp, grunt), все эти функции выполняет сам mjml. Внутри пакета есть 2 главных функционала:

1. Open preview to the side – аналог browserSync. Позволяет в real-time отслеживать изменения внутри вашего редактора
2. Export HTML – позволят скомпелировать ваш код в готовый html.

Чтобы вызвать данные методы в VS Code необходимо нажать F1, вписать MJML, и выбрать необходимую инструкцию. (Картинка выше).

Какая структура у MJML кода?

Mjml – это такой же язык разметки, как и xml или html. Все четко и понятно. Многие теги совпадают с html, только добавляется префикс "mj-".

Верскта начинается / заканчивается тегами <mjml> … </mjml> соответственно. Есть аналог тега <head> — <mj-head>, <body> == <mj-body>, <button> == <mj-button>, <img> == <mj-image> и т.д.

Какие есть основные элементы верстки кода на mjml?

<mj-head>...</mj-head> — здесь вставляется title (<mj-title>) вашего письма, а также встраиваются стили. Причем есть возможность задать inline стили. Лучше использовать именно их, т.к. некоторые почтовые сервисы вырезают не inline стили из вашего письма.

<mj-body>...</mj-body> — сюда помещается весь ваш контент.

<mj-section>...</mj-section> — все элементы вашей верстки внутри body делятся на секции. Грубо говоря, одна секция – это одна строка.

<mj-column>...</mj-column> — это колонки ваших секций. Внутрь колонки вставляется все сотальное.

<mj-image>...</mj-image> — любые картинки.

<mj-button>...</mj-button> — кнопки и ссылки.

<mj-text>...</mj-text> — любые текстовые поля верстки. Аналог <p>...</p>.

<mj-navbar> <mj-navbar-link>…</mj-navbar-link> </mj-navbar> — разметка вашего меню, где <mj-navbar-link> — является пунктом меню.

И множество других тегов, которые вы найдете на странице документации.

Что еще интересного о mjml?

Есть тег <span> из html, который можно использовать внутри mjml верстки.

Есть пример использования?

В скором времени выйдет отдельная статья с видеозаписью о том, как дизайнить и верстать на mjml.

Данная тема раскроется в 2 статьях (эта статья первая):

1. Зачем нужна почтовая рассылка сейчас?
2. Как сделать свою верстку писем?

Email рассылка? Что? В 2к20? Спросите Вы. Да, именно рассылка писем на почтовые ящики потенциальных клиентов.

Зачем нужна почтовая рассылка?

Несмотря на то, что в сейчас, как кажется многим, почтовым ящиком никто не пользуется, это отнюдь не так. До сих пор остается огромное количество людей, которые проверяют и изучают письма пришедшие на «ящик». И это не только старшее поколение, да что уж там, я сам ежедневно проверяю свои входящие.

Есть несколько причин, почему почтовая рассылка для бизнеса важна. Первая главная причина – это объем аудитории. По оценке «Вокруг Света», которые ссылаются на аналитику Google, на сегодня существуют более 3 млрд активных почтовых ящиков. И ежедневно отправляется порядка 270 млрд писем. Стоит ли говорить, что средь такого огромного числа пользователей явно есть ваши потенциальные клиенты.
Вторая главная причина – это стоимость. Email рассылки достаточно дешевы в сравнении с другим маркетинговым продвижением. Низкая стоимость и высокая отдача делают рассылку писем достаточно привлекательной. По сути все, что нужно вам для рассылки – это сверстать письмо и отправить. И первый и второй пункт можно делать как бесплатно, так и с минимальными вложениями.
Третья главная причина – это ROI (return on investment), т.е. на сколько эффективно и в каком объеме возвращаются вложенные в рассылку деньги. По оценкам «PowerBranding» на каждый вложенный 1$ возвращается около 29$. Что естественно очень выгодно.

Это разве все еще выгодно?

Конечно, с развитием мессенджеров и социальных сетей, процент людей, пользующиеся почтой неуклонно падает, но все-таки остается на высоком уровне. Как мне кажется, ближайшие 5 – 10 лет не стоит забывать и забрасывать email-маркетинг.

Проще всего посмтреть на крупные компании: Aliexpress, Alibaba, Спортмастер, М.Видео и др. Все они продолжают рассылать письма о своих товарах. Если бы не было выгоды, то крупные организации первыми прекратили бы тратить деньги на E-mail маркетинг.

Какая отдача от рассылок?

По оценкам «Open Rate» отдача составляла 10% по всем нишам и шла на убыль до 2012 года.

Но на 2-й квартал 2019года по оценке «statista» вовлеченность пользователей достигла 23.84%

Снижение к 2012 году можно объяснить увеличением спама и иных мусорных рассылок, сейчас же почтовые гиганты Google, Yandex хорошо научились отсеивать ненужные письма и, соответственно, выросла отдача.

Чем поможет E-mail рассылка мне?

Для физ. лица e-mail рассылка не представляет интереса, здесь речь идет именно про предпринимателей. Есть несколько явных причин делать рассылку:

• Прямые продажи. Представлять любые товары и мотивировать пользователей купить тот или иной продукт.
• Сбор обратной связи. Feedback дело нужное любой компании, чтобы расти и развиваться.
• Информирование клиентов в технических вопросах. Доставка, оформление заказа или можно сообщить график работы в праздники.
• Сообщение о предстоящих акциях и скидках, чтобы заранее завлечь пользователя.
• Привлечение дополнительного трафика на ваш сайт или конкретный продукт, чтобы помимо органических переходов появились и переходы по прямой ссылке.

Как сделать свою рассылку писем?

Есть 4 варианта создания E-mail рассылки:

• Все сделать самому.
• Заплатить онлайн компаниям, которые за вас будут делать всю рассылку.
• Найти фрилансеров, которые сделают Вам дизайн и верстку, а дальше сами.
• Обратиться ко мне, чтобы я Вам помог сделать рассылку качественно и быстро.

Создание e-mail рассылки можно разделить на 4 этапа:

1. Сбор информации о товаре или услуге, которую вы будете транслировать в рассылке.
2. Подготовка дизайна. Можно сделать один или несколько вариантов дизайна и разделить их тематически. Но нельзя делать рассылку по типу «товар: ссылка». Такие письма будут иметь нулевую конверсию и многие Вас закинут в «СПАМ»
3. Верстка дизайна.
4. Рассылка.

2 и 3 пункт можно вынести за скобки, т.к. дизайн и верстку можно сделать единожды, а наполнять контентом и отсылать письма понадобится каждый раз.

Что дальше?

В следующей статье коснемся технического вопроса. Рассмотрим инструменты для верстки писем и сделаем свою верстку по заготовленному дизайну.

Как сделать дизайн для e-mail рассылки рассмотрим в отдельной статье (будет и видео) в категории

Что такое DeepLink?

DeepLink – это глубинные ссылки. Но что такое глубинные ссылки? – сейчас объясню.

Это такие ссылки, которое обеспечивают внешнее связывание, т. е. связывание вашей ссылки с приложением (или другим сайтом) напрямую. Наверняка, вы нажимали на ссылки на своем смартфоне, и он открывал приложение вместо сайта. Так, например, если вы перейдете на сайт links.glimake.ru и нажмете на любую иконку, то откроется соответствующее приложение, если оное у вас установлено. Ранее Deeplink-ами называли любые прямые ссылки с одного сайта на другой, например, instagram.com/glimake/. Т.е. с одного сайты Вы переходите на конкретную страницу другого ресурса внутри своего браузера.

Зачем нужны Deeplink-и?

Простой ответ — для увеличения конверсии. Чаще Deeplink используют коммерческие компании на своих сайтах, чтобы получить больший охват в социальных сетях. Сами подумайте, вам было бы проще нажать на сайте какой бы то ни было компании на иконку Вк и попасть в приложение Вконтакте или если открылся бы браузер и загрузилась страница vk.com? Логично, что первый вариант, так как приложения более удобны для пользователя.

Как это работает?

При создании ссылки указывается не просто тело с URL, а добавляются специальные значения, которые переадресуют пользователя на необходимое приложение, если оно у вас установлено. Если нет, то откроется браузер с переходом на веб версию приложения. Например, Вы хотите переадресовать пользователя на свой Instagram аккаунт:
1 способ: [Instagram] Вы указываете обычную ссылку, нажав на нее, откроется браузер с соответствующим профилем.
2 способ: [ Instagram ] «Волшебная ссылка» откроет приложение, если у вас установлен Instagram, если нет, то также откроется профиль в браузере.

P.S. 2-й способ нужно пробовать через смартфон, чтобы увидеть эффект.

Как сделать Deeplink?

Есть 3 способа сделать свои DeepLink:

1. Заказать Deeplink – и на сайтах, которые предоставляют такую услугу. Таких сайтов много и по первым ссылкам в google вы можете найти то, что Вам подойдет.
2. Сделать Deeplink самому под все необходимые социальные сети. При выборе данного метода вам будут необходимы базовые знания Html и JS (JavaScript)
3. Попросить меня сделать Вам страничку аналогичную links.glimake.ru со всеми необходимыми социальными сетями и со своим дизайном

Как сделать Deeplink самому?

Если у вас есть базовые знания Html и JS, то приступим к делу. Сначала нужно понять логику работы ссылок: пользователь кликает по ссылке, дальше нужно определить с какого устройства был произведен клик (windows, ios, android), дальше попытаться найти установленное приложение соц сети и если приложение найдено — открыть его, если не найдено, то открыть ссылку в браузере.
От слов к делу. Рассмотрим пример для Instagram. Для остальных социальных сетей делается аналогично.

    <a 
        id="instagam" 
        android-apk="intent://instagram.com/_u/glimake/#Intent;package=com.instagram.android;scheme=https;end" 
        apk="instagram://glimake" 
        href="https://www.instagram.com/glimake/"
        class="item btn btn-action btn-inst deeplink"
    >
        <div class="fa fa-instagram" aria-hidden="true"> </div> Instagram
    </a>

Пройдемся по коду: Открывающийся тег <a> (ссылка), в котором добавлены атрибуты id – для удобства, android-apk – собственный атрибут для запуска приложения на Android, apk – собственный атрибут для запуска приложения на iOs, атрибут href – где расположена полная ссылка на профиль, атрибут class – для задания классов; Тег <Div> (блок) – здесь используется font-awesome для вывода иконки инстаграм; текст ссылки Instagram; закрывающий тег.

    <iframe id="app-frame" src="" style="display: none"></iframe>

Также необходимо в любое место кода между тегами и вставить тег iframe и задать ему id=”app-frame”, тег src=”” пустым, и добавить стиль, чтобы iframe не отображался на странице. Зачем нужен iframe расскажу ниже.

Вот и весь код на html. Теперь перейдем в JS. Будем использовать не чистый JS, а с подключенной библиотекой JQuery (просто так удобнее).

Код:

    $(function () {
        $(".deeplink").click(function (e) {
          e.preventDefault();
          // Detect device
          var devType = getMobileOperatingSystem();
      
          var android_apk_url = $(this).attr('android-apk');
          var apk_url = $(this).attr('apk');
          var siteUrl = $(this).attr('href');
      
          // alert(url)
          switch (devType) {
            case 'android':
              $('#app-frame').attr('src', android_apk_url);        
              $('#app-frame').ready(function() {
                return;
              });
              setTimeout(function () {
                window.location = siteUrl
              }, 700);
              break;
            default:
              $('#app-frame').attr('src', apk_url);
              $('#app-frame').ready(function() {
                return;
              });
              setTimeout(function () {
                window.location = siteUrl
              }, 700);
              break;
          }
      
          // window.location = url;
          // setTimeout(function () {
          //   window.location = url;
          // }, 500);
        });
      
      });
      var getMobileOperatingSystem = function () {
        var userAgent = navigator.userAgent || navigator.vendor || window.opera;
      
        // Windows Phone must come first because its UA also contains "Android"
        if (/android/i.test(userAgent)) {
          return "android";
        }
      
        // iOS detection from: https://stackoverflow.com/a/9039885/177710
        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
          return "ios";
        }
      
        return "desktop";
      }      

Нам понадобится создать дополнительную функцию getMobileOperatingSystem, которая будет определять устройство (OS) с которого зашли на нашу страничку: desktop, ios, android.

Далее нам нужно повесить событие на нашу ссылку, в данном случае я обратился по классу ссылки и подписался на событие «click». С помощью метода preventDefault() отменяем событие (event) по умолчанию, т.е. отменяем переход по ссылке (атрибут href). Теперь по функции, описанной выше, получаем тип устройства и изымаем из созданных нами атрибутов apk, android-apk и href значения. С помощью конструкции Switch – Case проверяем тип устройства (android || ios) и в зависимости от него подставляем в ранее созданный iFrame наш контент, т.е. подставляем содержимое наших атрибутов в атрибут src. iframe загрузит нашу ссылку и откроет приложение, если оно установлено, если нет, то по истечению таймера 700 мс откроет ссылку в браузере.

Остается 2 вопроса: 1. Почему в switch – case нет условия на desktop; 2. Зачем использовать iframe

Ответ на вопрос 1:

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

Ответ на вопрос 2:

Браузер не имеет доступа к приложениям, установленным на вашем устройстве. Такова политика безопасности. Поэтому все, что мы можем – это попытаться открыть нужно приложение. Если мы просто переадресуем человека по ссылке, например так: window.location=” instagram://glimake ”, а на его Iphone не будет инсты, то он получит ошибку и уйдет со страницы, поэтому мы пытаемся открыть приложения используя iframe – как бы страницу внутри страницы. И если уже iframe не получилось открыть приложение, тогда смело отправляем его по ссылке href на ресурс в браузере.

Какие Deeplink-и для каких социальных сетей?

Приведу небольшой список самых популярных социальных сейте для android и ios:

1. Whatsapp (вместо звездочек подставляете свой телефон в международном формате без «+»)
       Android: intent://send?phone=79*********&text=#Intent;package=com.whatsapp;scheme=whatsapp;end
       iOS: whatsapp://send?phone=79*********
2. Telegram (вместо glimake подставляете свой ник)
       Android: intent://resolve?domain=glimake#Intent;package=org.telegram.messenger;scheme=tg;end
       iOS: tg://resolve?domain=glimake
3. Vk (вместо glimake подставляете свой ник)
       Android: intent://vk.com/glimake#Intent;package=com.vkontakte.android-apkoid;scheme=vkontakte;end
       iOS: vk://vk.com/glimake
4. Facebook (вместо цифр подставляете свой идентификатор)
       Android: intent://profile/100004738059107#Intent;package=com.facebook.katana;scheme=fb;end
       iOS: fb://profile/100004738059107
5. Youtube (вместо 1k6j01 подставляете свой ник)
       Android: intent://www.youtube.com/user/1K6J01#Intent;package=com.google.android-apkoid.youtube;scheme=https;end
       iOS: vnd.youtube://user/1K6J01
6. Instagram описан в примере выше. (вместо glimake подставляете свой ник)

Для всех остальных соц сетей можете воспользоваться сервисом app.urlgeni.us, который сгенерирует вам готовые ссылки под ios и android.

Если какие-то моменты остались непонятными, пишите в комментарии. По всем вопросам также можете обращаться напрямую. Если есть чем добавить статью, прошу написать также в комменты свое замечание. Спасибо за внимание!

На днях, 12 июня, представили обновленную консоль Sony PlayStation 5. Коротко и быстро посмотрим на нее и разберем плюсы и минусы.

Дизайн

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

Второй момент – консоль должна быть утилитарной, никто не смотрит на нее, играя за телевизором. В идеале консоль было бы неплохо спрятать в шкафу или за тумбой и включать всегда с пульта / джойстика. Консоль слишком высокая, боковые поверхности неровные, да еще, чтобы положить приставку на бок, придется докупать отдельную подставку, что выглядит как «костыль». В данном случае, думаю, что дизайн Xbox Series X смотрится куда более выигрышно.

Также из-за дизайна есть вопросы к охлаждению, ибо предыдущие Sony грешили громкими кулерами. Но это узнаем уже после старта продаж.

Контроллер

Вот здесь я готов похвалить Sony. Наконец-то они сделали контроллер, который, судя по всему, будет удобно лежать в руке. Им нужно было уже давно скопировать дизайн джойста у Xbox, у которых самый эргономичный контроллер. Если вспомнить PlayStation 3, на нем невозможно было играть больше 30 мин в комфорте, потому что пальцы рук начинали отекать от хитрой формы контроллера. Молодцы.

Также контроллер теперь имеет тактильную отдачу, но только в играх, которые будут это поддерживать, по сути это было и раньше с вибромотором, но теперь должно быть на порядок лучше по заявлениям самой Sony. Плюс теперь будут адаптивные спусковые крючки (R2 | L2), сопротивление нажатия теперь регулируется не пружинкой, а, видимо, так же каким-то мотором. Думаю, что это найдет применение в шутерах или гоночных симуляторах.

Производительность

Наконец-то Next-gen консоли внедрили SSD накопители в свои устройства. Раньше также можно было вытащить родной HDD и засунуть твердотельный, но так как теперь это с завода, то и разработчикам больше простора. Минимальные требования повысились, соответственно и качество игр (графика, скорость загрузки и т.п.) улучшится в след за ними.

Также появилась полноценная поддержка 4k контента, трассировка лучей.

ЦП выполнен по 7 нм тех. процессу, восьми ядерный, 16 поточный AMD Ryzen 3-го поколения на архитектуре Zen 2.

Видео чип имеет 10,3 Терра Флопса мощности, в сравнении с PS4 Pro, где было 4.2 терафлопса.

Оперативная память будет составлять 16Гб по стандарту GDDR6.

В некоторых играх, где будет поддерживаться 120 fps, можно будет насладиться плавной картинкой.

Допы

Помимо доп контроллера можно будет также приобрести док станцию сразу на 2 геймпада. Появилась беспроводная гарнитура (наушники), пульт для управления контентом для того, чтобы смотреть сериалы, фильмы управляя с ПДУ, а также камера, но не для захвата тела и движения рук, а для записи стримов с вашим лицом)

Итого

Дизайн – спорный, неудобный как по мне.

Контроллер – зачет, наконец-то не будут уставать руки.

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

Игры – ну это Sony, много тайтлов, эксклюзивов и мультиплатформенные игры.

Аксессуары – стандартный набор. Я бы взял себе, наверное, только наушники.

Источники

• playstation.com — Официальная страница PlayStation®5

Уже сотни людей спросили: “почему именно Telegram?”, или “чем тебя не устраивает whatsapp?” Сегодня раз и навсегда ответим вопрос, почему whatsapp не догнать Tg и чем же все-таки Tg лучше. Смело можете отсылать на данную статью людей, которые встают с вами в спор.

Начнем с простого...

Позиционирование

Телеграмм изначально создавался как приложение для повседневного использования. Основная задача, как мне кажется, ТГ поставил перед собой – упростить общение людей. Можно сказать, что в whatsapp также легко и просто общаться, но совокупность факторов, которые описаны ниже, дают ощущение того, что Telegram – твой бро, Whatsapp – не бро.

Дизайн

Я далеко не гуру в дизайне, но имею представление о UI/UX. Все нововведения сначала появляются в ТГ: смена стиля приложения, изменение заднего паттерна (фона) в чатах, появление группировки и сортировки чатов, изменение шрифтов, форма message bubbles (закругленность сообщений в чатах), автоматический ночной режим, анимированные emoji, стикеры и др.

Конечно, whatsapp малыми шагами также вносит изменения, но стоит зайти в настройки whatsapp и telegram и вы увидите, насколько UX дизайн в Tg превосходит.

Стикеры

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

Для создания своих стикеров необходимо написать боту @Stickers и отправить ему подготовленные изображения.

Плавно переходим к следующему превосходству

Боты

Одна из главных вещей, как мне кажется, почему ТГ стрельнул – это боты. Боты – мощнейший инструмент для всего. С помощью ботов вы можете обрабатывать изображения, слушать музыку, скачивать видео с Youtube, или создать полноценную CRM систему под ваши нужды.

Оставляю ссылки на некоторые полезные боты:

• @instasave_bot – скачивать видео и фото из Instagram
• @temp_mail_bot – временный почтовый ящик с само удалением через 10 мин
• @voicybot – при добавлении бота в общий чат, он конвертирует ваши голосовые сообщения в текст
• @shtrafyBot – проверяет штрафы на авто и оповещает о новых нарушениях
• @PussybotsBot – рандомно обрабатывает ваше изображение

Защищенность

Одним из самых грамотных PR ходов со стороны руководства Telegram был отказ в предоставлении ключей шифрования ФСБ России. После данной новости резко возросла популярность мессенджера. Даже если вам нечего скрывать от сотрудников в погонах, секретные чаты – полезная вещь. Вы можете создавать защищенные каналы и настраивать время жизни сообщений, фотографий и аудиозаписей.

Встроенный редактор

Вы можете обрабатывать изображения при отправке в чат. Есть возможность обрезать, повернуть, привести к стандартным разрешениям, настроить контрастность, ясность, экспозицию, сделать радиальное или линейное размытие, настроить кривые Red, Green, Blue & RGB, сделать набросок кистью, добавить текст или наклеить стикер || маску. И все это делается в 2 клика.

Сжатие

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

Синхронизация

Телеграм имеет не только приложение для телефона, но и для компьютера (desktop), и для веб браузера. Чтобы войти в свой аккаунт ТГ Вам не нужна даже сим карта, все синхронизируется на лету, остается лишь ввести одноразовый код, который приходит на телефон.

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

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

Порталы / чаты

Все крупные СМИ, блогеры, политики и др имеют свои общедоступные каналы в ТГ, где вы можете следить за новостями в мире. Также имеется огромное количество тематических каналов, вы точно найдете что-то по своему вкусу: it, кулинария, авто, SMM, PR, плотничество и многое другое. Списки каналов есть в открытом доступе в интернете.

Избранное

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

Файлообменник

А каким файлообменником пользуешься ты?

Я уже давно перестал пользоваться проводом от телефона, чтобы передать файлы на ПК. Всему виной те же Saved messages (Чат избранное). Любые файлы, которые мне нужно перекинуть с компа на комп, с компа на телефон или наоборот, я все отправляю в Избранное и скачиваю на нужное устройство. Это упрощает взаимодействие с файлами.

Например, вам нужно выложить фотку в Inst, но перед этим ее нужно обработать, действия такие: отправляем оригинал фото на комп → с помощью Lightroom обрабатываем → отправляем новое изображение на телефон → размещаем. Profit.

Временные изображения

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

Поддержка языков

Здесь плюс неявный, а скорее это правильное решение со стороны Telegram. В ТГ имеется поддержка 15 языков. Т.е. теоретически охват тг больше чем у Whatsapp. Также мне нравится пользоваться английским интерфейсом, что очень легко настроить в параметрах. В whatsapp смену языка не нашел.

Backup-ы

Whatsapp хвалится тем, что на нем есть бэкапы, т.е. резервные копии ваших чатов. В телеграм думать о backup нет необходимости, так как вся информация автоматически сохраняется и синхронизируется со всеми устройствами, куда выполнен вход.

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

А теперь к плюсам Whatsapp

Было бы несправедливо, если бы я рассказал только о плюсах ТГ, так как в некоторых аспектах все-таки воззап выигрывает

Аудитория

Так как на рынке Whatsapp появился куда раньше, то и количество накопленной аудитории там больше. Вотсап по-прежнему занимает лидирующие позиции по количеству активных пользователей, но объем людей в ТГ неуклонно растет и думаю, что в скором будущем они сравнятся.

Видеочаты

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

Других плюсов в Whatsapp я для себя не нашел, если у вас есть возражения, прошу пишите в комменты, добавлю UPD к статье

Итог

Я сумел убедить маму, папу перейти на Telegram. Сейчас они по-прежнему заходят в whatsapp но только потому, что друзья чаще сидят в Whatsapp. Думаю если мы все покажем своим родителям и близким прелести Telegram, лодка качнется в другую сторону достаточно быстро.

В своем инстаграм @glimake провел соц-опрос по поводу предпочтения мессенджера: Telegram или Whatsapp. Рузельтаты были весьма очевидными: 84% проголосовало за Tg, 16% за Whatsapp.
Данный опрос не совсем корректен, так как преобладающее число моих подписчиков молодого возраста, и оценка не охватывает предпочтения старшего поколения, однако, по результату можно судить о многом.
Также стоит отметить, что выборка не столь велика и сильно локализирована, чтобы можно было делать жесткие заключения.

Введение

Если вы не понимаете, о чем речь, прочитайте предыдущую статью про Build.me здесь. Сегодня рассмотрим тему прототипирования и подключения тестовых данных к вашему проекту.

Создание прототипа

Как говорилось в предыдущей статье, необходимо создать новый проект и нажать на кнопку New prototype, выбрав Template. Из предложенных вариантов выберем Responsive шаблон, так как там уже присутствует стандартная «шапка» и «подножье»

В итоге получаем вот такую страницу:

По центру мы видим окно управления дизайном. Здесь же мы будем видеть результат нашего дизайна.

Вверху страницы у нас располагается панель управления отображением. Описание иконок слева направо:

1. Облака – это коллаборации. Здесь вы можете оставлять комментарии вашим коллегам по поводу каждой страницы приложения.
2. Режим отображения. Десктоп, планшет, или телефон
3. Кисть – выбор темы дизайна. Представлены стандартные SAP темы.
4. Линейка. Отображение линейки на дизайне.
5. Масштаб
6. Скрыть / раскрыть сайд-бары
7. Отменить действия или выполнить вперед.
8. Create study – создать обучалку для данной страницы
9. Share – поделиться
10. Иконка глаза. Это запустить предпросмотр.

В левом верхнем углу располагается панель контролов. Здесь представлены все компоненты, которые есть в Build.me и посредством Drag&Drop вы можете перетаскивать элементы на свой макет.

Также в ЛВ углу имеется несколько вкладок

Первая Controls – компоненты для макета. Images – изображения, которые можно применять на маете. Data – наша mockdata, в которой будем создавать тестовые данные.

В левом нижнем углу располагается иерархическая структура макета. Т.е. по сути отображаются все элементы, которые вы добавили на страницу.

Справа у нас находится сайд-бар управления выбранным компонентом. У каждого компоненты есть общий и свой наборы компонентов, которые можно редактировать. Например, отступы, размерности и т.п.

Макет

Накидаем элементов с левого окна компонентов на наш макет.

Чтобы располагать элементы горизонтально или вертикально используем компоненты Horizontal Box и Vertical Box соответственно.

Mockdata

Перейдем во вкладку Data. На этой странице мы можем импортировать данные, например, в excel файле, или можем подсоединить свой удаленный источник данных, или создать объекты с данными вручную.

Чтобы импортировать данные в Excel, нам нужно знать структуру данных. Поэтому поступим следующим образом: сначала создадим объекты с данными вручную, далее экспортируем их себе в Excel, и уже в Excel будем добавлять свои данные. Как все заполним, можем обратно импортировать файл в проект.

Нажимаем на Create new object. Откроется окно управления объектами. «Плюсик сверху позволять создавать сколь угодно новых объектов».

В правом углу видим несколько вкладок: Properties – то же, что и поля в таблице, которые будут использоваться в дальнейшем; Relations – если у вас несколько объектов, то можно связать их между собой один к одному, один ко многим, многие ко многим; Samples – здесь можно управлять самими данными в объектах.

Создадим еще объект и свяжем их между собой

Теперь займемся заполнением. Переходим во вкладку Samples → Edit samples. Открывается окно управления данными:

Заполняем и нажимаем ок.

Теперь экспортируем объекты, чтобы заполнить их в Excel: Samples → Export Data → Export

Открываем скачанный файл и заполняем наши объекты в Excel:

Таким же образом импортируем Excel в проект.

Использование mockdata

Теперь давайте применим наши данные к макету. Для этого определимся с компонентом, куда будем выводить данные. Пусть это будет таблица. Выделяем нашу таблицу и в сайд баре свойств меняем источник данных на наш созданный объект:

Также переименуем Title – ы наших колонок и также в правом сайдбаре настраиваем отображение ячеек таблицы. В итоге получаем таблицу с нашими тестовыми данными.

Тестовые данные можно применять не только к таблицам, но и ко многим другим компонентам прототипа, например к чартам (графикам). Таким образом, при презентации ваше приложение будет выглядеть как готовый законченный продукт.

Всем успехов

О чем статья?

Всем привет! Сегодня рассмотрим мощный инструмент для прототипирования и UX дизайна приложений в экосистеме SAP. Что такое SAP? – в данной статье рассказывать не буду, возможно в будущем напишу для этого отдельную статью. Все, что нам нужно знать — это огромная экосистема, в которой разрабатывают программные продукты для сектора B2B. SAP имеет свои framework-и для front-end разработки и есть такой инструмент как Build.me, который позволяет прототипировать приложения, используя mockdata (тестовые данные) внутри верстки.

Ограничения

• В данной статье не будет затронута тематика UI дизайна. Так как в SAP все используемые компоненты стандартизированы и по рекомендации самой SAP менять их нежелательно, но можно.
• В SAP имеется огромное количество стандартных компонент, которые применяются во всех приложениях, но к сожалению в Build.me не все они присутствуют, хоть время от времени и обновляют библиотеку.

Build.me

Build.me – это бесплатный онлайн сервис с доступом через браузер. Также имеется платная подписка для увеличения возможностей или создания неограниченного количества проектов, прототипов и т.п. В Build.me имеется общий доступ управления проектом, т.е. если вы не единственный UX дизайнер, то можете расшарить (share) свой проект для совместной модерации другим пользователям. На сайте также бесплатная регистрация.

Интерфейс

Интерфейс Build.me очень простой и легко усваиваемый. У вас будут доступны 6 основных вкладок: Workspace, Pricing, Gallery, Learning, Blog, Community

Workspace

После регистрации / авторизации пользователь попадает на Workspace (рабочую область)

Так как у вас пока нет проектов, вы увидите надпись «You have no projects yet». На этой же странице в дальнейшем вы сможете создавать, открывать и редактировать все свои проекты.

Pricing

Эта страница управления типом аккаунта. Здесь вы можете приобрести версию «Enterprise», которая на начальном этапе вам не нужна. Здесь же описаны возможности и преимущества версий.

Возможности Trial:

1. Создавать до 3-х проектов
2. Создавать до 2-х прототипов на 1 проект
3. Создавать прототипы с использованием шаблонов Fiori и компонентов UI5
4. Проводить тестирование среди пользователей
5. Генерировать готовый код верстки для копирования проекта в Web IDE (среда разработки приложений SAP)

Возможности Enterprise:

1. Создавать и управлять своей компанией
2. Создавать неограниченное количество проектов и прототипов
3. Использовать свои API напрямую в прототипе
4. Расширенные возможности взаимодействия команды разработчиков
5. Использовать мощное пользовательское тестирование, например, проведение исследований на внешних прототипах HTML

Gallery

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

Learning

Это библиотека с обучалками по build.me и дизайна в целом. На главном экране перед нами предстает граф с описанием полного цикла разработки приложений. Данный граф делится на 3 составляющие: идея, дизайн, разработка. Сам цикл состоит из 9 шагов:

• Определение объема и цели
• Исследование
• Синтез
• Включение воображения
• Прототипирование
• Утверждение
• Реализация
• Тестирование
• Развертывание проекта

На каждый пункт цикла работ у Build.me есть обучающие видео и описания шагов, что очень круто. Также на данной странице имеются 10 ссылок на полные курсы разработки дизайна и прототипирования приложений для системы SAP.

Blog

Как следует из названия – это блог Build.me. Здесь они размещают различные обзорные статьи и описывают нововведения в релизах.

Community

Одна из самых полезных вкладок, где, собственно, я и учился пользоваться Build.me на полную мощность. Здесь рассмотрены все самые главные проблемы, которые могут возникнуть при разработке. Если у вас появляются вопросы, то смело бегите сюда и ищите по ключевым словам. В 70% случаев я находил ответ на нужный вопрос именно здесь. Также никто не отменял Google или же задать свой вопрос в Build.me – Community.

Как создать и использовать проект?

На вкладке Workspace нажимаем Create New Project

После чего открывается наш проект, где его можно переименовать и дать ему описание. Во разделе What do you want to do first? – вы можете добавить Персон (Persona), создать прототип из ваших нарезок или начать создавать полноценный дизайн, также можно создать обучалки, чтобы показать пользователям как использовать ваше приложение, а они в свою очередь могут оставлять отзывы и комментарии к дизайну.

Также можно добавить людей в команду разработчиков и прикрепить необходимые файлы к проекту. Например, FS (Functional specification) или TT (Technical task)

Persona

По сути persona – это ваша ЦА. (целевая аудитория). Вы создаете несколько человек, добавляете фотографию, чтобы понять как он должен выглядеть (при необходимости), указываете пол, возраст, увлечения, деятельность, нужды и пр.

Прототип из нарезок

Положим у вас есть набросок на листке бумаги и вам нужно продемонстрировать логику работы приложения.

На бумаге ничего не ясно. Выбираете пункт Start With File, далее Drag&Drop в браузер ваших нарезок и делите каждый лист на логические блоки, соединяя их между собой

Теперь можно запускать Preview и демонстрировать идею на проекторе или предоставить доступ по ссылке.

Прототипирование из шаблона

Шаблоны разделены на темы. Можете выбрать любую из них или начать с пустого шаблона. Все шаблоны редактируются.

При создании проекта из шаблона вы можете к нему подключить свою mockdata (тестовые данные), которые оформляются в виде Excel таблицы. Далее на необходимые компоненты добавляете источником свою mockdata. Теперь приложение начало оживать. Также можно строить иерархические данные и назначать зависимости для разных таблиц. Подробнее про mockdata в Build.me будет рассказано в одной из следующих статей.

Обучалки

Обучалки позволяют вам держать контакт с вашими пользователями.

Вы сами напрямую можете создавать вопросы для пользователей и добавлять поля для отзыва, например, может быть текстовое поле, опросник или аннотация на слайде. Далее у пользователя слева будет отображаться окно с вашим проектом, справа он может взаимодействовать с вами:

В конце прохождения обучалки Build.me вежливо поблагодарит пользователя за участие.

Итог

Мы обозрели основные возможности мощного и полезного инструмента как Build.me. Особенно будет полезно тем, кто только начинает работать с SAP и дизайном. Есть еще много вещей в дизайне SAP приложений, которые можно разобрать. Пишите комментарии, какие темы вам бы было интересно читать. Спасибо!

Как пережить кризис?

Все, чему нужно научиться – это грамотно расходовать свои деньги. Звучит разумно и очевидно. Но друзья, коллеги, знакомые и россияне в целом не всегда живут по средствам.

По оценкам S&P лишь 38% россиян финансово грамотны.

Что значит жить по средствам? В моем понимании так: «сколько бы ты не получал: 15к или же 120к рублей, тебе должно хватать этих денег на жизнь, не влезая в долги, кредиты и т. п. Т.е. грамотно расходовать свои средства»

Сложно жить на 15 000? Нужно понять простое правило: тебе всегда должно хватать денег минимум на еду, жилье и прочие бытовые нужды; если получается — накопи "подушку" и меняй работу. Когда человек берет кредит, или займ, или в долг – то таким образом он живет на свои будущие средства. Всегда легко взять чужие деньги, но помни, что возвращать придется свои.

Кризис – время больших перемен. Бедные становятся богатыми либо остаются на своем социальном уровне и наоборот.

Как стать грамотнее?

Несколько правил, которые я выработал для себя:

1. Записывай свои доходы. Иметь представление сколько у тебя денег есть на месяц – ключ к достижению долгосрочных целей. Записывай все: зарплату, шабашку, подарок на др и прочее.
2. Нужно всегда вести свой бюджет. Какие бы мелкие траты у тебя не были, все записывай досконально; каждый обед или поход в магазин. Не нужно думать, что «у меня типичные траты: хлеб, вода и молоко». Пренебрегая мелкими тратами, ты теряешь общую картину расходования бюджета.
3. Должен быть определен бюджет на день. Когда видишь перед собой, «сколько денег у тебя есть всего», важно понять, «сколько денег я могу потратить здесь и сейчас». Подробнее о том, как все считать — ниже ↓.
4. Всегда нужно откладывать в НЗ (неприкосновенный запас). Определись с процентом от общего бюджета на месяц, который будешь откладывать. Например, 15%, т.е. если общий доход составляет 20 000 рублей, то нужно отложить и не трогать 3 000 рублей.
5. Не храни деньги в наличке. Точнее не только в наличке. Отложенные 3 000 рублей нужно разделить на части: что-то хранить «под подушкой», что-то закинуть на вклад, остальное можно инвестировать в ценные бумаги. (Статья про инвестиции в ценные бумаги выйдет скоро).
6. Никогда не бери в долг / в кредит. Легко полученные деньги легко уходят, но помни, что возвращать долг придется своими кровными, заработанными потом и кровью. Как по мне, можно брать кредит в 2-х случаях:
   

   • Когда твой заработок в иностранной валюте (доллары или евро), тогда с каждым годом из-за инфляции или курса тело и проценты будут уменьшаться. Особенно актуально для России.
   • Когда ты гасишь кредит досрочно. Иногда бывает выгоднее купить что-то в кредит и досрочно через месяц погасить его. Или если средства временно «заблокированы» на счете или в ценных бумагах.

Зачем вести бюджет?

Все просто. Если видишь свои траты на «бумаге», то начинаешь тщательнее изучать, на что ушли деньги. Таким образом, в конце месяца можно просмотреть все, на что потратился, и начать оптимизировать свой бюджет. Можно разделить все траты на категории: развлечения, отдых, еда, поездки и т.д. или же просто найти те пункты, на которые относительно очень много трат. Когда ты увидишь сколько денег и на что тратишь, то невольно начнешь задумываться нужна ли та вещь тебе или можно обойтись без нее?

Как считать бюджет?

Поделим лист на 3 логических блока. В первом блоке, как я говорил выше, нужно выписать все свои доходы: зарплата, шабашка, подарок на день рождения, пособие, пенсия и т.п. Во втором блоке выписываем обязательные расходы: ЖКХ, кредит (которого быть не должно), проезд в транспорте, траты на еду, бензин. В третьем блоке записываем каждый день месяца и вписываем все свои траты: купил обувь, поел в кафе, скинулся на день рождение, сходил в кино и т.д., записываем абсолютно все.

Теперь можно приступить к подсчету НЗ (неприкосновенный запас). В начале месяца из всех своих доходов (S) вычитаем все обязательные расходы (OE). S – OE = IB (income balance). Теперь из остатка нужно выделить ту часть, которую откладываем. В среднем нужно брать от 10 до 20%% оставшегося баланса. 20% * IB = 0.20IB – идет в НЗ, 0.80IB – идут на ежедневные расходы. Если в месяце 30 дней, то 0.80IB / 30 – получаем сумму, которую можем тратить каждый день.

Пример

Доходы:
Зарплата – 25 000 рублей
Шабашка – 3 000 рублей
Подарок на др от бабушки – 2 000 рублей

S = 25 000 + 3 000 + 2 000 = 30 000 рублей.

Обязательные расходы:
Проезд: 2 000 рублей
Продукты: 5 000 рублей
Аренда жилья: 10 000 рублей

OE = 2 000 + 5 000 + 10 000 = 17 000 рублей

IB = 30 000 – 17 000 = 13 000 рублей

Откладываем в НЗ: 13 000 * 10% = 1 300 рублей

Остается средств: 13 000 – 1 300 = 11 700 рублей

Бюджет на день: 11 700 / 30 = 390 рублей.

Таким образом получили, что можем спокойно тратить 390 рублей в день и при этом мы точно доживем до конца месяца, причем мы отложили «подушку» на крайний случай.

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

Оптимизация

К концу месяца можно посмотреть на получившуюся таблицу и начать помечать траты, которые, в принципе, можно было и не делать. Если к концу месяца остается ощутимая сумма из «Бюджета на день», то в следующем можно увеличить процент НЗ. Из примера выше имели 390 рублей на день. Но пусть тратили мы не каждый день, а лишь 15 дней из 30. Т.о. у нас остается 390 * 15 = 5 850 рублей. Делаем вывод, что в следующем месяце процент откладывания в НЗ увеличиваем с 10% до 20% и тогда у нас останется бюджет на день равным (13 000 – 13 000 * 20%) / 30 = 347 рублей. И так далее оцениваем каждый месяц.

Как копить?

Самый частый довод, который я слышу: «Я никогда не накоплю денег на нужную покупку. Проще взять кредит сейчас и потом в течение 5 — 10 лет отдавать». На этом моменте стоит немного напрячь мозги и посчитать. Когда ты берешь кредит на 10 лет, то с каждым годом переплата будет приближаться к 100 и более процентам. Рассмотрим иную ситуацию: вместо того, чтобы платить за кредит, например, тысяч 10 в месяц, откладываем в НЗ. Тогда за 12 месяцев у нас уже будет 120 000 рублей. А теперь положим, что ты хранил НЗ не только под подушкой, а что-то положил на вклад под 8% годовых. Тогда к концу года будет 136 145 рублей. Вроде прирост небольшой, но не обязательно вкладывать именно на вклад под 8%. Портфель всегда нужно диверсифицировать, т.е. часть денег на вклад, на часть покупаем акции компаний или фондов, они в свою очередь за год могут вырасти и до 20, и до 40%. Не сложно догадаться, что за 10 лет соберется круглая сумма порядка 2,5 млн рублей при общем среднем проценте в 15%, которые по итогу можешь тратить "как" и "куда" угодно.

С чего начать?

Все, что описано выше, конечно, хорошо, но что делать и с чего начать. Команда из ТЖ (Тинькофф Журнал) сделала небольшой Excel файл для ведения бюджета. Лучше использовать данный Excel файл или же записывать на бумаге. Множество приложений, которые существуют тоже, конечно, хороши, но здесь есть психологический фактор: если вручную вписывать все совершавшиеся траты, невольно задумываешься о каждой покупке. Таким образом ты начинаешь каждый день контролировать свои траты. А при использовании приложения, скорее всего, ты забьешь и забудешь через пару месяцев и вспомнишь обо всем этом только через год. Данные в таком случае будут мало чем полезны; будет отсутствовать фактор анализа покупок и их оптимизации.

Файл тут

Пишите комментарии о том, какие темы вам бы было интересно почитать ↓

Босния и Герцеговина

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

Жители Боснии и Герцеговины – босняки. Языка официального – нет. Де-факто боснийский, хорватский, и сербский. Государство очень коррумпировано, но мы (Россия), согласно Transparency International, отстаем на 49 пунктов. Т.е. Босния и Г. Менее коррумпирована??? — да... Но это не точно.

Это одна из самых бедных республик и с огромным числом безработных. На улицах достаточно много грязи и не от того, что лежит мусор, а в принципе много пыли, осевших на стенах, брусчатках и асфальте. В столице, Сараево, в общем и целом, все выглядит довольно неплохо. Она уже начала оправляться от тех недавних дней военных действий на территории Боснии и Герцеговины.

Ну а теперь по порядку

Мы приехали сюда прямиком из серпантинов Черногории. Просидев несколько часов в пути по узким дорогам вдоль Пивского озера неописуемой красоты и, простояв несколько минут на границе, мы попали на территорию Боснии и Герцеговины. И первое, что бросается в глаза – это качество дорог. Дороги, относительно Черногории широкие, но ширина полотна скорее даже меньше чем в Монтенегро.

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

По приезде к границам столицы Боснии и Герцеговины мы начали замечать участившийся трафик. Поначалу все казалось нормально, но, стоило заехать чуть глубже, все превращалось в хаус. Тысячи маленьких машин: хэтчбеков и микро универсалов – заполонили все вокруг. Отовсюду доносились визги сигналов машин, непредсказуемость вождения местных жителей поражала. Паркуются, где хотят, как хотят, нет взаимоуважения на дорогах и все куда-то спешат. На небе сгустились тучи.

Было принято решение – постараться ездить в Боснии и Г по минимуму. Для этого было необходимо доехать до места проживания арендованной квартиры на Airbnb. Но проблемы на этом не закончились. Гугл карты, конечно, вещь хорошая, но возникает ощущение, что, когда рисовали Сараево, они до фантазировали вид некоторых микрорайонов. Одним из них был именно тот, где должны были остановиться мы. На карте не было тех дорог, что есть и отображались те, которых проходят поверх жилых массивов. Проспекты и улицы довольно широкие, но стоит вам зайти вглубь таких районов, вы зададитесь вопросом: "как здесь можно передвигаться?". Огромные перепады высот на улочках шириной от силы в 2 метра, и это 2 направленная дорога, совмещенная с тротуаром.

Городская среда

«Но тут прям как будто из родины не выезжал.»

Тротуаров почти нигде нет, а если и есть, то либо из них торчат столбы, либо на них припаркованы автомобили. Почти все авто здесь среднего класса малолитражки. В центре имеются парки и скверы, но они, к сожалению, пустынны. Скверы, как и в России, построены вокруг одного памятника, видно, что за ними стараются ухаживать, но все равно виднеется простота. Понятно, что экономическая составляющая республики находится на низком уровне и просить чего-то больше, наверное, нет смысла.

Но бывают и интересные решения. Например, в сквере со статуей «Mak Dizdar» имеется небольшая площадка с уличными шахматами и когда мы проходили мимо, то было достаточно людно. Мужчины и дедушки играли. Думаю, здесь частенько проходят такие турниры. Только вот интересно, где оставляют фигуры на ночь?

Война

Совсем недавно, а именно 28 лет назад (в 1992г.) здесь началась гражданская война на почве религии, этноса, и территорий. Война длилась 3 года и закончилась подписанием мирного соглашения. За эти несколько лет ушло много жизней и особенно жизней мирного населения. По некоторым данным граждан отстреливали снайперы и на улицах города. По этой причине сейчас город усыпан обилием кладбищ. Куда бы вы не пошли, куда бы не поехали, где бы вы не гуляли, Вы всегда встретите по пути несколько мест вечного упокоения. Во время войны у людей не было времени и средств делать «большие» погребения, приходилось хоронить людей там, где они скончались. Именно поэтому весь город Сараево заставлен кладбищами.

Отголоски той войны до сих пор заметны на улицах города. Кроме вездесущих кладбищ, увидите изрешеченные от пуль дома. И стоило ли все это того? – что даже через несколько десяток лет государство не смогло восстановиться. Но не мне задавать такие вопросы.

Что посетить?

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

1. Ташлихан ( 43.858337,18.427719 ). В центре (в условном, так как Сараево вытянут вдоль и центром здесь, наверное, можно назвать всю центральную дорогу) расположился археологический памятник. «Хан» — в данном случае означает двор, т.е. двор купцов или постоялый двор (то же самое, что и караван-сарай). Таш – в тюркской группе языков означает камень. В средние века Сараево был центром торговли. Сюда съезжалось много купцов, но ханов было недостаточно для жилья, тогда решили построить самый большой и роскошный двор. В 1543 г он был достроен и получился столь большим, что в центре хана возвели мечеть. Всего вмещало 90 человек, которые располагались на 2ом этаже, а на 1ом были стойла для коней. Но со временем здание обветшало, и пожар 1879г уничтожило постройку. Восстанавливать не стали, т.к. время караван сараев уже прошло...
2. Festina Lente, Императорский мост, мост "Принципов" ( 43°51`34.7"N 18°25`52.6"E, и 43°51`34.7"N 18°25`52.6"E и 43°51`34.7"N 18°25`52.6"E ). Эти 3 моста находятся над рекой Миляцка, которая протекает вдоль всего города и является своеобразной артерией. Мост Принципов и мост Императорский времен османской империи, сохранились до сегодняшних дней. Festina Lente – это современный мост, выполненный в довольно интересном стиле: в виде крючка, что отражает свое название, которое переводится с Латыни как «Торопись медленно».
3. Себиль и старый рынок ( 43.859645,18.431276 и 43.859645,18.431276 ). Обе достопримечательности на одной территории. Старый рынок погружает тебя в антураж средних веков: каменная неровная, но до блеска затертая брусчатка, деревянные ставни и узорчатые стены маленьких домов. Все это позволяет препроводить здесь много времени, разгуливая в бесконечных лабиринтах рынка. Себиль – это своеобразный фонтан, который, думаю, вы еще не встречали в жизни. Сам фонтан сделан из дерева и выполнен в османском стиле.
4. Кладбища ( 43.861402, 18.434443 ). Первое на что ты обращаешь внимание, въезжая в город – это то, что везде и повсюду кладбища. В какую бы часть города ты не поехал, всегда и везде увидишь мемориальные захоронения. Во время войны было важно хоронить людей как можно ближе и быстрее. Так как убивали везде и всех, то весь город стал одним большим кладбищем. На кладбищах все возводимые монументы одного цвета и одной формы.
5. Вечный огонь ( 43.858765,18.421804 ). Памятник жертвам войны.

Есть и множество других достопримечательностей, которые вы сможете найти сами.

Что еще?

В БиГ, как и в Черногории, Албании, Сербии очень много кошек, и они везде.

Есть торговые центры, высотные здания и один небоскреб в столице БиГ.

В отличие от Черногории республика Босния и Герцеговина прошла по нормам стандартов МакДоналдс, хотя когда заходишь внутрь, думаешь, что лучше бы не проходила…

Самодельная детская площадка на порядок лучше наших миллионных)

Как и в других государствах Балканского острова здесь зачастую соблюден «дизайн код» по укладке крыш домов. Особенно, когда смотришь на город с высоты гор – весь этот окрас выглядит потрясающе.

Ну и несколько фоток напоследок:

Мечеть «Ali Pasha's Mosque with Harem» ( 43.858117,18.412542 )

Барахолка в центре города

Река «Миляцка», протекающая вдоль всего города:

P.S.

Что значит ускорить разработку?

При программировании мы выполняем много рутинной работы, которая отнимает много времени. Чтобы упростить разработку того или иного продукта изначально были придуманы среды разработки такие, как VS Code. Это один из самых мощных инструментов, который сейчас представлен на рынке. На нем можно как писать сайты, так и скрипты на python, php или js. Можно встроить интерпретатор или подключить компилятор внутрь среды и «горячими клавишами» выполнять ту или иную задачу.

Сегодня в статье рассмотрим один из самых крутых инструментов – сниппет.

Что такое сниппет?

Сниппет, грубо говоря, это кусок заранее написанного кода, который можно вызывать внутри среды Vs Code. Представляет из себя json код, который содержит префикс, тело и описание сниппета. В данном случае мы рассмотрим такие сниппеты, которые можно вставить в любом месте нашего файла.

Сниппеты по умолчанию

В VS Code есть снипппеты по умолчанию, которые уже имеются в среде после установки. Самый популярный – это кусок html кода, который встраивается в вашу страницу. Так, например, если создать файл index.html и в первой строчке файла поставить “!” знак и нажать на “Tab”, то у вас встроится следующий код:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

Это пустой шаблон html страницы. После встраивания данного сниппета вы можете менять его так, как Вам это нужно

Как это работает?

Сниппеты работают по принципу Emmet. Если вы когда-либо писали сайты или создавали приложения в Visual Studio, то, наверное, знаете про Emmet. Это набор встроенных или установленных плагинов, которые ускоряют разработку путем написания меньшего объема кода. По сути, то же, что будем делать и мы. Так, например, в html с помощью emmet Вы можете писать длинные конструкции в одну строчку и преобразовывать их таким образом:

Нажмем Tab и преобразуем в...

Собственные сниппеты

После того, как мы разобрались, что такое сниппеты и какие они бывают по умолчанию, время разобраться с тем, как создать свой собственный. Чтобы создать свой сниппет в Visual Studio Code, необходимо перейти во вкладку “File” → “Preferences” → “User Snippets”

После этого в верху окна откроется окно выбора / создания сниппета:

Здесь до горизонтальной разделительной черты находятся ваши собственные сниппеты. Далее есть пункт, который создает Глобальный сниппет «New Global Snippets file…», он может быть вызван и применен в любом проекте и на любом языке. Также можно создать локальный сниппет для конкретного проекта: «New Snippets file for ‘Project_name’…». В данном случае Ваш сниппет также может быть вызван в любом ЯП (Языке программирования), но внутри вашего проекта или внутри директории, для которой Вы открыли VS Code. Ниже идет список ЯП, для которых можно написать персонализированные сниппеты. Для всех самых и не самых популярных ЯП имеется возможность создать свой сниппет.

Практика

Все сниппеты создаются одинаково. Рассмотрим пример создания глобального сниппета.

1. Перейдем во вкладку “File” → “Preferences” → “User Snippets”
2. Выберем «New Global Snippets file…»
3. Введем в появившемся окне наименование сниппета: «Test-snippet»
4. Перед нами откроется окно с закомментированным текстом.
5. Создаем и заполняем свой json фрагмент, сохраняем и все. Ваш сниппет готов

Как заполнить?

Раскомментируем все, что находится ниже слова «Example:».

«Print to console» — это наименование сниппета, он будет отображаться вам при вызове данного сниппета при условии, если отсутствует описание сниппета:

«scope» — это поле отображает языки и проекты, где можно использовать вызов данного сниппета. Т.к. по умолчанию стоит javascript и typescript, то, кроме данных файлов, нигде вызвать сниппет не получится.

«prefix» — это префикс вашего сниппета, т.е. короткое название, по которому будет вызываться ваш сниппет.

«body» — это тело сниппета, здесь хранится то, что напечатается после нажатия на кнопку “Tab”.

«description» — это поле «описание», которое поможет вам понять какой именно сниппет Вы вызываете.

Пример

{
    "picture": {
        "prefix": "picture",
        "body": [
"<picture>",
"\t<source type=\"image/webp\" srcset=\"${1:images/}.webp\">",
"\t<source type=\"image/jpeg\" srcset=\"${1:images/}.jpg\">",
"\t<img src=\"${1:images/}.jpg\" alt=\"${2:}\" title=\"${2:}\">",
"</picture>",
"",
        ],
        "description": "Picture progressive media for websites"
    }
}

Создаем сниппет с именем “picture”. Префикс даем аналогичный названию. В “description” пишем, о чем наш сниппет, чтобы всегда смогли понять «что он делает?». И самое интересное “body” – тело нашего сниппета, которое представляет из себя массив строк. Т.о. каждый элемент данного массива будет являться строкой. 0-ой элемент – открывает тег <picture>, на последнем даем отступ от сниппета, на предпоследнем закрываем тег . В 1, 2, 3 элементах массива определяем ресурсы, откуда брать изображения. Обратите внимание, что перед <source> и <img> стоят \t – экранированная “t” – означающая табуляцию. Дальше также экранируем все кавычки и в конце строки не забываем ставить запятую, т.к. это массив.

Что такое ${Num:default} ?

В сниппетах Visual Studio Code есть возможность писать плейсхолдеры. Что же это такое? Это автоматически выделенные области вашего кода, которые можно менять на лету посредством нажатия “Tab”:

На изображении выше представлен вышеупомянутый сниппет и то, что выделено белой рамкой – это и есть плейсхолдеры (placeholders). Если брать пример выше, то ${Num: default} – это конструкция плейсхолдера, где Num – порядковый номер. Т.к. в srcset и в src нам нужно указать один и тот же путь, но с разными расширениями, то мы просто указываем, что во всех этих полях будет ${1:images/}, где «images/» — значение по умолчанию, которое подставляется в код и при изменении одного из этих полей изменятся все 3. Аналогично для «alt=””» и «title=””», только порядковый номер placeholder-а увеличивается на один.

Суперкомпьютер или Троичные компьютерные технологии

1. Введение
2. Предыстория
3. Троичная логика
4. Преимущества троичной логики
5. Преимущества тритов (Трайтов)
6. Элементы троичных ЭВМ
7. Узлы троичных ЭВМ
8. Троичная память
9. Популярные образцы троичных компьютеров
10. Заключение
11. Источники

Введение

История компьютеров начинается с далеких времен. 3000 лет до н.э. в Древнем Вавилоне были изобретены первые счеты. Конечно, счеты, в современном понимании, назвать компьютером, (или электронной вычислительной машиной) язык не поворачивается. Однако для древних людей это было большим шагом на пути к современному миру. На протяжении долго времени эти счеты эволюционировали, и в конечном итоге появились механические сумматоры, смоделированные небезызвестным ученым: Леонардо Да Винчи. Несколькими веками позднее, благодаря таким ученым как Фарадей, Ампер, Эрстед и Тесла, мы приручили электричество, которое служит основой всей вычислительной техники по сей день. И вот в 1938 – 1941 гг. Конрадом Цузе были созданы первые цифровые вычислительные машины “Z1, Z2, Z3”, которые обладали всеми свойствами современного ПК (Персонального Компьютера). А к 1957 г мы вплотную подобрались к инновационным технологиям. В этом году компанией NCR была создана вычислительная машина на транзисторах, принципы которых используются по сей день. В 1958 г. появилась модель первой троичной ЭВМ с позиционной симметричной троичной системой счисления «Сетунь», во главе Н.П. Брусенцова с группой единомышленников.

Предыстория

Из истории известно, что первые попытки создать троичную машину начались немного раньше двоичных машин. Английский изобретатель Томас Фоулер (Thomas Fowler), еще 1840 году, построил механическую вычислительную машину. Многие компоненты, счетной троичной машины были сделаны из дерева. Чтобы добиться высокой точности, Фоулеру приходилось создавать ее в более крупных размерах. Длиной в 2 метра, глубиной 1 метр, шириной 30 см. К сожалению, троичная машина Фоулера не сохранилась до наших дней. И многие достижения Томаса Фоулера остались бы неизвестными, если бы не сын, который написал его биографию. В начале 60-х годов МГУ им М.В. Ломоносова была разработана троичная ЭВМ под руководством Н.П. Брусенцова. Новому троичному компьютеру было дано название Сетунь. Машину назвали по имени речки, протекавшей недалеко от университета. Данная машина по своей элементной базе относится ко второму поколению компьютеров. Но по своей архитектуре абсолютно отличается от своих современников, т.к. основывается на троичной логике. Серийный выпуск «Сетуни» был непродолжительным, с 1962 по 1965 год. Но это была первая троичная ЭВМ, выпускаемая серийно. Ее конструктивные особенности были таковы, что она могла адресовать одновременно только один трайт оперативной памяти. Использовалась троичная система счисления: 0, 1, -1. И только для чисел с фиксированной точкой. Оперативная память на ферритовых сердечниках емкостью в 162 трайта. В качестве внешней памяти, использовался магнитный барабан, предшественник современных жестких дисков. На нем вмещалось до 4000 трайт. Пропускная способность шины памяти составляла 54 трайта. Что давало высокую производительность и не слишком частое обращение, к медленной внешней памяти. Троичная машина выполняла порядка четырех тысяч операций в секунду. Ввод и вывод происходили через телетайп и перфоленту. Чтение с последней 800 строк/с, запись 20 строк/секунду. «Сетунь» имел 37 электронных ламп, 300 транзисторов, 4500 полупроводниковых диодов, 7000 ферритовых колец. «Сетунь» занимала около 30 квадратных метра и потребляла 2,5 кВт. Кроме Бруснецова в разработке данной машины участвовали: С.П. Маслов, Е.А. Жоголев, В.В. Веригин. (Для сравнения современный компьютер потребляет 0,3кВт электроэнергии)

Троичная логика

Троичная логика – один из видов алгебры логики, предложенный Яном Лукасевичем в 1920г. Перечень значений нечёткой трёхзначной логики с двумя чёткими и с одним нечётким значением помимо «истинно» и «ложно» включает также третье значение, которое нечётко и трактуется как «не определено» или «неизвестно» (-1, 0, 1) || (0, 1, 2) и др. Троичная логика, в отличие от двоичной, не булево кольцо и обладает собственным математическими свойствами. Он состоит из системы аксиом, которые определяют над множеством {«1», «0», «1»} одноместные и двухместные операции, а также выводимые из них свойства. При физической реализации троичным функциям в троичной логике соответствуют троичные логические элементы, в общем случае необязательно электронные.

Схемы с 3-4-значной логикой дают возможность сократить количество используемых логических и запоминающих элементов, а также межэлементных соединений. Схемы трёхзначной логики легко реализуются на КМОП-технологии. Трёхзначная логика обладает большей выразительностью, чем двухзначная. Например, существует лишь 16 комбинаций входов-выходов двухвходового двоичного вентиля, тогда как у аналогичного троичного вентиля таких комбинаций 19 683.

Как раз на этих троичных элементах в 1959 г. Н. Бусенцовым и его командой была спроектирована ЭВМ «Сетунь».

Преимущества троичной логики

У некоторых людей эта логика вызывает затруднения. Они говорят, например: приведите пример подобной логики в жизни. Человек, немного подумавший над этой логикой поймет, что она более жизненна чем двоичная. Обычный пример троичной логики в жизни связан с постоянным током: ток движется в одну сторону, в другую сторону, его нет. 1. Меньше разрядов. Возьмем число 10 в десятичной СС и переведем его в двоичную СС, получим 1010, переведем в троичную симметричную СС, получим +0+, ну а если в троичную несимметричную СС, то получим 101. Из этого мы видим, что в некоторых числах в троичной симметричной и несимметричной СС-ах меньше разрядов, чем в двоичной СС. 2. Емкость. Троичная СС вмещает больший диапазон чисел, т.к. 3^n>2^n (где n-натуральное число) 3. Экономичность системы счисления

Экономичность системы счисления — запас чисел, который можно записать в данной системе с помощью определенного количества знаков. Чем больше запас тем экономичнее система. По затратам числа знаков (в трёх разрядном десятичном числе 3*10=30 знаков) наиболее экономична из позиционных показательных несимметричных систем счисления. Обозначим p основание системы счисления, n количество требуемых знаков. Тогда получим n/p разрядов требуемых для записи этого набора знаков в заданной системе счисления, а количество чисел которое при этом можно записать будет равно pn/p.

Преимущества Трайтов

Троичные ЭВМ (компьютеры) обладают рядом преимуществ по сравнению с двоичными ЭВМ (компьютерами). При применении симметричной троичной системы счисления и сложение и вычитание производится в одних и тех же двухаргументных полусумматорах — полу вычитателях или сумматорах — вычитателях без преобразования отрицательных чисел в дополнительные коды, то есть ещё немного быстрее, чем в двоичных полусумматорах и в двоичных полных сумматорах, где необходимо преобразовывать отрицательные числа в дополнительные коды. Троичная логика целиком включает в себя двоичную логику, как центральное подмножество, поэтому троичные ЭВМ (компьютеры) могут делать почти всё, что делают двоичные ЭВМ (компьютеры), плюс возможности троичной логики.

Элементы троичных ЭВМ

• Импульсные Феррит-диодные троичные элементы Н. П. Брусенцова, аналогичные двоичным элементам ЛЭМ-1

• Потенциальные a. Трех уровневые Трёхуровневые потенциальные логические элементы, в которых трём устойчивым состояниям соответствуют три уровня напряжения (положительное, нулевое, отрицательное), (высокое, среднее, низкое) При последовательной передаче данных по одной линии объём одномоментно передаваемых данных увеличивается в 1,5 раза на один троичный разряд, но, из-за меньшего быстродействия самой трёхуровневой физической системы, итоговое быстродействие получается меньшим, чем у двоичной системы. При параллельной передаче данных, по сравнению с троичной трехбитной системой, уменьшает количество проводников, но уменьшает быстродействие. b. Двухуровневые. Двухуровневые, потенциальные в которых логические элементы имеют два устойчивых состояния с двумя уровнями напряжения (высокое, низкое), а троичность работы достигается системой обратных связей.

Двух битные • Двухуровневые двух битные. По скорости равны троичным двухуровневым трехбитным триггерам. По сравнению с обычными двоичными триггерами в 1,5 раза увеличивают прямые аппаратные затраты.

Трехбитные • Двухуровневые трехбитные По скорости равны троичным двухуровневым двухбитным триггерам. По сравнению с обычными двоичными RS-триггерами увеличивают объём хранимых и передаваемых данных в 1,5 раза на один разряд.

Наиболее экономичны с точки зрения аппаратных затрат (уменьшают прямые аппаратные затраты приблизительно на 6 % по сравнению с затратами на двоичных триггерах). Быстродействие выше, чем в обычной двоичной системе.

Узлы троичных ЭВМ

Троичные сумматоры

Полный троичный тринарный (трёхоперандный) одноразрядный сумматор является неполной троичной логической тринарной (трёхоперандной) функцией.

Троичные триггеры

Троичные регистры

Простейшие троичные процессоры на троичных регистрах сдвига, выполняющие операции умножения и деления на и, прибавления и вычитания и, умножения и деления на и, прибавления и вычитания и.

Троичная память

По элементной основе троичные ячейки памяти могут быть построены: — на триггерах, подобно двоичной SRAM, высокое быстродействие, но дорого из-за большего числа транзисторов на ячейку; — на конденсаторе с транзистором, подобно двоичной DRAM. Ёмкость в 1,5 раза больше, но в 1,5 раза ниже быстродействие и в 1,5 раза ниже помехоустойчивость. Троичная DRAM построена, подобно двоичной, на элементе с одним конденсатором и одним аналоговым ключом, работающим и с положительными и с отрицательными сигналами, но с биполярным зарядом конденсатора.

При одинаковом числе конденсаторов ёмкость троичной трёхуровневой DRAM увеличивается в 1,5 раза. При этом трёхуровневая DRAM, по сравнению с двухуровневой имеет в 1,5 раза меньшее быстродействие.

Популярные образцы троичных компьютеров

Как я уже отмечал ранее первой цифровой успешной версией троичного компьютера (ЭВМ) был «Сетунь» 1959г выпуска. Создание данного ЭВМ занимались такие ученые как Е. А. Жоголев, В. В. Веригин, С. П. Маслов, А. М. Тишулина, Н.П. Брусенцов. Интересный факт, что массовое производство Трайтов осуществлял Казанский завод математических машин, где было произведено 46 машин, 30 из которых использовались в университетах СССР. Тактовая частота процессора «Сетунь»: 200кГц. (это не составляет даже 10й части на фоне современных ПК) Производительность такого компьютера: 4 500 оп/сек. Запоминающим устройством служил: магнитный барабан, скорость вращения которой — 6000об/мин Потребляемая мощность: 2,5 кВт Количество электронных ламп: 20шт.

Неким G. Frieder-ом в 1973 г был создан эмулятор троичной арифметики на 2ом компьютере, называемый Ternac. Ternac был написан на первом языке высокого уровня «Фортан». Реализация эмулятора TERNAC была предпринята, чтобы узнать, возможна ли реализация не двоичной структуры на двоичном компьютере, и каков расход памяти и времени. Как проверка возможности, эта попытка была успешной. Первая версия этой реализации доказала, что скорость и расход памяти были того же порядка, как и при двоичных вычислениях.

Заключение

Анализируя данный реферат, задаешься вопросом: Раз уж у Троичных ЭВМ (Или Трайтов, как уже привыкли) так много преимуществ, почему растет и процветает двоичная арифметика в современных ЭВМ. Казалось бы и затрат на построение меньше, и алгебра логика уже была полностью продумана, и даже были созданы первые успешные образцы Трайтов. Безусловно у Трайтов есть и недостатки, о которых я писал выше, но даже, учитывая их, Трайты перспективнее ЭВМ с двоичной логикой. Проблема в том, что к моменту освоения троичной алгебры и построения моделей таких ЭВМ, двоичные компьютеры захватывали все большую и большую часть рынка. Было написано много программ, область применения которых распространялось по всему миру. В наши дни Трайты уже совсем вымерли и образцы вы можете встретить только в музеях ЭВМ. В перспективах возрождения Троичных ЭВМ: Возможно в узких кругах, компаниях будут возобновлены разработки Трайтов со своими системами и программами для выполнения конкретных задач.

Источники

• wikipedia.org
• vmk78.narod.ru
• habrahabr.ru
• www.it-weekly.ru
• Максимов Н.В. «Архитектура ЭВМ и ВС»

Рынок ИТ в терминологии TAdviser включает услуги:

• Внедренческого консалтинга,
• Системной интеграции,
• Покупки, установки и поддержки оборудования и ПО.

Понятие ИТ-услуг родственно термину ИТ-аутсорсинг — предоставление услуг поддержки систем в сфере информационных технологий. Это способ оптимизации бизнеса, в котором непрофильные обязанности предприятия передаются внешним подрядчикам – специалистам в той или иной области сферы ИТ. Под аутсорсинг попадает: поддержка ПО, обеспечение, обслуживание компьютерного или сетевого оборудования, создание и ведение корпоративных веб ресурсов в интернете и т. п.

ИТ-рынок является частью более крупной отрасли инфо-коммуникационных технологий (ИКТ, ICT), в состав которой также входят поставщики услуг связи.

Рынок инфо-коммуникационных технологий (ИКТ) включает в себя сегменты услуг связи и информационных технологий (компьютеры, сетевое оборудование, программное обеспечение, ИТ-услуги).

На сегодня совокупный объем мирового рынка ИТ превышает два триллиона долларов США.

Самый большой объем расходом ложится на сегмент оборудования. Т.к. быстрой рост объема облачных технологий, IOT устройств, мобильного сегмента стимулирует на покупку серверов, системы хранилищ и т.п., где хранится вся информация. Рост объема технологий в сфере передачи данных обязывает компании предоставления связи закупать, устанавливать и обслуживать все новые оборудования, для обеспечения высококачественного сервиса для своих клиентов.

В то же время рынок ПК сокращается, а рынок печатно-копировальной периферии остается неизменным.

Спрос на ИТ услуги растет из года в год, т.к., закупая все новые оборудования, компаниям необходимы высококлассные специалисты, обслуживающие все новые системы. ИТ услуги включают консалтинг (что купить), поддержка и обслуживание. Сам компании зачастую не в силах следить за ИТ обеспечением или экономически невыгодно. Именно поэтому и развивается ИТ outsource.

Также существует сегмент рынка ИТ – ПО. Который последние годы показывал динамичный рост в 6%. Больше половины – приложения, остальное — системное ПО. Наиболее динамичный рост в данном сегменте показывает различные CRM системы – рост более 20%.

Разумеется, наиболее перспективный сегмент рынка ИТ – облачные технологии, аналитика BigData, технологии соц. сетей. Совокупность всех данных технологий IDC объединяет в термин – третьей платформы.

Три платформы в эволюции рынка ИТ

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

Как было отмечено, концепция третьей платформы основывается на четырех элементах: больших данных, мобильных устройствах, облачных сервисах и социальных технологиях.

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

IDC выделяет несколько факторов, способствующие быстрому развитию 3 платформы:

• Доступность. Расширение доступа способствует распространению технологий Третьей платформы. Доступ может быть обеспечен в любое время, в любом месте и через любое устройство.
• Стоимость. Для Третьей платформы характерно появление более гибких моделей ценообразования, благодаря которым стоимость устанавливается на основе фактического потребления.
• Каналы сбыта. Корпоративные приложения, основанные на Второй платформе, распространяются через партнеров различного статуса (реселлеров, системных интеграторов, дистрибуторов). С развитием Третьей платформы доступ к приложениям все больше осуществляется посредством облачных технологий (путем аренды) или через специальные корпоративные магазины, где размещаются мобильные версии приложений.
• Самообслуживание. Для решений Второй платформы характерны высокие капитальные затраты и длительная по времени установка. В эпоху Третьей платформы капитальные затраты на приобретение ИТ-решений переходят в операционные (арендные платежи), что способствует снижению затрат и ускорению процесса внедрения.

Расходы на технологии больших данных в мире

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

Согласно исследованиям IDC, затраты на публичные облачные (операционные) услуги в мире приблизятся в 2016 году к 100 миллиардам долларов. Расходы на публичные облачные услуги в период 2013–2018 будут расти в пять раз быстрее, чем совокупные расходы на ИТ.

Сегодня уже 16 из 100 крупнейших разработчиков ПО получают свыше половины своего дохода от облачной модели доставки. Третья платформа, таким образом − не только технологическая революция, но и революция в сфере потребления, в результате которой появляются новые бизнес-модели.

Расходы на публичные облачные услуги в мире

Распространение мобильных устройств и организация мобильного доступа − еще один принципиально важный элемент Третьей платформы. Двузначные ежегодные темпы роста продаж мобильных устройств стимулируют компании активнее внедрять концепцию использования собственных устройств сотрудников (BYOD) путем развертывания специализированных решений для безопасной и эффективной интеграции личных мобильных устройств в корпоративную ИТ-среду. Мобильные приложения являются связующим звеном между устройством и пользователем. Большинство бизнес-приложений сегодня имеют мобильную версию или представляют среду разработки мобильных приложений. Разработка приложений для домашних пользователей оказывает сильное влияние на рост всего рынка мобильных приложений.

Инвестиции в ИТ

Существует 2 вида некого КРАУДФАНДИНГА (т.е. площадок для сбора средств на ИТ проекты):

• IPO — Initial Public Offering
• ICO — Initial coin offering

Российские ИТ компании на IPO

Из российских компаний наиболее успешный выход на биржу осуществили компании «Яндекс» и Mail.ru Group. Первичное публичное размещение «Яндекс» состоялось в мае 2011 года по цене 25 долларов за акцию. В ходе IPO инвесторы приобрели 52,2 млн. акций компании, в результате чего объем размещения составил 1,3 млрд. долларов. IPO «Яндекса» стало крупнейшим для интернет-компаний после Google, который в 2004 году привлек 1,67 млрд. долларов. Mail.ru Group стала одной из первых российских компаний, разместивших свои ценные бумаги на зарубежной торговой площадке. В ноябре 2010 года Mail.ru Group провела IPO на лондонской бирже по цене 27,7 долларов за акцию. В итоге за 17% бумаг компании акционеры Mail.ru Group получили 912 млн. долларов, а стоимость компании была оценена в 5,71 млрд. долларов.

Индекс развития информационно-коммуникационных технологий в странах мира 2017г

Россия занимает 45 место, имея индекс = 7.07

Мы уступаем таким странам как:

• Беларусь
• Греция
• Чехия
• Уругвай
• Латвия
• Испания
• Новая Зеландия и др.

ICO в России

• Всем известный Павел Дуров – запустил сбор на ICO для развития мессенджера TELEGRAM.
• Ему удалось собрать $ 850 млн$
• Причем российских инвестиций не более 7%.

850 млн – это было ограничение самим Павлом, причем одному человеку не разрешалось инвестировать более 20млн

Интеграция

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

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

В любом легальном или криминальном рынках не обходится без технологий. Магазин продуктов (кассовые аппараты, камеры слежения, принтеры) или Silk Road (2ET, зашифрованные чаты, скрытие следов и т.д.) — это неважно.

Проблемы

1. Материально-техническая проблема заключается в преодолении разрыва между существующим состоянием материально-технического обеспечения информационной сферы и уровнем этого обеспечения, необходимого для информационного общества.
2. Технологическая проблема обусловлена отсталостью не только информационных технологий, но и технологий в тех областях экономики, которые должны обеспечивать процесс развития инфо сферы.
3. Проблема связи порождается противоречием между необходимостью в информационном обществе связывать каждого с каждым, обеспечивая высококачественную передачу необходимой информации, и невозможностью выполнить это при современном состоянии сетей связи.
4. К психологическим проблемам относится, в первую очередь, не готовность населения к информатизации, к использованию получаемых в ходе информатизации результатов.
5. Психофизическая проблема, т. е. психическая и физиологическая совместимость человека и новой информационной техники, проблема воздействия на человека новых информационных технологий.
6. Правовые проблемы возникают в связи с превращением информации в основной ресурс развития общества, необходимостью правовой регламентации производства, обработки и использования этого ресурса и отсутствием таковой в настоящее время.
7. Экономические проблемы возникают в связи с переходом к экономике иного вида, экономике “информационного” общества.
8. Социальные проблемы обусловлены коренным изменением образа жизни членов общества под воздействием информатизации.
9. Кадровые проблемы. Они связаны с необходимостью не только готовить кадры для развития инфо сферы и эффективного использования получаемых результатов, но и проводить профессиональную ориентацию работников тех профессий, которые окажутся излишними в процессе создания высокоразвитой инфо сферы.
10. Финансовые проблемы возникают в связи с высокой стоимостью информатизации, отсутствием централизованных средств на ее проведение и необходимостью искать и создавать источники средств, способные поддерживать желаемые темпы создания высокоразвитой инфо сферы.
11. Организационные проблемы связаны с необходимостью создания таких структур и механизмов, которые на практике обеспечивали бы организацию и проведение развития инфо сферы.
12. Научные проблемы обусловлены не разработанностью научного фундамента информатизации, и в первую очередь концептуальных основ, методов научного обоснования и экспертиз программ и проектов развития инфо сферы, научного сопровождения этого процесса в стране.

Источники

• ScArtProject.ru — Инновационный портал развития молодежи
• moex.com – Поисковый Биржевой Холдинг
• rvc.ru – Российская Венчурная Компания
• idc.com – International Data Corp.
• forbes.com – Финансово-экономический журнал
• tadviser.ru – Портал выбора технологий и поставщиков
• eLibrary.ru – Научная Электронная Библиотека
• habrahabr.ru – Информационный портал
• sharkfx.ru – Трейдерский блог о торговле

Как устроен Транзистор (физический аспект)

Купить транзисторы вы можете на Aliexpress оптом

Доброго времени суток. В своем блоге я перешел к рассмотрению транзистора по одной причине. В дальнейшем мы часто будем затрагивать радиоэлектронику, включая пайку схем. И знать как устроен транзистор, я считаю — это необходимо. Тем более в наше время транзисторы везде, во всех электронных приборах. На работе транзистора основаны процессоры, микросхемы и многое другое.

P.S. Также в скором будущем мы будем делать свой полноценный процессор, а точнее Битовый Сумматор, который без знания работы транзистора не представляет интереса.

Начнем...

Вот так выглядят транзистор

Состав транзистора — это кремниевые, реже германиевые пластины. Также производят из нитрида галлия(высокое качество, дорого в производстве). Полный список Вы можете найти в интернете.

Основной принцип работы транзистора прост: в одном случае транзистор пропускает ток, когда на Базу подается напряжение, в другом не пропускает, когда База остается нетронутой.

Схематичное представление транзистора

Сейчас все разберем по порядку. Транзисторы бывают полевыми (от слова поле) и Биполярными (Би — значит «2»). На рисунке выше изображен Биполярный транзистор. (Полярный разберем чуть позднее, но смысл у него тот же).

Биполярные транзисторы бывают n-p-n и p-n-p переходы (n — negative[электронный], p — positive [дырочный]). Для определенности рассмотрим n-p-n переход.

1. Из Базиса (области «p») электроны диффундируют (Диффузия) в области «n» слева и справа. Т.е. дырки в электронную, а электроны в дырочную. На границе между переходами образуется поле, создаваемое зарядами «+» и «-«. Таким образом, процесс диффузии останавливается и создается баланс между электронами и дырками.

2. Если к n и n частям подвести ток, то каким бы не было направление тока, он течь не будет(точнее будет, так как ничего идеального нет, но он будет ничтожно мал). Рассмотрим почему:

При подключении к ЭДС таким образом, как на рисунке (рассмотрим левую часть) ток начнет течь от «+» к "-", т.е. дырки в левой «n» зоне начнут заполняться электронами, следовательно, в левой части «p» зоны появятся положительные ионы, которые создадут запирающее напряжение, и поэтому ток не пойдет. Т.е. наш ток от батареи пытается течь по часовой стрелки, а транзистор против часовой.

Конечно, если подать достаточно большое напряжение, то произойдет пробой, в результате чего ток потечет, но транзистор станет непригодным. Чтобы этого не произошло, надо читать инструкцию к транзистору, в котором написано максимальное работоспособное напряжение.

Аналогичная ситуация, если подсоединить батарею наоборот. Только тогда ток, создаваемый ЭДС потечет против ч.стрелки, а в транзисторе поле будет направлено в др сторону.

3. Теперь подключим к третьей ножке (Базе) ток.

В таком случае между n — p переходом исчезнет барьер и потечет ток, отсюда следует, что и у p — n перехода уйдет сдерживающее поле, тогда и по большой цепи, и по малой потекут электроны.

Полевой транзистор

Быстренька пройдемся по полевому транзистору.

1. У полевого транзистора также 3 части: Исток(откуда идут электроны), Сток(куда текут электроны), Затвор(пластина с электронными дырками).

Когда затвор не замкнут в цепи, то электроны могу спокойно течь против тока и никто им не мешает. (против, потому что ток течет от «+» к «-«, а электроны от "-" к "+") <почему так, читайте внизу>

2. Если замкнуть затвор

На пластине затвора образуются избытки электронов. (Пластины обрамлены диэлектриком) Отсюда на нижней пластине — излишки положительных ионов, что препятствует протеканию тока. И только некоторым электронам это удается. Аналогично с биполярными транзисторами (БТ).

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

П.С. Почему электроны, частицы несущие заряд, при протекании тока, идут от "-" к "+", а ток течет от «+» к "-" ?

Отв: Благодаря Лейденским ученым, Вольту и др. мы узнали о существовании тока, и когда его открыли, то предписали, что он течет от + к — (условно). Но электрон открыли гораздо позднее (1897г). А к моменту открытия тока, о частице несущей заряд не было известно.

Проверка наушников Funcl AI

Наушники были разработаны индийской компанией, которая запустилась на Indiegogo. Данные наушники на российском рынке стоят от 6 000 руб. в официальных магазинах, от 3 500 руб. на сером рынке и от 3 000 руб. на aliexpress. Заказать на алике можно по данным ссылкам, где заказывал я, там вы точно можете быть уверенным, что комплектация и качество товара будет на высоком уровне.

Доставка

Доставка пришла быстро, в течении 2-х недель компанией СДЭК, коих в России много, и вы можете выбрать любой удобный пункт выдачи товара и забрать. Забор наушников занимает минимум времени и на месте вы можете распаковать их и посмотреть на состояние и работоспособность наушников

Упаковка

Наушники упакованы достаточно хорошо. Сначала перед нами предстает коробка с логотипом по краям и названием бренда Funcl AI. В комплект входят сами наушники в количестве 2 шт., кейс для хранения, он же подзарядка, макулатура, которую никто никогда не читает. Также в комплектацию входят дополнительные амбушюры, которые помогут подобрать идеальный размер под ваше ухо.

Управление

Чтобы включить наушники, необходимо зажать на одном из наушников сенсорную кнопку на тыльной стороне наушников буквально на 1 — 1.5 сек. При первом включении нужно задействовать оба наушника, чтобы они синхронизировались между собой. Если произойдет какой-то сбой, то нужно на обоих наушниках зажать сенсорную кнопку секунда на 5, после чего они выключатся. Далее включаем их и они снова синхронизируются между собой.

Наушники работают по следующему принципу: один наушник главный, второй побочный. Главный наушник подключается к телефону или ПК, второй наушник подключается к первому.

Чтобы присоединить один из наушников к ЭВМ (ПК, лэптоп, ноутбук, телефон, смартфон), нужно зажать на одном из наушников сенсорную кнопку примерно секунды на 2, что включает режим синхронизации. Далее на ЭВМ нужно выбрать отобразившийся наушник и произойдет коннект. Теперь можно слушать музыку, смотреть видео в YouTube.

Если вы подключали к ЭВМ и левый, и правый наушник, то в дальнейшем главным наушником будет тот, который достается из кейса первым или тот, который успеет быстрее подключиться к устройству.

• Пауза / Старт воспроизведения — один там (одно нажатие) на сенсор правого наушника
• Следующий трек — 2 тапа на правый наушник
• Предыдущий трек – 3 тапа на правый наушник
• Вызов ассистента — 2 тапа по левому наушнику

Дизайн и Эргономика

Наушники представлены в 2-х цветах: черный и белый. Здесь выбираете, что вам душе угодно. Как по мне, в ушах лучше смотрятся черные наушники, но на белом кейсе со временем будет меньше видно царапин. Сами наушники изогнуты к концам, что положительно сказывается на том, как они сидят в ушах. Благодаря удлиненным концам наушника их легко накидывать и снимать. В отличие от бюджетных AirDots, где при надевании случайно нажимаются кнопки управления и зачастую происходит либо остановка воспроизведения, либо сброс bluetooth.

Качество

В наушниках есть поддержка протокола APTX. Если в двух словах, то это протокол передачи аудио сигнала в высоком качестве с минимальными задержками и искажениями. Данные наушники, конечно, не сравнятся с проводными sennheiser, но играют они достаточно качественно и за такую цену лучшего звучания, думаю, не добиться. Наушникам не хватает глубокого баса, низы и вч играют в принципе неплохо.

Отлично подойдут для прогулок, чтобы доехать до работы, и особенно незаменимы для занятия спортом на улице или в зале, т.к. их форма — in-ear, внутриканальные, то они отлично изолируют посторонний шум. Конечно, говорить об активном шумодаве не приходится, т.к. здесь их нет.

Фичи

Главная фича (достоинство) наушников эта время проигрывания аудио. Вместе с кейсом наушники играют полноценные 6+ часов. Без подзарядки каждый наушник, даже спустя 1.5 года использования, держат полноценные 1.7 — 2ч проигрывания на уровне громкости 60 — 70 %.

Также при использовании с телефоном есть небольшой лайфхак. Если у вас разряжен кейс и разряжаются наушники, то можно поменять главный наушник и второстепенный местами, т. е. К телефону подключить второстепенный наушники, а главный сделать побочным. Таким трюком у вас появится еще +-20 мин проигрывания музыки. Это может помочь, если вы не успели дойти до нужного места или если у Вас идет важный звонок.

Характеристики

1. Тип устройства: беспроводные наушники (True wireless)
2. Есть микрофон
3. Тип: внутриканальные
4. Диапазон воспроизводимых частот: 10-22000 Гц
5. Импеданс: 16 Ом
6. Чувствительность: 100 дБ
7. Влагозащита: есть от брызг (IPX5)
8. Bluetooth: 5.0
9. Есть поддержка кодека AAC

Минусы

Из явных минусов могу лишь отметит 2 вещи. Эти минусы сугубо субъективные

• Наушники не имеют возможности увеличивать или уменьшать громкость воспроизведения посредством сенсорной панели. Хотя сейчас я редко меняю громкость, всегда установлено примерно на 50-60%, чего вполне хватает. А если нужно быстро заглушить, то использую функцию "паузы". Для всего остального есть кнопки управления на смартфоне.
• При подключении наушников к компьютеру (использую Win10) появляются 2 подключения, причем через одно качество звучания намного лучше, но работает на меньшую дистанцию, на другом качество заметно хуже, но работает стабильнее (в микшере Win10 можно выбрать какой тип подключения использовать). На Linux используется только одно подключения и таких проблем нет.

Итого

В общем итоге за свои деньги в 50$, по текущему курсу, наушники очень хорошо выглядят, хорошо играют и неплохо держат заряд. Единственный минус, но это только субъективная оценка — это то, что форм-фактор внутриканальный. Многие люди больше любят вкладыши. Но с другой стороны — это также является и плюсом, так как неплохо изолируют посторонние шумы.

Как создать не убиваемый пароль? Или почему меня опять взломали?

Вся информация, написанная ниже — лишь для осведомления читателей, и ни в коем случае не призывает к действию. Автор не несет ответственности за противозаконное применение полученной информации. Всем мир!

Всем, привет! Раз уж в последнее время участились взломы паролей, особенно среди моих знакомых и близких мне людей, решил написать небольшую статью о том, как защитить себя от взлома.

Сначала нужно помнить одно: не бывает абсолютно защищенных систем. Любая система (не только электронная) имеет уязвимости.

Что ж… Приступим

Для начала я открою свет на то, как собственно происходит “взлом” пароля с дальнейшим его применением. Если не хотите читать МатЧасть, можете сразу перейти к гайду – “Как создать сложный и запоминающийся пароль?”.

• Взлом с использованием словарей

Это некий файл, например, *.txt, в котором хранятся наиболее часто используемые пароли, которые люди уж так сильно полюбили. Т.е. запускается небольшой скрипт, написанный на любом из ЯП (языков программирования), который подгружает данный файл и начинает поочередно подставлять под ваш E-mail или номер телефона. (к слову узнать e-mail или номер телефона в современном мире очень, до безобразия, просто). Такие файлы (с часто используемыми паролями) лежат как в открытом доступе, так и в dw, и обойдутся вам в несколько долларов.

(?А у вас когда-нибудь было такое, что взяли ваш телефон и с первого раза угадали пароль?)

• Брутфорс

Здесь все намного проще… Просто создаете список (массив и т.п.) из символов: A-Z, a-z, 0-9, А-Я, а-я (иногда и спец символы). Очевидно, что, комбинируя данные символы в разной последовательности, можно получить любой пароль. Но в нынешнее время данный способ используется редко, особенно на крупных сайтах. Ибо если с одного ip адреса посылаются сотни… тысячи… запросов – это палится и обрубается. Хотя в некоторых случаях и это можно обойти (но статья не о том)

• Комбинируя 1. и 2. Можем получить новый способ: назову его дикфорс (от слова dictionary)

Собираем любую информацию о потенциальной жертве: любит кошек, имя котенка Мурзик, из Москвы, 11 марта 1995 года рождения, любит Apple. Отсюда составляем следующую строку: “Москва11031995мартApple Мурзиккошкикоты” из этой строки выделяем уникальные символы и запускаем БрутФорс по данным отобранным символам. Очевидно, что мощность словаря символов уменьшилась => выше вероятность взломать и сделать это быстрее чем при прямом переборе.

• Фишинг

Пожалуй, самый простой способ узнать пароль. Просто скачиваете (скорее покупаете за пару USD) программу или пишите сами, устанавливаете ее на компутер жертвы и… Остается ждать. Любые комбинации клавиш, введенные на ПК, будут передаваться вам. Более ухищренный способ: создать сайт аля ВК (с тем же дизайном), отправить ссылку жертве. Жертва заходит на сайт вк через ваш сайт: wwww.vk.com и соответственно вводит свой пароль, дальше понятно, думаю…

• MITM – Man In The Middle

Если у вас Android телефон, то поздравляю. Все, что надо – поставить руты, скачать бесплатное ПО и подсоединиться к WI-FI сети, по которой серфит ваша вторая половинка. Дальше вы получаете все “пакеты”, которые исходят из девайса жертвы. Анализируете, что написано и дальше дело за малым… Man In The Middle – Человек По Середине. Когда вы подсоединяетесь к WI-FI сети, вы посылаете пакеты роутеру, который маршрутизирует его к провайдеру, тот ищет по вашим запросам из кэша инфу и, если не находит, посылает дальше по цепочке. Причем здесь этот MITM? — спросите вы. Да все просто – Устройство жертвы подсоединяется не к роутеру, а к вашему телефону, думая, что ваш телефон – это роутер. Соответственно ваш телефон отправляет полученные пакеты физическому роутеру. И по той же схеме обратно: Провайдер получает ответ, перенаправляет вашему роутеру, роутер отправляет вам, вы отправляете жертве. А ведь жертва даже и не подозревает, что вся ее информация идет недобросовестным юзерам.

Какой вывод можно сделать?? Никогда не юзайте общественные Wi-Fi сети. Телефонный интернет в разы быстрее и более безопасен. А на компьютеры советую установить утилиту в браузер (расширение): HTTPS everywhere – это обезопасит пользование интернетом, а точнее будет шифровать все посылаемые пакеты данных. Но это уже тема другая и раскрывать здесь ее не буду.

• И самый, пожалуй, любимый всеми хацкерами, и самый красивый по своей сути – это СИ (Социальная Инженерия)

Как известно – самое слабое звено в электронно-вычислительных системах нашего времени является не плохой софт, не плохие программисты, а человек, т.е. любой юзер. Почти во всех случаях, нет, даже всегда, проще “взломать” человека, нежели тратить усилия и взламывать компьютер. СИ – поведенческий анализ человека. Очень легко вынудить всю необходимую информацию у жертвы, чтобы получить доступ ко всему. Простой пример: вам пишут – “Привет, ты же знаешь математику? Можешь мне решить пару примеров, я отправлю тебе предоплату.” Спросите: и что с того? А то, что взламыватель может отправить вам деньги, а в смс будет ссылка на архив с фотографиями примера. Вы скачиваете, смотрите – обычные фотографии, раз деньги вам отправили, а в архиве и вправду фотки – вы решаете и отправляете обратно. Но штука в том, что в самих фотографиях может быть вшита исполняющая программа, которая создает BackDoor на вашем ПК, благодаря которому хакеры получают полный доступ к вашему альма-матеру.

Пожалуй, для начала я достаточно широко раскрыл темы. Переварите, осознайте. Если тема зайдет в широкие массы, раскрою больше схем и с более подробным описанием, а также способы защиты. Помните главные постулаты: “не бывает абсолютно защищенных систем” и “любой человек подвержен взлому”. Мне есть много чего сказать по данным темам, но статья была создано в основном для обзора нескольких популярных методов взлома, а главное, познать, как создавать надежные пароли, имеющие достаточно высокую степень защиты

Как создавать сложные, но запоминающиеся пароли?

Основные требования, которые позволяют создать надежный парль:

• Пароль длины не менее 8 символов
• Содержит буквы как верхнего (A-Z, А-Я) так и нижнего регистра (a-z, а-я)
• Обязательно содержит цифры (0-9) или/и спец символы и знаки препинания

(~ ! @ # $ % ^ & * ( ) _ - + = { } [ ] \ | : ;,. ? / '' ‘‘ < > ;)

• НИКОГДА не содержит имени пользователя или никнейма или названии компании, где вы работаете
• НИКОГДА нельзя включать в пароль части вашей электронной почты; телефонного номера; фамилии, имени, даты рождения и т.д. Также нельзя включать любую личную информацию ваших близких, друзьях, животных и т.п.
• НЕЛЬЗЯ ни при каких обстоятельствах использовать повторяющиеся или же популярные сочетания символов: qwerty, 12345, 111111, 1337, абвгд, asdfg, abcdf, йцукен, ytrewq и т.д. Также не используйте подряд близ лежащие клавиши.
• Не используйте жаргонные слова. Также пароль не должен содержать диалектные, сленговые слова и историзмы.
• И одно из главных – пароль долен быть запоминаемым.

В 2-х словах: пароль должен содержать не менее 8 символов, иметь цифры, буквы разного регистра, специальные символы, не должен содержать повторяющиеся символы и не иметь никакую личную информацию о вас

???Так как же тогда создать сложный и надежный пароль, но при этом запомнить???

!Внимание! Пароли приведенные ниже – только для ознакомления, не используйте их. Нет, серьёзно… Не используйте…

• Существует мнемонический способ создания пароля Выбираете любое понравившееся высказывание, которое вы знаете наизусть.

Например, “Кто битый жизнью был, Тот большего добьется” Выделяем первые буквы слов и получаем: “КбжбТбд” С помощью языка LeeT заменим буквы на схожие по написанию или звучанию символы.

б заменим на 6 (шесть)

ж заменим на zh

T заменим на 7

Д заменим на d

И даже если вы забудете написание пароля, то будете помнить фразу, по которой можно восстановить пароль.

Также меняйте целые слова на цифры или на символы: “Одна собака хорошо, а две лучше” — исходная фраза

Удалим все пробелы: “Однасобакахорошо,адвелучше”

“Одна, две” заменим на “1, 2”, а “собака” — на “@”: “1@хорошо,а2лучше”

Первую букву каждого слова сделаем заглавной и транслитерируем: “1@Horosho,A2Luchshe” Буквы “о” и “ch” заменим на “0” (нуль) и “4” соответственно: “1@H0r0sh0,A2Lu4she”

Существует еще огромное количество способов создания сложных паролей. Можете их комбинировать и получать что-то свое.

Никогда не храните пароли в открытом доступе на ПК, а используйте специальные приложения для хранения и передачи паролей (KeePass, Password Safe, LastPass и др.)

Также моете проверить надежность вами созданных паролей на следующих ресурсах:

• 2ip.ru
• password.kaspersky.com

Новые фишки в обновлении Телеграм позволяют получить новый experience с взаимодействием приложения

Каналы Telegram — мощный инструмент для распространения ваших сообщений на безграничную аудиторию. С 2015 года СМИ и публичные фигуры использовали его, чтобы вещать своей аудитории, читателям, избирателям и фанатам. Особенно это было актуально в странах, где ограничена свобода слова.

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

Новые инструменты Верификации

Чтобы помочь пользователям отличать надежные источники новостей от поддельных, мы запускаем упрощенный процесс проверки.

Если у вас есть подтвержденные учетные записи в других социальных сетях, просто свяжитесь с нашим новым @VerifyBot, чтобы получить значок подтверждения для вашего канала, группы или бота.

Уведомления для пользователей

Информация является наиболее мощным оружием в борьбе за общее здоровье, пока мы не получим вакцину. Чтобы быть в курсе происходящего, мы отправили всем пользователям уведомление со ссылкой на официальные каналы в их странах на новости про вирус, предлагаем Вам присоединиться.

Мы предложили всем официальным представителям объединиться для информирования людей. Если Вы работаете в министерстве здравоохранения в своей стране и желаете вести данный канал, то верифицируйте свой аккаунт, используя @VerifyBot, после чего напишите на почту: corona@telegram.org

Информация о коронавирусе

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

• 🇨🇺 Cuba
• 🇬🇪 Georgia
• 🇩🇪 Germany
• 🇭🇰 Hong Kong
• 🇮🇳 India
• 🇮🇹 Italy
• 🇮🇱 Israel
• 🇰🇿 Kazakhstan
• 🇰🇬 Kyrgyzstan
• 🇲🇾 Malaysia
• 🇳🇬 Nigeria
• 🇷🇺 Russia
• 🇸🇦 Saudi Arabia
• 🇸🇬 Singapore
• 🇪🇸 Spain
• 🇹🇬 Togo
• 🇺🇦 Ukraine
• 🇺🇿 Uzbekistan

Чаты и Боты

Каналы Telegram отлично подходят для масштабных трансляций, но если Вы ищете более интерактивные пути общения с людьми, то попробуйте группы и боты Telegram

Группы Telegram могут достигать 200 000 участников и предлагают мощные решения для управления. Например, доктор из Индианы штата Карнатака использует публичную группу, чтобы отвечать на вопросы пользователей.

Телеграм Боты — это сторонние приложения внутри вашего Телеграм, с которым вы можете общаться прямо из чатов. С помощью кнопок Вы можете управлять ими и они Вам будут отвечать сообщениями или любым медиа контентом. Боты максимально гибкие в плане использования и настройки, они могут быть задействованы для чего угодно: от трансляции информации до интеграции с Веб-сервисами

Например, посмотрите на @QuizBot, который может создавать и запускать Квизы (опросники) как этот

И еще одна вещь

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

Вы можете применить данные маски на любые изображения, которые вы отправляете через Telegram, в окне Фото Редактора. Для чего их использовать — решать только вам, будь то скрытие лица, носа или пропаганда ношения.

Оставайся дома. Мой свои руки. Будь бдителен. И жди последующих обновлений!