發展網路互動聊天機器人之程式設計教材

Development of Interactive Content Programming Materials with Web-enabled Chatbots

本研究旨在透過將過往研究所開發的教材發展為可於網上應用的形式，以改進一種可藉由程序設計互動內容的聊天機器人教材。新開發的教材可實現與聊天機器人在網上的互動。在此學習模式中，學生進行問題制訂，並嘗試以科技解決該問題。學生根據用戶反饋反覆評估和修正，並在最後評估學習任務成效。教材設計以程序設計為基礎，讓學生從過往研究中了解資訊系統機制與特點。由學生所創造的聊天機器人可在網路上被使用，因此學生可收到校外用戶反饋，並利用數據來進行程式除錯。系統以JavaScript架設，並以Vue.js做為JavaScript架構。所開發教材包括聊天機器人的作業系統、專屬程式編輯器、數據管理系統以及上傳系統。資料庫運用雲端後端服務平台（BaaS）技術，設計上能夠儲存和分享媒體、使用者記錄以及評估結果。聊天機器人系統基於學生所創建的程式，以聊天機器人的形式使用文字與圖片回應用戶輸入的內容。系統亦具備關鍵字搜索和使用狀況評估的功能。當用戶搜索學生設定的關鍵字時，聊天機器人會給予回應。學生可分析用戶的搜索紀錄和易用性，並修改或改善聊天程式以及搜索詞設定。我們計劃在日本一所國中的科技課運用所開發的教材來驗證其有效性和教學成效。

This study aims to improve the teaching materials of a chatbot that can program interactive contents using the network, by developing the teaching materials from previous studies into a form that can be deployed on the Web. The developed teaching materials enable interactive interactions with chatbots on the Web. In the learning model, students set a problem and try to solve it with technology. Students repeat the evaluation and correction based on the feedback from users. Finally, they evaluate the learning task. The design of the teaching materials is based on the programming content that allows students to learn about the mechanisms and characteristics of information systems from previous studies. The chatbots created by students are made available on the Web. This makes it possible to receive feedback from users outside the school on the programs they have created, analyze the data, and utilize the data to debug the programs. The system is developed in JavaScript, using Vue.js as a JavaScript framework. The development materials consist of a chatbot operation system, a dedicated program editor, a data management system and upload system. The database uses a cloud-hosted BaaS (Backend as a Service). The database was designed to store and share media and user usage logs and evaluation results. The chatbot system is based on a student-created program that replies to user input with text and images in chatbot form. The system also has a keyword search function and a usage evaluation function. The chatbot responds when the keyword set by the student is searched. The student can analyze the user's search history and usability, and modify or improve the chat program and the search term settings. We are planning to implement the developed teaching materials in a Japanese junior high school technology class to verify their validity and educational effectiveness.