CINXE.COM
MELO - eLearning platfrom based on Microsoft technologies
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="ctl00_Head1"><title> MELO - eLearning platfrom based on Microsoft technologies </title><meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="stylesheet" href="/assets/css/formatCO.css" /><link href="/assetsClever/rdcfont/style.css" rel="stylesheet" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap-grid.css" /><link href="/assetsClever/css/style.css" rel="stylesheet" /><link href="/assetsClever/vendors/css/spinkit.min.css" rel="stylesheet" /><link href="/assets/css/colorbox.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="/assets/css/owl.carousel.min.css" /><link rel="stylesheet" href="/assets/css/slick.css" /> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script src="/assets/js/jquery.colorbox-min.js" type="text/javascript"></script> <script src="/assetsClever/vendors/js/bootstrap.min.js"></script> <script src="/assets/js/bootbox.min.js" type="text/javascript"></script> <script src="/assets/js/owl.carousel.min.js"></script> <script src="/assets/js/jquery.dotdotdot.js"></script> <script src="https://kit.fontawesome.com/eda8799685.js" crossorigin="anonymous"></script> <script src="/assets/js/slick.min.js"></script> <link rel="stylesheet" href="/assets/scss/format.css" /> <script src="/assets/js/bootbox.min.js"></script> <!-- <script>(function() { var host = window.location.hostname; var element = document.createElement('script'); var firstScript = document.getElementsByTagName('script')[0]; var url = 'https://cmp.inmobi.com' .concat('/choice/', 'rbPp3sCze90Qt', '/', host, '/choice.js?tag_version=V3'); var uspTries = 0; var uspTriesLimit = 3; element.async = true; element.type = 'text/javascript'; element.src = url; firstScript.parentNode.insertBefore(element, firstScript); function makeStub() { var TCF_LOCATOR_NAME = '__tcfapiLocator'; var queue = []; var win = window; var cmpFrame; function addFrame() { var doc = win.document; var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { var iframe = doc.createElement('iframe'); iframe.style.cssText = 'display:none'; iframe.name = TCF_LOCATOR_NAME; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler() { var gdprApplies; var args = arguments; if (!args.length) { return queue; } else if (args[0] === 'setGdprApplies') { if ( args.length > 3 && args[2] === 2 && typeof args[3] === 'boolean' ) { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { var retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stub' }; if (typeof args[2] === 'function') { args[2](retr); } } else { if(args[0] === 'init' && typeof args[3] === 'object') { args[3] = Object.assign(args[3], { tag_version: 'V3' }); } queue.push(args); } } function postMessageEventHandler(event) { var msgIsString = typeof event.data === 'string'; var json = {}; try { if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} var payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { var returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId } }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } if (event && event.source && event.source.postMessage) { event.source.postMessage(returnMsg, '*'); } }, payload.parameter ); } } while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} if (win === window.top) { break; } win = win.parent; } if (!cmpFrame) { addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); var uspStubFunction = function() { var arg = arguments; if (typeof window.__uspapi !== uspStubFunction) { setTimeout(function() { if (typeof window.__uspapi !== 'undefined') { window.__uspapi.apply(window.__uspapi, arg); } }, 500); } }; var checkIfUspIsReady = function() { uspTries++; if (window.__uspapi === uspStubFunction && uspTries </script> --> <!-- Cookie Bot --> <!--<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="e9511c42-5fb0-4149-9231-d039776a5fa9" data-blockingmode="auto" type="text/javascript"></script> <script id="CookieDeclaration" src="https://consent.cookiebot.com/e9511c42-5fb0-4149-9231-d039776a5fa9/cd.js" type="text/javascript" async></script>--> <!-- Facebook Pixel Code --> <script> !(function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = "2.0"; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); })(window, document, "script", "https://connect.facebook.net/en_US/fbevents.js"); fbq("init", "816722552220363"); fbq("track", "PageView"); </script> <noscript> <img height="1" width="1" style="display: none" src="https://www.facebook.com/tr?id=816722552220363&ev=PageView&noscript=1" /> </noscript> <!-- End Facebook Pixel Code --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-121877989-8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "UA-121877989-8"); gtag("config", "AW-660135462"); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ECPB6MPC4N"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "G-ECPB6MPC4N"); </script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-59KTD3WR"); </script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-59KTD3WR" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google tag (gtag.js) --> <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=AW-660135462"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "AW-660135462"); </script> --> <!-- Event snippet for melosoftware.com Contact Form Completion conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <!-- <script> function gtag_report_conversion(url) { var callback = function () { if (typeof url != "undefined") { window.location = url; } }; gtag("event", "conversion", { send_to: "AW-660135462/9snHCL_3vckBEKa847oC", event_callback: callback, }); return false; } </script> --> <!-- Event snippet for melosoftware.com --> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof url != "undefined") { window.location = url; } }; gtag("event", "conversion", { send_to: "AW-660135462/9snHCL_3vckBEKa847oC", event_callback: callback, }); return false; } </script> <!-- Linkedin code --> <script type="text/javascript"> _linkedin_partner_id = "4059737"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script> <script type="text/javascript"> (function (l) { if (!l) { window.lintrk = function (a, b) { window.lintrk.q.push([a, b]); }; window.lintrk.q = []; } var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(window.lintrk); </script> <noscript> <img height="1" width="1" style="display: none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4059737&fmt=gif" /> </noscript> <!-- InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2) --> <script type="text/javascript" async=true> (function() { var host = window.location.hostname; var element = document.createElement('script'); var firstScript = document.getElementsByTagName('script')[0]; var url = 'https://cmp.inmobi.com' .concat('/choice/', 'rbPp3sCze90Qt', '/', host, '/choice.js?tag_version=V3'); var uspTries = 0; var uspTriesLimit = 3; element.async = true; element.type = 'text/javascript'; element.src = url; firstScript.parentNode.insertBefore(element, firstScript); function makeStub() { var TCF_LOCATOR_NAME = '__tcfapiLocator'; var queue = []; var win = window; var cmpFrame; function addFrame() { var doc = win.document; var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { var iframe = doc.createElement('iframe'); iframe.style.cssText = 'display:none'; iframe.name = TCF_LOCATOR_NAME; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler() { var gdprApplies; var args = arguments; if (!args.length) { return queue; } else if (args[0] === 'setGdprApplies') { if ( args.length > 3 && args[2] === 2 && typeof args[3] === 'boolean' ) { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { var retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stub' }; if (typeof args[2] === 'function') { args[2](retr); } } else { if(args[0] === 'init' && typeof args[3] === 'object') { args[3] = Object.assign(args[3], { tag_version: 'V3' }); } queue.push(args); } } function postMessageEventHandler(event) { var msgIsString = typeof event.data === 'string'; var json = {}; try { if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} var payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { var returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId } }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } if (event && event.source && event.source.postMessage) { event.source.postMessage(returnMsg, '*'); } }, payload.parameter ); } } while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} if (win === window.top) { break; } win = win.parent; } if (!cmpFrame) { addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); var uspStubFunction = function() { var arg = arguments; if (typeof window.__uspapi !== uspStubFunction) { setTimeout(function() { if (typeof window.__uspapi !== 'undefined') { window.__uspapi.apply(window.__uspapi, arg); } }, 500); } }; var checkIfUspIsReady = function() { uspTries++; if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) { console.warn('USP is not accessible'); } else { clearInterval(uspInterval); } }; if (typeof window.__uspapi === 'undefined') { window.__uspapi = uspStubFunction; var uspInterval = setInterval(checkIfUspIsReady, 6000); } })(); </script> <!-- End InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2) --> <meta name="keywords" content="melo, platform, elearning, microsoft, technology, architecture, software, development, λογισμικό, πλατφόρμα, .net, framework" /><meta name="description" content="Η πλατφόρμα e-learning MELO αναπτύσσεται με χρήση εργαλείων λογισμικού που βασίζονται σε τεχνολογίες αιχμής της εταιρείας Microsoft (.NET framework)." /></head> <body> <form method="post" action="/el/static/development_technologies" id="aspnetForm"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTg3MjI2NjIzN2RkbToPm6pAAwQ1SJRGaN3QYyl4Qag=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=7Ntr9NYstLoJqdb2p0fX0vD9KEhMVcRljSQ3aJSvLxFZEtWIeHcu2nGTrxyty2N8guemIhBO1fNYZPjEvw0zuW4OGmc1&t=638465127187615987" type="text/javascript"></script> <script src="/ScriptResource.axd?d=K1LWvV-vWCUxRcr_WCQjhZHAcKijHNsdplmZrqsLfQxo_3aNKdYxSv7arbmgjMHVYHM6rzWIprvMZ0qFY2Nli192r9HmVCca8oZqFU21Wfa-PY4b-xmvpIRTNn-7Zyzlo_u6H55wqZ_LqYhe5Bcyfb8JSMQ53asoK5mgmhmzY1RJt37-0&t=2e7d0aca" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); //]]> </script> <script src="/ScriptResource.axd?d=litVb6QLno5VnZHo0NMkMGQnZYGS3ogRnpV6gBMMFi3BH7_aKNMHWM7ZtGYqKHFy-eLL3vq8RqU_t77ltonllea1XctcGhBlUAKBxPoJ9DCi-JaQf1OYMNmPi7DGOD5EmGCnWIYr9h9fRf19JtuldCep7GanHZkELp2p9baAFi8l2vxkXNEXD4FzaWuzYF_nJ5b8wA2&t=2e7d0aca" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="737F0C8B" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$sm1', 'aspnetForm', ['tctl00$cphMain$upPanelSps','','tctl00$upPanelLogin','','tctl00$upPanelLoginStatus','','tctl00$CtrlContactForm$upPanelInterestForm',''], [], [], 90, 'ctl00'); //]]> </script> <!--Header--> <header> <div class="header__container"> <div class="header__top"> <div class="header__info"> <div class="font-white"><a class="font-white font-0.875" href="tel:+30 211 8002200">+30 211 8002200</a></div> <div class="font-white px-0.625">|</div> <div class="font-white"><a class="font-white font-0.875" href="mailto:info@melosoftware.com">info@melosoftware.com</a></div> </div> <div class="header__top--content"> <div class="header__search"> <input id="search-box" type="text" class="search-box" name="q" /> <span class="search-button-wrapper"> <i class="search-button"></i> </span> </div> <div class="header__language"> <ul class="Langs"><li><a href="/el/static/development_technologies" class="langActive">EL</a></li><li><a href="/en/static/development_technologies">EN</a></li></ul> </div> <div class="header__social"> <div class="social__media"><ul><li> <a href="https://www.linkedin.com/company/melo%C2%AE-digital-learning-ecosystem" target="_blank"><i class="fa fa-linkedin"> </i></a><a href="https://www.youtube.com/channel/UC_SyjLTHSafL1Z0nVxsq3iQ" target="_blank"><i class="fa fa-youtube"> </i></a><a href="https://www.facebook.com/MELO-Digital-Learning-Ecosystem-159403709256858" target="_blank"><i class="fa fa-facebook"> </i></a><a href="https://twitter.com/rdcinformatics" target="_blank"><i class="fa fa-twitter"> </i></a></li></ul></div> </div> </div> </div> <div class="header__bottom"> <div class="header__bottom--content"> <div class="header__logo"> <a href="https://www.melosoftware.com/el/normal/home.aspx"> <img src="/admin/Gates/Photos/1/1.png" id="ctl00_imgLogo" /> </a> </div> <div class="header__menu"> <div id="ctl00_pnlMenu"> <nav class='main-menu'><div class="menu-button"><div class="menu-button-block">MENU</div></div><ul><li><a target="" href="https://www.melosoftware.com/el/normal/home.aspx">Αρχική</a></li><li class="hasChildren"><a target="" href="#">Πλατφόρμα</a><i class="menu-arrow-down"><span class="submenu-menu-close-icon"><span class="submenu-close s-icon-1"></span><span class="submenu-close s-icon-2"></span></span></i><ul><li><a target="" href="https://www.melosoftware.com/el/static/about.aspx">Πληροφορίες</a></li><li><a target="" href="https://www.melosoftware.com/el/static/history.aspx">Ιστορικό</a></li><li class="active"><a target="" href="https://www.melosoftware.com/el/static/development_technologies.aspx">Τεχνολογίες ανάπτυξης</a></li><li><a target="" href="https://www.melosoftware.com/el/static/quality_assurance.aspx">Διασφάλιση ποιότητας</a></li><li><a target="" href="https://www.melosoftware.com/el/static/accessibility_interoperability.aspx">Προσβασιμότητα & διαλειτουργικότητα</a></li><li><a target="" href="https://www.melosoftware.com/el/static/distinctions_awards.aspx">Διακρίσεις - Βραβεύσεις</a></li><li><a target="" href="https://www.melosoftware.com/el/static/facilities.aspx">Εγκαταστάσεις</a></li><li><a target="" href="https://www.melosoftware.com/el/static/case_studies.aspx">Case Studies</a></li><li><a target="" href="https://www.melosoftware.com/el/static/collaborations.aspx">Συνεργασίες</a></li><li><a target="" href="https://www.melosoftware.com/el/static/RDC_informatics.aspx">RDC Informatics</a></li></ul></li><li class="hasChildren"><a target="" href="#">Λειτουργίες</a><i class="menu-arrow-down"><span class="submenu-menu-close-icon"><span class="submenu-close s-icon-1"></span><span class="submenu-close s-icon-2"></span></span></i><ul><li><a target="" href="https://www.melosoftware.com/el/static/system_architecture.aspx">Αρχιτεκτονική συστήματος</a></li><li><a target="" href="https://www.melosoftware.com/el/static/training_tools.aspx">Εργαλεία εκπαίδευσης</a></li><li><a target="" href="https://www.melosoftware.com/el/static/comunication_tools.aspx">Εργαλεία επικοινωνίας</a></li><li><a target="" href="https://www.melosoftware.com/el/static/quality_tools.aspx">Εργαλεία αξιολόγησης</a></li><li><a target="" href="https://www.melosoftware.com/el/static/delivery_tools.aspx">Εργαλεία προώθησης</a></li><li><a target="" href="https://www.melosoftware.com/el/static/special_functions.aspx">Ειδικά χαρακτηριστικά</a></li><li><a target="" href="https://www.melosoftware.com/el/static/integrations.aspx">Integrations</a></li></ul></li><li class="hasChildren"><a target="" href="#">Λύσεις</a><i class="menu-arrow-down"><span class="submenu-menu-close-icon"><span class="submenu-close s-icon-1"></span><span class="submenu-close s-icon-2"></span></span></i><ul><li><a target="" href="https://www.melosoftware.com/el/static/businesses_organizations.aspx">Επιχειρήσεις & οργανισμοί</a></li><li><a target="" href="https://www.melosoftware.com/el/static/training_organizations.aspx">Εκπαιδευτικοί οργανισμοί</a></li><li><a target="" href="https://www.melosoftware.com/el/static/special_applications.aspx">Ειδικές εφαρμογές</a></li></ul></li><li><a target="" href="https://www.melosoftware.com/el/static/costs.aspx">Κόστος</a></li><li><a target="" href="https://www.melosoftware.com/el/normal/news.aspx">Νέα - ανακοινώσεις</a></li><li><a target="" href="https://www.melosoftware.com/el/normal/contact.aspx">Επικοινωνία</a></li><li class="menu-close-icon"></li></ul></nav> </div> <div class="header__button"> <a href="/el/normal/contact"> Γνώρισε το MELO </a> </div> </div> </div> </div> </div> </header> <!--Main Content--> <div class="main-content"> <!--Banner--> <div class="banner"> <div class="banner__content"><img src="/CMS/site/images/banner-dev-technologies.jpg" alt="banner" /> <div class="banner__content--text">Κορυφαίες τεχνολογίες ανάπτυξης λογισμικού<br />στην υπηρεσία της Εκπαίδευσης</div> </div> <div class="banner__wave"> <svg xmlns="http://www.w3.org/2000/svg" width="1920" height="153" viewBox="0 0 1920 113"> <defs> <style> .a { fill: #1e2930; opacity: 0.63; } .b { fill: #1e2930; opacity: 0.63; } </style> </defs> <path class="a" d="M-13829,628c282.336-41.875,662.619-28.526,997.619.125S-11909,579-11909,579v85h-1920Z" transform="translate(13829 -526)" /> <path class="b" d="M-13829,546c135.6,0,549.565,91.3,681.906,91.3s634.048-56.36,782.539-56.36S-11909,641-11909,641v18h-1920Z" transform="translate(13829 -526)" /> </svg> </div> </div> <!--Scroll to Top--> <div class="scroll-to-top"> <a href="#top"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41"> <defs> <style> .cls-1 { fill: var(--clr-primary); } .cls-2 { fill: var(--clr-tertiary-1); } </style> </defs> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path class="cls-1" d="M39,2V39H2V2H39m2-2H0V41H41Z" /> <polygon class="cls-2" points="5.88 20.12 19.47 9.56 33.51 19.53 33.73 30.18 19.71 21 6.1 30.77 5.88 20.12" /> </g> </g> </svg> </a> </div> <div style="padding: 0 20px 0 20px"> <h1> Τεχνολογίες ανάπτυξης </h1> </div> <div class="static__page"> <div class="plain__block"> <div class="plain__text">Η πλατφόρμα <b>MELO® - Digital Learning Ecosystem</b> αναπτύσσεται με χρήση εργαλείων λογισμικού που βασίζονται σε τεχνολογίες της Microsoft. Ο πυρήνας του συστήματος έχει αναπτυχθεί με το <span>Microsoft</span> .NET framework στις νεότερες εκδόσεις του, ενώ οι βάσεις δεδομένων φιλοξενούνται στο σχεσιακό σύστημα διαχείρισης βάσεων δεδομένων Microsoft SQL Server ή σε αντίστοιχες τεχνολογίες στο Microsoft Azure Cloud.<br /><br /> <div style="color: #7194ab;">Η πλατφόρμα έχει εξ’ αρχή σχεδιαστεί με αρχιτεκτονική βελτιστοποίησης σε όλα τα επίπεδα ανάκτησης, διαχείρισης & παρουσίασης πληροφοριών ώστε να μπορεί να ανταπεξέλθει σε ιδιαίτερα απαιτητικά έργα με χιλιάδες χρήστες & εντατική αλληλεπίδραση με εκπαιδευτικό περιεχόμενο.</div> </div> <img class="position-absolute pos-3" src="/CMS/site/images/tech-icon.svg" alt="icon" /></div> <div class="plain__block" style="background-color: #f8f8f8;"> <div class="plain__text"> <h2>Ασφάλεια Συστήματος</h2> Η πλατφόρμα <b>MELO® - Digital Learning Ecosystem</b> έχει σχεδιαστεί με τις αρχές του "Security by Design" σε όλα της τα στάδια εξασφαλίζοντας ασφάλεια και ακεραιότητα στα δεδομένα που διαχειρίζεται.<br /><br />Έχουν ληφθεί υπόψη όλες τις προδιαγραφές ασφαλείας των συστημάτων διασφάλισης ποιότητας ISO 27001:2013 & 27701:2019 αναφορικά με την ανάπτυξη λογισμικού καθώς επίσης και το πλαίσιο του Γενικού Κανονισμού Διαχείρισης Προσωπικών Δεδομένων (GDPR). Οι υλοποιήσεις της πλατφόρμας ανταποκρίνονται στις απαιτήσεις των πιο αυστηρών penetration tests.</div> <img class="position-absolute pos-4" src="/CMS/site/images/tech-icon-2.svg" alt="icon" /></div> <div class="plain__block"> <div class="plain__text"> <h2>Υποδομές λειτουργίας</h2> Οι υλοποιήσεις της πλατφόρμας <b>MELO® - Digital Learning Ecosystem</b> φιλοξενούνται σε πληροφοριακές υποδομές που βασίζονται σε τεχνολογίες συστημάτων της εταιρείας Microsoft. Μπορεί να λειτουργήσει σε οποιαδήποτε τοπολογία web hosting (Shared hosting, shared VPS, dedicated VPS) ή σε περιβάλλον Microsoft Azure cloud με πολλές εναλλακτικές τοπολογίες και υπηρεσίες.</div> <img class="position-absolute pos-3" src="/CMS/site/images/tech-icon-3.svg" alt="icon" /></div> </div> <div class="container" style="display: none;"> <div class="row"> <div class="col-sm-3 text-right" style="display:none"> <img class="ImgScrollToStudyPacks" style="cursor:pointer" onclick="$('html, body').animate({scrollTop: $('.StudyPacks').offset().top}, 2000);" src="/assets/images/sps.png" /> </div> <div class="clearfix"></div> </div> </div> <div class="DivLeftMenu" style="display:none;"> <script> //$(document).ready(function () { // $(document).on('click', '.accordion-toggle', function (e) { // $(this).parent().toggleClass("NoBorder"); // }); //}); </script> </div> <div class="container" style="display: none;"> <div style="position:relative"> <div id="ctl00_cphMain_upPanelSps"> <div class="clearfix"></div> </div> <div id="ctl00_cphMain_UpeProgressLessInfo" style="display:none;"> <div class="upProgress"> <center> <span>Φόρτωση</span> <i class="fa fa-cog fa-spin"></i> </center> </div> </div> </div> <div class="clearfix"></div> </div> <!--Login Box--> <div class="LoginArea" style="display: none"> <div id="ctl00_upPanelLogin"> </div> <div id="ctl00_upPanelLoginStatus"> </div> </div> </div> <!--Interest Form--> <div class="relative"> <div class="interest__form"> <div class="py-3.25"> <div class="interest__form__button"> <div class="flex flex-column items-center"> <div class="font-26 font-600 font-white text-center">Εκδήλωση ενδιαφέροντος</div> <img class="mt-1" src="/CMS/site/images/arrow-down-white.svg" alt="icon" /> </div> </div> </div> <div class="interest__form__body" style="display: none"> <div id="ctl00_CtrlContactForm_upPanelInterestForm"> <div class="formGroup formIdContainer"> <div class="formTitle formIdTitle" hidden> <label>ΦΟΡΜΑ ΕΚΔΗΛΩΣΗΣ ΕΝΔΙΑΦΕΡΟΝΤΟΣ</label> </div> <div class="formGroup formId1"> <div class="formTextBox formId1FullName formField formRequired"> <input id="txt1FullName" type="text" name="1FullName" value=""> <label class="formInputLabel" for="txt1FullName">Ονοματεπώνυμο<span class="formMarkRequired">*</span></label> </div> <div class="formTextBox formId1ContactPhone formField formRequired"> <input id="txt1ContactPhone" type="text" name="1ContactPhone" value=""> <label class="formInputLabel" for="txt1ContactPhone">Τηλέφωνο Επικοινωνίας<span class="formMarkRequired">*</span></label> </div> </div> <div class="formGroup formId2"> <div class="formTextBox formId2CompanyOrganization formField formRequired"> <input id="txt2CompanyOrganization" type="text" name="2CompanyOrganization" value=""> <label class="formInputLabel" for="txt2CompanyOrganization">Επιχείρηση / Οργανισμός<span class="formMarkRequired">*</span></label> </div> <div class="formTextBox formId2ContactEmail formField formRequired"> <input id="txt2ContactEmail" type="text" name="2ContactEmail" value=""> <label class="formInputLabel" for="txt2ContactEmail">Email<span class="formMarkRequired">*</span></label> </div> </div> <div class="formTextArea formIdYourMessage formField formRequired"> <textarea id="txaYourMessage" name="YourMessage" rows="5"></textarea> <label class="formInputLabel" for="txaYourMessage">Το μήνυμά σας<span class="formMarkRequired">*</span></label> </div> <div class="formCheckBox formIdCNAgreement formField formRequired"> <input id="cbxCNAgreement" type="checkbox" name="CNAgreement"> <label class="formInputLabel" for="cbxCNAgreement"><a href="#block-2" class="colorbox-block"><p class="hover:underline m-0 font-0.8125 ml-3 text-white">Συγκατάθεση για διατήρηση στοιχείων φόρμας επικοινωνίας</p></a><span class="formMarkRequired">*</span></label> </div> <div class="formButton formIdSend"> <button type="button" onclick="__doPostBack('Send', '');">Αποστολή</button> </div> </div> </div> <div id="ctl00_CtrlContactForm_UpeProgressInterestForm" style="display:none;"> <div class="upProgressSquare"> <div class="sk-cube-grid"> <div class="sk-cube sk-cube1"></div> <div class="sk-cube sk-cube2"></div> <div class="sk-cube sk-cube3"></div> <div class="sk-cube sk-cube4"></div> <div class="sk-cube sk-cube5"></div> <div class="sk-cube sk-cube6"></div> <div class="sk-cube sk-cube7"></div> <div class="sk-cube sk-cube8"></div> <div class="sk-cube sk-cube9"></div> </div> </div> </div> </div> </div> </div> <div id="block-1" class="displayBlock"> <div class="h-38 overflow-y-auto p-2"><div class="text-center bold mb-25">ΣΥΓΚΑΤΑΘΕΣΗ ΓΙΑ ΔΙΑΤΗΡΗΣΗ ΣΤΟΙΧΕΙΩΝ ΦΟΡΜΑΣ ΕΝΗΜΕΡΩΤΙΚΟΥ ΔΕΛΤΙΟΥ (NEWSLETTER)</div><p>Η εταιρεία “ΑΦΟΙ ΚΟΥΤΣΑΝΤΩΝΗ Ε.Ε.” (εφεξής “η Εταιρεία”), η οποία εδρεύει στην οδό Ηρούς αρ. 2,Τ.Κ. 10442 στην Αθήνα, είναι Υπεύθυνος Επεξεργασίας των Δεδομένων Προσωπικού Χαρακτήρα που συλλέγει και επεξεργάζεται στα πλαίσια των δραστηριοτήτων της.</p><p>Η προστασία των δεδομένων προσωπικού χαρακτήρα σας είναι πολύ σημαντική για την Εταιρεία και για το λόγο αυτό αιτούμαστε τη συγκατάθεσή σας για τη διατήρηση στο αρχείο μας των δεδομένων που συλλέγουμε από εσάς μέσω της φόρμας Ενημερωτικού Δελτίου (newsletter) της Ιστοσελίδας https://www.melosoftware.com.</p><p>Σκοπός της διατήρησης των δεδομένων αυτών είναι η αποστολή σε εσάς του Ενημερωτικού Δελτίου (newsletter) της Εταιρείας, κατόπιν του ενδιαφέροντος που εκδηλώσατε.</p><p>Σε περίπτωση που δεν επιθυμείτε να λαμβάνετε πλέον τα ενημερωτικά newsletter μας, μπορείτε ανά πάσα στιγμή να αποστείλετε σχετικό email στη διεύθυνση <a href="mailto:privacy@rdcgr">privacy@rdcgr</a> ή εναλλακτικά να πληκτρολογήστε το e-mail σας να επιλέξετε την Επιλογή «Διαγραφή» και να υποβάλετε το αίτημά σας.</p><p>Τα δεδομένα σας θα διατηρηθούν στο αρχείο της εταιρείας για 36 μήνες. Η Εταιρεία δεν θα διαβιβάσει περαιτέρω σε τρίτους τα δεδομένα προσωπικού χαρακτήρα τα οποία περιέχονται στη φόρμα newsletter.</p><p>Για τα δεδομένα προσωπικού χαρακτήρα σας, σας παρέχεται το δικαίωμα πρόσβασης, διόρθωσης, διαγραφής, περιορισμού της επεξεργασίας, εναντίωσης στην επεξεργασία και φορητότητας μετά από σχετικό σας αίτημα στην εταιρεία “ΑΦΟΙ ΚΟΥΤΣΑΝΤΩΝΗ Ε.Ε.”.</p><p>Για να ασκήσετε τα ανωτέρω δικαιώματά σας σύμφωνα με τον Κανονισμό, μπορείτε να απευθυνθείτε στον Υπεύθυνο Προστασίας Δεδομένων της “ΑΦΟΙ ΚΟΥΤΣΑΝΤΩΝΗ Ε.Ε.” (Δικηγορική Εταιρεία Λατσούδης και Συνεργάτες, στοιχεία επικοινωνίας: μέσω τηλεφώνου 210-2205950, e-mail dpo@latsoudislaw.com και στην ταχυδρομική διεύθυνση Ακτή Μιαούλη 3, Τ.Κ. 18535 Πειραιάς). Περισσότερες πληροφορίες σχετικά με τη διαχείριση των δεδομένων προσωπικού χαρακτήρα σας μπορείτε να βρείτε στην <strong>Πολιτική Απορρήτου</strong> της Εταιρείας. Διαθέτετε επίσης το δικαίωμα να απευθυνθείτε στην Αρχή Προστασίας Δεδομένων Προσωπικού Χαρακτήρα.</p><p>Σας ενημερώνουμε ότι διατηρείτε το δικαίωμα να ανακαλέσετε ανά πάσα στιγμή τη συγκατάθεσή σας ως προς την επεξεργασία των δεδομένων προσωπικού χαρακτήρα σας.</p> </div> </div> <div id="block-2" class="displayBlock"> <div class="h-38 overflow-y-auto p-2"><div class="text-center bold mb-25">ΣΥΓΚΑΤΑΘΕΣΗ ΓΙΑ ΔΙΑΤΗΡΗΣΗ ΣΤΟΙΧΕΙΩΝ ΦΟΡΜΑΣ ΕΠΙΚΟΙΝΩΝΙΑΣ ΙΣΤΟΣΕΛΙΔΑΣ</div><p>Η εταιρεία “ΑΦΟΙ ΚΟΥΤΣΑΝΤΩΝΗ Ε.Ε.”, που εδρεύει στην οδό Ηρούς αρ. 2, Τ.Κ. 10442 στην Αθήνα, είναι Υπεύθυνη Επεξεργασίας των Δεδομένων Προσωπικού Χαρακτήρα τα οποία συλλέγει και επεξεργάζεται στο πλαίσιο των καταστατικών δραστηριοτήτων της.</p><p>Η προστασία των δεδομένων προσωπικού χαρακτήρα σας είναι πολύ σημαντική για την Εταιρεία και για το λόγο αυτό αιτούμαστε τη συγκατάθεσή σας για τη διατήρηση στο αρχείο μας των δεδομένων τα οποία συλλέγουμε από εσάς μέσω από τις φόρμες επικοινωνίας που υπάρχουν στην ιστοσελίδα <a href="https://www.melosoftware.com/el/normal/home">www.melosoftware.com</a>.</p><p>Σκοπός της διατήρησης των δεδομένων αυτών είναι να επεξεργαστούμε και να ικανοποιήσουμε κάποιο αίτημά σας ή να επικοινωνήσουμε μαζί σας σχετικά με το ενδιαφέρον που εκδηλώσατε για τη λήψη προσφοράς από την Εταιρεία μας, καθώς επίσης και για να διαχειριστούμε στατιστικά δεδομένα της ιστοσελίδας μας ή να διενεργήσουμε προωθητικές ενέργειες.</p><p>Τα δεδομένα σας θα διατηρηθούν στο αρχείο της εταιρείας για 36 μήνες προκειμένου να είμαστε σε θέση να ανταποκριθούμε σε αιτήματά σας.</p><p>Η Εταιρεία δεν θα διαβιβάσει περαιτέρω σε τρίτους τα δεδομένα προσωπικού χαρακτήρα τα οποία περιέχονται στη φόρμα επικοινωνίας, εκτός και αν αυτό καταστεί απολύτως απαραίτητο για τη διεκπεραίωση του αιτήματός σας.</p><p>Σε μία τέτοια περίπτωση θα λάβουμε όλα τα κατάλληλα μέτρα έτσι ώστε να εξασφαλίσουμε ότι τα διαβιβαζόμενα δεδομένα προσωπικού χαρακτήρα είναι τα ελάχιστα τα οποία απαιτούνται για τον επιδιωκόμενο σκοπό της επεξεργασίας και ότι θα πληρούνται πάντοτε οι προϋποθέσεις νόμιμης καιέγκυρης επεξεργασίας.</p><p>Για τα εν λόγω δεδομένα προσωπικού χαρακτήρα σας, σας παρέχεται το δικαίωμα πρόσβασης, διόρθωσης, διαγραφής, περιορισμού της επεξεργασίας, εναντίωσης στην επεξεργασία και φορητότητας μετά από σχετικό σας αίτημα στην Εταιρεία.</p><p>Για να ασκήσετε τα ανωτέρω δικαιώματά σας σύμφωνα με τον Κανονισμό, μπορείτε να απευθυνθείτεστον Υπεύθυνο Προστασίας Δεδομένων των Εταιρειών (Δικηγορική Εταιρεία Λατσούδης και Συνεργάτες, στοιχεία επικοινωνίας: μέσω τηλεφώνου 210-2205950, e-mail <a href="mailto:dpo@latsoudislaw.com">dpo@latsoudislaw.com</a> και στην ταχυδρομική διεύθυνση Ακτή Μιαούλη 3, Τ.Κ. 18535 Πειραιάς). Περισσότερες πληροφορίες σχετικά με τη διαχείριση των δεδομένων προσωπικού χαρακτήρα σας μπορείτε να βρείτε στην Πολιτική Διαχείρισης ΔΠΧ στην ηλ.διεύθυνση <a href="/el/static/privacy_policy">https://www.melosoftware.com/el/static/privacy_policy</a>.</p><p>Διαθέτετε επίσης το δικαίωμα να απευθυνθείτε στην Αρχή Προστασίας Δεδομένων Προσωπικού Χαρακτήρα.</p><table border="1" style="border-collapse: collapse; width: 100%"><tbody><tr><td style="width: 50%"></td><td style="width: 50%">ΣΥΜΦΩΝΩ</td></tr><tr><td style="width: 50%">Να διατηρηθούν τα δεδομένα προσωπικού χαρακτήρα μου για τον σκοπό επεξεργασίας αιτήματός μου και για την επικοινωνία μαζί μου σχετικά με το ενδιαφέρον με την πλατφόρμα λογισμικού MELO</td><td style="width: 50%">☑</td></tr><tr><td style="width: 50%">Να διατηρηθούν τα δεδομένα προσωπικού χαρακτήρα μου για τον σκοπό διαχείρισης στατιστικών δεδομένων της ιστοσελίδας</td><td style="width: 50%">☑</td></tr><tr><td style="width: 50%">Να διατηρηθούν τα δεδομένα προσωπικού χαρακτήρα μου για τον σκοπό διενέργειας προωθητικών ενεργειών </td><td style="width: 50%">☑</td></tr></tbody></table><br/><p>Σας ενημερώνουμε ότι διατηρείτε το δικαίωμα να ανακαλέσετε ανά πάσα στιγμή τη συγκατάθεσή σας ως προς την επεξεργασία των δεδομένων προσωπικού χαρακτήρα σας.</p></div> </div> <!--Footer--> <footer> <div class="footer__container"> <div class="footer__column logo"> <a href="https://www.melosoftware.com/el/normal/home.aspx"> <img src="/CMS/site/images/logo-white.svg" alt="logo footer" /> </a> <div class="footer__info"> Multi Awarded<br /> e-Learning Toolbox <!-- <div class="footer__info--block"> <i class="fa fa-map-marker"></i>Ηρούς 2, Αθήνα, Κολωνός, 104 42 </div> <div class="footer__info--block"> <i class="fa fa-envelope"></i><a href="mailto:info@rdc.gr">info@rdc.gr</a> </div> <div class="footer__info--block"> <i class="fa fa-phone"></i> 211 800 22 00 - 210 577 77 80 </div> --> </div> </div> <div class="footer__column menus"> <div class="footer__column menu"> <div class="footer__menu primary"> <div class="accordion"> <div class="accordion-section footer__column info"> <div class="accordion-title"> <a class="footer__column--title accordion-section-title" href="#accordion-0"> ΠΛΑΤΦΟΡΜΑ <span class="arrows"> <span class="arrow-props arrow-down"></span> <span class="arrow-props arrow-up"></span> </span> </a> </div> <div id="accordion-0" class="accordion-section-content"> <div id="ctl00_pnlFooterMenu1"> <nav class='main-menu'><div class="menu-button"><div class="menu-button-block">MENU</div></div><ul><li><a target="" href="https://www.melosoftware.com/el/static/about.aspx">Πληροφορίες</a></li><li><a target="" href="https://www.melosoftware.com/el/static/development_technologies.aspx">Τεχνολογίες ανάπτυξης</a></li><li><a target="" href="https://www.melosoftware.com/el/static/distinctions_awards.aspx">Διακρίσεις - Βραβεύσεις</a></li><li><a target="" href="https://www.melosoftware.com/el/static/facilities.aspx">Εγκαταστάσεις</a></li><li><a target="" href="https://www.melosoftware.com/el/static/case_studies.aspx">Case Studies</a></li><li><a target="" href="https://www.melosoftware.com/el/static/collaborations.aspx">Συνεργασίες</a></li><li class="menu-close-icon"></li></ul></nav> </div> </div> </div> </div> </div> </div> <div class="footer__column menu"> <div class="footer__menu secondary"> <div class="accordion"> <div class="accordion-section footer__column info"> <div class="accordion-title"> <a class="footer__column--title accordion-section-title" href="#accordion-1"> ΛΕΙΤΟΥΡΓΙΕΣ <span class="arrows"> <span class="arrow-props arrow-down"></span> <span class="arrow-props arrow-up"></span> </span> </a> </div> <div id="accordion-1" class="accordion-section-content"> <div id="ctl00_pnlFooterMenu2"> <nav class='main-menu'><div class="menu-button"><div class="menu-button-block">MENU</div></div><ul><li><a target="" href="https://www.melosoftware.com/el/static/system_architecture.aspx">Αρχιτεκτονική</a></li><li><a target="" href="https://www.melosoftware.com/el/static/training_tools.aspx">Εκπαίδευση</a></li><li><a target="" href="https://www.melosoftware.com/el/normal/contact.aspx">Επικοινωνία</a></li><li><a target="" href="https://www.melosoftware.com/el/static/quality_tools.aspx">Αξιολόγηση</a></li><li><a target="" href="https://www.melosoftware.com/el/static/delivery_tools.aspx">Προώθηση</a></li><li><a target="" href="https://www.melosoftware.com/el/static/special_functions.aspx">Ειδικά χαρακτηριστικά</a></li><li><a target="" href="https://www.melosoftware.com/el/static/integrations.aspx">Integrations</a></li><li class="menu-close-icon"></li></ul></nav> </div> </div> </div> </div> </div> </div> <div class="footer__column menu"> <div class="footer__menu secondary"> <div class="accordion"> <div class="accordion-section footer__column info"> <div class="accordion-title"> <a class="footer__column--title accordion-section-title" href="#accordion-2"> ΛΥΣΕΙΣ <span class="arrows"> <span class="arrow-props arrow-down"></span> <span class="arrow-props arrow-up"></span> </span> </a> </div> <div id="accordion-2" class="accordion-section-content"> <div id="ctl00_pnlFooterMenu3"> <nav class='main-menu'><div class="menu-button"><div class="menu-button-block">MENU</div></div><ul><li><a target="" href="https://www.melosoftware.com/el/static/businesses_organizations.aspx">Επιχειρήσεις - Οργανισμοί</a></li><li><a target="" href="https://www.melosoftware.com/el/static/training_organizations.aspx">Εκπαιδευτικοί οργανισμοί</a></li><li><a target="" href="https://www.melosoftware.com/el/static/special_applications.aspx">Ειδικές εφαρμογές</a></li><li class="menu-close-icon"></li></ul></nav> </div> </div> </div> </div> </div> </div> </div> <div class="footer__column logos flex flex-column flex-between"> <div> <a href="/el/static/distinctions_awards"> <div class="footer__logos"> <img src="/CMS/site/images/award-5.png" alt="award image" /> <img src="/CMS/site/images/award-1.png" alt="award image" /> <img src="/CMS/site/images/award-2.png" alt="award image" /> <img src="/CMS/site/images/award-3.png" alt="award image" /> <img src="/CMS/site/images/award-4.png" alt="award image" /> </div> </a> <a href="/el/static/distinctions_awards"><span>5 Βραβεία Καινοτομίας για Έρευνα και Ανάπτυξη</span></a> </div> <div class="flex flex-around mt-30 width-full mx-auto sm:mt-3"> <a class="block text-underline font-0.8125 font-white" href="/el/static/privacy_policy#section_cookies">Πολιτική Cookies</a> <a class="block text-underline font-0.8125 font-white" href="/el/static/terms_of_use">Όροι χρήσης</a> <a class="block text-underline font-0.8125 font-white" href="/el/static/privacy_policy">Πολιτική Προστασίας ΔΠΧ</a> </div> </div> </div> <div class="footer__down"> <div class="footerleft"><span>©2024 <a href="https://www.rdc.gr/el/normal/home" target="_blank">RDC Informatics</a>. All rights reserved.</a></span></div> </div> </footer> <script type="text/javascript"> //<![CDATA[ $('.colorbox-block').colorbox({inline: true, width: '99%', maxWidth: '1090px'});Sys.Application.add_init(function() { $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"ctl00_cphMain_upPanelSps","displayAfter":500,"dynamicLayout":true}, null, null, $get("ctl00_cphMain_UpeProgressLessInfo")); }); Sys.Application.add_init(function() { $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"ctl00_CtrlContactForm_upPanelInterestForm","displayAfter":500,"dynamicLayout":true}, null, null, $get("ctl00_CtrlContactForm_UpeProgressInterestForm")); }); //]]> </script> </form> <script> const scrollLinks = [...document.querySelectorAll(".scroll__container .nav li")]; const navLinks = document.querySelectorAll(".scroll__container .nav li a"); const sections = document.querySelectorAll(".scroll__container section"); const banner = document.querySelector(".banner"); const bannerWave = document.querySelector(".banner__wave"); const bannerGreen = document.querySelector(".banner .green"); const bannerBlue = document.querySelector(".banner .blue"); const bannerOrange = document.querySelector(".banner .orange"); const bannerBrown = document.querySelector(".banner .brown"); const bannerPurple = document.querySelector(".banner .purple"); const header = document.querySelector("header"); const body = document.querySelector("body"); const caseStudyGroups = document.querySelectorAll(".case_study__carousel--item-group"); const interestFormButton = document.querySelector(".interest__form__button"); const interestFormBody = document.querySelector(".interest__form__body"); const interestForm = document.querySelector(".interest__form"); const headerInfo = document.querySelector(".header__info"); const headerMenu = document.querySelector(".header__menu"); const contactTextArea = document.querySelector(".contact__form--input textarea"); function initAccordion() { $(".accordion-section-title").click(function (e) { var currentAttrValue = $(this).attr("href"); if ($(e.target).is(".active")) { $(this).parent().removeClass("active"); $(this).removeClass("active"); $(this).parent().parent().find(".accordion-section-content").slideUp(300).removeClass("open"); } else { $(this).parent().addClass("active"); $(this).addClass("active"); $(".accordion " + currentAttrValue) .slideDown(300) .addClass("open"); } e.preventDefault(); }); } function smoothScroll() { navLinks.forEach((link) => { link.addEventListener("click", (e) => { e.preventDefault(); document.querySelector(link.hash).scrollIntoView({ behavior: "smooth" }); }); }); window.addEventListener("scroll", function () { const scrollPosition = document.body.scrollTop || document.documentElement.scrollTop; sections.forEach((section) => { if (section.offsetTop <= scrollPosition) { const id = section.id; document.querySelector(".scroll__container .nav li.active").classList.remove("active"); document.querySelector(`a[href*=${id}]`).parentElement.classList.add("active"); } }); }); } function activeLinks() { scrollLinks.forEach((link, index, arr) => { link.addEventListener("click", function () { arr.forEach((item) => item.classList.remove("active")); link.classList.add("active"); }); }); } function checkForBannerImg() { if (banner.children[0] == null) return; if (banner.children[0].classList.value != "banner__content") { banner.querySelector(".banner__wave").parentNode.removeChild(banner.querySelector(".banner__wave")); } // banner.addEventListener('mouseover', function () { // const a = bannerWave.querySelector('path.a'); // const b = bannerWave.querySelector('path.b'); // b.setAttribute("d", "M-13829,619.825c317.861-105.13,464.176,11.066,683.05,11.066s607.425-76.632,780.174-77.464S-11909,590.315-11909,590.315V659h-1920Z"); // a.setAttribute("d", "M-13829,637.3c135.6,0,373.193-131.83,636.94-131.83s578.2,116.878,726.687,116.878S-11909,557.8-11909,557.8V659h-1920Z"); // }); banner.addEventListener("mouseenter", function () { if (bannerWave) { // bannerWave.classList.add('hovered'); // const bannerWaveHovered = document.querySelector('.banner__wave.hovered'); const a = bannerWave.querySelector("path.a"); const b = bannerWave.querySelector("path.b"); // const aAttr = a.getAttribute("d"); // const bAttr = b.getAttribute("d"); // console.log(a.getAttribute("d")); // console.log(b.getAttribute("d")); b.setAttribute("d", "M-13829,619.825c317.861-105.13,464.176,11.066,683.05,11.066s607.425-76.632,780.174-77.464S-11909,590.315-11909,590.315V659h-1920Z"); a.setAttribute("d", "M-13829,637.3c135.6,0,373.193-131.83,636.94-131.83s578.2,116.878,726.687,116.878S-11909,557.8-11909,557.8V659h-1920Z"); // a.setAttribute("transform", "translate(13829 -528)"); // console.log(a.getAttribute("d")); // console.log(b.getAttribute("d")); } }); banner.addEventListener("mouseleave", function () { if (bannerWave) { // bannerWave.classList.remove('hovered'); const a = bannerWave.querySelector("path.a"); const b = bannerWave.querySelector("path.b"); b.setAttribute("d", "M-13829,628c282.336-41.875,662.619-28.526,997.619.125S-11909,579-11909,579v85h-1920Z"); a.setAttribute("d", "M-13829,546c135.6,0,549.565,91.3,681.906,91.3s634.048-56.36,782.539-56.36S-11909,641-11909,641v18h-1920Z"); } }); if (bannerGreen) { bannerWave.querySelector(".a").style.fill = "#A9CF37"; bannerWave.querySelector(".b").style.fill = "#A9CF37"; } if (bannerBrown) { bannerWave.querySelector(".a").style.fill = "#A29A90"; bannerWave.querySelector(".b").style.fill = "#A29A90"; } if (bannerBlue) { bannerWave.querySelector(".a").style.fill = "#0099EF"; bannerWave.querySelector(".b").style.fill = "#0099EF"; } if (bannerOrange) { bannerWave.querySelector(".a").style.fill = "#F6901E"; bannerWave.querySelector(".b").style.fill = "#F6901E"; } if (bannerPurple) { bannerWave.querySelector(".a").style.fill = "#B666D2"; bannerWave.querySelector(".b").style.fill = "#B666D2"; } } function initTabs() { document.querySelectorAll(".tabs__button").forEach((btn) => { btn.addEventListener("click", (e) => { e.preventDefault(); const tabsMenu = btn.parentElement; const tabs = tabsMenu.parentElement; const tabsNumber = btn.dataset.forTab; const tabToActivate = tabs.querySelector(".tabs__content-container").querySelector(`.tabs__content[data-tab="${tabsNumber}"]`); tabsMenu.querySelectorAll(".tabs__button").forEach((btn) => { btn.classList.remove("tabs__button--active"); }); tabs.querySelector(".tabs__content-container") .querySelectorAll(".tabs__content") .forEach((cnt) => { cnt.classList.remove("tabs__content--active"); }); btn.classList.add("tabs__button--active"); tabToActivate.classList.add("tabs__content--active"); }); }); } function headerScripts() { const headerHeight = header.offsetHeight; window.onscroll = function () { if (window.pageYOffset > headerHeight) { header.classList.add("fixed"); body.style.marginTop = `${headerHeight}px`; } else { header.classList.remove("fixed"); body.style.marginTop = 0; } }; } function caseStudyTextHeights() { let maxHeight = 0; caseStudyGroups.forEach((item) => { if (maxHeight < item.offsetHeight) { maxHeight = item.offsetHeight; } }); caseStudyGroups.forEach((item) => (item.style.height = `${maxHeight}px`)); // this code works if owl-carousel is not looping } // function intersectionObserver() { // const options = { // root: null, // threshold: 0.2 // } // const observer = new IntersectionObserver(function (entries, observer) { // entries.forEach(entry => { // if (entry.isIntersecting) { // entry.target.classList.add('background-position') // } // else { // entry.target.classList.remove('background-position') // } // }) // }, options) // if (!document.querySelectorAll('.home__section-1')) return // document.querySelectorAll('.home__section-1').forEach(item => { // observer.observe(item) // }) // } // function parallax() { // document.addEventListener('scroll', ()=> { // const element = document.querySelector('.home__section-1').offsetTop // console.log(element) // $(window).scroll(function () { // $(".home__section-1").css({"background-position":"50% " + ($(this).scrollTop() + element / 2) + "px"},{queue:false, duration:500}); // }); // }) // } document.addEventListener("DOMContentLoaded", () => { initAccordion(); smoothScroll(); activeLinks(); checkForBannerImg(); initTabs(); headerScripts(); caseStudyTextHeights(); }); function appendLanguageToMobileMenu() { let windowWidth = $(window).width(); if (windowWidth < 481) { $(".header__language").appendTo("#ctl00_pnlMenu .main-menu > ul"); } } function initBackToTop() { $(document).scroll(function () { var y = $(this).scrollTop(); if (y > 800) { $(".scroll-to-top").addClass("show"); } else { $(".scroll-to-top").removeClass("show"); } }); $("a[href='#top']").click(function () { $("html, body").animate( { scrollTop: 0, }, "slow" ); return false; }); } function initMobileMenu() { //Active parent $("li.active").parents("li").removeClass("active").addClass("active"); //Mobile Menu $(document).ready(function () { var menuIcon = $(".menu-close-icon"); $(".main-menu .menu-button").on("click", function () { var menu = $(this).next("ul"); if (menu.hasClass("open")) { menu.removeClass("open"); } else { menu.addClass("open"); } menuIcon.addClass("toggle"); $("body").addClass("mobile-clicked"); $("html").addClass("mobile-clicked"); }); //Mobile Menu - Sub Menu $(document).on("click", ".main-menu .menu-arrow-down", function () { $(this).addClass("menu-arrow-up").removeClass("menu-arrow-down"); $(this).next().addClass("opened"); }); $(document).on("click", ".main-menu .menu-arrow-up", function () { $(this).addClass("menu-arrow-down").removeClass("menu-arrow-up"); $(this).next().removeClass("opened"); }); $(".submenu-menu-close-icon").click(function () { $(this).toggleClass("active"); }); $(".menu-close-icon").click(function () { $(".main-menu > ul").removeClass("open"); $("body").removeClass("mobile-clicked"); $("html").removeClass("mobile-clicked"); menuIcon.removeClass("toggle"); }); $(".main-menu ul li i").click(function () { $(this).siblings(".main-menu ul li ul").slideToggle("slow"); }); }); } function initOwl() { $(".owl-carousel.case_study__carousel").owlCarousel({ loop: false, responsiveClass: true, responsiveRefreshRate: 10, nav: true, autoplay: true, smartSpeed: 800, autoplayTimeout: 8000, autoplayHoverPause: true, dots: false, responsive: { 0: { items: 1, }, }, }); $(".owl-carousel.module__container").owlCarousel({ loop: true, responsiveClass: true, responsiveRefreshRate: 10, nav: true, autoplay: true, smartSpeed: 800, autoplayTimeout: 8000, autoplayHoverPause: true, dots: false, responsive: { 0: { items: 1, }, }, }); $(".owl-carousel.organizations__carousel__container").owlCarousel({ loop: true, responsiveClass: true, responsiveRefreshRate: 10, nav: true, autoplay: true, smartSpeed: 800, autoplayTimeout: 8000, autoplayHoverPause: true, dots: false, responsive: { 0: { items: 1, }, }, }); $(".owl-carousel.home__carousel").owlCarousel({ loop: true, responsiveClass: true, responsiveRefreshRate: 10, nav: true, autoplay: true, smartSpeed: 800, autoplayTimeout: 8000, autoplayHoverPause: true, dots: false, responsive: { 0: { items: 1, }, }, }); } function initSlick(element, dots, arrows, slidesToShow, slidesToScroll, autoplay, autoplaySpeed, centerMode, centerPadding, breakpoint) { $(element).slick({ dots: dots, mobileFirst: true, infinite: true, arrows: arrows, slidesToShow: slidesToShow, slidesToScroll: slidesToScroll, autoplay: autoplay, autoplaySpeed: autoplaySpeed, centerMode: centerMode, centerPadding: centerPadding, variableWidth: true, responsive: [ { breakpoint: breakpoint, settings: "unslick", }, // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ], }); } //Slick Slider On Window Resize $(window).resize(function () { $(".sl").slick("resize"); }); //Slick Slider On Orientation Change $(window).on("orientationchange", function () { $(".sl").slick("resize"); }); function initDotdotdot(element, height) { $(element).dotdotdot({ height: height, fallbackToLetter: true, watch: true, }); } function LabelScr($element) { $($element).each(function () { changeState($(this)); }); $($element).on("focusout", function () { changeState($(this)); }); function changeState($formControl) { if ($formControl.val().length > 0) { $formControl.addClass("has-value"); } else { $formControl.removeClass("has-value"); } } } function search() { $(".search-button-wrapper").click(function (e) { $(".search-box").addClass("expand"); $(".search-box").focus(); $(".search-button").css("pointer-events", "all"); e.stopPropagation(); }); $(document).on("click", function () { if ($(".search-box").hasClass("expand")) { $(".search-box").removeClass("expand"); } }); $("#search-box").keydown(function (e) { if (e.keyCode == 13) { if ($("#search-box").val() != "") { __doPostBack("btnSearch", $("#search-box").val()); } // else { // bootbox.alert({ message: '' }); // } } }); $(".search-button").click(function (e) { if ($("#search-box").val() != "") { __doPostBack("btnSearch", $("#search-box").val()); } // else { // bootbox.alert({ message: '' }); // } }); } function contactScripts() { $(".contact__form--input textarea").on("input", function () { $(this).css("height", $(this)[0].scrollHeight + "px"); }); } function interestFormToggle() { $(document).on("click", ".interest__form__button", function () { $(".interest__form__body").slideToggle(); }); } $(document).ready(function () { appendLanguageToMobileMenu(); initBackToTop(); initMobileMenu(); interestFormToggle(); contactScripts(); search(); LabelScr(".contact__form input"); LabelScr(".contact__form textarea"); LabelScr(".interest__form__body .formIdContainer input"); LabelScr(".interest__form__body .formIdContainer textarea"); initDotdotdot(".news__items .news__item-title", 40); initDotdotdot(".news__items .news__item-descr", 100); initDotdotdot(".home__news__descr", 445); initDotdotdot(".home__news__title", 100); initSlick(".sl.module__collection--grid", true, false, 1, 1, true, 3000, true, "40px", 889); initSlick(".sl.distinctions__grid", true, false, 1, 1, true, 3000, true, "40px", 889); initSlick(".sl.module__grid", true, false, 1, 1, true, 3000, true, "40px", 889); initSlick(".sl.organizations__grid", true, false, 1, 1, true, 3000, true, "40px", 889); $(".colorbox-block").colorbox({ inline: true, width: "99%", maxWidth: "1090px" }); initOwl(); }); </script> </body> </html>