Aru CMS - Aru-Lab

Aru CMS, как и большинство моих проектов тесно связаны с ИИ. Вот краткое описание некоторых возможностей:

Ведение блога с категориями
Ведение проектов, отдельная страница в виде портфолио
Собственное резюме с автоматическим экспортом в PDF на трех языках
Форма для создания заказов с настройками категорий
Создание любых страниц с помощью визуального редактора
Редактор меню, любые элементы, внутренние или внешние ссылки
Аналитика состояния сайта на дэшборде и в разделе аналитики, полная статистика по всем метрикам
Глубокие настройки - внешний вид, шапка, подвал, системные настройки, файловый менеджер, редактор подключений в горячем режиме
ARU AI - мой личный ассистент из другого проекта который пришел еще и в эту CMS. Умеет помогать в работе с сайтом, отвечать на любые запросы, а главное может переводить запросы на человеческом языке в SQL запросы, обращаться к базе и вставлять результаты в контекст ответа.
Автоматические переводы при создании постов, проектов или страниц на казахский и английский языки, достаточно написать содержимое на русском языке и система сама создаст переводы.

Если интересно подробнее рассмотреть всю систему, то предлагаю посмотреть небольшую демонстрацию со скриншотами.

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

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

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

Непосредственно редакторы постов, проектов и страниц будем смотреть позже, когда я допишу этот текст :) пока перейдем к просмотру проектов.

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

Редактор резюме очень интересен, в целом он использует все тот же блочный редактор Editor.js что и в других разделах, но базовые параметры вынесены отдельно для удобного заполнения. У посетителей сайта будет возможность скачать PDF автоматически, нет необходимости загружать их отдельно, используется виртуальный принтер (это работает на всех операционных системах).

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

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

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

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

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

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

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

Редактор шапки
Редактор главной страницы - текст, вступление, кнопки, фон главного раздела
Подвал - текст в подвале и ссылки на социальные сети, можно даже использовать иконки Lucide для обозначения нужных социальных сетей
Безопасность и AI - смена токена от Gemini и мастер пароля
Файловый менеджер, используется elFinder
Системный раздел - показывает стабильно ли подключение к MySQL и позволяет отредактировать системный файл конфигурации. Пригодится если нужно на горячую сменить всю базу данных.

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

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

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

Вот так выглядит статья про текущий проект которую я пишу прямо сейчас:

Ну и чтобы сработала "крутая магия ИИ" нужно нажать на кнопку для автоматического перевода всей статьи.

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

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

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

Перейдем к фронтенду. В целом, раз вы находитесь на этом сайте вы уже видели как он выглядит. Из интересного могу отметить следующее:

Полностью настраиваемая главная страница, выглядит как лэндинг.

Форма для заказа проекта, заполненные поля сразу же уходят в список заявок с новым статусом.

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

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

Осталось немного технической информации:

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

Общий вес дистрибутива:

Если используется файловый менеджер в комплекте - 10 мб
Если без файлового менеджера, с локальными файлами Editor.js - 700 кб
Если без файлового менеджера и с Editor.js через CDN - 300 кб