HTML App: Vibekoodatut custom-sovellukset infonäytölle

Valotaliven HTML App (tulossa pian) on infonäyttösovellus, joka tuo minkä tahansa HTML-tiedoston näytöillesi. Kuvaile haluamasi näyttö LLM:lle – Claude, ChatGPT, Gemini, Copilot – tallenna sen palauttama .html-tiedosto ja tuo se Valotaliveen. Sisältö on ajantasaisesti näytölläsi sekunneissa.

Kun numerot muuttuvat, voit helposti päivittää uuden version ilman kehittäjäresursseja tai sovelluksen ylläpitoa. HTML App kattaa dashboardit, laskurit ja taulut, joille ei vielä löydy valmista sovellusta – samoilla infonäytöillä ja soittolistoilla kuin kaikki muukin sisältö.

  • Kokeile tietokoneella
  • Ei luottokorttia
  • Peruuta helposti

Custom production dashboard built as a self-contained HTML file and shown on a Valotalive display with the HTML App – units produced, OEE, defect rate, downtime and line status

Kun valmista sovellusta ei vielä ole

Valotaliven sovelluskirjastosta löytyy sovellus lähes kaikkeen siihen mitä haluat infonäytöllesi jakaa: Power BI, SharePoint, Excel, PowerPoint ja kymmeniä muita data- ja sisältölähteitä. Mutta silloin tällöin tarvitaan jotain kustomoidumpaa: lokaali huoltolaskuri, spesifi vuorotavoite vs. toteuma, päivät ilman tapaturmaa -laskuri juuri teidän väreissänne, ensi viikon tapahtuma-aikataulu…

Valotalive HTML App täyttää tämän aukon. Tekoäly kirjoittaa sovelluksen, sinä siirrät tiedoston, ja Valotalive näyttää sen – tuo näytölle, ajasta Flow’hun (sisältösoittolistaan), ja hallinnoi kuten mitä tahansa muuta sovellusta. Räätälöityä sisältöä ilman räätälöityä projektia.

Valotalive HTML App -ominaisuudet

AI-built NASA Astronomy Picture of the Day app running on a Valotalive digital signage display via the HTML App

Vibekoodaa millä tahansa LLM:llä

  • Kuvaile asettelu, data ja ulkoasu selkokielellä. LLM palauttaa yhden .html-tiedoston, jossa on rakenne, tyylit ja logiikka.
  • Avaa tiedosto selaimessa tarkistaaksesi sen, sitten tee tarvittavat muutokset: isompi fontti, brändivärit, logo, tms. Jokainen elementti on sinun päätettävissäsi.
  • Aloitteleva vibekoodaaja? Lue täältä kuinka rakentaa ja ottaa käyttöön AI-rakennettu sovellus vaihe vaiheelta.

Lataa selaimesta tai tuo komentoriviltä yhdellä komennolla

  • Lataussivu: liitä Secret key, sitten liitä HTML tai valitse .html-tiedosto ja napsauta Lähetä. Valotalive-kirjautumista ei tarvita tällä sivulla.
  • Komentorivi: yksi curl-komento Secret key:llä ja tiedostopolulla – helppo skriptata tai sisällyttää toistettavaan työnkulkuun.
  • Jokainen uusi tiedosto korvaa näytön aiemman sisällön muutamassa sekunnissa. Tyhjennä näyttö lähettämällä tyhjä päivitys.
Valotalive HTML App upload page: paste the Secret key, then paste HTML or upload a .html file and click Send
Three ways to keep HTML App data current: embedded data, live public data fetched at runtime, live internal data pushed by a local bridge

Kolme eri tapaa pitää data ajantasaisena

  • Upotettu data: numerot ovat tiedostossa. Anna LLM:lle uudet luvut, saat päivitetyn tiedoston, työnnä se uudelleen. Paras sisältöön, joka muuttuu viikoittain tai kuukausittain.
  • Ajantasainen julkinen data: sovelluksen JavaScript hakee avoimen API:n tai julkaistun taulukon ajon aikana. Lataa kerran – sovellus pitää itsensä ajantasaisena.
  • Ajantasainen sisäinen data: paikallinen bridge-skripti omalla koneellasi seuraa tiedostoa ja työntää jokaisen uuden version automaattisesti. Näyttö ei koskaan pääse verkkoosi.

Toimii näytöilläsi ja soittolistoilla kuten muutkin sovellukset

  • Aktivoi HTML App Valotalive-dashboardissa, anna sille nimi, kopioi sen Secret key ja lisää se suoraan näyttöön tai Flow’hun (sisältösoittolistaan).
  • Sovellus mukautuu automaattisesti näytön kokoon. Koon voi lukita, jos asettelu on suunniteltu tiettyihin mittoihin.
  • Yksi Secret key per sovelluksen instanssi. Luo se uudelleen milloin tahansa Configuration-välilehdeltä mitätöidäksesi vanhan.
Custom maintenance countdown app on a Valotalive display – built as a self-contained HTML file for the HTML App

Ideasta näytölle minuuteissa, ilman koodiprojektia

Näytölle jopa minuuteissa

Kuvaile LLM:le, tallenna tiedosto, julkaise. Ensimmäinen versio minisovelluksestasi on näytöllä ennen kuin tiketti ehtii edes devaajan pöydälle.

Juuri sinun näköisesi

Asettelu, värit, fontit ja brändäys ovat juuri sellaiset kuin halusit – ei valmiin pohjan rajoitteita.

Ei mitään ylläpidettävää

Koko sovellus on yksi tiedosto, joka toimii suoraan näytöllä. Ei palvelinta, tietokantaa, tai taustajärjestelmää päivitettävänä tai suojattavana.

Toimii kuin mikä tahansa sovellus

Ajasta näytöillesi muiden sisältö- ja datalähteiden rinnalle, hallinnoi samasta dashboardista ja poista käytöstä, kun sovellusta ei enää tarvita.

Milloin HTML App toimii

HTML App sijoittuu Valotaliven valmiiden sovellusten ja räätälöidyn kehitysprojektin väliin. Jos data/sisältölähteellesi on olemassa valmis sovellus – Power BI, SharePoint, Excel, SAP Analytics Cloud – käytä sitä. Jos haluat näyttää verkkosivun, Web App tekee sen suoraan URL-osoitteen avulla. HTML App on kaikkea muuta varten: sovellus, jota ei vielä löydy, rakennettu spesifiin käyttötapaukseen.

Tuotannon lokaalit numerot

Vuorotuotannon tavoite verrattuna todelliseen tuotokseen, koneiden käyttö- ja seisonta-ajat, huoltolaskuri, päivät ilman turvallisuusvälikohtauksia, laadun mittarit linjalle tai solulle.

Toimiston lokaali viestintä

Kokoushuoneiden saatavuus, yrityksen uutisnauha RSS-syötteestä, päivän lounaslista, toimiston sää ja työmatka-ajat.

Tapahtumat ja ad hoc -tarpeet

Konferenssien aikataulut, puhujalistat ja live-kyselyjen tulokset – rakennettu tapahtuman aamuna ja poistettu käytöstä seuraavana päivänä.

Julkiset datasyötteet

Mikä tahansa avoimen API:n tai julkaistun taulukon kanssa. NASA:n päivän tähtitieteellinen kuva pyörii Valotaliven näytöllä yhdestä 15 KB tiedostosta.

Usein kysytyt kysymykset

Mikä on Valotalive HTML App?

Valotaliven sovellus, joka näyttää minkä tahansa itsenäisen HTML-tiedoston, jonka lähetät siihen. Luo tiedosto – LLM:n, koodieditorin tai minkä tahansa muun työkalun avulla – ja lähetä se sovelluksen instanssiin sen Secret key -avaimella, lataussivulta tai curl-komennolla. Näyttö päivittyy sekunneissa.

Tarvitseeko minun osata koodata?

Ei. Kuvaile haluamasi näyttö LLM:lle, kuten Claude, ChatGPT, Gemini tai Copilot, ja pyydä itsenäinen .html-tiedosto. Testaa se selaimessasi, sitten liitä tai lataa se Valotaliveen. Jos osaat koodata, sovellus hyväksyy minkä tahansa kelvollisen HTML-, CSS- ja JavaScript-koodin.

Miten HTML App eroaa Web Appista?

Web App näyttää verkkosivun, jota jo isännöit, URL-osoitteen avulla – näyttö lataa sen palvelimeltasi. HTML App ei tarvitse URL-osoitetta eikä isännöintiä: lähetät itse tiedoston Valotaliveen, ja se toimii näytöllä. Käytä Web Appia olemassa olevalle sivulle ja HTML Appia sovellukselle, jota ei vielä ole.

Mitkä ovat tiedostovaatimukset?

Kelvollinen, itsenäinen .html-dokumentti, joka on alle 2 MB, ja jossa CSS ja JavaScript ovat sisäisesti tai upotettuina. Ulkoiset tyylitiedostot ja skriptit eivät välttämättä lataudu, jos näyttö on rajoitetussa verkossa. Valotalive skaalaa sovelluksen automaattisesti jokaiselle näytölle; jos asettelu tarvitsee tietyn katselualueen, aseta App-ikkunan koko Configuration-välilehdellä.

Voiko sovellus näyttää ajantasaista dataa?

Kyllä, kahdella tavalla. Sovelluksen JavaScript voi hakea julkisen lähteen ajon aikana – avoimen API:n tai julkaistun taulukon – joten lataat kerran ja se pysyy ajantasaisena. Palomuurisi takana olevaa dataa varten paikallinen siltaohjelma valvoo tiedostoa omalla koneellasi ja lähettää jokaisen uuden version automaattisesti; näyttö ei koskaan yhdistä verkkoosi.

Miten päivitän näytöllä olevan sisällön?

Lähetä uusi tiedosto samalla tavalla kuin lähetit ensimmäisen – lataussivulta tai samalla curl-komennolla. Jokainen lähetys korvaa edellisen sisällön sekunneissa, ja tyhjä päivitys tyhjentää näytön. Paikallinen silta automatisoi lähetyksen aina, kun tiedosto tallennetaan.

Onko se turvallinen?

Itsenäinen tiedosto ei sisällä palvelinpuolen komponenttia, joten ei ole taustajärjestelmää, johon hyökätä. Pääsyä hallitaan Secret key -avaimella – yksi per sovellusinstanssi, joka voidaan uudistaa Configuration-välilehdeltä aina tarvittaessa. Pidä tunnistetiedot ja sisäiset URL-osoitteet poissa tiedostosta, ja tarkista paikallinen silta turvallisuustiimisi kanssa ennen sisäisen datan yhdistämistä.

Miten saan HTML Appin?

HTML App on tulossa pian. Ota yhteyttä saadaksesi varhaisen pääsyn, ja avaamme sen tilillesi. Kun se julkaistaan, aktivoi se Apps → New apps Valotaliven dashboardissa (Admin-rooli vaaditaan). Uusi Valotalivessa? Aloita ensin ilmainen kokeilu.