Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi Menyalakan Dan Mematikan Led Menggunakan Web

    Diunggah oleh

    Tebar Kode Teknologi
    7 tayangan5 halaman

    Judul Asli

    Materi Menyalakan dan Mematikan Led Menggunakan Web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    7 tayangan5 halaman

    Materi Menyalakan Dan Mematikan Led Menggunakan Web

    Diunggah oleh

    Tebar Kode Teknologi

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Materi Menyalakan dan Mematikan Led Menggunakan Web

    Untuk membuat Remote Led Dengan Nodemcu dapat dilakukan dengan


    menambahkan beberapa
    script koding dibawah ini pada script AccessPoint sebelumnnya.

    pertama-tama buatlah 2 buah file dengan format .ino dan .h


    file dengan format .ino di isi oleh perintah perintah dengan bahasa c++
    sedangkan file dengan format .h digunakan untuk menampung data

    • Berikut Silahkan tambahkan beberapa baris kode berikut ini


    Letakan baris kode berikut ini Setelah baris “#include library”
    Kemudian Bisa anda tambahkan beberapa void seperti gambar ini

    lalu tambahkan kode berikut ini kedalam void setup


    • jika sudah melakukan hal - hal berikut kita bakal mengisikan file yang
    memiliki format .h
    isikan file dengan format .h dengan kode seperti diatas
    1. <!DOCTYPE html> : Ini adalah deklarasi tipe dokumen HTML.
    2. <html lang="en"> : Membuka tag html dan menentukan bahasa halaman.
    3. <head> : Membuka tag head, bagian ini digunakan untuk menyimpan meta data
    atau informasi lainnya yang tidak ditampilkan pada halaman web.
    4. <title>tombol on off</title> : Menetapkan judul halaman web.
    5. <style> : Membuka tag style, digunakan untuk menambahkan CSS.
    6. .tengah { : Membuat sebuah class CSS yang disebut "tengah".
    7. display: flex; : Menentukan display property menjadi "flex".
    8. justify-content: center; : Menentukan posisi horizontal item pada bagian tengah
    dari container.
    9. align-items: center; : Menentukan posisi vertikal item pada bagian tengah dari
    container.
    10. height: 200px; : Menentukan tinggi dari container menjadi 200px.
    11. border: 3px solid blue; : Menambahkan border dengan ketebalan 3px dan warna
    biru pada container dengan class "tengah".
    12. </style> : Menutup tag style.
    13. </head> : Menutup tag head.
    14. <body> : Membuka tag body, bagian ini digunakan untuk menampilkan konten
    dari halaman web.
    15. <div> : Membuka tag div, digunakan untuk membuat sebuah container.
    16. <h1 style="text-align: center;color: blue;">LED 1</h1> : Menambahkan sebuah
    heading dengan teks "LED 1" yang diatur posisinya ke tengah dan berwarna biru.
    17. <div class="tengah"> : Membuat sebuah div dengan class "tengah".
    18. <a href="/ledon" style="margin: 10px;padding:50px;background-color:
    green;border-radius: 10%;">ON</a> : Membuat sebuah hyperlink dengan teks
    "ON" yang merujuk pada "/ledon". Properti CSS seperti margin, padding,
    background-color, dan border-radius digunakan untuk mengatur tampilan
    hyperlink tersebut.
    19. <a href="/ledoff" style="margin: 10px;padding:50px;background-color:
    red;border-radius: 10%;">OFF</a> : Membuat sebuah hyperlink dengan teks
    "OFF" yang merujuk pada "/ledoff". Properti CSS seperti margin, padding,
    background-color, dan border-radius digunakan untuk mengatur tampilan
    hyperlink tersebut.
    20. </div> : Menutup tag div dengan class "tengah".
    21. </div> : Menutup tag div.
    22. </body> : Menutup tag body.
    23. </html> : Menutup tag html.
    Contoh full code remote_led

    Anda mungkin juga menyukai