Author: Vadim Chekirka

  • On the Way to CEDIA Expo 2024. Stay tuned for some exciting announcements!

    On the Way to CEDIA Expo 2024. Stay tuned for some exciting announcements!

    We are excited and eagerly awaiting the start of the exhibition where we will showcase our new treats for AVstudio!

    Looking forward to meeting the exhibition participants and discovering their products. We are also ready to showcase our incredibly cool and hot new features for the AVstudio app. Creating modern interfaces for AV has never been so fast and efficient.

    On the Way to CEDIA Expo 2024

    Take your seats. It’s going to be very exciting.Booth#850.

  • AVgator® Studio: modern IDE to create stunning HTML5 user interfaces.

    AVgator® Studio: modern IDE to create stunning HTML5 user interfaces.

    avstudio

    AVgator® Studio is an online-based product designed to empower AV developers by enabling them to create high-quality visual interfaces. This platform is specifically tailored to meet the needs of developers working in the audiovisual industry, providing them with the tools to design and implement visually engaging and professional-grade user interfaces with ease.

    Our product is designed to deliver quick and impressive results for both seasoned web developers and those new to this technology. No prior knowledge of HTML, JavaScript, or CSS is required.

    The detailed customization of the appearance and behavior of elements is all accessible directly within the interface, making it easy for anyone to create polished and functional visual components without the need for coding expertise.

    Vendor integration

    As of today, our product integrates seamlessly with Crestron processors. However, we are actively working on expanding our range of supported vendors. This upcoming development will enable you to create and compile projects within a single environment that can operate across multiple manufacturers, even simultaneously. This will provide greater flexibility and versatility in your AV development workflow, ensuring compatibility with a broader array of systems.

    AVstudio layout building philosophy

    With AVstudio you can create two fundamentally different types of pages: Fluid and Static. The Fluid approach implements a concept where all elements are harmoniously distributed within designated containers, allowing for a responsive and cohesive layout.

    Fluid page sample

    Fluid page sample

    A fluid grid can be constructed entirely using relative values, enabling you to create a layout that looks both harmonious and visually striking on large screens as well as on mobile devices. This approach ensures that your design adapts seamlessly to different screen sizes, maintaining a consistent and polished appearance regardless of the device being used.

    By leveraging relative measurements, the fluid grid offers a versatile and responsive solution that enhances the overall user experience across various platforms.

    Static page sample

    Static page sample

    The Static approach, on the other hand, gives you the flexibility to manually position elements on the page. However, these elements are not entirely static; they can be anchored to specific sides of the viewport, automatically adjusting to various device types or orientations. This eliminates the need for manual repositioning and fine-tuning for each new device your project may be viewed on, ensuring a consistent and adaptive user experience across different platforms.

    Element modes

    Each element on the page has the ability to adopt different mode settings. Essentially, modes are instances of the same element with various configurations, both in terms of visual appearance and the events that these elements can trigger. For example, within different modes, you can change not only the look of a button but also the actions it sends to the control system. This flexibility allows you to tailor the behavior and appearance of elements to suit specific needs, enhancing the overall functionality and interactivity of your interface.

    Element modes

    Community templates

    Clone in one click

    Clone in one click

    Community Template Preview:

    HTML5 Template for smart homes

    HTML5 Template for smart homes

    HTML5 Template for smart homes

    HTML5 Template for smart homes

    Resume

    A comprehensive set of tools, detailed customization options, a quick start, and a familiar environment will enable you to efficiently and effectively tackle all your tasks related to creating a modern HTML5 graphical interface for any control system. This combination ensures that you can achieve high-quality results swiftly, adapting your design to meet the specific requirements of your system while benefiting from an intuitive and user-friendly interface.

  • First look at LuxeControlSuite Community Template | HTML5 User Interface

    First look at LuxeControlSuite Community Template | HTML5 User Interface

    AVstudio team is pleased to present the first Community template HTML5 User Interface! This means that you can now choose a ready-made template from the AVstudio library and use it in your own project. This opens up new opportunities for developers, as the time savings are amazing.

    You can publish your own templates (even paid). Please, contact us for more details.

    We have created a small demo so that you can familiarize yourself with the functionality of our template.

    You can try out all the features of this template or create your own at AVstudio

    Free HTML5 Template for smart home AVstudio

  • Artem Buslaev’s template | Community cases

    Artem Buslaev’s template | Community cases

    Our user Artem Buslaev decided to share one of his developed interfaces in AVstudio for your inspiration.

    Thank you for sharing your developments with us and the whole AVstudio community!

    Home page

    Home page

    Rooms page

    Rooms page

    Selected Room Page

    Selected Room Page

    Air conditioner control

    Air conditioner control

    Scheduling option

    Scheduling option

    Roller blinds

    Roller blinds

    color of lighting

    Passcode panel

    Passcode panel

    General climate

    General climate

    Multilingual interface

    Multilingual interface

    A video demonstration:

  • AVgator® Inc., a leading system integrator and innovator in the AV industry, is excited to announce the showcase of its groundbreaking product, AVgator® Studio, at CEDIA Expo 2024.

    AVgator® Inc., a leading system integrator and innovator in the AV industry, is excited to announce the showcase of its groundbreaking product, AVgator® Studio, at CEDIA Expo 2024.

    August 8, 2024 – AVgator® Inc., a leading system integrator and innovator in the AV industry, is excited to announce the showcase of its groundbreaking product, AVgator® Studio, at CEDIA Expo 2024. This premier event will take place from September 5-7, 2024, in Denver, Colorado, where AVgator® Inc. will be exhibiting at booth #850.

    AVgator® Studio: The Future of AV Integration

    AVgator® Studio is a modern Graphical User Interface (GUI) Integrated Development Environment (IDE) designed to streamline and revolutionize the development of HTML5-based interfaces for Crestron Control systems. The tool significantly reduces development time by up to 80%, offering a highly efficient and budget-friendly solution for AV professionals.

    Key Features of AVgator® Studio:

    HTML5-Based Interface: Modern and responsive design ensuring compatibility across various devices.

    Drag-and-Drop Functionality: User-friendly interface allowing easy customization and rapid development.

    Comprehensive Component Library: Pre-built components and templates to speed up project completion.

    Real-Time Preview: Instant feedback on interface changes, reducing development cycles and improving accuracy.

    Cross-Platform Compatibility: Supports a wide range of devices and screen sizes, ensuring a seamless user experience.

    Crestron Support: Seamless integration with Crestron Control systems, making it the ideal tool for Crestron programmers.

    HTTP Requests and WebSockets: Capable of handling HTTP requests and WebSocket connections, enhancing flexibility and functionality for developers.

    Future Integrations: Plans to support additional control systems, expanding its versatility and appeal.

    Innovative Solutions for the AV Industry

    AVgator® Studio addresses the growing need for advanced and user-friendly AV integration tools. As a Crestron Service Provider (CSP), AVgator® Inc. has leveraged its deep industry expertise to create a product that not only enhances productivity but also sets a new standard in the AV industry.

    “We are thrilled to present AVgator® Studio at CEDIA Expo 2024,” said Vadim Chekirka, President and CEO of AVgator® Inc. “Our goal is to provide AV professionals with the tools they need to deliver exceptional user experiences and drive innovation in the field. AVgator® Studio is a testament to our commitment to excellence and our passion for technological advancement.”

    Meet Us at CEDIA Expo 2024

    Visitors to CEDIA Expo 2024 are invited to experience AVgator® Studio firsthand at booth #850. Our team will be available for live demonstrations, detailed product walkthroughs, and discussions on how AVgator® Studio can benefit your AV projects. Don’t miss the opportunity to see the future of AV integration!

    About AVgator® Inc.:

    AVgator® Inc. specializes in system design, installation, commissioning, and programming, with a focus on creating innovative solutions for the AV industry. As a Crestron Service Provider (CSP), AVgator® Inc. is dedicated to delivering high-quality, efficient, and user-friendly AV integration tools that meet the evolving needs of professionals worldwide.

  • Version 1.0 | Introducing Exciting New Updates in AVstudio Version 1.0 | Community templates

    Version 1.0 | Introducing Exciting New Updates in AVstudio Version 1.0 | Community templates

    We are excited to introduce the latest updates in AVstudio, bringing you new features and improvements that will enhance your design experience. This version includes community templates, new design options like Shadow and Reflect, support for custom fonts, and various usability enhancements such as better hotkeys and the ability to switch between element modes by name. Additionally, performance optimizations and bug fixes ensure a smoother workflow. These updates are designed to provide you with more creative options and streamline your projects.

    Community templates

     NEW

    The first free community template is available in AVstudio. Feel free to clone these projects and reuse or modify them any way you want.

    We plan to regularly add new templates, so stay in touch to not miss new stunning, free-to-use AV GUI templates!

    Community templates

    Community templates

    Try it yourself by following the link!

    Design option: Shadow

     NEW

    Shadow introduces a subtle, elevated look to your elements, creating a sense of depth. This design option enhances visual hierarchy and can make your elements stand out more effectively.

    shadow

    Design option: Reflect

     NEW

    Reflect allows you to create mirrored versions of your elements with just a few clicks. This can be particularly useful for design symmetry and creating visually balanced layouts.

    Reflect allows you to create mirrored versions of your elements with just a few clicks. This can be particularly useful for design symmetry and creating visually balanced layouts.

    Custom Fonts

     NEW

    Upload and use beautiful custom fonts everywhere you need to impress your customers!

    Fonts can be attached from element settings or by using custom project CSS.

    Upload and use beautiful custom fonts everywhere you need to impress your customers!

    Fonts can be attached from element settings or by using custom project CSS.

    Switch between element mode by name

     UPDATE

    You can now switch between element modes by using their names directly, making the design process more intuitive and streamlined.

    Switch between element mode by name

    Better Hotkeys

     UPDATE

    Add hotkeys for quick copy/paste of elements. This works even between projects, but for now, it does not include associated data like datasets, attached functions, nested subpages, etc. Deep copy will be available later.

    Current available hotkeys are:

    ctrl/cmd + shift + z (redo)

    ctrl/cmd + c (copy)

    ctrl/cmd + v (paste)

    ctrl/cmd + s (save)

    ctrl/cmd + z (undo)

    Better Hotkeys

    Double click to edit text fast

     NEW

    You can double-click on text and button elements to open a text editor modal.

    Override global project theme vars

     NEW

    Take control of project variables such as colors, backgrounds, and more. In the near future, the list of available overrides will be expanded.

    Take control of project variables such as colors, backgrounds, and more. In the near future, the list of available overrides will be expanded.

    Functions: AVgator® project methods info

     UPDATE

    You can now access a variety of built-in functions directly through the Window object. These include methods for data manipulation, element control, sending and listening to events, page flips, and more.

    Functions: AVgator project methods info

    Large list loading optimization

     UPDATE

    Now you can easily handle a large number of elements on one page without any performance issues.

    Added keypad design options for colors, backgrounds and gaps

     UPDATE

    Keypad design options have become more flexible.

    Keypad elements have become more flexible.

    Post-processing functions

     NEW

    Post-processing functions let you apply effects and modifications to element values to alter the result. For example, based on a signal or string variable’s value, you can calculate and return the proper element’s mode index (or name) using some logic.

    Post-processing functions let you apply effects and modifications to element values to alter the result

    Image Sizing

    BUGFIX

    There were sizing issues with image elements and inside elements where images were used (such as in the shades widget). Sometimes, images were larger than expected and did not fit the container. This issue has been fixed.

  • New template mechanic, payment system, downtime

    New template mechanic, payment system, downtime

    At 03:00 EDT on August 6th, we plan a downtime of up to one hour. During this downtime, we are introducing a template mechanic – now each user will have access to a constantly expanding library of ready-made projects completely free of charge. Additionally, starting at 03:00 EDT on August 6th, we plan to introduce a payment system for created projects according to the price list available at link. All projects created before 03:00 EDT on August 6th will receive a free standard subscription.

    New template AVgator

  • Elevate Meetings: HTML5 User Interface for Conference Room

    Elevate Meetings: HTML5 User Interface for Conference Room

    Introduction

    Discover the Bright Conference Room Template, an intuitive HTML5/CH5 User Interface crafted using AVgator® Studio. Ideal for conference and huddle rooms, this template offers a seamless and efficient control solution to enhance your meeting experiences.

    Getting Started

    Welcome to the Bright Conference Room Template demo! This intuitive HTML5 User Interface, developed using AVgator® Studio, is designed to elevate your conference and huddle room experience. With streamlined controls and a user-friendly design, our template ensures effortless management of room settings, audio-visual equipment, and collaboration tools. Explore the features and see how it can transform your meetings and presentations.

    Navigating the Interface

    1. Home Button: Located at the bottom of the interface, the Home button allows quick access to the main screen.
    2. Volume Controls: In the middle of the interface, the volume control buttons marked with + and – allow you to easily increase or decrease the volume, ensuring optimal audio levels during your meetings.
    3. Speaker Mute Button: Next to the volume controls, the speaker mute button enables you to quickly mute or unmute the speaker for instant audio control.
    4. Microphone Mute Button: Beside the speaker mute button, the microphone mute button allows you to mute or unmute the microphone as needed.
    5. Power Button: The power button allows you to quickly and easily power off the system.
    6. Confirmation Popup: After pressing the power button, a confirmation popup appears, providing options to either confirm the shutdown or cancel the action, preventing accidental power-offs.
    7. Settings Menu: Located in the header, the gear button provides access to the settings menu, where you can customize various system settings to tailor the interface to your specific needs.
    8. Help Button: In the top left corner of the header, the help button provides access to a help guide and technical support contact information.
    9. Help Page: The help page contains all essential information and technical support contact details you need.
    10. Current Date and Time: The home screen displays the current date and time, ensuring you stay informed and on schedule during your meetings.
    11. Time Zones: Additionally, a clock showing different time zones is displayed below the date and time.

    Activity Selection

    1. Start Presentation: Select the “Start Presentation” option to initiate your presentation seamlessly, ensuring all necessary equipment and settings are ready for an effective and professional delivery.
    2. Source Selection: On the next screen, select the source for the presentation you want to send to the destination.
    3. Destination Selection: Choose the destination for your selected source.
    4. Return to Home Page: Navigate back to the home page once your presentation setup is complete.

    Audio Conference

    1. Audio Conference: Select “Audio Conference” to initiate and manage audio-only meetings.
    2. Dial Pad: Access the dial pad to make calls by entering the desired phone numbers directly.
    3. Contact List: On the right side, access your contact list for quick and easy call initiation.
    4. Call Management: On the left side, use the generic call, hangup, and on-hold buttons to manage your calls efficiently.
    5. Return to Main Screen: Click the Home button to return to the main screen.

    Video Conference

    1. Video Conference: Select “Video Conference” to initiate and manage video meetings.
    2. Camera Selection: On the left side, choose the appropriate camera for your video meetings.
    3. Camera Presets: On the right side, select from predefined camera settings for your video meetings.
    4. Pan, Tilt, and Zoom Control: In the middle, adjust the camera’s position and zoom level to suit your needs.
    5. Source Selection for Sharing Content: Below, choose the content source you want to share during your video meetings.
    6. End Video Conference: To end the video conference, click the designated button.

    Conclusion

    Creating an intuitive and efficient interface like this is easy with AVgator®Studio. Our powerful tools and user-friendly design make it simple to develop customized solutions for your conference and huddle rooms. Experience the convenience and functionality of AVgator®Studio and enhance your control systems effortlessly.

    Enjoyed the Guided Demo?

    We hope you found the Bright Conference Room Template demo informative and helpful. Try AVgator®Studio today and transform your conference room experiences!

    For more information, visit AVgator® Studio.

  • Unleashing Innovation: How AVgator® Studio is Redefining AV Integration Solutions

    Unleashing Innovation: How AVgator® Studio is Redefining AV Integration Solutions

    At InfoComm 2024, we at AVgator® Studio had the pleasure of showcasing our cutting-edge AV integration solutions. Our revolutionary Graphical User Interface Integrated Development Environment (GUI IDE/Editor) captivated the audience, highlighting its remarkable efficiency and user-friendly design. This monumental presentation sparked excitement among manufacturers eager to explore OEM possibilities with us.

    The AV Evolution

    Our innovative approach at AVgator® Studio is paving the way for a new era in AV integration. Our GUI IDE/Editor has emerged as a beacon of modernization, winning the hearts of programmers seeking streamlined workflows and a seamless transition from outdated, legacy systems. We are committed to bridging the gap between complexity and simplicity, revolutionizing the AV landscape one solution at a time.

    A Glimpse into the Future

    Our future-forward design philosophy resonated strongly with attendees at InfoComm 2024. The intuitive nature of our GUI IDE/Editor symbolizes a paradigm shift towards more efficient and user-centric AV solutions. Programmers and technicians recognized our tool as a modern gem, unlocking a realm of possibilities in the realm of AV integration.

    Forging Strategic Partnerships

    The buzz surrounding our showcase was not merely due to our innovation but also our promise of collaborative opportunities. Manufacturers quickly envisioned the potential for OEM partnerships, leveraging our breakthrough solutions to enhance their own product offerings. The allure of seamless integration and enhanced efficiency was irresistible to those seeking to stay at the forefront of technological advancement.

    Embracing Change: Legacy to Legend

    Our GUI IDE/Editor represents not just a software tool but a transformative force. For programmers accustomed to grappling with outdated systems and convoluted processes, this modern marvel serves as a beacon of hope. Its user-friendly design and efficient performance not only signify progress but exemplify a seamless transition from legacy systems to a future where AV integration is synonymous with ease and excellence.

    Elevating the AV Experience

    In the ever-evolving landscape of AV technology, innovations like our GUI IDE/Editor stand as pillars of progress. Our commitment to efficiency, user-friendliness, and innovation heralds a new dawn for the industry, where complexity is no longer a barrier to excellence. As professionals witness the transformation firsthand, it becomes evident that the future of AV integration is not just bright – it’s impeccably designed, supremely efficient, and extraordinarily user-friendly.

    AVgator Studio Showcase

    In conclusion, our presence at InfoComm 2024 was not just a showcase; it was a testament to the power of innovation in transforming the AV landscape. As the industry adapts to the changing tides of technology, solutions like our GUI IDE/Editor set a new standard of excellence, efficiency, and user experience that promises to reshape the very fabric of AV integration.

    So, here’s to embracing innovation, forging partnerships, and unlocking a future where AV integration is not just seamless; it’s revolutionary.

  • Day 3 at InfoComm 2024: Last Chance to Experience AVgator® Studio’s – HTML5 GUI Editor.

    Day 3 at InfoComm 2024: Last Chance to Experience AVgator® Studio’s – HTML5 GUI Editor.

    As InfoComm 2024 wraps up, we’re excited to share the final day with all of you! It’s been an incredible event, filled with amazing interactions and feedback about our latest version of AVgator® Studio – HTML5 GUI Editor

    If you haven’t had a chance to visit us yet, today is your last opportunity to see AVgator® Studio in action at Central Hall, Booth 10130. We’re showcasing groundbreaking features, including over 300 new enhancements, and demonstrating how they can streamline your AV projects.

    Highlights from Day 3:

    • Live Demos: Experience the new features firsthand and see how easy it is to create stunning UIs with AVgator® Studio.

    • Interactive Sessions: Engage with our experts, get your questions answered, and explore how AVgator® Studio can fit your needs.

    • Networking Opportunities: Connect with industry peers and our team to discuss future AV solutions and collaborations.

    For those who couldn’t attend in person, we’ve prepared a video showcasing our booth and the key highlights of AVgator® Studio. Watch it here and get a glimpse of the innovations we’re bringing to the AV industry.

    We want to thank everyone who visited us over the past few days. Your interest and feedback have been invaluable, and we’re excited about the possibilities ahead. Stay tuned for more updates and future developments from AVgator®Inc.

    Event Details:

    • Location: Central Hall, Booth 10130

    • Date: June 14, 2024

    For more information and to stay connected, follow us on LinkedIn.

    #InfoComm2024 #AVgatorStudio #AVTech #Innovation #Crestron