All streams
Search
Write a publication
Pull to refresh
7
0
Send message
Использование компонента Jupyter-Executable для отображения любого количества video с youtube (режим редактирования)
Использование компонента Jupyter-Executable для отображения любого количества video с youtube (режим редактирования)
Вид со скрытым редактором кода и показом среднего видео, можно открыть в полноэкранном режиме или на youtube
Вид со скрытым редактором кода и показом среднего видео, можно открыть в полноэкранном режиме или на youtube

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

Действительно дизайн из 00-х, наверное сказывается наследие C# и DevExpress.

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

Охватить широкую аудиторию - не является целью.

Это статья появилась с целью помочь, тем, кто нуждается в подобном функционале.

Сам же активно использую приложение для:

  • Хранения оригиналов статей из WEBa, надоело когда со временем (по ссылкам) статьи исчезают или теряются иллюстрации к ним

  • Хранения своих кодовых наработок и алгоритмов

  • для Suno.ai храню действительно стоящих авторов со ссылками на их лучшие стихи и работы

Suno.ai
Suno.ai
  • для различных AI храню результаты общения с ними, разложенные по категориям

  • Денежный учет

  • Семейное дерево и Важные события в жизни (вся жизнь в неделях)

  • Переодически ведем с женой трекер ЗОЖ

  • Домашняя инвентаризация - тоже оказалась очень полезной

  • . . .

P.S. Помог знакомой семейной паре настроить домашний сервер для ведения семейного дерева. Теперь счастливы до безумия и переносят в приложение склеенную портянку полученную в свое время их городского архива, все дети имеют доступ к их домашнему серверу. Рассматривают вариант долгосрочного хранения где-нибудь на удаленном сервере в WEBe.

Добавил режим PWA - https://fox-base.ru/fx/base/index-pwa.html

Что такое PWA?

PWA (Progressive Web App) - это веб-приложение, которое работает как обычное мобильное приложение.

Оно может:

  • Работать без интернета

  • Устанавливаться на устройство

  • Получать push-уведомления

  • Быстро загружаться

Установка PWA

На компьютере (Chrome, Edge, Safari)

1. Откройте приложение в браузере

2. В адресной строке появится иконка установки

3. Нажмите на неё и выберите "Установить"

4. Или используйте меню браузера → "Установить приложение"

Для Chrome это выглядит так
Для Chrome это выглядит так

На мобильном устройстве

Android (Chrome)

1. Откройте приложение в Chrome

2. Нажмите на меню (три точки)

3. Выберите "Добавить на главный экран"

4. Подтвердите установку

iOS (Safari)

1. Откройте приложение в Safari

2. Нажмите кнопку "Поделиться" (квадрат со стрелкой)

3. Выберите "На экран «Домой»"

4. Нажмите "Добавить"

Установка может занять некоторое время, зависит от скорости Вашего интернета

Если разворачиваете локальный сервер - учтите CORS блокирует запросы к CouchDB из PWA
Чтобы исправить:

# Выполните в терминале (замените данные авторизации и адрес сервера):

curl -X PUT "http://admin:password@192.168.0.1:5984/_node/_local/_config/httpd/enable\_cors" -d '"true"'

curl -X PUT "http://admin:password@192.168.0.1:5984/_node/_local/_config/cors/origins" -d '"*"'


Внешний вид PWA приложения
Внешний вид PWA приложения

Используется связка CouchDB и PouchDB. PouchDB использует локальные браузерные API для хранения данных, такие как IndexedDB (предпочтительно) или WebSQL (при отсутствии IndexedDB).  Local storage используется только для временных данных - положение или размеры некоторых форм, состояния дерева и т.д.

  • Только для себя можно запускать и пользоваться (не забывая делать резервные копии).

    Для разворачивания внутри домашней сети :

  • установить -CouchDB - https://couchdb.apache.org/, добавить админа, включить CORS

  • Установить - какой либо WEB сервер, например - https://simplewebserver.org/docs/wsc.html

  • Создать несколько баз данных с префиксом (по умолчанию aka- + название базы). Префикс позволяет получать все базы имеющиеся на сервере с выбранным префиксом.

  • Настроить синхронизацию

Только вместо $ написать @
Только вместо $ написать @
  • Сгенерируется API для указанного логина и пароля, и при правильной настройке, синхронизация должна заработать в обе стороны.

  • Может возникнуть проблема из-за CORS. Плагины для браузера позволят решить это. В дальнейшем приложение будет PWA (можно установить на свое устройство) - для решения этой проблемы.

  • Используется технология - Mobile First . Данные в первую очередь хранятся на Вашем устройстве и при наличии связи с сервером - синхронизируется с ним. Если при настроенной синхронизации удалить данные на сервере - они восстановятся с устройства на котором хотя бы раз запускалось приложение и наоборот при удалении на устройстве или запуска впервые - данные синхронизируются с сервером.

  • Да, среди целей и быстрая разработка приложений для различных случаев использования. Ниже пример (в режиме конструктора) для приложения "Сборка компьютера"

Это конструктор формы для Иванова, Петрова ...
Это конструктор формы для Иванова, Петрова ...
А это конструктор для результирующей формы (по всем клиентам)
А это конструктор для результирующей формы (по всем клиентам)

Тестировалось на разных устройствах и операционных устройствах (к сожалению ограниченным количеством человек). Описанных проблем не замечалось. Попробуйте посмотреть Quick Start - https://fox-base.ru/quick-start/, надеюсь что поможет.

В WEBe - ничего не хранится, только запуск самого приложения. Все хранится локально на Вашем устройстве, без сетевого развертывания надо почаще - экспортировать (делать копии) базы. Любая база это единичный файл в формате JSON. Храните его отдельно или открывайте на другом устройстве.
Формы хочу использовать для разработки приложений под конкретного заказчика. Первое такое приложение уже работает в фитнес клубе около двух с половиной лет (на старой версии).

Реальные базы развернутые на домашнем сервере. Для Фитнеса сервер развернут в интернете, а здесь хранится его копия.
Реальные базы развернутые на домашнем сервере. Для Фитнеса сервер развернут в интернете, а здесь хранится его копия.
  • Проект ранее был в Open Source.

  • Потом после адаптации его под один из Фитнес клубов, с количеством участников более 500 человек и записью в реальном времени, пришлось его удалить из соображений безопасности.

  • В планах есть встраивание диаграмм drawio или Visio, после полного запуска форм.

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

  • Это новая версия приложения, переписанная с начала года.

  • В старой версии более 2-х лет вели с женой домашнюю бухгалтерию.

  • Занимаясь фитнесом, жена вела ЗОЖ трекер. На основании ее пожеланий в новую версию добавлена возможность прикрепления к любой строке таблиц отдельного документа любого типа (например фотографии блюд). А для домашней бухгалтерии фото чеков, гарантии, инструкции ...

  • Календарь использовался в составе FamilyiTree и Events (события) для отображения наиболее важных дат. Ниже частичное дерево автора

  • Формы пока в активной доработке, но собственное приложение с таблицами, различными полями и результирующей таблицей уже можно создавать (например свой учет чего-либо). Доделывается когда результирующем будет любая форма или, например, некий Dashboard.

  • Это WEB приложение работает на любом устройстве, где запускаются современные браузеры и соответственно работает на любой операционке с адаптацией под разрешение экрана

  • Синхронизация через развертывание сервера CouchDB дома или где-то в сети. Дома развернут такой сервер и доступ к нему через VPN для всех членов семьи. Ниже скриншот со списком некоторых db на домашнем сервере.

Список баз данных с домашнего сервера для префикса aka-
Список баз данных с домашнего сервера для префикса aka-
  • без развертывания сервера - работает автономно на Вашем устройстве с возможностью экспорта и импорта баз данных

Использую такую систему в своем приложении (https://foxess.ru/foxbase/). В приложении называется Events (события) и относится к семейному дереву. События - уникальная возможность отобразить человеческую жизнь в неделях, где один квадрат - это неделя (с точностью до одного дня, а вся строка - это год жизни и начинается со Дня Рождения. Цифры вверху - это количество прошедших недель от даты рождения. Цифры слева - это количество прожитых лет. Вертикальная синяя полоса - это текущий день, а красная - Новый год. Справа в панели каждое занесенное событие отображается на графике и при клике по нему выводит информацию о событии. На картинке выше некоторые события из жизни А.С. Пушкина.

Information

Rating
Does not participate
Registered
Activity