Sony Pixel Power calrec Sony

Video Observability AWE SDK : Layout & Style

25/05/2022

In our previous article (part one of this series), we presented the Agama AWE SDK, the requirements needed to create a simple application to provide real use for Agama customers, and the project's configuration.

In the second part of the series, we're diving into how to create the layout and styling, and also elaborate on the application logic.

We have created a boilerplate application and defined the configuration parameters that shall be possible for the users to adapt. It is now time to start creating the actual functionality of the application. An important part of that is the actual layout and structure of the presentation, which for these applications is controlled by standard HTML, CSS, and JavaScript. In the application index.html below, we have modified the boilerplate HTML structure and instead defined a set of div:s used as placeholders for the configured test name and a div for the status indicator.

The ADE will automatically update the UI while editing and saving HTML so the structural changes will be shown immediately. The result is not interesting right now as we have not yet populated the div:s with any content and styling, so the result is still just an empty screen.

The Application logicTo start populating the application with the configured content, test logic and the test status results, we need to start adding JavaScript code.

The main application entry point that is called by the Agama application framework is the onUpdate function. This function has two parameters, state and reason. The state parameter is an object that contains the configuration of the application. So, all the parameters that we defined in the JSON returned in the onConfiguration function, will be available in this object. The reason parameter is an integer stating why the function is being called; it allows us to implement different handling and behavior depending on this. In our application, we must handle the creation and configuration change reason. In the code above one can see how easily and obviously we can access and use the different configuration parameters that we have defined.

The program logic needed to implement the functionality is quite simple. When the application is created, we set up a timer that ensures that our test function update() is called at the user configured interval. The update() function in turn calls the defined REST API and checks the result codes against the configured, and depending on the result adds either fail or ok CSS class to the status div.

The current result is now as above. We can now see the defined test name, in this case VoD system (which is the name we configured) but we do not see any status symbol. That is correct and it is because we have not yet added the styling for the status div.

StylingAdding CSS styling for the application is the last step in getting the applications appearance and functionality in-place. We use the automatically created file css/style.css and add the following.

It is here where we define the fail to indicate with an orange background, and ok to indicate with a green background.

Yes, now it looks more promising!
LINK: https://www.agama.tv/agama-awe-sdk-part-2-layout-style/...
See more stories from agama

Most recent headlines

03/06/2024

Dalet and Veritone Reach Agreement to Distribute, Transact and Monetize Media Archives

Dalet, a leading technology and service provider for media-rich organizations, a...

28/04/2024

Mediahaus delivers the first SRT live-streaming sports production over 5G with URSA Broadcast G2

Mediahaus delivers the first SRT live-streaming sports production over 5G with U...

29/03/2024

XenData Announces Media Portal for its LTO and Cloud Archive Solutions

XenData Announces Media Portal for its LTO and Cloud Archive Solutions Brie Clayton March 29, 2024 0 Comments XenData, the provider of cutting-edge da...

29/03/2024

Autodesk Maya and 3ds Max 2025 Released With Time-Saving New Toolsets

Autodesk Maya and 3ds Max 2025 Released With Time-Saving New Toolsets Brie Clayton March 29, 2024 0 Comments Autodesk Flow Production Tracking and Flo...

29/03/2024

Dalet to Demo AI-Enabled Production, Automation and Monetization at NAB Show

PARIS Dalet has announced that during the 2024 NAB Show (booth #W1713), attendees can experience firsthand Dalet's collaborative, AI-enabled workflows that ...

29/03/2024

DirecTV Inks Deal to Carry 2024 Colorado Rockies Games

DENVER AND EL SEGUNDO, Calif. DirecTV has announced a new agreement with Major League Baseball that will allow Colorado Rockies fans to see this season's ga...

29/03/2024

S&P: Media, Telecom M&A Plunges to 13-Month Low

S&P Global Market Intelligence has released new data showing that dealmaking in the North America for media and telecom companies remains in the doldrums....

29/03/2024

NAB Show: Pebble Launches PRIMA Software Platform

EPSOM, Surrey, UK The automation, content management, and integrated channel specialist Pebble, has announced that it will be launching a new software platform ...

29/03/2024

Gray Television to Air Arena Football League Local Games

ATLANTA Gray Television Inc. has inked a multi-year agreement with the Arena Football League to bring Saturday arena football games over-the-air to local audien...

29/03/2024

Scandal!: Thursday's episode, 28 March 2024 [VIDEO]

Scandal!: Thursday's episode, 28 March 2024 [VIDEO]Stay up to date with the latest episodes of your favourite South African soapie on The South African webs...

29/03/2024

Generations: The Legacy - Thursday's episode, 28 March 2024 [VIDEO]

Generations: The Legacy - Thursday's episode, 28 March 2024 [VIDEO]Stay up to date with the latest episodes of your favourite South African soapie on The So...

29/03/2024

Uzalo: Thursday's episode, 28 March 2024 [video]

Uzalo: Thursday's episode, 28 March 2024 [video]Stay up to date with the latest episodes of your favourite South African soapie on The South African website...

29/03/2024

Meet the busker aiming to play at every London tube station

Meet the busker aiming to play at every London tube stationAustralian singer-songwriter Dan Tredget is aiming to become the first person to busk at every London...

29/03/2024

Streaming today: The Wages of Fear' on Netflix - 29 March 2024

Streaming today: The Wages of Fear' on Netflix - 29 March 2024Looking for something to watch tonight? Check out all the new streaming releases from all you...

29/03/2024

Tonight on Uzalo: Minenhle makes a huge mistake, because of nerves

Tonight on Uzalo: Minenhle makes a huge mistake, because of nervesDon't miss Friday, 29 March's riveting episode of South African soapie Uzalo on SABC 1...

29/03/2024

Tonight on Umkhokha: Nokubonga learns the devastating news about her womb

Tonight on Umkhokha: Nokubonga learns the devastating news about her wombDon't miss Friday, 29 March's riveting episode of South African soapie Umkhokha...

29/03/2024

Tonight on House of Zwide: Soka shares a job opening with Nkosi

Tonight on House of Zwide: Soka shares a job opening with NkosiDon't miss Friday, 29 March's riveting episode of South African soapie House of Zwide on ...

29/03/2024

Tonight on Scandal: A mother is torn between history and truth

Tonight on Scandal: A mother is torn between history and truthDon't miss Friday, 29 March's riveting episode of South African soapie Scandal! on e.tv on...

29/03/2024

Tonight on Muvhango: Reneilwe discovers some damning evidence proving her suspicion

Tonight on Muvhango: Reneilwe discovers some damning evidence proving her suspic...

29/03/2024

Tonight on Skeem Saam: Lehasa turns on the one guy he should be leaning on

Tonight on Skeem Saam: Lehasa turns on the one guy he should be leaning onDon't miss Friday, 29 March's riveting episode of South African soapie Skeem S...

29/03/2024

Tonight on Generations: Palesa proves she still has some heart

Tonight on Generations: Palesa proves she still has some heartDon't miss Friday, 29 March's riveting episode of South African soapie Generations: The Le...

29/03/2024

Thales Announces Partnership with Saporo in Belgium to Empower Organizations with Enhanced Cybersecurity Resilience

Facebook Twitter LinkedIn This collaboration brings together Thales' e...

29/03/2024

Avoid Collaboration Concerns

By Craig Anderton As the universe of Studio One users grows, so do opportunities for collaboration. But your collaborator may not be using the same version of ...

29/03/2024

Muvhango: Thursday's episode, 28 March 2024 [VIDEO]

Muvhango: Thursday's episode, 28 March 2024 [VIDEO]Stay up to date with the latest episodes of your favourite South African soapie on The South African webs...

29/03/2024

Gqeberha: The Empire - Thursday's episode, 28 March 2024 [VIDEO]

Gqeberha: The Empire - Thursday's episode, 28 March 2024 [VIDEO]Stay up to date with the latest episodes of your favourite South African soapie on The South...

29/03/2024

My Brother's Keeper: Thursday's episode, 28 March 2024 [VIDEO]

My Brother's Keeper: Thursday's episode, 28 March 2024 [VIDEO]Stay up to date with the latest episodes of your favourite South African soapie on The Sou...

29/03/2024

Umkhokha: The Curse - Thursday's episode, 28 March 2024 [VIDEO]

Umkhokha: The Curse - Thursday's episode, 28 March 2024 [VIDEO]Stay up to date with the latest episodes of your favourite South African soapie on The South ...

29/03/2024

Skeem Saam: Thursday's episode, 28 March 2024 [VIDEO]

Skeem Saam: Thursday's episode, 28 March 2024 [VIDEO]Missed an episode of Skeem Saam? No problem! Watch the latest episode of your favourite South African s...

29/03/2024

House of Zwide: Thursday's episode, 28 March 2024 [VIDEO]

House of Zwide: Thursday's episode, 28 March 2024 [VIDEO]Stay up to date with the latest episode of South African soapie House of Zwide on The South African...

28/03/2024

No votes for all

Out of an estimated 20,000 journalists in Pakistan, less than one thousand are women according to a recent Gender Disparity Report published by the Internationa...

28/03/2024

Give Me the Backstory: Get to Know 8 Women Filmmakers With Shorts at the 2024 Sundance Film Festival

A still from Jasmin Baumgartner's Bye Bye, Bowser, which screened as part ...

28/03/2024

The Best Shared Storage For Video Production

alt= class=wp-image-12214 data-lazy-src=/wp-content/uploads/2024/03/Best-Shared-Storage-EVO-logo-960x540-1.jpg/> Embarking on a cinematic journey or crafting a ...

28/03/2024

Future-Proofing the B-52

L3Harris is upgrading critical electronic warfare systems to ensure the iconic aircrafts spectrum superiority for decades to come....

28/03/2024

Supporting the RCAF for more than 25 Years with L3Harris' WESCAM MX-Series

L3Harris' WESCAM MX-Series EO/IR systems have supported the RCAF for more than 25 years....

28/03/2024

ENCO to Add AI News Anchor to Qimera Virtual Production Set

NOVI, Mich. During the 2024 NAB Show, ENCO will be showcasing an AI-driven virtual anchor delivering live news from a realistic 3D virtual news set....

28/03/2024

Johan de Nysschen Named President and CEO of ARRI Americas

MUNICH ARRI has announced that Johan de Nysschen has been put in charge of the ARRI Americas team as president and CEO ARRI Americas Inc....

28/03/2024

Fubo Inks Carriage Deal with YES Network

NEW YORK The YES Network and FuboTV have reached a multi-year carriage agreement that will allow Fubo to launch YES in its Pro base channel plan in time for YES...

28/03/2024

Dalet to Demo AI-Enabled Production, Automation and Monetization at NAB 2024

PARIS Dalet has announced that during its 2024 NAB showcase (booth #W1713), attendees can experience firsthand Dalet's collaborative, AI-enabled workflows t...

28/03/2024

Blackmagic Design Used on 2024 Oscar Nominated Films

Blackmagic Design Used on 2024 Oscar Nominated Films Brie Clayton March 28, 2024 0 Comments Blackmagic Design congratulates the many film professional...

28/03/2024

Arkona to Introduce BLADE//master Control and Orchestration Service at NAB 2024

Arkona to Introduce BLADE//master Control and Orchestration Service at NAB 2024 Brie Clayton March 28, 2024 0 Comments New option for BLADE//runner ke...

28/03/2024

Join Maxon for NAB 2024

Join Maxon for NAB 2024 Brie Clayton March 28, 2024 0 Comments Maxon returns to NAB with presentations by artists from around the world and demos of t...

28/03/2024

Boston Conservatory to Present Center Stage Production of A Midsummer Night's Dream at The Huntington

Boston Conservatory to Present Center Stage Production of A Midsummer Night'...

28/03/2024

The 4K cameras giving audiences an astronaut's view of Earth

TVBEurope meets Charles Black, founder and CEO of Sen, which has sent a payload of 4K cameras to the ISS to livestream images of Earth to audiences around the w...

28/03/2024

2024 Big Night In Raises $145k to Support Triangle Arts Councils

Capitol Broadcasting and WRAL-TV once again proudly supported our local arts community with the broadcast of Big Night in for the Arts Thursday, March 7, 2024. ...

28/03/2024

JIC, MRC Announce Accord On Roles In Judging Measurement Companies

With more companies offering different approaches to measuring television viewing and campaign effectiveness, two of the groups that evaluate potential media bu...

28/03/2024

Hulu Added to Disney Plus App for Bundle Subscribers

The Walt Disney Co. said that it launched Hulu on Disney Plus, which makes Hulu programming available via the Disney Plus app....

28/03/2024

GroupM To Double Ad Spending On Women's Sports Programming

Giant media buyer GroupM said it plans to double its media spending on women's sports....

28/03/2024

Scripps Renews State Farm As Sponsor of Friday Night WNBA on Ion

Scripps Sports said that State Farm has signed a new multi-year agreement to continue as the title sponsor of Ion's Friday night WNBA telecasts....

28/03/2024

Elisabeth Moss, Kerry Washington Sign On for Imperfect Women' on Apple TV Plus

Elisabeth Moss and Kerry Washington will star in, and executive produce, Imperfe...

28/03/2024

Telemundo Station Group Addresses Climate Change With Month-Long Initiative

Telemundo Station Group launches the month-long climate change initiative Our Planet Thursday, March 28. The multiplatform campaign ends on Earth Day, April 22,...