心智图教育网站设计.doc

《心智图教育网站设计.doc》由会员分享，可在线阅读，更多相关《心智图教育网站设计.doc（25页珍藏版）》请在三一办公上搜索。

1、心智图教育网站设计结构图心智图教育网站设计要求一、总要求：1、目标：网站界面新颖、活泼、有特色，打造中国“心智图教育、开发和应用”的第一网站。2、网站使用的色彩、背景图片符合清新、轻松、愉快、有空间感和中小学生喜爱等特点。3、能更换皮肤，提供10种以上的皮肤。4、知识产权属甲方所有。 二、网站名称：心智图教育网。介绍词：中国唯一的免费心智图教育和心智图学习法公益推广者，以实现“快乐教育、快乐学习、快乐工作”为己任，免费推广心智图的画法、心智图课堂笔记及整理、心智图各科学习的应用、心智图有机学习技巧、心智图解题法、心智图考试法、心智图在工作中的应用三、网站首页设计要求：见示意图1“首页分区示意”

2、。1、第一行：心智图教育网欢迎您！今天是2012年月日 星期；用户注册、收藏本站、繁體中文。2、标题区（背景图片、前景滚动）：选择一幅活泼、富有生机的图片（如山水图片、风景图片）为背景。前景滚动：“中国唯一的免费心智图教育和学习法公益推广网站！”（不滚动），循环滚动“传承老子、孔子的教育、学习理念！”、“為學日益，為道日損！”、“學而時習之，不亦悅乎？”、“快乐教育、快乐学习、快乐工作！”。使用艺术、活泼的字体。3、课程产品区：参见网站 （人众人教育）中部之左侧框“领导类、管理类、”。4、网站内容综合介绍区：参见网站http:/www.1mind.me/ 之“五星思维导图”。5、图片滚动区：分

3、为“心智图教育图片”和“公司动态”两个图片文件夹。用户可以点击文件夹切换，默认打开“心智图教育图片”文件夹。6、友情链接区：友情网站链接等等。7、网站登记信息区：示意图1：首页分区示意心智图教育网欢迎您！今天是 用户注册 收藏本站 繁體中文心智图LOGO（标题区：图片背景，字幕滚动）中国唯一的免费心智图教育和学习法公益推广网站！（不滚动）传承老子、孔子的教育、学习理念！為學日益，為道日損！學而時習之，不亦悅乎？快乐教育、快乐学习、快乐工作！”（课程产品区） 网站内容综合介绍区图片滚动区公司动态（文件夹）心智图教育图片（文件夹）课本心智图系列小学课程初中课程高中课程（友情链接区）（网站登记信息区

4、）四、课程产品区设计要求1、点击“小学课程”进入示意图2页面。示意图2：小学课程页面标题区小学课程同步心智图（年级分区）（介绍说明区）小学课程心智图制作介绍使用方法下载说明（图片滚动区）“总纲心智图”“第一章心智图” 一年级二年级三年级四年级五年级六年级下载中心说明：（1）、标题区：有背景（2）、年级分区：当点击“一年级”，在图片滚动区出现免费的“语文”、“数学”等一年级学科的“总纲心智图”和“第一章心智图”图片（图片由我方提供）。当鼠标置于某一图片时，图片停止滚动，自动出现放大框（仿照淘宝网服装放大的方法），将图片放大框内的范围放大显示到介绍说明区。点击其它年级类推。（3）、介绍说明区：内容

5、由我方提供。（4）、图片滚动区：图片按一年级到六年级排列，各年级按照语文、数学、英语、，分科自上而下排列。循环滚动。当鼠标置于某一图片时，图片停止滚动，自动出现放大框（仿照淘宝网服装放大的方法），将图片放大框内的范围放大显示到介绍说明区。（5）、点击“下载中心”， 链接到第五项“下载中心”（四）4“付费课程心智图”页面。2、点击“初中课程”进入示意图3页面。示意图3：初中课程页面标题区初中课程同步心智图（年级分区）（介绍说明区）初中课程心智图制作介绍使用方法下载说明（图片滚动区）“总纲心智图”“第一章心智图” 初一年级初二年级初三年级下载中心说明：（1）、标题区：有背景（2）、年级分区：当点击

6、“初一年级”，在图片滚动区出现免费的“语文”、“数学”等初一年级学科的“总纲心智图”和“第一章心智图”图片（图片由我方提供）。当鼠标置于某一图片时，图片停止滚动，自动出现放大框（仿照淘宝网服装放大的方法），将图片放大框内的范围放大显示到介绍说明区。点击其它年级类推。（3）、介绍说明区：内容由我方提供。（4）、图片滚动区：图片按初一年级到初三年级排列，各年级按照语文、数学、英语、物理、化学、地理、生物、历史，分科自上而下排列。循环滚动。当鼠标置于某一图片时，图片停止滚动，自动出现放大框（仿照淘宝网服装放大的方法），将图片放大框内的范围放大显示到介绍说明区。（5）、点击“下载中心”， 链接到第五项

7、“下载中心”（四）4“付费课程心智图”页面。3、点击“高中课程”进入示意图4页面。示意图4：高中课程页面标题区高中课程同步心智图（年级分区）（介绍说明区）高中课程心智图制作介绍使用方法下载说明（图片滚动区）“总纲心智图”“第一章心智图” 高一年级高二年级高三年级下载中心说明：（1）、标题区：有背景（2）、年级分区：当点击“高一年级”，在图片滚动区出现免费的“语文”、“数学”等高一年级学科的“总纲心智图”和“第一章心智图”图片（图片由我方提供）。当鼠标置于某一图片时，图片停止滚动，自动出现放大框（仿照淘宝网服装放大的方法），将图片放大框内的范围放大显示到介绍说明区。点击其它年级类推。（3）、介绍

8、说明区：内容由我方提供。（4）、图片滚动区：图片按初高一年级到高三年级排列，各年级按照语文、数学、英语、物理、化学、地理、生物、历史，分科自上而下排列。循环滚动。当鼠标置于某一图片时，图片停止滚动，自动出现放大框（仿照淘宝网服装放大的方法），将图片放大框内的范围放大显示到介绍说明区。（5）、点击“下载中心”，链接到第五项“下载中心”（四）4“付费课程心智图”页面。五、网站内容综合介绍区（本图片为示意图片，设计时依此内容重新制作。）（一）、鼠标左键点击分支项时进入相应页面。进入“课程心智图”、“下载中心”两大项和“用户服务服务专区交流社区”，用户需登录。（二）、“心智图教育”项：点击“心智图教育

9、”、“视频”、图片、“电子书”均链接示意图5页面。示意图5：心智图教育页面标题区免费、公益推广心智图教育心智图教育视频视频播放器（图片滚动区）教育视频截图心智图教育图片电子书封面心智图教育图片心智图电子书说明：（1）、心智图教育视频，心智图教育图片，心智图电子书。展开式。鼠标置于“心智图教育视频”时，自动显示所有视频列表：心智图教育视频心智图的由来和应用心智图的画法心智图课堂笔记及整理心智图各科之应用心智图有机学习技巧待添加的隐藏文字内容1心智图整理错题集及其利用快速阅读心智图软件使用心智图解题法心智图考试法用户点击某视频时，链接“优酷”播放器播放。鼠标置于“心智图教育图片”时，自动显示所有图

10、片列表（如上表，我方提供内容），用户点击时，自动放大该图片。鼠标置于“心智图电子书”时，自动显示所有电子书列表（如上表，我方提供内容），用户点击时，打开该电子书阅读。（2）、视频播放器：点选“视频名”时，链接“优酷”播放该视频。（3）、图片滚动区：循环滚动，图片由我方提供。当鼠标置于某一图片时，图片停止滚动，自动出现放大框（仿照淘宝网服装放大的方法），将图片放大框内的范围放大显示到视频播放器区域。点击该图片时放大整个图片。（三）、“课程心智图”项： 固定“课程心智图”。点击“小学课程”进入第四1项“小学课程同步心智图”页面；点击“初中课程” 进入第四2项“初中课程同步心智图”页面；点击“高中课

11、程”进入第四3项“高中课程同步心智图”页面。（四）、“下载中心”项：固定“下载中心”。1、点击“心智图教育视频”进入示意图6页面。示意图6：视频下载示意（标题区）欢迎您光临免费心智图教育视频下载中心！视频系列点击下载心智图的由来和应用下载心智图的画法下载心智图课堂笔记及整理下载心智图各科之应用下载心智图有机学习技巧下载心智图整理错题集及其利用下载快速阅读下载心智图软件使用下载心智图解题法下载心智图考试法下载说明：点击“下载”按键，弹出下载对话框，用户选择文件存放路径并下载。2、点击“心智图教育电子书”进入示意图7页面。示意图7：电子书下载示意（标题区）欢迎您光临免费心智图教育电子书下载中心！电

12、子书系列点击下载（内容由我方提供）下载下载下载下载下载下载下载下载下载下载说明：点击“下载”按键，弹出下载对话框，用户选择文件存放路径并下载。3、点击“免费课程心智图”进入示意图8页面。示意图8：免费课程心智图文件下载（标题区）欢迎您光临心智图下载中心，下载免费课本心智图样板文件！老师教学，学生预习、听课笔记、复习整理、备考的整体解决。（下载区）使用说明1、免费课程心智图是本中心提供的各类课程心智图样板。2、用户下载后使用心智图软件打开。3、用户可依照此方法自己编写课程其余章节的心智图。（1）、各主干固定。（2）、“心智图软件”项：“永久免费”固定。点击“下载”， 弹出下载对话框，用户选择文件

13、存放路径并下载。（3）、点击“小学课程心智图”、“初中课程心智图”、“高中课程心智图”的“全国通用教材”，进入示意图9页面。示意图9：全国通用教材标题区欢迎您免费下载全国通用教材同步心智图样板文件！本样板为全国通用教材各科总纲及第一章（第一节）心智图语文数学英语物理化学一年级上下载下载下载下下载下载下载二年级上下载下载下载下下载下载下载三年级上下载下载下载下下载下载下载四年级上下载下载下载下下载下载下载五年级上下载下载下载下下载下载下载六年级上下载下载下载下下载下载下载初一上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载初二上下载下载下载下载下载下载下载下载下下载下载下载下

14、载下载下载下载下载初三上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载高一上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载高二上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载高三上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载（4）、点击“小学课程心智图”、“初中课程心智图”、“高中课程心智图”的“部分省、市使用教材”，进入示意图10页面。示意图10：部分省、市使用教材标题区欢迎您免费下载部分省、市使用教材同步心智图样板文件！本样板为部分省、市使用教材各科总纲及第一章（第一节）心智图省教材省教材省教材省教材省教材省

15、教材（文件夹）语文数学英语物理化学一年级上下载下载下载下下载下载下载二年级上下载下载下载下下载下载下载三年级上下载下载下载下下载下载下载四年级上下载下载下载下下载下载下载五年级上下载下载下载下下载下载下载六年级上下载下载下载下下载下载下载初一上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载初二上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载初三上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载高一上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载高二上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载高

16、三上下载下载下载下载下载下载下载下载下下载下载下载下载下载下载下载下载4、点击“付费课程心智图” 进入示意图11页面。示意图11：付费课程心智图文件下载（标题区）欢迎您光临心智图下载中心！（下载区）老师教学，学生预习、听课笔记、复习整理、备考的整体解决。使用说明1、付费课程心智图是本中心编写的各年级各科每章课程心智图。2、用户下载后使用心智图软件打开。（1）、各主干固定。（2）、“心智图软件”项：“永久免费”固定。点击“下载”， 弹出下载对话框，用户选择文件存放路径并下载。（3）、点击“小学课程心智图”、“初中课程心智图”、“高中课程心智图”的“全国通用教材”，进入示意图12页面。示意图12：

17、全国通用教材标题区欢迎您选购全国通用教材各科同步心智图！价格：元科语文数学英语物理化学一年级上下二年级上下三年级上下四年级上下五年级上下六年级上下初一上下初二上下初三上下高一上下高二上下高三上下用户勾选后，显示以下页面（根据选定课程数量而增加）：课程名称价格数量操作科元1删除科元1删除 金额总计：元您共购买课程心智图科，总金额元。 购买（按钮）用户点击“购买”，进入付款对话框：（支付方式参考“360电脑专家”购买方法，使用支付宝支付）付款完毕，网站后台处理确认（付款确认链接由设计人员设计），提示“您已完成付款，点击下载”，并出现以下页面（根据选定课程数量而增加）：课程名称价格数量操作科元1下载

18、科元1下载点击“下载”， 弹出下载对话框，用户选择文件存放路径并下载。（4）、点击“小学课程心智图”、“初中课程心智图”、“高中课程心智图”的“部分省、市使用教材”，进入示意图13页面。示意图13：部分省、市使用教材标题区欢迎您选购部分省、市使用教材各科同步心智图！价格：元科省教材省教材省教材省教材省教材省教材（文件夹）语文数学英语物理化学一年级上下二年级上下三年级上下四年级上下五年级上下六年级上下初一上下初二上下初三上下高一上下高二上下高三上下用户勾选后，显示以下页面（根据选定课程数量而增加）：课程名称价格数量操作科元1删除科元1删除 金额总计：元您共购买课程心智图科，总金额元。 购买（按钮

19、）用户点击“购买”，进入付款对话框：（支付方式参考“360电脑专家”购买方法）付款完毕，网站后台处理确认（付款确认链接由设计人员设计），提示“您已完成付款，点击下载”，并出现以下页面（根据选定课程数量而增加）：课程名称价格数量操作科元1下载科元1下载点击“下载”， 弹出下载对话框，用户选择文件存放路径并下载。（五）、用户服务：点击分别进入相应页面。1、点击“欢迎词”：欢迎词尊敬的用户、来访者：欢迎您登录心智图教育网网站！本中心是中国唯一免费、公益推广“心智图教育”和“心智图学习法”的网站，提供免费的心智图教育和心智图学习法系列视频、心智图软件、中小学课程心智图样板和有关心智图电子书供您下载、学

20、习和使用。成功人士与普通人士的区别，不是力气，也不是学习不努力，而是大脑开发、记忆、思维和知识的应用。最核心的区别是思维能力，成功人士的思维是发散式的，普通人士的思维是圆周式的。我们公益推广“心智图教育”的目的，就是让每一个中国人都学会发散式思维，应用于教育、学习、记忆和工作中，为振兴中华出一份力。如果您是中小学生，您可以学习到阅读、记笔记、记忆、解题、考试等方法，使用心智图学习法快乐学习而稳步提高学习成绩！如果您是家长，您学习后即能掌握引导、启发孩子思维的方法，并应用到实际工作中去！如果您是职场人士，您立即可以学以致用，快速提高工作能力！如果您是公司高管、企业家，可以帮助您创新企业战略和企业

21、管理，使企业发展更上一层楼，因为许多跨国企业正在使用心智图不断进行创新。衷心希望您能到国外赚钱！如果您是公务员，会给您理清工作思路和出色完成各项工作提供帮助！如果您是政府领导，会使您更加高瞻远瞩，达到新的境界，更好地为人民服务！我们将传承古代圣贤老子的“為學日益，為道日損”和孔子的“學而時習之，不亦悅乎！”的教育、学习理念，办好本中心网站！本中心创始人、“心智图”商标持有者戴鸿斌老师结合国情特色潜心研究心智图教育、学习十余年，编写和出版了心智图学习法、心智图教学法、心智图时间管理簿、开发超级词汇心智图词汇记忆法等著作，这些著作的电子书与教学视频免费提供给您下载、学习。戴老师发下宏愿：与社会各界

22、有识之士公益推广心智图学习法，造福人民！感谢英国人东尼博赞先生发现“思维导图”对大脑的开发应用！感谢社会各界人士给予本中心的大力支持！ 心智图教育网2、点击“注册”：进入注册页面。如下。（标题区）欢迎您注册成为本中心用户！（注册区）注册项必填项备注用户名同名提示、不允许同名性别地址省、市（地级）、点选框登录密码再次输入密码邮箱QQ号手机号验证码3、点击“登录”：打开登录对话框，进入用户资料修改等。用户资料不对外公开，用户登录后只能打开自己的用户资料管理页面。4、服务专区：客服热线，QQ客服，交流社区等等。（六）、关于我们：1、公司简介：内容由我方提供。2、团队建设：内容由我方提供。3、企业文化

23、：（1）企业精神：团结互助，敬业创新。（2）企业宗旨：快乐教育、快乐学习、快乐工作。（3）企业愿景：愿人人为国家强盛和成就人生快乐学习。（4）品牌理念：传承孔子、老子学习教育理念。 為學日益，為道日損。（知识要越学越多，书本要越读越薄。） 學而時習之，不亦悦乎？（学到、辨识、参悟了知识和本领，并不断地实践、总结、提高，不是很快乐的事吗？）（5）企业核心价值观：精品、服务、规范、创新。4、教师团队：内容由我方提供。5、公司大事记：内容由我方提供。6、联系我们：内容由我方提供。（七）、中心动态：1、中心新闻。内容由我方提供。2、中心活动动态。内容由我方提供。六、后台系统：数据库系统及管理平台系统。

24、（一）、数据库系统：数据库分为用户数据库、访问网站数据库和统计数据库。1、用户数据库：包括用户注册数据、用户下载免费资料数据、用户下载付费资料数据、推广商数据、老师数据等。数据库目录：数据库目录序号目录名备注1用户名2性别3地址省、市（地级）4登录密码5邮箱6QQ号7手机号8下载免费资料数据9下载付费资料数据10推广商姓名身份证号负责区域1省、市（地级）负责区域2省、市（地级）负责区域3省、市（地级）银行卡号姓名开户行卡号11老师姓名所在地省、市（地级）证明文件任教学校年级免费课程资料2、访问网站数据库：按省、市（地级）设置目录，根据IP地址自动录入。3、统计数据库：按月份分省、市（地区）统计

25、访问数、注册数、下载免费资料数、下载付费资料数。合计：按年分省、市（地区）累计访问数、注册数、下载免费资料数、下载付费资料数；全国累计访问数、注册数、下载免费资料数、下载付费资料数。（二）、管理平台系统：1、用户管理子系统：输入用户名即可显示用户数据库的19项。设置访问权限，限于客服人员访问。2、推广商管理子系统：输入用户名即可显示用户数据库的110项和推广商地区负责区域的访问统计数据、注册数、免费资料下载统计数据、付费资料下载统计数据和金额。设置访问权限，限于市场部人员访问。推广商访问：推广商根据姓名和访问权限，可以查询其负责区域的统计数据。3、市场动态管理子系统：使用统计数据库中的项目，设

26、置访问权限，限于高管和市场部人员访问。4、商务管理子系统：全国累计访问数、注册数、下载免费资料数、下载付费资料数和支付宝账号的收入数据。设置访问权限，限于高管访问。七、心智图软件与网站接口需求本网站与心智图软件的使用是一个整体，需要实现软件与网站无缝链接。网站设计方必需满足软件设计提出的“心智图软件与网站接口需求”中的要求。详见附件一“心智图软件接口描述文档”。 心智图教育网 2012年4月22日附件一：接口描述文档版本号：V0.1文档编号：IDD-MINDMAP-001项目名称：心智图软件编 写：赵杨柳编写日期：2012-04-17审 批：陶盛审批日期：文档修订记录版本号*状态简要说明日期变

27、更人v0.1C初始版本2012-04-17赵杨柳v0.1.1MA增加服务端服务需求2012-04-19陶盛*状态：C = 创立，A = 增加，M = 修改，D = 删除*正式发布文档版本号从1.0开始。对文档进行小改动时，版本号以0.1进阶；大改动时版本号以1.0进阶。第一章 概述1.1 文档概述在开发项目产品心智图软件中，软件部分功能需要与心智图网站对接，本文档阐述心智图软件需要网站开发人员提供的页面与网络、存储接口。1.2 接口概述对于心智图软件来说，主要需要网站提供页面，以及相关服务页面主要用心智图软件嵌入浏览器访问；服务主要提供心智图软件访问服务器功能；1.3 预期读者项目管理人员，网

28、站开发人员，测试人员。第二章 需求2.1 页面共分为1） 跳转链接2） 嵌入客户端两大类型，其中，“含用户信息”指url含有登入令牌，直接可以在服务器建立用户会话；注：登入令牌也可以简化为用户名或用户名密码2.1.1 注册跳转链接需要网站提供用户注册页面客户端直接跳转该链接即可。2.1.2 每日新闻嵌入客户端用户联网后，客户端自动弹出的信息：每日新闻模块：用户每日首次打开心智图软件，客户端自动弹出心智图每日新闻页面，需要网站提供一个大概600*400的心智图每日新闻页面2.1.3 欢迎词跳转链接需要网站提供网站主页或单独的网站欢迎页面2.1.4 用户反馈跳转链接，含用户信息需要网站提供用户反馈

29、页面2.1.5 软件下载、更新跳转链接需要网站提供软件更新下载页面2.1.6 资源浏览嵌入客户端，含用户信息需要网站提供浏览心智图免费资源/收费资源，下载免费资源/收费资源的页面2.1.7 我的帐户嵌入客户端，含用户信息点击我的帐户跳转到的用户信息页面2.2 服务整体要求1） 服务器协议建议采用ajax形式2） 心智图软件（客户端）用户会话可以同网站登入会话分开，无需SSO3） 会话超时为15分钟2.2.1 登入参数：用户名、密码返回：OK:true OK:false, reason: 用户不存在2.2.2 活动目的：激活会话参数：用户名返回：OK:true OK:false, reason:

30、 用户已经注销2.2.3 检查版本参数：当前心智图软件版本号返回：OK:true OK:false, reason: 需要升级2.2.4 获得临时证书目的：主要用于对于收费软件的加密，服务器产生于用户信息配对的单向密钥并返回返回：OK:true, key:00567AD4590012799C OK:false, reason: 非付费用户2.3 其他2.3.1 Web服务器服务器可以采用任何架构，用任何语言编写，确定架构前告知软件开发方就可以了，我们可以针对网站的架构编写相应语言的服务端组件；2.3.2 数据库可使用任何关系数据库，提前告知数据库即可，方便加入一些心智图软件发布需要的基础数据；2.3.3 收费文件下载加密钩子组件收费文件针对用户名加密算法的管道