{"id":44248,"date":"2026-07-09T13:54:58","date_gmt":"2026-07-09T10:54:58","guid":{"rendered":"https:\/\/www.khas.edu.tr\/?page_id=44248"},"modified":"2026-09-09T00:59:03","modified_gmt":"2026-09-08T21:59:03","slug":"instructional-design","status":"publish","type":"page","link":"https:\/\/www.khas.edu.tr\/en\/instructional-design\/","title":{"rendered":"Instructional Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44248\" class=\"elementor elementor-44248 elementor-41944\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e1e2ba e-flex e-con-boxed e-con e-parent\" data-id=\"1e1e2ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-992f8bf elementor-widget elementor-widget-html\" data-id=\"992f8bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"celt-v2\" id=\"course-design\" aria-labelledby=\"courseDesignTitle\">\r\n  <style>\r\n    @import url('https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css');\r\n\r\n    :root {\r\n      --celt-navy: #0f172a;\r\n      --celt-blue: #2563eb;\r\n      --celt-cyan: #06b6d4;\r\n      --celt-bg: #f8fafc;\r\n      --celt-card-bg: #ffffff;\r\n      --celt-text: #334155;\r\n      --celt-text-dark: #0f172a;\r\n      --celt-radius: 20px;\r\n    }\r\n\r\n    .celt-v2 {\r\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n      max-width: 1200px;\r\n      margin: 2rem auto;\r\n      padding: 0 1rem;\r\n      color: var(--celt-text);\r\n    }\r\n\r\n    \/* HERO BANNER *\/\r\n    .celt-hero {\r\n      background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #0f2a4a 100%);\r\n      border-radius: var(--celt-radius);\r\n      padding: 3.5rem 3rem;\r\n      color: #fff;\r\n      position: relative;\r\n      overflow: hidden;\r\n      box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .celt-eyebrow {\r\n      font-size: 0.85rem;\r\n      letter-spacing: 0.08em;\r\n      color: var(--celt-cyan);\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      display: flex;\r\n      gap: 0.5rem;\r\n      align-items: center;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .celt-hero h1 {\r\n      font-size: 2.2rem;\r\n      font-weight: 800;\r\n      line-height: 1.25;\r\n      margin-bottom: 1rem;\r\n      color: #ffffff;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .celt-hero p.lead {\r\n      font-size: 1.05rem;\r\n      color: #cbd5e1;\r\n      max-width: 950px;\r\n      line-height: 1.8;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    \/* CARDS *\/\r\n    .celt-card {\r\n      background: var(--celt-card-bg);\r\n      border: 1px solid #e2e8f0 !important;\r\n      border-radius: var(--celt-radius) !important;\r\n      padding: 2rem;\r\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .celt-card:hover {\r\n      box-shadow: 0 20px 30px -10px rgba(37, 99, 235, 0.1) !important;\r\n      border-color: var(--celt-blue) !important;\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .celt-card-title {\r\n      font-size: 1.25rem;\r\n      color: var(--celt-text-dark);\r\n      font-weight: 800;\r\n      margin-bottom: 1.25rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.6rem;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    .celt-card-title i {\r\n      color: var(--celt-blue);\r\n      background: rgba(37, 99, 235, 0.1);\r\n      padding: 0.45rem;\r\n      border-radius: 12px;\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    .celt-check-list {\r\n      list-style: none;\r\n      padding-left: 0;\r\n      margin: 0;\r\n    }\r\n\r\n    .celt-check-list li {\r\n      position: relative;\r\n      padding-left: 1.75rem;\r\n      margin-bottom: 0.65rem;\r\n      font-size: 0.93rem;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .celt-check-list li::before {\r\n      content: \"\\F26A\";\r\n      font-family: \"bootstrap-icons\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      color: var(--celt-blue);\r\n      font-weight: 700;\r\n    }\r\n\r\n    \/* FOOTER BOX *\/\r\n    .celt-footer-box {\r\n      background: linear-gradient(90deg, #eff6ff 0%, #f0fdf4 100%);\r\n      border: 1px solid #bfdbfe;\r\n      border-radius: var(--celt-radius);\r\n      padding: 2rem 2.25rem;\r\n      margin-top: 2rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .celt-footer-box-icon {\r\n      font-size: 2.2rem;\r\n      color: var(--celt-blue);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .celt-footer-box h4 {\r\n      margin: 0 0 0.4rem 0;\r\n      color: var(--celt-navy);\r\n      font-size: 1.1rem;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .celt-footer-box p {\r\n      margin: 0;\r\n      font-size: 0.95rem;\r\n      color: #475569;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .celt-footer-box {\r\n        flex-direction: column;\r\n        text-align: center;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"container p-0\">\r\n    <!-- HERO BANNER -->\r\n    <header class=\"celt-hero\">\r\n      <div class=\"celt-eyebrow\"><i class=\"bi bi-journal-bookmark-fill\"><\/i> Pedagogical Architecture & Planning<\/div>\r\n      <h1 id=\"courseDesignTitle\">Instructional Design<\/h1>\r\n      <p class=\"lead\">\r\n        Instructional design is the scientific and pedagogical structuring of every course element\u2014from core philosophy to assessment methods\u2014in alignment with learning objectives. Our center guides faculty through this architectural process to elevate course quality and student engagement.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- ROW 1: ARCHITECTURAL ELEMENTS -->\r\n    <div class=\"row g-4\">\r\n      <!-- Syllabus & Outcome Architecture -->\r\n      <div class=\"col-md-6\">\r\n        <div class=\"card celt-card h-100\">\r\n          <div class=\"card-body p-0\">\r\n            <div class=\"celt-card-title\"><i class=\"bi bi-bullseye\"><\/i> Objective, Outcome & Syllabus Framing<\/div>\r\n            <ul class=\"celt-check-list mb-0\">\r\n              <li><strong>Syllabus Architecture:<\/strong> Strategically planning weekly flows and weighting distributions as the foundational framework of the course.<\/li>\r\n              <li><strong>Outcome & Assessment Alignment:<\/strong> Strategically mapping required student competencies consistently against midterms, projects, and final evaluations.<\/li>\r\n              <li><strong>Accreditation Compliance:<\/strong> Ensuring course contents align fully with national quality criteria and program learning outcomes.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Digital & Interactive Learning Experience -->\r\n      <div class=\"col-md-6\">\r\n        <div class=\"card celt-card h-100\">\r\n          <div class=\"card-body p-0\">\r\n            <div class=\"celt-card-title\"><i class=\"bi bi-laptop\"><\/i> Digital & Interactive Learning Experience<\/div>\r\n            <ul class=\"celt-check-list mb-0\">\r\n              <li><strong>Active Learning Tools:<\/strong> Moving beyond lectures by integrating tools like Padlet, Mentimeter, and Kahoot to drive mental engagement.<\/li>\r\n              <li><strong>Asynchronous Content Architecture:<\/strong> Enhancing out-of-class learning materials with H5P interactive video and practice modules.<\/li>\r\n              <li><strong>KHAS Learn Standards:<\/strong> Rightly integrating weekly module layouts and formative assessment steps into the digital ecosystem.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 2: WORKFLOW PROCESS -->\r\n    <div class=\"row g-4 mt-1\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card celt-card\">\r\n          <div class=\"card-body p-0\">\r\n            <div class=\"celt-card-title\"><i class=\"bi bi-diagram-3-fill\"><\/i> How Design Workflow Works<\/div>\r\n            \r\n            <div class=\"row g-3\" style=\"font-size:0.93rem;\">\r\n              <div class=\"col-md-3\">\r\n                <div class=\"p-3 border rounded-3 bg-light h-100\">\r\n                  <div class=\"fw-bold text-dark mb-1\"><span class=\"badge bg-primary me-2\">1<\/span>Strategic Planning<\/div>\r\n                  <p class=\"small text-secondary mb-0\" style=\"line-height:1.5;\">\r\n                    Initial consultation with our faculty to review course objectives, student profiles, and general framework.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"col-md-3\">\r\n                <div class=\"p-3 border rounded-3 bg-light h-100\">\r\n                  <div class=\"fw-bold text-dark mb-1\"><span class=\"badge bg-primary me-2\">2<\/span>Syllabus & Outcome Analysis<\/div>\r\n                  <p class=\"small text-secondary mb-0\" style=\"line-height:1.5;\">\r\n                    Auditing syllabi and evaluation criteria against accreditation standards and outcome alignment.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"col-md-3\">\r\n                <div class=\"p-3 border rounded-3 bg-light h-100\">\r\n                  <div class=\"fw-bold text-dark mb-1\"><span class=\"badge bg-primary me-2\">3<\/span>Pedagogical Scenario Setup<\/div>\r\n                  <p class=\"small text-secondary mb-0\" style=\"line-height:1.5;\">\r\n                    Designing in-class interactive tools (H5P, Padlet, etc.) and rubric frameworks tailored to course flow.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"col-md-3\">\r\n                <div class=\"p-3 border rounded-3 bg-light h-100\">\r\n                  <div class=\"fw-bold text-dark mb-1\"><span class=\"badge bg-primary me-2\">4<\/span>KHAS Learn Integration<\/div>\r\n                  <p class=\"small text-secondary mb-0\" style=\"line-height:1.5;\">\r\n                    Transferring the planned pedagogical structure into the digital environment to operationalize the course space.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 3: BENEFICIARIES -->\r\n    <div class=\"row g-4 mt-1\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card celt-card\">\r\n          <div class=\"card-body p-0\">\r\n            <div class=\"celt-card-title\"><i class=\"bi bi-person-check-fill\"><\/i> Scope & Beneficiaries<\/div>\r\n            <p class=\"text-muted small mb-0\" style=\"line-height:1.7; font-size:0.93rem;\">\r\n              Instructional design guidance is dedicated to all <strong>our faculty<\/strong> seeking to build new courses from scratch, transform existing syllabi and evaluation frameworks, or empower courses with active learning tools.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 4: QUALITY ASSURANCE -->\r\n    <div class=\"celt-footer-box\">\r\n      <div class=\"celt-footer-box-icon\">\r\n        <i class=\"bi bi-award-fill\"><\/i>\r\n      <\/div>\r\n      <div>\r\n        <h4>Quality & Pedagogical Assurance<\/h4>\r\n        <p>\r\n          Instructional design initiatives ensure that courses operate through a scientific, student-centered architecture rather than arbitrary formats, safeguarding institutional academic standards.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pedagogical Architecture &#038; Planning Instructional Design Instructional design is the scientific and pedagogical structuring of every course element\u2014from core philosophy to assessment methods\u2014in alignment with learning objectives. Our center guides faculty through this architectural process to elevate course quality and student engagement. Objective, Outcome &#038; Syllabus Framing Syllabus Architecture: Strategically planning weekly flows and weighting [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"slim_seo":{"title":"Instructional Design - Kadir Has University","description":"Pedagogical Architecture & Planning Instructional Design Instructional design is the scientific and pedagogical structuring of every course element\u2014from core ph"},"_slim_seo_primary_term_birimler":0,"footnotes":""},"birimler":[568],"class_list":["post-44248","page","type-page","status-publish","hentry","birimler-celt"],"_links":{"self":[{"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/pages\/44248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/comments?post=44248"}],"version-history":[{"count":12,"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/pages\/44248\/revisions"}],"predecessor-version":[{"id":45436,"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/pages\/44248\/revisions\/45436"}],"wp:attachment":[{"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/media?parent=44248"}],"wp:term":[{"taxonomy":"birimler","embeddable":true,"href":"https:\/\/www.khas.edu.tr\/en\/wp-json\/wp\/v2\/birimler?post=44248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}