{"version":3,"sources":["webpack:///./src/views/TeachingObservation.vue?98fa","webpack:///./src/views/TeachingObservation.vue","webpack:///./src/views/TeachingObservation.vue?e648","webpack:///./src/components/PageBanner.vue?cc27","webpack:///./src/components/PageBanner.vue","webpack:///./src/components/PageBanner.vue?f633"],"names":["_createElementVNode","href","title","id","accesskey","name","class","style","_createVNode","_component_Head","_hoisted_1","_component_PageBanner","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_15","_createElementBlock","_Fragment","_renderList","index","key","_hoisted_16","_hoisted_17","$options","getPhoto","target","src","aria-hidden","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_component_Foot","components","Head","Foot","PageBanner","methods","step","watch","$route","document","body","scrollTop","documentElement","__exports__","render","props"],"mappings":"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","file":"js/chunk-54beacf2.398599bd.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./TeachingObservation.vue?vue&type=style&index=0&id=6bfe1a8c&scoped=true&lang=css\"","<template>\r\n  <Head />\r\n  <a\r\n    href=\"#C\"\r\n    title=\"中央內容區塊，為本頁主要內容區\"\r\n    id=\"C\"\r\n    accesskey=\"C\"\r\n    name=\"C\"\r\n    class=\"visually-hidden-focusable\"\r\n    >:::</a\r\n  >\r\n  <PageBanner />\r\n  <div\r\n    class=\"container-fluid ps-0 pe-0 pt-3 pb-3 pt-lg-4 pb-lg-5 d-block position-relative\"\r\n    style=\"z-index: 10\"\r\n  >\r\n    <div class=\"container\">\r\n      <div class=\"row g-2 g-lg-4\">\r\n        <div\r\n          class=\"container pt-4 pt-lg-3 pb-lg-3 mt-3 rounded d-flex flex-column justify-content-center\"\r\n        >\r\n          <nav aria-label=\"breadcrumb\">\r\n            <ol class=\"breadcrumb border border-primary rounded p-3\">\r\n              <li class=\"breadcrumb-item\"><a href=\"/\">首頁</a></li>\r\n              <li class=\"breadcrumb-item active\" aria-current=\"page\">教學觀摩</li>\r\n            </ol>\r\n          </nav>\r\n          <div class=\"col-12\">\r\n            <div\r\n              class=\"d-flex flex-row justify-content-between pb-0 section-title mb-2 mb-lg-4\"\r\n            >\r\n              <h2 class=\"fw-bold d-flex align-items-center rounded-top pt-3 pb-3\">\r\n                <i\r\n                  aria-hidden=\"true\"\r\n                  class=\"fa-solid fa-fw fa-cube me-3 font-1-5em\"\r\n                  style=\"color: #df592e\"\r\n                ></i\r\n                ><span class=\"text-dark font-1-2em fw-bold\">教學觀摩</span>\r\n              </h2>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-ellipsis-vertical me-3 text-primary\"></i>活動說明\r\n      </h3>\r\n      <p class=\"lh-lg font-1-2em\">\r\n        本活動為「《蕃人觀光日誌》數位教材製作與應用計畫」之分項計畫\r\n        3：教材試教與推廣應用。本計畫結合新北市立樟樹國際實創高級中等學校教師與學生進行教材審議與推廣利用，其中包含共同參與教案設計、編製學習手冊、教材與學習單、測驗卷、進行試教與教學觀摩，於試教課程實施前測與後測，執行質量化分析以評量教材品質，同時規劃翻轉教學設計，期能運用於社會領域教學中。\r\n      </p>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-ellipsis-vertical me-3 text-primary\"></i>活動時間\r\n      </h3>\r\n      <p class=\"lh-lg font-1-2em\">112年10月19日(星期四) 13：00~15：30PM</p>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-ellipsis-vertical me-3 text-primary\"></i>活動地點\r\n      </h3>\r\n      <p class=\"lh-lg font-1-2em\">\r\n        新北市立樟樹國際實創高級中等學校(新北市汐止區樟樹二路135號信義樓1樓)\r\n      </p>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-ellipsis-vertical me-3 text-primary\"></i>參與貴賓\r\n      </h3>\r\n      <p class=\"lh-lg font-1-2em\">\r\n        <strong>教育部：</strong><br />\r\n        終身教育司林映如<br />\r\n        <strong>國立臺灣圖書館：</strong><br />\r\n        編審周瑞坤、研究助理張谷源<br />\r\n        <strong>東南科技大學：</strong><br />\r\n        研發長楊靖宇、副教授詹雅能、助理教授張美春、副教授林惠娟、副教授詹瑋、助理教授林文仁<br />\r\n        <strong>新北市立樟樹國際實創高級中等學校：</strong\r\n        ><br />校長陳浩然、教務主任蔡依倫、設備組長湯凱任、教學組長吳忞蓉、社會科老師余昌航、多媒體動畫科科主任柯采妙、徐薏筑老師、李靜宣老師<br />\r\n        多媒體動畫科6位學生、原住民社團16位學生、707班23位學生\r\n      </p>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-camera-retro me-3 text-primary\"></i>階段一 –\r\n        共同備課暨主計畫成果展示\r\n      </h3>\r\n      <p class=\"lh-lg font-1-2em\">\r\n        <strong>共同備課內涵</strong><br />\r\n        正式執行教學觀摩前，東南科大計畫案團隊與樟樹國際實創高中老師們先進行了共同備課的教材討論與交流會議，老師們熱烈地討論課程內容與教學目標，希望透過數位教材提高學生學習樂趣，進而達到最佳的學習效果。<br />\r\n        <strong>主計畫成果展示</strong><br />\r\n        教學觀摩活動當日，以本計畫案「《蕃人觀光日誌》數位教材製作與應用計畫」成果發表作為活動開場，包含計畫主持人東南科大研發長楊靖宇說明計畫內涵，樟樹國際實創高中校長陳浩然說明計畫特色，與計畫案人文組召集人詹雅能老師分享動畫學習單設計背景等。接著由樟樹國際實創高中多媒體動畫科6位學生分享本計劃案之衍生設計「原民牌牌讚」撲克牌設計作品。\r\n      </p>\r\n      <div class=\"row mt-2 mb-5 g-2\">\r\n        <div class=\"col-lg-4\" v-for=\"index in 13\" :key=\"index\">\r\n          <div class=\"card border-0 rounded-0 loading\">\r\n            <div class=\"post_img border d-flex justify-content-center align-items-center\">\r\n              <a :href=\"getPhoto(index, '1')\" target=\"_blank\">\r\n                <img\r\n                  :src=\"getPhoto(index, '1')\"\r\n                  class=\"card-img-top rounded-0\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-camera-retro me-3 text-primary\"></i>階段二 –\r\n        教學觀摩與實際觀課\r\n      </h3>\r\n      <p class=\"lh-lg font-1-2em\">\r\n        <strong>教學觀摩說明</strong><br />\r\n        本計畫案團隊於新北市立樟樹國際實創高級中等學校執行教學觀摩試教現場。依據教育部十二年國民基本教育課程綱要，針對社會參與核心素養中多元文化與國際理解等項目，由林惠娟老師於試教現場舉辦教學觀摩，邀請新北市高中職、國中、國小教師，以及原住民學生一起參與。<br />\r\n        <strong>共同觀課原則</strong><br />\r\n        試教班級為707班，共23位學生，分為6組，一組3~4人。<br />\r\n        每組小桌各有一位觀課老師實際觀課與紀錄學生學習反應。<br />\r\n        觀課重點為課程活動中學生學習的積極度、專心度與互動參與度等。\r\n      </p>\r\n      <div class=\"row mt-2 mb-5 g-2\">\r\n        <div class=\"col-lg-4\" v-for=\"index in 28\" :key=\"index\">\r\n          <div class=\"card border-0 rounded-0 loading\">\r\n            <div class=\"post_img border d-flex justify-content-center align-items-center\">\r\n              <a :href=\"getPhoto(index, '2')\" target=\"_blank\">\r\n                <img\r\n                  :src=\"getPhoto(index, '2')\"\r\n                  class=\"card-img-top rounded-0\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-camera-retro me-3 text-primary\"></i>階段三 – 課程檢討與建議\r\n      </h3>\r\n      <p class=\"lh-lg font-1-2em\">\r\n        此階段為針對本計劃案之數位教材在試教課程中學生學習狀態之反饋與討論。<br />\r\n        教育部林映如小姐、國臺圖周瑞坤先生、張谷源先生分享數位教材於教學現場成功地呈現學生專心投入課程的狀態。<br />\r\n        東南科大研發長楊靖宇、詹雅能副教授、林惠娟副教授、樟樹高中校長陳浩然與6位觀課老師東南科大詹瑋副教授、張美春助理教授、林文仁助理教授、樟樹高中教務主任蔡依倫、教學組長吳忞蓉、社會科老師余昌航分別提出試教課程的觀察結果，同時探討本數位教材扮演了活化歷史之重要性，期能成為未來十二年國教重要之補充教材。\r\n      </p>\r\n      <div class=\"row mt-2 mb-5 g-2\">\r\n        <div class=\"col-lg-4\" v-for=\"index in 8\" :key=\"index\">\r\n          <div class=\"card border-0 rounded-0 loading\">\r\n            <div class=\"post_img border d-flex justify-content-center align-items-center\">\r\n              <a :href=\"getPhoto(index, '3')\" target=\"_blank\">\r\n                <img\r\n                  :src=\"getPhoto(index, '3')\"\r\n                  class=\"card-img-top rounded-0\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <h3 class=\"pt-2 pb-2 fw-bold\">\r\n        <i class=\"fa-solid fa-camera-retro me-3 text-primary\"></i>活動花絮\r\n      </h3>\r\n      <div class=\"row mt-2 mb-5 g-2\">\r\n        <div class=\"col-lg-4\" v-for=\"index in 9\" :key=\"index\">\r\n          <div class=\"card border-0 rounded-0 loading\">\r\n            <div class=\"post_img border d-flex justify-content-center align-items-center\">\r\n              <a :href=\"getPhoto(index, '4')\" target=\"_blank\">\r\n                <img\r\n                  :src=\"getPhoto(index, '4')\"\r\n                  class=\"card-img-top rounded-0\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <Foot />\r\n</template>\r\n\r\n<script>\r\nimport Head from \"@/components/layout/Head.vue\";\r\nimport Foot from \"@/components/layout/Foot.vue\";\r\nimport PageBanner from \"@/components/PageBanner.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    Head,\r\n    Foot,\r\n    PageBanner,\r\n  },\r\n  methods: {\r\n    getPhoto(index, step) {\r\n      return \"/files/teaching_observation/s\" + step + \"/S (\" + index + \").jpg\";\r\n    },\r\n  },\r\n  watch: {\r\n    $route() {\r\n      document.body.scrollTop = 0; // For Safari\r\n      document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.loading {\r\n  background-image: url(\"/images/home/loading.svg\");\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  background-color: #ffffff;\r\n}\r\n</style>\r\n","import { render } from \"./TeachingObservation.vue?vue&type=template&id=6bfe1a8c&scoped=true\"\nimport script from \"./TeachingObservation.vue?vue&type=script&lang=js\"\nexport * from \"./TeachingObservation.vue?vue&type=script&lang=js\"\n\nimport \"./TeachingObservation.vue?vue&type=style&index=0&id=6bfe1a8c&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\工作檔案\\\\計劃案\\\\2023\\\\網站\\\\web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6bfe1a8c\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./PageBanner.vue?vue&type=style&index=0&id=bd3dfb04&scoped=true&lang=css\"","<template>\n  <!-- 區塊1 開始-->\n  <div class=\"container-fluid p-0 mt-0 position-relative\" style=\"z-index: 10\">\n    <div\n      class=\"head-bg-1 d-flex justify-content-center align-items-center\"\n    >\n      <img\n        class=\"head-bg-3\"\n        src=\"/images/home/head/page-head-1.png\"\n      />\n    </div>\n  </div>\n  <!-- 區塊1 結束-->\n</template>\n\n<script>\nexport default {\n  name: \"PageBanner\",\n  props: {},\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n.head-bg-1 {\n  /* background-image: url(\"/images/home/head/bg-1.png\");\n  background-position: top;\n  background-repeat: repeat; */\n  background-color: white;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  height: 350px;\n  background: url(\"/images/home/head/bg-1.png\") repeat 0 0;\n}\n.head-bg-2 {\n  position: relative;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  /* height: 980px; */\n  z-index: 1;\n  top: 0px;\n  left: 1080px;\n  animation-delay: 0.5s;\n}\n.head-bg-3 {\n  position: relative;\n  width: 50%;\n  height: auto;\n  z-index: 2;\n  top: 0px;\n  animation-delay: 0.5s;\n}\n\n@media screen and (max-width: 700px) {\n  .head-bg-1 {\n    height: 200px;\n  }\n  .head-bg-2 {\n    width: 100%;\n    height: auto;\n    display: none;\n  }\n  .head-bg-3 {\n    width: 100%;\n    top: 20px;\n  }\n}\n</style>\n","import { render } from \"./PageBanner.vue?vue&type=template&id=bd3dfb04&scoped=true\"\nimport script from \"./PageBanner.vue?vue&type=script&lang=js\"\nexport * from \"./PageBanner.vue?vue&type=script&lang=js\"\n\nimport \"./PageBanner.vue?vue&type=style&index=0&id=bd3dfb04&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\工作檔案\\\\計劃案\\\\2023\\\\網站\\\\web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-bd3dfb04\"]])\n\nexport default __exports__"],"sourceRoot":""}