<?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>Compliance &#8211; Smart Arena</title>
	<atom:link href="https://www.esmartarena.com/hr/case-study-tag/compliance/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.esmartarena.com/hrVeza
	<description>Sve obuke na jednom mjestu.</description>
	<lastBuildDate>Fri, 20 Feb 2026 14:34:37 +0000</lastBuildDate>
	<language>čovjek</language>
	<sy:updateperiod>
	po satu	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://www.esmartarena.com/wp-content/uploads/2023/05/SA-SYMBOL-FAV-150x150.webp</url>
	<title>Compliance &#8211; Smart Arena</title>
	<link>https://www.esmartarena.com/hrVeza
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Od nespretnog LMS-a do izvještaja o usklađenosti spremnih za reviziju u nekoliko minuta</title>
		<link>https://www.esmartarena.com/hr/studija-slucaja/medis-studija-slucaja/Veza
		
		<dc:creator><![CDATA[Apollo SEO]]></dc:creator>
		<pubDate>Thu, 07 Aug 2025 13:39:19 +0000</pubDate>
				<guid ispermalink="false">https://www.esmartarena.com/?post_type=case-study&#038;p=11622</guid>

					<description><![CDATA[Najveći izazov u Medisu bila je priprema sadržaja. Prethodni sustav bio je zastario, teško ga je bilo koristiti i nedostajala mu je potrebna interaktivnost i fleksibilnost. Izvještaji su stizali kasno ili bili nepotpuni, podsjetnici nisu radili, a administracija je bila spora i neučinkovita.]]></description>
										<content:encoded><![CDATA[<div id="elementor-custom-video-player-wrapper">

    <div class="custom-video-player">
        <video 
            id="custom-player" 
            poster="https://www.esmartarena.com/wp-content/uploads/2025/07/MajaRojsekPOP-wide-thumbnail.webp"
            muted="false"
            playsinline
 preload="auto"
        >
            <source src="https://www.esmartarena.com/wp-content/uploads/2025/07/MajaRojsekPOP-wide-opt.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>


<h2> </h2>
<h2>Izazov</h2>
<p>Najveći izazov u Medisu bila je izrada sadržaja. Prethodni sustav bio je zastario, neprilagođen korisnicima i nije pružao potrebnu interaktivnost ni fleksibilnost. Izvještaji su bili odgođeni, nepotpuni i daleko od spremnosti za reviziju, podsjetnici nisu radili, a administracija je bila spora i neučinkovita.</p>
<blockquote>
<p>»Sustav je bio nespretan, neinteraktivan i neprijateljski prema korisniku. Uložili smo puno vremena u pripremu sadržaja, ali rezultati nisu bili dobri.«<br data-start="1434" data-end="1437" />— <em data-start="1441" data-end="1500">Maja Rojšek, direktorica ljudskih resursa, Medis Group</em></p>
</blockquote>
<h2>Rješenje: Pojednostavljeno upravljanje treninzima sa Smart Arenom</h2>
<p data-start="1803" data-end="2151">Uvođenjem Smart Arene, Medis je dobio jednostavnu, transparentnu i učinkovitu platformu za učenje. Tim za ljudske resurse i učenje i razvoj sada može besprijekorno prenamijeniti postojeći sadržaj uvozeći ga izravno iz PowerPoint ili PDF formata i u roku od nekoliko minuta pretvoriti u interaktivna e-učenja. Platforma se integrira s njihovim HRIS-om za automatsku sinkronizaciju korisnika, osiguravajući da su podaci polaznika uvijek ažurirani. Istovremeno, praćenje napretka i analitika u stvarnom vremenu pružaju potpunu vidljivost usklađenosti, angažmana i ishoda učenja.</p>
<p data-start="2153" data-end="2325">Svi izvještaji, podsjetnici i certifikati generiraju se automatski. Motivacijski podsjetnici povećavaju angažman zaposlenika, a svi materijali za obuku dostupni su na jednom mjestu.</p>
<p><strong>Ključni rezultati:</strong></p>
<ul data-start="2350" data-end="2576">
<li data-start="2350" data-end="2412">
<p data-start="2352" data-end="2412">Brža izrada sadržaja uvoзом iz PowerPoint/PDF</p>
</li>
<li data-start="2413" data-end="2461">
<p data-start="2415" data-end="2461">Jasni i ažurirani izvještaji po odjelima</p>
</li>
<li data-start="2462" data-end="2516">
<p data-start="2464" data-end="2516">Automatski podsjetnici i obavijesti za korisnike</p>
</li>
<li data-start="2517" data-end="2576">
<p data-start="2519" data-end="2576">Bolja suradnja s internim i eksternim dionicima</p>
</li>
</ul>
<h2>Zašto to funkcionira?</h2>
<ul>
<li><b> Coursly AI:</b> 5 puta brža izrada sadržaja</li>
<li><b>Integracija s HR sustavom: </b> Točni podaci i ušteda vremena</li>
<li><b>Centralizirani pristup:</b> Sve na jednom mjestu – materijali, podsjetnici, certifikati</li>
<li><b>Alati za bolje angažiranje:</b> Motivacijske podsjetnice povećavaju završetak tečaja.</li>
</ul>
<blockquote>
<p>»Smart Arena je pojednostavila upravljanje našim e-učenjem. Povezuje se s našim HR sustavom i generira izvrsne izvještaje koji pokazuju tko je što i kada završio.«</p>
</blockquote>]]></content:encoded>
					
		
		
		<media:content url="https://www.esmartarena.com/wp-content/uploads/2025/07/MajaRojsekPOP-wide-opt.mp4" medium="video" width="1920" height="1080">
			<media:player url="https://www.esmartarena.com/wp-content/uploads/2025/07/MajaRojsekPOP-wide-opt.mp4" />
			<media:title type="plain">Arhiva usklađenosti - Smart Arena</media:title>
			<media:thumbnail url="https://www.esmartarena.com/wp-content/uploads/2025/08/group-researchers-lab-analyzing-data-tablets-one-with-bright-red-phone-case-visible-scaled.webp" />
			<media:rating scheme="urn:simple">neodrasli</media:rating>
		</media:content>
	</item>
		<item>
		<title>Kako je BSH smanjio vrijeme uvođenja novih zaposlenika za 40 % i povećao njihovo angažiranje</title>
		<link>https://www.esmartarena.com/hr/studija-slucaja/bsh-studija-slucaja/Veza
		
		<dc:creator><![CDATA[Apollo SEO]]></dc:creator>
		<pubDate>Thu, 31 Jul 2025 14:00:46 +0000</pubDate>
				<guid ispermalink="false">https://www.esmartarena.com/?post_type=case-study&#038;p=11264</guid>

					<description><![CDATA[Your browser does not support the video tag. Mute   Challenge Before the introduction of Smart Arena, the onboarding process for new employees at BSH was largely manual and live, resulting in time delays, a lot of administrative work, and limited flexibility. &#8220;Previously, we relied heavily on manual labor instead of digital support. Now we [&#8230;]]]></description>
										<content:encoded><![CDATA[<div id="elementor-custom-video-player-wrapper">

    <div class="custom-video-player">
        <video 
            id="custom-player" 
            poster="https://www.esmartarena.com/wp-content/uploads/2025/07/AljazSecnjakPOP-wide-thumbnail.webp"
            muted="false"
            playsinline
 preload="auto"
        >
            <source src="https://www.esmartarena.com/wp-content/uploads/2025/07/AljazSecnjakPOP-wide-opt.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>


<h2> </h2>
<h2>Izazov</h2>
<p>Prije uvođenja Smart Arene, proces uvođenja novih zaposlenika u BSH-u bio je uglavnom ručan i uživo, što je rezultiralo kašnjenjima, velikom količinom administrativnog posla i ograničenom fleksibilnošću.</p>
<blockquote>
<p>“Ranije smo se uvelike oslanjali na ručni rad umjesto na digitalnu podršku. Sada štedimo vrijeme i energiju – a učinci su jasno vidljivi.”<br />— <em>Aljaž Sečnjak, direktor ljudskih resursa, BSH kućanski aparati Nazarje</em></p>
</blockquote>
<h2>Rješenje: Bolja usvajanja jedinstvenim pristupom učenja i razvoja</h2>
<p>BSH je koristio platformu Smart Arena za digitalizaciju i centralizaciju ključnih obuka – od uvodne obuke do sigurnosnih seminara prije zaposlenja. Koristeći Coursly AI, HR tim je brzo pretvorio postojeći sadržaj (PowerPoint, PDF) u strukturiranu online obuku.</p>
<blockquote>
<p>“Tečajevi su dostupni na više jezika, uključuju video sadržaj, interaktivne elemente i automatizirane tokove. Zaposlenici mogu učiti bilo gdje – u uredu ili od kuće – putem personaliziranih obrazovnih putova.”</p>
</blockquote>
<h2>Zašto to funkcionira?</h2>
<ul>
<li><b>Kreativno stvaranje sadržaja pomoću umjetne inteligencije:</b> Coursly ubrzava izradu tečajeva</li>
<li><b>Višejezična podrška:</b> Prilagođeno raznolikim timovima</li>
<li><b>Pristup s bilo kojeg mjesta:</b> Također dostupno na mobilnim uređajima</li>
<li><b>Interaktivno učenje:</b> Veća motivacija i angažman</li>
<li><b>Automatska usklađenost:</b> Manje ručnog rada, više kontrole</li>
</ul>
<blockquote>
<p>“Proces je brži, učinkovitiji i ugodniji. Zaposlenici su sretniji, a iskustvo učenja je znatno bolje.”</p>
</blockquote>]]></content:encoded>
					
		
		
		<media:content url="https://www.esmartarena.com/wp-content/uploads/2025/07/AljazSecnjakPOP-wide-opt.mp4" medium="video" width="1920" height="1080">
			<media:player url="https://www.esmartarena.com/wp-content/uploads/2025/07/AljazSecnjakPOP-wide-opt.mp4" />
			<media:title type="plain">Arhiva usklađenosti - Smart Arena</media:title>
			<media:thumbnail url="https://www.esmartarena.com/wp-content/uploads/2025/07/bsh-case-study.webp" />
			<media:rating scheme="urn:simple">neodrasli</media:rating>
		</media:content>
	</item>
	</channel>
</rss>