学位论文-美景票务设计报告.doc

宁波大红鹰学院信息工程学院 课 程 设 计 报 告 课程名称： 《WEB编程基础综合实践》 项目名称： 北京美景联动科技有限公司 班级名称： 13信管4班 项目成员： 翁晓珍 章素珍 专业名称： 信息管理与信息系统 完成时间: 2015年6月 信息工程学院制一、项目需求和背景 北京美景联动科技有限公司是一家立足于旅游行业极具核心竞争力的新型公司，是一家基于移动互联网的电子门票营销企业。美景票务分销系统不仅仅是一个平台，更是一个高度有效的管理工具。通过集采的方式从资源方获得产品，渠道商通过美景票务分销平台，把电子票下发到客人手机上，客人凭借验证码去资源方消费。在验证的同时，平台会与资源方实时验证结算，渠道方也能看到清晰的数据和准确的账单。充分利用现有的B2B平台，不断增加的产品数量和渠道商数量，快速的实现交易额的增长，来扩大基础业务。 二、网站规划设计说明 1、网站规划 网站名称：北京美景联动科技有限公司 网站主题：美景票务把从资源方获得的产品，通过电子票下发到客人手机上，让顾客实现网上购买景区电子门票让资源方多一个销售的平台。 网站语言：简体中文 网站风格：以蓝白为主，给人以简洁轻松的加以景区风景图， 美景票务强大的核心技术团队，在票务产品电子化、资金实时清算、代理商渠道管理、电子订单处理、网络促销和数据分析等方面为旅游休闲娱乐领域的各类商家提供及时、准确的电子商务整体解决方案，引领景点电子票务潮流，一站式管理，全程营销。 喜欢旅游人群， 页头：简洁鲜明的公司，突出公司表示给人加深印象，彰显企业文化 导航系统是有效连接网站各处的工具，它有效的分类网站内容并指向它所代表的内容。包括了首页，公司简介，合作伙伴，产品与服务，新闻中心，联系我们，是通过超文本链接或图片链接，使浏览者能够在网站上自由前进或后退，而不会让浏览者使用浏览器上的前进或后退。 美景联动票务首页导航栏：导航栏采用鼠标滑过自动下拉二级菜单的模式，一级菜单鼠标未经过前字体为蓝色，经过时为蓝色背景，白色字体。二级菜单未经过前是蓝色背景，灰色字体，鼠标经过时为杏色背景，蓝色字体。 ☉首页 1、公司简介 公司简介从内部结构、核心团队、美景的四个方面具体地介绍公司，购买我们票务的消费者了解我们让有意愿我们的商家加熟悉我们。4、新闻中心 主要公布最新票务和门票活动。 5、联系我们 我们可以给我们意见和建议，或者有意愿加入我们，都非常欢迎。 中文版网页布局图 （1）首页 首页采用宽屏，为上中下三部分，头部放置logo和导航栏，让人一进入网站就知道我们的服务；中间大图一张张滚动，清楚明了；页尾放4个小块进行对公司的简单介绍。符合商务简洁的设计风格。 （2）登陆页 登陆页分为资源方和代理商，在同一个页面跳转。 (2)内容页 （3） 内容页滚动式，分为上下两部分，下部分分为左右两部分。上放导航栏、logo和图片企业文化，下部分放主要内容。  3、CI形象设计 Logo公司提供蓝绿2颜色，一座青山被蓝蓝的水围绕，，正凸显的我们的服务，美景票务，销售景区的门票。L下加以的美景票务字体，更加简洁明了。使人舒爽，像天空一般，灰度的字体适合人，整体配色风格商务简洁，而过的链接）过的链（）悬停（）color:#0000FF; text-decoration:none; color:#0000FF; text-decoration:none; color:#FFFFFF;text-decoration:none; font-weight:bold; 表 1 导航链接色序号 网站组成 使用技术名称 效果说明 1 12、静态图片 3、表格 HTML 出版在线的文档，其中包含了标题、文本、表格、等内容。 通过超链接检索在线的信息。为同一页面浏览更多信息而设计表单，用于检索信息、定购等。 2 网站动态菜单 动态图标 JAVASCRIPT 实现在一个Web页面中链接多个对象与Web客户交互作用。从而可以开发客户端的应用程序等。 3 网站内的动态按钮CSS 1、使用CSS的，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。  图2 内容页1HTML页面结构图  图3 登陆页2HTML页面结构图