tech:hackathon-cn
Table of Contents
第一天开始前计划
不需要什么创意,也不需要什么点子,从身边的实用小事情做起,做到极致。
足够强大的需求
我不想多说了。我只是做点事情给你们看看。(打开IE,默认出现 https://activexperience.active.local/Pages/welcome.aspx) 这个显然出来很慢,而且很多同事估计都不会去看这个页面内容,感觉没太多用处。做一个很有用的页面且很好用的页面完全取代它。
也许很多人都跟我有同样的习惯。自从毕业开始工作以来,做个静态页面设为自己主页。然后一直自己维护,维护了7年。可见很多人都有这个需求。有需求就有商业价值。如果能让全公司的电脑都把我的项目设置为主页,每年点击率过1000万,完全不是问题。 这就是为什么在2004年,百度花5000万外加部分百度股权收购了一张静态网页hao123.(足够简单,简单到无法超越)
计划的主要功能
专注于用户的最迫切需求,做得极简单,保持最佳用户体验:
- 整个项目只有一个页面。
- 分为三个层面:系统默认链接,组链接,用户链接。不登录,会显示系统默认链接。可以选择组帐号登录,组链接。可以选择用户自己的帐号登录,显示用户自定义链接。
- 可以选择自动保持登录。这样即使浏览器重新打开,也能自动登录。
- 登录以后可以添加自己喜欢的连接。
- 记录下每次用户的点击,然后会根据点击自动排序,把点击率搞的链接组会排到前面去。(但在组内不会根据点击率排序,不然链接位置变化太频繁,让用户会不爽的)
- 支持5大主流浏览器的各个版本。
- 支持手机浏览器。
近期未来的展望
走在Web前端科技前沿,慎重地选择部分好的html5功能,比如placeholder。不去使用一些尚未被广泛支持的html5功能。如果保持内容为空,等于自动删除,这种功能很好,比旁边放个X来让客户删除要好。拖拽功能确实很炫很好,但也要尽量选择适当,不希望滥用进来。
公司有很多自己的系统,把它全部整合到这里面来(比如PTO,service now, activeU)。以后再也不用自己去记住那么多个网站了。全部通过这个页面做中转。在SSO做得不够好之前,这个页面可以帮着自己切换帐号,登录不同的系统。
第一天完成后结果
http://localhost:8080/m/ http://10.136.3.145:8080/m/ (When I use wireless) http://10.136.0.17:8080/m/
已经实现的功能
遵循扁平化设计思路,放弃了lightbox效果。
- 整个项目只有一个页面。(包括显示登录,添加,都在一个页面内完成。)
- 支持5大主流浏览器(IE,FF,Chrome,Safari,Opera只用三大引擎)。 一般我测试只在FF,Chrome,IE上测,因为这已经涵盖了三大引擎。
- 支持手机浏览器(我只测试了 iphone上的safari, 可以login,可以添加link)
- 分为三个层面:系统默认链接,组用户链接,个人用户链接。不登录,会显示系统默认链接。可以选择组帐号登录,显示组用户链接+默认链接。可以选择用户自己的帐号登录,显示用户自定义链接+默认链接。
- 可以选择自动保持登录(过期时间是4个星期)。这样即使浏览器重新打开,也能自动登录。 (支持FF,Chrome。暂时看上去不支持ie9,其他ie版本没测过。支持手机safari!)
- 登录,添加链接功能。
- 记录下每次用户的点击,然后会根据点击自动排序,把点击率高的链接组会排到前面去。(但在组内不会根据点击率排序,不然链接位置变化太频繁,让用户会不爽的)
已经解决的缺陷
- 解决了IE对placeholder不支持的问题。
- 解决了当一个添加链接form展开时,去点击另外一个link type,展开另外一个连接时,其他“+“显示不对。
- 修改了:做右上角那个框风格太难看 的问题。
还需实现的功能
一直遵循最简单原则!
- 为用户添加“删除功能” 也要在这一个页面内完成。
- 为用户添加“编辑功能” 也要在这一个页面内完成。
- 能通过某一个帐号,权限比较高的帐号,能添加,删除其他帐号的,或者系统默认的链接。
- 密码是明文存储的,这是不对的。要弄成不可解密的密文。
- 添加或者更新失败时的错误信息要完善。
- 在阻止重复提交的时候需要有提示信息。
- 对添加/更新的链接,多做一点验证。
- 在用户添加/修改链接时,能做到auto complete帮用户找到一些很可能需要的链接。(通过ajax显示)
第二天早上的进展
细节决定成败。
今天的任务列表
- 删除所有链接重新充实一些 比较有意义的数据。(全部重新更新数据库!) (已完成)
- 能够做到批量编辑,如果让URL置为空,直接删除这条URL. 用这种方式代替普通删除,(尽量培养用户这种良好的删除习惯。)
- 把登录出错的验证,添加链接出错的验证,重复提交的验证都加上去!(已完成)
未来可能的功能
- 能够快速从连接池里把链接加给自己。
tech/hackathon-cn.txt · Last modified: 2018/07/24 08:13 by 127.0.0.1