Daftar Isi:
2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-13 06:57
Penghitung pelanggan untuk Youtube dan Facebook cukup umum, tetapi mengapa tidak membuat sesuatu yang serupa untuk Instructables? Itulah tepatnya yang akan kami lakukan: dalam instruksi ini, kami akan membuat penghitung tampilan Instructables!
Tampilan harus ditangkap dari interweb, jadi kami akan menggunakan modul WiFi ESP8266 yang umum (dan murah) untuk mendapatkan informasi yang diperlukan. Perlu beberapa konfigurasi, tetapi saya akan melalui semua langkah yang diperlukan untuk menjalankannya.
Untuk menjaga agar proyek dapat diakses semaksimal mungkin (yaitu, tidak memerlukan printer 3D, pemotong laser, atau akselerator partikel), saya memutuskan untuk menggunakan Lego untuk kasingnya! Jadi keluarkan tempat sampah Lego itu dan mari kita membangun!
Langkah 1: Suku Cadang & Alat
Bagian
- ESP8266 ESP-01
- MAX7219 7 digit modul tampilan LED
- 3.3V FTDI breakout yang kompatibel (programmer)
- Sematkan tajuk
- Resistor 4x 10k Ohm
- 2x Tekan tombol
- 2x 10uF kapasitor
- Pengatur 3.3V (LM1117-3.3V)
- kabel USB
- Lego!
Total biaya: <10$
Peralatan
Besi solder
Langkah 2: Elektronik
Mari kita mulai proyek dengan membangun sirkuit.
Elektronik proyek ini tidak terlalu rumit, tetapi modul ESP8266 memerlukan perawatan khusus agar dapat berfungsi. Jadi pertama-tama, tentang apa ESP ini?
ESP8266 paling dikenal sebagai chip WiFi berbiaya rendah, tetapi juga memiliki kemampuan unit mikrokontroler yang lengkap. Ini membuatnya ideal untuk proyek yang membutuhkan WiFi dan pengendalian komponen eksternal seperti layar 7 segmen kami. Pemrograman dilakukan dengan USB to serial converter, juga disebut FTDI converter.
Skema
Komponen hanya dapat dihubungkan seperti pada skema, tetapi sedikit lebih banyak informasi diberikan di sini.
Pertama-tama, ESP8266 beroperasi dari 3.3V, sedangkan layar (dan USB yang akan kita gunakan untuk daya) beroperasi pada 5V. Ini berarti kita memerlukan konverter tegangan untuk mengubah 5V USB menjadi 3.3V untuk ESP8266.
Saat menyalakan ESP8266, ESP8266 akan memasuki salah satu "mode boot", tergantung pada tegangan pada pin IO-nya. Dengan kata lain: jika kita ingin menjalankan kode kita saat boot, kita harus mengonfigurasi ini! Untuk eksekusi program, ini berarti:
- CH_PD ke VCC
- RST ke VCC
- GPIO0 ke VCC
- GPIO2 ke VCC
Sedangkan untuk memprogram perangkat, ini diterjemahkan menjadi:
- CH_PD ke VCC
- RST ke VCC
- GPIO0 ke GND
- GPIO2 ke VCC
Seperti yang dapat dilihat, satu-satunya perbedaan adalah status pin GPIO0. Oleh karena itu, kami akan menggunakan tombol tekan untuk menghubungkan GPIO0 ke GND saat memprogram. Setelah booting, pin dapat digunakan secara bebas, dalam kasus kami untuk 2 hal:
- Sebagai input: ada tombol yang terhubung ke GPIO2.
- Mengemudi layar. Karena membutuhkan lebih dari 2 sinyal, jalur TX dan RX juga akan digunakan sebagai IO.
Sekarang setelah kita memiliki teori operasi, kita dapat menerjemahkannya ke dalam desain fisik.
PCB
Untuk membuat PCB, saya mendesain layout perfboard/stripboard di KiCad (software layout PCB open source). Dengan mengatur jarak kisi menjadi 2,54mm (0,1 inci), Anda dapat membuat tata letak yang dapat disolder ke papan strip.
Ini membuatnya sangat mudah untuk menyolder elektronik bersama-sama: cukup cetak desain (disertakan sebagai PDF) dan salin desain di papan strip. Gunakan pin header untuk menghubungkan layar, FTDI dan ESP8266.
Setelah menyolder, potong perfboard dengan ukuran yang tepat dan pasang semua komponen. Dengan elektronik yang disolder bersama, kita dapat meledakkan kehidupan ke dalamnya dengan beberapa kode!
Langkah 3: Memprogram ESP8266
Menyiapkan perpustakaan
Sebelum kita dapat mengunggah kode apa pun ke papan menggunakan Arduino IDE, kita perlu menambahkan perpustakaannya. Ini dapat dilakukan dengan mengikuti langkah-langkah berikut:
- Buka File> Preferences dan rekatkan tautan berikut di kotak "Additional board manager URLs":
- Buka Tools>Boards>Boards Manager dan cari ESP8266
- Dari jendela ini, instal paket terbaru
- Mulai ulang IDE
- Dari Alat> Papan, pilih "Modul ESP8266 Generik" sebagai papan
- Buka sketsa dan render (ctrl+R) untuk melihat apakah papan telah ditambahkan dengan benar.
Mengunggah kode
Untuk memprogram perangkat kita, kita perlu memasukkannya ke mode pemrograman dan menghubungkannya ke papan breakout FTDI. Ini dapat dilakukan dengan menarik pin yang sesuai ke VCC atau GND dan membuat koneksi seperti yang tercantum di bawah ini.
- CH_PD ke VCC
- RST ke VCC
- GPIO0 ke GND
- GPIO2 ke VCC
- RX ke TX dari FTDI
- TX ke RX dari FTDI
Untungnya, semua koneksi koneksi tersebut sudah ada di PCB kita. Saya mencobanya di papan tempat memotong roti terlebih dahulu, dan seperti yang Anda lihat, ini agak canggung. Jadi untuk mengunggah kode:
- Lepaskan layar dan colokkan FTDI
- Tahan tombol program saat menghubungkan kabel USB
- Unggah kode. Setelah mengunggah "Set net" akan ditampilkan
Kemungkinan kesalahan
Anda mungkin mendapatkan kesalahan saat mengunggah seperti "kesalahan: espcomm_upload_mem_failed", cukup unggah ulang kodenya. Jika tampilan tetap kosong saat dihidupkan, unggah juga kembali kode tersebut.
Menjalankan kode
Untuk menjalankan kode yang baru saja kita unggah, mode pemrograman harus dinonaktifkan dengan menarik pin GPIO0 ke VCC. Atau dalam kasus kami, hidupkan perangkat tanpa menekan tombol program.
Dengan kode yang diunggah dan dijalankan, sekarang kita dapat mengonfigurasi viewcounter kita!
Langkah 4: Menyiapkan Viewcounter
Konfigurasi viewcounter dilakukan melalui antarmuka halaman web. Ini memungkinkan untuk mengubah pengaturan dengan cepat daripada harus mengunggah ulang kode setiap kali.
Mengonfigurasi server web
- Nyalakan unit dan tunggu "set net" ditampilkan
- Tekan tombol Mode, perangkat akan menampilkan "pengaturan"
- Di PC Anda, buka jaringan WiFi Anda dan pilih "Instructables Hit Counter" (Ketika dimintai kata sandi, masukkan 'kata sandi'.)
- Jendela browser akan terbuka (jika tidak buka sendiri dan ketik 192.168.4.1)
- Halaman terbuka, tekan "Konfigurasi WiFi"
- Pilih jaringan dan ketik kata sandi Anda. Isi IP statis, gateway, dan subnet
- Tekan simpan, halaman konfirmasi akan muncul
Sekarang ESP8266 terhubung ke jaringan WiFi kami, kami dapat mengisi kredensial Instructable kami.
Pengaturan Pengguna
- Buka browser dan ketik IP statis yang Anda pilih pada langkah sebelumnya.
- Buka tab "Pengaturan pengguna"
- Isi nama Instructables Anda dan simpan
- Untuk melihat tampilan Instructable tertentu, ikuti instruksi di halaman
- Tekan simpan, tampilan Anda sekarang akan ditampilkan!
- Untuk opsi lainnya, jelajahi pengaturan;)
Penghitung sekarang berfungsi penuh, tetapi masih terlihat agak kusam. Mari kita ubah itu dengan membuat kasus yang luar biasa!
Catatan
Kode proyek ini berasal dari orang yang luar biasa ini: https://www.instructables.com/id/Instructables-Hi… Semua kredit untuk kode diberikan kepadanya, saya hanya menggunakannya untuk membuat versi proyek saya sendiri. Alasan utama saya menulis ini adalah karena saya harus memikirkan beberapa hal untuk membuatnya bekerja (seperti cara memprogram ESP8266, menambahkan perpustakaan, mendapatkan ID yang dapat diinstruksikan, membuat PCB, …) dan ingin membuat panduan mandiri yang lengkap.
Langkah 5: Casing
Ini adalah bagian di mana Anda bisa menjadi super kreatif. Kasus apa pun bisa berhasil, tetapi membuat yang bagus bisa membuat atau menghancurkan proyek. Karena itu, saya memutuskan untuk membuat milik saya dari Lego!
Memasang layar
Untuk memperbaiki layar pada tempatnya, saya menemukan bahwa "panel Lego tanpa penyangga samping" sangat pas dengan layar. Hanya ada satu kelemahan: dua kali lebih lebar dari yang saya inginkan… Untungnya, ini mudah diselesaikan dengan memotongnya menjadi 2. Kami sekarang memiliki dudukan yang bagus untuk tampilan, dan titik awal yang baik untuk keseluruhan casing!
Membuat huruf
Untuk membuatnya lebih jelas bahwa ini adalah penghitung tampilan, saya ingin menyertakan label dengan "tampilan". Tapi kemudian saya berpikir, mengapa menggunakan label bodoh ketika Anda bisa membuat huruf dari Lego? Jadi itulah yang saya lakukan! Saya menyertakan huruf-huruf close up sehingga lebih mudah untuk ditiru.
Membuat robot
Saya sedang mencari sesuatu untuk menyelesaikan bangunan ini, dan menemukan instruksi yang luar biasa ini:
Robot instruksi yang dibuat dari Lego, pendamping sempurna untuk penghitung tampilan! Saya tidak akan membahas langkah-langkah rinci membuatnya di sini, karena dijelaskan langkah demi langkah dalam instruksi asli. Teman kecil kami adalah sentuhan akhir untuk kasus kami; dilakukan!
Langkah 6: Uji & Nikmati
Dilakukan! Satu-satunya yang tersisa untuk dilakukan adalah menguji penghitung tampilan baru kami.
Hubungkan ke port USB dan kagumi pandangan Anda! Saya harap Anda menyukai proyek ini dan terinspirasi untuk membuat sesuatu yang serupa.
Jangan ragu untuk melihat instruksi saya yang lain: