毕业设计（论文）：初中信息技术辅助学习网的设计与开发—基于“初中信息技术标准教程”

Hebei Normal University of Science & Technology专业： 教育技术学专接本 学号： 1951150307 本科毕业设计（人文科学） 题 目：初中信息技术学习网站的设计与实现 院（系、部）：教育学院 学 生 姓 名：齐小利 指 导 教 师：陈爽 职 称 讲师 2017年5月26日河北科技师范学院教务处制资料目录1.学术声明11页2.河北科技师范学院本科毕业设计127页3.河北科技师范学院本科毕业设计任务书 12页4.河北科技师范学院本科毕业设计开题报告15页5.河北科技师范学院本科毕业设计中期检查表11页6.河北科技师范学院本科毕业设计答辩记录表11页7.河北科技师范学院本科毕业设计成绩评定汇总表12页8.河北科技师范学院本科毕业设计工作总结12页河北科技师范学院本科毕业设计初中信息技术辅助学习网的设计与开发基于“初中信息技术标准教程”院（系、部）名 称 ： 教育学院 专 业 名 称：教育技术学专接本 学 生 姓 名：齐小利 学 生 学 号：1951150307 指 导 教 师：陈爽 2017年5月26日河北科技师范学院教务处制学 术 声 明本人呈交的学位论文，是在导师的指导下，独立进行研究工作所取得的成果，所有数据、图片资料真实可靠。尽我所知，除文中已经注明引用的内容外，本学位论文的研究成果不包含他人享有著作权的内容。对本论文所涉及的研究工作做出贡献的其他个人和集体，均已在文中以明确的方式标明。本学位论文的知识产权归属于河北科技师范学院。 本人签名： 日期： 指导教师签名： 日期： 摘 要摘 要21世纪以来，信息技术的教育变得越来越重要，为了解决传统课堂的不足，开发了初中信息技术专题学习网站，该网站基于“初中信息技术标准教程”教材。该网站的教学微视频是围绕初中信息技术标准教程教材的理论和实践操作部分进行教材内容的细化讲解。理论部分分章节将教学内容细化，并进行ppt制作，然后进行录屏讲解，目的使学生能够实现零负担学习；实践操作部分也是进行录屏并对知识点细化讲解，同样使学生达到轻松学习。网站包括教学课件、实践操作、作业收取、留言板、课外拓展等模块，教学课件和实践操作部分是学习部分，实现学生的自主学习；作业收取和留言板部分是反馈部分，反馈学生的作业情况及回答学生的热门问题；课外拓展部分则加深学生对信息技术的认识。该网站具有社会实践意义。关键词：课件；专题学习网站；作业收取；自主学习27AbstractSince twenty-first Century, the information technology education becomes more and more important, in order to solve the shortcomings of traditional classroom, developed a special junior middle school information technology learning website, the website based on information technology course standard of junior high school textbooks.The websites teaching micro video is around the junior high school information technology standards tutorial teaching materials and the theoretical and practical part of the teaching materials for detailed explanation. The theory part chapter teaching content refinement, and PPT production, and then recorded screen to explain, to enable students to achieve zero burden of learning; practice and screen recording and explain the knowledge refinement, also enable students to easy to learn. Each teaching micro video production is designed to enable students to achieve autonomous learning, questions, assignments and other design is designed to enable students to have a real-time perception of their learning effects.The website includes two main features of teaching micro video, practicing courseware and submitting and collecting students homework. It can help teachers carry out teaching activities, and also help students extracurricular activities. Conducive to learning and communication between teachers and students. The website has social practical significance.Key words: courseware; project-based learning website; homework collection; autonomous learning目 录目 录一、绪论1（一）研究背景1（二） 研究意义1二、开发技术的分析与选择2（一）PHP简介21.PHP的一些功能：32.PHP的优点如下：3（二）Mysql简介3（三）Sublime Text简介5（四）Javascript简介51.简单性62.动态性63.跨平台性6三、初中信息技术学习网站的可行性分析6（一）需求可行性分析6（二）技术可行性分析7（三）实现目标71.简洁、实用的界面72.便捷的教师管理73.轻松的学习模式74.动态的管理模式7四、初中信息技术学习网的网站设计8（一） 网站组织结构设计8（二）界面设计8（三）网站前台设计81.学生用户模块92.教师用户模块10（二）网站后台设计111.信息模块112.作业模块11（三）数据库设计111.数据库逻辑设计112.数据库物理设计11五、初中信息技术学习网站实现13（一）网站首页13（二）用户模块131.用户注册的实现132.主页的实现153.教材内容页的实现164.教材课件页的实现175.实践操作界面的实现186.作业界面的实现197.课外拓展页的实现198.留言板的实现21（三）后台模块211.管理员登录的实现212.管理员信息管理的实现223.留言板信息管理的实现23结论24（一）网站的特点24（二）系统的不足和改进24参考文献25致谢27河北科技师范学院2017届本科毕业设计一、绪论（一）研究背景21世纪人类进入了信息时代，在信息技术迅速发展的大背景下，全球都在加快信息技术建设的脚步，而教育信息化毫无疑问成为了每个国家的信息化建设的重要任务。在二十世纪末，我国教育信息技术化建设以教育部颁出的“面向21世纪教育振兴行动计划”为标志开始了。虽然我国近年来在信息技术教育方面开始投入经费，随着现代设备进入中小学课堂，但是教授信息技术的专门人才匮乏，同时我国每个地区的信息技术教材内容不够统一，内容也是参差不齐，加上许多地区中小学对信息技术课程的不重视，大多地区中学的信息技术课只安排一学年，且每周只安排一到两学时，这些情况非常不利于培养学生的信息素养及帮助学生系统掌握基本的信息技术操作能力。信息技术已发展为一堂课加入了中小学教育模块。由于一些与信息技术相关的技术设备昂贵，所以很多地区没有达到教育设备充足的要求，并不利于信息技术教育活动的开展；信息技术专业教师不足和其他课业负担过重。在网络普及时代，学生的学习方式也发生了改变，多为自主学习模式。现在每个家庭都有电脑、无线网络也均覆盖。为了巩固丰富学生的课后学习生活，现代化教育模式也层出不穷，实现学生零负担轻松学习。强大的网络时代，并且现在网络已经覆盖到了农村及我国偏远地区，很多学校也已经覆盖了校园网，一个学校维护一个专题学习网站也不是难题。将信息操作技术使用到教学活动中，解决了空间时间限制的学习难题，让教师和学生在家也能实现学习的交流。解决了传统课堂带来的不便，学习网站可以实现老师与老师之间共享教学资源，老师与学生之间进行课堂之外的学习交流。（二） 研究意义在网络时代大背景下，借助网络实现的在线学习已经成为教师课程教学改革的一个重要课题，课程资源、教学方式以及教学效果都关系到学生的发展。初中教育阶段的信息技术课程教学标准是：要加强学生的信息意识，并认识信息技术的发展以及它对社会发展的影响；使学生认识计算机基本工作原理并学会处理文字、图形、图像、视频等的基本技能；初步了解并学会信息获取、处理的方式和方法；还要培养学生从小树立知识产权意识，做到不剽窃他人的劳动成果并保护自己的研究专利及成果，而且能够做一个网络时代的文明人，自觉遵守网络有关信息的法律法规。初中阶段的信息技术教学是学生从小学阶段到高中阶段的过渡性教学，是需要打好基础的阶段。由于大部分地区的初中信息技术教学的资金投入不够充足，专业教师不足，因此，以初中信息技术教育为专题的学习网站的开发与实现能够辅助学校及教师对学生展开比较系统及专业地教学。学习网的教学微视频及课件等多种教学资源的共享极大地了帮助了学生对教材内容的理解及掌握，打破了空间及时间的限制，在家或其他地方随时随刻都可以将自己学习遇到的难题在学习网的留言功能板块向老师进行提问，并且一些热门问题的讨论也将保留在网站上，供更多的学生解惑答疑。虽然现在我国不少城市开发了关于初中信息技术教育的专题学习网站，但是由于每个地区的教材内容及课程标准不同，所以开发一个符合北方学生的学习特点还有教材内容的专题学习网站是一个刻不容缓的任务。二、开发技术的分析与选择（一）PHP简介目前，最常用的三种动态网页语言包括ASP(服务器页面活动)、JSP(Java Server Pages)和PHP(超文本预处理器)。三种不同的语言有自己的优势，开发人员将根据自己的项目或开发系统选择更合适的、方便的开发语言。最终目标是提高工作效率。ASP是开发语言，基于WEB的服务器端，它可以生成和执行互动,高性能WEB服务应用程序。ASP Vbscript开发语言是脚本语言（java脚本）。JSP是Javaweb开发视图模式，编写Java代码和Html代码写在JSP文件中，Tomcat服务器可以直接将JSP文件转换成A.Java文件和编译。此初中信息技术学习网使用PHP语言， 在二十一世纪，PHP动态网页语言是大家最常用的Web编程语言，它简单的语法的特点易于学习、灵活使用，而且功能强大。而现代编程语言集成的PHP、Mysql和Apache服务器已经发展成为一种标准。另外PHP也引入了一些新特性，比如PHP对象，PDO(数据)这是一个函数库用于访问数据库，还有许多其他增强功能。2008年2月以后，PHP 5成为唯一的PHP版本并用于PHP开发。未来PHP 5.3将加入后期静态绑定和其他一些功能加强。PHP 6也在此开发过程中，改进了Register_Globals，引用了模式安全、魔法功能。1.PHP的一些功能：（1）PHP的独特语法是混合C、Java、Perl和PHP创建起来的。（2）PHP可以代替CGI程序做所有事情。比如收集数据表、动态生成的内容页面或发送和接收Cookies，最强大的是PHP可支持几乎全部的数据库。PHP是一种被服务器端嵌入在HTML脚本的语言，与其他语言相比，简单实用。区别于其他两种动态Web语言的地方是PHP代码在服务器执行。（3）最炫的是PHP可以使用C+和C进行扩张计划。2.PHP的优点如下：（1）开源性所有PHP源代码开放给所有人,在互联网上可以找到。（2）免费与其他技术相比， PHP代码不仅是开源而且是免费的（3）迅速一个PHP程序的发展可以在短时间内完成,程序运行速度更快，关键是PHP这种技术很容易学习。（4）跨平台性因为PHP脚本在服务器端运行，而且可以在几乎所有的操作系统或平台运行，例如LINUX,WINDOWS,Android等。（5）系统资源高效PHP应用程序占用的空间相对较小，可以提高运行速度。（6）面向对象性PHP 5，PHP 4在面向对象方面取得了很大的进步。目前，许多大型项目可以由PHP语言开发。（7）特异性PHP一直致力于脚本语言支持工作。（二）Mysql简介Access、Sqlserver、Mysql和Excel等是常用的数据库。不同类型的数据库都有它自己独特之处。有的比较适合大的程序，有的就只适合用在小型的程序中。这取决与它们内在的功能的不同。Access数据库就比较适合小型的程序，因为它所能提供的或者承载的数据量较少，如果某个开发项目所用到的数据量较少时，建议用Access数据库，这是从使用方便性和运行速度性来考虑的，最终目的是提高工作效率。另外，值得注意的是，Access数据库不能同时访问多于四个客户端。每一个程序都有一定的最大承受力，Access数据库也一样，它所承载的数据假如到达了最大的极限值100M左右，就会直接使服务器瘫痪。SQL Server是比Access稍大的中型数据库，它是以服务器端为基础的。它能够应用在一些需要数据较多的应用程序中，跟Access数据库比较的话，SQL Server在功能上要强大很多；并且管理上比Access简单；在效率上SQL Server处理海量数据的时间也是比较快的。在后台的开发上它更具备灵活性，可扩展性等方面也比较强大。当然有的时候两者是可以达到用户目的，比如92hezu网全部双线合租空间可使用Access数据库，同时还能使用SQL Server。SQL Server也不是完美的，比如，它只适用在Windows操作系统，还有一些安全性问题等。综上分析，本学习网站选择的是SQL Server数据库。Mysql是现在使用最多、最广泛的数据库。Mysql数据库运行的速度快、能力强大、精确性高等优点。下面介绍Mysql的特点。 功能强大:很多种数据库存储引擎都存在于Mysql中，各种引擎各有其优点，不同的应用场合使用不同的引擎。因此，用户能根据自己的需求来选择，提高性能。有些Web搜索站点每天都被访问成万上亿次，Mysql中的数据库存储引擎都可以应付如此高强度的访问量。可以跨平台:Mysql支持的开发平台至少在20种之上。这使得用户不需要对程序做任何修改就可以在任何平台下编写。运行高速:速度快是Mysql的明显特征。使用了极快的B树磁盘表（Myisam），和索引压缩一起用于Mysql中，增长效率；能快速的连接通过使用优化的单扫描多连接；SQL函数运行速度通过采用高度优化的类库实现。支持面向对象:Mysql与PHP结合使用，支持混合编程方式。使用安全:权限、密码系统的灵活安全性能使主机得到基础验证。当需连到服务器时，全部密码都被加密后进行传输。 使用成本低:用户可以在网上直接下载使用。支持各种开发语言:Mysql为大多数现在使用最广泛的程序设计语言提供支持，并且为这些语言提供了很多的API函数。这些语言包括PHP、ASP.NET、Java、Eiffel、Python、Ruby、Tcl、C、C+和Perl等。存储容量大：Mysql数据库的最大有效表容量不是由Mysql内部限制决定的，而是由操作系统对文件大小的限制决定的。支持强大的内置函数:大量的内置函数存在于PHP中，几乎包括了Web应用开发中的所有功能。（三）Sublime Text简介代码的编辑器有很多，比如Dreamweaver、Editplus等也是各有各的长处。而本网站的编辑使用的是Sublime Text编辑器，主要原因是本人现阶段一直在用这个编辑器，已经比较习惯了。首先Sublime Text的用户界面相对较美观、功能较强大，有代码缩略图，Python的插件，代码段等。Sublime Text的主功能涵盖：可以检查代码的编辑，插入书签，并且Python API，Goto功能相比之下较完整。 Sublime Text是支持多种操作系统的可以跨平台的编辑器。Sublime Text可以支持很多种不同的编程语言格式，提供给程序语言的语法对错或关键字的一些提示，比如会有不同的颜色来显示，有自动换行的功能，可根据自己的喜好调节不同颜色的界面，如果代码写的过多可以将代码折叠起来，也可随时展开。 Sublime Text有跨平台功能，它不局限于单一平台上，而且任何一种平台上界面都很漂亮，足够吸引用户的眼球；支持多光标操作，可同时编辑多行，可同时修改多个地方，比较方便，提高效率。该编辑器与其他编辑器的不同之处有其界面上的右上方会有当前所写的代码缩略图，方便地观察代码写了多少，写到了什么位置相对于窗口而言。有添加快捷键的免打扰模式，注意力集中在编辑代码上不被其他所干扰，各种各样的布局设置使得代码编辑起来更加方便。使用Sublime Text编辑代码不用害怕忘记保存，不用担心电脑突然崩溃至自动关机，因为该软件本身带有自动恢复功能，即使忘记点击保存，使用再打开，以前的编辑状态都还能够恢复。（四）Javascript简介Javascrip是一种基于对象的脚本语言，简称JS。语法方面，Javascript不会和其他的面向对象和面向过程的语言一样要求很严格，它是弱类型、有内置对象的、相对简单的脚本语言，可以嵌入在HTML中可增加网页的动态效果，他本身的作用就是使网站的页面动起来，看起来更炫酷来吸引用户浏览和访问。Javascript具有的优点如下：1.简单性它是一种基于对象的、直译性的脚本语言，而且具备解释性，一般情况下它编写的程序较小，又有对开发过程总结的功能，因此，编译起来比较容易，它的语法要求不太严格，所以，在编写代码时也相对简单。与HTML相结合，用户使用起来也很方便。2.动态性Javascript中的所有对象都需要事件和事件驱动来实现一个动态效果，事件就是对象执行的动作，比如点击、鼠标移上和移出等都称为事件，用户的响应就是事件的驱动。Javascript不需要Web服务，而是直接响应用户或客户输入。当一个事件发生时，相应的事件响应可能引起。3.跨平台性运行Javascript代码不需要再搭建环境，在浏览器上，它可以即时看到运行的效果，只要设备上有浏览器就可以进行操作和运行。三、初中信息技术学习网站的可行性分析随着网络的发展和全球化的深入，信息技术教育的改革也成了教育领域的热点问题。初中信息技术教育越来越重要，对于学生课上无法得解的疑惑和无法完成的作业，在该网站的作业模块和留言板模块，都可以得到教师的实时反馈，让学生对自己的学习效果得到较好的认知。（一）需求可行性分析 在信息时代，随着网络的普及，对现代人们的信息技术操作能力要求越来越高。现在虽然有很多初中信息技术学习网，但是许多网站都是大篇幅的文字介绍或是不够系统的操作视频课件。初中学生信息技术的学习课时不足的问题的出现以及信息技术能力已经作为一种现代社会人人所需的一种基本能力，初中信息技术学习网站应运而生。初中信息技术现在也作为一种升学测试出现在中考中，因此对于初中生的信息技术学习应提起重视。（二）技术可行性分析在开发技术方面，本网站采用Sublime Text编辑器编写Javascript和Jquery语言来搭建网站的界面，搭好的网站测试于各个浏览器，比如：谷歌、IE、火狐、Opear等，运用PHP动态网页语言进行前后台的链接，利用Mysql数据库开发和存储网站所需要的数据，它所承载的数据量也相对较大，不会出现程序或服务器崩溃的现象，它适用于中小型的系统开发，比如适用于本网站作业管理系统。因为PHP和Mysql都可跨平台，提高了该系统的应用广泛性，系统的软件开发平台已成熟可行。它们以相对简单、易学、易操作，提高了工作效率，开发的程序和系统稳定。 （三）实现目标本网站是与现代计算机技术结合的信息技术课程学习模式。参照初中信息技术课程的使用标准，为学生信息素养的培养，打破课堂传统教学的限制，为了将网站的作用发挥到最大，初步对网站进行规划和开发，我思考并列出以下网站开发目标。具体目标如下：1.简洁、实用的界面认真控制页面布局，使输入的信息更加方便。许多选项包括信息技术基础、教材分析、留言信息、个人信息只需要点击鼠标就可以完成。2.便捷的教师管理在线作业提交与收取系统，大大填补了初中信息技术课时不够的缺憾，教师除了借助学习网收取学生作业，还可以实现在线对学生作业进行修改反馈，很大程度上方便了教师的管理学生作业的工作。3.轻松的学习模式网站基于教材展开功能设计，里面的课件和教学微视频都是围绕初中生的学习内容设计，有一定的针对性和适用性。学习模块将教材内容细分设计，通过录屏对知识点的重难点进行细化讲解，进一步实现学生的零负担学习。4.动态的管理模式网站数据库可以实现动态操作，可以实现数据库的动态输入信息,动态更新界面。学生可以对自己的作业情况及课上未能及时解决的疑惑在作业信息和留言板处得到实时反馈，使学生对自己的学习效果有了解，并可以及时做出修改和巩固。四、初中信息技术学习网的网站设计（一） 网站组织结构设计本学习网站主要包括两个模块，学生用户模块和教师用户模块，学生用户包括学习和作业提交，教师用户包括学生作业管理和留言管理，他们的权限各不相同。初中信息技术学习网的组织结构图如图1所示。初中信息技术学习网学生用户教师用户学习作业提交作业管理留言管理图1 信息技术学习网的组织结构图（二）界面设计整体界面是以绿色调为主，搭配粉色和枣红色，色彩搭配给人轻松活泼的感觉，整体界面不严肃，为的是营造一种轻松学习的氛围，激发学生的学习兴趣以及主动性。功能模块的设计主要围绕以视频来引导学生自主学习、以教师参与反馈的作业形式来验证学生的学习效果以及实现实时的师生问题交流三方面来进行功能导航的设计。（三）网站前台设计 根据该学习网站的需求分析，本网站主要包括学生用户、教师用户两大模块。学生用户包括学习和作业提交，教师用户包括管理学生作业和管理留言。学生用户的功能主要包括浏览网站信息、用户注册、用户登录、下载查看教学课件及视频教学、查看及提交作业和问题留言等功能。教师用户模块主要包括登录、留言管理、学生作业管理等功能。 下面介绍学生用户功能和教师用户的功能。1.学生用户模块（1）用户注册姓名、密码、确认密码是必须填写的，教师注册栏不要点击，否则注册之后到不了学生学习页面。比如，如果用户名没有填写就点击注册按钮，会弹出提示框，提示“用户名或密码不能为空！”，如果用户名填写后密码没有填写，当点击注册按钮时，同样会弹出提示框，提示“用户名或密码不能为空！”，下面所有必填的内容如果没有填写，都会出现这个提示框，要求输入对应内容。用户只有注册后才可以登录。（2）用户登录用户登录需要输入正确的用户名和密码，登录之后，用户可以浏览教材内容、留言板留言和进入个人信息后台。个人后台包括两部分内容，个人作业的上传和留言的管理，在个人上传中可以上传自己的信息技术课程作业。在我的留言中对自己留言进行管理。（3）首页学生用户可以浏览首页的教材分析，点击大图后会进入整个学习网的核心部分。（4）主页此页是信息资讯、精选留言、学生作品鉴赏的介绍页。在主页学生可以通过精选留言来了解热门问题，通过信息资讯来了解信息技术的发展趋势。（5）教材内容学生可以查看教材内容，这样的教材浏览方便了没有带教材在身边的同学进行学习内容的了解和学习。（6）教学课件教学课件都是一些教学PPT，它不仅可以辅助教师进行课堂理论教学，还可以帮助学生及时查看和回顾老师的课堂内容。ppt都是根据初中信息技术标准教程理论内容进行设计制作的，在这基础上使用录用微视频的软件对ppt内容进行细分讲解，实现学生能够轻松掌握有关知识的任务。（7）实践操作视频教学模块是专为学生设计的，它是以教材为基础，整合重难点内容进行视频教学，方便学生消化课上没能及时消化的课堂内容，同时提高学生的学习效率。此模块的视频多为我自己录制，希望可以帮助同学及老师提高工作效率。（8）作业在这里学生查看作业要求并完成提交作业。并实时得知自己的学习效果，并为学生的努力提供方向。（9）留言板只有注册用户才可以进行在线留言，向网站课程提出问题和建议，和老师同学进行学习的交流。还可对网站的功能提出一些建设性意见，尽可能满足学生的需求，使网站更具备实用性。（10）课外拓展课外拓展模块包括信息技术基础、学生作品、和试题等功能，这些功能的设计是为增加网站的多元化和趣味性，使学生在学习之余还可以欣赏一下优秀的信息技术作品，通过信息技术基础环节来了解信息技术于自己于社会的重要性，试题则是为学生检验自己的学习成果而设计。2.教师用户模块在这里只需叙述一下教师用户与学生用户浏览到的内容不同的功能模块，详情如下：（1）用户注册教师用户在这注册时，与学生的不同之处，是需要勾选是否为指导老师，确定自己的教师身份，然后进行用户这册。注册成功之后才能完成后续登陆。（2）作业这里教师可以实现的不是提交作业的功能，而是收取并管理学生作业的功能。这里的作业内容也分为文本内容叙述和实践操作题，分别多以word文档或ppt文稿进行压缩上交。（3）留言板这里的功能界面于两类用户都是一样的，不同之处是老师多使用回复功能对学生的疑问进行反馈。（二）网站后台设计1.信息模块后台管理员包括学生个人信息管理和教师信息管理，学生个人信息中包括我的作业和我的留言，在我的作业中学生可以查看自己的作品得分，还可以对自己上传的作业进行删除管理。教师信息中包括学生作业和我的留言，教师在这可以下载并查看学生的作业，并给学生的作业进行打分，还可以看到谁上交了作业。2.作业模块不同的用户在这页可以看到不同的消息，教师用户可以在这里实现收取学生作业，学生用户则可以在这里看到作业要求并提交作业。这里上传的文件不能超过2兆，如果文件过大最好事先压缩一下。（三）数据库设计就某些方面而言，我们需要考虑数据库的设计，例如，数据库不能冗余、函数依赖也要清楚明白、数据库表和字段要规范而且命名规则尽可能语义化，容易被理解，自己也可以迅速知道代表意思，字段选择合适和类型和长度，选择正确的索引、主键和外键，尽量减少冗余。许多功能的操作，如注册信息、提交作业和留言以及后台管理员对各种信息的管理和操作都依赖数据库来实现。所以数据库的作用是非常重要的，它必须要满足所有需求，能够输入和输出数据，实现数据收集、保存和更新，为后面的设计和系统实现做保障。1.数据库逻辑设计本网站的数据库逻辑设计如下：（1）登陆注册留言表（ID（主键）、用户名、密码、确认密码、是否为老师、注册时间、留言内容、留言时间、留言的回复记录等。）（2）作业提交表（ID（主键）、姓名、作业名称、上传的路径、上传时间、上传文件。）2.数据库物理设计数据库采用了Mysql数据库，共创建了2个数据表。分别是：students表和classname表。下面给出两个表中字段、类型和长度等属性的详细说明。students表是用来保存网站所有用户的信息，也可以是数据，可以被调用，也可以将信息存储进表中。作业表students如表1所示：表1 注册表（students）字段类型长度可否空是否主键描述IDInt11否是IDnamechar255否否用户名passtext16否否密码datetext50否否留言时间Infotext50否否留言内容zhuce_timetext0否否注册时间reply_1_nametext255是否回复人姓名reply_1_texttext255是否回复的信息reply_2_nametext255是否回复人姓名reply_2_texttext255是否回复的信息reply_3_nametext255是否回复人姓名reply_3_texttext255是否回复的信息teacherint8是否是否为教师作业表就是用来保存学生上传作业的信息。是可以被调用和存储信息的。例如，作业在前台界面的显示就是表中数据的调用；作业的定期更新就是将作业的路径存储在作业表中，上传的文件存储在服务器中。classname的结构如表2所示。表2 上传作业（classname）字段类型长度可否空是否主键描述IDInt6否是IDuidint6是否记录idusernameVarchar20是否作者姓名classnameVarchar50是否作业描述scorevarchar8是否得分urlvarchar255是否路径Createtimeint11是否上传时间五、初中信息技术学习网站实现本设计分为前台用户模块和后台管理员模块，用户界面的大部分功能都是以管理模块为前提的，因为用户模块所显示的数据大部分需要通过管理模块来添加。前台用户模块主要针对用户浏览和登录，后台管理员模块需要对所有信息进行维护，包括浏览、增加、修改和删除等操作。本网站所有的界面包括前台用户界面和后台管理员界面整体的布局都才用CSS，它可以设置每个对象的宽和高以及定位，使整个页面看起来更整齐美观。所有的代码都用Sublime Text编辑器来编写的，用起来也是比较方便的。（一）网站首页对于网站首页而言，最明显的就是教材信息，还有对整个学习网站的介绍，网站首页先是对教材的大概分析，包括编写人员和教材特点，让大家对网站的参照教材有一个基本的了解。网站首页界面如图2所示。图2 网站首页图（二）用户模块1.用户注册的实现用户注册部分的设计整体布局采用Table标记和Form标记的嵌套来实现。账号，密码和姓名都是Input标记，Type属性为Text。下面一个注册和登录的按钮，分别为Input标记Type属性值为Submit和Reset。用户注册界面如图3所示。图3 用户注册界面图每一个表单都是必填的内容，如果内容为空，网站会提示请输入内容，当把所有必填内容都填完之后，点击注册按钮将数据提交到后台，储存到数据库中。用户没有在网上注册之前，并没有在线留言、在线提交、浏览网站权限。只能浏览首页页面，必须注册之后，再登录进去，才可以进行学习。用户注册的程序流程图如图4所示。用户名是否为空？请输入用户名开始前台用户页面点击用户注册结束注册成功，可以登录确认密码是否为空？确认密码密码是否为空？请输入密码否是是否否是图4 用户注册程序流程图2.主页的实现此页内容包括和信息技术相关的信息资讯，还有一些学生和教师的精选留言，其次是学生的作品鉴赏。从首页点进去的这页内容设计一是为了网站界面的美观，二是为了让学生对此网站产生好奇和探索心理，能够激发学生的学习兴趣。信息资讯点进去是信息资讯内容的详细页，点击精选留言会跳转到留言板，在留言板可以实现留言，每个用户还可以查看其他用户的留言及回复。点击学生作品会到达学生作品详情页，这里的作品有图片轮播展示，还有一些比较好的ppt动画是以录屏方式将整个内容演示并进行视频记录的方式。首页点进页的内容如图5所示。图5 主页图3.教材内容页的实现教材内容是由北大教育学院中小学信息技术编委会编撰，整个教材内容也就是初中信息技术标准教程的电子版，这套教材分为上下册，第一册多是理论内容，第二册都是实践内容。这页的实现是用sublime.text代码编写，加入表框来装饰电子图书的截图。用户可以通过垂直滚动条滚动来查看教材的完整内容。这一页的设计很简单，界面力求简洁美观。力求给学生用户一个直观的视觉感受。教材内容页如图6所示。图6 教材内容界面图4.教材课件页的实现根据教材理论内容设计了这个功能模块,这块内容主要是通过录屏来对教学ppt课件进行详细的讲解,为学生实现自主学习创造有利条件,真正实现零负担轻松学习.此模块也是设计了上下两册的内容.教学课件内容的章节导航是通过以下代码来实现的.第一章信息信息技术计算机是信息处理的重要工具计算机概述计算机中的信息表示计算机系统概述计算机病毒及防护教学课件界面的其他样式是通过css来控制的。教学课件的界面如图7所示。图7 教学课件界面图5.实践操作界面的实现实践操作页面对教材的实践操作内容进行详细讲解，并用录屏软件将此过程录下，加工成实践操作方面的教学视频，内容多不超过10分钟，对每章重点内容进行讲解，方便学生在课下对知识进行巩固和消化。网页框架通过代码编辑实现。视频的上传通过以下代码来实现。其他视频亦是通过编辑填写视频的路径来实现。实践操作界面如图8所示。图8 实践操作界面图6.作业界面的实现作业界面也是基于教材内容设计，特色是这里可以实现学生提交作业和老师收取并管理学生作业。此功能的实现通过以下代码：if($_SESSIONteachers=1)echo管理学生作业;elseecho上传作业;此功能的实现还创建了数据库，实现作业数据的提交、收取、更新及存储。作业界面如图9所示。图9 作业界面图7.课外拓展页的实现课外拓展页又分为信息基础页、学生作品页、试题页。这些内容属于丰富学生学习的内容页，多用html代码来实现，使用javascript实现一些图片的切换特效，使用css调整样式。信息基础页、学生作品页、试题页依次如图10、图11、图12所示。图10 信息技术基础界面图图11 学生作品页图图12 试题界面图8.留言板的实现这里最重要的就是读取数据库的留言信息和把用户的留言信息存储的数据库中。读取留言内容是用php语言访问数据库，然后在前端页面循环展示出来；存储信息则是前端获取用户写在表单里的内容，然后记录下来，再发送给php，最后存储在数据库中，以供再次读取。（三）后台模块1.管理员登录的实现此网站的不同之处就是无论是学生还是教师都是管理员，他们管理的任务不同，学生登录之后可以管理自己的留言和上传作业，教师则可以管理自己的留言和学生的作业并对此进行相应的反馈。后台登录界面整体设计是Img图片标记用Css去设置大小和进行定位，Form表单验证用Javascript来实现。后台登录界面如图13所示。图13 后台登录界面图进入后台登录界面，用户名和密码不能为空，教师和学生的管理权限不同。不同的用户可以不同的管理任务。2.管理员信息管理的实现作业提交是由学生用户来实现，作业管理是由教师用户来实现。这两个功能都是使用php连接数据库来实现。建立数据库，才能实现作业的提交更新及作业的存储和下载。学生用户信息管理界面，教师用户信息管理界面依次如图14、15所示。图14 学生用户信息管理界面图图15 教师用户信息管理界面图3.留言板信息管理的实现留言板的管理页面，首先要从数据库中读取出每一条留言的信息，然后按照固定的格式，以表格的形式循环显示在这个页面中。接下来就是留言的删除功能，删除的时候，首先要知道用户点击的这条留言在数据库中的id，然后才能把这条删除。所以，在做的时候，就要传一个id，到删除的方法里，执行删除方法的时候，就能知道删除的是这一条留言了。代码如下：function dele(id,url)$.post(./html/myzone.php,id:id,dele:1,function(data,status)if(data=1)alert(留言删除成功！);window.location.reload();elsealert(留言删除失败！);window.location.reload(););后台留言板信息管理界面如图16所示。图16 留言板信息管理界面图结论现在无论是小学还是初中，都有了信息技术教材，但是由于专业老师的匮乏，所以大部分小学还是没有开展这门课，初中则是减少了这种课的教学时间。但是现在网络和计算机已经普及到千万普通家庭中，而对于中小学阶段的学生计算机就是用来玩游戏，他们作为信息时代的新型人才却还没有认识到信息技术对未来社会发展的重要性。对于这种信息技术教育现状，我认为初中学校应该重视信息技术教育改革，开发和建设有关信息技术的专题学习网站，国家无疑是支持的，也有专门的教育资金补助。考虑到初中学生课业负担重，建议此网站在初一初二让学生使用。我的毕业设计的出发点是为了改善了部分地区对信息技术教育落后的现状。以下则是我对整个初中信息技术学习网的特点和不足的概括：（一）网站的特点本初中信息技术学习网是一个线上的师生学习交流平台，也包括一些课件的更新，作业的提交和下载、学生的留言等，采用PHP+Mysql的模式来订制的。其功能还是比较齐全的。本网站最大的特色之处就是后台数据库的判断功能，前台用户注册后需要后台管理员经过判断可以登录到不同用户界面，学生和教师的界面是不同的，学生可以上传自己的作业，老师可以查看和下载学生作业并进行反馈。 （二）系统的不足和改进但由于时间仓促，本系统肯定有不足之处，比如用户界面和后台管理员界面，CSS布局的