Daftar Isi:

Dapatkan Waktu dan Tanggal Dari Internet - Tutorial: 9 Langkah
Dapatkan Waktu dan Tanggal Dari Internet - Tutorial: 9 Langkah

Video: Dapatkan Waktu dan Tanggal Dari Internet - Tutorial: 9 Langkah

Video: Dapatkan Waktu dan Tanggal Dari Internet - Tutorial: 9 Langkah
Video: WAJIB TAU⚡Trik Cara Setting Data Seluler Biar Kuota Internet Makin Hemat Di Semua Android 2024, Juli
Anonim
Image
Image

Dalam tutorial ini kita akan belajar cara mendapatkan tanggal dan waktu dari server NIST TIME menggunakan M5Stack StickC dan Visuino, Tonton video demonstrasi.

Langkah 1: Apa yang Anda Butuhkan

Apa yang Anda Butuhkan
Apa yang Anda Butuhkan

M5StickC ESP32: Anda bisa mendapatkannya di sini

Program Visuino: Unduh Visuino

Catatan: Lihat tutorial ini di sini tentang cara Memasang papan StickC ESP32

Langkah 2: Mulai Visuino, dan Pilih Jenis Papan M5 Stack Stick C

Mulai Visuino, dan Pilih Jenis Papan M5 Stack Stick C
Mulai Visuino, dan Pilih Jenis Papan M5 Stack Stick C
Mulai Visuino, dan Pilih Jenis Papan M5 Stack Stick C
Mulai Visuino, dan Pilih Jenis Papan M5 Stack Stick C

Jalankan Visuino seperti pada gambar pertama Klik tombol "Tools" pada komponen Arduino (Gambar 1) di Visuino Ketika muncul dialog, pilih "M5 Stack Stick C" seperti yang ditunjukkan pada Gambar 2

Langkah 3: Di Visuino Atur Papan StickC

Di Visuino Atur Papan StickC
Di Visuino Atur Papan StickC
Di Visuino Atur Papan StickC
Di Visuino Atur Papan StickC
Di Visuino Atur Papan StickC
Di Visuino Atur Papan StickC
Di Visuino Atur Papan StickC
Di Visuino Atur Papan StickC

Klik pada Papan "M5 Stack Stick C" untuk memilihnya

Di jendela "Properties" pilih "Modules" dan klik "+" untuk Melebarkan, Pilih "Tampilan ST7735" dan klik "+" untuk memperluasnya, Setel "Orientasi" ke "goRight"

Atur "Warna Latar Belakang" ke "ClBlack"Pilih "Elemen" dan klik tombol biru dengan 3 titik …

Dialog Elemen akan ditampilkan

Dalam Dialog Elemen perluas "Teks" di sisi kanan dan seret "Gambar Teks" dan seret 2X "Bidang Teks" dari sisi kanan ke kiri

  • Pilih teks "Draw Text1" di sebelah kiri dan di jendela properti atur ukuran ke 2, warna ke aclLime dan teks ke 'Tanggal & Waktu'
  • Pilih "Bidang Teks1" di sebelah kiri dan di jendela properti atur ukuran ke 2, warna ke aclAqua dan Y ke 10
  • Pilih "Bidang Teks2" di sebelah kiri dan di jendela properti atur ukuran ke 2 dan Y ke 30

Langkah 4: Pengaturan WiFi

Pengaturan WiFi
Pengaturan WiFi
Pengaturan WiFi
Pengaturan WiFi
Pengaturan WiFi
Pengaturan WiFi

Klik pada Papan "M5 Stack Stick C" untuk memilihnya

Di jendela "Properties" pilih "Modules" dan klik "+" untuk Melebarkan, "WiFi" dan klik "+" untuk Melebarkan, Pilih "Connect To Access Points" dan klik tombol (3 titik)

Di jendela "AccessPoints" seret "WiFi Access Point" ke sisi kiri.

Kemudian di sisi kiri pilih "Access Point1" dan di set jendela properti

  • Di bawah "SSID" masukkan nama Jaringan WiFi Anda
  • Di bawah "Kata Sandi" masukkan kata sandi akses untuk jaringan WiFi Anda

Di jendela "Properties" pilih "Modules" dan klik "+" untuk Melebarkan, "WiFi" dan klik "+" untuk Melebarkan, > Soket, klik tombol […], sehingga jendela "Soket" akan terbukaSeret Klien TCP dari kanan ke sisi kiri dan di bawah jendela Properties set

  • pelabuhan: 37 dan
  • tuan rumah: time-b-g.nist.gov

Langkah 5: Di Visuino Tambahkan Komponen

Di Visuino Tambahkan Komponen
Di Visuino Tambahkan Komponen
Di Visuino Tambahkan Komponen
Di Visuino Tambahkan Komponen
Di Visuino Tambahkan Komponen
Di Visuino Tambahkan Komponen

Tambahkan komponen "Pulse Generator"

Tambahkan komponen "Protokol Waktu Internet"

Tambahkan 2X komponen "Hapus Sub Teks Kanan"

Tambahkan 2X komponen "Hapus Sub Teks Kiri"

Langkah 6: Dalam Komponen Set Visuino

Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
  • Pilih "PulseGenerator1" dan di jendela properti atur frekuensi ke 0,1166667
  • Pilih "DeleteRightText1" dan di jendela properti atur Panjang ke 13
  • Pilih "DeleteRightText2" dan di jendela properti atur Panjang ke 5
  • Pilih "DeleteLeftText2" dan di jendela properti atur Panjang ke 12

Langkah 7: Di Komponen Visuino Connect

Dalam Komponen Visuino Connect
Dalam Komponen Visuino Connect
  • Hubungkan pin "PulseGenerator1" [Keluar] ke pin "InternetTime1" [Masuk]
  • Hubungkan pin "InternetTime1" [Socket] ke "M5 Stack Stick C" >pin TCP Client1 [In]
  • Hubungkan pin "InternetTime1" [Out] ke pin "DeleteRightText1" [In] dan pin "DeleteRightText2" [In]
  • Hubungkan pin "DeleteRightText1" [Keluar] ke pin "DeleteLeftText1" [Masuk]
  • Hubungkan pin "DeleteRightText2" [Keluar] ke pin "DeleteLeftText2" [Masuk]
  • Hubungkan pin "DeleteLeftText1" [Out] ke "M5 Stack Stick C">Tampilkan ST7735>pin Text Field1[In]
  • Hubungkan pin "DeleteLeftText2" [Out] ke "M5 Stack Stick C">Tampilkan ST7735>pin Text Field2[In]

Langkah 8: Hasilkan, Kompilasi, dan Unggah Kode Arduino

Hasilkan, Kompilasi, dan Unggah Kode Arduino
Hasilkan, Kompilasi, dan Unggah Kode Arduino
Hasilkan, Kompilasi, dan Unggah Kode Arduino
Hasilkan, Kompilasi, dan Unggah Kode Arduino

Klik ikon Arduino pada toolbar, ini akan menghasilkan kode dan membuka Arduino IDE. Tombol di sebelahnya akan mengkompilasi dan mengirim kode langsung ke perangkat. Anda akan ingin membuka IDE pertama kali untuk memastikan port COM diatur dengan benar. Setelah itu Arduino IDE akan menyimpan pengaturan Anda.

Setelah di Arduino IDE pastikan Board, Speed, dan Port Anda sudah diatur dengan benar. Kemungkinan besar Anda perlu mengatur port COM dari sub menu, tetapi yang lain harus diatur secara otomatis. Jika Anda memiliki lebih dari satu port COM, coba lepaskan M5Stick Anda, lihat dan lihat port mana yang tersisa, lalu pasang kembali M5Stick dan lihat mana yang kembali. Itu adalah port COM.

Kemudian klik Unggah. Ini akan Verifikasi (kompilasi) dan Unggah.

Langkah 9: Mainkan

Jika Anda menyalakan modul M5Sticks, itu akan terhubung ke internet dan layar akan mulai menunjukkan tanggal dan waktu dari server NIST

. Anda juga dapat bereksperimen dengan server lain yang dapat Anda temukan di sini

Selamat! Anda telah menyelesaikan proyek M5Sticks Anda dengan Visuino. Juga terlampir adalah proyek Visuino, yang saya buat untuk Instruksi ini, Anda dapat mengunduhnya di sini. Anda dapat mengunduh dan membukanya di Visuino:

Direkomendasikan: