Bangun dasbor proyektor Home Assistant dalam sekitar satu jam

• Projector Pilot sudah tertaut ke Home Assistant. Panduan penyiapan mencakup cara masuk dan mengaktifkan Kirim status proyektor. Anda seharusnya melihat proyektor Anda sebagai sensor di Home Assistant sebelum membangun apa pun di atasnya.
• Anda sudah menyinkronkan minimal sekali. Pengaturan › Otomasi Rumah › Home Assistant › Sync With HA, setelah menempelkan blok Copy aplikasi ke configuration.yaml dan memulai ulang Home Assistant. Inilah yang membuat skrip yang dipanggil setiap tombol kontrol di bawah.
• Proyektor Anda menyala selama Anda membangun. Atribut gambar di bawah sebagian besar kosong saat proyektor dalam standby.

Dua hal mengisi dasbor ini, dan perbedaannya penting di setiap langkah berikut.

Keempatnya ada di toko HACS bawaan. Di Home Assistant: HACS › Frontend › Explore & Download Repositories, cari namanya, Download, lalu muat ulang browser Anda.

Setiap cuplikan di halaman ini memakai dua placeholder. Temukan milik Anda satu kali, sisanya tinggal salin dan tempel.

• sensor.YOUR_PROJECTOR → Developer Tools › States di Home Assistant, saring dengan projector_pilot. Hasilnya seperti sensor.projector_pilot_epson_qb1000b_qb1000w.
• YOURSERIAL → buka aplikasi, Pengaturan › Otomasi Rumah › Home Assistant. ID turunan nomor seri ditampilkan di sana, dan merupakan bagian tengah dari setiap nama skrip yang disinkronkan: script.projpilot_YOURSERIAL_power_on, script.projpilot_YOURSERIAL_input_hdmi1, dan seterusnya.

Anda juga bisa menyaring Developer Tools › States dengan projpilot untuk melihat seluruh daftar kontrol yang disinkronkan sekaligus, setelah blok Copy langkah 1 dan Sync selesai.

1. Pengaturan › Dasbor › Tambah Dasbor › Dasbor baru dari awal. Beri nama Projector Pilot.
2. Buka dasbor itu, lalu ikon pensil di kanan atas untuk mengedit.
3. Tambahkan tampilan. Tata letak apa pun bisa, tetapi dasbor asli memakai tumpukan kartu bawaan, satu di bawah yang lain, yang paling mudah untuk ditempel.
4. Untuk menempel YAML, gunakan menu tiga titik pada kartu dan pilih Edit in YAML, atau menu tiga titik pada dasbor untuk Raw configuration editor agar bisa menempel seluruh tampilan sekaligus.

Pengaturan tampilan itu sendiri, jika Anda lebih suka mengetiknya:

title: Projector Pilot
views:
- title: Projector Pilot
  path: projector-pilot
  icon: mdi:projector
  cards: []

Mulailah dengan sesuatu yang hanya membaca, agar Anda tahu ID entitas Anda sudah benar sebelum menyentuh apa pun yang mengirim perintah. Petak ini aktif begitu sensor proyektor Anda ada, tanpa blok Copy, tanpa sinkron. Tambahkan kartu, Edit in YAML, tempel:

type: custom:mushroom-template-card
primary: Brightness
secondary: '{{ state_attr(''sensor.YOUR_PROJECTOR'',''brightness'') }}'
icon: mdi:brightness-6
icon_color: green
layout: vertical
fill_container: true
card_mod:
  style: 'ha-card { background: rgba(18,26,20,0.60); border: 1px solid rgba(61,220,107,0.20);
    border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32); backdrop-filter: blur(8px);
    min-height: 104px; }'

Bentuk yang sama bisa membaca atribut mana pun dari sekitar 80 atribut yang dibawa sensor: ganti brightness dengan contrast, gamma, color_temp, hdr_pq, lamp_hours, apa pun yang Anda inginkan di petak.

Simpan. Jika angka atau kata yang nyata muncul, ID entitas Anda benar dan semua di bawah akan berfungsi. Jika kosong, kembali ke langkah 2.

Judul polos hanyalah ruang kosong. Ini adalah kartu markdown dengan latar gradasi dari card-mod, dan inilah yang mengubah tumpukan petak menjadi seksi bernama. Setiap seksi di dasbor dibuka dengan salah satunya, hanya label dan emoji-nya yang berbeda.

type: markdown
content: '🔌    **POWER & SOURCE**'
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.30), rgba(16,120,60,0.30));
    border: 1px solid rgba(61,220,107,0.45); border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.3); }
    ha-markdown { padding: 12px 20px !important; } ha-markdown p { margin: 0 !important;
    letter-spacing: 3px; color: #eafff0; font-size: 14px; font-weight: 700; }'

Ubah kode emoji dan teks label; blok card-mod identik di setiap seksi.

Tombol ini mengirim perintah, bukan hanya membaca nilai, sehingga skripnya harus sudah ada lebih dulu. Ia memanggil script.projpilot_YOURSERIAL_power_on, yang ditulis aplikasi hanya setelah Anda menempelkan blok Copy ke configuration.yaml, memulai ulang Home Assistant, dan mengetuk Sync With HA.

type: custom:mushroom-template-card
primary: Power On
icon: mdi:power
icon_color: green
layout: vertical
fill_container: true
tap_action:
  action: call-service
  service: script.projpilot_YOURSERIAL_power_on
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.16), rgba(16,90,46,0.20));
    border: 1px solid rgba(61,220,107,0.34); border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32);
    min-height: 92px; }'

Kartu yang sama untuk Matikan Daya, Layar Kosong, HDMI 1, HDMI 2, A/V Mute, mode warna, atau memori lensa: hanya label, ikon, dan service yang berubah.

Hero di bagian atas dasbor adalah button-card: status daya besar, ringkasan satu baris yang dibuat dari beberapa atribut sekaligus, dan tampilan green glass pada seluruh kartu, bukan hanya bingkainya.

type: custom:button-card
entity: sensor.YOUR_PROJECTOR
name: Epson QB1000
show_state: true
show_label: true
size: 48px
state_display: '[[[ return entity.state==''on'' ? ''Powered on'' : ''Standby''; ]]]'
label: '[[[ var a=entity.attributes; return (a.input||''-'')+''  •  ''+(a.color_mode||''-'')+
  ''  •  ''+(a.video_range||''-'')+''  •  ''+(a.lamp_hours||0)+''  h''; ]]]'
styles:
  card:
  - height: 176px
  - background: linear-gradient(135deg, rgba(61,220,107,0.32), rgba(11,64,34,0.6))
  - border: 1px solid rgba(61,220,107,0.5)
  - border-radius: 22px
  - box-shadow: 0 12px 36px rgba(0,0,0,0.42)
  - padding: 20px
  state:
  - color: '[[[ return entity.state==''on'' ? ''#3ddc6b'' : ''#8a9'' ]]]'

Dipangkas ke bagian yang berubah per instalasi. Kartu lengkap juga mengatur posisi grid ikon, nama, dan label; lihat unduhan di langkah 10 untuk selengkapnya.

Lebih suka strip yang lebih ramping? mushroom-chips-card melakukan tugas yang sama dalam satu baris chip kecil: status daya, input, mode warna, rentang video, dan jam lampu, masing-masing template yang membaca state_attr('sensor.YOUR_PROJECTOR', ...). Gunakan salah satu, jangan keduanya, di bagian atas dasbor.

Setiap Skenario yang Anda simpan di aplikasi menjadi skrip bernama script.projpilot_YOURSERIAL_scene_<id> setelah Anda sinkron, dan petak untuk satu Skenario adalah kartu tombol kontrol yang sama dari langkah 6 dengan nama dan ikon Skenario.

type: custom:mushroom-template-card
primary: Movie Night
icon: mdi:movie-open
icon_color: green
layout: vertical
fill_container: true
tap_action:
  action: call-service
  service: script.projpilot_YOURSERIAL_scene_YOURSCENE1
card_mod:
  style: 'ha-card { background: linear-gradient(135deg, rgba(61,220,107,0.16), rgba(16,90,46,0.20));
    border: 1px solid rgba(61,220,107,0.34); border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32);
    min-height: 92px; }'

Ganti YOURSCENE1 dengan id yang ditampilkan untuk Skenario itu di daftar kontrol sinkron aplikasi. Satu petak per Skenario, dalam horizontal-stack.

Sensor proyektor direkam oleh Home Assistant seperti sensor lainnya, sehingga lamp_hours mendapat riwayat secara gratis. Tanpa sensor tambahan, tanpa helper, tanpa konfigurasi apa pun lebih dulu, di bawah seksi Perawatan.

type: custom:mini-graph-card
entities:
- entity: sensor.YOUR_PROJECTOR
  attribute: lamp_hours
  name: Laser hours
name: Laser hours
icon: mdi:lightbulb-on-outline
line_color: '#3ddc6b'
line_width: 4
hours_to_show: 336
points_per_hour: 0.5
height: 96
animate: true
card_mod:
  style: 'ha-card { background: rgba(18,26,20,0.60); border: 1px solid rgba(61,220,107,0.20);
    border-radius: 16px; box-shadow: 0 6px 22px rgba(0,0,0,0.32); backdrop-filter: blur(8px); }'

336 jam adalah dua minggu. Jam laser dan lampu naik stabil dan tidak melonjak-lonjak, jadi jendela dua minggu biasanya cukup untuk melihat tren tanpa membuat grafik tampak datar.

Tampilan lengkap, setiap seksi dan setiap kartu dari tangkapan layar di bagian atas halaman ini, dengan placeholder sebagai pengganti ID entitas.

1. Unduh YAML tampilan.
2. Buka di editor teks apa pun dan ganti, di mana pun muncul: YOUR_PROJECTOR dengan ID entitas sensor proyektor Anda dari langkah 2, dan YOURSERIAL dengan ID turunan nomor seri Anda dari langkah 2.
3. Di seksi Skenario di dekat bagian bawah, ganti YOURSCENE1, YOURSCENE2, dan YOURSCENE3 dengan tiga id Skenario Anda sendiri, atau tambah dan hapus petak sesuai jumlah Skenario yang Anda punya.
4. Di Home Assistant, buka dasbor Anda, ikon pensil, menu tiga titik, Raw configuration editor, lalu tempel sebagai tampilan.