Touchscreen VB interface

Homeseer Forum in het Nederlands (DUTCH forum)

Moderator: Ruud

Esteban
Forum Moderator
Forum Moderator
Posts: 677
Joined: Sun Jan 13, 2008 6:39 pm
Location: Netherlands

Touchscreen VB interface

Post by Esteban »

Aangezien ik Chak's touchscreen thread niet wilde kidnappen heb ik maar even een eigen thread aangemaakt.

Voorheen gebruikte ik Xlobby om Homeseer aan te sturen via touchscreens.
Eind vorig jaar/ begin van dit jaar werd Xlobby een commerciele applicatie en zou geen updates meer krijgen in de huidige vorm. Een klein beetje gefrustreerd besloot ik maar mijn eigen interface proberen te maken in VB 2008, deze zou ik dan kunnen customizen naar mijn eigen wensen.

Er zijn geen configuratie panels e.d., alles is hardcoded voor mijn eigen systeem en ik ben nu niet meer afhankelijk van Xlobby voor het bedienen van HS. Het is een 'work in progress' en ik heb er de laatste maanden niet veel meer aan gewerkt i.v.m. werk enz, maar bijna alles is operationeel.

Wanneer ik weer eens wat meer tijd en zin heb, zal ik de interface gebruiksklaar maken. Ik wil het design misschien nog wat aanpassen, ben een beetje een minimalist en heb er een handje van om alle knoppen die ik niet regelmatig gebruik eruit te knippen. Het kan dus nog wel even duren voordat dit helemaal af is [;)]


Image Image
De main-interface window and de touch-screen lock screen.
Image Image
De lichten en Chromoflex controls en een kaartje met het actuele weer.
Image
De security camera panel.
Esteban
Forum Moderator
Forum Moderator
Posts: 677
Joined: Sun Jan 13, 2008 6:39 pm
Location: Netherlands

Touchscreen VB interface

Post by Esteban »

Een reply voor Francois, die een paar vragen had gesteld over mijn interface in een andere thread:

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote">Gil, ben zeker geinteresseerd
<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">Hier zijn de knoppen die ik heb gebruikt:
uploaded/Esteban/2008101323209_buttons.zip

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote">Nog een aanvullende vraag, hoe krijg je de weather image zonder borders op het scherm. Ik gebruik de standaard webbrowser uit de toolbox maar ondanks dat ik de margins op 0;0;0;0 heb gezet blijft er een lelijke witte border zichtbaar.

<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">Hoe ik het doe is: Ik load een kleine webpagina waar het weerkaartje inzit. Deze pagina is wat ik laad in mijn interface:

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote"><html>
<HEAD>
<STYLE>
body{margin:0}
</STYLE>
</HEAD>

<body MARGINWIDTH="0" MARGINHEIGHT="0">
<img src="http://www.teleweer.nl/freedata/radarbig.gif">
</body>
</html><hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">
Ciao,
Esteban
Lempens
Member
Member
Posts: 265
Joined: Wed Dec 12, 2007 1:24 am
Location: Netherlands

Touchscreen VB interface

Post by Lempens »

Esteban, do you have pictures of your tv guide. And another question do you use a pmix35 for controlling the lights?

If yes, how did you code it?
Esteban
Forum Moderator
Forum Moderator
Posts: 677
Joined: Sun Jan 13, 2008 6:39 pm
Location: Netherlands

Touchscreen VB interface

Post by Esteban »

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote"><i>Originally posted by Lempens</i>
<br />Esteban, do you have pictures of your tv guide.
<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">
Hoi Lempens,

Mijn TV guide is een van dingen die nog een 'work in progress' zijn. Voor de backend gebruik ik GB-PVR. En de web pagina van GB-PVR load ik in mn interface. Echter dit werkt nog niet echt zoals ik wil. Dit is ook een van de dingen die ik er misschien wel helemaal eruit haal. Ik kijk bijna geen TV en als ik wat wil opnemen doe ik dat vaak toch instellen wanneer ik achter een desktop zit.

Image

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote">do you use a pmix35 for controlling the lights?<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">
Ik gebruik Z-wave voor het bedienen van de lichten.

Gr,
Esteban
Lempens
Member
Member
Posts: 265
Joined: Wed Dec 12, 2007 1:24 am
Location: Netherlands

Touchscreen VB interface

Post by Lempens »

Je hebt toevallig geen ervaring met het communiceren tussen VB.net en de pmix35.

Ik heb een keer een programma gekregen van een gebruiker van dit forum, maar dat werkte alleen voor de CM11 van marmitek. Wat communiceerde via rs232.
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

Touchscreen VB interface

Post by TANE »

Esteban
Forum Moderator
Forum Moderator
Posts: 677
Joined: Sun Jan 13, 2008 6:39 pm
Location: Netherlands

Touchscreen VB interface

Post by Esteban »

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote"><i>Originally posted by Lempens</i>
<br />Je hebt toevallig geen ervaring met het communiceren tussen VB.net en de pmix35.
<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">
Nee, sorry ik kan je daar helaas niet veel over vertellen.


Thanks voor de extra links van weerkaartjes Enver. Die van het KNMI is heel tof.
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

Touchscreen VB interface

Post by TANE »

Francois
Member
Member
Posts: 255
Joined: Mon Apr 21, 2008 3:16 pm
Location: Netherlands

Touchscreen VB interface

Post by Francois »

Dit wordt een heel leuk draadje, bedankt voor alle input tot zover. Zojuist de buttons gedownload, eens kijken wat ik daar mee kan. Esteban bedankt.

@Esteban: Nog even een vraag over de webview, je schrijft "Hoe ik het doe is: Ik load een kleine webpagina waar het weerkaartje inzit. Deze pagina is wat ik laad in mijn interface:". Waar laad je deze webvagina precies? In VB? DIt is mijn onbekendheid met VB, zou je zo vriendelijk willen zijn om iets meer toe te lichten?

Francois
________________________________________________________________________________________________________________________
Esteban
Forum Moderator
Forum Moderator
Posts: 677
Joined: Sun Jan 13, 2008 6:39 pm
Location: Netherlands

Touchscreen VB interface

Post by Esteban »

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote"><i>Originally posted by Chak</i>
<br />nog een
http://gratisweerdata.buienradar.nl/radar.php<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">
Weer zo'n klein schattig kaartje dat veel info bevat en weinig pixels inneemt. Tis dat mn iPhone al alle weerfuncties heeft die nodig heb, anders zou ik deze in mn ifohn interface stoppen [;)] Thanks Chak.

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote"><i>Originally posted by Francois</i>
<br />Nog even een vraag over de webview, je schrijft "Hoe ik het doe is: Ik load een kleine webpagina waar het weerkaartje inzit. Deze pagina is wat ik laad in mijn interface:". Waar laad je deze webvagina precies? In VB?
<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">
Francois, aangezien het al een tijd geleden is sinds ik dat weerkaartje heb ge-integreerd moet ik een beetje graven in mijn geheugen hehe. Maar als ik me niet vergis had ik ook een probleem met dat irritante randje. Als ik het me goed herinner heb ik dat probleem toen opgelost door dus een HTML met het plaatje erin te 'laden' in plaats direct de url van het kaartje. (Gewoon 'webbrowser' uit toolbox in VB, zonder sliders enz.) Dit HTML bestand heb ik in de webserver ([html] folder) van homeseer staan. Met 'load' bedoel ik in VB in een webbrowser component, in een form.

Hier zijn de settings die ik gebruik in VB voor het webbrowser component:
Image
Francois
Member
Member
Posts: 255
Joined: Mon Apr 21, 2008 3:16 pm
Location: Netherlands

Touchscreen VB interface

Post by Francois »

Esteban, bedankt voor de tips, het werkt!

Francois
________________________________________________________________________________________________________________________
Esteban
Forum Moderator
Forum Moderator
Posts: 677
Joined: Sun Jan 13, 2008 6:39 pm
Location: Netherlands

Touchscreen VB interface

Post by Esteban »

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">quote:<hr height="1" noshade id="quote"><i>Originally posted by Francois</i>
<br />Esteban, bedankt voor de tips, het werkt!
<hr height="1" noshade id="quote"></font id="quote"></blockquote id="quote">
Super [:D]

Ik ben ondertussen, weer eens aan de gang geweest en heb wat mock-ups voor een kleine re-design van m'n interface, geen idee of dit het ooit gaat worden, maar ik brainstorm gewoon op mn gemak door.

(De plaatjes hieronder zijn dus niet echt, alleen een paar tekeningen die ik gemaakt heb om een idee te krijgen)
Image

Image
Francois
Member
Member
Posts: 255
Joined: Mon Apr 21, 2008 3:16 pm
Location: Netherlands

Touchscreen VB interface

Post by Francois »

Ziet er leuk uit, ik ben zelf nog behoorlijk aan het worstelen met de layout. Heb jouw buttons geprobeerd maar ben nog niet tevreden over het resultaat. Ik zoek nog steeds naar een plek waar ik stijlvolle en mooie buttons kan downloaden. Eventueel met vooreelden ed.

Francois
________________________________________________________________________________________________________________________
Esteban
Forum Moderator
Forum Moderator
Posts: 677
Joined: Sun Jan 13, 2008 6:39 pm
Location: Netherlands

Touchscreen VB interface

Post by Esteban »

Ja, het kan veel tijd in beslag nemen om uit te vogelen wat het beste voor je werkt kwa layout. Een goed doordachte layout heeft tijd nodig, net als wijn [;)]

Voor buttons heb ik geen URL voor je behalve images.google.com en daar een search doen naar 'buttons' oid. Een korte search leverde me het volgende op:

http://tutorialbug.com/tutorials/photoshop/buttons/
http://www.webresourcesdepot.com/web-ap ... utton-set/
http://www.blog.spoongraphics.co.uk/fre ... le-buttons
http://vista-buttons.com/full_themes.html
http://dryicons.com/free-graphics/previ ... l-buttons/

Misschien kun je je laten inspireren door een van deze om je eigen knoppen te maken?

Ciao,
Esteban
Digit
Global Moderator
Global Moderator
Posts: 3388
Joined: Sat Mar 25, 2006 10:23 am
Location: Netherlands
Contact:

Touchscreen VB interface

Post by Digit »

Beste is om Photoshop-tutorials te volgen, daar zijn er plenty van te vinden. Of, wat ik een tijdje geleden eens heb gedaan, is VistaButtons trial installeren (zie Esteban's lijstje), button ontwerpen en dan een screen-capture maken met bv. Hoversnap. Maar dan moet je wel binnen 30 dagen zeker weten dat je tevreden zult blijven...[:)]
Post Reply

Return to “Homeseer algemeen Forum”