毕业设计（论文）：矢量图形处理技术网络平台的设计与开发

专业： 教育技术学 学号： 1911110222 Hebei Normal University of Science & Technology 本科毕业设计 （人文科学） 题 目：矢量图形处理技术网络平台的设计与开发院（系、部）： 教育学院 学 生 姓 名： 徐风肖 指 导 教 师： 谷丽伟 职 称 讲师 2016年6月5日河北科技师范学院教务处制 资料目录1.学术声明11 页2.河北科技师范学院本科毕业设计说明书127页3.河北科技师范学院本科毕业设计任务书12 页4.河北科技师范学院本科毕业设计开题报告15 页5.河北科技师范学院本科毕业设计中期检查表11 页6.河北科技师范学院本科毕业设计答辩记录表11 页7.河北科技师范学院本科毕业设计成绩评定汇总表12 页8.河北科技师范学院本科毕业设计工作总结12 页 河北科技师范学院 本科毕业设计矢量图形处理技术网络平台的设计与开发院（系、部）名 称 ： 教育学院 专 业 名 称： 教育技术学 学 生 姓 名： 徐风肖 学 生 学 号： 1911110222 指 导 教 师： 谷丽伟 2016年5月28日河北科技师范学院教务处制 学 术 声 明本人呈交的学位论文，是在导师的指导下，独立进行研究工作所取得的成果，所有数据、图片资料真实可靠。尽我所知，除文中已经注明引用的内容外，本学位论文的研究成果不包含他人享有著作权的内容。对本论文所涉及的研究工作做出贡献的其他个人和集体，均已在文中以明确的方式标明。本学位论文的知识产权归属于河北科技师范学院。本人签名： 日期： 指导教师签名： 日期： 摘 要 摘 要随着信息技术的飞速发展，网络教学平台不仅仅成为了传统课堂的重要辅助手段和补充，更是成为某些学习课题的重要发展形式，给学习者带来了便利的学习条件，更调动了他们自主学习的积极性，本平台是以coreldraw课程为主来设计矢量图形处理技术这一门课程的网络平台。该网络平台以PHP+MySql技术为支撑，开发该网站。研究目的是为了充分调动学习者的积极性，并辅助他们高效的学习矢量图形处理技术这门课程。从技术上来讲，我们以PHP+MySql技术为支撑，该技术具有开源、免费、应用广的特点，对于开发者来讲就不会存在费用问题。并且由于应用广，可参考的实例就会很多，对于开发者创新很有优势；从内容上讲，该课程是基于长期从事coreldraw课程教学的一线教师丰富的教学经验来安排教学内容的，所以对于学习者的学习心理、课程的重难点等都研究的很透彻，这样课程内容也更符合学习者的学习习惯跟心理特点。有了成熟的技术支撑，丰富的课程内容，这些都为搭建本平台奠定了坚实的基础。关键词：网络教学平台；coreldraw课程；矢量图形处理技术；PHP技术；MySqlAbstractWith the rapidly development of information technology, Network teaching platform is not only as an adjunct or supplement to traditional classroom but also the important development form for some subjects. Network teaching platform brought convenient learning conditions for the learners and arouse the enthusiasm of their autonomous learning.This platform is based on PHP+MySql technology,and focuses on Coreldraw course to show the vector graphics processing technology. Research purpose is in order to fully arouse the enthusiasm of learners，and assist them for effective learning of this course ,vector graphics processing .In the aspect of technology,we are based on the technology of PHP+MySql,which has the characteristics of open source, free, wide application.So,we are not afraid of the money.In the other aspect of content of course，the content of this course is based on the experience of the long engaged in coreldraw teaching first-line teachers to arrange teaching contents ,so that the content of course is more in line with the learners learning habits and psychological characteristics. With mature technical support, rich course content, these are laid a solid foundation for building the platform.Keywords: Network teaching platform; Coreldraw course; vector graphics processing technology ；PHP; MySql II目 录 目 录摘 要IAbstractII一、绪论1（一）系统开发的背景及其意义1（二）网络教学平台现状分析与研究11国外研究现状22国内研究现状2（三）网络教学平台的研究内容2二、 开发工具的介绍3（一）PHP技术综述31.PHP的概念32.PHP工作原理3（二） MySql的介绍3（三） CMS内容管理系统4三、需求分析5(一) 用户需求分析51.学习者用户分析52.管理者用户分析5（二）可行性分析5（三）数据库需求分析6四、系统总体设计6（一）网络教学平台的设计思想6（二）系统功能设计61.系统构架62.主要功能模块目标设计7（三）系统界面设计原则8（四）数据库设计91.数据库介绍92.数据库中数据表的结构9五、网络教学平台的实现11（一）登录模块121.用户登录模块122.教师或管理员后台登录模块12（二）前台教学模块131.主页132.课程介绍页面133.教学内容页面134.视频资源页面145.案例展示页面146.学生作品展示页面167.素材下载页面168.互动交流页面17（三）后台管理模块171.后台管理主页面172.教学内容添加和管理页面173.教学视频添加和管理模块页面184.作品展示添加和管理页面195.用户管理页面19结论20参考文献20致谢22IV河北科技师范学院2016届本科毕业设计 一、绪论（一）系统开发的背景及其意义随着信息技术与网络资源的飞速发展，尤其是近两年信息技术的迅猛发展，比如最近来势汹汹的人工智能，等等，都在向我们展示信息技术在我们生活中是多么的重要，我们生活中的大部分都在被信息技术和网络资源占据，我们越来越多的开始从网上获取信息，学习我们想要补充的知识，获取更便利的生活条件。当然，对于教学也是一样的，我们现在越来越多的倾向于从网上获取知识，因为它的无地域限制性。不仅信息技术在我国的发展如此迅速，国家在网络教育上的投入也越来越多，越来越重视。各种校园网络、多媒体教室的建设，再到现在的各类网络课堂，e-learning，网络微课等教学模式的突起。所以无论是网络技术上的发展，学习者选择的倾向性，还是国家对于网络教学的重视，都在向我们展示着，网络教育将成为以后教育发展的重要形式之一。网络学习是借助计算机网络进行的一种学习活动，自主学习与协商学习是它的主要学习方式。网络学习的特征包括具有共享丰富的网络化学习资源、自主学习、探索知识和协作学习为主要形式、突破了传统学习的时空限制等等1。通过网络学习，学习者可以方便的获取各种各样的资源，包括文字，图像，视频，音频等等。也正因为网络的共享性，我们可以重复利用我们的资源，相比于传统课堂，我们不用再一遍遍讲授，一个知识点放到网上，可以无限次，被无数人查看。这样，学习者就可以通过网络，在教师的指导下进行自主探索和协商学习。这种模式更能体现在网络教学环境中，教与学，理论与实践的充分结合2。也更能体现以学生为主的，培养学生自主学习的教学理念。而矢量图形处理技术作为一门更重操作的实践课程，单纯的理论课堂不足于满足学习者的学习需求，学习者更需要的是操作实验，这样基于操作的视频讲解还有矢量图形案例便成为教学素材的重点。而对于视频与图例来说，通过网络平台更易传播与共享，是对传统教学模式的重要补充，并具有不可替代性的优越性。而在传统的课堂教学中，由于只能通过学生与教师之间进行有限的知识交流，而使得教学在学习内容上难以扩展，教育效果并不明显。利用PHP网络技术进行网络教学平台的设计可以有效的提高教学灵活性与高效性3。网络教学模式的应用离不开网络教学平台的支撑，因此合理设计网络教学平台，让其更利于老师的教与学习者的学，对于网络教学平台而言，具有重大意义4。（二）网络教学平台现状分析与研究网络教学平台是基于Internet开展现代远程教育的支撑平台，为远程教学的学习者和教育者提供了授课、学习、答疑、讨论以及作业处理等教学过程的支持工具5。1国外研究现状 1990年，由美国克莱蒙特大学教授凯尼斯.格林（Kenneth Green）发起并主持的一项大型科研项目“信息化校园计划”（The Campus Computing Project），是数字化校园概念的最早出现6。也就是现在的网络教学的前身。因此网络教平台在国外发展比较早。在1996年，美国就出现了虚拟大学，并且当时的学习者，可以通过在网络平台学习计算机网络课程，采用计算机考试并获得学位，这是网络教育的开端7。而在二十一世纪的今天，在国际上具备较强的影响力的网络教学平台主要包括：WEB CT，BlackBoard，E-Learning等。还有edX （edX是麻省理工和哈佛大学于2012年4月联手创建的大规模开放在线课堂平台8。它免费给大众提供大学教育水平的在线课堂。两所大学在这个非盈利性计划各资助三千万美元）和Coursera（Coursera是免费大型公开在线课程项目，由美国斯坦福大学两名计算机科学教授创办。旨在同世界顶尖大学合作，在线提供免费的网络公开课程。Coursera 的首批合作院校包括斯坦福大学、密歇根大学、普林斯顿大学、宾夕法尼亚大学等美国名校）等，北京大学同时也与这两家教育平台签订协议。因此网络教学平台进一步和知名传统名校结合。2国内研究现状 我国的网络教育始于1994年国家实施的教育科研网示范工程。我国的网络教育虽然起步晚，但发展的快9。近二十年来，随着我国网络技术的发展和国家对于网络教学平台的扶持，网络教学平台越来越受到重视，也越来越受到学习者的青睐。比如现在不仅有国家大力展开的“网络微课”，还有各知名学校的公开课，比如北京大学，清华大学相继加入edX，和国外大型网络教学平台合作。不仅如此，网络主流媒体也纷纷设立公开网课，比如网易视频公开课和网易云课堂、淘宝同学等。爱课程网与网易云课堂合作，推出“中国大学MOOC”平台；在线数字资源提供商超星集团推出“超星慕课”；卓越睿新数码公司与东西部高校课程共享联盟合作，推出“智慧树”.近两年来，高校和互联网企业纷纷杀入在线教育产业，开发的各种类型大规模在线开放课程平台纷纷上线10。由此可以看出我国网络教学平台发展之迅猛。但在发展的同时仍有些待解决的问题，需要我们进一步去完善。（三）网络教学平台的研究内容建立网络教学平台，实现矢量图形处理技术的教学视频和教学内容，素材案例的共享，实现学生的自主学习和协商学习，同时实现这门课程最优化的教学方式。后台管理必须满足教务人员的需求，前台更要做好交互功能，提高学生的积极性，成为自主探索的好帮手。不仅如此，还要完善留言答疑等功能，不仅教师可以更方便的为学生答疑解惑，学生之间也可以相互交流，相互学习。二、 开发工具的介绍（一）PHP技术综述1.PHP的概念PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。最初是 1994 年 Rasmus Lerdorf 创建的，刚开始只是一个简单的用 Perl 语言编写的程序，用来统计个人网站的访问量。以后越来越多的网站使用了 PHP，并且强烈要求扩充 PHP 的新特性，逐步发展为今天功能强大的用于开发动态网站的 PHP 语言11。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快12。2.PHP工作原理PHP的所有应用程序都是通过WEB服务器(如IIS或Apache)和PHP引擎程序解释执行完成的，工作过程：(1)当用户在浏览器地址中输入要访问的PHP页面文件名，然后回车就会触发这个PHP请求，并将请求传送化支持PHP的WEB服务器13。(2)WEB服务器接受这个请求，并根据其后缀进行判断如果是一个PHP请求，WEB服务器从硬盘或内存中取出用户要访问的PHP应用程序，并将其发送给PHP引擎程序。(3)PHP引擎程序将会对WEB服务器传送过来的文件从头到尾进行扫描并根据命令从后台读取，处理数据，并动态地生成相应的HTML页面。(4)PHP引擎将生成HTML页面返回给WEB服务器。WEB服务器再将HTML页面返回给客户端浏览器14。（二） MySql的介绍MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下公司15。MySQL 最流行的关系型数据库管理系统，在 WEB 应用方面MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。图1 PHP的工作原理图MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策，它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库16。（三） CMS内容管理系统CMS是Content Management System的缩写，意为内容管理系统。 内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场。对于内容管理，业界还没有一个统一的定义，不同的机构有不同的理解。内容管理解决方案重点解决各种非结构化或半结构化的数字资源的采集、管理、利用、传递和增值，并能有机集成到结构化数据的商业智能环境中，简化网站开发流程，有效实现后台实时更新前台页面功能17。这个系统可以让开发者更多的将精力放在内容上来，而对于一些简单的功能实现不必重复开发。同时CMS系统本身也是开源的，方便大家共同建设，共享信息。三、需求分析(一) 用户需求分析1.学习者用户分析因为是网络教学平台，对于学习者而言更多的是自主学习，所以我们要把一切有关的学习材料尽可能多的呈现出来。又因为这门课程的性质是一门更重操作的实践课，所以需要将矢量处理的操作视频展示于教学平台上。除了教学视频之外，还需要将课程内容，案例展示放于平台上，以便于学习者正确把握该课程的方向。又因网络平台的空间隔绝性，这个特性，会使得学习者减少学习氛围，为此，我们需要搭建一个网络交流平台。这个交流平台不仅可以让学生之间相互交流，更能成为教师为学生答疑解惑的平台。网络教学平台的学习者的学习状态是自己独自对着电脑或移动终端，因为没有传统课堂教师与学生的互动，学习者会比传统课堂的更容易走思，注意力更容易转移。因此对于如何提高学习者注意力，对于这方面要在学习过程中小测验就显得尤为重要。这些小的测验，可以提醒学习者落下了什么，不至于出现视频一直在播放，可以学习者什么都没有听进去这种状况。同时，也可以将视频做的尽量短小精悍，让视频长度处于学习者的注意力时长范围之内。2.管理者用户分析 对于教师或是管理者而言，他需要将全部的知识内容都上传到服务器上，所以他们需要在后台便利的上传视频，更改教学内容，上传教学案例。管理者还需要管理学生用户，所以后台也需要实现对于用户的便捷操作。比如对于违返规则的不文明发言的用户的管理，删帖等等。（二）可行性分析可行性分析，是在系统调查的基础上，针对新系统的开发是否具备必要性和可能性，对新系统的开发从技术、经济、社会的方面进行分析和研究，以避免投资失误，保证新系统的开发成功18。可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。该系统的可行性分析包括以下几个方面的内容。该系统运用的开发工具是appserv跟cms这两者者是免费产品，它的免费性，对于处于大四毕业生这个阶段是非常有利的，这个起码在经济上保证了其可实施性。另一方面因为PHP、MySql的开源性，不仅在我国，在世界上很多产品都是应用PHP开发的19，这就为我搭建本网络教学平台提供了丰富的可参考可借鉴的例子，使我进一步完善我的作品。（三）数据库需求分析通过以上的用户需求分析、网站分析，现在可以大致判断出数据库需求。对用户管理，所以需在用户管理表。资料需要展示在平台上，因此我们需要一个放视频的表，但是因为视频占用资源太大，放在数据库过于冗余，还会拖慢数据库搜索速度，所以我们不放视频在数据库，而是放置视频地址，让后台直接调用视频地址，从而达到播放视频的效果，降低了数据量。网站的实际操作过程中，视频资源不是单独出现的，还有许多说明性文字，所以我们将视频跟那些说明性文字合在一个数据表内，合一个为文章表。视频之外，本教学网站还有大量图集，因此对于图集来说，我们单独建一个数据表。网站不仅有教师用户，学生用户，如果需要的话还需要管理员用户，因此我们也需要建立一个专门存放管理员信息的数据表。四、系统总体设计（一）网络教学平台的设计思想通过对于矢量图形处理技术这门课的研究，首先确定其教学点，根据建构主义理论来安排教学内容，以期更符合学习者的学习心理。不仅如此，更要照顾到学习者是通过网络教学平台来学习的，所以对于学习者注意力的固定跟维护也是相当重要的。然后再通过对于学习者需求的分析设计数据库。 完善明白的需求调研是后期开发工作顺利进行的保证20,21。（二）系统功能设计1.系统构架根据系统功能的要求，可得如下图2所示的系统功能模块图：当用户进入系统之后，会根据用户后台的等级来断判其身体，在前台来讲就是身份的确定，对于后台来讲其实就是所能做的操作的权限。作为学生用户只有浏览各类教学内容的的权限，如教学视频 ，教学课件，还有案例图集。目的是为了保证教学资源的准确性，不会因为个别学生的错误还误导到他人。但是又为了保证平台的交互性跟调动学生的积极性，我们允许学生在互动中心相互交流，并上传自己的作品，达到相互学习，相互激励的作用。而对于老师来讲，除了学生的这些权限之外，还需要上传改动教学内容的权利。而管理员（某些情况教师也是管理者），不仅有这两者全部权利，还有对用户的管理，对于留言的删贴，恶意破坏者的封号等权利。网络教学平台身份验证教师登录管理员登录学生登录个人空间管理互动中心留言浏览作品展示下载教学资源观看教学视频浏览教学内容浏览教学文档文档用户管理互动中心管理展示作品管理教学资源管理教学视频管理教学内容管理学生用户管理互动中心管理展示作品管理教学资源管理教学视频管理教学内容管理图2 系统功能模块图2.主要功能模块目标设计(1)课程介绍： 在这个模块下又分为矢量图形介绍、处理软件介绍、课程大纲。这个模块主要是为了让学习者在准备学习阶段能对矢量图形、各种处理软件有个初步的认识，虽然我们本课程主要是以CorelDraw这一软件来介绍，但是对于其它的如Adobe的AI还有其它的一些有名软件都要有一个认识，并对它们之间各个优势之间的了解，方便以后学习使用。而课程大纲则是对于本门课程整体的划分，同时也告诉了学习者学习的目标。由建构主义理论我们知道，学习者不是被动的接收者，还是主动的探索者。因此给出教学目标就显得尤为重要。当然课程大纲这块是由专业的教师专门研究得出的。(2) 教学内容：在这一模块，是教学大纲的具体详述，这就跟传统课堂上老师所讲内容相似，也可以说是本教学网络平台其它案例的文字参考。学习者也可以将这个作为参考手册来使用这部分内容。当然，学习者在正式操作之前是要学习这部分内容的。这一部分一共分为九讲，从基础讲到各种操作和特效。 (3) 视频资源：这一部分是本教学网站的非常重要的一部分，也是资源重复利用并且学习者能快速高效掌握矢量处理操作之所在。因为本门课程的实践性强，因此这一部分是必不可少的，必须有的部分。在这一部分会有丰富的视频操作实录，而且每一个视频都很短小，方便学习者快速查阅跟上手操作。是非常适合学生平时学习，碎片化学习的。每一个视频实录都是一个完整的作品。并且每一个小视频下都有简单的说明文字，方便了解。（4）案例展示：这一部分是教学案例，主要以图集的形式展示，这部分是培合视频资源跟教学内容的实际案例。也有只存在于教学案例的例子。这里会对图形处理的元素跟最后效果做一个整理跟说明，方便学习者学习参考。（5）学生作品展示：这一部分是学生自己做的优秀作品，虽然有案例展示了，但是为了激励学生，鼓励学生创新，激发学生的积极性。同时在这一部分其它学生可以对作品进行点赞，加入这一社交属性会更加促进学生之间的学习积极性，拉进因时空隔离而缺少的学习氛围。这就如朋友圈一样，加入这一社交属性，会使学习者迅速进入这个学习圈，形成浓重的学习氛围，并踊跃发表自己的作品，相互切磋。（6）素材下载：这里会有许多图片素材跟cdr形式的处理形式供大家下载。方便学习，改进。（7）互动交流：在这里，学生可以将问题发布于此，教师定期答疑解惑。当然除了老师的回答，还有学生也可以回答，进一步节省人力成本，减少教师精力。同时有那么多的学生的回答，集思广益，产生浓厚的学习氛围。（8）个人空间：这一模块并不展示在主页的菜单栏上，而是个人用户在登录后显示在网页主体模块中，这一部分可以说更加有社交属性，同时也是个人作品的一个集合，学习者或是教师可以在此作为一个个人空间展示属于自己的一切在并矢量图片的作品。同时也可以展示个人生活的一面，拉近网络学习者之间的距离。减少网络的隔绝感。（三）系统界面设计原则在对大量教学网站观察分析之后，好的网络教学平台往往是简洁明了，让无论是学习者还是管理者都能很快上手操作。因此该网站，也遵循这一原则：简洁明了。除此之外，由于学习者在自主学习的时候，需要长时间对着电脑，因此对于界面配色要以柔合，舒适，对眼睛的刺激较小为主。一方面，减少学习者的疲劳度，另一方面，同时也延长了学习者的注意时间长度。而对于后台来说，更是需要简洁明了。因为后台涉及到许多的内容操作，如果过于繁琐，则对于教师而言，很容易出错，也会出现很多不可控因素，而这些不可控因素对于一个教学网站来说，是非常危险的。总而言之，界面要舒适，自然，并且简洁明了。（四）数据库设计1.数据库介绍数据库是依照某种数据模型组织起来并存放在存储器中的数据集合。这些数据为多个应用程序服务，独立与具体的应用程序。数据库由数据库管理系统（Database Management System,DBMS）统一管理，数据的插入、修改和检索均要通过数据库管理系统进行22。因为当今社会对数据的需求越来迫切，所以数据库技术的发展一日千里。现代数据库不仅能够存储传统的文字数据（Alphanumeric Data），还可以存储图像、多媒体、交互视频和数字图书馆等数据。就功能而言，现代数据库不再局限于数据的管理和存取，他们还提供图像对比、语音识别以及图形识别等功能。本次设计采用MySql数据库，MySQL是一种开放源代码的关系型数据库管理系统（RDBMS），MySQL数据库系统使用最常用的数据库管理语言-结构化查询语言（SQL）进行数据库管理。本使用基于MySql的图形化管理工具phpMyAdmin来进行管理，大大减化了使用的步骤23。2.数据库中数据表的结构根据上文的需求分析，设计出以下的数据表：(1)管理员和教师信息表(dede_admin)：包括序号、用户名、密码、用户权限、添加时间等等。其结构如表1所示。该表主要是对于管理者的所有信息进行存储。表1 管理员和教师信息表字段名称数据类型说明id整型序号usertype整型用户权限userid文本用户登录idpwd文本密码uname文本昵称tname文本真实姓名email文本电子邮箱typeid整型管理频道loginip文本登录IPlogintime时间登录时间(2)学生信息表(dede_member)：包括序号、用户登录id、密码、姓名、性别等。其结构如表2所示。表2 学生信息表字段名称数据类型说明mid整型序号 userid文本用户登录idpwd文本密码uname文本真实姓名sex文本性别email文本邮箱rank整型等级(3)教学内容信息表(dede_addonarticle)：包括序号、标题、发布时间、作者，标题，点击次数关键词等。其结构如表3所示。表3 教学内容信息表字段名称数据类型说明id整型自动编号typeid整型所属主栏目编号click整型点击次数title文本标题writer文本作者puddate时间发布时间keywords文本关键词(4)教学视频信息表(dede_addonarticle)：包括序号、所属栏目、课程内容说明、视频地址。其结构如表4所示。表4 教学视频信息表字段名称数据类型说明aid整型序号typeid文本所属栏目body文本课程内容说明Video_address文本视频地址表4这么简单，是因为在调用的时候并不是单一调用而是跟教学信息表共同调用，因此表3有的，表4就不用再重复声明了。(5)栏目信息表(dede_arctype)：包括样目编号、父栏目编号、栏目名称和栏目相对地址。其结构如表5所示。表5 栏目信息表字段名称数据类型说明id整型栏目编号（自动）topid整型父栏目编号typename文本栏目名称typedir文本栏目相对地址(6)作品展示信息表(zuopinzhanshi)：包括序号、名称、作品和添加时间。其结构如表6所示。表6 作品展示信息表字段名称数据类型说明id整型序号mingcheng文本名称zuopin文本作品addtime时间添加时间(7)互动交流信息表(dede_guestbook)：包括序号、留言者、留言标题、留言内容、留言时间。其结构如表7所示。表7 互动交流信息表字段名称数据类型说明id整型序号uname文本留言者title文本留言标题dtime时间留言时间msg文本留言内容五、网络教学平台的实现此教学网络平台在前台页面上可以实现学习者浏览页面，观看教学视频，下载素材留言还可以使用个人空间；教师和管理者通过登录后台对教学资源的增删，更新，视频的上传，管理用户等。且此网站所有的前台页面都是由HTML+CSS进行设计布局的。（一）登录模块1.用户登录模块如图3 所示。在页面的左边模块内，有登录按钮，平时我们也可以不登录页面还进行浏览，既以游客的身份浏览，但相比于登录，游客的权限要少很多。以下是点击登录按钮之后跳转到的登录页面。具体实现是以表单的形式提交到后台的php处理页面，再与数据库中的信息进行对比，如若信息符合便可登录到主页。 图3首页中用户登录页面2.教师或管理员后台登录模块图4后台登录页面后台登录页面如图4所示，在我们前台并没有后台登录的入口，主要是安全为主，当我们输入http:/localhost/dedema（本地测试）就会直接到后台登录页面。当教师或管理员登录页面之后，根据权限的不同，可以对前台展示的视频，案例，素材进行增删，更改，也可以对用户组进行管理，还可以删除留言等等。（二）前台教学模块1.主页主页（index.php） 如图5给出的页面效果，直接输入http:/localhost(本地测试，远程为输入服务器主机)便可进入网站的主页面。主页面分为7个栏目，在菜单栏右侧还可以直接对全站进行搜索。首页采用扁平化的设计，因此并没有放logo而是将网站名称直接作为网站标识置于头部，底部的蓝色也是参考最近很流行的颜色。而首页登录面板右侧的图片是以幻灯的方式展示，运用js来实现这个功能。图5 主页2.课程介绍页面如图6就是课程介绍页面（http:/localhost/a/kechengjieshao/），点进去之后可以看到这部分分三个子版块，分别为课程大纲、介绍，分别点击左侧的子栏目可以看到每个子栏目的具体内容。这个栏目主要是让学习者总体上把握这门课的性质，矢量图的概念跟总体学习目标。3.教学内容页面如图7就是教学内容页面。点击进入教学内容栏目之后就会看到如下图所示的内容，这一部分主要是每一讲的内容，点击左侧的章节，可以看到每一节课的具体内容。 图6 课程介绍页面图7 教学内容页面4.视频资源页面如图8就是视频资源页面。进入视频资源这一栏目之后，可以看到一条条的视频简介，点击任一条就可看到其祥细内容，并观看教学视频。教学视频的播放是整合了一款名为ckplayer的插件得以实现。5.案例展示页面 如图9就是案例展示页面。进入案例展示页面（http:/localhost/a/youxiuanli/）之后，可以看到每个案例的元素跟结果展示。我这儿是分专题展示，点进去之后如图10所示又包含许多图片。图8视频资源页面图9 案例展示页面 图10专题内部6.学生作品展示页面如图11进入学生作品展示这一栏目（http:/localhost/a/youxiuzuopinzhanshi/）之后可以看到学生的作品，并且每个作品下面都会有点赞标识，可以活跃学习气氛，增强学习竞争力，让学习者做出更优秀的作品来。图 11学生作品展示页面7.素材下载页面如图12所示，进入素材下载页面（http:/localhost/a/sucaixiazai/）之后可以看到许多案例的cdr原始素材跟一些其它的相关素材，直接点进去就进入下载页面。 图12 素材下载页面8.互动交流页面如图13所示，进入互动交流页面（http:/localhost/plus/guestbook.php）之后就可以看到大家的留言了，老师定期来这里答疑解惑，学生之间也可以相互学习，相互交流，进一步提高大家的学习积极性。图13 互动交流页面（三）后台管理模块1.后台管理主页面后台管理主页面（http:/localhost/dedema/index.php）如图14：当然前题是先登录后台才能看到后台管理主页面，如图左侧有一系列的功能键帮我们实现管理者所需要的操作内容。图14 后台管理主页面2.教学内容添加和管理页面如图15所示，我们首先点击所有档案列表，然后再选择添加新文章，在这个页面里可以选择栏目跟内容，因为选择栏目不同，所以需要的项目也不一样。当我们需要更改已有文章的时候，可以点击档案列表之后，在下方已有列表后方操作按钮进行修改。图15 档案列表页面3.教学视频添加和管理模块页面教学视频添加的时候，首先上传到服务器，如图16所以，但这样上传一般很慢，如果是远程服务器，可以直接用ftp工具传过去。然后记下视频地址，如上述添加文章内容一样，如图17所示，直接写入文章视频地址即可展示在前台页面上。图16后台上传视频图17教学视频管理页面4.作品展示添加和管理页面作品展示添加页面如图18所示。进入此页面后点击左侧图片集，然后点击“添加文档”进入图19页面写上标题，上传图片就可以了。图18图片集图19添加图片5.用户管理页面在菜单栏里“会员“，进入用户管理，可以对用户进行管理，升级等等，在此大栏目下还可以对其发表的留言内容进行删除等管理。如图20所示。图20用户管理页面结论本系统的实现采用PHP+MySql+Apache的技术，并且充分处用CMS内容管理系统，开发此网络教学平台。秉承着简单易用交互性强的原则来搭建本平台。最终实现上来看基本使用的效果者实现了。在教学内容上，基于充分研究课题内容，研究如何和网络平台进行搭配，以最符合学习者心理的页面展示出来。本平台充分结合了各种多媒体的资源，以期达到学生自学的最好效果。因为是网络教学平台，不利于形成班级学习气氛，所以本平台充分结合了社交媒体的属性跟本网络教学平台整合，使学习者之间形成一个圈，加重学习氛围。当然我们的互动中心也是如此，个人空间也是如此。要说创新点还是我们的微信分享功能，跟学生作品展示跟点赞功能。充分利用学习者的社交心态，促进他们的学习。本教学网络平台能让学习者了解，学习，掌握基本的矢量图形处理技术跟部分特效功能，充分展开自主学习跟协商学习，并进步提升学习者的自学能力。当然，时间他促，此教学网络平台肯定有许多不完善之处，望见谅。参考文献1王梅.高中信息技术课程网络协作学习平台的研究与设计D.山东师范大学,2013.2屠宏.网络学习模式研究D.陕西师范大学，2005.3冯国良.基于Web及VRML网络教学平台的设计与实现D.西安电子科技大学，2010.4朱萍. 高校网络教学平台的管理研究D.燕山大学，2012.5寇媛媛.网络教学平台的发展现状及趋势J.电子设计工程,20116李静，王清团.论数字