- 1、本文档共19页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Start
自我介绍
前期工作
个人学习
框架搭建
界面开发
难题解决
个人总结
项目简介
自动登录
100
姓名:杨博文
主要工作:需求分析、系统前端开发
具体内容:登录、修改密码、工程中心、高层 领导以及项目经理UI的设计和编码
BS开发经验:网上书店前端开发以及部分后台开发
合作伙伴:陈彬彬、刘晓健(美工)
10001
●●●●●●●●
开发人员个人信息
工程项目实施管理系统,是一个面向公司内部人员使用的管理系统,以工程项目的全生命周期管理为核心,为工程管理中心、项目经理、公司内部相关人员等为服务对象,最终保证工程项目过程的可见、可预测、可控制,提高项目实施的效率
工程项目实施管理系统
开发项目简介
(1)管理员界面
由工程管理中心相关维护人员使用,实现项目的录入,项目相关属性的填写,项目任务的分配,项目相关资料的上传等。
(2)项目经理界面
查看所属项目的进展,更新项目的状态,提交项目有关问题,上传工程项目资料。
(3)领导界面
查看当前所有项目的进行情况,了解项目相关性,查看项目的状态变化历史信息等。
(4)登录界面、修改密码界面等。
·以用户为中心:简单、易懂、用户容易上手。
·较强的交互性:可以让用户通过点击或输入等完成想要的查询等等。
·一致性:所有的界面要遵循相同的风格和框架。
·可恢复性:需要在容易出错的地方添加提醒。
·简洁性:人机交互时尽量减少输入信息。
原则和规范
UI功能需求
注意事项
·每个界面之间的功能分配是否合理。
·查询时是否能将所有信息呈现。
·查询时信息的分类显示
·能让用户进行随机条件查询。
·颜色使用恰当,不刺眼,字迹清楚。
·文字表达没有歧义,易懂。
·界面均衡,不拥挤,也不留大片空白。
前期工作
1.环境搭建
Jdk、eclipse、tomcat、SVN、Dreamweaver的环境搭建和配置
2.开发工具
选择使用Dreamweaver:可以在开发的同时对界面进行预览,及时纠正和调整;写代码和修改代码比较方便。
前期工作
3.需求分析
通过团队讨论确定需求之后,根据需求说明书确定UI需要开发的东西。
4.寻找素材
寻找图片,logo标志。确定网站色彩等等。
个人学习
学习内容:HTML、CSS、JavaScript、PHP
学习方法:慕课网(理论+代码+演示)
框架搭建
登录及修改密码界面
工程中心界面
项目经理界面
高层领导界面
登录、修改密码、身份验证和密码重置
管理员登陆后使用的界面。可以管理所有项目。
项目经理登陆后使用的界面。只能管理自己的项目。
领导阶层登陆后使用的界面。可以查看所有项目,但不能更改。
登录界面
工程中心
项目经理
高层领导
·标题在正上方。
·侧导航栏。
·主导航展开之后出现次导航
·导航栏可以显示隐藏,并且可以带动整个显示页面。
·不同权限的人员看到的页面不一样,但是风格一致。
·可以让主屏的显示区域更大。
·使屏幕宽度得到充分利用。
·用户变换页面不需要回到页顶。
颜色风格
导航风格·
布局风格
·公司内部网站不需要太华丽的页面。
·页面不能杂乱,实用性要强,需要的内容能快速找到
·不需要一些无关紧要的内容
·使用三部分。
顶部:标题和logo
左边:导航栏
右边:显示区域,使用一个frame导入外部页面。
代码简短清晰,修改容易;各页面互不干扰,不易误改;添加功能明确。
·公司内部网站需要用淡雅的比较单一的色调
·布局各块之间的颜色应该一致
·背景色和字体颜色需要有明显对比
·不要使用绿色,红色,紫色等太鲜艳的颜色。重要提示要使用红色。
·天蓝色做背景。白色做显示区域背景。
页面展示
头部:标题和logo
主题:背景和登录框
底部:技术邮箱等
侧导航:可以显示或隐藏。
点击主导航可以展开次导航。(手风琴风格)
主显示页面:用一个框架导入外部HTML文件,通过点击导航可以显示不同的内容。
领导
主页
管理员
项目经理
· 图片和CSS效果不显示问题:使用相对路径。即使更改站点文件夹,也不会出错
难题解决
· JavaScript无效:浏览器屏蔽或者使用了绝对路径或者函数调用参数不匹配
· 不同的分辨率宽度显示不一样:使用相对宽度设置为100%
· 页面滚动时当前位置指示保持不动:使用独立的div或者使用悬浮框
· 未实现的功能:日期框。文本框字数,字符类型限制检测。
开发过程
环境搭建
个人总结
需求分析
技术学习
框架设计
发现需求变动
框架修正
风格,颜色,布局分析设计
代码开发
与后台,数据库进行沟通,以查找不足
代码修正
提交
项目接收
反复修正
个人心得
·界面是网站的脸。一个功能再多的网站,也需要有良好的页面表现出来。只有有了良好的界面,用户才会有使用的期望。
·界面开发应该与后台开发一样严肃。如果造成了
您可能关注的文档
- 浅析生物识别支付技术现状及发展前景概要.docx
- 山东省烟台二中2014届高三10月月考语文试题.doc
- 欧司朗内部资料概要.ppt
- 软件工程完成用户界面设计课件概要.ppt
- 软件工程习题解答第一章概述概要.doc
- 山东省药品耗材培训.ppt
- 阴道镜检查基本规资料.ppt
- 软件工程项目申请报告概要.ppt
- 浅析我国垃圾分类概要.ppt
- 软件工程-项目生命周期概要.ppt
- 金融产品2024年投资策略报告:积极适应市场风格,行为金融+机器学习新发现.pdf
- 交运物流2024年度投资策略:转型十字路,峰回路又转(2023120317).pdf
- 建材行业2024年投资策略报告:板块持续磨底,重点关注需求侧复苏.pdf
- 宏观2024年投资策略报告:复苏之路.pdf
- 光储氢2024年投资策略报告:复苏在春季,需求的非线性增长曙光初现.pdf
- 公用环保2024年投资策略报告:电改持续推进,火电盈利稳定性有望进一步提升.pdf
- 房地产2024年投资策略报告:聚焦三大工程,静待需求修复.pdf
- 保险2024年投资策略报告:资产负债匹配穿越利率周期.pdf
- 政策研究2024年宏观政策与经济形势展望:共识与分歧.pdf
- 有色金属行业2024年投资策略报告:新旧需求共振&工业原料受限,构筑有色大海星辰.pdf
最近下载
- 结题报告高中物理小课题.PPT
- NB∕T 32037-2017 光伏发电建设项目文件归档与档案整理规范.pdf VIP
- 2024《高考志愿填报咨询服务意愿的影响因素实证研究》16000字.docx
- 无线网络优化模考试题(附答案).docx
- 中图版高中地理必修第二册课后习题 第四章 国土开发与保护 第一节 京津冀协同发展的地理背景 (2).doc VIP
- 工厂消防安全设备检查记录表.docx VIP
- 海绵城市监理实施细则.doc VIP
- 人教版小学二年级数学下册期中试卷.doc VIP
- 巴黎奥运樊振东乒乓球故事介绍【优质公开课】精品PPT课件模板.pptx
- 丽声北极星分级绘本第一级上 A Day with Monster Toon课件 .pptx VIP
文档评论(0)