时间:2022-02-05 21:34:21
序论:在您撰写商务网站设计时,参考他人的优秀作品可以开阔视野,小编为您整理的7篇范文,希望这些建议能够激发您的创作热情,引导您走向新的创作高度。
一、电子商务网站系统分析与设计
电子商务网站既要处理企业对企业之间、企业同消费者之间大量复杂而零散的数据和信息,又要保证数据和信息传输的安全性,因此与普通的网站相比在数据处理和传输方面要求更高,流程也更加复杂。因此,我们必须要使系统满足以下原则:
(1)系统的可靠性:系统的数据对企业是至关重要的,在任何情况下保证数据的完整性、正确性和可恢复性是网站设计的前提;
(2)系统的安全性:网络给我们带来便利的同时也带给我们更多的烦恼,黑客和病毒的侵袭随时会对系统产生致命的破坏,因此网站设计时必须采取足够的措施,保证系统的安全;
(3)系统的经济性与可扩展性:高性价比是一个网站的重要指标,设计网站时要处理好系统的整体优化与重复建设的矛盾,保证系统的可扩展性。随着信息量的增加和应用功能的扩充,系统的软硬件也必须逐步扩展,要确保系统对升级换代的适应能力;
(4)系统的开放性:电子商务网站只是企业整个商务体系中的一部分,它可能是企业的第一个系统,但决不应该是最后的一个。因此,它必须设计成支持开放性、符合相关技术标准的系统,使其能与原有系统协调工作,并与将来新建系统相互兼容;个性化是目前电子商务软件开发的焦点。雅虎让用户自己设定个人首页。亚马逊网站可以向购买同一本书的客户推荐别人同时还购买了其它什么样的书籍。戴尔网站使用成熟的分析软件,通过不同渠道收集的数据来预测客户行为和偏好。一家网上销售自行车的网站使用相应的软件给相似的用户来提供建议,推荐符合个人口味的自行车。研究表明,具有个性化服务的网站比没有此项功能的网站可以更有效地增加销售额。目前对商家来说最大的挑战是如何决定个性化的内容。满足了上面的这些原则,就要具体来设计它了,对于网页的设计我想大家应该是比较熟悉了,但是电子商务网站设计起来可不是那么的简单,我们现在来看看它的设计步骤和设计原则:
(1)确定网站的主题和风格:这个几乎是所有在制作网站前都必须要做的事情。网站主页的风格是浏览者对整个网站的普遍的感觉,是主页的版式、色调及图文组合的高度抽象。而网站的创意则是在设计之前对内容的选择和表现形式运用的思考,力求个性的发挥,可以反映出制作者的水平。
(2)网站功能模块的规划:一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
(3)制作软件的选取:现在用的比较多的就是网页三剑客了,这套软件用起来还是非常的方便的,分别是Dreamweaver、Flash和Fire-works,当然他们的版本都是8.0的,制作的过程可能还会用到其他的一些辅助软件,如Photoshop等。
二、电子商务网站设计中需要注意的问题
1、交易的信用问题。当前,从事电子商务的网站很多,淘宝、易趣等等。各个电子商务交易平台均有自己的信用体制,无非就是:中介模式、网站模式、担保模式和委托模式。以淘宝和易趣为例,如果使用现金通过邮局汇款或者使用银行转帐的方式进行交易,因为交易都是先款后货,所以极有可能商品到手后感觉与网站上描述的多少有区别,更多的时被骗的感觉。这也是电子商务步履蹒跚发展缓慢的主要原因之一。如何更好的确保交易双方满意交易逐渐成为人们关注的问题。以淘宝和易趣为例,淘宝网可以使用支付宝进行交易,易趣可以使用安付通交易。交易时,货款先支付在支付宝或安付通,收货满意后才从支付宝或安付通付钱给卖家,不必跑邮局、银行汇款以及网上在线支付,方便简单,极大程度上提高了交易双方的信用问题,应该可以保证双方的交易。但是,假如你买30元的物品,邮资15元,货到后发现破损或者其它问题不满意,以致退换,邮资又15,恐怕加起所有的钱可以在本地买到新的商品了,不是一手钱一手货就没有了交易的感觉。其实,除了使用类似支付宝、安付通等来提高交易双方的信用问题以外,仍然需要交易双方都能保持一个平和、宽容的心态来对待交易。
2、交易的安全问题。短信陷阱、短信诈骗、假银行、后门程序、黑客木马、注入漏洞等不良影响的出现,严重影响了交易的安全性。在淘宝、易趣网站上经过很简单的查询,你会发现有很多的商品(新)比现在的商场或网上报价低几成,其的网站也煞有其事,查询ip地址所在地:福建泉州居多。这不得不使人联想到短信诈骗和网上诈骗的案件。如果使用邮局汇款怕早晚石沉大海,而假银行的出现、黑客木马也使得银行转帐极有可能落得双手空空。而电子商务网站的目的只有一个,就是盈利、盈利还是盈利,只要完成交易就可从中“渔利”,往往忽视了对卖买双方信息真实性的核实。虽然,支付宝和安付通在极大程度上能够提高交易双方的信用,提高交易的安全性,但针对交易双方提供的信息的真实性以及交易的满意程度还缺乏一整套科学、规范、成熟的监管机制,因此而产生的经济纠纷可想而知会多么漫长。
三、网站风格和创意设计
网站的整体风格及其创意设计是人们最希望掌握,也是最难以掌握的。其难点在于没有一个固定的模式可以参照和模仿。如果要设计和普通网站有区别的站点,则必须要研究网站的整体风格及其创意设计。风格(Style)是抽象的,是指站点的整体形象给浏览者的综合感受;风格是独特的,是一个站点不同于其他网站的地方,或者色彩、或者技术、或者交互性;风格是有人性的,通过网站的外表、内容、文字和交流,可以概括一个网站的个性,情绪。设计网站的整体风格可以采用下列做法:将你的标志Logo尽可能出现在每个页面上;突出你的标准色彩;突出你的标准字体;使用明朗上口的宣传标语;创建一个站点的特有的符号或图标等。创意(Idea)是网站生存的关键,作为网站设计人员,一定要有好的创意来源。创意是传达信息的一种特别方式,它是思考的结果,也是现有要素的重新组合。比如,IP电话、在线书店、电子社区、在线拍卖等。
参考文献:
[1]陆永祯、孙云龙.用ASP和SQL Server 2000实现网站管理[J].鞍山钢铁学院学报,2002,25(3):197-199.
1.引言:目前动态网站设计技术主要有:利用Perl/C++/Delphi等开发的CGI,两种有名的API-ISAPI/NSAPI,还有ColdFusion,以及最近几年流行起来的3p技术-ASP,PHP,JSP(据Internet上有关网站统计约有近百种);ASP-AtiveServerPage,由微软公司开发,是一个WEB服务器端的开发环境,主要采用脚本语言VBScript(或javascript/perl等)作为自己的开发语言,可用ODBC或直接驱动法访问Window平台的数据库。PHP-PersonServerPage,是由Rasmus个人创立的一种跨平台的服务器端的嵌入式脚本语言.它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,.是一种很有个性的网站开发语言,它支持目前绝大多数数据库。JSP-JavaServerPage,是Sun公司推出的新一代站点开发语言,Sun公司除Java应用程序和JavaApplet之外,又创立了JSP,其可以在Serverlet和JavaBean的支持下,完成功能强大的站点程序开发,特别是有许多访问数据库的方法。在电子商务平台设计中,主要需要解决"网站结构的设计","注册界面","交易界面","后台数据库",以及"配套模块"诸如购物/用户/论坛/反馈/搜索/会话等设计;考虑篇幅,本文只给出统一的前台界面及后台数据库的3p设计方法;可以说ASP,PHP,JSP与网络数据库的操作是电子商务网站平台设计的坚强基石。
2.构建三种设计技术的运行环境
2.1构建ASP的运行环境:NT5.0Server,IIS5.0,ASP3.0。安装Windows2000Server(NT5.0Server)时选择IIS5.0有关选项。安装完后ASP3.0便内嵌于IIS5.0中。测试ASP:启动浏览器,在地址栏处输127.0.0.1:80/default.asp,若浏览到IIS服务器的ASP欢迎页面,说明安装成功
2.2构建PHP4的运行环境:NT5.0Server,Apache1.3.12php4.0安装支持PHP的web服务器Apache1.3.12,将Apache服务器压缩文件解压缩,根据提示进行整个安装过程,自己选择安装到目录d:\apache下。安装PHP4,将PHP4压缩文件解压缩到d:\php4即可,同时将其中的php.ini-dist文件拷贝到winnt目录中,将文件更名为php.ini,打开该文件将其中extension_dir设置为:d:/php4,并加载扩展模块:将文件中含有;extention=*.dll的各项前面的";"号去掉即可;修改设置Aphache服务器,用文本编辑器编辑目录d:\aphache目录下的子目录conf下名为httpd.conf的文本文件,首先将"#ServerName*"这一行下加入"ServerName127.0.0.1/";,其次将"Port80"改为"Port81(或其他与IIS5.0不冲突的端口)",再其次设置更改Apache虚拟目录,将"Documentroot"d:/Apache/htdocs""改为Documentroot"d:/trade"(该目录即是电子商务网站目录,可用任意方法建立目录trade),最后加入支持php4的如下语句:ScriptAlias/php4/"d:/php4/"AddTypeapplication/x-httpd-php.phpAddTypeapplication/x-httpd-php.phtmlActionapplication/x-httpd-php4"/php4/php.exe";测试php:完成上述步骤后,在d:\trade目录下,用如何文本编辑器,生成扩展名为.php(或phtml)的文件test.php,在文件中输入如下php代码,存盘后,启动Apache,接着你在浏览器中输入127.0.0.1:81/test.php,若看到php的版本和扩展模块等信息,说明环境安装设置成功。
2.3构建JSP的运行环境:NT5.0Server,Resin1.13,jdk1.3安装Java编译器jdk1.3:运行jdk1_3-win.exe,按照提示完成安装即可,将其安装在d:\java1.3目录,也可安装在其他目录。设置系统环境参数:控制面板/系统/环境页中选择path参数加入d:\jdk1.3\bin;增加新的环境参数classpath=d:\jdk1.3\lib\tools.jar;d:\jdk1.3\lib\dt.jar;,然后重新启动计算机即可安装支持JSP的web服务器Resin1.1.3,将RESIN-1.1.3.zip释放为d:\Resin1.1.3即可。配置服务器端口,打开d:/resin1.1.3/conf/目录下的resin.conf文件在
8080
标签处将端口设置为82(在我的NT5.0上装有三个服务器,这样三个服务器的端口分别为IIS:80;Apache:81;Resin:82其实也可设置为其他互不冲突的端口号).测试JSP:启动Resin服务器,启动浏览器,在地址栏处输127.0.0.1:82/,若浏览到Resin服务器的JSP欢迎页面,说明安装成功
3生成三种格式的动态表单页面为了通用,这里采用可能用到的表单对象为例,至于下面设计具体数据表用到的字段,只要转成给出的表单域相应对象即可.
3.1用ASP动态生成与数据库进行数据交流的操作表单:form.asp:生成表单域头:生成普通文本:生成密码文本:生成滚动文本:生成单选:生成复选:生成列表框:生成提交按钮生成重填按钮生成表单域尾
3.2用PHP动态生成与数据库进行数据交流的操作表单:form.php生成表单域头:"?>生成普通文本:"?>生成密码文本:"?>生成滚动文本:"?>生成单选:"?>生成复选:"?>生成列表框:网络数据库Asp技术Php技术Jsp技术网站设计"?>生成提交按钮"?>生成重填按钮"?>生成表单域尾"?>
3.3用JSP动态生成与数据库进行数据交流的操作表单form.jsp生成表单域头:生成普通文本:生成密码文本:生成滚动文本:生成单选:生成复选:生成列表框:生成提交按钮生成重填按钮生成表单域尾
4设计用于存储商务网站交互数据的MySql数据库
4.1启动MySql数据库服务器(MySql的安装及ODBC驱动程序的安装与设置请参阅相关书籍)可在NT5.0下用启动服务法/NET命令法/命令窗口键入MySqld-shareware法,启动MySql数据库服务器,启动数据库服务器后,在d:\mysql\bin>提示符下键入mysql-h127.0.0.1-uroot即可出现mysql>提示符,从这开始即可进行对MySql数据库的各种操作。若要退出可键入quit/exit,若要关闭数据库服务器,可在d:\mysql\bin>提示符下键mysqladmin-urootshutdown4.2建立MySql数据库在MySql数据库的提示符mysql>键入Createdatabasetradedb;(或go)
4.2.建立MySql数据库表这里以商务网站中常用的几种数据表为例,主要用到的数据表和生成数据表的SQL代码如下:(这里的数据表字段只要分别对应上述表单域对象即可实际操作,数据表统一用tablename表示)客户登录管理数据表CREATETABLEusers(IDintnotnullauto_increment,UserNamevarchar(30)notnull,Passwordvarchar(20)notnull)客户信息数据表CREATETABLEusermessage(UserNamevarchar(30)notnull,Emailvarchar(80)notnull,Addressvarchar(120)notnull,Faxvarchar(40)null,Phonevarchar(40)notnull,Cerreycardvarchar(50)notnull)客户定购商品数据表CREATETABLEcatalog(ProductIdintnotnull,Namevarchar(64)notnull,Pricefloat(6,2)notnull,Description;textnull)
5设计处理表单数据的3p程序
5.1设计处理表单数据的ASP程序form_cl.asp建立与数据库的连接:这里采用直接驱动法Setconn=Server.CreateObject("ADODB.Connection");conn.open"driver={MySQL};server=localhost;uid=user;pwd=xxxxxx;database=tradedb"获取表单提交的数据:data1=request("ptwbk");data2=request("mmwbk");data3=request("gdwbk")data4=request("dxk");data5=request("fxk");data6=request("lbk")用SQL语句对数据库进行操作查询数据记录:sql="select*fromtablename";setrs=conn.execute(sql)"增加数据记录:sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''data1'''',''''data2'''',''''data3'''',''''data4'''',''''data5'''',''''data5'''')";setrs=conn.execute(sql)更改某条数据记录:sql="updatetablenamesetdata1="request(ptwbk)",whereID="num";setrs=conn.execute(sql)删除某条数据记录:sql="deletefromtablenamewhereID="num";setrs=conn.execute(sql)将SQL语句处理的数据结果输出Response.Write"
"Response.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Name&""NextResponse.Write"
"WhileNotrs.EOFResponse.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Value&""NextResponse.Write"
"rs.MoveNextWendResponse.Write"
"关闭数据库:rs.close;conn.Close
5.2设计处理表单数据的PHP程序form_cl.php建立与数据库的连接:这里采用PHP的MySql函数法(也可用ODBC函数法)$conn=odbc_connect("localhost","user","xxxxxx");选择数据库:mysql_select_db("tradedb","$conn");获去表单提交的数据:$data1=$ptwbk;$data2=$mmwbk;$data3=$gdwbk;$data4=$dxk;$data5=$fxk;$data6=$lbk;用SQL语句对数据库进行操作查询数据记录:$sql="select*fromtablename";$result=odbc_do($conn,$sql);增加数据记录:$sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''$data1'''',''''$data2'''',''''$data3'''',''''$data4'''',''''$data5'''',''''$data6'''')";$result=odbc_do($conn,$sql);更改某条数据记录:$sql="updatetablenameset$data1=ptwbkwhereID=num"$result=odbc_do($conn,$sql);删除某条数据记录:$sql="deletefromtablenamewhereID=num";$result=odbc_do($conn,$sql);将SQL语句处理的数据结果输出odbc_result_all($result,"border=1");关闭数据库:odbc_close($conn);
5.3设计处理表单数据的JSP程序form_cl.jsp建立与数据库的连接:这里采用JDBC-ODBC桥生成JavaBean法创建一个JavaBean命名为conndb.java,并保存在d:/resin1.1.3/doc/web-inf/classes/trade目录下,代码如下:(限于篇幅这里没按标准书写,而采用不换行写法,其他类同)packagetrade;importjava.sql.*;publicclassconndb{Stringurl="jdbc:inetdae:localhost";Stringlogin="user";Stringpassword="xxxxxx";StringsDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";StringsConnStr="jdbc:odbc:Dsnmysql";Connectionconn=null;ResultSetrs=null;publicconndb(){try{Class.forName(sDBDriver);Connectionconn=DriverManager.getConnection(url,login,password);}catch(java.lang.ClassNotFoundExceptione){System.err.println("conndb():"+e.getMessage());}}Public/ResultSet/executeQuery(String/sql)/{rs=null;try{conn=DriverManager.getConnection(sConnStr);Statementstmt=conn.createStatement();rs=stmt.executeQuery(sql);}catch(SQLExceptionex){System.err.println("aq.executeQuery:"+ex.getMessage());}returnrs;}}然后用javac编译conndb.java生成与其同目录的conndb.class文件,在form_cl.jsp文件中加入如下标签即可建立与数据库的连接获去表单提交的数据:Stringdata1=request.getParameter("ptwbk");Stringdata2=request.getParameter("mmwbk")Stringdata3=request.getParameter("gdwbk")Stringdata4=request.getParameter("dxk")Stringdata5=request.getParameter("fxk")Stringdata5=request.getParameter("lbk")语句对数据库进行操作查询数据记录:Stringsql="select*fromtablename";connbean.executeQuery(sql);增加数据记录:Stringsql="insertintotablenamevalues(''''"+data1+"'''',''''"+data2+"'''',''''"+data3+"'''',''''"+data4+"''''+"'''',''''"+data5+"'''',''''"+data6+''''")";connbean.executeQuery(sql);更改某条数据记录:Stringsql="updatetablenamesetdata1=''''"+ptwbk+"'''',data2=''''"+mmvbk+"'''',data3=''''"+gdwbk+"''''whereID=''''"+num+"''''";connbean.executeQuery(sql)删除某条数据记录:Stringsql="deletefromtablenamewhereID=''''"+num+"''''";connbean.executeQuery(sql);;将SQL语句处理的数据结果输出ResultSetrs=connbean.executeQuery(sql);While(rs.next()){out.print("
"+rs.getString("ptwbk")+"
");out.print("
"+rs.getString("mmvbk")+"
");out.print("
"+rs.getString("gdwbk")+"
");out.print("
"+rs.getString("dxk")+"
");out.print("
"+rs.getString("fxk")+"
");out.print("
"+rs.getString("lbk")+"
");}关闭数据库:rs.close();
6三种电子商务网站设计技术综述
6.1主要特性:可见下表设计技术运行平台服务器开发程序扩展组件ASPWindows系列IISVbscript/Jscript/PerlActiveXPHPUnix系列,Novell,WindowsApache等许多服务器phpFunctionJSPUnix系列,Novell,WindowsResin等许多服务器JavaJavaBean
6.2连接数据库的方法:通过上述操作可看出,本文采用了三种操作MySql数据库的方法,Asp采用直接驱动法,Php采用MySql函数法,Jsp采用JDBC-ODBC/JavaBean法
6.3网站结构设计考虑篇幅,本文只给出了Widows平台上,电子商务网站设计中的主要环节的代码设计,对于Linux平台、网站结构、各个功能模块设计等论题,作者已经有两篇这方面的论文在核心刊物上待发表,这里不便公开.
关键词:电子商务多媒体技术艺术设计
计算机多媒体技术指计算机交互综合处理文本、图形、图像、声音、视频等多种媒体信息,使多种信息建立逻辑联系,集成为一个具体有交互性的系统。企业通过建立电子商务网站,实现“企业——个人”、“企业——企业”、“企业——政府”的快速信息交流,达到宣传企业、树立企业良好形象的目的。中国网民人数量近亿,企业为了争夺这个潜力巨大的市场,为了吸引网民的眼球,在商务网站中运用了大量多媒体技术。利用多媒体技术可以制作生动、有趣的网页,使得Internet上的浏览者会一再光临您的网站而留连忘返。到目前为止,在Internet上所能使用的多媒体可以说越来越广泛,从简单的GIF动画,3DVRML动画,广播站到电影文件几乎都可搬上Internet。网页设计的趋势越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计是艺术与技术的高度统一,正日益被网站建设者所注重。
1.视觉媒体。视觉媒体包括文字、图形、图片等,它是构成网页的基本元素。由于受到计算机屏幕尺寸的限制,文字与图片的布局要做到清晰明确、有主次。通过相应的编辑与制作软件可以使这些元素有机的结合,在多媒体中使用文本信息,其表述要精确、简洁、有力,过长的文字会使人失去阅读兴趣;对于简单图像,尽可能用矢量图形,其占用空间小。主要用于线型的图画、美术字、统计表的制作。对于色彩丰富包含复杂细节的绘画则使用位图文件。
2.听觉媒体。与网站主题相呼应的清新、悦耳的音乐,可心提高浏览者的观看兴趣,延长其在网站的停留时间,从而使更多的网站信息输送给网民。目前网上流行的音频文件主有MID、WAV、RM、MP3等格式。以前必须先将这段音乐或电影下载回本地机器,然后使用相应的程序来播放,由于音频或视频文件都比较大,需要较长的下载时间。流(stream)技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在下载过程中就可以欣赏这段音乐增强了页面传播信息的表现力和感染力。
3.视听媒体。数字化的视频信息有利于存储、重放、特殊处理及高速传输,在多媒体信息中,它是最新和最有魅力的一种。网上流行的视频文件主有FLASH、VMW、ASF、RM、AVI、MPG等格式。
4.交互媒体。在Web环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和之中。利用ActiveXControl、VBScript、JAVA、FLSH等技术,网页设计人员根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页进行调整和修改。
二、运用多媒体技术提高网页艺术性
网页艺术设计包含视听元素与版式设计两项内容;以主题鲜明、形式与内容相统
一、强调整体为设计原则;多媒体具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性五个特点。由于多媒体自身的互动性、娱乐性,有创意的设计,自然会吸引浏览者的眼球。1.网页艺术设计与网站主题的关系。视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的,是使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。设计是为主题服务的,设计是艺术和技术结合的产物,就是说,即要“美”,又要实现“功能”。在商务网站设计中,完成“功能”是艺术设计的最终目的,“美”是为“功能”服务的。如果在设计时只有“美”而没有“功能”,则失去了商务网站存在的意义。
2.多媒体技术与艺术设计的结合。任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。商务网站在建设时,要明确企业网站的内容,确定采用什么样的形式,从而明确主题,利用多媒体技术围绕它们展开设计。例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同。它的主题只有一个,就是美。而将音频、视觉完美融合的多媒体动画和影片能体现主题,清晰地传达出来这个站点的信息,表现了网站的艺术风格和别出心裁。一个好的多媒体网站设计不仅能吸引顾客的注意,而且能表达出这个产品或者服务的实质。为了能留住顾客,应该确定要有“跳跃信息”的连接。可以这样说,融合多媒体的网站设计就是网站信息加上图形、动画和声音等的一个集合。对于商务网站,要利用多媒体技术的优势,形象、具体、全方位地展现自己的商品与服务,这是传统、单一媒体无法实现的。
网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正的虚拟世界。
随着多媒体技术的不断发展,网络传输速度的不断提高,艺术性受技术的限制不断减低。艺术与技术会更好的结合,商务网站因多媒体技术的大量应用而独具魅力和眩目,但它的首要功能是作为交流的一个工具,一个平台;更确切地说它是一个用户与网站一个交互的界面。多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显,而它们的发展将推动网站提升到更高的层次和高度,会给公司企业的文化宣传、产品介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未来的发展方向,有着很广阔的前景。
参考文献:
[1]刘光然:多媒体技术与应用.人民邮电出版社,2005.09
【关键词】MVC模式;多层架构;电子商务网站设计
在设计电子商务网站的过程中需要加强网站的安全管理,提高网站的信息安全性和完整性。将电子商务中常见的弊端摘除,电子商务网站的运行离不开网络。使用ASP.NEF平台进行网站构建,相对于传统WF模式,MVC模式更适用于各种网站系统。运用了多层架构的电子商务网络具有很好的稳定性和扩展性,而且更便于维修。
1MVC模式与多层架构对电子商务系统的设计
1.1MVC模式的概括。MVC模式是一种Web应用程序的开发模式,在MVC模式下Web应用程序可以分为视图、模型、控制器等三大部分,MVC模式可以对Web应用程序进行职能分工。一个模型可以对应一个或者多个视图。视图可以负责对界面数据进行采集,显示用户的请求,将程序中完成的模型处理结果显示给用户。控制器是将模型与视图进行连接的纽带,控制器可以完成用户请求的接收和转发动作。模型是MVC设计模式的核心,封装了系统的业务规则和核心流程,能够接收到来自视图的用户请求和数据信息,将其处理完成之后返回交给视图。基于ASP.NEF平台的MVC框架可以帮助网站开发人员快速、准确、合理的构建Web应用系统,保证电子商务网站的安全稳定性。1.2多层架构的概括。在B/S模式下的电子商务网站,使用的是三层架构的方法,三层架构分为:表现层、业务逻辑层和数据访问层。将三层架构运用到网站设计中可以实现系统的高内聚,低耦合,对网站设计进行明确分工,表现层用来完成数据与系统的交互,业务逻辑层负责处理数据业务逻辑,数据访问层是对网站中的数据库进行操作与维护,完成数据的删减和修改、更新工作。在电子商务网络的设计中使用多层架构是在三层架构的基础上再增添一个实体层,存放网站系统中产生的信息数据。对网站进行分层管理,保证系统结构更加清晰,有利于后期的维护和升级。结合MVC模式发挥多层架构的优势,完成对Web应用系统的开发。1.3系统框架结构的设计。使用MVC模式和多层架构对购物网站进行设计,在网站中设置表现层、数据访问层、业务逻辑层和实体层,其中表现层用MVC模式设计,在MVC模块下存放简单的数据和属性,在View模块中存在网站的所有页面,各个模块各司其职,明确分工;在数据访问层中存放对数据库的维护与操作;业务逻辑层存放对数据层的逻辑操作,实体层放置各个实体属性的定义。1.4设计系统模块。电子商务网站主要分为前台和后台两大模块,前台主要与客户进行交互,后台是对产品信息与用户进行管理。系统中有两种用户角色,分别是用户和系统管理员。系统管理员是对登录电子商务网站的后台管理页面后,对用户、商品和订单进行管理;用户则是通过网站出来的信息进行查询和浏览,在注册还曾为会员之后将商品添加到购物车中,完成订购或者查询等操作。1.5设计数据库。电子商务网站的数据库关系着整个网站的运行和信息资源完整等,数据库中的内容主要是用户、商品、购物车、订单、管理员等实体的。用户实体中有:用户编码、用户密码、用户名、用户地址、邮编、电话等;商品信息则是商品编码、商品名称、图片和价格等;购物车则是购物车编号、商品编号和数量,订单包括订单号、订单总价和日期;管理员是管理员编号、姓名以及密码[1]。
2MVC模式与多层架构对电子商务系统的实现
2.1搭建多层架构网站。在搭建多层架构电子商务网站时需要有表现层、业务逻辑层、实体层和数据访问层等四层。首先构建一个基于MVC模版的web应用程序,然后往视图、模式和控制器中添加系统需要文化和代码,实现表现层的创建。在铜火锅一个解决方案中添加“类库”,重命名为DLL,实现业务逻辑层的设计,用同样的方法完成数据访问层和实体层的创建。通过设置各层之间的关系建立各层之间的联系,表现层引用业务逻辑层和实体层,业务逻辑层引用数据访问层和实体层,数据访问层引用实体层,实体层为最底层,不引用其他层。2.2数据库链接。数据库连接是电子商务网站实现过程中的关键内容,基于MVC模式的Web应用程序采用了NET技术实现与SQLServer数据库的连接。在表现层的Web文件中添加数据库连接配置语句,实现与数据库的连接。在DAL层添加数据操作公共类SQLHelpercs,完成数据库的增、减、查、改操作,调用配置问价中的数据库字符串,实现与数据库的连接[2]。2.3系统测试。软件测试是电子商务网站设计开发中的重要内容,在设计完网站之后,使用前台测试、后台测试和组合测试等方法对电子商务网站进行测试,查看网站数据库和后台各功能模块的运行,在测试中出现的问题要进行记录和解决,保电子商务网站的各项性能达到要求。
3结语
使用多层架构和MVC模式对电子商务网站进行分层开发,有利于后期维护与升级管理,基于MVC模式和多层架构的电子商务网站运用于多种电子商务场合。
作者:郑润来 单位:邵阳学院
参考文献
CDIO将产品生命周期分为四个环节,构思、设计、实施和运行,分别对应四个教育和实践训练环节。CDIO工程教育模式的目标在于培养学生掌握工程技术的应用知识,引导新系统、新产品和新生产流程的创建、运行,明确科学研究和工程技术的发展对社会的重要性。CDIO的主体内容包括CDIO大纲和CDIO标准。其中,CDIO大纲覆盖了现代工程师应所应具有的科学知识和技术能力,包括四个方面:技术知识以及推理能力;个人能力、职业能力和态度;人际交往与团队合作能力;在企业和社会环境下对系统进行构思———设计———实现———运行的能力。
二.JSP商务网站设计课程的特点
JSP商务网站设计是一门WEB应用开发类课程,一般开设在专科二年级,学习课程前学习前需学习前序语言基础课程《计算机语言JAVA》,同时为后续的J2EE等相关课程打下基础。JSP商务网站设计课程以职业技术能力培养为主线,要求学生掌握JSP基础、HTML及页面布局、JavaScript与正则表达式、JavaBean、Servlet技术、MVC模式以及基于MVC模式的WEB应用开发等内容。课程完成后要求学生具备掌握开发基本JSP网页和JSP访问数据库技术以及使用MVC框架进行动态网站开发的能力。
三.基于CDIO的课程改革
针对JSP商务网站设计课程教学中所存在上述不足,我们将CDIO工程教育模式引入课程教学,根据CDIO的大纲和标准对课程进行了重新规划,使之更符合工科实践类课程的特点,增强学生的实际开发能力。在教材选择上,针对工科实践类课程这一定位,选取清华大学出版的《JSP编程技术》作为课程教材,该书实践性较强且具有项目背景的教材,教材对知识点的覆盖全面,每章都配有大量案例,全书贯穿一个完整的JSP开发项目。同时,对JSP技术所需一些相关技术也有一定的涉及,做到了知识全面、讲述精准、代码详尽、案例丰富,非常适合作为高职高专计JSP商务网站设计课程的教学用书。在教学内容和方法上,采取任务驱动,案例与项目相结合的教学模式,并将分组教学与角色体验融入课程教学之中,具体如下:
1)任务驱动与案例教学
将JSP商务网站设计课程的所有知识点划分为10个任务模块,以任务为主线引导学生进行相关知识的学习。每个任务模块都设置了具有代表性的例题、习题和案例,通过案例来巩固理论知识点。学生在案例设置的工作情境中通过学习相关知识完成任务模块,培养学科性知识与工作过程性知识的有机整合、理论与实践的结合,养成良好的JSP编程能力。
2)项目教学
课程从始至终贯穿网上报名系统这样一个实际开发项目,将项目分解为各个任务模块所对应的知识点,融入到每个任务模块知识的学习中,将JSP技术知识与网上报名系统的各个模块相对应,学生讲所有任务模块学习完成之后,也就完成了网上报名系统的整个项目开发。
3)分组教学与角色体验。
传动教学中,学生往往只与老师进行互动和交流,学生个人独立完成课程的学习,缺少与其他同学的合作与交流,因而无法体验实际的项目开发角色,也很难养成良好的团队合作精神。在CDIO工程教育模式中,职业能力和态度以及团队工作和交流都是CDIO大纲中所提出的重要内容,也是工程教育与传统课堂教学的一个重要区别。针对这个问题,我们在实际教学中,采取分组教学与角色体验相结合的做法,模拟实际的项目开发环境,将学生分成若干个项目小组,学生在项目组中分别扮演程序开发人员、数据库开发人员、项目经理、测试人员等不同角色,一个小组构成一个项目开发团队,组员之间围绕项目进行交流沟通,培养团队合作精神,树立良好的职业态度。
四.总结
(一)教学内容知识点分散,应用性目标不强
课程教学没有明确的主线,缺乏对课程知识体系的整体设计,学生完成课程的学习后,感觉学到了许多知识,但实际应用起来却又不知道该如何入手。
(二)教学方法和手段落后,忽视了学生的教学主体地位
长期以来,以教师、教学内容为中心的教学方式占据了主导地位,教师教学方式大多以课堂讲授为主,多媒体教学和案例教学为辅,课后通过布置习题作业来加强学生对所学知识的巩固。教学手段单一,教学方式、方法较为传统,影响了学生学习的兴趣和主动性,也不利于其学习能力与创新能力的培养。
(三)实践教学模式传统,无法体现工学结合
实践方式主要通过布置课后习题、作业或开发虚拟的网站实现,而开发的网站没有明确的目的性,缺乏企业真实性,学生感受不到企业的氛围。学生接受项目和团队工作的实际训练较少,学习内容与工程实践出现脱节现象,导致毕业后无法满足市场的需求。基于以上问题,设计和开发基于工作过程的“商务网站设计与维护”课程,根据课程的教学任务及专业岗位能力要求,确立基于工作过程的课程教学体系,以项目为导向,研发基本工作过程的教学内容和教学方法,强化学生职业技能训练,对学生就业能力的提高具有积极作用。
二、基于工作过程的课程改革
(一)课程定位及职业能力分析
“商务网站设计与维护”课程在第4学期开设,参照商务网站管理员岗位能力要求,学生通过课程学习,应掌握商务网站规划、设计和开发与维护管理等技能,能实际动手设计、开发商务网站。根据市场调研,商务网站管理人员应具备的职业能力(专业技能和职业素养)。
(二)课程设计理念
本课程设计的指导思想是“以能力为本”、“以学生为中心”、“以岗位职业能力为导向”,课程的设计理念是着重培养学生商务网站设计与开发的职业能力,开展基于工作过程的课程设计与开发,将“职业的任务”以“教学的形式”来完成,实现“人才的培养”,极力为学生营造一个虚实结合、互动参与、合作竞争的实践氛围。以学生为中心,采用任务驱动的形式开展教学,以完成工作任务为目标,在完成工作任务的过程中培养学生分析问题和解决问题的能力。以工作过程为主线组织教学,通过真实的项目实践,按照典型工作任务为载体设计教学活动,强化学生的职业技能训练。
(三)基于工作过程的课程内容设计
以工作过程为导向的职业教育的目的是向学生传授工作过程知识和操作技能,并在完成工作任务的过程中促进学生职业能力的形成。在工作任务的实施过程,专业劳动处于中心地位,教学内容指向于职业的工作任务、工作的内在联系和工作过程知识。为此,课程根据教学任务及职业岗位能力要求,设计企业工作任务为B2C网上书店,以完成B2C网上书店过程为主线,确立基于工作过程系统化、一体化的课程体系;以B2C网上书店建设过程为主线重新修订课程教学内容,将项目分成六个子项目,再把每个小项目分成若干任务,内容包括了商务网站规则与设计、网站运行环境配置、网站静态网页设计与制作、网站数据库设计、动态网页设计与制作、网站管理与维护等,如表2所示;将课程的知识点融入每个小任务,让学生在完成工作任务的过程中获取相关的理论知识。另外,在每个子项目完成的基础上,设置了相似的拓展项目,拓展项目以团队的形式完成,以此达到巩固知识和灵活应用的目的。
三、教学改革的实施
根据课程定位及设计进行教学实施,在教学实践的过程中,遵循以学生为主体、教师为主导的教学思想,以课程网站平台为依托,以任务为驱动,在机房采用“教、学、做”一体化的项目式教学。在教学的过程中,侧重于学生职业能力的培养,把课程学习内容与网上书店项目联系起来,将教学活动模拟成职业活动的工作过程,教师只是进行有针对性的讲授及引导,学生采用2人一组的团队协作方式,以完成B2C网上书店工作任务为导向,以主动的、实践的方式学习,获取形成职业能力所需的专业技能、创新能力及沟通表达与团队协作等能力。课程考核以学生能否完成B2C网上书店及课后拓展项目为评价标准,考核成绩为平时成绩(40%)+期未成绩(60%)。其中,平时考核以B2C网上书店完成情况为主,成绩由教师评定。期末考核采用教师评价与小组评价相结合方式,根据各小组拓展项目完成情况,以是否达到从事商务网站设计与管理所应具备的职业技能与职业素质为标准进行打分,教师评定分数与各小组互评平均分数各占期末成绩的50%。
四、教学效果及评价
1.观察比较阶段:在此阶段,客户搜寻和分析处理与所要选购的商品有关的各种信息,具有很强的客户驱动性。这和在商场购物不同。商场有服务员,商品实物,可以促成交易,而网上虚拟商店不具备这样的特点。只能以精心制作的、可用性强的网页来吸引客户、使客户能方便地找到和了解他们想要的商品,从而增加成交机率。
2.付款结账阶段:此阶段是电子商务行为的最重要环节,此时消费者由客户驱动转变为系统驱动,网站系统会引导客户输人一定的个人信息,如家庭住址、信用卡号码等,同时提供付款方式和送货方式。在这一阶段应着重消除客户对自己进行的各种操作所产生的结果的不安感。
因此,只有在电子商务网页设计中充分考虑了人们的使用要求。才能促成一次成功的交易。网站设计的实用性对电子商务网站的正常经营和发展是至关重要的。
电子商务网站设计中的实用原则:
实现网站商务功能最大化的目标,给目标客户提供方便、实用的信息服务,是电子商务网站设计的基本实用原则,包含以下几个方面:
1.人性化的交互界面。客户访问电子商务站点是为了获取需要的商品或服务,所以网页的内容必须突出重点,避免夸张,装饰部分不宜太多,以免喧宾夺主。在内容编排上必须简洁明了,便于浏览;信息数量比较大时应将其拆分成多个网页。在电子商务网页设计中还应当考虑残疾人、病人等特殊人群的需要。
2.方便快捷的更新维护。电子商务网站要根据市场行情的波动随时更新网页上的价格信息,经常要提供新的商品或服务,并搞些促销活动以刺激客户的购买欲。设计时要考虑到内容更新的快捷简便,在内容更新的同时,还要注意保持网页在结构上的相对一致性,以使老客户能方便快速地找到所需要的各种信息。
3.最佳优化的网页内容。一般情况下,客户对当前网页上的内容能持续保持注意的时间长度约为10秒钟;若系统响应时间超过10秒,客户会在等待计算机完成当前操作时转向其他的任务。因此,为缩短系统响应时间,比较简单的一种解决办法是尽量减少网页上的图片与多媒体(如动画、录像、闪烁等)的使用。但是作为电子商务站点,很多场合需要采用图示或多媒体演示,以至不得不适当降低系统响应速度。
4.准确无误的链接。整个Web实际上就是一个的巨大的信息空间。由于空间过大,并且各节点之间的链接关系错综复杂,用户上网浏览时有可能发生“迷路”现象。Elm和Woods(1985)研究发现,用户在网上“迷路”的程度与不熟悉文档结构有直接关系。他们总结出有三种不同形式的“迷路”:①不知道下一步该去哪里;②知道该去哪里,但不知道该如何去;③不知道当前处于整个文档结构中的哪一个位置。为减少和避免出现“迷路”现象,通常可采用两种策略:第一是改变用户界面,如采用导航地图、多窗口显示等技术;第二是对文本进行分析,改换超文本的结构及链接设计。提高超文本设计质量能更有效地减少用户“迷路”现象。
5.界面的统一和差异。在电子商务网页设计中,界面一致性也是必须加以仔细考虑的一个重要因素。一般认为,界面一致性主要体现在三个方面:指向性效果、系统的输入与输出之间的关系、界面的外观或视觉效果。一些研究表明,增强界面一致性有利于提高用户的操作绩效和满意度,同时还可减少操作错误。
6.美观、比例、结构、布局。良好的视觉效果与强大的使用功能同等重要。界面美观水平与使用者对界面可用性的主观评价呈正相关,与操作绩效也呈正相关。Schenkman(2000)总结出衡量网页外观设计质量的四个主要指标,即美观、图文比例、结构和总体布局。其中,美观这一指标最为重要。
7.终端与载体的协调统一。电子商务网页设计应适应客户使用的各种类型的显示器。应使用可用空间的百分比来规定布局。现在常用的网页浏览器一般为Netscape和InternetExplorer,这些浏览器都有新旧版本。有时同一个网页在不同浏览器或同一浏览器的不同版本上会产生很不相同的显示效果,甚至有些网页功能无法正常实现。作为电子商务网站,应注意网页在这方面的兼容性。
8.信息安全保障。互联网是一个标准开放的网络,在网上进行各种商务活动,随时可能将面对黑客的攻击,病毒的侵袭等。因此,确保网上信息流通的系统安全十分重要。安全不仅仅是一个技术的问题,还涉及到系统的管理、法律法规的保障等。