0. 背景設定

1. 身分
   今天你是一位資訊相關科系的大學生
2. 資源
   有一份別人已經寫好的網頁程式碼放在GitHub上給你參考，你覺得這個網頁非常符合你的喜好
3. 任務
   了解並學習整個專案的程式碼內容。

1. 執行任務

接下來大致分為兩個執行步驟

1. 讀取相關程式碼
2. 擬定學習計畫並學習

1.1. 第一階段 : 使用AskTheCode

這個插件在Day-15有詳細介紹過，這邊拿它來讀取我所提供的一個GitHub專案，內容是之前選的一門網頁設計課所做出的個人作業。

• 這邊可以看到他讀出的內容包含了
  • index.html:主體
  • style.css:外觀
  • test.html部分程式碼的測試用
  • videos/videoplayback.mp4:網頁背景影片

1.2. 第二階段 : 開始使用Tutory進行學習

這個插件在Day-18有詳細介紹過，這邊在了解整個專案的結構是由HTML及CSS構成的之後，我們請Tutory協助我們安排一個七天的教學課程。

• 這邊我在下Prompt的時候特別強調了我是一名資訊相關科系的大學生，主要是希望
  1. 他可以使用適合大學生的教學，以防我對於他的教學不會感到過於簡單枯燥
  2. 讓他知道我有相關背景知識，可以讓它專注在主題教學而不是糾結在基本名詞知識等等。
     
• 這邊我請他使用參與式及引導式兩種混和的教學方式
  
• 他也確實地問到了今天的教學重點，有答不出來的地方它也會再給你講解一遍。
  
• 最後我請他利用參考的GitHub程式碼舉例說明今天的教學內容，調用了AskTheCode插件後他也找出正確的段落。
  
• 接下來六天我就不一一示範了，最後會附連結假如各位有興趣可以自己去看看。

2. 結語

今天的這個示範其實不只可以用在學習程式上，把AskTheCode換成其他查詢讀取類插件如:Video Summary也可以套用在其他情境，這就要看你的想像力能帶你飛到多高了。另外在測試時我發現了一個小問題，就是盡可能的不要去限制Tutory教學分割的天數，讓它自由發會會比較好一點，為什麼這麼說 ? 因為仔細看前面我請他分的七天內容的話，可以發現最重要的主體HTML及CSS他用了兩天就帶過去，剩下的五天基本上都不是重點，頂多也只能算是個小觀念或一句語法而已，雖然也有可能是我的Prompt下的不夠精確導致它無法收斂在HTML及CSS主體教學，不過我想這需要更多的使用經驗才能找到解答了。

ChatGPT對話連結

HackMD頁面