基于高宽理念的幼儿观察与记录系统Web前端设计与开发
摘要
本论文在顺应国家的教育信息化趋势,同时调查国内外已有观察与记录系统的基础上,为了满足幼儿园教师的日常使用需求,设计开发了一款基于高宽理念的幼儿观察与记录系统,系统具有便于幼儿园教师管理幼儿考勤、记录幼儿日常行为、作出形成性评价以及促进家校交流的功能。我设计并完成了观察计划表、图文速记、总结表、班级档案功能。前端采用HTML+CSS+JS配合Vue3框架实现页面的布局。系统经过测试,功能正常,使用体验良好。幼儿园教师使用系统在一学年对幼儿进行多次形成性评价,能够更好了解幼儿发展现状和进步,教师与家长更好地了解儿童优势与劣势,促使幼儿全面进步。本论文第一部分介绍了课题的研究背景及意义与国内外研究现状,第二部分介绍了Vue框架的基本开发模式与Vant组件,第三部分论述了系统的需求分析,第四部分论述了系统的功能设计与前端实现,第五部分为系统测试,第六部分是对系统的总结与展望。
关键词:高宽理念;幼儿观察与记录;Vue3
Design and Development of Web Front End of Children's Observation and Recording System Based on High/Scpoe Concept
Abstract
In order to meet the daily use needs of kindergarten teachers, this paper designs and develops a children's observation and recording system based on the concept of height and width, which has the functions of facilitating kindergarten teachers to manage children's attendance, record children's daily behavior, make formative evaluation, and promote home-school communication. I designed and completed the observation plan sheet, graphic shorthand, summary table, and class file functions. The front-end uses HTML+CSS+JS to cooperate with the Vue3 framework to realize the layout of the page. The system has been tested, functions properly, and has a good experience of use. Kindergarten teachers use the system to conduct multiple formative evaluations of children in a school year, which can better understand the current situation and progress of children's development, and teachers and parents can better understand children's strengths and weaknesses, so as to promote children's all-round progress. The first part of this paper introduces the research background and significance of the topic and the current research status at home and abroad, the second part introduces the basic development mode and Vant components of Vue framework, the third part discusses the system requirements analysis, the fourth part discusses the functional design and front-end implementation of the system, the fifth part is the system test, and the sixth part is the summary and prospect of the system.
Key words: High/Scpoe Concept;Observation and record of children;Vue
目 录
1. 绪论
1.1课题的研究背景及意义
1.2国内外研究现状
2.1 Vue.js的基本开发模式
2.1.1双向数据绑定
2.1.2 Vue组件化
2.1.3 Vuex
2.2 Vant组件
3.系统需求分析
3.1 功能性需求
3.2 系统的性能要求
4.系统的功能设计与前端实现
4.1总体设计
4.2子模块
4.2.2图文速记模块
4.2.3总结表模块
4.2.4班级档案模块
5.1系统测试概述
5.2 功能测试
5.2.1观察计划表模块
5.1.2图文速记模块
5.1.3总结表模块
5.1.4班级档案模块
6.总结与展望
6.1总结
6.2展望
参考文献
致 谢
附录 A