;

Je low-code změna, či příležitost?

15. 5. 2025
Doba čtení: 9 minut

Sdílet

Autor: CIO.cz s využitím DALL-E
Low-code je trend, který si získává pozornost jak na straně zákazníků, tak dodavatelů. Současně je kolem něj ale řada mýtů a nepřesností.

Low-code jako přístup k vývoji aplikací není úplně nový. Různé platformy nabízející rychlejší vývoj a k tomu provoz firemních aplikací jsou na trhu už několik desítek let. 

Jedním z průkopníků byl například již z počátku devadesátých let nástroj Lotus Notes. Ostatně právě některé moderní low-code platformy jsou aktuálně používány jako jeho náhrada a organizace do nich migrují své i letité aplikace. 

Máme nové jméno

Populární ekonomicko-technický magazín CIO Business World od letošního roku změnil název na CIOtrends.

Proč je low-code tak populární? Tento přístup totiž zásadně usnadňuje vývoj aplikací a umožňuje jejich rychlejší tvorbu i bez pokročilých programovacích znalostí. Vizuální nástroje a funkce drag-and-drop umožňují běžným uživatelům vytvářet efektivní aplikace, což zvyšuje produktivitu a snižuje zatížení IT oddělení. Díky tomu také podporuje inovace a rychlé přizpůsobení se měnícím se potřebám organizací.

Mezi typické výhody tohoto přístupu patří především:

  • rychlejší vývoj aplikací,
  • snížení potřeby pokročilých znalostí programování,
  • zvýšení produktivity vývojových týmů,
  • větší podpora inovací a rychlá reakce na měnící se potřeby,
  • jednotné prostředí pro běh řady různých aplikací,
  • snížení zátěže IT oddělení.
Kybernetická bezpečnost: Podcast o tajemstvích bezpečnostních operačních centrech s Pavlem Hrabcem
Kybernetická bezpečnost: Podcast o tajemstvích bezpečnostních operačních centrech s Pavlem Hrabcem
0:00/

Pochopitelně není určen pro každého a pro všechny typy aplikací. Ale mezi typické oblasti použití patří například:

  • správa obchodu a zakázek (CRM),
  • řízení projektů,
  • automatizace procesů a workflow,
  • sběr a analýza dat,
  • interní komunikace a spolupráce,
  • podpora a servis zákazníků.

Podívejme se na pár konkrétních příkladů aplikací, které se objevují v řadě společností, jež se rozhodnou low-code přijmout.

  • Informační portál

Aplikace pro centrální přístup k dalším aplikacím a informacím. Umožňuje rychlý přístup k aplikacím, jako jsou směrnice, smlouvy, faktury a další. Funguje jak na intranetu společnosti, tak formou mobilní aplikace.

  • Správa směrnic

Uživatelsky přívětivé prostředí pro tvorbu, připomínkování, schvalování a seznámení se směrnicemi/dokumenty. Umožňuje efektivní správu firemních směrnic, což zajišťuje, že všechny směrnice jsou vždy aktuální a snadno dostupné pro všechny relevantní uživatele ve společnosti.

  • Správa smluv

Aplikace pro správu smluv a dodatků, která umožňuje efektivní správu celého životního cyklu smluv od jejich vytvoření až po archivaci. Aplikace poskytuje prostředí pro zakládání, připomínkování, schvalování a podepisování smluv. Umožňuje také sledování historie změn a stavu smluv, což zajišťuje transparentnost a kontrolu nad smluvními procesy.

  • Vyúčtování služebních výdajů

Aplikace pro zpracování vyúčtování služebních nákladů. Jednoduché použití z mobilu či počítače. Digitalizace dokladů pomocí umělé inteligence eliminuje přepisování údajů z dokladů.

  • Schvalování faktur

Zpracování došlých faktur včetně vytěžení dat pomocí AI a následného procesu schvalování. Vstup dokladů z e-mailu, nahrání do aplikace či sken mobilním zařízením. Napojení na ekonomický systém pro následné zaúčtování.

  • Datová schránka

Centrální příjem a odesílání zpráv pomocí systému datových schránek. Automatický příjem zpráv, jejich kategorizace a předání k vyřízení odpovědným osobám včetně sledování stavu. Příprava a schvalování odchozích zpráv. Včetně integrovaného archivu.

'; document.getElementById('preroll-iframe').onload = function () { setupIframe(); } prerollContainer = document.getElementsByClassName('preroll-container-iframe')[0]; } function setupIframe() { prerollDocument = document.getElementById('preroll-iframe').contentWindow.document; let el = prerollDocument.createElement('style'); prerollDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:20px;right:25px}"; videoContent = prerollDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('PREROLL sound allowed'); // setUpIMA(true); videoContent.volume = 1; videoContent.muted = false; setUpIMA(); }).catch(function () { console.log('PREROLL sound forbidden'); videoContent.volume = 0; videoContent.muted = true; setUpIMA(); }); } } function setupDimensions() { prerollWidth = Math.min(iinfoPrerollPosition.offsetWidth, 480); prerollHeight = Math.min(iinfoPrerollPosition.offsetHeight, 320); } function setUpIMA() { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Preroll advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = prerollWidth; // adsRequest.linearAdSlotHeight = prerollHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. prerollDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( prerollDocument.getElementById('adContainer'), videoContent); } function unmutePrerollAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } } function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(prerollWidth, prerollHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } function onAdEvent(adEvent) { const ad = adEvent.getAd(); console.log('Preroll event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: if (!ad.isLinear()) { videoContent.play(); } prerollDocument.getElementById('adContainer').style.width = '100%'; prerollDocument.getElementById('adContainer').style.maxWidth = '640px'; prerollDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); if (ad.isLinear()) { intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } prerollDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (prerollLastError === 303) { playYtVideo(); } break; case google.ima.AdEvent.Type.COMPLETE: if (ad.isLinear()) { clearInterval(intervalTimer); } playYtVideo(); break; } } function onAdError(adErrorEvent) { console.log(adErrorEvent.getError()); prerollLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { playYtVideo(); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoPrerollPosition.remove(); playPrerollAd(); } else { return false; } adVolume = 1; return true; } function onContentPauseRequested() { videoContent.pause(); } function onContentResumeRequested() { videoContent.play(); } function onActiveView() { if (prerollContainer) { const containerOffset = prerollContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (prerollPaused) { adsManager.resume(); prerollPaused = false; } return true; } else { if (!prerollPaused) { adsManager.pause(); prerollPaused = true; } } } return false; } function playYtVideo() { iinfoPrerollPosition.remove(); youtubeIframe.style.display = 'block'; youtubeIframe.src += '&autoplay=1&mute=1'; } }
OSZAR »