《电子商务网站建设》课程设计实训指导书

《电子商务网站建设》课程设计实训任务书

一、实训目的

1. 通过本课程设计的实践，使学生能够根据Web网站应用系统的设计原理以及软件工程的开发思想完成对企业商务网站的需求分析及规划与设计；能够使用HTML语言、CSS语言和Javascript语言完成对商务网站的前台开发，包括网页制作与脚本编写等；能够使用面向对象的测试方法实现对电子商务网站的网页测试与功能验证；能够使用LeapFTP将企业商务网站发布到IIS服务器上，并进行远程定期备份与更新。

2. 通过本课程设计的实践，使学生能够在“中小型”企业商务网站仿真项目的实践开发过程中主动去接触和学习网站开发的新知识、新技术，树立起主动学习、积极探索与大胆创新的工作态度，使学生对电子商务网站的开发流程有一个全面的认识和掌握，提高学生在今后参与开发“中大型”实际电子商务网站项目和探索未知领域的能力与自信心。

3. 通过本课程设计的实践，使学生通过参加小组团队的开发认识和了解软件项目管理、团队合作、文档编写、口头与书面表达的重要性。在开发过程中，培养学生团队合作与沟通交流的能力，培养学生查阅技术文档资料和分析事务日志文档的能力，培养学生实事求是、认真严谨、细致求精和守信负责的工作作风与职业素养。

二、实训内容

以开发一个中小型规模的企业电子商务网站前台为目标，采用B/S软件开发架构和html、CSS及Javascript语言，按照分析、规划、设计、开发、发布与维护的网站开发流程完成杭州立能综合信息科技公司商务网站前台的开发任务，并按要求在网站开发完成后提交需求分析报告、系统规划设计方案及网站原型。

1.网站建设的需求描述

杭州立能信息科技有限公司商务网站主要是将该公司生产或代理的综合布线产品、弱电实训室产品及钣金系列产品通过网站平台发布到互联网上，从而使客户可以随时了解该公司的产品信息及售后服务，并通过网站向客户提供客户项目案例展示、产品在线订购、客户留言与在线交流、技术支持等功能服务；同时，公司也希望通过网站及时地把公司的日常活动事项及综合布线行业内发生的重要事件以新闻的形式发布到网上，帮助客户及时了解公司和行业所发生的事情。此外，公司也希望通过网站把公司基本情况、公司企业文化、公司组织结构、公司所获荣誉、公司联系方式以及公司不定期的人才招聘信息发布到互联网上。公司的基本信息见公司已有的企业门户网站：https://www.360docs.net/doc/4e6020107.html,/。

2. 客户在线订购的交易流程

注册用户登陆后，首先通过页面浏览或搜索查找的形式，选择自己所需的产品（产品的编码和购买数量）后放入购物车；然后进入结算中心进行商品结算，确认或填写收获信息（如收获地址、联系人和联系电话等），选择运输方式（如快递、EMS等），选择支付方式（如网上银行、支付宝等）；最后提交订单。未注册的用户只能进行浏览商品和选择商品，如要完成具体的交易过程则必须要注册成为一个正式用户。

在用户提交订单后，有取消订单等待发货商家已发货确认收货完成交易5种订单状态。用户提交后，就是等待发货状态，在此状态，用户可以取消和恢

复等待发货状态；商家确认用户的订单后，进入商家已发货状态，用户收到货物后，用户让订单进入确认收货状态，商家便让订单最终完成，进入交易完成状态。

图1 完整的交易流程

3. 实训任务

任务一：网站需求分析

根据用户完整的交易流程和基本的需求描述对杭州立能信息科技有限公司商务网站的功能需求、性能需求、输入输出要求、数据管理要求、运行环境要求进行分析，绘制DFD图和E-R图，编写电子商务网站需求分析报告，报告格式见附录一。

任务二：网站规划与设计

在结合现行网站主流设计方案及开发技术的基础上，根据网站需求分析结果完成网站规划（包括网站目的及功能定位、网站内容规划、网站技术解决方案、网站开发进度安排、宣传推广方案、维护方案）及网站详细设计（包括网站Banner 条设计、网站导航条设计、首页设计、其他页面设计），并编写完成网站规划设计方案书，方案书格式见附录二。

任务三：网站的页面制作与开发

根据网站规划与设计的结果，结合用户需求，使用HTML、CSS和JS语言开发制作完成网站各个页面，其中，各个页面的框架可以采用CSS+DIV结构也可以采用表格来实现。

任务四：网站的测试

根据软件工程的单元测试和集成测试的原则，依次开展对网站各个页面的测试及网站整体功能的测试工作，测试内容包括：①测试网页图片及文字显示是否能正常显示，网页布局、颜色及字体是否与预期目标一致；②测试页面中各个功能模块是否正常；③测试各个页面中的各个超级链接是否能正常链接；④监测各个页面从打开到正常显示所花费的时间。

运用Dreamweaver提供的站点报告测试功能，检测网页在六种不同版本的常用浏览器中的支持情况，并自动生成一份测试报告。

任务五：网站的发布与维护

以小组中的一台PC来构建一个Web服务器(用系统自带的IIS6.0)，然后使用LeapFTP将静态网页设计课程网站发布到服务器上；最后在小组其他PC机的浏览器中输入网站IP地址来访问刚才发布的网站页面，检查是否能正确访问。

三、课程设计过程与具体要求

1. 学习课程设计指导书和分组

学习研究课程设计实训指导书，按项目小组进行分组（建议每小组4～6人，男女混合）并且明确每个学生在开发小组中扮演的角色及承担的职责（项目经理（组长钟侯春）、网站设计师（徐丽）、网站程序员（陈萍）、网站测试员（汤红燕）、网页美工（徐皛辰）、文档编写员（黄想））。

2. 确定目标、初步方案，准备、试用开发环境与工具

每个小组确定开发网站目标及初步方案；选择、准备、试用开发平台、交互网页开发技术、网页设计工具及其他有关开发工具。

3. 学习与搜集素材，借阅、购置必要的书籍与材料

学习开发小组及成员根据自己承担的任务利用各种途径（图书馆、因特网、书店、同学亲友等）进行针对性的学习并收集相关素材，包括精选、购置必要的书籍。

4. 课堂与课下结合开发项目

因为需要自学和探索的内容与软件较多，每个学生要特别发挥积极主动精神投入课程设计和开发活动。除了实验室正式安排的课程设计时间之外，学生需要充分利用好课余时间，自己有计算机的学生更要充分利用有利条件以取得尽可能好的开发成果，力争获得最大收益。

5. 各阶段的开发工作要求

开发过程中，小组长必须承担起领导责任，不定期召开小组开发工作研讨会(建议5-8次)。会前有准备，会议有记录(包括日期、出席人员、主题、讨论纪要、结论与问题、计划与行动分工。事后要保存好供老师检查)，会后有分工和检查。开发小组工作会议的可能内容是：

1) 选题、网站内容及开发方案研讨；小组成员分工；开发计划拟定。

2) 同类著名网站浏览、分析；网站需求分析；网站原型及成员分工确认。

3) 网站主页设计及网页组织研讨。

4) 交互网页开发技术或其他专门开发技术或开发工具使用的研讨。

5) 网站原型集成测试、原型功能改进与扩充；开发文档整理、汇总。

6. 做好小组与个人的开发记录、总结，做好小组内外的交流与互助

各个开发小组及其每个成员可以互相研讨、帮助，但必须独立完成自己承担的开发任务与文档编制任务，不得抄袭他人成果。在课程设计进行期间，每个小组由小组长建立项目开发记录本（不少于30页），每周至少做一次记录，包括小组会议记录，小组记录本要保存好供老师检查。

建议每个小组成员也建立自己个人的开发记录或日志。记录的内容可以包括:个人在小组中承担任务、计划与进度；相关学科与软件工具学习内容摘要与存在问题、难点；好的创意与建议；开发或学习心得；文档草稿；重要信息与线索记录等。这样做可以有助于项目开发工作和自己的学习，也有助于最后完成个人课程设计报告和小组的项目总结报告。

四、课程设计交付成果说明

1. 文档

(1)个人总结报告：每个学生提交个人课程设计报告。

(2)小组总结报告：课程设计小组报告，包括项目总结报告、软件需求规格说明书、系统设计说明书、测试分析报告。

(3)小组项目开发记录本(含小组进行课程设计的活动日志与会议记录)。注：组长把小组报告、开发记录本连同所有成员的个人报告交给课代表,再由课代表统一交给老师。

2. 软件

网站源代码以及编译后的可运行程序（以光盘的形式进行上交）。

五、成绩方式与考核标准

1、考核方式

本次实训采用综合评分的考核方式,按照考核标准对四部分内容进行综合测评，其中平时考勤（10%），网站开发（50%），软件开发文档（20%），课程设计总结报告（20%）。最后根据总评成绩按一定比例评出优、良、中、及格和不及格五档成绩。

2、考核标准

（1）平时考勤（10%）

能否按时到指定实训场所进行项目开发和文档编写，学习态度是否端正。对缺勤三分之一者考核成绩直接不及格，重修该课程设计内容。

（2）网站开发（40%）

需求分析是否明确，设计方案是否合理，编写思路是否清晰，网站功能是否完善、页面设计是否美观与有层次感，网站能否稳定运行。

（3）软件开发文档（20%）

软件开发文档是否规范正确，系统设计框图是否清晰详尽。

（4）课程设计总结报告（20%）

课程设计总结报告撰写是否规范、工作总结是否到位、报告上交是否及时。