延續上次詞彙題的流程,先開一張全新wayfinder地圖,談完再交給/to-spec。
四個選擇題組大題與先前詞彙題不同的地方在於,詞彙題pilot是「1題=1個空格=1組選項」,答完立刻看到對錯。但這四個新大題是1篇文章+好幾個空格或子題,使用者要全部答完才能一起送出,互動模式不同,UI顯示與資料儲存方式也不同。
AI新增bank_item_slots表承接槽位,把原本1列1題的扁平結構,改成1篇文章底下掛N個槽位,每個槽位代表一個空格或一個子題,各自記錄自己的正解、解釋。這樣不管是綜合測驗的5個空格、還是閱讀測驗的4個子題,都能用同一套結構表達,只是槽位數量不同。
文章固定顯示在畫面上,使用者點哪個空格,就在文章下方彈出那一格的選項,選完那個彈出框會留著(不會自動關掉),直到使用者去點下一格。旁邊有進度圓點顯示還剩幾格沒答,全部答完才按「送出」,這時候才一次計算所有槽位的對錯、一次顯示完整批改結果。
依照原先skill的格式規則,將題目格式與檢討內容預先寫死,題目一律留給生成當下自我檢查,不寫進自動驗證,截至目前測試階段只出幾題用於測試,後續優化階段完成後再批量生成題目。
後續依照流程完成實作,期間出現四個Bug皆自我修正完成,沒什麼特殊的此處暫不討論。
最終完成結果如下。
(暫定主介面,包含已完成的所有大題)
目前基本功能大多齊全,但還有幾件小事要等到完成後在實裝。
首先是UI界面的改善,長篇文章題目幾乎會占滿整個屏幕,而底下的選項更是干擾作答,嚴格來說,這整份APP的UI介面都必須重製一次,透過連接的前端設計程式應該可以簡單達成,我或許會嘗試使用Claude design來協助設計。
再來是有關之前的閱讀、混合及作文題捨棄的圖片生成,目前的解法很簡單乾脆-直接用文字描述。
眾所周知claude不支援AI生圖功能,要想生圖只能外接API。
我查找到一個提供免費流量且支援claude code的模型叫Hugging Face,透過他我或許就能夠將生成後的圖片併入題目中,達成之前一直做不到的功能。
這次做到末尾流量差點就要空了,好險在那之前把成品生完了。