{"id":86,"date":"2014-03-21T13:29:10","date_gmt":"2014-03-21T13:29:10","guid":{"rendered":"http:\/\/demo.themegrill.com\/spacious\/?page_id=86"},"modified":"2026-08-21T13:57:30","modified_gmt":"2026-08-21T10:57:30","slug":"recent-work-skateboard","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=86","title":{"rendered":"Modeling &amp; pedagogical approach"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Hide page title bar on About page *\/\n.page-id-86 .header-post-title-container,\n.page-id-86 .page-header,\n.page-id-86 .entry-header {\n    display: none !important;\n}\n<\/style>\n\n<style>\n\/* =========================================================\n   BIG ART \u2014 AR PEDAGOGICAL APPROACH \/ RESEARCH PAGE\n========================================================= *\/\n\n.bigart-ar-research {\n    --navy:#172554;\n    --blue:#2f4fb3;\n    --cyan:#23b7d6;\n    --yellow:#f2c94c;\n    --text:#334155;\n    --muted:#667085;\n    --soft:#f7f9fc;\n    --line:#e4e9f2;\n\n    width:100%;\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.bigart-ar-research *,\n.bigart-ar-research *::before,\n.bigart-ar-research *::after {\n    box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.bigart-ar-hero {\n    position:relative;\n    overflow:hidden;\n\n    margin-bottom:24px;\n    padding:58px 54px;\n\n    border-radius:24px;\n\n    background:\n        radial-gradient(\n            circle at 88% 15%,\n            rgba(35,183,214,.28),\n            transparent 29%\n        ),\n        radial-gradient(\n            circle at 10% 100%,\n            rgba(242,201,76,.14),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #172554 0%,\n            #233875 54%,\n            #2f4fb3 100%\n        );\n\n    box-shadow:0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-ar-hero::after {\n    content:\"AR\";\n\n    position:absolute;\n    right:30px;\n    bottom:-35px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:170px;\n    line-height:1;\n    font-weight:900;\n}\n\n.bigart-ar-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:18px;\n    padding:7px 13px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.10);\n\n    color:#fff;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-ar-kicker::before {\n    content:\"\";\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:var(--yellow);\n}\n\n.bigart-ar-hero h1 {\n    position:relative;\n    z-index:2;\n\n    max-width:900px;\n\n    margin:0 0 18px !important;\n\n    color:#fff !important;\n\n    font-size:clamp(38px,5vw,56px) !important;\n    line-height:1.06 !important;\n    font-weight:850 !important;\n}\n\n.bigart-ar-hero p {\n    position:relative;\n    z-index:2;\n\n    max-width:920px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.88) !important;\n\n    font-size:17px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.bigart-ar-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-ar-card {\n    padding:32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:0 10px 30px rgba(23,37,84,.06);\n}\n\n.bigart-ar-card h2 {\n    margin:0 0 14px !important;\n\n    color:var(--navy) !important;\n\n    font-size:27px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-ar-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.8 !important;\n}\n\n.bigart-ar-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #edf3ff 100%\n        );\n}\n\n.bigart-ar-highlight::before {\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:5px;\n    height:100%;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--blue),\n            var(--cyan)\n        );\n}\n\n\n\/* =========================================================\n   APPROACH CARDS\n========================================================= *\/\n\n.bigart-ar-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-ar-head {\n    max-width:790px;\n    margin-bottom:25px;\n}\n\n.bigart-ar-eyebrow {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-ar-section h2 {\n    margin:0 0 10px !important;\n\n    color:var(--navy) !important;\n\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-ar-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n.bigart-ar-grid {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-ar-feature {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.bigart-ar-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-ar-number {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:42px;\n    height:42px;\n\n    margin-bottom:15px;\n\n    border-radius:12px;\n\n    background:#eef3ff;\n    color:var(--blue);\n\n    font-size:12px;\n    font-weight:900;\n}\n\n.bigart-ar-feature:nth-child(2) .bigart-ar-number {\n    background:#eafafd;\n    color:#168da6;\n}\n\n.bigart-ar-feature:nth-child(3) .bigart-ar-number {\n    background:#fff8da;\n    color:#987500;\n}\n\n.bigart-ar-feature h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:17px !important;\n    line-height:1.3 !important;\n    font-weight:850 !important;\n}\n\n.bigart-ar-feature p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13.5px !important;\n    line-height:1.65 !important;\n}\n\n\n\/* =========================================================\n   PDF\n========================================================= *\/\n\n.bigart-ar-pdf {\n    display:grid;\n    grid-template-columns:1fr auto;\n    gap:24px;\n    align-items:center;\n\n    margin-top:24px;\n    padding:30px 32px;\n\n    border:1px solid #dbe3f5;\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #eef4ff 100%\n        );\n}\n\n.bigart-ar-pdf span {\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--blue);\n\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-ar-pdf h2 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:24px !important;\n    font-weight:850 !important;\n}\n\n.bigart-ar-pdf p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:14px !important;\n    line-height:1.7 !important;\n}\n\n.bigart-ar-btn {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    white-space:nowrap;\n\n    padding:12px 18px;\n\n    border-radius:10px;\n\n    background:var(--blue);\n\n    color:#fff !important;\n\n    font-size:13px;\n    font-weight:850;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .2s ease,\n        background-color .2s ease;\n}\n\n.bigart-ar-btn:hover {\n    transform:translateY(-2px);\n\n    background:var(--cyan);\n\n    color:var(--navy) !important;\n}\n\n\n\/* =========================================================\n   IMPACT\n========================================================= *\/\n\n.bigart-ar-impact {\n    margin-top:24px;\n    padding:38px;\n\n    border-radius:22px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(35,183,214,.22),\n            transparent 28%\n        ),\n        #172554;\n}\n\n.bigart-ar-impact h2 {\n    margin:0 0 13px !important;\n\n    color:#fff !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.bigart-ar-impact p {\n    max-width:930px;\n\n    margin:0 !important;\n\n    color:rgba(255,255,255,.87) !important;\n\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media screen and (max-width:950px) {\n\n    .bigart-ar-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-ar-grid {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-ar-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-ar-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-ar-card,\n    .bigart-ar-section,\n    .bigart-ar-pdf,\n    .bigart-ar-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-ar-pdf {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-ar-btn {\n        width:100%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-ar-research\">\n\n    <!-- HERO -->\n    <section class=\"bigart-ar-hero\">\n\n        <div class=\"bigart-ar-kicker\">\n            AR Innovation in VET\n        <\/div>\n\n        <h1>Augmented Reality for Management &amp; Automation<\/h1>\n\n        <p>\n            An innovative pedagogical approach using Augmented Reality\n            to connect vocational education with real systems, digital\n            technologies and the requirements of modern industry.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-ar-intro\">\n\n        <div class=\"bigart-ar-card\">\n\n            <h2>Innovative Pedagogy through AR<\/h2>\n\n            <p>\n                This initiative introduces an <strong>innovative pedagogical\n                approach<\/strong> that leverages <strong>Augmented Reality\n                (AR)<\/strong> to support the management and automation of\n                systems operating in real environments.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-ar-card bigart-ar-highlight\">\n\n            <h2>AR in Vocational Education<\/h2>\n\n            <p>\n                By integrating AR technologies into\n                <strong>Vocational Education and Training in Greece<\/strong>,\n                the initiative enhances teaching standards and learning\n                experiences while giving students direct exposure to\n                advanced digital tools.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- APPROACH -->\n    <section class=\"bigart-ar-section\">\n\n        <div class=\"bigart-ar-head\">\n\n            <span class=\"bigart-ar-eyebrow\">\n                Educational Approach\n            <\/span>\n\n            <h2>Connecting learning with real environments<\/h2>\n\n            <p>\n                Augmented Reality provides a bridge between theoretical\n                instruction, digital tools and practical industrial systems.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-ar-grid\">\n\n            <article class=\"bigart-ar-feature\">\n\n                <div class=\"bigart-ar-number\">01<\/div>\n\n                <h3>Real-Environment Learning<\/h3>\n\n                <p>\n                    Students interact with digital information connected\n                    to real systems and physical environments.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-ar-feature\">\n\n                <div class=\"bigart-ar-number\">02<\/div>\n\n                <h3>Modern Teaching Tools<\/h3>\n\n                <p>\n                    AR enriches traditional vocational training with\n                    interactive, visual and technology-supported learning\n                    experiences.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-ar-feature\">\n\n                <div class=\"bigart-ar-number\">03<\/div>\n\n                <h3>Industry Readiness<\/h3>\n\n                <p>\n                    Exposure to advanced digital technologies helps learners\n                    develop skills relevant to increasingly automated and\n                    technology-driven workplaces.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- PDF -->\n    <section class=\"bigart-ar-pdf\">\n\n        <div>\n\n            <span>\n                Research \/ Supporting Document\n            <\/span>\n\n            <h2>Assessment and Modeling of Augmented Reality Applications<\/h2>\n\n            <p>\n                Access the full document on augmented reality applications\n                for the management and automation of systems in real\n                environments.\n            <\/p>\n\n        <\/div>\n\n        <a class=\"bigart-ar-btn\" href=\"https:\/\/bigart-vet.eu\/wp-content\/uploads\/2025\/09\/Assessment_and_modeling_of_augmented_reality_applications_for_the_management_and_automation.pdf\" target=\"_blank\" rel=\"noopener\">\n            View Full PDF \u2192\n        <\/a>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-ar-impact\">\n\n        <h2>Preparing Learners for Modern Industry<\/h2>\n\n        <p>\n            The integration of Augmented Reality into vocational education\n            strengthens the connection between teaching and technological\n            change. By combining practical learning with innovative digital\n            tools, learners gain experience that supports technical competence,\n            adaptability and readiness for the demands of modern industry.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>AR Innovation in VET Augmented Reality for Management &amp; Automation An innovative pedagogical approach using Augmented Reality to connect vocational education with real systems, digital technologies and the requirements of modern industry. Innovative Pedagogy through AR This initiative introduces an<\/p>\n","protected":false},"author":1,"featured_media":1309,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-86","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=86"}],"version-history":[{"count":10,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":2116,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions\/2116"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/media\/1309"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}