原创:让密码不再被遗忘 - 在web中尝试图形口令!
2012-07-09 19:30
302 查看
前些天,把我的手机升级到了Android 4.0版本,无意中发现多了一种屏幕解锁方式:图形口令
就是在屏幕上有9个圆点,按3*3的矩阵排列,以这9个圆点为节点,可以随意划出一个几何形状,记下这个几何形状的划动路径,下次为屏幕解锁时按照记忆将这个形状划动出来,就算是解锁成功啦!
体验之后,感觉不错,有一定的可玩性,呵呵
更重要的是,大脑对于记忆一张图形,相比于一串枯燥的字符,还是更有优势的,这对于避免将口令遗忘应该有些帮助
随即就想在WEB上也实现这种图形口令,让WEB的密码输入多一种选择也算是一件好事吧
真正做起来,还算是简单的
首先用PS画了一张底图,上面有16个圆点,按4*4的矩阵排列,至于为什么要用4*4,主要是3*3的矩阵感觉有点小,组合也比较简单。4*4的话,安全性相对要更高些,另外,16个节点,正好可以使用16进制的0~9和A~F来表示。再大的话,比如5*5,貌似有点过于复杂了,怕是自己划出的图形都会很难记住,那样就得不偿失啦。
底图:
哈哈,还不错吧,自我感觉很是唯美 :)
底图做好之后,开始写脚本
在WEB上画线,并非头一次,考虑到对IE、FF、Opera的兼容性,首先将VML、PNG等方式Pass掉,至于SVG,对于老版本的IE支持也不太友好,还是放弃了,Flash倒是好选择,不过嫌麻烦,最后还是决定使用最原生态的办法:JS+DIV
经过3个多小时的敲敲打打,很是新鲜的WEB版图形口令就算大功告成啦!
效果预览:
点击确定后,返回的口令原文:
在划线时,又增加了预览的效果,感觉好多了。
WEB版的图形口令就算搞定了,至于如何嵌入到项目里使用,就很简单了,这里不再敖述。
附件下载地址:http://files.cnblogs.com/netWild/图形口令(DrawPass).zip
就是在屏幕上有9个圆点,按3*3的矩阵排列,以这9个圆点为节点,可以随意划出一个几何形状,记下这个几何形状的划动路径,下次为屏幕解锁时按照记忆将这个形状划动出来,就算是解锁成功啦!
体验之后,感觉不错,有一定的可玩性,呵呵
更重要的是,大脑对于记忆一张图形,相比于一串枯燥的字符,还是更有优势的,这对于避免将口令遗忘应该有些帮助
随即就想在WEB上也实现这种图形口令,让WEB的密码输入多一种选择也算是一件好事吧
真正做起来,还算是简单的
首先用PS画了一张底图,上面有16个圆点,按4*4的矩阵排列,至于为什么要用4*4,主要是3*3的矩阵感觉有点小,组合也比较简单。4*4的话,安全性相对要更高些,另外,16个节点,正好可以使用16进制的0~9和A~F来表示。再大的话,比如5*5,貌似有点过于复杂了,怕是自己划出的图形都会很难记住,那样就得不偿失啦。
底图:
哈哈,还不错吧,自我感觉很是唯美 :)
底图做好之后,开始写脚本
在WEB上画线,并非头一次,考虑到对IE、FF、Opera的兼容性,首先将VML、PNG等方式Pass掉,至于SVG,对于老版本的IE支持也不太友好,还是放弃了,Flash倒是好选择,不过嫌麻烦,最后还是决定使用最原生态的办法:JS+DIV
经过3个多小时的敲敲打打,很是新鲜的WEB版图形口令就算大功告成啦!
效果预览:
点击确定后,返回的口令原文:
在划线时,又增加了预览的效果,感觉好多了。
WEB版的图形口令就算搞定了,至于如何嵌入到项目里使用,就很简单了,这里不再敖述。
附件下载地址:http://files.cnblogs.com/netWild/图形口令(DrawPass).zip
相关文章推荐
- 让密码不再被遗忘 - 在web中尝试图形口令!
- 在 web 中尝试图形口令
- 用RSA加密实现Web登录密码加密传输(网页口令传输加密)
- 为 Internet 口令提供更多的安全性"带来的 web 用户密码修改的问题
- Web项目,要求:保存用户名和密码在Cookie中,下次登录不再重新输入
- [原创]生成几种WEB图形字体对照表
- 详解Nginx实战之让用户通过用户名密码认证访问web站点
- linux 下root 口令破解(二) ——说一下grub的密码和安全模式
- ZedGraph图形控件在Web开发中的应用()
- Linux下SVN远程web密码修改(修改篇)
- 【原创】python web应用性能测试出现的问题以及使用的工具
- [原创]纯java实现http web服务器
- 点击登录Oracle企业管理器,提示错误,您的用户名和/或口令无效和如何修改oracle里面的sys和system的密码
- 基于SVG的web页面图形绘制API介绍及编程演示
- [导入][Joe 原创]Web Control 开发系列(三) 解析IPostBackEventHandler和WebForm的事件机制
- 【7】.net WebAPI Owin OAuth 2.0 密码模式验证实例
- 让你的Web服务器不再裸奔。
- [原创]C#中抓取网页方法小结 Ways to crawl web pages (get HTML) using C#
- APMServ 5.2.6 是一款拥有图形界面的快速搭建web
- 浅谈SQL SERVER数据库口令的脆弱性&SQL登录密码对照表&MsSQLServer是如何加密口令的 未公开的加密函数