Isi kandungan:

Butang Toggl Fizikal: 4 Langkah
Butang Toggl Fizikal: 4 Langkah

Video: Butang Toggl Fizikal: 4 Langkah

Video: Butang Toggl Fizikal: 4 Langkah
Video: iPhone 6 Plus: How To Enable Touch Screen Home Button on iPhone / iPod (Assistive Touch) 2024, November
Anonim
Butang Toggl Fizikal
Butang Toggl Fizikal
Butang Toggl Fizikal
Butang Toggl Fizikal
Butang Toggl Fizikal
Butang Toggl Fizikal
Butang Toggl Fizikal
Butang Toggl Fizikal

Helo, Saya Mesut. Saya sangat suka aplikasi pengesanan masa Toggl. Saya memutuskan untuk membuat butang Toggl fizikal dengan satu set persediaan yang mudah.

Bekalan

  1. Node MCU (Papan ESP8266)
  2. Butang Merah Besar (dilengkapi dengan suis)
  3. Beberapa kabel melompat

Langkah 1: Langkah 1: Reka Bentuk Pra

Langkah 1: Reka Bentuk Pra
Langkah 1: Reka Bentuk Pra

Butang Toggl hanyalah litar led dan butang (suis). Untuk keperluan saya butang ini harus dapat,

  • Sambungkan ke internet sebagai berdiri sendiri.
  • Sepatutnya dapat memulakan dan menghentikan pemasa dengan menyambung ke perkhidmatan Toggl's REST dan WebSocket.
  • Lampu harus menunjukkan entri masa berjalan.
  • Cahayanya dapat dikendalikan dari jauh juga.

Oleh itu, anda boleh mula membuat prototaip di papan roti.

Pada fasa ini anda boleh mula ke sisi perisian dan anda dapat meneruskannya setelah anda menyelesaikan perisian.

Anda boleh melihat kod projek saya.

Repositori saya:

Sekiranya anda ingin melangkau ke kodnya, klik di sini.

Langkah 2: Langkah 2: Dari Papan Roti ke Kabel

Langkah 2: Dari Papan Roti ke Kabel
Langkah 2: Dari Papan Roti ke Kabel

Setelah saya melengkapkan reka bentuk bahagian dan litar perisian, inilah masanya untuk menggunakan kabel biasa dan bukannya kabel jumper. Kerana papan roti memerlukan banyak ruang.

Saya hanya menggabungkan kabel dari bahagian konduktif. Kerana saya tidak mahir dalam pematerian besi.

Langkah 3: Langkah 3: Mengeksperimen Dengan Kotak

Langkah 3: Mengeksperimen Dengan Kotak
Langkah 3: Mengeksperimen Dengan Kotak
Langkah 3: Mengeksperimen Dengan Kotak
Langkah 3: Mengeksperimen Dengan Kotak
Langkah 3: Mengeksperimen Dengan Kotak
Langkah 3: Mengeksperimen Dengan Kotak

Sudah tiba masanya untuk melihat reka bentuk dalam kotak.

Saya suka kertas dari segi aspek yang berbeza daripadanya. Oleh itu, saya menjumpai kotak produk dan mula mengisinya.

  1. Imej: Saya menjumpai kotak baru
  2. Imej: Saya telah memasukkan kabel ke dalam kotak. Selepas ini saya perhatikan bahawa tidak ada bahagian untuk menggabungkan suis dengan butang.
  3. Imej: Oleh itu, saya telah mendapatkannya dan mula mengusahakannya.
  4. Imej: Ini adalah bagaimana bahagian ini memainkan peranan yang baik.
  5. Imej: pandangan suis jarak dekat.
  6. Imej: Saya telah membuat pematerian besi. Seperti yang anda lihat ia lebih minimum daripada gambar ke-2.

Langkah 4: Langkah 4: Bawa

Langkah 4: Bawa
Langkah 4: Bawa

Seperti yang anda lihat, butang kami sudah siap.

Anda juga dapat melihat beberapa paparan dari butang. Apabila saya menghentikan butang Toggl dari komputer saya, ia dimatikan. Saya juga dapat memulakan dan menyelesaikan pemasa dari butang.

Disyorkan: