摘 要

在复杂的信息安全学科之中，密码学作为其核心和关键，越来越受重视，在这个信息时代，我们需要了解密码学的信息编码技术来保护个人信息，防御黑客入侵，防止信息泄露。在密码学这一块，由于公式复杂，内容繁多，知识点范围广泛，教学就显得十分困难。现有的教学方式，无法有效的提高学习者的能力，我们急需一种生动形象的，易于理解的方式来传播密码学内容，使学习者可以可视化的学习理解相关知识，这就是我的研究目的。

HTML语言是一种超文本标记语言，是一种网页前端技术。简单来说，通过这种超文本标记语言，我们可以编写出具有可视化功能的动态网页。不仅是拥有精美的界面，还可以实现很多交互的功能，而这正是密码学可视化的基础。通过HTML,CSS,JAVASCRIPT等简洁有效的工具，我才能将完成这个密码学可视化虚拟仿真系统。

本毕业设计旨在开发一个基于HTML5技术，能将密码学算法的工作过程进行可视化展示和定制的虚拟仿真实验系统，帮助学习者快速学习和理解相关内容。通过这个系统使用者能够清晰直观的学习几大经典密码学算法的过程，能清晰明白的感受密码学的魅力。

关键词：HTML5；密码学；可视化；

Abstract

In this information age, we need to understand the cryptographic information coding technology to protect personal information, prevent hackers from hacking, and prevent information disclosure. In the information age, complex cryptography is the core and key, more and more attention. In this piece of cryptography, because the formula is complex, the content of a wide range of knowledge points, teaching is very difficult. The existing teaching methods, can not effectively improve the learner's ability, we need a vivid, easy to understand the way to spread the contents of cryptography, so that learners can visualize the learning to understand the relevant knowledge, which is my research purposes.

HTML language is a hypertext markup language, is a web front-end technology. Simply put, through this hypertext markup language, we can write a visual function with dynamic web pages. Not only has a beautiful interface, but also can achieve a lot of interactive features, and this is the basis of cryptography visualization Through HTML, CSS, JAVASCRIPT and other simple and effective tools, I can complete this cryptographic visualization virtual simulation system.

The graduate design is designed to develop a virtual simulation experiment system based on HTML5 technology that enables visualization and customization of cryptographic algorithms to help learners quickly learn and understand relevant content. Through this system, the user can be clear and intuitive Learning several classic cryptography algorithm process, can clearly understand the charm of cryptography.

Key Words：HTML5；JAVASCRIPT；Cryptography

目录

第1章 绪论 1

1.1研究背景及意义 1

1.2研究目标及内容 2

第2章 相关理论基础和技术 3

2.1公开密钥加密——RSA 4

2.2对称密钥加密——DES算法 6

2.3对称密钥加密——TEA算法 9

2.4可视化的工具——Intellij idea简介 12

2.5网页前端技术——HTML,CSS,JAVASCRIPT 12

2.6 jQuery的用法 16

第3章 虚拟仿真系统页面设计之首页设计 18

3.1导航栏 19

3.2首页DIV设置 24

第4章 虚拟仿真系统页面设计之RSA页面设计 28

4.1导航栏设置 28

4.2左侧DIV设置 28

4.3右侧模密码学可视化设计 30

第5章 总结 34

5.1研究总结 34

5.2未来展望 34

参考文献 36

致谢 38

第1章 绪论

1.1研究背景及意义

可视化的概念引入国内时间相对还比较短暂，在我国明确提出知识可视化这一概念，最早是在《知识可视化的理论与方法》( 赵国庆等，2005) 这篇文章中，这篇文章引用了 2004 年马丁和莫雷给出的知识可视化的定义，并对知识可视化的历史由来、理论基础、本质、知识可视化的研究框架等方面^[1]，比较系统全面地对知识可视化进行了阐释。之后的很多文章都涉及知识可视化的概念，但都沿用赵国庆从西方引进的概念，并没有在原有概念体系基础上纳入新的见解和主张。​

据不完全统计仅就国内 2015 年一年时间，Html5 可视化设计工具就用涌现了将近 1200 多家，可说是 Html5 可视化设计工具市场爆发的一年。国外可视化研究已初步形成了三个研究维度: 技术实现维度、心理认知维度以及知识管理维度^[2]。技术实现维度主要从可视化的技术、方法和工具等方面开展研究; 心理认知维度的研究一般强调人们对视觉表征的认知过程和内在机制;知识管理维度的研究主要是将知识可视化应用于知识共享、转化、传播和利用。知识服务平台的建设、知识可视化在教学中的运用、知识可视化的心理认知机制研究、知识管理以及决策支持全都是国外近几年的研究前沿。

几乎所有的大型IT公司都对信息安全越来越重视，更加说明了我们了解密码学原理的迫切性，才能跟上这个时代的潮流，在信息爆炸的竞争中处于优势的地位，否则稍有不慎，就会落入深渊。在未来，在硬盘中保存的巨大的数据将会是公司的核心竞争力，不断创新的技术只有在密码学的保障下才能更好地被开发，更好的服务于人民。这还只是在公司的角度看，由于通信网和网络信息的安全主要是由国家以及用户自己的基础设施来保障,所以采取什么样的安全措施来确保用户自身的信息,尤其是那些涉及国家政治、经济、外交和军事等方面的秘密信息不被泄露,在目前依然是一项非常复杂而艰巨的任务。