<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>AI content creation &#8211; Smart Arena</title>
	<atom:link href="https://www.esmartarena.com/hr/case-study-tag/ai-content-creation/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.esmartarena.com/hrVeza
	<description>Sve obuke na jednom mjestu.</description>
	<lastbuilddate>Thu, 05 Mar 2026 11:27:14 +0000</lastbuilddate>
	<language>čovjek</language>
	<sy:updateperiod>
	po satu	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.esmartarena.com/wp-content/uploads/2023/05/SA-SYMBOL-FAV-150x150.webp</url>
	<title>AI content creation &#8211; Smart Arena</title>
	<link>https://www.esmartarena.com/hrVeza
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Brže pružanje ključnog znanja u brzo mijenjajućoj industriji</title>
		<link>https://www.esmartarena.com/hr/studija-slucaja/brze-pruzanje-kljucnog-znanja-u-brzoj-industriji/Veza
		
		<dc:creator><![CDATA[Guest Blogger]]></dc:creator>
		<pubdate>Mon, 23 Feb 2026 11:02:15 +0000</pubdate>
				<guid ispermalink="false">https://www.esmartarena.com/?post_type=case-study&#038;p=13515</guid>

					<description><![CDATA[How Telekom Slovenija Scaled Employee Learning with Smart Arena Your browser does not support the video tag. Mute The Challenge: A Legacy LMS That Couldn&#8217;t Keep Up &#8220;Creating e-courses and content required technical skills we didn&#8217;t have,&#8221; says Manica Šegš, who leads systems and tools that support Telekom Slovenija&#8217;s employees. As a result, L&#38;D efforts [&#8230;]]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">Kako je Telekom Slovenija uz Smart Areninu podršku unaprijedio učenje zaposlenika</h2>



<div id="elementor-custom-video-player-wrapper">

    <div class="custom-video-player">
        <video 
            id="custom-player" 
            poster="https://www.esmartarena.com/wp-content/uploads/2026/02/Screenshot-2026-02-23-at-11.49.29.webp"
            muted="false"
            playsinline
 preload="auto"
        >
            <source src="https://www.esmartarena.com/wp-content/uploads/2026/02/ManicaSegsPOP-1.mp4">
            Vaš preglednik ne podržava video oznaku.
        </video>

        <!-- Central Play Button -->
        <div class="central-play-button" style="            position: absolute;            top: 50%;            left: 50%;            transform: translate(-50%, -50%);            z-index: 20;            display: flex;            justify-content: center;            align-items: center;            background: rgba(255,255,255,0.9);            width: 60px;            height: 60px;            border-radius: 50%;            cursor: pointer;            box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;        ">
            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 24 24" fill="#0D0F2C"><path d="M8 5v14l11-7z"/></svg>
        </div>

        <button class="player-button mute-unmute-button">
            <div class="icon"></div>
            <span class="label-hidden">Mute</span>
        </button>

        <div class="player-controls-overlay" style="opacity: 0;">
            <div class="bottom-controls">
                <button class="player-button play-pause-button">
                    <div class="icon"></div>
                </button>
                <div class="progress-bar-container">
                    <div class="progress-bar"></div>
                </div>
            </div>
        </div>
    </div>

</div>

<style>
    /* Scoped styles to prevent conflicts with your theme */
    #elementor-custom-video-player-wrapper {
        width: 100%;
        font-family: 'Montserrat', sans-serif;
    }

    #elementor-custom-video-player-wrapper .custom-video-player {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 13px;
    }

    #elementor-custom-video-player-wrapper .custom-video-player video {
        width: 100%;
        display: block; 
    }

    #elementor-custom-video-player-wrapper .player-controls-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none; 
    }

    #elementor-custom-video-player-wrapper .custom-video-player:hover .player-controls-overlay {
        opacity: 1;
    }

    #elementor-custom-video-player-wrapper .player-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;
        border-radius: 50px;
        background: rgba(255, 255, 255, 1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: none;
        cursor: pointer;
        pointer-events: auto;
    }
    
    #elementor-custom-video-player-wrapper .play-pause-button {
        width: 40px;
        height: 40px;
        padding: 0;
        flex-shrink: 0;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 10;
        padding: 4px;
        overflow: hidden;
        transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }

    #elementor-custom-video-player-wrapper .player-button .icon {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-radius: 50px;
        box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;
        flex-shrink: 0;
    }

    #elementor-custom-video-player-wrapper .player-button svg {
        height: 20px;
        width: 20px;
        stroke: #437dff;
        stroke-width: 1.5;
    }
    
    #elementor-custom-video-player-wrapper .player-button.play-pause-button svg {
        height: 23px;
        width: 23px;
        fill: #437dff;
        stroke: none;
        stroke-width: 0;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button .label-hidden {
        max-width: 0;
        opacity: 0;
        white-space: nowrap;
        transition: max-width 0.3s ease, opacity 0.2s ease, margin 0.3s ease;
        color: #000;
        font-size: 15px;
        font-weight: 500;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button:hover {
        width: auto;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button:hover .label-hidden {
        max-width: 100px;
        margin: 0 16px 0 12px;
        opacity: 1;
    }
    
    #elementor-custom-video-player-wrapper .bottom-controls {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    
    #elementor-custom-video-player-wrapper .play-pause-button .icon svg.play-svg {
        margin-left: 0px;
    }

    #elementor-custom-video-player-wrapper .progress-bar-container {
        width: 100%;
        height: 5px;
        background: rgba(255, 255, 255, 1);
        cursor: pointer;
        border-radius: 15px;
        pointer-events: auto;
        box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
    }
    
    #elementor-custom-video-player-wrapper .progress-bar {
        height: 100%;
        width: 0%; 
        background: #437dff;
        border-radius: 15px;
    }
    
    #elementor-custom-video-player-wrapper .custom-video-player:hover .player-controls-overlay {
    opacity: 1;
}
</style>


<script>
(function () {
    const container = document.querySelector('#elementor-custom-video-player-wrapper');
    if (!container) return;

    const video = container.querySelector('#custom-player');
    const playPauseBtn = container.querySelector('.play-pause-button');
    const muteUnmuteBtn = container.querySelector('.mute-unmute-button');
    const progressBar = container.querySelector('.progress-bar');
    const progressBarContainer = container.querySelector('.progress-bar-container');
    const overlay = container.querySelector('.player-controls-overlay');
    const centralPlay = container.querySelector('.central-play-button');

    let hideControlsTimeout;

    const playIcon = `<svg class="play-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0D0F2C"><path d="M8 5v14l11-7z"/></svg>`;
    const pauseIcon = `<svg class="pause-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0D0F2C"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>`;
    const muteIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><line x1="23" y1="9" x2="17" y2="15"></line><line x1="17" y1="9" x2="23" y2="15"></line></svg>`;
    const unmuteIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>`;

    const updatePlayPauseIcon = () => {
        const iconContainer = playPauseBtn.querySelector('.icon');
        iconContainer.innerHTML = video.paused ? playIcon : pauseIcon;
    };

    const updateMuteUnmuteIcon = () => {
        const iconContainer = muteUnmuteBtn.querySelector('.icon');
        const label = muteUnmuteBtn.querySelector('.label-hidden');
        if (video.muted || video.volume === 0) {
            iconContainer.innerHTML = muteIcon;
            label.textContent = 'Unmute';
        } else {
            iconContainer.innerHTML = unmuteIcon;
            label.textContent = 'Mute';
        }
    };

    const togglePlay = () => {
        if (video.paused) {
            video.play();
        } else {
            video.pause();
        }
    };

    playPauseBtn.addEventListener('click', togglePlay);
    video.addEventListener('click', togglePlay);

    muteUnmuteBtn.addEventListener('click', () => {
        video.muted = !video.muted;
    });

    video.addEventListener('play', () => {
        updatePlayPauseIcon();
        container.classList.add('video-started');
        overlay.style.opacity = 1;
        centralPlay.style.display = 'none';

        // Hide controls after 2 seconds
        clearTimeout(hideControlsTimeout);
        hideControlsTimeout = setTimeout(() => {
            overlay.style.opacity = 0;
        }, 2000);
    });

    video.addEventListener('pause', () => {
        updatePlayPauseIcon();
        clearTimeout(hideControlsTimeout);
        overlay.style.opacity = 1;
    });

    video.addEventListener('ended', () => {
        // Reset video and show thumbnail
        video.load(); // resets video and shows poster
        container.classList.remove('video-started');
        overlay.style.opacity = 0;
        centralPlay.style.display = 'flex';
        video.currentTime = 0;
    });

    video.addEventListener('volumechange', updateMuteUnmuteIcon);

    video.addEventListener('timeupdate', () => {
        if (video.duration) {
            const progressPercent = (video.currentTime / video.duration) * 100;
            progressBar.style.width = `${progressPercent}%`;
        }
    });

    progressBarContainer.addEventListener('click', (e) => {
        const rect = progressBarContainer.getBoundingClientRect();
        const clickX = e.clientX - rect.left;
        const width = progressBarContainer.clientWidth;
        if (video.duration) {
            video.currentTime = (clickX / width) * video.duration;
        }
    });

    // Show central play on load
    centralPlay.addEventListener('click', () => {
        video.play();
    });

    // Initial states
    video.muted = false;
    updatePlayPauseIcon();
    updateMuteUnmuteIcon();
})();
</script>



<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Izazov: naslijeđeni LMS koji nije mogao držati korak</h2>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>“Izrada e-tečajeva i sadržaja zahtijevala je tehničke vještine koje nismo imali”, kaže Manica Šegš, koja vodi sustave i alate koji podržavaju zaposlenike Telekoma Slovenija. Kao rezultat toga, napori u učenju i razvoju bili su usko grlo — ograničeni na zakonom propisane obuke poput sigurnosti na radnom mjestu i zaštite podataka, jednostavno zato što su to bili jedini tečajevi vrijedni truda za izradu.</p>
</blockquote>



<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Za L&amp;D tim koji podržava telekomunikacijsko poslovanje, taj je strop bio neodrživ. Novi propisi, ažuriranja proizvoda i zahtjevi za usklađenost ne čekaju da se programer oslobodi. Tim je trebao alat koji bi mogao pratiti tempo poslovanja.</p>



<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Njihov postojeći LMS stvarao je probleme na svakoj fazi procesa. Prema Nini Šribar, stručnjakinji za učenje i razvoj u Telekomu Slovenija, ključni problemi bili su strukturni: “Od administrativnog opterećenja, upravljanja dozvolama i pristupom, praćenja stope dovršenosti i upisa polaznika — to su bili naši najveći problemi.” Izrada sadržaja bila je spora. Administracija je bila nezgrapna. I iskustvo polaznika je zbog toga patilo.</p>



<h2 class="wp-block-heading">Rješenje: Pametna arena</h2>



<p>Nakon što su procijenili svoje opcije, Telekom Slovenija je odabrao Smart Arenau kao svoju novu platformu za upravljanje učenjem. Dvije su sposobnosti utjecale na odluku: jednostavno stvaranje e-tečajeva i jednostavno upravljanje.</p>



<p>Učinak je bio trenutan. Dok je stvaranje sadržaja ranije zahtijevalo tehničku stručnost i znatno vrijeme pripreme, Smart Arena alat za autorstvo stavio je izradu tečajeva u ruke onih koji su zaista poznavali predmetnu oblast. Danas, Telekom Slovenija ima <strong>14 internih urednika</strong> stvaranje sadržaja unutar cijele organizacije — brojka koja bi bila nezamisliva u njihovom prethodnom sustavu.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>“Jednostavno je za korištenje — svatko može brzo izraditi e-tečaj”, kaže Šegš. “Administrativna strana je moćna i jednostavna za korištenje.”</p>
</blockquote>



<p>Tim je također usvojio CourslyAI, značajku Smart Arene za stvaranje sadržaja pokretanu umjetnom inteligencijom. Za Šribara je to postao istaknuti dio radnog procesa. “Štedi nam vrijeme i pomaže nam puno brže izraditi materijale za obuku.” Umjesto da satima strukturiraju tečajeve od nule, stručnjaci za učenje i razvoj sada se mogu usredotočiti na kvalitetu i točnost — prepuštajući alatu da obavi težak posao oko formata i strukture.</p>



<div id="elementor-custom-video-player-wrapper">

    <div class="custom-video-player">
        <video 
            id="custom-player" 
            poster="https://www.esmartarena.com/wp-content/uploads/2026/02/Screenshot-2026-02-23-at-11.50.05.webp"
            muted="false"
            playsinline
 preload="auto"
        >
            <source src="https://www.esmartarena.com/wp-content/uploads/2026/02/NinaNiaSribarPOP-1.mp4">
            Vaš preglednik ne podržava video oznaku.
        </video>

        <!-- Central Play Button -->
        <div class="central-play-button" style="            position: absolute;            top: 50%;            left: 50%;            transform: translate(-50%, -50%);            z-index: 20;            display: flex;            justify-content: center;            align-items: center;            background: rgba(255,255,255,0.9);            width: 60px;            height: 60px;            border-radius: 50%;            cursor: pointer;            box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;        ">
            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 24 24" fill="#0D0F2C"><path d="M8 5v14l11-7z"/></svg>
        </div>

        <button class="player-button mute-unmute-button">
            <div class="icon"></div>
            <span class="label-hidden">Mute</span>
        </button>

        <div class="player-controls-overlay" style="opacity: 0;">
            <div class="bottom-controls">
                <button class="player-button play-pause-button">
                    <div class="icon"></div>
                </button>
                <div class="progress-bar-container">
                    <div class="progress-bar"></div>
                </div>
            </div>
        </div>
    </div>

</div>

<style>
    /* Scoped styles to prevent conflicts with your theme */
    #elementor-custom-video-player-wrapper {
        width: 100%;
        font-family: 'Montserrat', sans-serif;
    }

    #elementor-custom-video-player-wrapper .custom-video-player {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 13px;
    }

    #elementor-custom-video-player-wrapper .custom-video-player video {
        width: 100%;
        display: block; 
    }

    #elementor-custom-video-player-wrapper .player-controls-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none; 
    }

    #elementor-custom-video-player-wrapper .custom-video-player:hover .player-controls-overlay {
        opacity: 1;
    }

    #elementor-custom-video-player-wrapper .player-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;
        border-radius: 50px;
        background: rgba(255, 255, 255, 1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: none;
        cursor: pointer;
        pointer-events: auto;
    }
    
    #elementor-custom-video-player-wrapper .play-pause-button {
        width: 40px;
        height: 40px;
        padding: 0;
        flex-shrink: 0;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 10;
        padding: 4px;
        overflow: hidden;
        transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }

    #elementor-custom-video-player-wrapper .player-button .icon {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-radius: 50px;
        box-shadow: 0 2px 10px 0 #10182814, 0 0 0 1px #e6eaf4;
        flex-shrink: 0;
    }

    #elementor-custom-video-player-wrapper .player-button svg {
        height: 20px;
        width: 20px;
        stroke: #437dff;
        stroke-width: 1.5;
    }
    
    #elementor-custom-video-player-wrapper .player-button.play-pause-button svg {
        height: 23px;
        width: 23px;
        fill: #437dff;
        stroke: none;
        stroke-width: 0;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button .label-hidden {
        max-width: 0;
        opacity: 0;
        white-space: nowrap;
        transition: max-width 0.3s ease, opacity 0.2s ease, margin 0.3s ease;
        color: #000;
        font-size: 15px;
        font-weight: 500;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button:hover {
        width: auto;
    }

    #elementor-custom-video-player-wrapper .mute-unmute-button:hover .label-hidden {
        max-width: 100px;
        margin: 0 16px 0 12px;
        opacity: 1;
    }
    
    #elementor-custom-video-player-wrapper .bottom-controls {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    
    #elementor-custom-video-player-wrapper .play-pause-button .icon svg.play-svg {
        margin-left: 0px;
    }

    #elementor-custom-video-player-wrapper .progress-bar-container {
        width: 100%;
        height: 5px;
        background: rgba(255, 255, 255, 1);
        cursor: pointer;
        border-radius: 15px;
        pointer-events: auto;
        box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
    }
    
    #elementor-custom-video-player-wrapper .progress-bar {
        height: 100%;
        width: 0%; 
        background: #437dff;
        border-radius: 15px;
    }
    
    #elementor-custom-video-player-wrapper .custom-video-player:hover .player-controls-overlay {
    opacity: 1;
}
</style>


<script>
(function () {
    const container = document.querySelector('#elementor-custom-video-player-wrapper');
    if (!container) return;

    const video = container.querySelector('#custom-player');
    const playPauseBtn = container.querySelector('.play-pause-button');
    const muteUnmuteBtn = container.querySelector('.mute-unmute-button');
    const progressBar = container.querySelector('.progress-bar');
    const progressBarContainer = container.querySelector('.progress-bar-container');
    const overlay = container.querySelector('.player-controls-overlay');
    const centralPlay = container.querySelector('.central-play-button');

    let hideControlsTimeout;

    const playIcon = `<svg class="play-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0D0F2C"><path d="M8 5v14l11-7z"/></svg>`;
    const pauseIcon = `<svg class="pause-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0D0F2C"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>`;
    const muteIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><line x1="23" y1="9" x2="17" y2="15"></line><line x1="17" y1="9" x2="23" y2="15"></line></svg>`;
    const unmuteIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>`;

    const updatePlayPauseIcon = () => {
        const iconContainer = playPauseBtn.querySelector('.icon');
        iconContainer.innerHTML = video.paused ? playIcon : pauseIcon;
    };

    const updateMuteUnmuteIcon = () => {
        const iconContainer = muteUnmuteBtn.querySelector('.icon');
        const label = muteUnmuteBtn.querySelector('.label-hidden');
        if (video.muted || video.volume === 0) {
            iconContainer.innerHTML = muteIcon;
            label.textContent = 'Unmute';
        } else {
            iconContainer.innerHTML = unmuteIcon;
            label.textContent = 'Mute';
        }
    };

    const togglePlay = () => {
        if (video.paused) {
            video.play();
        } else {
            video.pause();
        }
    };

    playPauseBtn.addEventListener('click', togglePlay);
    video.addEventListener('click', togglePlay);

    muteUnmuteBtn.addEventListener('click', () => {
        video.muted = !video.muted;
    });

    video.addEventListener('play', () => {
        updatePlayPauseIcon();
        container.classList.add('video-started');
        overlay.style.opacity = 1;
        centralPlay.style.display = 'none';

        // Hide controls after 2 seconds
        clearTimeout(hideControlsTimeout);
        hideControlsTimeout = setTimeout(() => {
            overlay.style.opacity = 0;
        }, 2000);
    });

    video.addEventListener('pause', () => {
        updatePlayPauseIcon();
        clearTimeout(hideControlsTimeout);
        overlay.style.opacity = 1;
    });

    video.addEventListener('ended', () => {
        // Reset video and show thumbnail
        video.load(); // resets video and shows poster
        container.classList.remove('video-started');
        overlay.style.opacity = 0;
        centralPlay.style.display = 'flex';
        video.currentTime = 0;
    });

    video.addEventListener('volumechange', updateMuteUnmuteIcon);

    video.addEventListener('timeupdate', () => {
        if (video.duration) {
            const progressPercent = (video.currentTime / video.duration) * 100;
            progressBar.style.width = `${progressPercent}%`;
        }
    });

    progressBarContainer.addEventListener('click', (e) => {
        const rect = progressBarContainer.getBoundingClientRect();
        const clickX = e.clientX - rect.left;
        const width = progressBarContainer.clientWidth;
        if (video.duration) {
            video.currentTime = (clickX / width) * video.duration;
        }
    });

    // Show central play on load
    centralPlay.addEventListener('click', () => {
        video.play();
    });

    // Initial states
    video.muted = false;
    updatePlayPauseIcon();
    updateMuteUnmuteIcon();
})();
</script>



<div style="height:52px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Osim brzine, tim je stavio poseban naglasak na angažman polaznika. “E-učenje ne bi trebalo biti samo tekst i slike”, kaže Šribar. “Trebalo bi biti dinamično, jednostavno za korištenje i zanimljivo.” Interaktivni elementi Smart Arene pomogli su Telekomu Slovenija da se odmakne od pasivnog prenošenja sadržaja prema iskustvima koja zaposlenike istinski uključuju — poboljšavajući i zadržavanje znanja i stope dovršetka.</p>



<h2 class="wp-block-heading">Rezultati</h2>



<p>Zamjenom složenog, nedovoljno iskorištenog LMS-a sustavom Smart Arena, Telekom Slovenija je učenje pretvorio iz uskog grla u pravu poslovnu sposobnost.</p>



<p><strong>14 urednika internih sadržaja</strong> Sada se obuka može kreirati diljem organizacije, za razliku od ranije, kada su je izrađivale samo nekolicina tehnički vještih zaposlenika. Kritično znanje — bilo da se radi o ažuriranju propisa, novoj specifikaciji proizvoda ili zahtjevu usklađenosti — sada se može brzo pripremiti i distribuirati, bez čekanja na vanjske programere ili IT resurse. A administrativno opterećenje koje je nekada oduzimalo većinu kapaciteta odjela za učenje i razvoj znatno je smanjeno, oslobađajući tim da se usredotoči na ono što je zaista važno: izradu učinkovite obuke.</p>



<h2 class="wp-block-heading">Ključne poruke</h2>



<p>Za timove za učenje i razvoj u brzorastućim industrijama jaz između “saznanja da nešto treba komunicirati” i “stvarne učinkovite komunikacije” predstavlja organizacijski rizik. Iskustvo Telekoma Slovenija pokazuje da prava platforma ne samo da olakšava izradu obuke — ona mijenja tko je može izraditi, koliko brzo i u kojem opsegu. Kad stvaranje sadržaja više nije specijalistička vještina, učenje postaje nešto čime može upravljati cijela organizacija.</p>]]></content:encoded>
					
		
		
		<media:content url="https://www.esmartarena.com/wp-content/uploads/2026/02/ManicaSegsPOP-1.mp4" medium="video" width="1920" height="1080">
			<media:player url="https://www.esmartarena.com/wp-content/uploads/2026/02/ManicaSegsPOP-1.mp4" />
			<media:title type="plain">Arhiva kreiranja sadržaja umjetne inteligencije - Smart Arena</media:title>
			<media:thumbnail url="https://www.esmartarena.com/wp-content/uploads/2026/02/close-up-portrait-smiling-blond-woman-sitting-table-outside-cafe-talking-mobile-phone-scaled.webp" />
			<media:rating scheme="urn:simple">neodrasli</media:rating>
		</media:content>
	</item>
	</channel>
</rss>