
Оглавление:
2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-23 15:04




Привет, Я Месут. Мне очень нравится приложение для учета рабочего времени Toggl. Я решил сделать физическую кнопку Toggl с простым набором принадлежностей.
Запасы
- Узел MCU (плата ESP8266)
- Большая красная кнопка (поставляется с переключателем)
- Некоторые прыгающие кабели
Шаг 1: Шаг 1: Предварительный дизайн

Кнопка Toggl - это просто светодиод и схема кнопки (переключателя). Для моих нужд эта кнопка должна иметь возможность,
- Подключайтесь к Интернету как автономно.
- Должна иметься возможность запускать и останавливать таймеры, подключившись к сервисам Toggl REST и WebSocket.
- Свет должен указывать на запись времени работы.
- Его светом также можно управлять с пульта дистанционного управления.
Итак, вы можете приступить к созданию прототипа на макетной плате.
На этом этапе вы можете перейти к программному обеспечению и продолжить после его завершения.
Вы можете взглянуть на мой код проекта.
Мой репозиторий:
Если вы хотите просто перейти к коду, щелкните здесь.
Шаг 2: Шаг 2: от макета к кабелям

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



Пора увидеть дизайн в коробке.
Я люблю бумагу во многих ее аспектах. Я нашел коробку с продуктом и начал ее наполнять.
- Изображение: Я нашел новую коробку
- Изображение: Я положил кабели в коробку. После этого я заметил, что нет детали, чтобы объединить переключатель с кнопкой.
- Изображение: Итак, я получил их и начал над этим работать.
- Изображение: Вот как эта роль играет хорошую роль.
- Изображение: переключатель крупным планом.
- Изображение: Паял железо. Как видите, он более минимален, чем 2-е изображение.
Шаг 4: Шаг 4: Поднимите

Как видите, наша кнопка готова.
Вы также можете увидеть некоторые виды с помощью кнопки. Когда я остановил кнопку Toggl на своем компьютере, он выключился. Я также могу запускать и заканчивать таймеры с кнопки.
Рекомендуемые:
Панель переключения симулятора полета своими руками: 7 шагов (с изображениями)

Панель переключателя симулятора полета DIY: Проведя много лет в сообществе симуляторов полета и участвуя в создании все более сложных самолетов, я обнаружил, что очень хочу иметь возможность держать руки на физических переключателях вместо того, чтобы пытаться летать правой рукой, используя м
Кибер-физическая безопасность интеллектуальной парковки и контроля дорожного движения: 6 шагов

Кибер-физическая безопасность интеллектуальной парковки и контроля дорожного движения: Интернет растет с беспрецедентными темпами благодаря появлению миллиардов устройств, включая автомобили, датчики, компьютеры, серверы, холодильники, мобильные устройства и многое другое. Это приводит к появлению множества рисков и уязвимостей в инфраструктуре, эксплуатации и
Проект NodeMCU MQTT Iot - кнопка переключения: 4 шага

Проект NodeMCU MQTT Iot - кнопка переключения: OSOYOO Стартовый набор NodeMCU IOT Пожалуйста, подпишитесь на нас на facebook, найдите наш новый выпущенный продукт и поделитесь своей идеей и видео о том, как творчески использовать наши продукты. Вы можете получить кэшбэк или раздачу у нас! Facebook: https://www.facebook.com/pg/OsoyooProdu
Схема переключения аудио с двойным входом: 6 шагов (с изображениями)

Схема переключения звука с двумя входами: у вас когда-нибудь возникала проблема наличия одной акустической системы и нескольких входов, которые требовали, чтобы вы подключали и отключали аудио провода каждый раз, когда вы хотите слушать один источник? Что ж, у меня есть решение для вас! Это руководство посвящено созданию очень
Простой переключатель переключения полярности: 4 шага

ПРОСТОЙ переключатель переключения полярности: во-первых, я ЗНАЮ, что для этого есть и другие приспособления, я просто хотел показать свою версию. ПОЖАЛУЙСТА, не пламеньте, потому что это уже сделано! Во-вторых, это моя первая инструкция. Я написал другой, но у меня нет фотоаппарата, чтобы сделать снимок