Webinar: Mastering Custom UI Design with AVgator Studio! October 09, 2024

um hello everyone thank you to finding time to join our webinar so it's a I would say annual webinar so last we did such big it's a last year uh it was November where we presented um our Alpha version of our product and uh since then we out of the data and and now uh we have a version 2.0 and we add a lot of features which I would like to show you and to little bit about the difference between our tool and another tools on the market so I I hope everyone can hear me uh can you put hands up or whatever okay excellent excellent thank you okay let's move move forward so first of all AV Studio AV studio is a software as service so we created this Tool uh only because we realize so uh a we in Engineers AV programmers are not actually real programmers uh and to learn everything from scch it's possible but it's time consuming and in nowadays so uh the time it's the our goal so it's only what is very important on any project so and uh we was thinking how to um decrease delivery time and we realized okay a program need a tool which allows them to create cool interfaces pretty quick fast without like deeping dive to the JavaScript world or any web development Frameworks so uh I would like to encourage you to remember this uh resources where you can uh see U tool itself also you can find some demo projects I believe it's already like a nine demo project it was created in different time of period and you can even notice uh how it's developed and what is actually the difference between um them yeah oops so um even last project it uh was provided by community so one of our programmers who using our tools daily and he completed few projects I would say big projects okay we're going to talk about the how to uh start with the uh a studio uh so uh we prepare templates uh we prepare templates I'm so sorry let's me see okay so we prepared templates and we can uh uh it's good point to learn how actually uh to create something Dynamic responsive and how to use all features uh of this Tool uh so uh also I going to show you how to connect to the real control system so because uh when we do development it's really important to uh send a command and see this uh feedback right away uh without uh compiling the project uh upload to the touch panel um to see what happening and again so this is the key uh another key is a live preview so live preview is actually what you actually doing you can see right away on the separate window so it's a really fully functioned uh project what you actually load into the touch panel and debugging so you can do debugging from uh AB Studio or you can uh build uh into the project console and load to the touch panel for example Chron TS uh touch panel yeah and uh all your actions you will see how is everything going and yeah so see the results okay uh also uh during this webinar I would like to show you uh another way how we can use the data sources because data sources is the key so the key to work dynamically with the big projects uh to load data from the control system communicate with this control system and send the commands so in our case um we're going to use Chon home system okay also uh I would like to show you uh so brand new adaptive design page so what does it mean so like three months ago when we got on the infocom uh we we thought it's not really important but what we realized a lot of programmers They Don't Really catch what is the progressive okay we just gave the tool what you get to use so you like to use adaptive okay go ahead put statically buttons but again some advantages disadvantages okay uh uh we can talk about the best practices if we will have a time about the limitation of adaptive and uh responsive design because each of them has some opportunity and more important so it's not like a static tools what really limited you no no no so if you're Advanced programmer but you're looking for the uh way have to be more efficient and you knowl 5 and CSS go ahead you can use this so JavaScript you can write any function so you can do almost everything uh and little bit more we will talk how about our road map and what to expect next okay templates uh so uh since infocom to CIA we have add two templates for you guys so this is templates as you can see it's a luxury uh control suit uh which allow you to select um room from the Leist room it's a list Dynamic list you can swipe left and right um and also you can uh select pretty simple I would say maybe even better to start with it's a Cher field residence so it's just give you kind of idea what to expect another templates they are still in quality insurance and we still trying to improve them or see how they working so but a little bit later so we expect uh more and more okay how to get started uh actually when we open uh a studio in community templates we can see a list of these templates right now it's only true you just press button clone to my project and after that this uh will be CL uh this will be a clone to your project list I'm sorry for Interruption yeah and um uh after that you will see what is actually inside all pages all sub Pages sub pages is the key yeah so you can see uh everything what is how is included okay so uh next uh you can uh do settings here so like rename this uh project uh or give archive name assign IP address for your control system what you're working with yeah so uh put authentification key yeah notification key you actually know how to generate so you open a toolbox press command socket token copy this uh webset token and insert to the uh to this field uh next you can create a different environments so what does it mean so uh few developers can work with a different control system they have a different IP addresses or uh you can go in house or you go on site you have a different uh IP addresses you have a different credentials okay go ahead you can create and use this uh as needed so uh only when you build you select what environment you're going to use or what Life preview you're going to use so select what you need press build and go ahead so you will get this archive file which you just load to the processor or to the touch panel directly so if you use iPad you load to the processor or your own web server if you use ksw or TS touch panel you can load directly to the touch panel uh if you use a I don't know Android application Android template I'm sorry in this case you put on any web server and uh use kind of um I would say progressive web application icon uh from the browser and it will put a icon on the desktop okay uh let's move forward and how we can uh do debugging so once we connect once we connect to the real control system yeah so we can open the live preview uh it will be connected to the real control system yeah so and after that after that uh so we can uh open the debugger let me show it okay so we have button how to connect and we have a console we can open this console right here in AV Studio or you can use a console even from the browser so here when you click a preview button all commands are fired and sending to the processor once they assigned yeah uh so actually it was only few buttons in the menu which actually doing something also you can do the same so just press F12 button and you will see the console it's uh by the way if it's question it's a Google chome um I would say it's maybe the best tool to do development uh so and you see the same commands a little bit more information uh not necessary for you but uh most of them are highlighted okay uh let's move next uh so the same if you assigned like analog uh drawing so you see it's sending a value to the processor uh if you have a real true program so we will got a through feedback and it will save this all data okay uh what else uh let's move next so as I showed you we already have everything okay so right right now uh we can enable uh so create like another environment it will be the same like default but enable the console and uh when we load this project to the processor or open it online so we actually will see as a console so it's only one way uh to see what going on on the touch panel uh when you don't have like F12 button so you you see this new uh kind of button you can hide press again it will pop up this theb back window it's really powerful tool believe me sometimes it's necessary to know so and as you can see you see the same all data okay next let's move forward so we have here uh responsive design what is the difference so you don't really care about how to put these elements on the page you just drop them and they spread between the page and uh inside the container you just uh Say Hey I want a straight I hold I want to like um put on the bottom at the end and these buttons these elements will be always at the same place uh and even when uh resolution of your display will be changing uh it's better way to try by yourself uh how it's actually works it's little bit timec consuming to understand but once you got it you will realize how powerful this tool and how you can actually create uh nice interfaces Dynamic okay and adaptive adaptive sometimes find also good uh solutions for the clients you know when you have something static for example you have a uh house layout and you would like to spread some elements uh and put them at this exact location yeah uh and for example cameras camer is maybe most common case yeah so you put in this corner and you realize okay it's here or you would like to put like a light uh control somewhere lamp ball whatever so this is adaptive you're you will start you will got it okay uh next um what we need to understand about the responsive layout and difference between between adaptive so responsive it's this page are usually it's usually straight but uh to have uh some uh like static elements you need to put like a global containers so in our case we have a header and footer and we have light and uh right side so this is these containers appeared on almost all pages so you can control where would you like to to see them or you would like to hide them but the general idea first of all is to has um um this container on each page so at the center the main page it's actually the page where you put all your controls all your elements so this is how it looks like and inor so when you also change resolution it's also allow you you see like adopt so actually like a main page just squeeze or straight um change resolution the same so you see how it actually works okay move let's move forward uh each element uh has actions and this actions has also different uh type uh so we put most common uh tab hold and double tap um and also we add a manual manual uh I would say it's a little bit uh early to tell about this but uh we we're going to use this manual for the HTTP responses and yeah so we going to like work with HTTP requests and use these manuals um in in next examples maybe I will show you okay but uh what actions or type of this actions we have so we can execute like a digital analog serial so we can do multiply actions for any buttons uh or any elements uh at the same time so uh for example you would like to press the button turn on the light right send serial signal somewhere else flip page at the same time and set I don't know analog uh and maybe at the same time you would like to pop up like overlay window with some elements so everything you can do at the same time so pretty cool feature uh what else you can add uh your own uh function execution to par some data or do some crazy stuff uh um or just use for HTTP requests um okay let's next um here I would like to show you uh how it's actually works so you see I have a button I'm going to name it yeah we will use this in the future so and uh the simplest way to do this is just a flip page so you know what is flip page but yeah so we need this in our live preview otherwise we unable to back uh so like I sh you here so we uh can uh name we can add different actions um and for okay and going to create a back button yeah also I see some question okay yeah uh I see some question and Alex oh I'm sorry I forgot to introduce you so here Alex and Harry uh it's our team leads they are helping to answer your questions yeah and uh some questions what you see they already answered okay so we spread this all elements on the page uh and uh next we add like a back button it's just generic command it's means like we return back or we can assign exact page to this you got it's exactly like we use in VPR yeah and sub Pages yes sub Pages like a reference list exactly so we can create sub pages but uh so uh vik Pro uh has a limitation you were able just put like a one sub page and this it here you can move uh it's more powerful because you at least you can nested the sub pages so you can create one subd and put to inside another subd uh okay uh next uh so uh what I also showing here so you see we have uh kind of uh static text but now I would like to show you how we use a variables so variables which we use inside the project uh it can keeps any data like a Boolean string or numbers and we can use inside our projects so everything what you create user interacting you don't need to do programming on the uh control system side so you just select like a string yeah like in our exam example we would like to be more efficient and we going to use the same text element we just instead of put different name for each page we just going to replace with a static so where we use a variables and after that so as you can see so I just remove everything like a static boot Dynamic we are programmers we would like to be more officient okay and next each page has also actions so it means when page just loaded we can assign the same action and in our case we just put okay uh it's loaded a page and uh we like a responsive page in this case okay go ahead we just set variable okay this is the responsive page this is or whatever you want so but in this example exactly like this okay um animation and and and adaptive yeah uh so also as you can see so we can uh even uh use like uh delays uh sometimes it's really important when you would like to execute one command after another one command uh so um uh I see a question from the drn about the media player okay so we insert the widget with the media player and it is available there but what we got from the community uh it didn't find uh to be really useful and uh most of the programmers right now create their own player and they create this player only because because it's not such difficult at all when you use a sub pages and uh uh the second uh why the reason why so to communicate is with the real equipment from the web uh application it's required to communicate or web sockets or it's required uh like a web server what actually is the same and it's also required to has a true secure certificate so SSL is actually what has this limitation so when we use this uh compile project with a Chron one uh Chron one has like a work around and uh go connected to directly to the cryst control system and so it's not required certificate anymore and uh control system cstone control system working with the media players through the TCP connection little bit different way so this is why but I have a good news uh so uh example what I'm going to show you with a cry home actually use a course proxy server and our goal to complete this and make it more commercial uh and uh useful you know so and it will allow you to connect to any devices which actually do not support the course or any other API hope I answered this okay uh let's move next uh uh containers so like I mentioned before so we have uh some containers yeah so which we use and for next example I want to show you how we can create a few containers which will be located at the same play uh but uh some of them are we uh attached to one page uh but hide for another page so it's also really useful um tool okay um so now when we go you see so it's appeared like a double and I would like to move some uh element to the um header and just remove from the each page because it again which is supposed to be more efficient so and use this like on each page it's useless yeah so now you see so we have only as a header then room name and as the same all buttons we going to move to the um footer okay uh so I hope you're all following what uh I'm doing here but uh very po powerful tool is just a clone object so when you create one you clone all settings everything what you had you just change some name or whatever so you see we add all buttons and now we can easily switch between different pages it's necessary for future demonstration uh next um very interesting feature it's a CSS so we built into the project the CSS uh uh actually what you see right now on the screen it's uh kind of I would say intense so it's working exactly like a V via Scot I would say it's it is via Scot yeah so and it helps you to be more efficient you just write your command and it help you to realize okay it's going to be like this command uh and maybe this is a uh big difference between online tool and uh I would say kind of offline tool so uh I will explain it B uh why I say kind of yeah because uh what I see right now on the market all tools actually are required to be online even when um uh developer or manufacturer uh declare it's offline tool no it's not so as you can see in this example I just put a custom CSS to the button and now this button has a different mode I can execute this mode uh from different event assign like uh different button and change this you know but this is kind of idea for the CSS uh so return back next uh like I said we all programmers we have to be more efficient and we are encouraging you guys to use chat gpg as much as you can so do not hesitate it's really really uh cool and Powerful tool so here as you uh so this is my request what I actually put to the Char GPT and on the right side I got the uh result now this result I put inside the CSS so it's a new classes uh pulsing Circle and now what I can create I can create just a new mode okay M three for the bottom and assign this uh class to this bottom and see what we got so as you can see right now yeah as you can see so now it's kind of flashing so uh it's allow you to do uh really magic on the touch panel and it will be really attractive for the user you know so the same button is changing the Status you just recall a mode which actually use a different um CSS okay uh let's move forward next um in this example I'm going to use a built-in HTML 5 uh element so we just found generic HTML code on the Weather Channel whatever yeah and in we can put inside HTML block put HTML code and here you go you got a nice widget Weather Widget so you don't have to do this by yourself because you can do this but actually I'm pretty sure so everyone will okay we'll do this differently but the best it will be provided by the service which provides is actually where I hope you got okay next kind of interesting feature uh it's uh another request and this request um uh will create you um a Table conference table with the chairs blah blah blah and let's see to the result if you're ready okay again HTML five block we put inside the content and Magic happening right now guys so you can just imagine how you can use it so it's really cool features go ahead and use it okay gr home uh so um this is more about the dat sources we tried to explain um developers uh what is the data sources let me say so it's a list so just for easy understanding it's a list of something with the different parameters and some kind of important information and in this example I would like to show you how we use API provided by Chron and uh data from the uh Chone home and execute this data so uh on API reference we will take a rooms uh in our example so you see the base world yeah and we're going to use the lights so inside our project uh we have a data sources this data sources they have a settings uh they have a base and you see the rooms so I forgot to show you uh we actually um set up this like IP address but again you see the name now I'm going to uh change like um you see the office yeah and when we execute the light it just send a command so it's read uh data from the Chone home and it's sent back to the um control system okay now I'm going to rename this room just to show you and you see renamed room and I going to click you see it's rename so it's our first mockup to use the cry home and thank you you guys who sto by our boost on the CIA and ask this question so I think more than 30 people they ask hey can we do a custom design for the C home I would say yes you can do what you need you just need a course proxy server if you would like to uh have it right now contact us we will give you example how you can do by yourself or I will tell you a little bit later when we going to provide like Appliance okay so uh right now we moving little bit faster so I want to show another example about the data sources so the data sources as you can see uh so it's really powerful uh tool so we put like a room list or whatever yeah so and inside this uh we after that we can manipulate with this data the same about sub Pages uh so sub Pages you can create as many as you want you can do nested sub Pages inside one to another one uh this sub pages might have parameters so it means that you can feed data uh from the page or sub page above to the bottom you know so and um you can manipulate with this data you can use sub as a least so uh and this most maybe I would say powerful tool because you use locations data source to create this easy we have three items once we got this so we have a list and now we have a three buttons because it's read okay this data source has array with rooms which actually we have a threee and next step it just use this data and uh put like um text what I going to show you so right here we use the parameters and create new parameters which actually going to going to be a string and a room name dust generic name okay we save it we forget it now we're going to return back to the previous page oh this is what I sh so sub page parameters you can create or here or there and now when we uh extend parameters we see this data you see button parameters ins sech and now we select from the data source a room system thing yeah so and go ahead magic look it kitchen Hall bedroom so again questions Reach Out us Discord I would say maybe the best uh way because we usually kind of online and again we would like to change this information and learn from each other because we also learn from you how it actually looks like how you use functions okay functions uh it's uh it doesn't have any limits so you can create whatever you want so in our case uh if you saw it this data source this Json file had like a different loal and this loal was I I like probably it's was Hispanic and English room names and it allow us to execute these functions you uh through the variables and read data or in English or Hispanic so uh I know here a lot of guys from the Europe and you guys use uh multil language interfaces it's really cool feature because especially when you create a a Hospitality project yeah so um different guests in hotle and they would like to use a different language this is the way okay so we create local we just select execute and here I would like to put like a filter you see so attach the function attach this and apply you see so now it's filtered so it's not all dat it already filtered it and on Next Step so uh we just add a button which going to switch between different languages and use this um actions okay uh until I show you okay here I see the question about the performance issue with the touch panel okay so here's my qu uh answer uh so we are are really dedicated to how we work with the project so uh here we have to understand the difference between the construct and Navigator studio so we uh came to the same point with the from the different background with the different U experience and our team has more web development experience uh I would say than uh team which right now working on Chron con construct but the good news uh Chron construct guys they see actually what we doing and they implement the same features so uh for last maybe half year I would say uh they saw how we have done with the list how we work with this they implemented they implemented also like a la load and preload so this is also cool and Powerful features uh I don't want to dive deep about this but believe me so uh we're going to do some workshops and we will TI these uh topics as well so but most of the project uh most of the projects they work on TSW uh but uh be careful when you use Uh custom CSS especially with the filters because unfortunately not each equipment can handle this okay so um I'm sorry um uh as you saw here so what I showed you so I add two buttons and this two buttons just set the different value for the local variables like English and Hispanic yeah so and when we switch this uh buttons back and forward uh so we just switch like we execute and uh pull data from the data source okay let's move forward okay ah yeah it's so um it's impossible really directly compare uh all product with AV Studio because we have just different approach so our expertise from the real s so so we do project by ourself we help another integrators to have done with their projects and this is why we feel this everything how it's supposed to be done and we communicate directly with the end users and we see their expectation and it it's really sad to see when end user frustrated about the performance or about the how ugly is the user interface keep it in mind do this in the best way please so uh about this Simplicity yeah so like I said uh in AB Studio you can do everything faster so we declare safe time up to 80% yeah you need to learn a little bit more about this tool you have to have more experience but uh when you creating project with a 50 rooms for example and each room has uh four or five displays and you have a total 500 sources how you going to handle this uh through the kind of static uh UI okay you can create everything in the plane um HTML 5 react project yeah uh but the difference here uh you will spend a lot of time to do this whole mechanic so um and yeah once you done this you can uh use your project as many times as you want but here's a question what else customer ask you hey can you modify something here and it will be nightmare for you because you need to open your source code you have to pull from the Git You have to modify it kind of manually upload back and Attract it so you will spend I don't know maybe couple hours maybe couple days it depends on the request uh next busy week so why we have a Ab Studio why we have a strong construct this is a tool which helps us to be more efficient which tool we should use okay it depends on your project and what you're looking for because uh it's a different little bit functionality is a different approach so uh we even didn't Implement here a Chone contract because we didn't find it useful I would say it's even even provide even give you more limitation more limitations uh in your projects because you will be really limited with that signals which you have in the contract when you using AV Studio you can create um project uh you can create the project uh which will be fully Dynamic uh you can use this project from site to site without recompiling at all only because once you become more efficient and you use every day you use uh remote data sources so data sources believe me it's the coolest feature what we ever created I would say next comparation how many hours you need to spend to create everything in manually or plain programming and I would say uh so plane programming some projects may be like 200 not enough hours I mean yeah at the same times the same project you can create like spend few days uh user support guys please please please Discord scan this code go ahead reach out to us send your projects send screenshot your questions we usually try to respond uh as quick as possible because we also realized why you asking us and I believe it's pretty much we came to the end okay this is what I would like to talk a bit I would like to review uh our road map uh we announced a year ago in November and at this moment what we actually got so we out of the beta by the end of the March so now uh we created templates and widgets and now these widgets uh available um so you can create by um yourself or use them and templates they already available uh and we working uh so we have a marketplace with a totally free templates but our goal to create a Marketplace for the community I mean you as programmer can create your own project your own uh template and convert this to the commercial template think about this and this our plans for the future so right now we had a plan to create a touch panels hosting unfortunately it didn't find to being really useful so we had just a couple project couple requests we implemented this but we realized okay it doesn't worth a lot of time uh to do this more commercial and we just put this a little bit aside and maybe we will return a little bit later okay our plans for the future next year and this year so we still working okay C home integration again guys thank you all all you who stopped by our booth yeah and we had a nice conversation we listen to you so and and we working on improving our tool so cstone home integration uh we showed you example we know some issues we still have to play uh with this tool and see how it works uh and we will keep you informed how it's going yeah but I hope we will just make a kind of uh proxy server which will handle this all request next uh like I mentioned templates market for independent programmers this is for you also additional income next here maybe is a question we got I don't know thousand maybe question uh I would say yes we are in the mood to create IOS and Android applications for public so right now we have uh implementation for couple projects uh it's not for public but uh reason why because current applications are limited with functionality what I mean for example uh sip server we unable to connect to the SIP server we don't have this ability so uh if we talking about the Chone one for some reason the didn't put is there maybe okay we will figure out why but okay we'll see next uh some uh connection to the some devices so again we're going to do this RNG and see how it's going but again makes sense for us to do this uh course proxy server this is um proy server which allow you to connect I would say almost any devices in the network it's not going to be just connection to the uh another web servers it's also will be a server which allow you might be connected to the TCP server so sometimes it's um necessary and we still working on the features in our backlog so we really behind but we have a lot of ideas have to improve we trying to uh even uh change like a user experience I mean users for us it's you guys uh like uh make something easier Mak it more understandable again we would like to hear from you what you're looking for and another ambitious plans so we doing a lot of R&D uh so we have angles uh who actually support us and right now we are working on offline AI so what does it mean uh in our case so what I see on the market we don't really have ai which going to work offline so all Control Systems I would say like a drai they still required to be online but uh like I said set so we are working and we will see how it's going to looks like yeah so the general idea to put machine inside the customer's um house I would say or yacht um have own microphones which will be connected only to this machine not to the internet and especially when um you it somewhere offshore uh they don't really have a stable internet yeah but they would like to communicate and it's not communicate just like Alexa which execute a simple commands no we would like to implement it's a real GPT kind of version four at least so once we got stable version uh we will have to publish API uh which allows to make integration with different manufacturers and and interactor so this is our plans we will see what we get get or maybe we will change this plans but again we trying to listen to you and talk to you and share our plans next most interesting questions okay what is the licensing uh for the a studio okay right now so since we just started we would like to encourage more and more and more people yeah so and we uh also we have a plan in the future to offer kind of limited and Unlimited Edition but in general right now we are offering uh subscription free but uh we also offering a license per project so it just cost like 100 bucks so it's less than one hour of labor per project so when you press the compile button one time you will be charged for this project 100 bucks that's it uh very popular question how you guys making we are making believe me we are really busy so we're creating templates for the different integrators and this is why we encourage you also to create this template because we busy uh okay um I would say I probably cover almost everything we have eight minutes left I can stay a little bit longer if you would like um but let's uh move to the questions if you don't mind so from what I see if you do documentation and tutorial by again construct you'll be think of the past yeah so this is our downside uh this our downside um and uh maybe Advantage is the same time uh so um we're going to do documentation we would like to do this uh but uh less paper less text and more uh we would like uh kind of focus on intuitive understanding how it works and probably yeah so um and what we also would like to do and I would like to listen to you from you if you're okay with this uh we would like to do every two weeks I would say maybe every Friday two hours Workshop where we going to do a meeting we will connect all together together open microphones open cameras and we will start we will take any project and we will do together so uh because once you have done one project you will be so proficient believe me so I will I hope I answered this uh okay thank you again uh amazing War combining with we Futures and Ro coding Futures uh yeah yes and still no because believe me we have uh some features which we still didn't create uh interface yet but we will do this I don't want to make you scared but yeah right now let thank you again uh next um okay just trying to think how to control Power off on volume buttons from touch panel to TV through some rs232 or network cable okay so what we have to understand about the AV Studio AV studio is not control system and not going to be the control system but this is the UI which allow you to send the command discret command so but this command some someone have to execute I mean any Gateway for example Chron cp4 Chron home whatever you use or maybe another control system maybe you prefer to use a node rat by the way today it's uh already available so you just need the uh something what will execute this commands and will keep feedback from these commands uh so uh what we doing so we send command on it's uh or string or whatever uh this control system will receive this translate to the protocol and set to the display uh because again we know so each display has a different protocol uh for example Samsung they keep uh the API in secret and only few people in us has access to the API be aware okay so rs232 network cable the same like I said so control system uh we have in the mood like I mentioned about the proxy server uh we still thinking about if it makes sense to create kind of combiner which will allow you to receive commands from the ab studio and uh send this command uh discret command to the some devices maybe it will be your options uh yeah maybe it will be options uh for you yeah we will see again it's too early but again right now we encourage do not uh mistaken so it's it's a big difference UI part and control system Chron believe me Chron is the the best control system um I mean few of them but I mean like compare with something simple it's really flexible yeah and I still encourage use Chron for the logic okay let's next it will be nice if this software can create HML 5 guy panel for different system not only C so you only have one tool with thank youir good really question okay so uh what we already have inside the AV studio is hidden right now uh uh right now so it has a connectors and our goal our idea uh was to uh create these connectors and yeah really feed just different API and execute the commands and send them to the different control system unfortunately not every manufacturer was ready to communicate uh with us and do any collaboration and reason why because they will lose their own market so Chron is changing so maybe not so fast and quick response to the market as we would like but uh what we can see a lot of apis already provided so Chron realized their position on the market they really do excellent equipment really powerful cover maybe 90% of the needs on the projects yeah but uh yeah so another manufacturers unfortunately not such open okay um let's move George um what iPad iPhone apps are required or import for V Studio can they be free download many of my customers really don't like to require their devices to have any app or in app purchase fee this okay so uh right now uh compiled project of Av Studio it's a react application which can be loaded so it's just a zip file which can be loaded to any web server uh it can be uh loaded to the Chron one which is actually free or if you would like and you still have a version Android 9.0 we can provide you an application you can play with this uh so uh and this is why I said so uh we're going to make our application but only because we would like to implement it with more features uh so who stopped by the our boost on the CIA um You probably saw um Android tablet Samsung tablet um I believe 150 bucks uh B yeah and we run a a project uh this luxury suit project on this Android app so you you can see how smooth is it so go ahead and use it if it's necessary uh I hope I answer it yeah uh okay next um okay uh George uh I still don't understand your pricing explanation okay so right now uh we are offering licensing per project it means you have 10 projects you can work with them totally free without any charge charge until you press button build so it means you can open Live preview you can do your project it's okay so but we charge only at the moment when you're going to build this project and it's onetime fee you can return back change anything build again it's going to be after that it will be free so you already paid for this so we do not charge this twice three times and attract so I hope it is make sense subscription plan we are not offering right now uh and we'll offer when only we add additional features and I would like to listen to from you if you would like to see some AI implementation inside the AV Studio please give me idea I hope George I answer it and it's clear Adam do you have video teaching how to use the S from the beginning coming from V uh VT Pro this is all new to me okay Adam uh we have um kind of one video maybe two three on the uh YouTube and we would like to publish more videos and and this is why we would like to make these workshops and after that probably we will put what we're doing uh on the YouTube as well also we have kind of uh showcase um you can find on the demo page um yeah we will work on this not right now but yeah thank you for question yeah we will it's not all okay uh Chris is a bu typically per client site um okay Chris really good question uh and no so you can create one project build one time and use it as many times as you want so like I mentioned uh the difference is that the data source uh so for example inside the project uh you put IP address of your server which has a Dron file and this Dron file might be changed so if you go from one website to from one U construction site to another and you have the same IP addresses actually you don't need even recompile this but because you use the same IP address for example yeah or if you would like yeah you can build rebuild and attract so we do not limit this and if it makes sense I know some of you answered me a really interesting way so they said hey I keep all information about this customer inside I don't want to mess with this and 100 bucks for me it's just uh I pay for information what you keep that's it please I hope I answered on this okay so uh cre again can you restate your PL ability for media players objects okay so right now uh widget media player widget what we have it's uh required to be connected to the cryon control system and we use uh serial analog Digital Data and we feed this all information from the Chron uh what else uh we uh started we completed but we didn't finish to make it public integration with the autonomic media player uh and yes it's possible to connect directly to this device why we stopped doing this only because we have issue I mean whole world notator with the SSL so all devices which we trying to connect to they are required to have a true assigned certificate I mean certificate which was uh published by uh certificate Authority and uh un unfortunately a lot of all manufacturers actually they implemented uh https but they put self assigned certificates so if you would like you probably can use it depends on media player or any other device you you can uh create um device certificate and publish to this device and after that you will be able to connect in this case what I mentioned uh we are working to create a proxy server this proxy server will have a true certificate and will allow you to connect to non-secure devices so we still working and yeah just follow us we trying to keep you informed how is everything going yeah I hope I answered on this George pricing so when you build a project how much is the fee for that project can the project be reused for other systems since abviously it uses Dynamic data servces and configuration or is that single project confined to one single static set of data source and configuration okay I would say and yes George and no and once you build this you paid for this project you can reuse you can change IP address build game reuse build again reuse if you don't care about the IP addresses inside you can use it uh if you would like um to keep old information and build for the new yeah it's impossible unfortunately yeah but uh yeah you still need to change these IP addresses I hope I answer it on this question okay guys a little bit uh time over any more question okay yeah oh sish okay very good question uh I just answered it with early so um we trying to make in intuitively understanding uh product I understand it's not working and we trying to make this um kind of help if you go to the support aat.com and follow uh the link uh you will go to the Confluence where you actually have some generic information just to get started but again the best way to learn is just doing something uh guys uh if you're okay October 18 so we can GA together at the same time for two hours and do worksh from the beginning just uh give thumb up or whatever so if you would like to do this yeah we will do again follow our website we will information and invite you okay uh any other questions okay uh yeah okay Chris yes thank you uh yeah uh and uh bring us uh your ideas uh I would say is the best way to start from something uh simple uh the simplest way uh is just take to any simple project you know so whatever it works uh also again uh go to the uh demo avator cloud/ demo projects uh they uh last uh at the least not last recently published the project from one of our um uh programmers uh so um he create a he did a fantastic job you know so he actually created something which looks pretty similar to the cron home but he actually got ahead and he implemented a lot of another uh features you know so just look at this yeah um um okay yeah George thank you so much I appreciate okay any other maybe unanswer it we have question or that's it okay um okay albar uh if you have different processor on site and you have different GUI panels can you navigate from one panel to another panel what do you mean navigate from one panel to another panel this is the question yeah because um okay you have a different processors let me explain you idea how we did uh big project where we had more than 10 processors I believe little bit more doesn't matter so uh since uh we loaded uh our application to the Chon one all connectors inside the chryston one so we do not really control so uh what you saw uh on the presentation when we have um when we have um uh connectors it works with the uh web X panel and it also works uh with for the developers uh but you unable to use it right away from the Chron one Chron one just cut all this and they have their own implementation for the connection so in this case the best way it just create a different connectors to the different processors but you still able to connect to the same IP address to pull a data source remote data source to pull configuration of this processor and depends on the information from the web panel uh you can manipulate with this data sources for example we have a project with for example 10 touch panels uh when touch panel is uh just started loaded it will read information from the one join serial join and we feed this information from the control system and say Hey you touch panel number seven for example so what is happening here we got this information touch panel 7 we filter data sources and we asking hey give us the room list for the touch panel number seven and once we got this uh room list so this is unique touch panel you know and uh also it will be useful if you have a different user access uh different users which going to use this touch panel uh usually it's like a mother father daughter browser so depends on the user selected on the touch panel you will have a different list available for you so uh in this case I would say okay guys um let me show you this in demo so let's go to this uh I know where I can show you okay oh yeah it was Hey Okay demo projects and yeah if you following I believe I believe I believe I believe okay maybe yeah I believe this project uh on this project on this project uh what we have here we have uh different rooms let's go to the source list so we have a source source 1 3 4 5 let's try to change bedom no not good example okay probably oh okay channel one two three 4 let me change 10 10 11 so uh I just show you like idea so uh I'm sorry it's not on depends on the room it depends on the source selected but just imagine it's a different user yeah so you change a touch panel or feed different like information a different touch panel and you have a different list you see Channel 19 20 blah blah blah so I hope uh I answer it on this question okay uh let's move next next next where is uh okay I answered this as well any other questions guys yeah George thank you yeah for your yeah yeah actually what what we need right now so like I said feedback guys feedback join our community um it's the best way to communicate you know so Discord uh push your screenshots you know what is really sad I would say I I didn't see the good examples of user interface so unfortunately oh by the way guys uh implementation when we change a language you see espanol and English you see the bedroom and I'm sorry what this I I able to read this but but as you can see so we have um different uh language so this is how you can use um yeah also I don't know if it's implemented in here so you see for example like a widget this widget for The Cordon sheads control it's earliest version so in the current version you can open and close so you can just drag and draw uh this uh like a shade from the side and you can close and it will be even it will also send a position to the control system and for example if you use a neutron it's it also provide you feedback where it's located and uh just imagine you have um uh different Windows you have uh shate control for this windows and what it is possible to put this background behind the window and just imagine you created a really true picture from the window and put for the customer customer when they first time see this they really excited they see the true window and they even don't need to read a name of this uh Shades you know where it's located they just oh okay I know where it's located yeah but it's a little bit earli version uh what else [Music] um where is our luxury control okay I'm sorry so in this project I believe we implemented um yeah George you you have to try I don't say you have to avoid or you have to totally switch no I would like to totally switching yeah but in general yeah once you try to use it uh you will get it and you will be really successful believe me so okay in this example uh yeah so this is guys this is how we will change it our widget how we improved I don't remember when it's appeared but uh just for your understanding almost every two weeks we finish a Sprint once we passed all QA tests we publish uh sometimes we publish without QA tests yeah I I'm sorry so you have to realize but again you just Reach Out us we trying to uh improve fix or answer any your questions yeah but uh again a lot of new features we realize we need something to move we need uh here the shades uh so you can play with this different background go ahead use you see by the way good example you see one background anotherround and third one same about the climate control um different way to use it let me show you what this okay um guys this is the project I mentioned uh AR he did this project so room room list you see so room selection uh so he uh as I know he used a lot of filters here to make a real true picture from the room and gray out so he use the uh filters uh it's working nice on the tablets but it's not really works on the TS touch panels um unfortunately uh okay uh light light controls so or custom control yeah also again you move you see the effect how the color change depends on where you really located uh what else uh you see the sensors uh room list in different way so we have a Shades here he implemented just simple button control why not nice but again it's it's really it really looks fantastic and I would say this programmer he really know what he is doing uh because he are really dedicated to the details and Smart House created by Him what I see and I feel I just imagine I the customer so I really understand this is what what I would like to see um yeah so you see like emotion detectors somehow I don't know really too much about this project but yeah so really nice drob okay uh I believe answer it the link where it's the demo projects located uh by the way this is a good uh example how we developed and where we were like I don't know year ago for examp I don't remember where we posted this and where we located uh today last couple months uh uh okay training okay we will announce I answer it okay thank you George again okay Kos are the pages responsive per device resolution can we manage response okay let's me guys um I'm really appreciate who join our meeting if you uh okay to stay I can go over uh a little bit more I still can talk but let's me show show you how it's actually working okay adaptive and responsive let's go to the Adaptive so I didn't mention uh but it's already available so we gave you example uh when you can change and see how it actually looks like you see so for example we have generic uh touch panels and and depends on uh the device it's change it resolution and we can see how it looks like uh so it's not really required um to have exact devices but uh what we going to do in the nearest Future we going to make uh I would say kind of uh modes for the pages and thank you for this question and I'm going to answer this okay so um for example uh let's me it will be better probably see here yeah uh so what we going to do uh by the way guys F12 please please please use this button it's really powerful uh it's can change whatever you want yeah so let's switch to responsive design for example you have this touch panel and you moving you moving moving moving moving close so now it's going away what we going to offer you to have a different mode for each mode you will have a breakout once it reach out this breakout it will trigger this mode so page will switch to the different layout it will be the same elements but with a different layout so in this case okay it's probably makes sense to rotate or something else maybe not the best example but I hope you got this idea yeah but again it's an issue for adaptive but also it might be useful for the responsive uh so right now if you go to the um Chesterfield uh example yeah demo let's me show you this project was created I don't know so far so maybe couple months ago go and this project is really uh working oh I'm sorry yeah it's working let's me switch to the who is it uh iPad mini and it might be switched to the iPhone Pro so as you can see like uh buttons Below in the footer they adopt to the resolution so if you change it just spreads so it's actually working so so and responsive design really allow you to do this magic so uh say let's change iPad what is min for example you have different kind of layout maybe just three buttons do I have okay that's need um hope hopefully I answer this question about this oh George it's very interesting question is Chron construct responsive or adaptive okay um it's supposed to be support both and responsive and adaptive but right now it's adaptive I'm so sorry about minology uh which we use um because responsive yeah it's correct from the web adaptive it's kind of also yeah but it means like adaptive to the touch panel I believe yeah so anyway cryon Constructor I now adaptive they had a plan to have it responsive I never seen and even more as I know this button when you create the page is removed so probably they changed their mind and I understand maybe why um they so in construct you creating um user interface for the cry devices so and uh unfortunately you have to create I would say uh as many pages as you need you know so like layouts for the different resolutions we going to go avoid this issue and do this in different way also uh let me show you something uh maybe will be interesting um let's me do not break this I would like to create a new adaptive adaptive page okay what is the difference between our adaptive and the adap so we created this uh button yeah and uh sorry let me reset I just want to ask you guys excuse us for some maybe how it might work for some browsers and this is what we realize not not every working the same way okay let's create uh four buttons see uh so we spread this button uh in different locations so and we need to go oh we need to go we need to go to this page let's go it will be D okay so this is our page so as you can see when we use it's an Adaptive it's moving so but uh what we are doing here we can connect this to the right side and to the top so you see the like element constraints so it's look there and this to the bottom how it will be different oh it's only because somewhere overkilled but again it's really in adaptive in this case difficult to manipulate with a different resolution but you can try and feel how it works and believe me uh adaptive it's really cool feature but it has a lot of limitation this is what I mentioned about the limitation of adaptive or responsive in this case responsive uh has limitation because you're unable to put this layout somewhere on another hand if you put this uh at the same point they will stay at the same moment so left right okay it works if you rotate uh it's kind of also okay uh hopefully you will like it okay so I answer it adaptive uh oh yes so and uh I answered it on respons device resolution and responsive per device so you can create your own device here I don't know let's my device and put resolution I don't know I pretty sure so and it will allow you just to see how it looks like and after that you can move this all elements where you really want and after that if you would like you can switch to minu and see how it looks like and return back to your device now yeah here this maybe makes sense I even don't know how to switch but again yeah uh okay next next next great one thank you and um George uh yes we still working okay guys it just appeared yesterday so please please please excuse us how it might be works from the out of the box yeah uh we still trying to improve for how it's working uh by the way I don't know so if You' like you can use a ruler uh for some reason to attach these elements somewhere like this yeah maybe I don't know so you can fix them or you can walk I what whatever you want so yeah we still trying to improve this we trying to

2024-12-28 17:00

Other news