Gå til innhold
  • Bli medlem
Støtt hjemmeautomasjon.no!
  • Fermate
    Fermate

    HomeSeer-skolen #8: HStouch

    Hvorfor  HomeSeer Touch?

    Personlig synes jeg HomeSeer har 3 styrker: Åpenheten gjennom plugin-systemet, muligheten til selv å bygge ut systemet med scripting og egne plugins og sist men ikke minst HS Touch systemet som gir mulighet for å lage egne touch interface.

    Å kjøre HomeSeer (heretter kalt HS) uten å ta i bruk HomeSeer Touch (heretter kalt HST) blir som å kjøpe en bil men aldri åpne bagasjerommet.

     

     

    HST består av 3 deler:

    - En editor for å «tegne» opp brukergrensesnittet og definere funksjonene det skal ha.
    - En App på en telefon, ett nettbrett eller en PC for å kjøre dette brukergrensesnittet
    - Og en server Plugin for å kommunisere med denne App’en.

    Editoren lagrer all funksjonaliteten du definerer i en XML fil og overfører denne til App’en sammen med nødvendig grafikk. App’en er således den samme hele tiden men parametriseres til å oppføre seg som du ønsker gjennom dataene som blir lastet opp fra editoren. Når alt er lastet opp kommuniserer App’en direkte med HS plugin’en og editoren er ute av bildet:

    b1.PNG

    Pro versjonen av HS kommer med HST inkludert, ellers må du kjøpe den separat.
    App'ene laster du ned fra Appstore/Google Play, mens Windows klienten førlger med HST:  hstApp.png

     

    So lets get started!

    HST er en ganske avansert affære med mange muligheter, men vi skal nå se på hvordan du kommer i gang og hvordan du lager de viktigste tingene:
    - En slider som dimmer et lys
    - En knapp som kjører en Event
    - Statuser vist som tekst eller Grafikk
    - En knapp som skrur av/på og som viser status
    - Hvordan en bytter bilde

     Start opp HST Editoren hsteditor.png og velg «File/New Project» så får du opp «Project Defaults»:

    project defaultpng.png

    Her fyller du inn Prosjekt Navn, velger Type (som bestemmer høyde og bredde i piksler) og angir IP adresse (eller DNS) og login til HS serveren (En av dem du har definert i HS under "Tools/Setup/Network")

    Så dukker editoren opp og for dem som har kjørt Visual Studio er mye kjent:

    hstedit 1.png

    Først sjekk at den "grønne prikken" i toolbaren er grønn. Den signaliserer at du har kontakt med serveren. Er den ikke grønn så gå "Tools/Options/Connection Defaults" og connect på nytt.

    I midten er arbeidsflaten som skal bli en skjerm i App'en. Til høyre er Egenskapene (Properties) til det elementet som er selected. Til venstre er det Elementer du kan bruke for å tegne opp brukergrensesnittet. Disse velges fra et "Skin" (Et grafisk tema) og er gruppert i faner med navn som "Buttons, Sliders, Graphics osv.

    En kan også lage egne skins med knapper og Custom elementer men det skal vi ikke snakke om i denne artikkelen.

     

    La oss lage en Slider som dimmer et lys.

    Gå til "Sliders" fanen, dra en Scrollbar ut på arbeidsflaten og klikk på Property: "StatusTracking" :

    hstedit 2.png

    Du får nå opp en "Element Association". Her velger du "HomeSeer Devices" og finner en Device du vet er en dimmer.

    Etter OK er vi klar for å teste. Velg "Tools/Run Windows Client" og så kommer App'en din opp på PCen og du kan dra i slideren og se at lyset dimmer. Gratulerer du har laget din første HST applikasjon! :) 

     

    På telefon eller pad

    Om du har en PCskjerm med touch kan du nå henge den på veggen og bygge videre. For de fleste av oss er en iPad (gjerne en brukt iPad1) eller en iPhone (eller ditto Adroid selvfølgelig) et enklere alternativ:

    Last ned HomeSeer Appen og finn den i "Settings". Sjekk at connection Mode = Ask og klikk på en av Server Connection:

    1hstip1.png  ->  hstip3.png

    Endre "Address" til IP-Adressen til HS serveren din (eller bruk DNS) og skriv inn brukernavn og passord og gå tilbake og start opp APP'en.

    Etter å ha valgt den serveren du valgte å konfigurere kommer standard Interfacet til HST opp:
    (Her kan du nå med en gang velge deg ned til den pæra vi skal dimme og styre den med standard interfacet for å sjekke at det går)


    hstip4.png  hstip5.png

    Noen synes dette er greit nok, men jeg synes du skal designe ditt eget interface som er spesialtilpasset ditt behov og din smak.

     

    Ready to DEPLOY

    Vi skal derfor sende det vi har designet i HST editoren til telefonen; Velg "Tools/Deploy" og sjekk at telefonen din vises i listen, og klikk på den:

    hstedit x2.png

    La bildet med overføringsparametere være uendret og når du trykker OK vil Telefonen vise "Deploying Configuration" og deretter vår App:

    h1.png   h2.png

    Dra i slideren og nyt følelsen av å ha laget din egen HS App :) 
    Legg også merke til at når du endrer dimmeren manuelt (eller med Web Interfecet til HS) så flytter slideren seg :) 

    Nå er det egentlig bare å prøve seg fram og teste for å se hvordan de forskjellige tingene oppfører seg, men la meg ta en par av de mest praktiske tingene for å gi deg en flying start:

     

    En knapp som starter en Event

    Dra ut en knapp og endre "Text" propertyen. Klikk på "Action When Released" og få opp "Action Editoren".
    Legg til en Action og sett typen til "HomeSeer: Trigger a HomeSeer Event"
    Velg en Event som skal kjøres.

    knapp1.png

    Så er det bare å kjøre "Tools/Deploy" igjen (husk at App'en må kjøre for at telefonen skal dukke opp i Editoren) og sjekke funksjonaliteten på telefonen.

    Ikke fall for fristelsen til å lage mange Actions bak en knapp dersom det samme kan oppnås ved å lage en ny Event som kaller på disse funksjonalitetene. Det er MYE lettere å endre en Event senere enn å måtte deploye ett nytt HST prosjekt til alle enhetene dine.

     

    La oss bygge ut med å lese av en status verdi:

    Velg fanen "Others" og dra ut to "Text" elementer. Sett teksten på den ene til "Ute Temp" og Trykk på "Status Tracking Normal" på den andre.
    Velg en Device fra et termometer og bruk "Use Status Text". OK og Ferdig!

    text1.png

     

     

    Om vi vil ha en status vist som grafikk gjør vi slik:

    Dra ut en "Image" og bind den til et lys med "Status Tracking Normal" på samme måte som vi gjorde med dimmeren, men denne gangen velger du "Use status Image" isteden for "Use Value". Endre propertyen "ImageFormat" til "Stretched" slik at hele bildet blir synlig. Nå vil du se standardgrafikken til denne Devicen, men vi ønsker å bruke vår egen grafikk så vi trykker på "StatusImages" og får opp "Status Image Editor":

    grap1.png

    Her trykker vi "Add" 2 ganger for vi trenger bare 2 status bilder, -en for ON og en for OFF.
    Vi kan for eksempel velge bulb-back.png for OFF status og bulb-on.png for ON fra denne mappen
    C:\Users\xxx\Documents\HSTouch\Skins\Android\Graphics
    som ble installert sammen med HST.

    Deploy og test at pæren tenner og slukker når du tenner og slukker devicen som du tracker.

     

    Men vi vil også kunne tenne og slukke den ved å trykke på lyspæren!

    Om vi nå endrer "IgnorePresses" til FALSE dukker propertiene for en knapp opp. Vi bruker "ActionsWhenReleased" og lager en action på det samme devicet som vi tracker. Dette ligner på knappen som startet en Event, men denne gangen velger vi "Toggle On/Off" som command:

    toggle.png

    Deploy og test at du nå kan slå pæren av og på ved å trykke på den.

    Jeg bruker ofte slike knapper med både tekst og bilde til å vise status og aktivere ting:
    Alarm-Garasje-norm.pngAlarm-Garasje-pressed.pngb-Bod-norm.pngb-Bod-pressed.pngb-Les2-norm.pngb-Les2-pressed.png
    Å lage egne (3D) knapper med enkle verktøy som Powerpoint (!) er en historie vi må ta en annen gang.

    Tilslutt en par viktige funksjoner:

     

    Det kan være greit å ha en knapp som lukker App'en:

    Til det bruker vi Action type: "Misc: Exit Application"

    exit.PNG

     

    Flere skjermer

    Du klarer aldri å få alt inn på en skjerm så flere skjermer må til.

    Bruk "File/New Screen" for å lage en ny skjerm eller høyreklikk headeren på en eksisterende skjerm og velg "Copy".

    Gi den nye skjermen et navn, og pass på at hovedskjermen din (den som App'en kan "time ut og gå tilbake til") er den (eneste) som er merket "IsMain"=TRUE

     

    ny skjerm.PNG

     

    Når du vil vise denne skjermen bruker du Action "Screen: Show another screen by itself" og angir den skjerm du ønsker å vise:

    bytte skjerm.png

     

    Men når jeg er laaangt borte

    Om du ønsker å kunne styre huset fra telefonen når du ikke er hjemme må du åpne opp port 10200 i routeren din og forwarde den til HS serveren.
    Du må enten ha en fast IP om ISPen din tilbyr det eller en DynDns type tjeneste slik at du kan sette opp den IP'en/DNS'en i Configurasjonen i App'en.

    Om du har en router som kan mappe din WAN DNS til din LAN IP (eller du kjører en server med full DNS) klarer du deg med kun 1 server i HST App oppsettet og du kan endre connection mode fra  "Ask" til en fast server. Har du ikke det kan du bruke to server definisjoner med henholdsvis WAN og LAN IP og kalle dem "HST Hjemme" og "HST Borte".

     

    HS kan også styre HST på eget initiativ:

    Du kan vise en skjerm med et bilde fra et kamera når det ringer på døra eller si "Alexa, Show me the carport web camera on the upstairs iPad"
    Sjekk under "HSTouch Actions" på en Event for hva du kan gjøre. Husk at så lenge den tilbyr "Simulate a press of an element" kan du bruke dette på en usynlig knapp i HST og la den ha alle de actions du måtte ønske.

    Ting vi ikke har snakket om:
    - Å kjøre HTML inne i HST
    - Starte et script med eller uten parametere
    - Video (Som egentlig bare er stillbilder fra et WebCam med en refresh hver x sekund :( )
    - Design for å få ting pent og effektivt og passe lett å forstå
    - Verktøy for å effektivisere produksjon...

     

    Ellers er det jo bare å spørre :) 

     

    Brukertilbakemelding

    Anbefalte kommentarer



    Tusen takk for fantastisk guide!
    Jeg er ny i gamet, så dette passet meg bra - at homeseer er på tilbud akkurat nå, passet jo også bra :P

     

    Jeg tror jeg har fått svar på dette, men trenger en bekreftelse for å være sikker. Vi ønsker å starte automatisering av en bolig hvor vi i første omgang skal automatisere noe lys inne samt lys utendørs og garasje. Vi leier ut en leilighet i huset vårt, og garasjen og kjeller med vaskerom er felles for oss. Forstår jeg det slik at "tilgangskontroll" styres gjennom HStouch og hva man deployer til hvilke enheter?

     

     

    - en versjon til barna våre; lys i leilighet, garasje og lys egne rom

    - en versjon til leieboere; garasje, kjeller, utelys

    - en versjon til oss; garasje, kjeller, utelys, alt i vår leilighet

     

    Kan man lage grupper av enheter som dette deployes til? (alle seks personer har vel minst to enheter hver...)

    Mulig jeg overså det, men kan man lage et webgrensesnitt som er beregnet på touch på pc/i en hvilken som helst nettleser?

     

    Og et siste spørsmål; hvor stabilt er homeseer?

    Jeg forutsetter da at jeg har satt opp ting korrekt, så snakker her om stabiliteten til software som kjører på en windows 10 boks. Alle andre i huset er avhengig av noe som bare "fungerer", og om homeseer generelt sett er stabilt tror jeg jaggu jeg går til innkjøp og starter så smått....føler meg som en liten unge på julaften. Haha.
     

    Endret av pingla
    Lenke til kommentar
    Del på andre sider

    15 timer siden, pingla skrev:

    Og et siste spørsmål; hvor stabilt er homeseer?

    Veldig.

     

    15 timer siden, pingla skrev:

    Kan man lage grupper av enheter som dette deployes til? (alle seks personer har vel minst to enheter hver...)

    Du deployer til en enhet om gangen, dessverre.

     

    15 timer siden, pingla skrev:

    Forstår jeg det slik at "tilgangskontroll" styres gjennom HStouch og hva man deployer til hvilke enheter?

    Hvilke brukere som har tilgang til hvilke devicer styrer du i Web-grensesnittet, og HStouch vil følge etter det. :) 

     

    15 timer siden, pingla skrev:

    Mulig jeg overså det, men kan man lage et webgrensesnitt som er beregnet på touch på pc/i en hvilken som helst nettleser?

    Ja, HomeSeer har en innebygget webserver. :)

     

    15 timer siden, pingla skrev:

    føler meg som en liten unge på julaften. Haha.

    Det er en ny, stor verden! Full av mange spennende muligheter! :D 

    • Like 1
    Lenke til kommentar
    Del på andre sider

    Nå er jeg virkelig flau, men jeg skulle åpne bagasjerommet og sette igang arbeidet, men kommer ikke en cm.

    Jeg søger guiden frem til "Run Windows Client" men det virker ikke, hva i h*^&%%$ er det jeg gjør feil, har liksom prøvd 1000 ganger nå!

     

    HS3 og HSTouch Designer er på samme PC, men det burde vel gå??

    Jeg tror jo at alle plugins som trengs er på plass??

     

    Noen som har tips?

     

    Skjermbilde 2018-03-02 kl. 21.08.44.png

    Skjermbilde 2018-03-02 kl. 21.12.21.png

    Endret av Ruud
    Lenke til kommentar
    Del på andre sider

    17 minutter siden, Ruud skrev:

    Jeg søger guiden frem til "Run Windows Client" men det virker ikke, hva i h*^&%%$ er det jeg gjør feil, har liksom prøvd 1000 ganger nå!

    Man får vanligvis en feilmelding....?

    Lenke til kommentar
    Del på andre sider

    11 minutter siden, Moskus skrev:

    Man får vanligvis en feilmelding....?

    Nope, står bare not connected og så har jeg gått utifra at når den melingen forsvinner så er den connectet.

     

    :):):) Utrolig hva man finner ut rett etter at man har spurt om hjelp!!!

    Feil var at den ikke koblet til, som fikset på denne måten i  Windows Client: Høyre klikk, Client option, fyll inn username og password, vola! Da fikk jeg Deployet til telefonen også.

    • Like 1
    Lenke til kommentar
    Del på andre sider

    Hvordan vise slike verdier som ikke er helt oppe i dagen, slik som klokkeslett en bevegelssensor sist var aktivert? Ser jo at det går an i et av skjermbildene til @ZoRaC men hvordan?

    Endret av SveinHa
    Lenke til kommentar
    Del på andre sider

    22 minutes ago, SveinHa said:

    Hvordan vise slike verdier som ikke er helt oppe i dagen, slik som klokkeslett en bevegelssensor sist var aktivert? Ser jo at det går an i et av skjermbildene til @ZoRaC men hvordan?

    Du bruker script i tekstfeltet. Bytt ut "deviceref" med Reference ID til devicen du vil vise.

     

    F.eks [$SCRIPT=&hs.DeviceLastChangeRef(deviceref)] 

     

    • Like 3
    Lenke til kommentar
    Del på andre sider

    4 minutter siden, GeneralVirus skrev:

     

    F.eks [$SCRIPT=&hs.DeviceLastChangeRef(deviceref)]

    Se der, ja, funker som et skudd. Må finne ut hvilke flere av disse som kan være aktuelle å bruke.

    Lenke til kommentar
    Del på andre sider

    On 14/01/2019 at 17:57, SveinHa said:

    Se der, ja, funker som et skudd. Må finne ut hvilke flere av disse som kan være aktuelle å bruke.

    Takk. Har lett etter samme de siste dagene.

    Hvor kan man finne disse variablene ? Om man ser mulighetene så kan man fort klekke ut noen nye skjermbilder med nyttig info.

     

    image.png.a96f5b86b9618d241444e4eeea56e785.png

    Endret av Ronny
    Lenke til kommentar
    Del på andre sider

    Virker HsTouch under Windows10? Jeg har installert den og får startet den. 


    Etter mye kuking med passord og greier så har jeg klart å få den i forbindelse med min HomeSeer gjennom MyHomeSeer. Direkte mot IP får jeg ikke til.
    Og under Tools-Deploy finner jeg bare "Not Connected". 

    Dessuten går HsTouch Designer nå i frø stort sett uansett hva jeg gjør. Jeg får Windows "karusellen" og at HsTouchDesigner svarer ikke.

    Så må jeg bare avslutte programmet. Dette ser ut til at det blir værre jo mer jeg prøver. Nå kan jeg gjøre ett valg, så kiler den seg.
     

    Derfor lurer jeg på om problemet er at jeg kjører Windows10. Jeg har brukt den på denne maskinen før jeg installerte Windows10, og da virket det.

     

    Lenke til kommentar
    Del på andre sider

    Jeg har kjørt Designer på Win10 lenge og den funker. Fikk dog et problem på min siste laptop da der dukker jevnlig opp en delingsfeil på en fil og den popup meldingen havner lett bakom så du ikke ser den og da ser det ut til at Designer henger. Du finner igjen popupen med Alt-Tab og kan kvittere den ut og da holder den seg borte i et par minutt.

    Lenke til kommentar
    Del på andre sider

    Det virker jo som en plausibel forklaring. Når jeg tenker meg om (av og til) så har jeg jo erfart at endel programmer bedriver den sporten å gjemme dialoger.
    Men nei, det var ikke det her.
    Men nå står den der og spinner, så kan den få gjøre det til det gror mugg på den! Kanske det bare er noe som har en halvtime som timeout?

    Lenke til kommentar
    Del på andre sider

    Har du en annen PC du kan teste på?
    Har du prøvd å skru av brannmuren?
    Har du tilgang til Web interfacet til HS far den PCen du prøver fra?

     

    12 timer siden, Einar skrev:

    Etter mye kuking med passord og greier så har jeg klart å få den i forbindelse med min HomeSeer gjennom MyHomeSeer. Direkte mot IP får jeg ikke til.
    Og under Tools-Deploy finner jeg bare "Not Connected". 

     

    Høres ikke ut for meg som om du har forbindelse

     

    Er PCen og serveren på samme nett?

    Lenke til kommentar
    Del på andre sider

    13 timer siden, Fermate skrev:

    Har du en annen PC du kan teste på?   Ja. Jeg har noen med Win7. Og det virket på denne før jeg opp(?)graderte til Win10. Men jeg har ikke prøvet på annen PC nå.
    Har du prøvd å skru av brannmuren?  Ja, og det hjelper ikke. 
    Har du tilgang til Web interfacet til HS far den PCen du prøver fra? Ja. Det funker helt fint.

     

     

    Høres ikke ut for meg som om du har forbindelse Da er du, jeg og HSTouch designer enige.

     

    Er PCen og serveren på samme nett? Ja.

     

    Dessuten går HSTouch designer totalt i frø etter denne feilen.
    Og Windows10 er helt nyinstallert. Jeg har ikke fifla med brannvegg eller noe annet som skulle bety noe. Bare installert programvare jeg hadde før Windows7 ble erklært spedalsk. (bortsett fra etter å ha lest ditt innlegg da. Men det er OK. Jeg har egentlig for meg at PC'n skal stå bak en brannvegg, ikke inni den.)
    Jeg har nå for meg at selv om det kanskje er noe feil med oppsett, så er det også en bug på størrelse med en Riesenschnauzer i programmet!

    Problemet nå blir nok å prøve å finne ut hvordan jeg skal unngå å vekke Schauzer'n.

    Jeg har en commit på telefonen som ble lagt der for lenge siden. Den virker om jeg forbinder gjennom MyHomeSeer men ikke om jeg går rett på (den lokale) IP adressen. Da får jeg noe "PLEASE READ" svada. Og om jeg går gjennom MyHomeSeer så flasher det en melding om "Connecting to 192.168.1.31". Dvs lokalt, for det er adressen til Raspberry'n som kjører HomeSeer. Og når telefonen spytter ut den adressen så vet jeg den har gått rett på og ikke gjennom noe i skyen eller New Hampshire, USA. Så der sitter jeg og ser ut som et stort spørsmålstegn!

     

    Men neste forsøk blir vel å ta med en Win10 laptop fra jobben. En av dem som kun har noen programmer for Ethernetsnusing installert. Så der er ialfall brannveggen like borte som Berlinmuren.
     

    Lenke til kommentar
    Del på andre sider

    2 minutes ago, Einar said:

     

    Dessuten går HSTouch designer totalt i frø etter denne feilen.
     

    Er dessverre fler som har det sånn. Har selv en nyinstallert Win10 og Hstouch designer installert. Om jeg vil ha det "moro" en fredagskveld og få noe til å føcke seg opp, så er det bare å starte HSTouch designer og connecte til Homeseer Pro. Da henger hele designeren. Mulig noe kødd mellom siste build av Win10 og HS designer,. men ustabilt er det. ingen tvil.

     

    Lenke til kommentar
    Del på andre sider

    OK. Da vet jeg iallfall at det ikke bare er her.
    Går det an å rope litt på HomeSeer forumet og be dem gjøre noe med bukkebæsjen?

    Eller blir man da lempet på hodet ut? Vi har jo faktisk betalt for dette.

    "Proudly made in USA" skal jo være et begrep. <latterkule>.

     

    Jeg ser ellers temperatur i webgrensesnittet rapportert med komma skilletegn, så den saken burde være OK.

    Endret av Einar
    Lenke til kommentar
    Del på andre sider

    Akkurat nå, Einar skrev:

    Går det an å rope litt på HomeSeer forumet og be dem gjøre noe med bukkebæsjen?


    Nei, på forumet er det mest brukere. Du må sende dem en e-post. De svarer kjapt. :) 

    Lenke til kommentar
    Del på andre sider

    Hm kjenner ikke disse problemene.

    Lite vits i å be deg teste å kjøre designeren på selve HS serveren siden den kjører på en PI ?

     

    Lenge siden jeg kjørte designeren nå. Kan forsøke å teste litt med forskjellige maskiner hjemme.

     

    Hvilke versjoner på HS og på Windows 10 (Home? Pro? Enterprise? MS365?)

     

    14 timer siden, Einar skrev:

    Høres ikke ut for meg som om du har forbindelse Da er du, jeg og HSTouch designer enige.

     

    Liten vits i å prøve noen som helst før du har forbindelse.

    Porten er 10200?

     

    • Like 2
    Lenke til kommentar
    Del på andre sider




    Bli med i samtalen

    Du kan publisere innhold nå og registrere deg senere. Hvis du har en konto, logg inn nå for å poste med kontoen din.

    Gjest
    Skriv en kommentar...

    ×   Du har limt inn tekst med formatering.   Lim inn uten formatering i stedet

      Du kan kun bruke opp til 75 smilefjes.

    ×   Lenken din har blitt bygget inn på siden automatisk.   Vis som en ordinær lenke i stedet

    ×   Tidligere tekst har blitt gjenopprettet.   Tøm tekstverktøy

    ×   Du kan ikke lime inn bilder direkte. Last opp eller legg inn bilder fra URL.




×
×
  • Opprett ny...

Viktig informasjon

Vi har plassert informasjonskapsler/cookies på din enhet for å gjøre denne siden bedre. Du kan justere dine innstillinger for informasjonskapsler, ellers vil vi anta at dette er ok for deg.